/* Dr. Rodríguez Urías — estilos globales */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #FFFFFF; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
a { color: #33296B; }
a:hover { color: #7462C9; }
[hidden] { display: none !important; }

:focus-visible { outline: 2px solid #7462C9; outline-offset: 3px; }

.skip { position: absolute; left: -9999px; top: 12px; z-index: 100; background: #FFFFFF; color: #33296B; padding: 10px 16px; font-family: 'Manrope', system-ui, sans-serif; font-weight: 600; }
.skip:focus { left: 12px; }

/* Preguntas frecuentes */
.faq { border-top: 1px solid #E4DFF0; }
.faq summary { list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq-sign { flex: 0 0 40px; height: 40px; border: 1px solid #C9C2EC; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Manrope', system-ui, sans-serif; font-size: 20px; line-height: 1; color: #33296B; }
.faq-sign::before { content: "+"; }
.faq[open] .faq-sign::before { content: "−"; }

/* Formulario */
input:invalid.touched, select:invalid.touched, textarea:invalid.touched { border-bottom-color: #A6402A !important; }
.form-error { margin: 0; font-size: 15px; color: #8E3522; }

/* Menú móvil */
.menu-btn { display: none; }
@media (max-width: 900px) {
  .menu-btn { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-left: auto; background: transparent; border: 1px solid #E4DFF0; border-radius: 2px; cursor: pointer; }
  .nav { display: none !important; width: 100%; margin-left: 0 !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; padding-bottom: 8px; }
  .nav.open { display: flex !important; }
  .nav a { padding: 14px 0 !important; border-bottom: 1px solid #E4DFF0 !important; }
  .nav a:last-child:not([aria-current]) { text-align: center; margin-top: 14px; border-bottom: 0 !important; }
}

@media (max-width: 900px) {
  .header-in { gap: 12px 12px !important; flex-wrap: wrap; }
  .header-in > a { flex: 1 1 auto; min-width: 0; }
}
@media (max-width: 520px) {
  .header-in > a { gap: 10px !important; }
  .header-in > a > svg { width: 38px; height: 38px; }
  .header-in > a > span > span:first-child { font-size: 22px !important; }
  .header-in > a > span > span:last-child { font-size: 9px !important; letter-spacing: 0.14em !important; }
  .menu-btn { width: 44px; height: 44px; }
}

@media (max-width: 760px) {
  .hero-photo { min-height: 560px !important; }
  .topbar span:first-child { display: none; }
}

@media print {
  .menu-btn, .skip { display: none !important; }
  .nav { display: flex !important; }
}