/*
 * InterIndustrias Perú · estilos del portal.
 *
 * Fuente única del diseño: plataforma/interindustrias/mockup-home/interindustrias-mockup.html
 * (v2, aprobado por Aldo el 11-oct-2026). Este archivo es el <style> del mockup
 * con dos cambios mecánicos y un anexo:
 *   1. Todo selector va bajo `.ii`, el envoltorio que ponen los shortcodes
 *      (inc/plantillas.php), para no chocar con el CSS de Bricks. `:root` y `body`
 *      pasan a ser `.ii`; `main section` pasa a `.ii section`.
 *   2. Fuera la cinta «MOCKUP» y el selector de vistas.
 *   3. Al final, «Añadidos para WordPress»: lo que el mockup no tenía porque no
 *      lo necesitaba (estado «Pronto», paginación, filtros, galería, producto).
 *      Hecho con las mismas piezas y tokens, sin tokens nuevos.
 *
 * Si cambia el mockup, se porta aquí a mano: las clases son las mismas.
 * Única regla sin `.ii`: la base de `html`. Bricks trae html{font-size:62.5%}
 * y todo el mockup está en rem; sin esta regla la letra sale al 60%.
 */
/* Design system de Expo Perú Industrial (plataforma/hub/PLANTILLA-FERIA.md + mockup-home-v4/epi.css), sin tokens nuevos.
   Color 60/30/10: grafito, blanco, rojo. Sin gris salvo #F2F2F2 como fondo de sección entera. Secundario = opacidad.
   Tipografía IBM Plex Sans Condensed (títulos) + IBM Plex Sans (cuerpo). Radios s/m/l. Ritmo vertical de 8 medido en miningtech.pe.
   Un solo tema, claro, como la web de EPI. */
.ii{--rojo:#DA291C; --rojo-dark:#7A160E; --grafito:#1F1F1F; --blanco:#FFFFFF; --fondo:#F2F2F2;
  --linea:rgba(31,31,31,.15); --linea-b:rgba(255,255,255,.18);
  --t2:rgba(31,31,31,.72); --t2-b:rgba(255,255,255,.8);
  --font-display:"IBM Plex Sans Condensed","Arial Narrow",sans-serif;
  --font-body:"IBM Plex Sans",system-ui,sans-serif;
  --radius-s:10px; --radius-m:16px; --radius-l:24px;
  --ritmo-seccion:clamp(3.75rem,8.4vw,7.5rem);
  --ritmo-cejilla:clamp(1.25rem,2.2vw,1.78rem);
  --ritmo-bajada:clamp(1.25rem,2.3vw,2rem);
  --ritmo-bloque:clamp(2.5rem,6.7vw,6rem);
  --ritmo-fila:clamp(1rem,1.7vw,1.5rem);
  /* color de cada feria, el mismo de la home de EPI */
  --c-fimm:#0033A0; --c-equiplast:#005EB8; --c-arena:#0072CE; --c-energetica:#154734; --c-expometal:#4C5760;
  --c-maderexpo:#5C1417; --c-sst:#DC4405; --c-mining:#DDA10F; --c-fiprec:#E11663;
  color-scheme:light;}
.ii,.ii *{box-sizing:border-box}
.ii [hidden]{display:none!important}
html{font-size:clamp(16px,calc(14.5px + .25vw),18px)}
.ii{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--grafito);background:var(--blanco);-webkit-font-smoothing:antialiased}
.ii a{color:inherit;text-decoration:none}
.ii a:focus-visible,.ii button:focus-visible,.ii input:focus-visible,.ii select:focus-visible,.ii textarea:focus-visible{outline:2px solid var(--rojo);outline-offset:2px}
.ii button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.ii img{display:block;max-width:100%}
.ii h1,.ii h2,.ii h3,.ii h4{margin:0;font-family:var(--font-display);font-weight:700;line-height:1.15;text-wrap:balance}
.ii p{margin:0}
.ii .wrap{width:80%;max-width:1600px;margin:0 auto}
@media(max-width:900px){.ii .wrap{width:auto;margin:0 1.25rem}
}
.ii .num{font-variant-numeric:tabular-nums}
.ii .cejilla{font-family:var(--font-display);font-weight:600;font-size:.8rem;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}

/* barra superior */
.ii .topbar{border-bottom:1px solid var(--linea);font-size:.8rem;color:var(--t2)}
.ii .topbar .wrap{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding-block:.45rem;flex-wrap:wrap}
.ii .topbar .der{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}
.ii .topbar a:hover{color:var(--grafito)}
.ii .topbar .sus{color:var(--rojo);font-weight:600}
.ii .redes{display:flex;gap:.8rem}

/* cabecera */
.ii .cab{background:var(--blanco)}
.ii .cab .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;padding-block:1.1rem}
.ii .logo{display:flex;align-items:center;gap:.65rem}
.ii .logo .marca{display:grid;grid-template-columns:repeat(2,10px);gap:3px}
.ii .logo .marca i{width:10px;height:10px;background:var(--grafito)}
.ii .logo .marca i:nth-child(2){background:var(--rojo)}
.ii .logo b{font-family:var(--font-display);font-weight:700;font-size:1.85rem;letter-spacing:-.005em;line-height:1}
.ii .logo b span{color:var(--rojo)}
.ii .logo small{font-family:var(--font-display);font-weight:600;font-size:.66rem;letter-spacing:.16em;display:block;color:var(--t2);margin-top:.2rem}
.ii .buscar{display:flex;align-items:center;border:1.5px solid var(--linea);border-radius:var(--radius-s);max-width:560px;width:100%;justify-self:center}
.ii .buscar:focus-within{border-color:var(--grafito)}
.ii .buscar input{flex:1;min-width:0;border:0;background:transparent;padding:.75rem 1rem;font:inherit;color:var(--grafito);outline:0}
.ii .buscar input::placeholder{color:var(--t2)}
.ii .buscar span{padding:0 1rem;color:var(--t2)}
.ii .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:700;font-size:1rem;line-height:1;padding:1rem 1.5rem;border-radius:var(--radius-s);border:2px solid transparent;background:var(--rojo);color:var(--blanco);white-space:nowrap;transition:background .15s}
.ii .btn:hover{background:var(--rojo-dark)}
.ii .btn.s{background:var(--rojo)}
.ii .btn.o{background:transparent;color:var(--grafito);border-color:var(--grafito)}
.ii .btn.o:hover{background:var(--grafito);color:var(--blanco)}
.ii .btn.chico{padding:.6rem 1rem;font-size:.9rem}
@media(max-width:900px){.ii .cab .wrap{grid-template-columns:minmax(0,1fr) auto;gap:1rem}
.ii .buscar{grid-column:1/-1;grid-row:2;max-width:none}
.ii .cab .btn{padding:.75rem 1rem}
}
@media(max-width:480px){.ii .logo b{font-size:1.35rem}
.ii .logo small{font-size:.56rem;letter-spacing:.1em}
.ii .cab .btn{padding:.6rem .75rem;font-size:.85rem}
}

