
/* Correcciones compartidas: contenido, navegación y accesibilidad. */
.skip-link {position:fixed;top:-5rem;left:1rem;z-index:9999;background:var(--cream);color:var(--ink);padding:1rem;}
.skip-link:focus {top:1rem;}
:focus-visible {outline:3px solid var(--teal2);outline-offset:4px;}
[id] {scroll-margin-top:100px;}
.nav-toggle {display:none;font:inherit;cursor:pointer;border:1px solid currentColor;padding:.65rem .8rem;background:transparent;color:inherit;}
.nav-links {gap:1.4rem;}
nav.solid .nav-links a.nav-cta {background:var(--teal);color:white!important;}
.reveal {opacity:1;transform:none;}
.reveal.reveal-ready:not(.visible) {opacity:0;transform:translateY(24px);}
.footer-legal {max-width:1280px;margin:1.5rem auto 0;padding:0 5rem;display:flex;flex-wrap:wrap;gap:1rem 1.5rem;font-size:.75rem;color:var(--stone2);line-height:1.7;}
.footer-legal a {color:var(--stone2);}
.footer-legal span {flex-basis:100%;}
.info-hero {background:var(--ink);padding:calc(var(--nav-h) + 5rem) 0 5rem;color:white;}
.info-hero h1 {font-size:clamp(2.7rem,5vw,4.8rem);max-width:950px;margin:1.5rem 0;}
.info-hero p {font-size:1rem;line-height:1.9;color:var(--stone2);max-width:760px;}
.info-body {padding:5rem 0;background:var(--cream);}
.editorial {line-height:1.85;}
.editorial h2 {font-family:var(--display);font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:400;line-height:1.2;margin:3rem 0 1.2rem;}
.editorial h3 {font-size:1.05rem;margin-bottom:.8rem;}
.editorial p {max-width:900px;color:var(--stone);margin-bottom:1.2rem;overflow-wrap:anywhere;}
.editorial a:not([class*="btn-"]),.evidence-note a,.wstat-note a,.hm-l a,.privacy-summary a,.f-note a {color:var(--teal);text-underline-offset:3px;}
.hm-l a {color:var(--teal2);}
.info-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2rem 0;}
.info-grid article {background:var(--cream2);padding:2rem;min-width:0;}
.info-grid article h2 {margin-top:1rem;}
.product-info-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
.product-info-grid img {height:170px;width:100%;object-fit:contain;margin-bottom:1.5rem;}
.study-facts {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;}
.study-facts>div {padding:2rem;background:var(--ink);color:white;}
.study-facts strong {display:block;font-family:var(--display);font-size:3rem;color:var(--teal2);font-weight:400;}
.study-facts span {font-size:.85rem;color:var(--stone2);}
.table-scroll {overflow-x:auto;}
.results-table {width:100%;border-collapse:collapse;margin:1rem 0 2rem;text-align:left;}
.results-table caption {text-align:left;color:var(--stone);font-size:.85rem;padding-bottom:1rem;}
.results-table th,.results-table td {padding:1.2rem;border-bottom:1px solid var(--cream3);}
.results-table thead {background:var(--ink);color:white;}
.results-table tbody th {font-weight:400;}
.results-table td {font-family:var(--display);font-size:1.8rem;color:#315e57;white-space:nowrap;}
.evidence-note {background:var(--cream2);border-left:3px solid var(--teal);padding:1.5rem 2rem;margin:2.5rem 0;line-height:1.85;}
.evidence-note h3 {margin-bottom:.75rem;font-size:1rem;}
.evidence-note p {color:var(--stone);font-size:.9rem;}
.evidence-note a {display:inline-block;margin-top:.75rem;}
.document-download {padding:2rem;background:var(--cream2);margin:3rem 0;}
.document-download h2 {margin-top:0;}
.document-download a {margin:.5rem .6rem .5rem 0;}
.company-data {display:grid;grid-template-columns:180px minmax(0,1fr);gap:.8rem 1.5rem;margin:2rem 0;}
.company-data dt {font-weight:600;}
.company-data dd {overflow-wrap:anywhere;color:var(--stone);}
.company-contact {font-size:.85rem;line-height:1.7;}
.privacy-summary {font-size:.75rem;color:var(--stone);line-height:1.8;margin-top:1.5rem;}
.form-intro {font-size:.85rem;line-height:1.75;color:var(--stone);margin:1rem 0 2rem;}
.form-status {padding:1.3rem;border:1px solid var(--teal);background:var(--cream2);margin-bottom:1.5rem;font-size:.85rem;line-height:1.7;}
.form-status textarea {width:100%;margin-top:1rem;padding:.75rem;font:inherit;resize:vertical;}
.updated {font-size:.8rem;margin-top:3rem;}
.protocol-summary {list-style-position:inside;display:grid;gap:1rem;line-height:1.8;}
.protocol-summary li {padding:1rem 1.3rem;background:var(--cream2);}
.prod-section .active-card p,.prod-section .pl-body p {color:var(--stone2);}
.hero-metrics {width:280px;}
.hero-content {max-width:calc(100% - 280px);}
.wstat-note {line-height:1.8;font-size:.75rem;}
@media(max-width:1100px) {
 nav {padding-left:1.5rem;padding-right:1.5rem;}
 .nav-toggle {display:inline-flex;gap:.75rem;align-items:center;color:white;}
 nav.solid .nav-toggle {color:var(--ink);}
 .nav-links {display:none!important;}
 nav.nav-open .nav-links {display:flex!important;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--cream);padding:1rem 1.5rem 1.5rem;gap:0;box-shadow:0 12px 18px #0002;max-height:calc(100dvh - var(--nav-h));overflow-y:auto;}
 nav.nav-open .nav-links a {display:block;color:var(--ink)!important;padding:.8rem;}
 nav.nav-open .nav-links .nav-cta {margin-top:.4rem;text-align:center;background:var(--teal);color:white!important;}
 .product-info-grid {grid-template-columns:1fr 1fr;}
}
@media(max-width:900px) {
 .hero-content {max-width:100%;}
 .footer-legal {padding:0 1.5rem;}
 .info-grid,.product-info-grid {grid-template-columns:1fr;}
 .study-facts {grid-template-columns:1fr 1fr;}
 .info-body {padding:3rem 0;}
 .company-data {grid-template-columns:1fr;gap:.25rem;}
 .company-data dd {margin-bottom:1rem;}
}
@media(max-width:480px) {
 .study-facts>div {padding:1.2rem;}
 .study-facts strong {font-size:2.4rem;}
 .results-table th,.results-table td {padding:.8rem;}
 .nav-logo .brand-mark {display:none;}
 .brand-word {font-size:1rem;}
 .ppanel.on {grid-template-columns:1fr;}
 .prods-tabs .ptab {padding:.85rem .8rem;font-size:.7rem;}
 .proto-steps {grid-template-columns:1fr;}
 .ba-col {padding:2rem 1.5rem;}
 .f-row {grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto;}
 *,*::before,*::after {animation:none!important;transition:none!important;}
 .reveal.reveal-ready:not(.visible) {opacity:1;transform:none;}
}
