/*
Theme Name: El Análisis
Theme URI: https://elanalisissl.com
Description: Tema de El Análisis — AUDICO v1.0. Tema hijo de AUDICO Base. Diseño copiado del kit web de su Design System (diseno/08_el_analisis/ui_kits/web): home y nota aprobadas el 21/10/2026 (diseno/08_el_analisis/propuesta_audico/), con «El análisis, en voz alta» (audios de opinión) y «Lo más leído».
Author: Narrativas Públicas
Template: audico-base
Version: 1.0
Text Domain: elanalisis
*/

/* Desde la maqueta aprobada (propuesta_audico/web/sitio.css), copiada tal cual. */
:root {
  --ea-primario:#1C2F45; --ea-acento:#3498DB; --ea-fondo:#E8F4FD; --ea-texto:#2A2A28; --ea-neutro:#9A9590;
  --ea-papel:#FBFAF7; --ea-papel-2:#F4F2EC; --ea-linea:#E2DED5; --ea-linea-2:#CFCABF;
  --ea-primario-900:#14223A; --ea-primario-700:#2A4163; --ea-primario-600:#3A567F; --ea-primario-300:#9DB0CB; --ea-primario-100:#D7E0EE;
  --ea-acento-700:#1F6FB0; --ea-acento-600:#2A82CB; --ea-acento-300:#87C2EA; --ea-acento-100:#D3EAF8;
  --ea-tinta:#2A2A28; --ea-tinta-2:#55524C; --ea-tinta-3:#837E75; --ea-sobre-osc:#F2F5FA; --ea-sobre-osc-2:#A9B7CC;
  --ea-rojo:#9E2B25;
  --ff-titular:"Libre Baskerville","Source Serif 4",Georgia,"Times New Roman",serif;
  --ff-display:"Source Serif 4","Libre Baskerville",Georgia,serif;
  --ff-cuerpo:"Lora",Georgia,"Times New Roman",serif;
  --ff-ui:"Source Sans 3","Inter",system-ui,-apple-system,sans-serif;
  --measure:38rem; --container:1180px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--ea-papel);color:var(--ea-tinta);font-family:var(--ff-cuerpo);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--container);margin:0 auto;padding:0 32px}

/* ---- átomos del DS ------------------------------------------------------- */
.kicker{font-family:var(--ff-ui);font-weight:700;font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--ea-acento-700)}
.byline{font-family:var(--ff-ui);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ea-tinta-2)}
.meta{font-family:var(--ff-ui);font-size:13px;color:var(--ea-tinta-3)}
.btn{font-family:var(--ff-ui);font-weight:700;font-size:14px;letter-spacing:.04em;padding:11px 22px;border-radius:4px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,color .15s,border-color .15s}
.btn--primary{background:var(--ea-primario);color:var(--ea-papel)}.btn--primary:hover{background:var(--ea-primario-900)}
.btn--rojo{background:var(--ea-rojo);color:#fff}.btn--rojo:hover{background:#7f201b}
.btn--sm{padding:9px 18px;font-size:13px}
.frame{position:relative;overflow:hidden;background:var(--ea-fondo);border:1px solid var(--ea-linea)}
.frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}
.r169{aspect-ratio:16/9}.r43{aspect-ratio:4/3}.r32{aspect-ratio:3/2}
.cap{margin-top:8px;display:flex;justify-content:space-between;gap:16px}
.cap span:first-child{font-family:var(--ff-ui);font-size:13px;color:var(--ea-tinta-3)}
.cap span:last-child{font-family:var(--ff-ui);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ea-neutro);white-space:nowrap}
.ico{width:20px;height:20px;display:block;flex:none}

