/* Kiropedic — estilos globales. El diseño usa estilos en línea en el HTML;
   aquí viven solo los estados (hover/active/focus) y la respuesta a pantalla. */
html { scroll-behavior: smooth; scroll-padding-top: 132px; }
body { margin: 0; background: #fff; color: #113238; font-family: Archivo, system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #0a6870; text-decoration: none; }
a:hover { color: #0d8a99; }
h1, h2, h3, h4 { margin: 0; letter-spacing: -0.02em; }
p { margin: 0; }
img { display: block; max-width: 100%; }
summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
::selection { background: #cdeaed; }
:focus-visible { outline: 3px solid #35b7c2; outline-offset: 3px; }

/* Navegación: escritorio ≥1100px, móvil por debajo */
.nav-mobile { display: none !important; }
#menu-movil { display: none !important; }
#menu-movil.abierto { display: grid !important; }
.barra-movil-wrap { display: none !important; }
@media (max-width: 1099px) {
  .nav-desktop { display: none !important; }
  .nav-mobile { display: flex !important; }
  .barra-movil-wrap { display: block !important; }
}

@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
@media print { .nav-desktop, .nav-mobile, .barra-movil-wrap { display: none !important; } }

/* Estados generados a partir del diseño */
.st1:hover{background:#eaf6f7 !important;color:#0a6870 !important}
.st2:hover{background:#eaf6f7 !important;color:#0a6870 !important}
.st3:hover{background:#eaf6f7 !important;color:#0a6870 !important}
.st4:hover{background:#eaf6f7 !important;color:#0a6870 !important}
.st5:hover{background:#eaf6f7 !important;color:#0a6870 !important}
.st6:hover{background:#eaf6f7 !important;color:#0a6870 !important}
.st7:hover{background:#eaf6f7 !important;color:#0a6870 !important}
.st8:hover{background:#0a6870 !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 10px 22px rgba(13,138,153,0.32) !important}
.st8:active{transform:translateY(0) !important}
.st8:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st9:hover{background:#d5edef !important;color:#0a6870 !important}
.st10:hover{background:#0a6870 !important}
.st10:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st11:hover{color:#fff !important}
.st12:hover{background:#eaf6f7 !important}
.st13:hover{background:#eaf6f7 !important}
.st14:hover{background:#eaf6f7 !important}
.st15:hover{background:#eaf6f7 !important}
.st16:hover{background:#eaf6f7 !important}
.st17:hover{background:#eaf6f7 !important}
.st18:hover{background:#eaf6f7 !important}
.st19:hover{background:#eaf6f7 !important}
.st20:hover{background:#eaf6f7 !important}
.st21:hover{background:#eaf6f7 !important}
.st22:hover{background:#0a6870 !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 14px 30px rgba(13,138,153,0.34) !important}
.st22:active{transform:translateY(0) !important;box-shadow:0 6px 16px rgba(13,138,153,0.26) !important}
.st22:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st23:hover{background:#eaf6f7 !important;border-color:#0d8a99 !important;color:#0a6870 !important;transform:translateY(-2px) !important}
.st23:active{transform:translateY(0) !important}
.st23:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st24:hover{transform:translateY(-4px) !important;box-shadow:0 16px 32px rgba(17,50,56,0.09) !important}
.st25:hover{transform:translateY(-4px) !important;box-shadow:0 16px 32px rgba(17,50,56,0.09) !important}
.st26:hover{transform:translateY(-4px) !important;box-shadow:0 16px 32px rgba(17,50,56,0.09) !important}
.st27:hover{transform:translateY(-4px) !important;box-shadow:0 16px 32px rgba(17,50,56,0.09) !important}
.st28:hover{transform:translateY(-4px) !important;box-shadow:0 16px 32px rgba(17,50,56,0.09) !important;border-color:#cfe6e8 !important}
.st29:hover{transform:translateY(-4px) !important;box-shadow:0 16px 32px rgba(17,50,56,0.09) !important;border-color:#cfe6e8 !important}
.st30:hover{transform:translateY(-4px) !important;box-shadow:0 16px 32px rgba(17,50,56,0.09) !important;border-color:#cfe6e8 !important}
.st31:hover{transform:translateY(-4px) !important;box-shadow:0 16px 32px rgba(17,50,56,0.09) !important;border-color:#cfe6e8 !important}
.st32:hover{background:#eaf6f7 !important;border-color:#0d8a99 !important;color:#0a6870 !important;transform:translateY(-2px) !important}
.st32:active{transform:translateY(0) !important}
.st32:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st33:hover{background:#eaf6f7 !important;border-color:#0d8a99 !important;color:#0a6870 !important;transform:translateY(-2px) !important}
.st33:active{transform:translateY(0) !important}
.st33:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st34:hover{background:#0a6870 !important;color:#fff !important;transform:translateY(-2px) !important}
.st34:focus-visible{outline:3px solid #f9c78c !important;outline-offset:3px !important}
.st35:hover{background:#0a6870 !important;color:#fff !important;transform:translateY(-2px) !important}
.st35:focus-visible{outline:3px solid #f9c78c !important;outline-offset:3px !important}
.st36:hover{background:#0a6870 !important;color:#fff !important;transform:translateY(-2px) !important}
.st36:focus-visible{outline:3px solid #f9c78c !important;outline-offset:3px !important}
.st37:hover{background:#0a6870 !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 14px 30px rgba(13,138,153,0.34) !important}
.st37:active{transform:translateY(0) !important}
.st37:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st38:hover{background:#eaf6f7 !important;border-color:#0d8a99 !important;color:#0a6870 !important;transform:translateY(-2px) !important}
.st38:active{transform:translateY(0) !important}
.st38:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st39:hover{transform:scale(1.02) !important}
.st40:hover{transform:scale(1.02) !important}
.st41:hover{transform:scale(1.02) !important}
.st42:hover{transform:scale(1.02) !important}
.st43:hover{background:#eaf6f7 !important;border-color:#0d8a99 !important;color:#0a6870 !important;transform:translateY(-2px) !important}
.st43:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st44:hover{background:#eaf6f7 !important;border-color:#0d8a99 !important;color:#0a6870 !important;transform:translateY(-2px) !important}
.st44:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st45:hover{background:#0a6870 !important;color:#fff !important;transform:translateY(-2px) !important}
.st45:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st46:hover{background:#0a6870 !important;color:#fff !important;transform:translateY(-2px) !important;box-shadow:0 14px 30px rgba(13,138,153,0.34) !important}
.st46:active{transform:translateY(0) !important}
.st46:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st47:hover{background:#eaf6f7 !important;border-color:#0d8a99 !important;color:#0a6870 !important;transform:translateY(-2px) !important}
.st47:active{transform:translateY(0) !important}
.st47:focus-visible{outline:3px solid #35b7c2 !important;outline-offset:3px !important}
.st48:hover{color:#f9c78c !important}
.st49:hover{color:#f9c78c !important}
.st50:hover{color:#f9c78c !important}
.st51:hover{color:#f9c78c !important}
.st52:hover{color:#f9c78c !important}
.st53:hover{color:#f9c78c !important}
.st54:hover{color:#f9c78c !important}
.st55:hover{color:#f9c78c !important}
.st56:hover{color:#f9c78c !important}
.st57:hover{color:#f9c78c !important}
.st58:hover{color:#f9c78c !important}
.st59:hover{background:#f9c78c !important;color:#0a6870 !important;transform:translateY(-2px) !important}
.st59:focus-visible{outline:3px solid #f9c78c !important;outline-offset:3px !important}
.st60:hover{background:#f9c78c !important;color:#0a6870 !important;transform:translateY(-2px) !important}
.st60:focus-visible{outline:3px solid #f9c78c !important;outline-offset:3px !important}
.st61:hover{background:#f9c78c !important;color:#0a6870 !important;transform:translateY(-2px) !important}
.st61:focus-visible{outline:3px solid #f9c78c !important;outline-offset:3px !important}
.st62:hover{color:#f9c78c !important}
.st63:hover{color:#f9c78c !important}
.st64:active{background:#d5edef !important}
.st65:active{background:#0a6870 !important}