/* menú */
.ii .menu{background:var(--blanco);border-top:1px solid var(--linea);border-bottom:2px solid var(--grafito);position:sticky;top:env(safe-area-inset-top,0px);z-index:40}
.ii .menu .wrap{display:flex;gap:.25rem;align-items:center;overflow-x:auto;scrollbar-width:none;padding-block:.35rem}
.ii .menu .wrap::-webkit-scrollbar{display:none}
.ii .menu a,.ii .menu button{padding:.5rem .9rem;border-radius:.5rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;white-space:nowrap}
.ii .menu a:hover,.ii .menu button:hover,.ii .menu button[aria-expanded="true"]{background:rgba(31,31,31,.05)}
.ii .menu .on{box-shadow:inset 0 -3px 0 var(--rojo);border-radius:.5rem .5rem 0 0}
.ii .mega{position:absolute;left:0;right:0;top:100%;background:var(--blanco);border-bottom:1px solid var(--linea);box-shadow:0 24px 40px #00000018}
.ii .mega .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;padding-block:1.75rem;overflow:visible}
.ii .mega ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.ii .mega li a{display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;border:1.5px solid var(--linea);border-left:5px solid var(--c,var(--grafito));border-radius:.7rem;font-family:var(--font-display);font-weight:700;font-size:1rem;margin:0}
.ii .mega li a small{margin-left:auto;font-family:var(--font-body);font-weight:400;font-size:.78rem;color:var(--t2)}
.ii .mega li a:hover,.ii .mega li a.sel{border-color:var(--c,var(--grafito));border-left-width:5px}
.ii .mega .prev{background:var(--grafito);color:var(--blanco);border-radius:var(--radius-m);padding:1.4rem;display:grid;gap:.75rem;align-content:start}
.ii .mega .prev .k{color:#ffb4ad}
.ii .mega .prev h4{font-size:1.35rem}
.ii .mega .prev .meta{color:var(--t2-b)}
.ii .mega .prev .btn.o{color:var(--blanco);border-color:var(--blanco);justify-self:start}
@media(max-width:760px){.ii .mega .wrap{grid-template-columns:1fr}
.ii .mega ul{grid-template-columns:1fr}
}

/* etiquetas: sector en grafito, formato en rojo */
.ii .tag{display:inline-flex;flex-wrap:wrap;gap:.25rem .5rem;align-items:center;font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t2)}
.ii .tag .f{color:var(--rojo)}
.ii .tag .s{color:var(--grafito)}

/* secciones */
.ii section{padding-top:var(--ritmo-bloque)}
.ii .tit{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:2px solid var(--grafito);padding-bottom:.75rem;margin-bottom:var(--ritmo-fila);flex-wrap:wrap}
.ii .tit h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.ii .tit a{font-family:var(--font-display);font-weight:700;font-size:.95rem;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px}
.ii .foto{aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-m);background:var(--fondo)}
.ii .foto img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ii a:hover .foto img{transform:scale(1.03)}
.ii .dek{color:var(--t2);line-height:1.6}
.ii .meta{font-size:.82rem;color:var(--t2)}