/* ---- masthead (sticky, logo serif centrado) ----------------------------- */
.mast{position:sticky;top:0;z-index:50;background:rgba(251,250,247,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--ea-linea)}
.mast__bar{max-width:var(--container);margin:0 auto;padding:0 32px;height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.mast__nav{display:flex;justify-content:center;gap:30px;border-top:1px solid var(--ea-linea);padding:11px 32px 10px;max-width:none}
.mast__lema{font-family:var(--ff-display);font-style:italic;font-size:15px;color:var(--ea-tinta-2)}
.mast__lema b{display:block;font-family:var(--ff-ui);font-style:normal;font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ea-tinta-3);margin-top:3px}
.mast__nav a{font-family:var(--ff-ui);font-weight:600;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ea-primario);padding-bottom:3px;border-bottom:2px solid transparent;transition:color .15s}
.mast__nav a:hover,.mast__nav a.on{color:var(--ea-acento-700)}.mast__nav a.on{border-bottom-color:var(--ea-acento)}
.logo{font-family:var(--ff-titular);font-weight:700;font-size:30px;line-height:1;letter-spacing:.03em;color:var(--ea-primario);white-space:nowrap}
.mast__acc{display:flex;gap:18px;align-items:center;justify-content:flex-end}
.mast__acc .lnk{font-family:var(--ff-ui);font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ea-primario)}
.mast__menu{display:none;background:none;border:0;padding:6px;cursor:pointer;color:var(--ea-primario)}
.mast__sub{border-top:1px solid var(--ea-linea);text-align:center;padding:9px 0 10px;font-family:var(--ff-display);font-style:italic;font-size:15px;color:var(--ea-tinta-2)}
.mast__sub b{font-family:var(--ff-ui);font-style:normal;font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ea-tinta-3);margin-left:14px}

/* ---- portada -------------------------------------------------------------- */
.lead-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:56px;padding-top:52px;padding-bottom:52px}
.lead .kicker{margin-bottom:12px}
.lead h1,.lead .lead__t{font-family:var(--ff-titular);font-weight:700;font-size:46px;line-height:1.06;letter-spacing:-.01em;color:var(--ea-primario);margin:0;text-wrap:balance;transition:color .15s}
.lead:hover h1,.lead:hover .lead__t{color:var(--ea-acento-700)}
.lead .deck{font-family:var(--ff-display);font-style:italic;font-size:22px;line-height:1.4;color:var(--ea-tinta-2);margin:16px 0 14px;max-width:32em}
.lead .frame{margin-top:22px}
.side{border-left:1px solid var(--ea-linea);padding-left:40px}
.item{display:grid;grid-template-columns:1fr 120px;gap:22px;padding:22px 0;border-bottom:1px solid var(--ea-linea)}
.item:first-child{padding-top:0}.item:last-child{border-bottom:0}
.item .kicker{margin-bottom:7px}
.item h3{font-family:var(--ff-titular);font-weight:700;font-size:20px;line-height:1.22;color:var(--ea-primario);margin:0;transition:color .15s}
.item:hover h3{color:var(--ea-acento-700)}
.item .byline{margin-top:10px}
.item .frame{align-self:start}

.band{background:var(--ea-papel-2);border-top:1px solid var(--ea-linea)}
.band__in{padding-top:48px;padding-bottom:48px}
.shead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;border-bottom:2px solid var(--ea-primario);padding-bottom:12px}
.shead h2{font-family:var(--ff-titular);font-weight:700;font-size:26px;color:var(--ea-primario);margin:0}
.shead a{font-family:var(--ff-ui);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ea-acento-700);display:flex;align-items:center;gap:6px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.card .frame{margin-bottom:14px}
.card .kicker{margin-bottom:6px}
.card h3{font-family:var(--ff-titular);font-weight:700;font-size:19px;line-height:1.22;color:var(--ea-primario);margin:0;transition:color .15s}
.card:hover h3{color:var(--ea-acento-700)}
.card .byline{margin-top:9px}

