:root {
  --color-primary: #1a3a5c;
  --color-accent-red: #e63946;
  --color-accent-blue: #007bda;
  --color-dark: #1a1a2e;
  --color-dark-navy: #0c1445;
  --color-light: #f5f5f5;
  --color-white: #ffffff;
  --color-text: #333333;
  --color-text-light: #666666;
  --color-border: #e0e0e0;
  --font-primary: 'Poppins', sans-serif;
  --font-heading: 'Playfair Display', serif;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.15);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --transition: 0.3s ease;
  --container-width: 1200px;
}

.btn-ver-mas {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 36px;
  background: var(--color-primary);
  color: var(--color-white);
  border-radius: 12px;
  font-weight: 600;
  font-size: 15px !important;
  text-decoration: none;
  transition: var(--transition);
  letter-spacing: 0.5px;
}
.btn-ver-mas:hover {
  background: #0670b2;
  color: var(--color-white);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.btn-ver-mas i {
  transition: transform 0.3s ease;
}
.btn-ver-mas:hover i {
  transform: translateX(4px);
}