/* lo último */
.ii .ult{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(2rem,3vw,3rem)}
.ii .lead{display:grid;gap:1rem}
.ii .lead .foto{aspect-ratio:16/9}
.ii .lead h3{font-size:clamp(2rem,3.4vw,2.65rem);line-height:1.08}
.ii .lead .dek{font-size:1.1rem;max-width:42rem}
.ii .segs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ritmo-fila);margin-top:2rem;padding-top:2rem;border-top:1px solid var(--linea)}
.ii .card{display:grid;gap:.6rem;align-content:start}
.ii .card h3{font-size:1.15rem;line-height:1.25}
.ii .card:hover h3,.ii .lead:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--rojo)}
.ii aside.col{display:grid;gap:2rem;align-content:start}
.ii .leido ol{list-style:none;margin:0;padding:0;counter-reset:n}
.ii .leido li{counter-increment:n;display:grid;grid-template-columns:2.4rem 1fr;gap:.5rem;padding:.85rem 0;border-bottom:1px solid var(--linea)}
.ii .leido li::before{content:counter(n);font-family:var(--font-display);font-weight:700;font-size:1.9rem;line-height:1;color:var(--grafito)}
.ii .leido a{font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1.25}
.ii .leido a:hover{text-decoration:underline;text-decoration-color:var(--rojo)}
.ii .leido h2{font-size:1.3rem;border-bottom:2px solid var(--grafito);padding-bottom:.6rem}
.ii .bol{background:var(--grafito);color:var(--blanco);border-radius:var(--radius-m);padding:1.6rem;display:grid;gap:.8rem;border-top:4px solid var(--rojo)}
.ii .bol .tag{color:var(--t2-b)}
.ii .bol h3{font-size:1.45rem;color:var(--blanco)}
.ii .bol p{color:var(--t2-b);font-size:.92rem}
.ii .bol label{color:var(--t2-b)}
.ii .bol select,.ii .bol input{width:100%;font:inherit;padding:.85rem 1rem;border-radius:var(--radius-s);border:0;background:var(--blanco);color:var(--grafito)}
.ii .bol .ok{color:#ffb4ad;font-size:.88rem}
@media(max-width:1000px){.ii .ult{grid-template-columns:1fr}
.ii .segs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){.ii .segs{grid-template-columns:1fr}
}

/* entrevistas: sección oscura */
.ii .voz{background:var(--grafito);color:var(--blanco);margin-top:var(--ritmo-bloque);padding-block:var(--ritmo-seccion)}
.ii .voz .tit{border-bottom-color:var(--linea-b)}
.ii .voz .tit h2::after{content:"";display:block;width:4.5rem;height:4px;background:var(--rojo);margin-top:1rem}
.ii .vozg{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(2rem,3vw,3rem)}
.ii .vid{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--radius-m);overflow:hidden}
.ii .vid img{width:100%;height:100%;object-fit:cover}
.ii .vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,31,31,.1) 35%,rgba(31,31,31,.92))}
.ii .play{position:absolute;left:1.25rem;top:1.25rem;z-index:2;display:flex;align-items:center;gap:.5rem;background:var(--rojo);color:var(--blanco);font-family:var(--font-display);font-weight:700;font-size:.9rem;padding:.55rem .95rem .55rem .7rem;border-radius:var(--radius-s)}
.ii .play svg{width:1.1rem;height:1.1rem}
.ii .vid .cap{position:absolute;left:1.25rem;right:1.25rem;bottom:1.1rem;z-index:2;display:grid;gap:.4rem;color:var(--blanco)}
.ii .vid .cap h3{font-size:clamp(1.45rem,2.6vw,2.05rem)}
.ii .vid .cap p{color:var(--t2-b);font-size:.92rem}
.ii .vid .tag,.ii .voz .tag{color:var(--t2-b)}
.ii .vid .tag .s,.ii .voz .tag .s{color:var(--blanco)}
.ii .voz .lista{display:grid;gap:1.25rem;align-content:start}
.ii .voz .mini{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem;align-items:start}
.ii .voz .mini .foto{aspect-ratio:16/10;position:relative;border-radius:var(--radius-s)}
.ii .voz .mini .foto::after{content:"▶";position:absolute;right:.4rem;bottom:.4rem;font-size:.65rem;background:var(--rojo);color:var(--blanco);border-radius:4px;padding:.05rem .35rem}
.ii .voz .mini h4{font-size:1.1rem;margin-top:.25rem}
.ii .yt{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--linea-b);color:var(--t2-b)}
.ii .yt b{color:var(--blanco);font-family:var(--font-display)}
@media(max-width:900px){.ii .vozg{grid-template-columns:1fr}
}

/* sectores */
.ii .secs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ritmo-fila)}
.ii .sec{display:grid;gap:1rem;align-content:start;border:1px solid var(--linea);border-radius:var(--radius-m);padding:1.25rem;border-top:4px solid var(--c,var(--rojo))}
.ii .sec header{display:flex;justify-content:space-between;align-items:baseline}
.ii .sec header h3{font-size:1.5rem}
.ii .sec header a{font-family:var(--font-display);font-weight:700;font-size:.88rem;text-decoration:underline;text-underline-offset:.3em}
.ii .sec .foto{border-radius:var(--radius-s)}
.ii .sec .txt{display:grid}
.ii .sec .txt a{padding:.7rem 0;border-top:1px solid var(--linea);font-family:var(--font-display);font-weight:700;line-height:1.3}
.ii .sec .txt a:hover{text-decoration:underline;text-decoration-color:var(--rojo)}
.ii .feria{display:flex;gap:.75rem;align-items:center;border:1.5px solid var(--linea);border-left:5px solid var(--c,var(--grafito));border-radius:.7rem;padding:.7rem .9rem;font-size:.85rem}
.ii .feria b{display:block;font-family:var(--font-display);font-size:1rem}
.ii .feria .d{font-size:.78rem;color:var(--t2);font-variant-numeric:tabular-nums}
.ii .feria .ir{margin-left:auto;font-family:var(--font-display);font-weight:700;white-space:nowrap}
.ii .patro{font-size:.78rem;color:var(--t2)}
@media(max-width:1000px){.ii .secs{grid-template-columns:1fr}
}
.ii .ad{margin-top:var(--ritmo-bloque);border:1.5px dashed var(--linea);border-radius:var(--radius-m);min-height:90px;display:grid;place-items:center;color:var(--t2);font-family:var(--font-display);font-weight:600;font-size:.8rem;letter-spacing:.08em;text-align:center;padding:1rem}

