@font-face{font-family:'Libre Baskerville';src:url('../fonts/LibreBaskerville-regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Libre Baskerville';src:url('../fonts/LibreBaskerville-bold.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Libre Baskerville';src:url('../fonts/LibreBaskerville-italic.woff2') format('woff2');
  font-weight:400;font-style:italic;font-display:swap}

:root{
  --ink:#0A1219; --ink-2:#1B2A36; --texto:#1F2A33; --suave:#5A6B78; --tenue:#8C9AA5;
  --papel:#F7F4EC; --papel-2:#EFEADD; --blanco:#FFFDF8;
  --regla:#D6CEBB; --regla-2:#E6DFCD;
  --oro:#9A6E15; --oro-vivo:#C89A2E; --oro-tenue:#F2E6C8;
  --rojo:#A32B22; --verde:#1E6B44;
  --serif:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--texto);font-family:var(--sans);
     font-size:18.5px;line-height:1.66;-webkit-font-smoothing:antialiased}
.wrap{max-width:1400px;margin:0 auto;padding-left:40px;padding-right:40px}
a{color:inherit;text-decoration:none}
p{margin:0 0 13px}
.et{font-family:var(--mono);font-size:11.5px;letter-spacing:1.7px;text-transform:uppercase;
    color:var(--suave);margin:0}

/* ═══ Tira de mercado ═══ */
.tira{background:var(--ink);color:#C9D4DC;border-bottom:2px solid var(--oro);overflow:hidden}
.tira .wrap{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.tk{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;
    padding:9px 16px 10px;border-right:1px solid #22323E}
.tk:first-child{padding-left:0}
.tk:last-child{border-right:0;padding-right:0}
.tk .k{font-family:var(--mono);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:#7C8E9C;
       white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk .fila-v{display:flex;align-items:baseline;gap:7px;min-width:0}
.tk .v{font-family:var(--mono);font-size:16px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;
       white-space:nowrap}
.tk .d{font-family:var(--mono);font-size:10px;white-space:nowrap}
.tk .d.up{color:#E08B84}.tk .d.dn{color:#7FC9A2}.tk .d.eq{color:#7C8E9C}
@media(max-width:1080px){ .tira .wrap{grid-template-columns:repeat(3,1fr)}
  .tk{border-bottom:1px solid #22323E;padding-left:16px;padding-right:16px}
  .tk:first-child{padding-left:0} .tk:nth-child(3n){border-right:0;padding-right:0}
  .tk:nth-child(4){padding-left:0} .tk:nth-child(n+4){border-bottom:0} }
@media(max-width:620px){ .tira .wrap{grid-template-columns:repeat(2,1fr)}
  .tk:nth-child(n){border-right:1px solid #22323E;border-bottom:1px solid #22323E;
                   padding-left:14px;padding-right:14px}
  .tk:nth-child(odd){padding-left:0} .tk:nth-child(even){border-right:0;padding-right:0}
  .tk:nth-child(n+5){border-bottom:0} }

/* ═══ Cabecera ═══ */
.masthead{background:var(--papel);padding-top:26px}
.masthead .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap;
                padding-bottom:16px}
.logo-zona{display:flex;align-items:center;gap:16px}
.marca-txt .nombre{font-family:var(--serif);font-size:clamp(30px,3.9vw,48px);line-height:.92;
                   color:var(--ink);margin:0;font-weight:400;letter-spacing:-.5px}
.marca-txt .nombre b{font-weight:700}
.marca-txt .lema{font-family:var(--mono);font-size:10.5px;letter-spacing:3.4px;text-transform:uppercase;
                 color:var(--oro);margin:9px 0 0}
.cab-derecha{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:11px}
.cab-fecha{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
           color:var(--suave);line-height:1.7}
.cab-fecha b{color:var(--ink)}
.btn-oro{background:var(--ink);color:#F7E9C7;padding:11px 21px;font-family:var(--mono);font-weight:700;
         font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;white-space:nowrap}
.btn-oro:hover{background:var(--oro)}
.regla-doble{border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);height:4px}
nav.principal{background:var(--papel);border-bottom:1px solid var(--ink)}
nav.principal .wrap{display:flex;flex-wrap:wrap}
nav.principal a{display:block;padding:13px 20px;font-family:var(--mono);font-size:12px;letter-spacing:1.8px;
                text-transform:uppercase;color:var(--texto);font-weight:600;white-space:nowrap;
                border-right:1px solid var(--regla-2)}
nav.principal a:first-child{padding-left:0}
nav.principal a:hover{background:var(--papel-2);color:var(--ink)}
nav.principal a.activo{color:var(--ink);box-shadow:inset 0 -3px 0 var(--oro-vivo)}

/* ═══ HERO ═══ */
.hero{padding-top:38px;padding-bottom:36px;border-bottom:3px solid var(--ink)}
.hero-linea{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.sello-ed{font-family:var(--mono);font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;
          background:var(--ink);color:#F3E4C0;padding:4px 11px}
.hero-linea .fecha{font-family:var(--mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;
                   color:var(--suave)}
.hero-linea .raya{flex:1;height:1px;background:var(--regla)}
.hero-rejilla{display:grid;grid-template-columns:1fr 1.32fr;gap:56px;align-items:start}
.hero-num{border-right:1px solid var(--regla);padding-right:48px}
.cifrota{font-family:var(--serif);font-size:clamp(96px,12vw,190px);line-height:.95;color:var(--ink);
         margin:0;padding-bottom:.04em;letter-spacing:-8px;font-weight:700;display:block}
.cifrota sup{font-size:.26em;vertical-align:baseline;position:relative;top:-.62em;letter-spacing:0;
              color:var(--oro-vivo);margin-left:4px;line-height:0}
.hero-num .pie-cifra{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
                     color:var(--suave);margin:22px 0 0;line-height:1.8}
.desglose{margin-top:22px;border-top:1px solid var(--regla)}
.desglose .fila{display:flex;justify-content:space-between;align-items:baseline;gap:14px;
                padding:9px 0;border-bottom:1px solid var(--regla-2);font-size:14px}
.desglose .fila:last-child{border-bottom:0}
.desglose .fila span:first-child{color:var(--suave)}
.desglose .fila b{font-family:var(--mono);font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums}
.desglose .fila.alta b{color:var(--rojo)}
h1.titular{font-family:var(--serif);font-size:clamp(34px,4.2vw,58px);line-height:1.06;color:var(--ink);
           margin:0 0 20px;font-weight:700;letter-spacing:-1px}
.sumario{font-size:23px;line-height:1.52;color:var(--texto);margin:0 0 18px;max-width:64ch}
.sumario b{font-weight:700}
.hero-meta{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding-top:18px;
           border-top:1px solid var(--regla);font-family:var(--mono);font-size:12px;
           letter-spacing:1.2px;text-transform:uppercase;color:var(--tenue)}
.fuente-sello{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11.5px;
              letter-spacing:.8px;text-transform:uppercase;color:var(--suave);
              border:1px solid var(--regla);padding:5px 12px;background:var(--blanco)}
.fuente-sello:hover{border-color:var(--oro-vivo);color:var(--ink)}
.fuente-sello b{color:var(--ink)}

/* ═══ NOTAS ═══ */
.notas-cab{display:flex;align-items:center;gap:16px;padding-top:34px;margin-bottom:6px}
.notas-cab h2{font-family:var(--mono);font-size:12px;letter-spacing:2.6px;text-transform:uppercase;
              margin:0;color:var(--ink);font-weight:700;white-space:nowrap}
.notas-cab .raya{flex:1;height:1px;background:var(--ink)}
article.nota{display:grid;grid-template-columns:170px 1fr;gap:44px;padding:34px 0;
             border-bottom:1px solid var(--regla)}
.nota-lado .n{font-family:var(--serif);font-size:52px;font-weight:700;color:var(--regla);line-height:.8;
              margin:0 0 14px}
.nota-lado .seccion{font-family:var(--mono);font-size:11px;letter-spacing:1.7px;text-transform:uppercase;
                    color:var(--oro);font-weight:700;margin:0 0 14px;line-height:1.6}
.nota-cuerpo h3{font-family:var(--serif);font-size:clamp(24px,2.6vw,33px);line-height:1.16;color:var(--ink);
                margin:0 0 14px;font-weight:700;letter-spacing:-.4px}
.nota-cuerpo p{max-width:72ch}
.nota-cuerpo .bajada{font-size:20.5px;color:var(--suave);margin-bottom:16px;max-width:70ch}
.dato{font-family:var(--mono);font-weight:700;color:var(--ink);background:var(--oro-tenue);
      padding:1px 6px;white-space:nowrap;font-size:.94em}
.remate{border-left:3px solid var(--oro-vivo);padding:2px 0 2px 18px;margin:20px 0;font-size:18.5px}
.remate b{color:var(--ink)}

/* tabla de tasas */
.tabla{width:100%;border-collapse:collapse;margin:8px 0 20px;max-width:700px}
.tabla th{text-align:left;font-family:var(--mono);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;
          color:var(--suave);font-weight:700;padding:0 12px 9px 0;border-bottom:1px solid var(--ink)}
.tabla td{padding:12px 12px 12px 0;border-bottom:1px solid var(--regla-2);vertical-align:baseline}
.tabla td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}
.tabla td.v{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--ink);
            font-variant-numeric:tabular-nums;width:1%;white-space:nowrap}
.tabla td:last-child{color:var(--suave);font-size:16px}

/* ranking */
.ranking{list-style:none;padding:0;margin:10px 0 16px;max-width:620px}
.ranking li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--regla-2)}
.ranking li:last-child{border-bottom:0}
.ranking .pos{font-family:var(--mono);font-size:11px;color:var(--tenue);width:18px;flex:none}
.ranking .edo{flex:1;font-weight:600;color:var(--ink)}
.ranking .barra{height:8px;background:var(--oro-tenue);flex:none}
.ranking .pct{font-family:var(--mono);font-weight:700;color:var(--ink);font-size:19px;width:62px;
              text-align:right;font-variant-numeric:tabular-nums}
.ranking li.nuestro{background:#FBF3DE;margin:0 -12px;padding-left:12px;padding-right:12px}
.ranking li.nuestro .barra{background:var(--oro-vivo)}
.ranking li.nuestro .edo:after{content:"nuestra plaza";font-family:var(--mono);font-size:9.5px;
  letter-spacing:1.4px;text-transform:uppercase;color:var(--oro);margin-left:10px;font-weight:700}
.nota-pie{font-family:var(--mono);font-size:12.5px;color:var(--suave);letter-spacing:.6px;
          border-top:1px dotted var(--regla);padding-top:10px;margin-top:4px;max-width:620px}

/* ═══ DESARROLLOS ═══ */
.desarrollos{padding-top:40px;padding-bottom:44px}
.des-cab{display:flex;align-items:center;gap:16px;margin-bottom:8px}
.des-cab h2{font-family:var(--mono);font-size:12px;letter-spacing:2.6px;text-transform:uppercase;
            margin:0;color:var(--ink);font-weight:700;white-space:nowrap}
.des-cab .raya{flex:1;height:1px;background:var(--ink)}
.des-intro{font-size:15px;color:var(--suave);margin:0 0 24px;max-width:76ch}
.dos-des{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.des{background:var(--blanco);border:1px solid var(--regla)}
.des .foto{aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#E9E3D4,#E9E3D4 12px,#E0D8C4 12px,#E0D8C4 24px);
           display:flex;align-items:center;justify-content:center;color:#9A8F78;font-family:var(--mono);
           font-size:11px;letter-spacing:2px;text-transform:uppercase;text-align:center;padding:12px}
.des .cuerpo{padding:24px 26px 26px}
.des .tipo{font-family:var(--mono);font-size:10px;letter-spacing:1.7px;text-transform:uppercase;
           color:var(--oro);font-weight:700;margin:0 0 9px}
.des h3{font-family:var(--serif);font-size:26px;color:var(--ink);margin:0 0 6px;font-weight:700;line-height:1.2}
.des .ubic{font-family:var(--mono);font-size:11px;letter-spacing:1.3px;text-transform:uppercase;
           color:var(--suave);margin:0 0 16px}
.des .desc{font-size:15px;color:var(--suave);margin:0 0 18px}
.des .ficha{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--regla-2);
            border-top:1px solid var(--regla-2);border-bottom:1px solid var(--regla-2);margin-bottom:18px}
.des .ficha div{background:var(--blanco);padding:12px 14px}
.des .ficha .k{font-family:var(--mono);font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;
               color:var(--tenue);margin:0 0 5px}
.des .ficha .v{font-family:var(--mono);font-size:17px;font-weight:700;color:var(--ink);margin:0;
               font-variant-numeric:tabular-nums}
.des .contacto{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
               padding-top:16px;border-top:1px solid var(--regla)}
.des .quien{font-family:var(--mono);font-size:11px;letter-spacing:.8px;color:var(--suave);line-height:1.7}
.des .quien b{color:var(--ink);display:block;font-size:12.5px;letter-spacing:1.2px;text-transform:uppercase}
.btn-contacto{background:var(--ink);color:#F7E9C7;padding:11px 20px;font-family:var(--mono);font-weight:700;
              font-size:11px;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}
.btn-contacto:hover{background:var(--oro-vivo);color:var(--ink)}
.aviso{background:#FBF3DE;border-left:3px solid var(--oro-vivo);padding:14px 18px;font-size:13.5px;
       color:#5E4711;margin:26px 0 0}
.aviso b{color:#3F2F06}

/* ═══ La jugada ═══ */
.jugada{background:var(--ink);color:#DDE6EC;padding:44px 46px;margin-top:8px}
.jugada .et{color:var(--oro-vivo);margin-bottom:14px}
.jugada h2{font-family:var(--serif);font-size:34px;color:#fff;margin:0 0 26px;font-weight:700}
.jugada ol{margin:0;padding:0;list-style:none;counter-reset:j;
           display:grid;grid-template-columns:1fr 1fr;gap:26px 44px}
.jugada li{counter-increment:j;padding-left:46px;position:relative;font-size:17.5px;line-height:1.6;color:#AFC0CC}
.jugada li:before{content:counter(j,decimal-leading-zero);position:absolute;left:0;top:-2px;
                  font-family:var(--mono);font-size:20px;font-weight:700;color:var(--oro-vivo)}
.jugada li b{color:#fff}

/* ═══ Fuentes ═══ */
.fuentes{padding-top:38px;padding-bottom:38px}
.fuentes ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.fuentes li{padding:12px 0;border-bottom:1px dotted var(--regla);font-size:15px;color:var(--suave)}
.fuentes .org{font-family:var(--mono);font-size:11px;letter-spacing:1.3px;text-transform:uppercase;
              color:var(--ink);font-weight:700;margin-right:8px}
.fuentes a{color:var(--suave);word-break:break-word}
.fuentes a:hover{color:var(--oro)}
.verificado{font-family:var(--mono);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;
            color:var(--verde);margin-top:18px}

/* ═══ Suscripción ═══ */
.suscribe{background:var(--papel-2);border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);
          padding:44px 0}
.suscribe .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.suscribe h3{font-family:var(--serif);font-size:34px;margin:0 0 12px;color:var(--ink);line-height:1.2;font-weight:700}
.suscribe p{color:var(--suave);margin:0;font-size:17.5px}
.suscribe .puntos{list-style:none;padding:0;margin:18px 0 0;font-family:var(--mono);font-size:13.5px;
                  color:var(--suave);letter-spacing:.5px}
.suscribe .puntos li{padding:5px 0 5px 22px;position:relative}
.suscribe .puntos li:before{content:"—";position:absolute;left:0;color:var(--oro-vivo)}
.form-col input{width:100%;padding:14px 16px;border:1px solid var(--regla);background:var(--blanco);
                color:var(--ink);font-size:15px;font-family:inherit;margin-bottom:9px}
.form-col input::placeholder{color:var(--tenue)}
.form-col button{width:100%;padding:16px;background:var(--ink);color:#F7E9C7;border:0;
                 font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:2px;
                 text-transform:uppercase;cursor:pointer}
.form-col button:hover{background:var(--oro-vivo);color:var(--ink)}
.form-col small{display:block;margin-top:12px;color:var(--tenue);font-family:var(--mono);font-size:10.5px;
                text-align:center;letter-spacing:.6px}

/* ═══ Servicio + pie ═══ */
.servicios{background:var(--papel);border-bottom:1px solid var(--ink)}
.servicios .wrap{display:flex;gap:26px;align-items:center;flex-wrap:wrap;padding-top:28px;padding-bottom:28px}
.servicios .txt{flex:1 1 300px}
.servicios h4{margin:0 0 6px;font-family:var(--serif);font-size:23px;color:var(--ink);font-weight:700}
.servicios p{margin:0;font-size:16.5px;color:var(--suave)}
.btn-linea{display:inline-block;padding:12px 24px;border:1.5px solid var(--ink);color:var(--ink);
           font-family:var(--mono);font-weight:700;font-size:11.5px;letter-spacing:1.6px;
           text-transform:uppercase;white-space:nowrap}
.btn-linea:hover{background:var(--ink);color:var(--papel)}
footer{background:var(--ink);color:#8296A4;padding-top:44px;padding-bottom:26px;font-size:15px}
.pie-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-bottom:30px;
          border-bottom:1px solid #22323E}
.pie-cols h5{font-family:var(--mono);font-size:10.5px;letter-spacing:2px;text-transform:uppercase;
             color:#fff;margin:0 0 14px;font-weight:700}
.pie-cols ul{list-style:none;padding:0;margin:0}
.pie-cols li{padding:5px 0}
.pie-cols a:hover{color:var(--oro-vivo)}
.pie-marca{font-family:var(--serif);font-size:28px;color:#fff;margin:0 0 10px;font-weight:400}
.pie-marca b{font-weight:700}
.pie-desc{font-size:15px;line-height:1.6;margin:0;max-width:36ch;color:#8296A4}
.pie-bajo{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;
          font-family:var(--mono);font-size:10.5px;color:#5F7383;letter-spacing:.8px;text-transform:uppercase}

@media(max-width:1080px){
  .hero-rejilla{grid-template-columns:1fr;gap:32px}
  .hero-num{border-right:0;padding-right:0;border-bottom:1px solid var(--regla);padding-bottom:26px}
  .desglose{max-width:520px}
  .dos-des{grid-template-columns:1fr;gap:26px}
  .jugada ol,.fuentes ul{grid-template-columns:1fr}
  .suscribe .wrap{grid-template-columns:1fr;gap:28px}
}
@media(max-width:820px){
  .wrap{padding-left:24px;padding-right:24px}
  article.nota{grid-template-columns:1fr;gap:16px}
  .nota-lado{display:flex;align-items:baseline;gap:14px}
  .nota-lado .n{font-size:32px;margin:0}
  .nota-lado .seccion{margin:0}
  .jugada{padding:32px 24px}
  .pie-cols{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  body{font-size:16px}
  .cifrota{letter-spacing:-4px}
  .des .ficha{grid-template-columns:1fr}
  .pie-cols{grid-template-columns:1fr}
}

/* ═══════ Añadidos del motor JSON (nota individual) ═══════ */
.migas{font-family:var(--mono);font-size:11px;letter-spacing:1.3px;text-transform:uppercase;
       color:var(--suave);padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--regla)}
.migas a:hover{color:var(--oro)}
.migas .sep{color:var(--regla);margin:0 8px}
.nota-sola{padding-top:36px;padding-bottom:44px;max-width:820px}
.nota-sola .seccion{font-family:var(--mono);font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;
                    color:var(--oro);font-weight:700;margin:0 0 14px}
.nota-sola h1{font-family:var(--serif);font-size:clamp(30px,4vw,48px);line-height:1.1;color:var(--ink);
              margin:0 0 18px;font-weight:700;letter-spacing:-.6px}
.nota-sola .entrada{font-size:22px;line-height:1.55;color:var(--suave);margin:0 0 24px}
.nota-sola .foto-nota{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--regla);margin-bottom:8px}
.nota-sola .pie-foto{font-family:var(--mono);font-size:10.5px;color:var(--tenue);letter-spacing:.6px;
                     margin-bottom:26px}
.nota-sola .cuerpo p{max-width:70ch;font-size:19px}
.claves{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--regla)}
.clave{font-family:var(--mono);font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;
       color:var(--suave);border:1px solid var(--regla);padding:4px 11px;background:var(--blanco)}
.aviso-verif{background:#FBF3DE;border-left:3px solid var(--oro-vivo);padding:12px 16px;
             font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:#5E4711;margin:18px 0 0;
             max-width:72ch}
.sello-nivel{font-family:var(--mono);font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;
             padding:2px 7px;margin-left:8px;border:1px solid var(--regla);color:var(--suave)}
.sello-nivel.n1{border-color:var(--verde);color:var(--verde)}
.sello-nivel.n2,.sello-nivel.n3{border-color:var(--oro);color:var(--oro)}

/* ═══ 🐛 fix: las imágenes no deben desbordar la columna (causaba scroll horizontal) ═══ */
img{max-width:100%;height:auto;display:block}
.des img.foto{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.nota-sola img.foto-nota{width:100%;height:auto}
body{overflow-x:hidden}
.des img.foto{padding:0;border:0;background:none}

/* ═══════════════════════════════════════════════════════════════════
   ESCALA TIPOGRÁFICA ÚNICA — 15-ago-2026
   Antes había ~20 tamaños sueltos puestos a ojo. Aquí quedan SIETE
   escalones y todo el sitio se cuelga de ellos. Si algo hay que
   cambiar, se cambia el token, no el selector.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --t-micro : 12px;     /* versalitas incidentales: cintillo, legales    */
  --t-label : 14px;     /* versalitas CON información: secciones, fuentes */
  --t-mini  : 13.5px;   /* pies de foto, notas al pie, créditos          */
  --t-sm    : 15.5px;   /* texto secundario, tablas, listas del pie      */
  --t-body  : 17.5px;   /* CUERPO                                        */
  --t-lead  : 19.5px;   /* bajadas y entradas                            */
  --t-lead-l: 21.5px;   /* sumario del hero                              */
  --ls-caps : 1.7px;    /* espaciado de versalitas                       */
}

/* ── cuerpo ───────────────────────────────────────────────────────── */
body{font-size:var(--t-body);line-height:1.65}
.nota-cuerpo p, .nota-sola .cuerpo p,
.hero p:not(.cifrota):not(.pie-cifra):not(.sumario){font-size:var(--t-body);max-width:70ch}
.remate{font-size:var(--t-body);line-height:1.6}
.jugada li{font-size:var(--t-body);line-height:1.62}
.suscribe p{font-size:var(--t-body)}
.servicios p{font-size:var(--t-body)}
.des .desc{font-size:var(--t-sm)}
.des-intro,.vitrina-intro{font-size:var(--t-sm)}

/* ── entradas y sumarios ──────────────────────────────────────────── */
.sumario{font-size:var(--t-lead-l);line-height:1.5}
.nota-cuerpo .bajada,.nota-sola .entrada{font-size:var(--t-lead);line-height:1.55}

/* ── secundario ───────────────────────────────────────────────────── */
.tabla td,.tabla td:last-child{font-size:var(--t-sm)}
.fuentes li{font-size:var(--t-sm)}
footer{font-size:var(--t-sm)}
.pie-desc{font-size:var(--t-sm)}
.pie-cols li{font-size:var(--t-sm)}

/* ── versalitas CON información: se leen, no se adivinan ──────────── */
.et,.fuente-sello,.hero-meta,.hero-linea .fecha,.sello-ed,
.nota-lado .seccion,.tarjeta .seccion,.des .tipo,.migas,.clave,
.suscribe .puntos,.franja-cab span,.bloque-cab a,.notas-cab h2,
.des-cab h2,.bloque-cab h2,.rail-tit,.verificado,.fuentes .org,
.cab-fecha,.aviso-verif
  {font-size:var(--t-label);letter-spacing:var(--ls-caps)}

/* el pie del número grande explica la cifra: es de los textos que MÁS se leen */
.hero-num .pie-cifra{font-size:16px;letter-spacing:1.4px;line-height:1.75;color:var(--suave)}

/* ── versalitas incidentales ──────────────────────────────────────── */
.tk .k,.pie-bajo,.des .ficha .k,.des .ubic,.des .agente,.prop .zona,.pie-cols h5
  {font-size:var(--t-micro);letter-spacing:1.5px}
nav.principal a{font-size:13px;letter-spacing:1.6px}
.btn-oro,.leer,.btn-linea,.btn-contacto,.form-col button{font-size:13px;letter-spacing:1.8px}
.nota-pie,.pie-foto{font-size:var(--t-mini);letter-spacing:.5px}

/* ── el numeral de cada nota: era gris pálido y se perdía ─────────── */
.nota-lado .n{font-size:58px;color:var(--oro-vivo);line-height:.85;margin:0 0 16px}
.nota-lado .seccion{line-height:1.75;color:var(--oro)}

/* ── titulares: un solo ritmo, todo en serif ──────────────────────── */
h1.titular      {font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-.5px}
.nota-sola h1   {font-size:clamp(30px,3.1vw,42px);line-height:1.15;letter-spacing:-.4px}
.nota-cuerpo h3 {font-size:clamp(23px,2.1vw,29px);line-height:1.24;letter-spacing:-.2px}
.jugada h2      {font-size:clamp(26px,2.4vw,32px);line-height:1.2}
.suscribe h3    {font-size:clamp(24px,2.2vw,30px);line-height:1.22}
.pie-marca      {font-size:26px}
.servicios h4   {font-size:22px}
.des h3         {font-size:24px}

/* ── cifras: mono tabular, tres tamaños y ya ──────────────────────── */
.tk .v          {font-size:16px}
.dato-c .v      {font-size:32px}
.tabla td.v     {font-size:21px}
.ranking .pct   {font-size:19px}
.desglose .fila b{font-size:17px}
.desglose .fila {font-size:var(--t-sm)}
.dato           {font-size:.95em}

@media(max-width:820px){
  :root{--t-body:17px;--t-lead:18.5px;--t-lead-l:20px}
}

/* ── el % del número de la semana: se había quedado chico y muy alto ── */
.cifrota sup{
  font-size:.36em;          /* antes .26em */
  top:-1.15em;              /* alineado con la altura de mayúscula del dígito */
  margin-left:8px;
  color:var(--oro-vivo);
}

/* ── 🐛 el número gigante es un <p> dentro del hero: se reafirma su tamaño
      para que ninguna regla de párrafo lo vuelva a aplastar ── */
.hero p.cifrota{font-size:clamp(96px,12vw,190px);line-height:.95;letter-spacing:-8px;max-width:none}
.hero p.pie-cifra{font-size:16px;max-width:none}

/* ═══════════════════════════════════════════════════════════════
   FUENTES — es la promesa de la marca, no una nota al pie
   ═══════════════════════════════════════════════════════════════ */
.fuentes{padding-top:46px;padding-bottom:46px}
.fuentes ul{gap:0 56px}
.fuentes li{font-size:17px;line-height:1.55;padding:15px 0;color:var(--texto);
            display:block;border-bottom:1px solid var(--regla)}
.fuentes li:last-child{border-bottom:0}
.fuentes .org{display:inline-block;font-size:13px;letter-spacing:1.6px;color:var(--ink);
              background:var(--papel-2);border:1px solid var(--regla);
              padding:3px 10px;margin:0 10px 4px 0;font-weight:700}
.fuentes a{color:var(--oro);border-bottom:1px solid var(--regla)}
.fuentes a:hover{color:var(--ink);border-bottom-color:var(--oro)}

/* el sello de verificación: en caja, en texto normal (venía en versalitas y era ilegible) */
.verificado{font-family:var(--sans);font-size:16px;line-height:1.6;letter-spacing:0;
            text-transform:none;color:#1B5A3A;background:#ECF4EF;
            border-left:4px solid var(--verde);padding:16px 20px;margin-top:26px;max-width:none}
.verificado b{color:#0F3F27}

/* ═══════════════════════════════════════════════════════════════
   SUSCRIPCIÓN — el bloque que convierte: máximo contraste de la página
   ═══════════════════════════════════════════════════════════════ */
.suscribe{background:var(--ink);color:#fff;border-top:5px solid var(--oro);
          border-bottom:0;padding:58px 0}
.suscribe .wrap{gap:56px;align-items:center}
.suscribe .et{color:var(--oro-vivo)}
.suscribe h3{color:#fff;font-size:clamp(28px,2.8vw,38px);line-height:1.18;margin-bottom:14px}
.suscribe p{color:#AEC0CD}
.suscribe .puntos{color:#93A9B8;font-size:15px;letter-spacing:.8px}
.suscribe .puntos li{padding:7px 0 7px 24px}
.suscribe .puntos li:before{color:var(--oro-vivo)}

/* la caja del formulario, separada del fondo para que se lea como acción */
.form-col{background:#0F1D27;border:1px solid #263B4A;padding:30px}
.form-col input{background:#07131B;border:1px solid #2A3E4D;color:#fff;
                font-size:16px;padding:15px 16px;margin-bottom:11px}
.form-col input::placeholder{color:#6C8299}
.form-col button{background:var(--oro-vivo);color:#1A1200;padding:18px;font-size:13.5px;
                 letter-spacing:2.2px;cursor:pointer}
.form-col button:hover{background:#fff;color:var(--ink)}
.form-col small{color:#78909F;margin-top:14px}
@media(max-width:900px){ .form-col{padding:22px} .suscribe{padding:38px 0} }

/* ═══════════════════════════════════════════════════════════════
   TIPOGRAFÍA DE MARCA — Libre Baskerville en todo el texto
   (15-ago-2026, referencia: decointeriorismo.com). Licencia SIL OFL.
   La monoespaciada se queda SOLO en cifras y versalitas: es el
   lenguaje de datos que distingue al boletín.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --serif:'Libre Baskerville',Georgia,'Times New Roman',serif;
  --sans :'Libre Baskerville',Georgia,'Times New Roman',serif;
}
body{font-family:var(--serif)}
/* Baskerville tiene ojo medio grande: se compensa tamaño e interlínea */
:root{--t-body:16.5px;--t-lead:18px;--t-lead-l:20px;--t-sm:15px}
body{line-height:1.72}
.nota-cuerpo p,.nota-sola .cuerpo p,.hero p:not(.cifrota):not(.pie-cifra):not(.sumario){line-height:1.72}
.sumario{line-height:1.6}
.nota-cuerpo .bajada,.nota-sola .entrada{line-height:1.65}
h1.titular{font-size:clamp(30px,3.2vw,44px);line-height:1.22;letter-spacing:-.2px}
.nota-sola h1{font-size:clamp(28px,2.9vw,39px);line-height:1.25}
.nota-cuerpo h3{font-size:clamp(21px,1.9vw,26px);line-height:1.32}
.jugada h2{font-size:clamp(24px,2.2vw,30px);line-height:1.28}
.suscribe h3{font-size:clamp(24px,2.5vw,33px);line-height:1.3}
.fuentes li{font-size:16px;line-height:1.65}
.jugada li{line-height:1.7}
.des h3,.servicios h4,.pie-marca{letter-spacing:0}
.verif-nota{font-size:14px;color:#7A5A12;background:#FBF3DE;border-left:3px solid var(--oro-vivo);
            padding:9px 14px;margin:14px 0 0;max-width:62ch;line-height:1.55}

/* ═══════════════════════════════════════════════════════════════
   SITIO DIARIO — componentes nuevos (15-ago-2026)
   corriente de apuntes · calendario · chips de plaza · contexto
   ═══════════════════════════════════════════════════════════════ */

/* ── renglón de apunte: lista tabulada, no tarjetas ── */
.corriente{border-top:1px solid var(--ink)}
.renglon{display:grid;grid-template-columns:92px 108px 1fr auto;gap:22px;align-items:baseline;
         padding:16px 0;border-bottom:1px solid var(--regla);transition:background .12s}
.renglon:hover{background:var(--papel-2)}
.renglon:hover .r-tit{color:var(--oro)}
.r-fecha{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.4px;color:var(--tenue);
         text-transform:uppercase;white-space:nowrap}
.r-etq{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.4px;color:var(--oro);
       text-transform:uppercase;font-weight:700;white-space:nowrap}
.r-tit{font-family:var(--serif);font-size:18px;line-height:1.35;color:var(--ink);font-weight:700}
.r-cifra{font-family:var(--mono);font-size:19px;font-weight:700;color:var(--ink);
         font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}

/* ── calendario ── */
.agenda{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.ag{padding:18px 24px 20px 0;border-right:1px solid #23323D}
.ag:last-child{border-right:0}
.ag-f{display:block;font-family:var(--mono);font-size:22px;font-weight:700;color:#fff;
      font-variant-numeric:tabular-nums}
.ag-o{display:block;font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.5px;
      text-transform:uppercase;color:var(--oro-vivo);margin:8px 0 5px;font-weight:700}
.ag-q{display:block;font-size:var(--t-sm);color:#8FA3B1;line-height:1.5}

/* ── chips de plaza ── */
.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:1px;background:var(--regla);
       border:1px solid var(--regla)}
.chip{background:var(--papel);padding:20px 22px;display:block;transition:background .12s}
.chip:hover{background:var(--blanco)}
.chip:hover .chip-n{color:var(--oro)}
.chip-n{display:block;font-family:var(--serif);font-size:22px;font-weight:700;color:var(--ink)}
.chip-e{display:block;font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.4px;
        text-transform:uppercase;color:var(--suave);margin:5px 0 14px}
.chip-c{display:block;font-family:var(--mono);font-size:26px;font-weight:700;color:var(--oro);
        font-variant-numeric:tabular-nums;line-height:1}
.chip-d{display:block;font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.2px;
        color:var(--tenue);margin-top:8px;text-transform:uppercase}

/* ── franja de confianza ── */
.confianza{background:var(--papel-2);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.confianza .wrap{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:34px;align-items:center;
                 padding-top:30px;padding-bottom:30px}
.cf{display:flex;gap:14px;align-items:flex-start}
.cf-n{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--papel);background:var(--ink);
      width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex:none}
.cf p{margin:0;font-size:var(--t-sm);line-height:1.55;color:var(--suave)}
.cf p b{color:var(--ink)}

/* ── página de apunte ── */
.apunte{padding-top:34px;padding-bottom:20px}
.apunte .seccion{font-family:var(--mono);font-size:var(--t-label);letter-spacing:var(--ls-caps);
                 text-transform:uppercase;color:var(--oro);font-weight:700;margin:0 0 20px}
.apunte-rejilla{display:grid;grid-template-columns:1fr 1.5fr;gap:52px;align-items:start}
.apunte-rejilla .cifrota{font-size:clamp(84px,10vw,150px);line-height:.95;letter-spacing:-6px;
                         color:var(--ink);margin:0;font-family:var(--serif);font-weight:700}
.apunte-rejilla h1{font-family:var(--serif);font-size:clamp(26px,2.8vw,38px);line-height:1.22;
                   color:var(--ink);margin:0 0 16px;font-weight:700}
.apunte-rejilla p{font-size:var(--t-body);max-width:66ch}
.cita{border-left:3px solid var(--oro-vivo);margin:20px 0 0;padding:6px 0 6px 18px;
      font-style:italic;color:var(--suave);font-size:var(--t-sm);max-width:66ch}
.cita cite{display:block;font-style:normal;font-family:var(--mono);font-size:var(--t-micro);
           letter-spacing:1.4px;text-transform:uppercase;color:var(--tenue);margin-top:8px}
.verif-ok{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.2px;text-transform:uppercase;
          color:var(--verde)}

/* ── contexto automático ── */
.contexto{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px;border-top:1px solid var(--ink)}
.ctx-t{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:2px;text-transform:uppercase;
       color:var(--ink);margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--ink);font-weight:700}
.ctx-col .renglon{grid-template-columns:64px 1fr auto;gap:14px;padding:12px 0}
.ctx-col .r-tit{font-size:15.5px}
.ctx-col .r-cifra{font-size:16px}
.ctx-p{font-size:var(--t-sm);color:var(--suave);margin-top:14px}
.ctx-col .fila-ed{grid-template-columns:74px 1fr;gap:14px;border-bottom:0;padding-top:14px}

/* ── ficha de plaza ── */
.pl-edo{color:var(--suave);font-weight:400}
.perfil{font-size:var(--t-lead);color:var(--texto);max-width:76ch;line-height:1.6}
.met-h{font-family:var(--mono);font-size:var(--t-label);letter-spacing:2px;text-transform:uppercase;
       color:var(--ink);margin:34px 0 12px;font-weight:700}

@media(max-width:1080px){
  .contexto{grid-template-columns:1fr;gap:30px}
  .apunte-rejilla{grid-template-columns:1fr;gap:24px}
  .confianza .wrap{grid-template-columns:1fr 1fr;gap:22px}
}
@media(max-width:820px){
  .renglon{grid-template-columns:76px 1fr auto;gap:12px}
  .renglon .r-etq{display:none}
  .confianza .wrap{grid-template-columns:1fr}
  .agenda{grid-template-columns:1fr}
  .ag{border-right:0;border-bottom:1px solid #23323D;padding-right:0}
}

/* ── cabecera de bloque (venía del portal viejo y faltaba aquí) ── */
.bloque{padding-top:44px;padding-bottom:44px}
.bloque-cab{display:flex;align-items:center;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.bloque-cab .n{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--papel);
               background:var(--ink);padding:5px 10px;letter-spacing:1px;flex:none}
.bloque-cab h2{font-family:var(--mono);font-size:var(--t-label);letter-spacing:2.4px;
               text-transform:uppercase;margin:0;color:var(--ink);font-weight:700;white-space:nowrap}
.bloque-cab .raya{flex:1;height:1px;background:var(--ink);min-width:30px}
.bloque-cab a{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.4px;
              text-transform:uppercase;color:var(--suave);white-space:nowrap}
.bloque-cab a:hover{color:var(--oro)}
.des-cab{display:flex;align-items:center;gap:16px;margin-bottom:10px}
.des-cab h2{font-family:var(--mono);font-size:var(--t-label);letter-spacing:2.4px;text-transform:uppercase;
            margin:0;color:var(--ink);font-weight:700;white-space:nowrap}
.des-cab .raya{flex:1;height:1px;background:var(--ink)}

/* ── franja oscura (calendario) — faltaba: heredada del portal viejo ── */
.franja{background:var(--ink);color:#fff}
.franja .wrap{padding-top:0;padding-bottom:0}
.franja-cab{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
            padding:16px 0;border-bottom:1px solid #23323D}
.franja-cab h3{font-family:var(--mono);font-size:var(--t-label);letter-spacing:2.2px;text-transform:uppercase;
               margin:0;color:#fff;font-weight:700}
.franja-cab span{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.2px;color:#71838F;
                 text-transform:uppercase}

/* ── archivo de ediciones — faltaba ── */
.archivo{border-top:1px solid var(--ink)}
.fila-ed{display:grid;grid-template-columns:92px 108px 1fr auto;gap:24px;align-items:baseline;
         padding:20px 0;border-bottom:1px solid var(--regla)}
.fila-ed:hover h4{color:var(--oro)}
.n-ed{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.6px;color:var(--ink);font-weight:700}
.cifra-ed{font-family:var(--mono);font-size:26px;font-weight:700;color:var(--oro);line-height:1;
          font-variant-numeric:tabular-nums}
.fila-ed h4{font-family:var(--serif);font-size:21px;line-height:1.28;color:var(--ink);margin:0;font-weight:700}
.sub{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.2px;color:var(--tenue);
     text-transform:uppercase;margin:7px 0 0}
.flecha{font-family:var(--mono);font-size:var(--t-micro);color:var(--suave);letter-spacing:1.4px;
        text-transform:uppercase;white-space:nowrap}
@media(max-width:820px){
  .fila-ed{grid-template-columns:72px 1fr;gap:14px}
  .fila-ed .cifra-ed{grid-column:1;grid-row:2}
  .fila-ed .flecha{display:none}
}
/* etiquetas largas ("Plaza bajo la lupa") no deben invadir el titular */
.r-etq{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:108px}

/* ═══ LOGO DE MARCA (sustituye al emblema dibujado) ═══ */
.logo-zona{display:block}
.logo{width:auto;height:clamp(52px,5.4vw,74px);display:block}
.logo-pie{width:auto;height:58px;display:block;margin-bottom:14px}
.masthead .wrap{align-items:center}
.masthead{padding-top:22px}
.masthead .wrap{padding-bottom:20px}
@media(max-width:700px){
  .logo{height:46px}
  .masthead .wrap{gap:16px}
  .cab-derecha{align-items:flex-start;text-align:left}
}
/* el logo manda en la cabecera: se le da el tamaño que tenía el texto */
.logo{height:clamp(62px,7.4vw,104px)}
.masthead{padding-top:26px}
.masthead .wrap{padding-bottom:24px}
.logo-pie{height:72px;margin-bottom:16px}
@media(max-width:700px){ .logo{height:54px} }

/* ═══ LISTA DE SECCIÓN (/credito/, /plazas/…) ═══ */
.lista-sec{border-top:1px solid var(--ink)}
.item-sec{display:grid;grid-template-columns:104px 1fr auto;gap:26px;padding:24px 0;
          border-bottom:1px solid var(--regla);align-items:start;transition:background .12s}
.item-sec:hover{background:var(--papel-2)}
.item-sec:hover .is-tit{color:var(--oro)}
.is-meta{display:flex;flex-direction:column;gap:6px}
.is-fecha{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.4px;text-transform:uppercase;color:var(--tenue)}
.is-tipo{font-family:var(--mono);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;
         color:var(--oro);border:1px solid var(--regla);padding:2px 7px;align-self:flex-start}
.is-tit{font-family:var(--serif);font-size:21px;line-height:1.3;color:var(--ink);margin:0 0 7px;font-weight:700}
.is-res{font-size:var(--t-sm);color:var(--suave);margin:0 0 8px;max-width:80ch;line-height:1.55}
.is-fue{font-family:var(--mono);font-size:var(--t-micro);letter-spacing:1.2px;text-transform:uppercase;color:var(--tenue)}
.is-cifra{font-family:var(--mono);font-size:23px;font-weight:700;color:var(--ink);
          font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:820px){
  .item-sec{grid-template-columns:1fr auto;gap:12px}
  .is-meta{flex-direction:row;grid-column:1/-1;align-items:center;gap:10px}
}

/* ═══════════════════════════════════════════════════════════════
   LIMPIEZA DE FILETES — 15-ago-2026
   Había 11 tipos de línea distintos. Se dejan SOLO los que separan
   filas de datos (esos son estructura). Los que separaban secciones
   se sustituyen por AIRE, que es como se separa en diseño editorial.
   ═══════════════════════════════════════════════════════════════ */

/* cabecera: una sola línea, bajo el menú */
.masthead{padding-top:30px}
.masthead .wrap{padding-bottom:26px}
nav.principal{border-top:1px solid var(--regla);border-bottom:2px solid var(--ink)}

/* fuera los filetes que solo separaban bloques: los sustituye el espacio */
.hero{border-bottom:0;padding-bottom:0}
.corriente,.archivo,.lista-sec{border-top:0}
.confianza{border-top:0;border-bottom:0}
.servicios{border-top:0;border-bottom:0}
.pie-cols{border-bottom:0;padding-bottom:22px}
.suscribe{border-top:0}
.contexto{border-top:0}
.migas{border-bottom:0;padding-bottom:0}

/* más aire entre secciones, ya que no hay línea que las separe */
.bloque{padding-top:56px;padding-bottom:8px}
.hero{padding-top:42px}
.franja{margin-top:44px}
.confianza{margin-top:20px}

/* los filetes que SÍ se quedan (separan filas de datos) van más suaves */
.renglon,.fila-ed,.item-sec,.fuentes li{border-bottom-color:var(--regla-2)}
article.nota{border-bottom-color:var(--regla-2)}
.desglose .fila{border-bottom-color:var(--regla-2)}
.tabla td{border-bottom-color:var(--regla-2)}
.ranking li{border-bottom-color:var(--regla-2)}

/* la raya larga del encabezado de sección se afina */
.bloque-cab .raya,.notas-cab .raya,.des-cab .raya{background:var(--regla);height:1px}
.hero-linea .raya{background:var(--regla-2)}

/* los chips dejan de parecer tabla */
.chips{background:transparent;border:0;gap:1px}
.chip{border:1px solid var(--regla-2)}

/* el botón queda solo, así que se centra con el logo */
.cab-derecha{justify-content:center}

/* ═══════════════════════════════════════════════════════════════
   FUERA LAS BANDAS NEGRAS DE ANCHO COMPLETO — 16-ago-2026
   · El calendario pasa a papel: es informativo, no necesita contraste
   · La suscripción SIGUE siendo el bloque de más contraste (es lo que
     convierte), pero deja de ser franja: se mete en el contenedor y
     se lee como bloque, no como barra que parte la pantalla
   ═══════════════════════════════════════════════════════════════ */

/* ── calendario en claro ── */
.franja{background:var(--papel-2);color:var(--texto);margin-top:40px;
        border-top:1px solid var(--regla);border-bottom:1px solid var(--regla)}
.franja-cab{border-bottom:1px solid var(--regla)}
.franja-cab h3{color:var(--ink)}
.franja-cab span{color:var(--suave)}
.agenda{gap:0}
.ag{border-right:1px solid var(--regla);border-bottom:0}
.ag:last-child{border-right:0}
.ag-f{color:var(--ink)}
.ag-o{color:var(--oro)}
.ag-q{color:var(--suave)}
.datos{background:var(--regla)}
.dato-c{background:var(--papel-2);border-right:1px solid var(--regla);border-bottom:0}
.dato-c .k{color:var(--suave)}
.dato-c .v{color:var(--ink)}
.dato-c .p{color:var(--tenue)}

/* ── suscripción: bloque, no franja ── */
.suscribe{background:transparent;padding:0;margin:52px 0 0}
.suscribe > .wrap{background:var(--ink);padding:44px 46px;
                  border-top:4px solid var(--oro-vivo);max-width:1320px}
.suscribe h3{color:#fff}
.suscribe p{color:#AEC0CD}
.suscribe .puntos{color:#93A9B8}
.suscribe .et{color:var(--oro-vivo)}

/* el pie sí se queda oscuro: es el cierre del sitio, no una banda a media página */
@media(max-width:900px){ .suscribe > .wrap{padding:28px 24px} }