/*
Theme Name: Diario La Vox
Theme URI: https://diariolavox.com/
Author: Equipo ACN
Description: Tema propio de Diario La Vox, construido desde el diseño enviado por José. Portada editorial con nota principal, últimas historias, Lo más leído, Opinión y explorador de secciones. Usa el logo original del sitio y sus secciones en el menú (sin Estilo de Vida).
Version: 1.5
Text Domain: lavox
*/
:root{color-scheme:light;--bg:#f7f7f5;--surface:#fff;--ink:#17191d;--muted:#626975;--border:#e3e5e8;--accent:#c51e32;--accent-dark:#9c1829;--nav:#101723;--pill:#f1f2f4;--shadow:0 12px 32px rgba(20,26,38,.07);--width:1240px}
    :root[data-theme="dark"]{color-scheme:dark;--bg:#101318;--surface:#191e26;--ink:#f4f5f7;--muted:#a8b0bc;--border:#333b47;--accent:#ff5368;--accent-dark:#ff7485;--nav:#080b11;--pill:#242b36;--shadow:0 12px 32px rgba(0,0,0,.18)}
    *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.wrap{width:min(calc(100% - 40px),var(--width));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.micro{font-size:.76rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase}.eyebrow{color:var(--accent);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.muted{color:var(--muted)}
    .topbar{border-bottom:1px solid var(--border);background:var(--surface)}.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 0;font-size:.76rem;color:var(--muted)}.topbar-links{display:flex;gap:20px}.topbar a:hover,.footer a:hover{color:var(--accent)}.masthead{background:var(--surface)}.masthead-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:116px;gap:24px}.brand{text-align:center;display:inline-flex;align-items:center;flex-direction:column}.brand-name{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.4rem,5vw,4.05rem);font-weight:900;letter-spacing:-.07em;line-height:.94;white-space:nowrap}.brand-name b{color:var(--accent);font-weight:900}.brand-tagline{font-size:.72rem;letter-spacing:.29em;text-transform:uppercase;color:var(--muted);margin-top:10px}.masthead-side{font-size:.8rem;color:var(--muted)}.masthead-actions{justify-self:end;display:flex;gap:10px}.icon-btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);width:39px;height:39px;border-radius:50%;display:grid;place-items:center}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}.subscribe-btn,.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:5px;padding:10px 15px;background:var(--accent);color:#fff;font-size:.8rem;font-weight:800}.subscribe-btn:hover,.button:hover{background:var(--accent-dark)}
    .nav{background:var(--nav);color:#fff}.nav-inner{display:flex;justify-content:space-between;align-items:center;min-height:49px;gap:20px}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em;padding:16px 0;border-bottom:3px solid transparent}.nav-links a:hover,.nav-links a.active{color:#ff7789;border-bottom-color:#ed4058}.nav-note{font-size:.69rem;color:#b7bec8;text-transform:uppercase;letter-spacing:.08em}.mobile-menu{display:none;border:0;background:transparent;color:white;padding:8px}.mobile-menu svg{width:23px;height:23px;stroke:currentColor;stroke-width:2;fill:none}
    .breaking{background:var(--surface);border-bottom:1px solid var(--border)}.breaking-inner{min-height:49px;display:flex;align-items:center;gap:17px}.breaking-label{flex:none;background:var(--accent);padding:5px 10px;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.breaking-track{overflow:hidden;white-space:nowrap;font-size:.83rem;font-weight:650;min-width:0}.breaking-track span{color:var(--muted);font-size:.77rem;font-weight:400;margin-left:13px}.breaking-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
    main{padding-top:30px}.section-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:20px}.section-bar h2{font:800 1.43rem/1.1 Georgia,'Times New Roman',serif;margin:0;letter-spacing:-.02em}.section-bar a{font-size:.78rem;font-weight:700;color:var(--accent)}.lead-grid{display:grid;grid-template-columns:1.75fr 1fr 1fr;gap:21px;margin-bottom:37px}.story{min-width:0}.story-image{display:block;position:relative;overflow:hidden;background:var(--pill);aspect-ratio:16/10;border-radius:4px}.story-image img{transition:transform .35s ease}.story-image:hover img{transform:scale(1.04)}.lead-story .story-image{aspect-ratio:1.55}.image-label{position:absolute;left:12px;bottom:12px;background:var(--accent);color:#fff;font-size:.63rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;padding:6px 9px}.story h2,.story h3{font-family:Georgia,'Times New Roman',serif;line-height:1.17;letter-spacing:-.025em;margin:9px 0}.story h2{font-size:clamp(1.6rem,2.7vw,2.45rem)}.story h3{font-size:1.27rem}.story h2 a:hover,.story h3 a:hover,.headline-link:hover{color:var(--accent)}.story p{font-size:.91rem;line-height:1.65;margin:10px 0;color:var(--muted)}.meta{font-size:.73rem;color:var(--muted);display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:12px}.meta i{display:inline-block;width:3px;height:3px;background:var(--muted);border-radius:50%}.stack{display:grid;gap:21px}.stack .story:first-child{border-bottom:1px solid var(--border);padding-bottom:21px}.stack .story-image{aspect-ratio:1.8}.stack .story h3{font-size:1.12rem}.line-story{padding:0 0 17px;border-bottom:1px solid var(--border)}.line-story:last-child{border:0}.line-story h3{margin:5px 0;font-size:1.15rem}.line-story .meta{margin-top:7px}
    .content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:38px;margin-bottom:40px}.latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 23px}.latest-grid .story{border-bottom:1px solid var(--border);padding-bottom:19px}.latest-grid .story-image{aspect-ratio:16/9}.latest-grid .story h3{font-size:1.25rem}.latest-grid .story p{font-size:.83rem}.sidebar .section-bar{margin-bottom:17px}.trending{counter-reset:trend}.trending-item{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;border-bottom:1px solid var(--border);padding:13px 0}.trending-item:first-child{padding-top:0}.trending-item:before{counter-increment:trend;content:counter(trend,decimal-leading-zero);font:800 1.3rem Georgia,serif;color:var(--accent)}.trending-item a{font:700 1rem/1.32 Georgia,serif}.trending-item a:hover{color:var(--accent)}.trending-item small{display:block;color:var(--muted);margin-top:8px;font-size:.7rem}.newsletter{margin-top:28px;padding:22px;background:var(--nav);color:white;border-radius:5px}.newsletter .eyebrow{color:#ff7b8b}.newsletter h3{font:800 1.55rem/1.14 Georgia,serif;margin:10px 0}.newsletter p{color:#c8ced9;font-size:.83rem}.newsletter input{width:100%;background:#fff;color:#1d2430;border:0;border-radius:3px;padding:12px;margin:8px 0 10px}.newsletter .button{width:100%}.form-msg{font-size:.75rem;min-height:16px;margin-top:8px;color:#d8f5df}.ad{display:flex;align-items:center;justify-content:center;margin:0 0 30px;padding:26px;border:1px dashed var(--border);border-radius:4px;min-height:84px;color:var(--muted);font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;text-align:center}
    .feature{background:var(--nav);color:white;padding:35px 0;margin:33px 0 40px}.feature .section-bar{border-color:#bfc6d1}.feature .section-bar a{color:#ffa9b5}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px}.feature .story h3{font-size:1.32rem}.feature .story p,.feature .meta{color:#bcc4d0}.feature .eyebrow{color:#ff8797}.feature .story-image{background:#272d39}.feature .story h3 a:hover{color:#ffa9b5}
    .topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:22px 0 45px}.topic{padding:21px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:3px}.topic h3{font:800 1.2rem Georgia,serif;margin:0 0 13px}.topic a{display:block;padding:11px 0;border-top:1px solid var(--border);font-size:.86rem;font-weight:700;line-height:1.35}.topic a:hover{color:var(--accent)}
    .footer{background:var(--nav);color:#e8ebf0;margin-top:32px;padding:44px 0 19px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}.footer .brand{align-items:flex-start}.footer .brand-name{font-size:2.1rem}.footer .brand-tagline{font-size:.57rem}.footer p{color:#b3bdca;font-size:.83rem;max-width:320px}.footer h3{font-size:.79rem;text-transform:uppercase;letter-spacing:.09em;margin:0 0 13px}.footer a{display:block;color:#c3cbd6;font-size:.81rem;padding:5px 0}.footer-bottom{border-top:1px solid #34404e;margin-top:32px;padding-top:19px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.73rem;color:#a5b0bf}.back-top{color:#fff!important}.search-panel{display:none;background:var(--surface);border-bottom:1px solid var(--border);padding:13px 0}.search-panel.open{display:block}.search-form{display:flex;gap:10px}.search-form input{flex:1;min-width:0;border:1px solid var(--border);border-radius:3px;background:var(--bg);color:var(--ink);padding:11px 12px}.no-results{display:none;background:var(--surface);border:1px solid var(--border);padding:25px;text-align:center;color:var(--muted);margin:15px 0}.sr-status{position:absolute;left:-10000px}
    @media(max-width:1050px){.nav-links{gap:16px}.nav-links a{font-size:.71rem}.lead-grid{grid-template-columns:1.5fr 1fr}.lead-grid>.stack:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;gap:18px}.lead-grid>.stack:last-child .line-story{border:0;border-top:1px solid var(--border);padding-top:15px}.content-layout{grid-template-columns:minmax(0,1fr) 270px;gap:25px}.topics{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:720px){.wrap{width:min(calc(100% - 28px),var(--width))}.topbar-links,.masthead-side,.nav-note{display:none}.topbar-inner{justify-content:center}.masthead-inner{grid-template-columns:1fr auto;min-height:86px}.masthead-inner>.brand{justify-self:start}.brand-name{font-size:2.2rem}.brand-tagline{font-size:.53rem;letter-spacing:.19em}.masthead-actions{gap:7px}.subscribe-btn{display:none}.nav-inner{display:block}.mobile-menu{display:flex;align-items:center;gap:9px;min-height:48px;font-size:.8rem;text-transform:uppercase;font-weight:800}.nav-links{display:none;flex-direction:column;align-items:stretch;gap:0;padding-bottom:10px}.nav-links.open{display:flex}.nav-links a{padding:11px 0;border-bottom:1px solid #2d3541}.breaking-inner{gap:10px}.breaking-label{font-size:.58rem}.breaking-track{font-size:.77rem}main{padding-top:22px}.lead-grid,.content-layout,.feature-grid{grid-template-columns:1fr}.lead-grid>.stack:last-child{grid-template-columns:1fr;grid-column:auto}.lead-grid>.stack:last-child .line-story{padding:0 0 13px;border-bottom:1px solid var(--border);border-top:0}.lead-grid>.stack:nth-child(2){grid-template-columns:1fr 1fr;gap:14px}.lead-grid>.stack:nth-child(2) .story:first-child{border:0;padding:0}.lead-grid>.stack:nth-child(2) .story h3{font-size:1rem}.lead-grid{gap:25px}.content-layout{gap:30px}.sidebar{display:grid;grid-template-columns:1fr;gap:12px}.latest-grid{gap:20px 14px}.latest-grid .story h3{font-size:1.08rem}.latest-grid .story p{display:none}.feature-grid .story:not(:first-child){display:grid;grid-template-columns:125px 1fr;gap:15px}.feature-grid .story:not(:first-child) .story-image{aspect-ratio:1.3}.feature-grid .story:not(:first-child) h3{margin-top:4px;font-size:1.02rem}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}}
    @media(max-width:420px){.brand-name{font-size:1.88rem}.masthead-actions .icon-btn{width:34px;height:34px}.lead-grid>.stack:nth-child(2){grid-template-columns:1fr 1fr}.latest-grid{grid-template-columns:1fr}.latest-grid .story{display:grid;grid-template-columns:116px 1fr;gap:13px}.latest-grid .story-image{aspect-ratio:1.15}.latest-grid .story h3{font-size:1rem;margin:4px 0}.latest-grid .story .meta{font-size:.65rem}.topics{grid-template-columns:1fr}.feature-grid .story:not(:first-child){grid-template-columns:100px 1fr}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* --- Ajustes WordPress sobre el CSS original --- */
.brand-logo img{height:64px;width:auto;object-fit:contain}
.brand-logo-footer img{height:auto;max-width:280px;width:100%;object-fit:contain}
.masthead-inner{grid-template-columns:1fr auto 1fr}
@media(max-width:760px){.masthead-inner{grid-template-columns:1fr;justify-items:center;text-align:center}.masthead-side{display:none}.brand-logo img{height:52px}}
.nav-links a.current{color:var(--accent)}
.article-body{font-size:1.05rem;line-height:1.75}
.article-body p{margin:0 0 1.2em}
.article-body h2,.article-body h3{line-height:1.3;margin:1.4em 0 .6em}
.article-body ul,.article-body ol{margin:0 0 1.2em;padding-left:1.4em}
.article-body img{height:auto}
.article-body figure{margin:0 0 1.2em}
.wp-caption-text,.article-body figcaption{font-size:11px;color:var(--muted);margin-top:6px;text-align:left}
.article-body a{color:var(--accent);text-decoration:underline}
.story-image img{aspect-ratio:16/9}
.lead-story .story-image img{aspect-ratio:16/10}
.pagination-links{display:flex;gap:8px;justify-content:center;margin:32px 0}
.pagination-links a,.pagination-links span{border:1px solid var(--border);background:var(--surface);padding:8px 14px;border-radius:6px}
.pagination-links span.current{background:var(--accent);color:#fff;border-color:var(--accent)}
.comment-list{list-style:none;padding:0}
.comment-list li{border-bottom:1px solid var(--border);padding:14px 0}
.comment-form input,.comment-form textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:10px;background:var(--surface);color:var(--ink)}
.comment-form .submit,.button{background:var(--accent);color:#fff;border:0;padding:10px 18px;border-radius:6px;font-weight:700;cursor:pointer}
.search-panel input{flex:1;border:1px solid var(--border);border-radius:6px;padding:10px;background:var(--surface);color:var(--ink)}

/* --- Miniatura en la tercera columna de "Lo más importante" (v1.5) --- */
.line-story.has-thumb{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start}
.line-story .line-thumb{aspect-ratio:4/3}
.line-story .line-thumb img{aspect-ratio:auto;height:100%}
.line-story .line-text{min-width:0}
.line-story .line-text h3{font-size:1.02rem}
@media(max-width:1050px){.lead-grid>.stack:last-child .line-story.has-thumb{border:0;border-top:1px solid var(--border);padding-top:15px}}
@media(max-width:720px){.lead-grid>.stack:last-child .line-story.has-thumb{border-bottom:1px solid var(--border);border-top:0;padding-top:0}}

/* --- Columna derecha en los artículos (v1.2, sin efecto fijo al bajar) --- */
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start}
.article-sidebar .topic a{display:block;margin:0 0 8px}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}}