/* ---- newsletter (banda azul claro) --------------------------------------- */
.news{background:var(--ea-fondo);border-top:1px solid var(--ea-linea);border-bottom:1px solid var(--ea-linea)}
.news__in{padding-top:56px;padding-bottom:56px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.news h2{font-family:var(--ff-display);font-weight:600;font-size:32px;line-height:1.18;color:var(--ea-primario);margin:12px 0 10px;text-wrap:balance}
.news p{font-family:var(--ff-cuerpo);font-size:17px;line-height:1.6;color:var(--ea-tinta-2);max-width:460px;margin:0}
.news form{display:flex;flex-direction:column;gap:12px}
.news input{font-family:var(--ff-cuerpo);font-size:16px;padding:14px 16px;border:1px solid var(--ea-linea-2);border-radius:4px;background:#fff;outline:none}
.news input:focus{border-color:var(--ea-acento);box-shadow:0 0 0 2px var(--ea-acento-100)}

/* ---- pie (azul pizarra) --------------------------------------------------- */
.pie{background:var(--ea-primario);color:var(--ea-sobre-osc)}
.pie__in{padding-top:64px;padding-bottom:40px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.pie .logo{color:var(--ea-papel);font-size:26px}
.pie__lema{font-family:var(--ff-display);font-style:italic;font-size:17px;color:var(--ea-sobre-osc-2);margin:14px 0 0;max-width:240px}
.pie h4{font-family:var(--ff-ui);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ea-sobre-osc-2);margin:0 0 16px}
.pie ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pie li a{font-family:var(--ff-ui);font-size:14px;color:var(--ea-papel);opacity:.9}
.pie li a:hover{opacity:1;text-decoration:underline}
.pie__base{padding-top:20px;padding-bottom:40px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between}
.pie__base .meta{color:var(--ea-sobre-osc-2)}

/* ---- artículo -------------------------------------------------------------- */
.art{max-width:720px;margin:0 auto;padding:60px 32px 24px}
.art .volver{display:inline-block;font-family:var(--ff-ui);font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ea-tinta-3);margin-bottom:28px}
.art .volver:hover{color:var(--ea-acento-700)}
.art .kicker{margin-bottom:16px}
.art h1{font-family:var(--ff-titular);font-weight:700;font-size:50px;line-height:1.05;letter-spacing:-.015em;color:var(--ea-primario);margin:0;text-wrap:balance}
.art .deck{font-family:var(--ff-display);font-style:italic;font-size:24px;line-height:1.4;color:var(--ea-tinta-2);margin:20px 0 26px;text-wrap:pretty}
.art__by{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ea-linea);border-bottom:1px solid var(--ea-linea);padding:16px 0}
.art__by .meta{display:block;margin-top:4px}
.share{display:flex;gap:18px;color:var(--ea-tinta-2)}
.share a:hover{color:var(--ea-acento-700)}
.art__foto{max-width:880px;margin:0 auto;padding:0 32px}
.art__cuerpo{max-width:720px;margin:0 auto;padding:40px 32px 16px}
.art__cuerpo p{font-family:var(--ff-cuerpo);font-size:19px;line-height:1.62;color:var(--ea-tinta);margin:0 0 22px;text-wrap:pretty}
.art__cuerpo > p:first-of-type::first-letter{font-family:var(--ff-titular);font-weight:700;float:left;font-size:4.6em;line-height:.72;padding:.06em .12em 0 0;color:var(--ea-primario)}
.art__cuerpo blockquote{margin:34px 0;padding-left:24px;border-left:3px solid var(--ea-acento)}
.art__cuerpo blockquote p{font-family:var(--ff-display);font-style:italic;font-size:26px;line-height:1.34;color:var(--ea-primario);margin:0}
.art__cuerpo a{color:var(--ea-acento-700);border-bottom:1px solid var(--ea-acento-300)}
.firma{margin-top:34px;padding-top:24px;border-top:1px solid var(--ea-linea);display:flex;gap:18px}
.firma .av{width:56px;height:56px;border-radius:50%;background:var(--ea-primario);color:var(--ea-papel);flex:none;display:grid;place-items:center;font-family:var(--ff-titular);font-weight:700;font-size:18px}
.firma p{font-family:var(--ff-cuerpo);font-size:15.5px;line-height:1.55;color:var(--ea-tinta-2);margin:6px 0 0}

/* ---- barra «Escuchar el análisis» (ListenBar del DS) ----------------------- */
.escuchar{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--ea-linea);border-radius:6px;background:var(--ea-fondo);max-width:var(--measure);margin-bottom:30px}
.escuchar__play{width:42px;height:42px;border-radius:50%;border:0;background:var(--ea-primario);color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}
.escuchar__play:hover{background:var(--ea-primario-900)}
.escuchar__mid{flex:1}
.escuchar__mid .byline{margin-bottom:6px}
.escuchar__riel{height:4px;background:var(--ea-acento-100);border-radius:999px;overflow:hidden;cursor:pointer}
.escuchar__riel i{display:block;width:0;height:100%;background:var(--ea-acento);transition:width .2s linear}
.escuchar audio{display:none}