/* calendario, con el color de cada feria */
.ii .filtros{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--ritmo-fila)}
.ii .filtros button{padding:.5rem 1rem;border-radius:var(--radius-s);border:2px solid var(--grafito);font-family:var(--font-display);font-weight:700;font-size:.92rem}
.ii .filtros button[aria-pressed="true"]{background:var(--grafito);color:var(--blanco)}
.ii .cal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ritmo-fila)}
.ii .ev{background:var(--blanco);border:1px solid var(--linea);border-top:4px solid var(--c,var(--grafito));border-radius:var(--radius-m);padding:1.25rem;display:grid;grid-template-rows:auto auto 1fr auto;gap:.6rem}
.ii .ev .fecha{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}
.ii .ev .fecha b{font-family:var(--font-display);font-weight:700;font-size:1.9rem;line-height:1.1;font-variant-numeric:tabular-nums}
.ii .ev .fecha span{font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.08em;color:var(--t2);text-align:right}
.ii .ev h3{font-size:1.3rem}
.ii .ev p{font-size:.88rem;color:var(--t2)}
.ii .ev footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.7rem;border-top:1px solid var(--linea);font-size:.82rem}
.ii .tipo{font-family:var(--font-display);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .5rem;border-radius:4px;border:1.5px solid var(--grafito)}
.ii .tipo.aliada{border-style:dashed}
.ii .faltan{font-weight:600;font-variant-numeric:tabular-nums}
.ii .ev.aliada{border-style:dashed;border-top-style:solid}
@media(max-width:1100px){.ii .cal{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){.ii .cal{grid-template-columns:1fr}
}

/* directorio: sección de fondo suave */
.ii .suave{background:var(--fondo);margin-top:var(--ritmo-bloque);padding-block:var(--ritmo-bloque)}
.ii .suave>.wrap>.tit{margin-top:0}
.ii .dir{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(2rem,3vw,3rem)}
.ii .dbus{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
.ii .dbus input{flex:1 1 14rem;min-width:0;font:inherit;padding:.8rem 1rem;border:1.5px solid var(--linea);border-radius:var(--radius-s);background:var(--blanco);color:var(--grafito)}
.ii .logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.ii .emp{position:relative;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radius-m);padding:.9rem;display:grid;gap:.5rem;align-content:start;transition:transform .2s,box-shadow .2s}
.ii .emp:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0002}
.ii .emp .lg{aspect-ratio:3/2;position:relative;overflow:hidden;display:grid;place-items:center}
.ii .emp .lg img{position:absolute;inset:.4rem;width:calc(100% - .8rem);height:calc(100% - .8rem);max-width:none;object-fit:contain}
.ii .emp b{font-family:var(--font-display);font-size:.95rem;line-height:1.25}
.ii .emp small{font-size:.75rem;color:var(--t2)}
.ii .emp .mk{position:absolute;top:.6rem;right:.6rem;background:var(--rojo);color:var(--blanco);font-family:var(--font-display);font-weight:600;font-size:.62rem;padding:.12rem .4rem;border-radius:4px;letter-spacing:.06em}
.ii .dcount{margin-top:1rem;font-size:.85rem;color:var(--t2)}
.ii .prods-h{display:grid;gap:.75rem}
.ii .ph{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.9rem;align-items:center;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radius-m);padding:.65rem}
.ii .ph img{aspect-ratio:1;object-fit:contain}
.ii .ph b{font-family:var(--font-display);font-size:.98rem;line-height:1.25;display:block}
.ii .ph .px{font-weight:600;font-size:.9rem;font-variant-numeric:tabular-nums}
.ii .ph small{color:var(--t2);font-size:.75rem}
.ii .subt{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--grafito);padding-bottom:.5rem;margin-bottom:1rem}
.ii .subt h3{font-size:1.25rem}
.ii .subt a{font-family:var(--font-display);font-weight:700;font-size:.88rem;text-decoration:underline;text-underline-offset:.3em}
@media(max-width:1000px){.ii .dir{grid-template-columns:1fr}
}
@media(max-width:620px){.ii .logos{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* análisis + dato */
.ii .ana{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ritmo-fila)}
.ii .col-op{display:grid;gap:.7rem;align-content:start;border:1px solid var(--linea);border-radius:var(--radius-m);padding:1.5rem}
.ii .col-op h3{font-size:1.4rem}
.ii .col-op:hover h3{text-decoration:underline;text-decoration-color:var(--rojo);text-decoration-thickness:2px}
.ii .dato{background:var(--grafito);color:var(--blanco);border-radius:var(--radius-m);padding:1.5rem;display:grid;gap:.5rem;align-content:start}
.ii .dato .cifra{border-top:4px solid var(--rojo);padding-top:1rem}
.ii .dato .n{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(3.5rem,7vw,5rem);line-height:1;font-variant-numeric:tabular-nums}
.ii .dato p{color:var(--t2-b);font-size:1.02rem}
.ii .dato small{font-size:.75rem;color:var(--t2-b)}
.ii .dato .tag{color:var(--t2-b)}
@media(max-width:1000px){.ii .ana{grid-template-columns:1fr}
}

/* revista */
.ii .rev{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(2rem,4vw,4rem);align-items:center;border:1px solid var(--linea);border-radius:var(--radius-l);padding:clamp(1.5rem,3vw,2.5rem)}
.ii .portada{width:12rem;aspect-ratio:3/4;background:var(--grafito);color:var(--blanco);border-radius:var(--radius-s);padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between;border-top:6px solid var(--rojo)}
.ii .portada .l{font-family:var(--font-display);font-weight:700;font-size:1.3rem;line-height:1}
.ii .portada .l span{color:var(--rojo)}
.ii .portada h4{font-size:1.5rem}
.ii .portada small{font-size:.66rem;color:var(--t2-b);letter-spacing:.06em}
.ii .rev h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-top:var(--ritmo-cejilla)}
.ii .rev .dek{margin-top:1rem;max-width:42rem}
.ii .rev .acc{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}
@media(max-width:640px){.ii .rev{grid-template-columns:1fr}
.ii .portada{width:10rem}
}
.ii footer.pie{margin-top:var(--ritmo-seccion);background:var(--grafito);color:var(--blanco);padding-block:3.5rem 1.75rem;font-size:.9rem}
.ii .pie .g{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:3rem}
.ii .pie h4{font-size:1rem;margin-bottom:1rem}
.ii .pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;color:var(--t2-b)}
.ii .pie a:hover{color:var(--blanco);text-decoration:underline}
.ii .pie .logo .marca i{background:var(--blanco)}
.ii .pie .logo .marca i:nth-child(2){background:var(--rojo)}
.ii .pie .logo small{color:var(--t2-b)}
.ii .pie .mantra{font-family:var(--font-display);font-weight:700;font-size:1.3rem;line-height:1.2;max-width:18rem;margin-top:1.25rem}
.ii .pie .bajo{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--linea-b);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;font-size:.82rem;color:var(--t2-b)}
@media(max-width:900px){.ii .pie .g{grid-template-columns:1fr 1fr;gap:2rem}
}
@media(max-width:480px){.ii .pie .g{grid-template-columns:1fr}
}

