/* Artículos visuales: carga exclusiva de las cinco guías renovadas. */
.editorial-visual .pagina-cab{padding:2.6rem 0 1.3rem}
.editorial-visual .pagina-cab h1{max-width:21ch;margin-inline:auto;font-size:clamp(2.1rem,5vw,3.65rem);line-height:1.12}
.editorial-visual .articulo{max-width:66rem;margin-inline:auto}
.bv-article{--bv-gold:#efc779;--bv-muted:#cdc6d8;color:#f3eaf3;font:1rem/1.8 system-ui,sans-serif;overflow-wrap:break-word}
.bv-article *{box-sizing:border-box}
.bv-article [hidden]{display:none!important}
.bv-article :is(h2,h3){color:#fff2db;line-height:1.25}
.bv-article h2{font-size:clamp(1.7rem,3.5vw,2.4rem);margin:0 0 1rem}
.bv-article h3{font-size:1.35rem;margin:0 0 .6rem}
.bv-article p{margin:0 0 1rem}
.bv-article a{color:#f3cf8b;text-underline-offset:4px}
.bv-article a:hover{color:white}
.bv-article :focus-visible{outline:3px solid var(--bv-gold);outline-offset:5px}
.bv-article [id]{scroll-margin-top:7rem}
.bv-article figure{margin:0}
.bv-article img{max-width:100%;height:auto;display:block}
.bv-article figcaption{font: .83rem/1.65 system-ui,sans-serif;color:var(--bv-muted);padding:.8rem 1rem}
.bv-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:0 0 1.5rem;font-size:.85rem}
.bv-label{display:block;color:var(--bv-gold);font:bold .72rem/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.13em;margin-bottom:.65rem}
.bv-lead{max-width:47rem;margin:0 auto 2rem!important;text-align:center;font-size:1.12rem;color:#ddd4e5}
.bv-hero{overflow:hidden;border:1px solid #554459;border-radius:18px;background:#16101e}
.bv-hero img{width:100%}
.bv-toc{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;padding:1.1rem 0;margin:1.5rem 0 3rem;border-block:1px solid #44384a;font-size:.87rem}
.bv-copy{max-width:44rem;margin:3.4rem auto}
.bv-panel{padding:clamp(1.25rem,4vw,2.5rem);margin:2.5rem 0;border:1px solid #524254;border-radius:18px;background:linear-gradient(135deg,#211724,#15101e)}
.bv-deck,.bv-two,.bv-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.bv-deck>div,.bv-two>div{padding:1.5rem;border:1px solid #534258;border-radius:14px;background:#1b1322}
.bv-big{display:block;font:3.8rem/1.15 Georgia,serif;color:var(--bv-gold)}
.bv-steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0!important;margin:1.5rem 0!important;list-style:none!important}
.bv-steps li{counter-increment:step;border-top:2px solid #ab874f;padding:1rem .5rem 0;font-size:.92rem;list-style:none!important}
.bv-steps li:before{content:"0" counter(step);display:block;font:2.5rem/1.2 Georgia,serif;color:var(--bv-gold);margin-bottom:1rem}
.bv-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin:1.5rem 0}
.bv-spread img{width:140px;margin:0 auto 1.2rem;border-radius:8px;box-shadow:0 10px 25px #0008}
.bv-spread h3{font-size:1.2rem}.bv-spread p{font-size:.92rem;line-height:1.65}
.bv-spread .bv-label{text-align:center;letter-spacing:.05em}
.bv-reading{border-left:3px solid var(--bv-gold);padding:.7rem 1.3rem;margin:1.5rem 0 0;background:#09060d55}
.bv-reading p:last-child{margin-bottom:0}
.bv-side{padding:1.8rem;text-align:center;border:1px solid #534258;border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#38253f,#140f1c 80%)}
.bv-side img{width:150px;margin:1rem auto 1.8rem;border-radius:9px;box-shadow:0 8px 22px #0008}
.bv-side .bv-reversed{transform:rotate(180deg)}
.bv-side p{max-width:26ch;margin:0 auto}
.bv-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:2rem 0}
.bv-swatch{overflow:hidden;border:1px solid #544759;border-radius:14px;background:#18121e}
.bv-swatch-band{height:76px;background:var(--swatch)}
.bv-swatch-copy{padding:1rem}.bv-swatch-copy h3{font-size:1.2rem}.bv-swatch-copy p{font-size:.88rem;line-height:1.6;margin:0}
.bv-study{display:grid;grid-template-columns:150px minmax(0,1fr);gap:2rem;align-items:center}.bv-study img{border-radius:8px}
.bv-vowels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;margin:1.5rem 0}
.bv-vowel{text-align:center;border:1px solid #765d7c;border-radius:15px;background:linear-gradient(#36213f,#1d1527);padding:1rem .25rem}
.bv-vowel b{display:block;font:clamp(2.4rem,7vw,4.7rem)/1.2 Georgia,serif;color:#f5d599}
.bv-vowel span{font-size:1.25rem;color:#f0e1f7}
.bv-example-name{text-align:center;font-size:clamp(1.4rem,4vw,2.1rem);letter-spacing:.05em}
.bv-example-name mark{background:#674d2e;color:#fff0c9;border-radius:3px;padding:0 .08em}
.bv-equation{font-size:clamp(1rem,3vw,1.4rem);text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bv-answer{display:block;width:84px;height:84px;border:1px solid #bc9656;border-radius:50%;margin:1.2rem auto;text-align:center;font:3rem/82px Georgia,serif;color:var(--bv-gold);background:#302331}
.bv-form{display:flex;align-items:end;flex-wrap:wrap;gap:1rem}.bv-field{flex:1 1 240px;min-width:0}.bv-field label{display:block;font-weight:600;margin-bottom:.4rem}
.bv-field input{width:100%;min-width:0;border:1px solid #89748f;border-radius:9px;padding:.85rem;background:#100c17;color:white;font:1rem system-ui}
.bv-form button{border:1px solid #e6ba72;border-radius:9px;background:#e5bc78;color:#221727;padding:.88rem 1.3rem;font:bold 1rem system-ui;cursor:pointer}
.bv-help{font-size:.83rem;color:var(--bv-muted);margin-top:.8rem!important}.bv-error{color:#ffc6c8;margin-top:1rem!important}
.bv-result{margin-top:1.5rem;padding:1.4rem;border:1px solid #9b784b;border-radius:12px;background:#16101e;overflow-wrap:anywhere}
.bv-result-number{font:3rem Georgia,serif;color:var(--bv-gold)}
.bv-number-index{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}
.bv-number-index a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #917145;border-radius:50%;text-decoration:none}
.bv-number{margin:.75rem 0;border:1px solid #534459;border-radius:12px;background:#19121f}
.bv-number summary{padding:1rem;cursor:pointer;color:#f2d39d;font-weight:bold}.bv-number>div{padding:0 1.2rem 1rem}
.bv-clocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}
.bv-clock{text-align:center;padding:1.6rem .8rem;border:1px solid #665274;border-radius:17px;background:radial-gradient(ellipse at 50% 5%,#392147,#140e20 85%)}
.bv-time{display:block;white-space:nowrap;color:#f3d695;font:clamp(1.7rem,4vw,3.3rem)/1.6 ui-monospace,monospace;letter-spacing:-.045em;text-shadow:0 0 28px #deb35255}
.bv-clock h3{font-size:1.15rem;margin-top:.7rem}.bv-clock p{font-size:.88rem;margin:0}
.bv-hours{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.bv-hours a{display:block;border:1px solid #51415c;border-radius:12px;padding:1rem;text-decoration:none;background:#1b1424}
.bv-hours a:hover{border-color:#c79f69;background:#2b1e36}.bv-hours b{display:block;font:1.65rem ui-monospace,monospace;letter-spacing:-.05em}.bv-hours span{font-size:.82rem;color:#d8cce1}
.bv-hours a{padding:.85rem .6rem}
.bv-next{margin:3rem 0;padding:1.5rem 2rem;border-block:1px solid #665042;background:linear-gradient(90deg,#3a28333b,transparent)}
.bv-next p:last-child{margin-bottom:0}.bv-sources{font-size:.8rem;color:#bdb2c9;border-top:1px solid #463b4c;padding:1rem 0;margin-top:2rem}.bv-sources summary{cursor:pointer}.bv-sources p{margin-top:1rem}
.bv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bv-side h2{font-size:1.6rem}.bv-clock h2{font-size:1.3rem}
@media(max-width:720px){.bv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.bv-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.bv-hours{grid-template-columns:repeat(3,minmax(0,1fr))}.bv-two{grid-template-columns:1fr}.bv-side{padding:1.3rem .8rem}.bv-side img{width:125px}.bv-study{gap:1.25rem}}
@media(max-width:480px){.editorial-visual .pagina-cab{padding-top:1.6rem}.bv-copy{margin:2.5rem auto}.bv-panel{padding:1.1rem}.bv-steps,.bv-deck{grid-template-columns:1fr}.bv-spread{gap:.6rem}.bv-spread p{font-size:.84rem}.bv-spread h3{font-size:1.02rem}.bv-spread .bv-label{font-size:.6rem}.bv-reading{padding:.6rem .85rem}.bv-side img{width:108px}.bv-side h3{font-size:1.12rem}.bv-side p{font-size:.87rem}.bv-study{grid-template-columns:90px minmax(0,1fr);gap:1rem}.bv-study p{font-size:.9rem}.bv-vowels{gap:.35rem}.bv-clocks{grid-template-columns:1fr}.bv-time{font-size:3.2rem}.bv-hours{grid-template-columns:repeat(2,minmax(0,1fr))}.bv-next{padding:1.2rem}.bv-form button{width:100%}}
@media(max-width:480px){.bv-spread{grid-template-columns:1fr;gap:1.6rem}.bv-spread>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:.25rem .85rem;align-content:start}.bv-spread img{grid-column:1;grid-row:1/4;width:80px;margin:0}.bv-spread .bv-label{grid-column:2;font-size:.67rem;text-align:left;margin:0}.bv-spread h3{grid-column:2;font-size:1.15rem;margin:.25rem 0}.bv-spread p{grid-column:2;font-size:.9rem;margin:0}.bv-side h2{font-size:1.17rem}.bv-study{align-items:start}}