/* ============================================================================
   LO QUE SUMA AUDICO
   ============================================================================ */
/* «Lo más leído» (contador audico_vistas del tema padre): números en Libre Baskerville */
.dos{display:grid;grid-template-columns:1.55fr 1fr;gap:56px;padding-top:52px;padding-bottom:52px}
.lista .item{grid-template-columns:1fr 150px}
.ranking{border-left:1px solid var(--ea-linea);padding-left:40px}
.ranking ol{list-style:none;margin:0;padding:0;counter-reset:r}
.ranking li{counter-increment:r;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--ea-linea)}
.ranking li:last-child{border-bottom:0}
.ranking li::before{content:counter(r);font-family:var(--ff-titular);font-weight:700;font-size:34px;line-height:1;color:var(--ea-acento-300)}
.ranking h3{font-family:var(--ff-titular);font-weight:700;font-size:17px;line-height:1.25;color:var(--ea-primario);margin:4px 0 0;transition:color .15s}
.ranking a:hover h3{color:var(--ea-acento-700)}
.ranking .kicker{font-size:11.5px}
.vertodas{display:flex;justify-content:center;padding:8px 0 56px}
.btn--ghost{background:transparent;color:var(--ea-primario);border-color:var(--ea-linea-2)}.btn--ghost:hover{border-color:var(--ea-primario)}