/* ===== ficha ===== */
.ii .migas{font-size:.85rem;color:var(--t2);padding-block:1.25rem}
.ii .migas a:hover{color:var(--grafito);text-decoration:underline}
.ii .fcab{display:grid;grid-template-columns:10rem minmax(0,1fr) auto;gap:2rem;align-items:center;border:1px solid var(--linea);border-radius:var(--radius-l);padding:1.75rem}
.ii .fcab .lg{aspect-ratio:1;border:1px solid var(--linea);border-radius:var(--radius-m);display:grid;place-items:center;padding:1rem}
.ii .fcab h1{font-size:clamp(2rem,3.4vw,2.6rem);margin-top:.4rem}
.ii .fcab h1::after{content:"";display:block;width:4.5rem;height:4px;background:var(--rojo);margin-top:1rem}
.ii .chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.ii .chips span{font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:99px;border:1px solid var(--linea)}
.ii .chips .mkt{background:var(--rojo);border-color:var(--rojo);color:var(--blanco)}
.ii .fcab .dek{margin-top:1rem;max-width:42rem}
.ii .facc{display:grid;gap:.6rem;min-width:14rem}
@media(max-width:1000px){.ii .fcab{grid-template-columns:7rem minmax(0,1fr)}
.ii .facc{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}
}
@media(max-width:560px){.ii .fcab{grid-template-columns:1fr;padding:1.25rem}
.ii .fcab .lg{width:7rem}
}
.ii .dos{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:start}
.ii .dos .txt{display:grid;gap:1rem;max-width:42rem}
.ii .datos{border:1px solid var(--linea);border-radius:var(--radius-m);padding:1.5rem}
.ii .datos dl{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.7rem 1rem;margin:0;font-size:.92rem}
.ii .datos dt{font-weight:600}
.ii .datos dd{margin:0;overflow-wrap:anywhere}
.ii .datos a{text-decoration:underline}
.ii .cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ritmo-fila);margin-top:2rem}
.ii .cifras div{border-top:4px solid var(--rojo);padding-top:.9rem}
.ii .cifras b{display:block;font-family:var(--font-display);font-weight:700;font-size:2.2rem;line-height:1.05;font-variant-numeric:tabular-nums}
.ii .cifras span{font-size:.82rem;color:var(--t2)}
.ii .marcas{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;align-items:center;font-size:.85rem}
.ii .marcas b{font-family:var(--font-display);margin-right:.3rem}
.ii .marcas span{border:1px solid var(--linea);border-radius:99px;padding:.2rem .7rem;font-weight:500}
.ii .fuente{font-size:.8rem;color:var(--t2)}
@media(max-width:900px){.ii .dos{grid-template-columns:1fr}
.ii .cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ii .pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ritmo-fila)}
.ii .prod{border:1px solid var(--linea);border-radius:var(--radius-m);overflow:hidden;display:flex;flex-direction:column;background:var(--blanco)}
.ii .prod .im{aspect-ratio:4/3;display:grid;place-items:center;padding:1rem}
.ii .prod .im img{max-height:100%;object-fit:contain}
.ii .prod .cu{padding:1.25rem;display:flex;flex-direction:column;gap:.45rem;flex:1;border-top:1px solid var(--linea)}
.ii .prod h3{font-size:1.12rem;line-height:1.25}
.ii .prod .tag{color:var(--rojo)}
.ii .prod .pie2{margin-top:auto;padding-top:.8rem;display:flex;align-items:end;justify-content:space-between;gap:.6rem}
.ii .prod .px{font-family:var(--font-display);font-weight:700;font-size:1.3rem;font-variant-numeric:tabular-nums;line-height:1.2}
.ii .prod .px small{display:block;font-family:var(--font-body);font-weight:400;font-size:.72rem;color:var(--t2)}
.ii .prod .px s{font-weight:400;font-size:.8rem;color:var(--t2)}
.ii .prod .btn{padding:.65rem 1rem;font-size:.9rem}
.ii .prod .btn.ok{background:var(--grafito)}
@media(max-width:1000px){.ii .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){.ii .pgrid{grid-template-columns:1fr}
}
.ii .serv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ritmo-fila);margin-top:2rem}
.ii .serv article{border:1px solid var(--linea);border-top:4px solid var(--rojo);border-radius:var(--radius-m);padding:1.4rem;display:grid;gap:.5rem;align-content:start}
.ii .serv h3{font-size:1.2rem}
.ii .serv p{font-size:.92rem;color:var(--t2)}
@media(max-width:900px){.ii .serv{grid-template-columns:1fr}
}
.ii .tres{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,3vw,3rem);align-items:start}
@media(max-width:900px){.ii .tres{grid-template-columns:1fr}
}
.ii .apar{display:grid;gap:1rem}
.ii .apar a{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:.9rem;align-items:start}
.ii .apar .foto{aspect-ratio:3/2;border-radius:var(--radius-s)}
.ii .apar h4{font-size:1.05rem;margin-top:.2rem}
.ii .subt2{font-size:1.25rem;border-bottom:1px solid var(--grafito);padding-bottom:.5rem;margin-bottom:1rem}
.ii form.fc{display:grid;gap:.9rem;background:var(--grafito);color:var(--blanco);border-radius:var(--radius-m);padding:1.6rem;border-top:4px solid var(--rojo)}
.ii form.fc label{display:grid;gap:.3rem;font-size:.85rem;font-weight:600;color:var(--t2-b)}
.ii form.fc input,.ii form.fc textarea{font:inherit;font-weight:400;padding:.85rem 1rem;border:0;border-radius:var(--radius-s);background:var(--blanco);color:var(--grafito);width:100%}
.ii form.fc textarea{min-height:6rem;resize:vertical}
.ii .f2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
@media(max-width:560px){.ii .f2{grid-template-columns:1fr}
}
.ii .aviso{font-size:.88rem;color:#ffb4ad;font-weight:600}

/* lista de cotización */
.ii .vel{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:60}
.ii .cajon{position:fixed;top:0;right:0;bottom:0;width:min(26rem,100%);background:var(--blanco);z-index:70;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:-1rem 0 2rem rgba(0,0,0,.25)}
.ii .cajon header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;border-bottom:1px solid var(--linea)}
.ii .cajon header h3{font-size:1.4rem}
.ii .cajon header button{width:2.2rem;height:2.2rem;border-radius:50%;border:1.5px solid var(--linea);font-size:1.1rem}
.ii .items{flex:1;overflow:auto;padding:.5rem 1.4rem}
.ii .item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .8rem;padding:.8rem 0;border-bottom:1px solid var(--linea);font-size:.9rem}
.ii .item b{font-weight:600}
.ii .item .q{color:var(--t2);font-size:.82rem}
.ii .item .p{font-weight:600;grid-row:1;grid-column:2;font-variant-numeric:tabular-nums}
.ii .item button{grid-column:2;justify-self:end;font-size:.78rem;text-decoration:underline;color:var(--t2)}
.ii .vacio{padding:2rem 0;text-align:center;color:var(--t2)}
.ii .tot{padding:1.1rem 1.4rem;border-top:1px solid var(--linea);display:grid;gap:.75rem}
.ii .tot div{display:flex;justify-content:space-between;font-weight:600;font-size:1.05rem}
.ii .tot p{font-size:.8rem;color:var(--t2)}
.ii .ncart{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:99px;background:var(--rojo);color:var(--blanco);font-size:.75rem;font-family:var(--font-body);font-variant-numeric:tabular-nums}
.ii .btn.o .ncart{background:var(--rojo)}
@media (prefers-reduced-motion: reduce){.ii *{transition:none!important}}


