/* Umbral Acústica · estilos base del sitio */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#0D1B2E;-webkit-font-smoothing:antialiased}
a{color:#8F590A}
a:hover{color:#0D1B2E}
[hidden]{display:none!important}
[id],[data-js="form-ok"]{scroll-margin-top:92px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
:focus-visible{outline:3px solid #EF9F27;outline-offset:2px}
button:disabled{opacity:.7;cursor:progress}

/* Enlace para saltar al contenido (teclado y lectores de pantalla) */
.saltar{position:absolute;left:12px;top:-64px;z-index:100;padding:12px 18px;background:#EF9F27;color:#0D1B2E;border-radius:4px;font:500 15px 'IBM Plex Sans',sans-serif;text-decoration:none}
.saltar:focus{top:12px;color:#0D1B2E}

/* Barras de nivel de fondo */
@keyframes umbralBar{from{transform:scaleY(var(--a))}to{transform:scaleY(var(--b))}}
.ub{flex:1;border-radius:2px 2px 0 0;transform-origin:bottom;animation-name:umbralBar;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
@media (prefers-reduced-motion:reduce){.ub{animation:none!important}}

/* Bloques que cambian entre escritorio y celular */
.bp-d-1080,.bp-d-860{display:contents}
.bp-m-1080,.bp-m-860{display:none}
@media (max-width:1079.98px){.bp-d-1080{display:none}.bp-m-1080{display:contents}}
@media (max-width:859.98px){.bp-d-860{display:none}.bp-m-860{display:contents}}

/* Hover y foco generados */
.h1:hover,.h1:focus-visible{background:#0D1B2E !important}
.h2:hover,.h2:focus-visible{background:#F5B04A !important}
.h3:hover,.h3:focus-visible{background:#F5B04A !important;color:#0D1B2E !important}
.h4:hover,.h4:focus-visible{border-color:#EEF1F8 !important;color:#EEF1F8 !important;background:#16263D !important}
.h5:hover,.h5:focus-visible{border-top-color:#B8730C !important;color:#0D1B2E !important}
.h6:hover,.h6:focus-visible{color:#EF9F27 !important}
.h7:hover,.h7:focus-visible{color:#EEF1F8 !important}
.h8:hover,.h8:focus-visible{color:#0D1B2E !important}
.f9:focus{outline:3px solid #EF9F27 !important;outline-offset:1px !important;border-color:#0D1B2E !important}
.h10:hover,.h10:focus-visible{background:#0D1B2E !important;color:#F5F3EE !important}
.h11:hover,.h11:focus-visible{color:#8F590A !important}