/* style.css – pequeño toque propio */
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color: #222; }
header.bg-light { background: linear-gradient(90deg, rgba(250,250,250,1) 0%, rgba(243,246,250,1) 100%); }
.card-title { color: #0b3d91; } /* tono sobrio azulado */
.btn-primary { background-color: #0b3d91; border-color: #0b3d91; }
footer { font-size: .9rem; }
/* WhatsApp floating (keeps previous addition) */
.whatsapp-float {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #25D366;
  color: #fff;
  box-shadow: 0 6px 18px rgba(37,211,102,0.18);
  text-decoration: none;
  transition: transform .12s ease, box-shadow .12s ease;
}
.whatsapp-float:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(37,211,102,0.22); }
.whatsapp-float svg { width: 26px; height: 26px; display:block; }
.whatsapp-label {
  position: fixed;
  right: 86px;
  bottom: 28px;
  z-index: 9998;
  background: #111;
  color: #fff;
  padding: 8px 12px;
  border-radius: 20px;
  font-size: 0.95rem;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
  display: none;
  align-items: center;
}
@media(min-width:900px){
  .whatsapp-label { display: inline-flex; }
}


/* Fix: remove underline/underscore or tiny gap between social icon links in the footer */
footer .mb-2 { display: flex; gap: 10px; align-items: center; line-height: 0; }
footer .mb-2 a { text-decoration: none; display: inline-flex; align-items: center; }
footer .mb-2 svg { display: block; }


/* Ensure footer text is light and readable on dark background */
footer { color: #e6e6e6 !important; }
footer small, footer p { color: #d0d0d0 !important; }
footer .social-icons a { text-decoration: none !important; display: inline-flex; align-items: center; }
footer .social-icons svg { display: block; }
footer .icon-circle { padding: 6px; border-radius: 50%; background: transparent; }

/* Nav link styling: make Consultá match other links and add hover color */
.navbar .nav-link { color: rgba(0,0,0,0.75); padding: .5rem .75rem; transition: color .15s ease, background-color .15s ease; }
.navbar .nav-link:hover, .navbar .nav-link:focus { color: #0b3d91; text-decoration: none; }
.navbar .consult-link { color: rgba(0,0,0,0.75); }
.site-brand-text { color: #0b3d91 !important; }
.navbar { background: #fff; }

/* Palette: primary maroon */
:root { --primary-maroon: #8b1e1e; }

/* Buttons and accents */
.btn-primary { background-color: var(--primary-maroon) !important; border-color: var(--primary-maroon) !important; }

/* Card titles */
.card-title { color: var(--primary-maroon) !important; }

/* Brand text color */
.site-brand-text { color: var(--primary-maroon) !important; }

/* Nav link hover effect */
.navbar .nav-link { color: rgba(0,0,0,0.75); transition: color .15s ease; }
.navbar .nav-link:hover, .navbar .nav-link:focus { color: var(--primary-maroon); text-decoration: none; }

/* Remove any leftover Consultá button styling */
.navbar .consult-link, .btn-primary.consult-link { background: none; border: none; color: inherit; }

/* Make logo blend with page: ensure logo background is transparent and no bounding rectangle */
.header-logo-img { background: transparent; }

.profile-photo {
  border: 3px solid rgba(0,0,0,0.04);
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  background: transparent;
}
@media (max-width: 576px) {
  .profile-photo { width:140px !important; height:140px !important; }
}

/* Píldoras simples para la sección Área (mezcla B + E) */
.area-pill {
  display: inline-block;
  margin: 6px 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(139,30,30,0.08); /* tono suave (usa la paleta burdeos si aplica) */
  color: var(--primary-maroon, #8b1e1e);
  font-weight: 600;
  font-size: 0.95rem;
}

/* Botón CTA ligeramente destacado: usar outline para mantener sobriedad */
.btn-outline-primary {
  border-color: var(--primary-maroon, #8b1e1e);
  color: var(--primary-maroon, #8b1e1e);
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
  background: var(--primary-maroon, #8b1e1e);
  color: #fff;
  border-color: var(--primary-maroon, #8b1e1e);
}

/* Resalte para frase de experiencia */
.lead-highlight {
  display: block;                     /* ocupa línea completa */
  background: rgba(139,30,30,0.06);   /* fondo suave (burdeos tenue) */
  border-left: 4px solid var(--primary-maroon, #8b1e1e);
  padding: 12px 16px;
  border-radius: 6px;
  font-weight: 600;                   /* más énfasis */
  color: #333;                        /* contraste legible */
  max-width: 760px;                   /* no demasiado ancho en escritorio */
  margin: 0 auto 1rem auto;           /* centrado horizontal y separacion inferior */
  box-shadow: 0 6px 18px rgba(0,0,0,0.03);
}
@media (max-width: 576px) {
  .lead-highlight { padding: 10px 12px; font-size: 0.98rem; }
}