/* «El análisis, en voz alta»: los audios de opinión en el campo pizarra, con la onda del audiograma del DS */
.voz{background:var(--ea-primario);color:var(--ea-papel);position:relative}
.voz::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--ea-acento)}
.voz__in{padding-top:56px;padding-bottom:56px}
.voz .shead{border-bottom-color:rgba(242,245,250,.35)}
.voz .shead h2{color:var(--ea-papel)}
.voz .shead span{font-family:var(--ff-display);font-style:italic;font-size:17px;color:var(--ea-sobre-osc-2)}
.voz__g{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.vcard{display:flex;flex-direction:column;gap:14px}
.vcard .kicker{color:var(--ea-acento-300)}
.vcard h3{font-family:var(--ff-titular);font-weight:700;font-size:19px;line-height:1.24;color:var(--ea-papel);margin:0}
.vcard a:hover h3{text-decoration:underline;text-decoration-color:var(--ea-acento)}
.onda{display:flex;align-items:center;gap:4px;height:44px}
.onda i{flex:1;background:var(--ea-acento);border-radius:999px;min-height:4px;opacity:.85}
.vplay{display:flex;align-items:center;gap:12px}
.vplay button{width:40px;height:40px;border-radius:50%;border:0;background:var(--ea-papel);color:var(--ea-primario);cursor:pointer;display:grid;place-items:center;flex:none}
.vplay .meta{color:var(--ea-sobre-osc-2)}
.vplay audio{display:none}

/* ---- responsive ------------------------------------------------------------ */
@media (max-width:900px){
  .mast__lema-x{}
}
@media (max-width:1100px){
  .mast__bar{grid-template-columns:auto 1fr auto;gap:12px}
  .mast__nav{display:none}
  .mast__lema{display:none}
  .mast__menu{display:block}
  .mast__bar .logo{justify-self:center}
  .mast__acc .lnk{display:none}
  .mast.abierto .mast__nav{display:flex;flex-direction:column;gap:0;position:absolute;top:78px;border-top:0;left:0;right:0;background:var(--ea-papel);border-bottom:1px solid var(--ea-linea);padding:8px 32px 16px}
  .mast.abierto .mast__nav a{padding:12px 0;border-bottom:1px solid var(--ea-linea)}
}
@media (max-width:900px){
  .lead-grid,.dos{grid-template-columns:1fr;gap:36px;padding-top:36px;padding-bottom:36px}
  .side,.ranking{border-left:0;padding-left:0;border-top:2px solid var(--ea-primario);padding-top:18px}
  .g3,.voz__g{grid-template-columns:1fr 1fr}
  .news__in{grid-template-columns:1fr;gap:28px}
  .pie__in{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .wrap,.mast__bar{padding:0 16px}
  .band__in,.voz__in,.news__in,.lead-grid,.dos{padding-top:36px;padding-bottom:36px}
  .pie__in{padding-top:48px;padding-bottom:28px}
  .pie__base{padding-top:20px;padding-bottom:32px}
  .logo{font-size:22px}
  .mast__acc .btn{padding:8px 12px;font-size:12px}
  .mast__sub b{display:none}
  .lead h1,.lead .lead__t{font-size:32px}
  .lead .deck{font-size:19px}
  .item,.lista .item{grid-template-columns:1fr 96px;gap:16px}
  .item h3{font-size:18px}
  .g3,.voz__g{grid-template-columns:1fr}
  .news h2{font-size:26px}
  .pie__in{grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:28px}
  .pie__base{flex-direction:column;gap:6px}
  .art{padding:36px 16px 20px}
  .art h1{font-size:34px}
  .art .deck{font-size:20px}
  .art__foto{padding:0}
  .art__foto .cap{padding:0 16px}
  .art__cuerpo{padding:28px 16px 12px}
  .art__cuerpo p{font-size:18px}
  .art__cuerpo blockquote p{font-size:22px}
  .art__by{flex-direction:column;align-items:flex-start;gap:10px}
}



/* ============================================================================
   PÁGINAS DE WORDPRESS (sección, búsqueda, 404, paginación) y contenido de la nota
   ============================================================================ */
.cabecera{padding:52px 0 8px;border-bottom:2px solid var(--ea-primario);margin-bottom:12px}
.cabecera h1{font-family:var(--ff-titular);font-weight:700;font-size:42px;line-height:1.1;color:var(--ea-primario);margin:10px 0 14px}
.cabecera p{font-family:var(--ff-display);font-style:italic;font-size:19px;color:var(--ea-tinta-2);margin:0 0 18px}
.cabecera--pizarra{background:var(--ea-primario);border:0;margin:0;padding:56px 0 44px}
.cabecera--pizarra .kicker{color:var(--ea-acento-300)}
.cabecera--pizarra h1{color:var(--ea-papel)}
.vacio{font-family:var(--ff-display);font-style:italic;font-size:19px;color:var(--ea-tinta-2);padding:40px 0 80px}
.paginas{display:flex;justify-content:space-between;padding:28px 0 56px}
.paginas a{font-family:var(--ff-ui);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ea-acento-700)}
.buscar{display:flex;gap:10px;max-width:560px;margin:4px 0 22px}
.buscar input{flex:1;font-family:var(--ff-cuerpo);font-size:16px;padding:12px 14px;border:1px solid var(--ea-linea-2);border-radius:4px;background:#fff;outline:none}
.buscar input:focus{border-color:var(--ea-acento);box-shadow:0 0 0 2px var(--ea-acento-100)}
.panel{display:none;border-top:1px solid var(--ea-linea);background:var(--ea-papel)}
.panel.abierto{display:block}
.panel .wrap{padding-top:18px;padding-bottom:6px}
.mast__nav a.on{color:var(--ea-acento-700);border-bottom-color:var(--ea-acento)}
.icono{background:none;border:0;padding:4px;cursor:pointer;color:var(--ea-primario);display:grid;place-items:center}
.relleno{height:120px}
.art__cuerpo h2,.art__cuerpo h3{font-family:var(--ff-display);font-weight:600;color:var(--ea-primario);line-height:1.25;margin:34px 0 14px}
.art__cuerpo h2{font-size:28px}.art__cuerpo h3{font-size:23px}
.art__cuerpo ul,.art__cuerpo ol{font-family:var(--ff-cuerpo);font-size:19px;line-height:1.62;margin:0 0 22px;padding-left:24px}
.art__cuerpo figure{margin:30px 0}.art__cuerpo figure img{width:100%;height:auto}
.art__cuerpo figcaption{font-family:var(--ff-ui);font-size:13px;color:var(--ea-tinta-3);margin-top:8px}
.art__cuerpo img{max-width:100%;height:auto}
.frame--vacio{display:grid;place-items:center;font-family:var(--ff-titular);font-weight:700;color:var(--ea-primario-300);font-size:28px}
.lista--sola .item{grid-template-columns:1fr 200px}
@media (max-width:600px){.cabecera h1{font-size:30px}.lista--sola .item{grid-template-columns:1fr 96px}.buscar{flex-direction:column}}