/* Spanish layout: accommodate longer translated text without clipping. */
html[lang="es"] { text-size-adjust:100%; }
html[lang="es"] .article,html[lang="es"] .card,html[lang="es"] .tool-card,html[lang="es"] .related-card { min-width:0; overflow-wrap:break-word; }
html[lang="es"] .btn,html[lang="es"] .affiliate-btn,html[lang="es"] .filter-chip,html[lang="es"] .store-filter,html[lang="es"] .doc-filter { white-space:normal; max-width:100%; height:auto; overflow-wrap:break-word; }
html[lang="es"] .article table { display:block; width:100%; max-width:100%; overflow-x:auto; }
html[lang="es"] .article th,html[lang="es"] .article td { min-width:110px; }
html[lang="es"] .article svg { max-width:100%; height:auto; }
html[lang="es"] .language-switch { flex-shrink:0; }
html[lang="es"] .nav-toggle { flex-shrink:0; }
html[lang="es"] .language-switch a,html[lang="es"] .language-switch span { min-height:36px; display:flex; align-items:center; }
html[lang="es"] #libraryStatus { font-size:.85rem; color:#465e70; }
@media (max-width:1100px) and (min-width:981px) {html[lang="es"] .site-header .navlinks>a,html[lang="es"] .nav-more>summary{padding:8px 7px;font-size:.78rem}html[lang="es"] .site-header .nav{gap:8px}}
@media (max-width:600px) {
 html[lang="es"] .site-header .nav{gap:6px}
 html[lang="es"] .language-switch{margin-left:auto;margin-right:0}
 html[lang="es"] .language-switch a,html[lang="es"] .language-switch span{padding:5px 7px}
 html[lang="es"] .brand-name{font-size:1rem}
 html[lang="es"] .brand-mark{width:30px;height:30px;min-width:30px}
 html[lang="es"] .article h1{font-size:clamp(1.8rem,7.5vw,2.5rem);overflow-wrap:break-word}
 html[lang="es"] .hero-text h1{font-size:clamp(2.35rem,9vw,3.4rem)}
 html[lang="es"] .navlinks a{white-space:normal}
 html[lang="es"] .badge{white-space:normal}
 html[lang="es"] .filters{flex-wrap:wrap}
}

@media(max-width:760px){
 html[lang="es"] .document-filters,html[lang="es"] .store-filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%;overflow:visible!important}
 html[lang="es"] .doc-filter,html[lang="es"] .store-filter{flex:1 1 calc(50% - 4px);width:auto;min-width:0;min-height:44px;border-radius:10px;box-sizing:border-box}
 html[lang="es"] .doc-filter:first-child,html[lang="es"] .store-filter:first-child{flex-basis:100%}
 html[lang="es"] .category-hero h1,html[lang="es"] .store-hero h1,html[lang="es"] .kit-intro h1{font-size:2rem;overflow-wrap:break-word;line-height:1.15}
 html[lang="es"] .article h1{font-size:1.9rem;line-height:1.15}
 html[lang="es"] .hero-text h1{font-size:2.35rem;line-height:1.08}
 html[lang="es"] .nav-toggle{position:relative}
 html[lang="es"] .nav-toggle span{position:absolute;left:10px;right:10px;top:12px;margin:0}
 html[lang="es"] .nav-toggle span:nth-child(2){top:20px}
 html[lang="es"] .nav-toggle span:nth-child(3){top:28px}
 html[lang="es"] .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
 html[lang="es"] .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}
@media(max-width:360px){
 html[lang="es"] .brand-name{font-size:.84rem}
 html[lang="es"] .brand{gap:6px;min-width:0}
 html[lang="es"] .doc-filter,html[lang="es"] .store-filter{flex-basis:100%;width:100%;font-size:.8rem!important}
 html[lang="es"] h1{overflow-wrap:break-word}
}
@media(min-width:761px){
 html[lang="es"] .store-filters{flex-wrap:wrap;overflow:visible;width:100%}
 html[lang="es"] .store-filter{flex:0 1 auto;min-width:0;max-width:100%}
}