/* ===== Añadidos para WordPress ===== */

/* Menú fijo. Bricks mete la cabecera en #brx-header y en el div del elemento
   shortcode; un sticky solo se pega dentro de su padre, y ese padre termina con
   la cabecera. Con display:contents los envoltorios no cuentan como caja y el
   menú se pega a todo el documento, como en el mockup. */
#brx-header,#brx-header>.brxe-shortcode,.ii.ii-cabecera{display:contents}
body.admin-bar .ii .menu{top:32px}
@media(max-width:782px){body.admin-bar .ii .menu{top:46px}}
@media(max-width:600px){body.admin-bar .ii .menu{top:0}}

/* Sección todavía sin contenido */
.ii .pronto{border:1.5px dashed var(--linea);border-radius:var(--radius-m);padding:1.5rem;color:var(--t2);display:grid;gap:.4rem;align-content:start}
.ii .pronto b{font-family:var(--font-display);font-size:1.15rem;line-height:1.25;color:var(--grafito)}
.ii .pronto a{text-decoration:underline;text-underline-offset:.2em}
.ii .sec .pronto{padding:1rem}

/* Una sola columna cuando falta la otra */
.ii .dir.solo,.ii .tres.solo{grid-template-columns:minmax(0,1fr)}

/* Títulos de página (directorio, calendario) */
.ii .tit h1{font-size:clamp(2rem,3.4vw,2.6rem)}

/* Directorio: filtros y paginación */
.ii .dbus select{flex:0 1 14rem;min-width:0;font:inherit;padding:.8rem 1rem;border:1.5px solid var(--linea);border-radius:var(--radius-s);background:var(--blanco);color:var(--grafito)}
.ii .dbus .btn{flex:0 0 auto}
.ii .pag{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:var(--ritmo-fila)}
.ii .pag .page-numbers{padding:.5rem .85rem;min-width:2.6rem;text-align:center;border-radius:var(--radius-s);border:2px solid var(--grafito);font-family:var(--font-display);font-weight:700;font-size:.92rem}
.ii .pag .current{background:var(--grafito);color:var(--blanco)}
.ii .pag .dots{border-color:transparent}

/* Calendario: un bloque por mes */
.ii .mes+.mes{margin-top:clamp(2rem,4vw,3rem)}

/* Ficha: galería */
.ii .galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:2rem}
.ii .galeria .foto{aspect-ratio:4/3;border-radius:var(--radius-s)}
@media(max-width:620px){.ii .galeria{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ii .prod h3 a:hover{text-decoration:underline;text-decoration-color:var(--rojo)}

/* Cajón de cotización: datos de quien pide */
.ii .tot label{display:grid;gap:.25rem;font-size:.82rem;font-weight:600}
.ii .tot input{font:inherit;font-weight:400;padding:.7rem .9rem;border:1.5px solid var(--linea);border-radius:var(--radius-s);background:var(--blanco);color:var(--grafito);width:100%}
.ii .tot p.error{color:var(--rojo)}

/* Trampa para robots: fuera de la vista, no display:none (algunos robots lo saltan) */
.ii .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Ficha de producto (sin vista propia en el mockup: piezas de la ficha de empresa) */
.ii .pfic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:start}
.ii .pfic .im{aspect-ratio:1;border:1px solid var(--linea);border-radius:var(--radius-l);display:grid;place-items:center;padding:2rem}
.ii .pfic .im img{max-height:100%;object-fit:contain}
.ii .pfic h1{font-size:clamp(1.8rem,3vw,2.4rem);margin-top:.4rem}
.ii .pfic h1::after{content:"";display:block;width:4.5rem;height:4px;background:var(--rojo);margin-top:1rem}
.ii .pfic .de{margin-top:1rem;font-size:.92rem}
.ii .pfic .de a{text-decoration:underline;font-weight:600}
.ii .pfic .px{display:block;font-family:var(--font-display);font-weight:700;font-size:2rem;font-variant-numeric:tabular-nums;line-height:1.2;margin-top:1.25rem}
.ii .pfic .px small{display:block;font-family:var(--font-body);font-weight:400;font-size:.8rem;color:var(--t2)}
.ii .pfic .px s{font-weight:400;font-size:1rem;color:var(--t2)}
.ii .pfic .acc{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}
.ii .pfic .btn.ok{background:var(--grafito)}
.ii .pfic .txt{display:grid;gap:1rem;margin-top:1.5rem;max-width:42rem}
.ii .miniat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.75rem}
.ii .miniat img{aspect-ratio:1;width:100%;object-fit:contain;border:1px solid var(--linea);border-radius:var(--radius-s);padding:.3rem}
@media(max-width:900px){.ii .pfic{grid-template-columns:1fr}}

/* ===== Singles: artículo, revista y entrevista (quinta vuelta, 12-oct-2026) =====
   Sin vista en el mockup: su escala tipográfica (H1 de la ficha, .dek, .meta, .tag),
   sus piezas (.migas, .foto, .emp, .card, .chips, .datos, .subt2) y sus tokens. */

/* Artículo: cabecera, firma, foto */
.ii .art-cab{max-width:52rem;display:grid;gap:1rem;padding-top:.5rem}
.ii .art-cab h1{font-size:clamp(2.1rem,4vw,3.1rem);line-height:1.08}
.ii .art-cab h1::after{content:"";display:block;width:4.5rem;height:4px;background:var(--rojo);margin-top:1.1rem}
.ii .art-cab .dek{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5;max-width:46rem}
.ii .art-firma{display:grid;gap:.15rem;padding-top:1rem;border-top:1px solid var(--linea);font-size:.95rem}
.ii .art-firma b{font-weight:600}
.ii .art-firma b a{text-decoration:underline;text-underline-offset:.2em;text-decoration-color:var(--rojo)}
.ii .art-firma span{color:var(--t2)}
.ii .art-patro{justify-self:start;font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;border:1.5px dashed var(--grafito);border-radius:4px;padding:.2rem .6rem}
.ii .art-patro a{text-decoration:underline}
.ii .art-foto{margin:var(--ritmo-bajada) 0 0;max-width:64rem}
.ii .art-foto img{width:100%;height:auto;border-radius:var(--radius-m)}
.ii .art-foto figcaption{margin-top:.6rem;font-size:.82rem;color:var(--t2)}

/* Cuerpo a ~70 caracteres */
.ii .art-txt{max-width:70ch;font-size:1.08rem;line-height:1.7;margin-top:var(--ritmo-bajada)}
.ii .dos .art-txt,.ii .ent-trans .art-txt{margin-top:0;font-size:1rem}
.ii .art-txt>*+*{margin-top:1.15em}
.ii .art-txt h2{font-size:clamp(1.5rem,2.4vw,1.9rem);margin-top:1.8em}
.ii .art-txt h3{font-size:1.35rem;margin-top:1.5em}
.ii .art-txt h4{font-size:1.15rem;margin-top:1.3em}
.ii .art-txt a{text-decoration:underline;text-underline-offset:.2em;text-decoration-color:var(--rojo);text-decoration-thickness:2px}
.ii .art-txt ul,.ii .art-txt ol{padding-left:1.4em}
.ii .art-txt li+li{margin-top:.4em}
.ii .art-txt blockquote,.ii .ent-citas blockquote{margin-left:0;margin-right:0;border-left:4px solid var(--rojo);padding:.2rem 0 .2rem 1.25rem;font-family:var(--font-display);font-weight:600;font-size:1.3rem;line-height:1.35}
.ii .art-txt blockquote cite{display:block;margin-top:.5rem;font-family:var(--font-body);font-weight:400;font-style:normal;font-size:.85rem;color:var(--t2)}
.ii .art-txt figure{margin-left:0;margin-right:0}
.ii .art-txt img{height:auto;border-radius:var(--radius-s)}
.ii .art-txt figcaption{margin-top:.5rem;font-size:.82rem;color:var(--t2)}
.ii .art-txt iframe{max-width:100%}
.ii .art-txt .wp-block-embed__wrapper iframe,.ii .art-txt iframe[src*="youtube"]{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:var(--radius-m)}
.ii .art-txt table{width:100%;border-collapse:collapse;font-size:.92rem;font-variant-numeric:tabular-nums}
.ii .art-txt th,.ii .art-txt td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--linea);vertical-align:top}
.ii .art-txt th{border-bottom:2px solid var(--grafito);font-weight:600}
.ii .art-txt hr{border:0;border-top:1px solid var(--linea)}

/* Bloques al pie de la nota */
.ii .art-bloque{padding-top:var(--ritmo-bajada);max-width:70ch}
.ii section.art-bloque{padding-top:var(--ritmo-bajada)}
.ii .art-emps{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.75rem}
.ii .art-bloque .apar a .meta{display:block;margin-top:.3rem;font-family:var(--font-display);font-weight:700}
.ii .art-fuentes{margin:0;padding-left:1.2em;display:grid;gap:.35rem;font-size:.92rem}
.ii .art-fuentes a{text-decoration:underline;text-underline-offset:.2em}
.ii .art-bloque .chips{margin-top:0}
.ii .chips a{font-size:.8rem;font-weight:500;padding:.25rem .75rem;border-radius:99px;border:1px solid var(--linea)}
.ii .chips a:hover{border-color:var(--grafito)}
.ii .art-mas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ritmo-fila)}
.ii .art-mas .card:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--rojo)}
@media(max-width:900px){.ii .art-mas{grid-template-columns:1fr}}

/* Revista: portada real (imagen o PDF) en lugar de la dibujada */
.ii .portada.img{padding:0;background:var(--fondo);border-top:0;overflow:hidden;box-shadow:0 8px 18px #0002}
.ii .portada.img img{width:100%;height:100%;object-fit:cover}
.ii .portada.pdf{position:relative;overflow:hidden}
.ii .portada.pdf iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--blanco);pointer-events:none}
@media(hover:none){.ii .portada.pdf iframe{display:none}}
.ii .portada-a{display:block}
.ii .portada-a:hover .portada{outline:2px solid var(--rojo);outline-offset:3px}
.ii .rcab{grid-template-columns:14rem minmax(0,1fr)}
.ii .rcab .portada{width:100%}
.ii .rcab .acc{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.5rem}
.ii .rsum{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.ii .dos.solo{grid-template-columns:minmax(0,1fr)}
.ii .dos.solo>.datos{max-width:42rem}
.ii .sumario{width:100%;border-collapse:collapse;font-size:.92rem}
.ii .sumario caption{text-align:left;font-family:var(--font-display);font-weight:700;font-size:1.25rem;border-bottom:1px solid var(--grafito);padding-bottom:.5rem;margin-bottom:.25rem}
.ii .sumario th{text-align:left;font-weight:600;padding:.5rem 0;border-bottom:1px solid var(--linea)}
.ii .sumario td{padding:.55rem 0;border-bottom:1px solid var(--linea);vertical-align:top}
.ii .sumario th:last-child,.ii .sumario td:last-child{text-align:right;padding-left:1rem;width:5rem;font-variant-numeric:tabular-nums}
.ii .sumario tr:last-child td{border-bottom:0}
.ii .rev-otras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ritmo-fila)}
.ii .rev-otras .portada{width:100%}
.ii .rev-otras .card:hover h3{text-decoration:underline;text-decoration-color:var(--rojo)}
@media(max-width:900px){.ii .rsum{grid-template-columns:1fr}
.ii .rev-otras{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){.ii .rcab{grid-template-columns:1fr}
.ii .rcab .portada{width:11rem}
}

/* Entrevista */
.ii .ent-video{margin-top:var(--ritmo-bajada);max-width:64rem;aspect-ratio:16/9;border-radius:var(--radius-m);overflow:hidden;background:var(--grafito)}
.ii .ent-video iframe{width:100%;height:100%;border:0;display:block}
.ii .ent-resumen{font-size:1.15rem;line-height:1.55;max-width:70ch}
.ii .ent-citas{display:grid;gap:1.25rem;margin-top:var(--ritmo-bajada);max-width:70ch}
.ii .ent-citas blockquote p{margin:0}
.ii .ent-trans{margin-top:var(--ritmo-bajada);max-width:70ch;border-top:1px solid var(--linea);padding-top:1rem}
.ii .ent-trans summary{cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:1.1rem}
.ii .ent-trans[open] summary{margin-bottom:1rem}
.ii .ent-gente{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.ii .ent-gente b{display:block;font-family:var(--font-display);font-size:1.05rem}
.ii .ent-gente span{font-size:.88rem;color:var(--t2)}
.ii .ent-gente a{text-decoration:underline}

/* ===== Listados: sector, formato, tema, país, productos, entrevistas, revista y búsqueda (octava vuelta, 12-oct-2026) =====
   Sin vista en el mockup: cabecera del artículo (.art-cab) y las tarjetas que ya existen
   (.card, .emp, .prod, .ev, portada de la revista). La raya del H1 toma el color del sector. */
.ii .arch-cab h1::after{background:var(--c,var(--rojo))}
.ii .arch-dir a{font-family:var(--font-display);font-weight:700;font-size:.95rem;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px}
.ii .arch-cab .dbus{margin:0;max-width:40rem}
.ii .arch-lista{margin-top:var(--ritmo-bajada)}
.ii .arch-lista>.subt2~.subt2{margin-top:var(--ritmo-bajada)}
.ii .arch-lista>.pronto{max-width:42rem}
.ii .arch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem var(--ritmo-fila)}
@media(max-width:1000px){.ii .arch{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ii .arch{grid-template-columns:1fr}}

/* Aviso de datos bajo los formularios */
.ii p.legal, .ii .bol p.legal { font-size: .75rem; line-height: 1.4; opacity: .75; margin: .5rem 0 0; }
.ii p.legal a { color: inherit; text-decoration: underline; }

/* ===== Hero de página (aprobado 12-oct-2026; mockup-home/hero-paginas.html) =====
   Franja de 200 px bajo el menú: foto oscurecida, H1 centrado entre dos líneas,
   raya (rojo, o el color del sector en --acento) y una línea. La pinta ii_hero(). */
.ii section.phero{position:relative;height:200px;padding:0;display:grid;align-items:center;overflow:hidden;color:var(--blanco);background:var(--grafito)}
.ii .phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.ii .phero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,31,31,.88),rgba(31,31,31,.62));z-index:1}
.ii .phero .wrap{position:relative;z-index:2;min-width:0;text-align:center}
.ii .phero .cej{display:block;font:600 .72rem var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--t2-b);margin-bottom:.4rem}
.ii .phero .ttl{display:flex;align-items:center;gap:1.5rem;justify-content:center}
.ii .phero .ttl::before,.ii .phero .ttl::after{content:"";flex:1;max-width:260px;height:1px;background:rgba(255,255,255,.55)}
.ii .phero h1{color:var(--blanco);text-transform:uppercase;letter-spacing:.06em;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.05;text-align:center}
.ii .phero .raya{display:block;width:40px;height:4px;background:var(--acento,var(--rojo));margin:.75rem auto 0;border-radius:2px}
.ii .phero p.baj{margin:.6rem auto 0;max-width:46rem;color:var(--t2-b);font-size:1rem;line-height:1.45}
.ii section.tras-hero{padding-top:var(--ritmo-bajada)}
@media (max-width:640px){
  .ii section.phero{height:160px}
  .ii .phero h1{font-size:1.35rem}
  .ii .phero .ttl{gap:.75rem}
  .ii .phero .ttl::before,.ii .phero .ttl::after{max-width:40px}
  .ii .phero p.baj{font-size:.9rem}
}