/* ============================================================
   Zemsania Insights — Página principal y Descargables
   Medidas 1:1 del diseño de Figma (marco 1440 · contenido 1200).
   ============================================================ */

/* ── Tokens ──────────────────────────────────────────────────── */
:root{
  --zin-ink:#141414;
  --zin-grey:#5E5E5E;
  --zin-grey-2:#8A847C;
  --zin-sep:#B8B1A7;
  --zin-line:#E8E3DC;
  --zin-cream:#FAF8F5;
  --zin-tint:#FDEEE8;
  --zin-peach-line:#F7C3AD;
  --zin-orange:#F15C2B;
  --zin-orange-2:#F18822;
  --zin-grad:linear-gradient(90deg,#F15C2B 0%,#F18822 100%);
  --zin-font:'Inter',sans-serif;
  --zin-px:120px;
  --zin-header-h:96px; /* altura de la cabecera fija del tema (la ajusta el JS) */
}

/* ── Reset acotado a la landing ──────────────────────────────── */
.zin-main,.zin-main *,.zin-main *::before,.zin-main *::after,
.zin-modal,.zin-modal *{box-sizing:border-box}
body.zin-landing .zin-main{
  font-family:var(--zin-font);
  font-size:16px;
  line-height:19px;
  color:var(--zin-ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.zin-main img{max-width:100%;height:auto;display:block}
.zin-main :where(ul,ol,dl,dd){list-style:none;margin:0;padding:0}
/* Especificidad baja (0,1,0) a propósito: anula los márgenes del tema pero deja
   mandar a las clases de cada componente, que van después. */
.zin-main :where(h1,h2,h3,h4,p,li,dt,dd){margin:0;padding:0;font-family:var(--zin-font);letter-spacing:normal;text-transform:none;font-style:normal}
body.zin-landing .zin-main a{color:inherit;text-decoration:none}
.zin-main :where(button){font-family:var(--zin-font);background:none;border:0;padding:0;margin:0;cursor:pointer;color:inherit;text-align:left;line-height:inherit;font-size:inherit}
body.zin-landing .zin-main strong{font-weight:600}
body.zin-landing .zin-main [hidden]{display:none !important}
.zin-main .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Títulos: el tema los pinta con degradado; en la landing van en #141414
   (y en blanco sobre la banda naranja del formulario). */
body.zin-landing .zin-main h1,body.zin-landing .zin-main h2,body.zin-landing .zin-main h3,body.zin-landing .zin-main h4{
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;
  color:var(--zin-ink);
}
body.zin-landing .zin-main h2.zin-form__title{color:#fff !important;-webkit-text-fill-color:#fff !important}

/* ── Contenedor y ritmo ──────────────────────────────────────── */
.zin-container{width:100%;max-width:calc(var(--zin-w,1200px) + var(--zin-px) * 2);margin:0 auto;padding:0 var(--zin-px)}
.zin-landing-wrap > * + *{margin-top:8px}           /* 8 px entre secciones, como en Figma */
.zin-main--end{margin-top:8px}
.zin-sec{position:relative;background:#fff}
.zin-sec > .zin-container{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--zin-gap,40px)}
.zin-sec.zin-sec--cream{background:var(--zin-cream)}

/* ── Cabecera de sección ─────────────────────────────────────── */
.zin-head{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
body.zin-landing .zin-main .zin-eb{font-weight:600;color:var(--zin-orange)}
body.zin-landing .zin-main .zin-eb--o13{font-size:13px;line-height:16px}
body.zin-landing .zin-main .zin-eb--o13b{font-size:13px;line-height:16px;letter-spacing:.156px}
body.zin-landing .zin-main .zin-eb--o14{font-size:14px;line-height:17px}
body.zin-landing .zin-main .zin-eb--o14w{font-size:14px;line-height:17px;letter-spacing:.84px}
body.zin-landing .zin-main .zin-eb--grad{
  font-size:14px;line-height:17px;
  background:var(--zin-grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
body.zin-landing .zin-main .zin-h2{font-size:34px;line-height:41px;color:var(--zin-ink)}
body.zin-landing .zin-main .zin-h2--semi{font-weight:600}
body.zin-landing .zin-main .zin-h2--bold{font-weight:700}
body.zin-landing .zin-main .zin-sub{color:var(--zin-grey);font-weight:400}
body.zin-landing .zin-main .zin-sub--a{font-size:18px;line-height:22px;max-width:800px}
body.zin-landing .zin-main .zin-sub--b{font-size:18px;line-height:27px}
body.zin-landing .zin-main .zin-sub--c{font-size:17px;line-height:21px}
body.zin-landing .zin-main .zin-sub--d{font-size:17px;line-height:26px;max-width:820px}
body.zin-landing .zin-main .zin-sub--m{font-size:18px;line-height:22px;max-width:820px}
/* Cabecera de los KPIs: antetítulo con aire, título de 30 px y 10 px de separación */
.zin-head--k{gap:10px}
body.zin-landing .zin-main .zin-eb--k{font-size:14px;line-height:17px;letter-spacing:.5px}
body.zin-landing .zin-main .zin-h2--k{font-size:30px;font-weight:600;line-height:36px}
/* Antetítulos en degradado */
body.zin-landing .zin-main .zin-eb--o14,body.zin-landing .zin-main .zin-eb--k{
  background:var(--zin-grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;align-self:flex-start;
}
body.zin-landing .zin-main .zin-inline-link{color:var(--zin-orange);font-weight:500;text-decoration:underline;text-underline-offset:2px}

/* ── Botones ─────────────────────────────────────────────────── */
body.zin-landing .zin-main .zin-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;
  font-family:var(--zin-font);font-size:16px;font-weight:600;line-height:16px;
  border-radius:100px;padding:16px 30px;border:0;cursor:pointer;white-space:nowrap;
  transition:background .2s,color .2s,border-color .2s;
}
body.zin-landing .zin-main .zin-btn--primary{background:var(--zin-orange);color:#fff}
body.zin-landing .zin-main .zin-btn--primary:hover{background:#D94E1F}
body.zin-landing .zin-main .zin-btn--light{background:#fff;color:var(--zin-ink);border:1.5px solid var(--zin-line)}
body.zin-landing .zin-main .zin-btn--light:hover{border-color:var(--zin-orange)}
body.zin-landing .zin-main .zin-btn--ghost{background:transparent;color:var(--zin-ink);border:1.5px solid var(--zin-ink);font-size:15px;line-height:15px;padding:14px 26px}
body.zin-landing .zin-main .zin-btn--ghost:hover{border-color:var(--zin-orange);color:var(--zin-orange)}
body.zin-landing .zin-main .zin-btn--pill{background:#fff;color:var(--zin-ink);border:1.5px solid var(--zin-line);font-size:15px;line-height:18px;padding:12px 22px}
body.zin-landing .zin-main .zin-btn--pill:hover{border-color:var(--zin-orange)}
body.zin-landing .zin-main .zin-btn--md{font-size:15px;line-height:18px;padding:14px 26px}
body.zin-landing .zin-main .zin-btn--sm{font-size:15px;line-height:18px;padding:13px 24px}

/* Desplegar / plegar */
body.zin-landing .zin-main .zin-toggle{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:17px;color:var(--zin-orange);align-self:flex-start}
.zin-main .zin-ui-icon--down{transition:transform .2s}
.zin-main [aria-expanded="true"] .zin-ui-icon--down{transform:rotate(180deg)}
.zin-main .zin-toggle:focus-visible,.zin-main .zin-acc__trigger:focus-visible,.zin-main .zin-btn:focus-visible{outline:2px solid var(--zin-orange);outline-offset:3px}

/* Piezas pequeñas */
.zin-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--zin-orange)}
.zin-dot--8{width:8px;height:8px}
.zin-dot--12{width:12px;height:12px}
.zin-tile{display:flex;align-items:center;justify-content:center;flex:none}
.zin-tile--44{width:44px;height:44px;border-radius:12px;background:var(--zin-tint)}
.zin-tile--46{width:46px;height:46px;border-radius:12px;background:var(--zin-tint)}
.zin-tile--52{width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid var(--zin-line)}
.zin-main .zin-icon{display:block;flex:none}
body.zin-landing .zin-main .zin-pill-tag{display:inline-flex;padding:5px 12px;border-radius:999px;background:var(--zin-tint);font-size:11px;font-weight:600;line-height:13px;letter-spacing:.66px;color:var(--zin-orange)}
.zin-note{display:flex;gap:12px}
.zin-note__bar{flex:none;width:3px;border-radius:2px;background:var(--zin-orange)}
body.zin-landing .zin-main .zin-note p{font-size:16px;line-height:24px;color:var(--zin-grey)}
body.zin-landing .zin-main .zin-note--ink p{font-weight:500;color:var(--zin-ink)}
.zin-note--grow{flex:1 1 0;min-width:0}

body.zin-no-scroll{overflow:hidden}

/* ── Figuras decorativas ─────────────────────────────────────── */
.zin-landing-wrap,.zin-casos-wrap{position:relative;overflow-x:clip}
@supports not (overflow-x:clip){.zin-landing-wrap{overflow:hidden}}
.zin-casos-wrap{position:relative}
.zin-casos-wrap > section{position:relative;z-index:2}
.zin-deco-layer{position:absolute;inset:0;pointer-events:none;z-index:3}
.zin-deco-layer--clip{overflow:hidden}
.zin-deco-layer--under{z-index:0}
.zin-deco-frame{position:absolute;top:0;left:50%;width:1440px;height:100%;margin-left:-720px}
.zin-main .zin-deco,.zin-casos-wrap .zin-deco{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}

/* ============================================================
   HERO
   ============================================================ */
.zin-hero{padding:calc(var(--zin-header-h) + 44px) 0 72px;background:#fff}
.zin-hero > .zin-container{gap:48px}
.zin-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:17px}
body.zin-landing .zin-main .zin-subnav__label{
  font-size:13px;font-weight:600;line-height:16px;letter-spacing:.4px;
  background:var(--zin-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.zin-subnav__sep{font-size:14px;font-weight:500;line-height:17px;color:var(--zin-sep)}
.zin-subnav__dot{font-size:13px;font-weight:500;line-height:16px;color:var(--zin-grey)}
body.zin-landing .zin-main .zin-subnav__link{font-size:13px;font-weight:500;line-height:16px;color:var(--zin-grey);transition:color .2s}
body.zin-landing .zin-main .zin-subnav__link:hover{color:var(--zin-ink)}
body.zin-landing .zin-main .zin-subnav__link.is-active{
  font-weight:600;letter-spacing:.2px;
  background:var(--zin-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}

.zin-hero__inner{display:flex;align-items:flex-start;gap:64px}
.zin-hero__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
body.zin-landing .zin-main .zin-hero__h1{font-size:50px;font-weight:700;line-height:56px;color:var(--zin-ink);align-self:stretch}
.zin-hero__sp8{display:block;height:8px}
.zin-hero__sp14{display:block;height:14px}
body.zin-landing .zin-main .zin-hero__lead{font-size:19px;line-height:30px;color:var(--zin-ink)}
body.zin-landing .zin-main .zin-hero__apoyo{font-size:17px;line-height:26.86px;color:var(--zin-grey)}
.zin-hero__chips{display:flex;flex-wrap:wrap;gap:8px}
body.zin-landing .zin-main .zin-chip{
  display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 12px;border-radius:100px;
  background:var(--zin-cream);border:1px solid var(--zin-line);font-size:13px;font-weight:500;line-height:16px;color:var(--zin-ink);
}
.zin-chip svg{flex:none;display:block}
.zin-hero__ctas{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}

.zin-hero__media{flex:none}
.zin-hero__media--foto{width:380px;height:480px;border-radius:20px;overflow:hidden;background:var(--zin-cream)}
.zin-main .zin-hero__media--foto img{width:100%;height:100%;object-fit:cover}



/* ============================================================
   PIEZAS COMUNES DE INSIGHTS
   ============================================================ */
.zin-noimg{display:block;background:var(--zin-cream)}
.zin-stretch::after{content:"";position:absolute;inset:0;z-index:1}
.zin-arrow{display:inline-block;transition:transform .2s}
.zin-arrow--r,.zin-arrow--l,.zin-arrow--d{flex:none;width:1em;height:1em;vertical-align:-.14em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11.6M8.8 3.4 13.4 8l-4.6 4.6' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11.6M8.8 3.4 13.4 8l-4.6 4.6' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.zin-arrow--l{transform:scaleX(-1)}
.zin-arrow--d{rotate:90deg}
body.zin-landing .zin-main .zin-type{display:inline-flex;align-items:center;flex:none;padding:4px 9px;border-radius:100px;background:var(--zin-ink);font-size:10px;font-weight:600;line-height:12px;letter-spacing:.5px;color:#fff}
body.zin-landing .zin-main .zin-type--dl{background:var(--zin-grad)}
body.zin-landing .zin-main .zin-cat{font-size:12px;font-weight:600;line-height:15px;color:var(--zin-orange)}
body.zin-landing .zin-main .zin-date{font-size:12px;font-weight:500;line-height:15px;color:var(--zin-grey-2)}
body.zin-landing .zin-main .zin-pill{display:inline-flex;align-items:center;flex:none;padding:6px 12px;border-radius:100px;background:var(--zin-tint);font-size:12px;font-weight:600;line-height:15px;color:var(--zin-orange)}
body.zin-landing .zin-main .zin-pill--sm{padding:5px 10px;font-size:11px;line-height:13px}
body.zin-landing .zin-main .zin-pill--line{background:#fff;border:1px solid var(--zin-line);color:var(--zin-ink);padding:5px 11px}
.zin-gdot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--zin-grad)}
.zin-gdot--7{width:7px;height:7px}
.zin-hexdot{display:inline-block;flex:none;width:12px;height:12px;background:var(--zin-grad);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}
.zin-hexdot--16{width:16px;height:16px}
body.zin-landing .zin-main .zin-link{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;line-height:18px;color:var(--zin-orange)}
body.zin-landing .zin-main .zin-link--ink{color:var(--zin-ink)}
body.zin-landing .zin-main .zin-link--ink .zin-arrow{color:var(--zin-orange)}
body.zin-landing .zin-main .zin-link:hover .zin-arrow,body.zin-landing .zin-main .zin-btn:hover .zin-arrow{transform:translateX(3px)}
body.zin-landing .zin-main .zin-btn--white{background:#fff;color:var(--zin-orange);font-size:15px;line-height:18px;padding:15px 26px}
body.zin-landing .zin-main .zin-btn--grad{background:var(--zin-grad);color:#fff;font-size:15px;line-height:18px;padding:15px 26px}
body.zin-landing .zin-main .zin-btn--outline{background:#fff;color:var(--zin-ink);border:1.5px solid var(--zin-line);font-size:15px;line-height:18px;padding:13px 22px}
body.zin-landing .zin-main .zin-btn--outline .zin-arrow{color:var(--zin-orange)}
body.zin-landing .zin-main .zin-btn--outline:hover{border-color:var(--zin-orange)}
body.zin-landing .zin-main .zin-btn--dark{background:var(--zin-ink);color:#fff}
.zin-cover-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.25) 0%,rgba(20,20,20,.9) 100%)}
.zin-cover-veil--h{background:linear-gradient(90deg,rgba(20,20,20,.9) 0%,rgba(20,20,20,.25) 75%)}
.zin-cover-veil--v{background:linear-gradient(180deg,rgba(20,20,20,.25) 0%,rgba(20,20,20,.88) 100%)}
.zin-cover-bar{position:absolute;left:0;top:0;right:0;height:5px;background:var(--zin-grad)}
.zin-headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.zin-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.zin-cols-1{grid-template-columns:minmax(0,1fr)}
.zin-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.zin-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.zin-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.zin-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}

/* ── Tarjeta de descargable (384 × 480) ─────────────────────── */
.zin-dcard{position:relative;display:flex;flex-direction:column;height:480px;background:#fff;border:1px solid var(--zin-line);border-radius:20px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.zin-dcard:hover{border-color:var(--zin-peach-line);box-shadow:0 18px 40px rgba(51,26,13,.08)}
.zin-main .zin-dcard__cover{flex:none;width:100%;height:216px;object-fit:cover}
.zin-dcard__body{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px}
.zin-dcard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
body.zin-landing .zin-main .zin-dcard__fmt{font-size:12px;font-weight:600;line-height:15px;letter-spacing:.6px;color:var(--zin-grey-2)}
body.zin-landing .zin-main .zin-dcard__title{font-size:20px;font-weight:600;line-height:26px;color:var(--zin-ink)}
body.zin-landing .zin-main .zin-dcard__text{font-size:15px;line-height:22px;color:var(--zin-grey);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.zin-dcard__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--zin-line)}
body.zin-landing .zin-main .zin-dcard__cta{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;line-height:18px;color:var(--zin-orange)}
body.zin-landing .zin-main .zin-dcard__cta .zin-arrow{font-weight:700}
body.zin-landing .zin-main .zin-dcard__free{font-size:13px;font-weight:500;line-height:16px;color:var(--zin-grey-2)}
.zin-dcard:hover .zin-dcard__cta .zin-arrow{transform:translateY(2px)}

/* ── Tarjeta de artículo (384 × 490) ────────────────────────── */
.zin-acard{position:relative;display:flex;flex-direction:column;height:490px;background:#fff;border:1px solid var(--zin-line);border-radius:20px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.zin-acard:hover{border-color:var(--zin-peach-line);box-shadow:0 18px 40px rgba(51,26,13,.08)}
.zin-main .zin-acard__img{flex:none;width:100%;height:216px;object-fit:cover}
.zin-acard__body{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px}
.zin-acard__meta{display:flex;align-items:center;gap:8px}
body.zin-landing .zin-main .zin-acard__title{font-size:20px;font-weight:600;line-height:26px}
body.zin-landing .zin-main .zin-acard__title a:hover{color:var(--zin-orange)}
body.zin-landing .zin-main .zin-acard__text{font-size:15px;line-height:22px;color:var(--zin-grey);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.zin-acard__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--zin-line)}
body.zin-landing .zin-main .zin-acard__date{font-size:13px;font-weight:500;line-height:16px;color:var(--zin-grey-2)}
body.zin-landing .zin-main .zin-acard__cta{font-size:15px;font-weight:600;line-height:18px;color:var(--zin-orange)}

/* ============================================================
   HUB · HERO
   ============================================================ */
.zin-hero__inner--center{align-items:center}
.zin-hero__sp4{display:block;height:4px}
.zin-search{display:flex;align-items:center;gap:12px;align-self:stretch;padding:8px 8px 8px 22px;background:#fff;border:1.5px solid var(--zin-line);border-radius:100px;box-shadow:0 10px 28px rgba(51,26,13,.08);transition:border-color .2s}
.zin-search:focus-within{border-color:var(--zin-orange)}
.zin-search__icon{display:flex;flex:none}
body.zin-landing .zin-main .zin-search__input{flex:1 1 auto;min-width:0;height:44px;border:0;outline:0;background:none;padding:0;margin:0;font-family:var(--zin-font);font-size:16px;line-height:19px;color:var(--zin-ink);box-shadow:none}
.zin-search__input::placeholder{color:var(--zin-grey-2);opacity:1}
body.zin-landing .zin-main .zin-search__btn{flex:none;padding:13px 24px;border-radius:100px;background:var(--zin-orange);font-size:15px;font-weight:600;line-height:18px;color:#fff;text-align:center}
body.zin-landing .zin-main .zin-search__btn:hover{background:#D94E1F}
.zin-hero__access{display:flex;flex-wrap:wrap;gap:12px}
body.zin-landing .zin-main .zin-btn--access{padding:13px 24px}
.zin-arrow--o{color:var(--zin-orange)}
.zin-popular{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
body.zin-landing .zin-main .zin-popular__label{font-size:12px;font-weight:500;line-height:16px;color:var(--zin-grey)}
body.zin-landing .zin-main .zin-chip-sm{display:inline-flex;padding:4px 10px;border-radius:100px;background:var(--zin-cream);border:1px solid var(--zin-line);font-size:12px;font-weight:500;line-height:15px;color:var(--zin-ink);transition:border-color .2s}
body.zin-landing .zin-main .zin-chip-sm:hover{border-color:var(--zin-orange)}
/* Collage: último artículo + descargable destacado (460 × 480) */
.zin-hcollage{position:relative;flex:none;width:460px;height:480px}
.zin-hcollage__bg{position:absolute;left:60px;top:30px;width:400px;height:420px;border-radius:28px;background:var(--zin-cream);border:1px solid var(--zin-line)}
.zin-hcollage__hex{position:absolute;left:300px;top:-30px;width:260px;height:260px;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 0 102 102'%3E%3Cpath d='M50 4.6c2.5-1.4 5.5-1.4 8 0l34.2 19.8c2.5 1.4 4 4.1 4 6.9v39.4c0 2.9-1.5 5.5-4 6.9L58 97.4c-2.5 1.4-5.5 1.4-8 0L15.8 77.6c-2.5-1.4-4-4.1-4-6.9V31.3c0-2.9 1.5-5.5 4-6.9z' fill='none' stroke='%23F57342' stroke-opacity='.18' stroke-width='.6' stroke-linejoin='round' transform='rotate(30 54 51)'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.zin-hcollage__post{position:absolute;left:20px;top:70px;width:300px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--zin-line);border-radius:20px;overflow:hidden;box-shadow:0 20px 44px rgba(51,26,13,.16);z-index:1}
.zin-main .zin-hcollage__img{width:100%;height:170px;object-fit:cover}
.zin-hcollage__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
.zin-hcollage__meta{display:flex;align-items:center;gap:8px}
body.zin-landing .zin-main .zin-hcollage__title{font-size:17px;font-weight:600;line-height:22px;color:var(--zin-ink)}
body.zin-landing .zin-main .zin-hcollage__min{font-size:12px;font-weight:500;line-height:15px;color:var(--zin-grey-2)}
.zin-hcollage__cover{position:absolute;left:250px;top:180px;width:200px;height:268px;border-radius:14px;overflow:hidden;transform:rotate(4deg);transform-origin:0 0;box-shadow:0 20px 44px rgba(51,26,13,.24);z-index:2}
.zin-main .zin-hcollage__cimg{width:100%;height:100%;object-fit:cover}
.zin-hcollage__badge{position:absolute;left:16px;top:18px}
body.zin-landing .zin-main .zin-hcollage__fmt{position:absolute;left:16px;top:176px;font-size:11px;font-weight:600;line-height:13px;letter-spacing:.6px;color:var(--zin-orange-2)}
body.zin-landing .zin-main .zin-hcollage__ctitle{position:absolute;left:16px;top:196px;width:168px;font-size:20px;font-weight:700;line-height:24px;color:#fff}

/* ============================================================
   HUB · RECIÉN PUBLICADO
   ============================================================ */
.zin-sec.zin-hub-feed{padding:80px 0 72px}
.zin-hub-feed > .zin-container{--zin-gap:32px}
.zin-tabs{display:flex;flex-wrap:wrap;gap:8px}
body.zin-landing .zin-main .zin-tab{padding:10px 18px;border-radius:100px;background:#fff;border:1px solid var(--zin-line);font-size:14px;font-weight:600;line-height:17px;color:var(--zin-ink);transition:border-color .2s,background .2s,color .2s}
body.zin-landing .zin-main .zin-tab:hover{border-color:var(--zin-orange)}
body.zin-landing .zin-main .zin-tab.is-active{background:var(--zin-ink);border-color:var(--zin-ink);color:#fff}
.zin-feed{display:flex;align-items:center;gap:32px}
.zin-feed__big{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.zin-main .zin-feed__bimg{width:100%;height:340px;object-fit:cover;border-radius:20px}
.zin-feed__bthumb{position:relative;display:block;width:100%;border-radius:20px;overflow:hidden}
.zin-feed__bthumb.is-dl::after{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:var(--zin-grad)}
.zin-main .zin-feed__bthumb .zin-feed__bimg{display:block;border-radius:0}
.zin-feed__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body.zin-landing .zin-main .zin-feed__btitle{font-size:28px;font-weight:600;line-height:34px}
body.zin-landing .zin-main .zin-feed__bex{font-size:17px;line-height:26px;color:var(--zin-grey)}
.zin-feed__list{flex:0 0 560px;display:flex;flex-direction:column}
.zin-feed__item{position:relative;display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--zin-line)}
.zin-feed__item:first-child{padding-top:0}
.zin-feed__item:last-child{padding-bottom:0;border-bottom:0}
.zin-feed__thumb{position:relative;flex:none;width:150px;height:104px;border-radius:14px;overflow:hidden}
.zin-feed__thumb.is-dl::after{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--zin-grad)}
.zin-main .zin-feed__timg{width:100%;height:100%;object-fit:cover}
.zin-feed__txt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
body.zin-landing .zin-main .zin-feed__title{font-size:17px;font-weight:600;line-height:22px;color:var(--zin-ink);text-align:left}
body.zin-landing .zin-main .zin-feed__item:hover .zin-feed__title{color:var(--zin-orange)}
body.zin-landing .zin-main .zin-feed__sub{font-size:12px;font-weight:500;line-height:15px;color:var(--zin-grey-2)}

/* ============================================================
   HUB · DOS FORMAS DE APRENDER
   ============================================================ */
.zin-sec.zin-hub-pilares{padding:72px 0}
.zin-hub-pilares > .zin-container{--zin-gap:36px}
.zin-pillars{display:grid;gap:24px}
.zin-pillar{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:523px;padding:40px;border-radius:24px;overflow:hidden}
.zin-pillar--dl{background:var(--zin-grad);color:#fff}
.zin-pillar--blog{background:#fff;border:1.5px solid var(--zin-orange)}
.zin-pillar__hex{position:absolute;left:430px;top:-170px;width:320px;height:320px;transform-origin:0 0;transform:rotate(-30deg);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 320'%3E%3Cpath d='M135.1 14.9Q160.0 0.5 184.9 14.9L273.3 65.9Q298.2 80.3 298.2 109.0L298.2 211.0Q298.2 239.7 273.3 254.1L184.9 305.1Q160.0 319.5 135.1 305.1L46.7 254.1Q21.8 239.7 21.8 211.0L21.8 109.0Q21.8 80.3 46.7 65.9Z' stroke-linejoin='round' fill='none' stroke='%23fff' stroke-opacity='.18' stroke-width='1'/%3E%3C/svg%3E") no-repeat;pointer-events:none}
body.zin-landing .zin-main .zin-pillar__count{display:inline-flex;padding:6px 12px;border-radius:100px;font-size:12px;font-weight:600;line-height:15px;letter-spacing:.6px;text-transform:uppercase}
body.zin-landing .zin-main .zin-pillar--dl .zin-pillar__count{background:rgba(255,255,255,.18);color:#fff}
body.zin-landing .zin-main .zin-pillar--blog .zin-pillar__count{background:var(--zin-tint);color:var(--zin-orange)}
body.zin-landing .zin-main .zin-pillar__title{font-size:30px;font-weight:600;line-height:36px}
body.zin-landing .zin-main .zin-pillar--dl .zin-pillar__title{color:#fff !important;-webkit-text-fill-color:#fff !important}
body.zin-landing .zin-main .zin-pillar__text{max-width:440px;font-size:17px;line-height:26px}
body.zin-landing .zin-main .zin-pillar--dl .zin-pillar__text{color:#fff;opacity:.92}
body.zin-landing .zin-main .zin-pillar--blog .zin-pillar__text{color:var(--zin-grey)}
.zin-pillar__covers{position:relative;display:block;align-self:stretch;height:190px}
.zin-pillar__cover{position:absolute;top:14px;transform-origin:0 0;width:120px;height:160px;border-radius:10px;overflow:hidden;box-shadow:0 14px 30px rgba(77,26,0,.3)}
.zin-pillar__cover::after{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:#fff}
.zin-pillar__cover:nth-child(1){left:0;top:14px;transform:rotate(6deg)}
.zin-pillar__cover:nth-child(2){left:118px;top:6px;transform:rotate(-3deg)}
.zin-pillar__cover:nth-child(3){left:236px;top:16px;transform:rotate(2deg)}
.zin-main .zin-pillar__cimg{width:100%;height:100%;object-fit:cover}
.zin-pillar__grow{flex:1 1 auto}
.zin-pillar__list{align-self:stretch;display:flex;flex-direction:column}
.zin-pillar__list li{border-top:1px solid var(--zin-line)}
.zin-pillar__list a{display:flex;align-items:center;gap:14px;padding:14px 0}
.zin-pillar__lt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}
body.zin-landing .zin-main .zin-pillar__lcat{font-size:11px;font-weight:600;line-height:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--zin-orange)}
body.zin-landing .zin-main .zin-pillar__ltitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;line-height:21px;color:var(--zin-ink);transition:color .2s}
.zin-pillar__list a:hover .zin-pillar__ltitle{color:var(--zin-orange)}
.zin-pillar__list .zin-arrow{flex:none;font-size:18px;font-weight:600;line-height:22px;color:var(--zin-orange)}

/* ============================================================
   HUB · GUÍAS, BLOG Y TEMAS
   ============================================================ */
.zin-sec.zin-hub-guias,.zin-sec.zin-hub-blog{padding:72px 0}
.zin-hub-guias > .zin-container,.zin-hub-blog > .zin-container{--zin-gap:32px}
.zin-sec.zin-hub-temas{padding:72px 0}
.zin-hub-temas > .zin-container{--zin-gap:36px}
.zin-topics{display:grid;gap:16px}
.zin-topic{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:255px;padding:26px 22px 22px;background:#fff;border:1px solid var(--zin-line);border-radius:18px}
.zin-topic__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--zin-tint)}
body.zin-landing .zin-main .zin-topic__title{font-size:17px;font-weight:600;line-height:22px}
body.zin-landing .zin-main .zin-topic__text{font-size:14px;line-height:20px;color:var(--zin-grey)}
.zin-topic__grow{display:none}
.zin-topic__links{display:flex;flex-wrap:wrap;gap:6px 12px;align-self:stretch;margin-right:-8px;padding-top:12px;border-top:1px solid var(--zin-line)}
body.zin-landing .zin-main .zin-topic__links a{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:13px;font-weight:600;line-height:16px;color:var(--zin-orange)}
body.zin-landing .zin-main .zin-topic__links a:hover{text-decoration:underline;text-underline-offset:2px}

/* ============================================================
   DESCARGABLES · HERO (portadas en abanico 440 × 480)
   ============================================================ */
.zin-fan{position:relative;flex:none;width:440px;height:480px;border-radius:24px;background:var(--zin-cream);border:1px solid var(--zin-line);overflow:hidden}
.zin-fan__hex{position:absolute;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M42.4 5.4Q50.0 1.0 57.6 5.4L84.8 21.1Q92.4 25.5 92.4 34.3L92.4 65.7Q92.4 74.5 84.8 78.9L57.6 94.6Q50.0 99.0 42.4 94.6L15.2 78.9Q7.6 74.5 7.6 65.7L7.6 34.3Q7.6 25.5 15.2 21.1Z' stroke-linejoin='round' fill='none' stroke='%23F57342' stroke-opacity='.18' stroke-width='.5' transform='rotate(30 50 50)'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.zin-fan__hex--1{left:300px;top:-60px;width:300px;height:300px}
.zin-fan__hex--2{left:-90px;top:330px;width:230px;height:230px}
.zin-fan__cover{position:absolute;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(51,26,13,.22)}
.zin-fan__cover--3{left:30px;top:120px;width:210px;height:280px;transform:rotate(-8deg);transform-origin:0 0}
.zin-fan__cover--2{left:210px;top:70px;width:210px;height:280px;transform:rotate(7deg);transform-origin:0 0}
.zin-fan__cover--1{left:110px;top:110px;width:230px;height:306px}
.zin-main .zin-fan__img{width:100%;height:100%;object-fit:cover}
.zin-fan__mark{position:absolute;left:8%;top:8%;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;line-height:13px;color:#fff}
.zin-fan__cover--1 .zin-fan__mark{font-size:12px}
body.zin-landing .zin-main .zin-fan__tag{position:absolute;left:8%;top:52%;font-size:10px;font-weight:600;line-height:12px;letter-spacing:.6px;color:var(--zin-orange-2)}
body.zin-landing .zin-main .zin-fan__title{position:absolute;left:8%;right:8%;top:calc(52% + 20px);font-size:18px;font-weight:700;line-height:20px;color:#fff}
.zin-fan__cover--1 .zin-fan__tag{font-size:10px}
.zin-fan__cover--1 .zin-fan__title{font-size:19px;line-height:22px}
.zin-fan__badge{position:absolute;left:24px;top:416px;display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 14px;border-radius:100px;background:#fff;border:1px solid var(--zin-line);font-size:13px;font-weight:600;line-height:16px;color:var(--zin-ink);z-index:3}

/* ============================================================
   DESCARGABLES · DESTACADO
   ============================================================ */
.zin-sec.zin-desc-destacado{padding:72px 0}
.zin-desc-destacado > .zin-container{--zin-gap:40px}
.zin-feat{display:flex;align-items:center;gap:56px}
.zin-feat__cover{position:relative;flex:none;width:560px;height:360px;border-radius:20px;overflow:hidden;box-shadow:0 24px 56px rgba(51,26,13,.18)}
.zin-main .zin-feat__img{width:100%;height:100%;object-fit:cover}
.zin-feat__mark{position:absolute;left:36px;top:34px;display:flex;align-items:center;gap:7px;font-size:16px;font-weight:700;line-height:19px;color:#fff}
body.zin-landing .zin-main .zin-feat__new{position:absolute;right:36px;top:30px;padding:7px 14px;border-radius:100px;background:var(--zin-grad);font-size:12px;font-weight:600;line-height:15px;letter-spacing:.6px;color:#fff}
body.zin-landing .zin-main .zin-feat__ctag{position:absolute;left:36px;top:196px;font-size:13px;font-weight:600;line-height:16px;letter-spacing:.8px;color:var(--zin-orange-2)}
body.zin-landing .zin-main .zin-feat__ctitle{position:absolute;left:36px;top:220px;width:330px;font-size:26px;font-weight:700;line-height:31px;color:#fff}
.zin-feat__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.zin-feat__chips{display:flex;flex-wrap:wrap;gap:8px}
body.zin-landing .zin-main .zin-feat__title{font-size:34px;font-weight:600;line-height:41px}
body.zin-landing .zin-main .zin-feat__desc{font-size:17px;line-height:26px;color:var(--zin-grey)}
.zin-feat__list{display:flex;flex-direction:column;gap:10px}
.zin-feat__list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:21px;color:var(--zin-ink)}
.zin-feat__sp{display:block;height:6px}
.zin-feat__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.zin-minis{display:grid;gap:24px}
.zin-mini{position:relative;display:flex;align-items:center;gap:24px;padding:20px 24px 20px 20px;background:#fff;border:1px solid var(--zin-line);border-radius:20px;transition:border-color .2s}
.zin-mini:hover{border-color:var(--zin-peach-line)}
.zin-main .zin-mini__img{flex:none;width:220px;height:160px;object-fit:cover;border-radius:14px}
.zin-mini__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
body.zin-landing .zin-main .zin-mini__title{font-size:20px;font-weight:600;line-height:26px}
body.zin-landing .zin-main .zin-mini__desc{font-size:15px;line-height:22px;color:var(--zin-grey)}
body.zin-landing .zin-main .zin-mini__cta{margin-top:4px}

/* ============================================================
   DESCARGABLES · CARRUSEL
   ============================================================ */
.zin-sec.zin-desc-catalogo{padding:80px 0 72px}
.zin-carousel{display:flex;flex-direction:column;gap:32px}
.zin-arrows{display:flex;align-items:center;gap:12px;flex:none}
body.zin-landing .zin-main .zin-arrows__count{margin-right:8px;font-size:14px;font-weight:500;line-height:17px;color:var(--zin-grey);white-space:nowrap}
body.zin-landing .zin-main .zin-arrows__btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff;border:1px solid var(--zin-line);font-size:18px;font-weight:600;line-height:22px;color:var(--zin-ink);transition:background .2s,border-color .2s,color .2s}
body.zin-landing .zin-main .zin-arrows__btn--next{background:var(--zin-ink);border-color:var(--zin-ink);color:#fff}
body.zin-landing .zin-main .zin-arrows__btn:disabled{background:#fff;border-color:var(--zin-line);color:var(--zin-sep);cursor:default}
body.zin-landing .zin-main .zin-arrows__btn:not(:disabled):hover{border-color:var(--zin-orange)}
.zin-filters{display:flex;flex-wrap:wrap;gap:8px}
body.zin-landing .zin-main .zin-filter{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 18px;border-radius:100px;background:#fff;border:1px solid var(--zin-line);font-size:14px;font-weight:600;line-height:17px;color:var(--zin-ink);transition:border-color .2s}
body.zin-landing .zin-main .zin-filter:hover{border-color:var(--zin-orange)}
.zin-filter__n{display:inline-flex;padding:2px 7px;border-radius:100px;background:var(--zin-cream);font-size:11px;font-weight:600;line-height:13px;color:var(--zin-grey)}
body.zin-landing .zin-main .zin-filter.is-active{background:var(--zin-ink);border-color:var(--zin-ink);color:#fff}
.zin-filter.is-active .zin-filter__n{background:var(--zin-orange);color:#fff}
/* La pista llega hasta el borde derecho de la pantalla (las tarjetas asoman). */
.zin-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
  margin-right:calc((100% - 100vw) / 2);padding-right:calc((100vw - 100%) / 2);scroll-padding-left:0;outline:0}
.zin-track::-webkit-scrollbar{display:none}
.zin-track > .zin-dcard{flex:0 0 384px;width:384px;scroll-snap-align:start}
.zin-track > .zin-dcard[hidden]{display:none}
.zin-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}
.zin-progress{position:relative;height:4px;margin-top:8px;border-radius:2px;background:var(--zin-line);overflow:hidden}
.zin-progress__bar{position:absolute;left:0;top:0;height:100%;width:37.5%;border-radius:2px;background:var(--zin-grad);transition:left .25s,width .25s}

/* ============================================================
   POPUP DE DESCARGA (920 × 577)
   ============================================================ */
.zin-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;font-family:var(--zin-font)}
.zin-modal[hidden]{display:none}
.zin-modal__backdrop{position:absolute;inset:0;background:rgba(18,15,13,.6);cursor:pointer}
.zin-modal__box{position:relative;display:flex;width:920px;max-width:100%;max-height:calc(100vh - 48px);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.25)}
.zin-modal__visual{position:relative;flex:0 0 360px;min-height:577px;background:linear-gradient(160deg,#F18822 0%,#F15C2B 100%);overflow:hidden}
.zin-modal__hex{position:absolute;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M42.4 5.4Q50.0 1.0 57.6 5.4L84.8 21.1Q92.4 25.5 92.4 34.3L92.4 65.7Q92.4 74.5 84.8 78.9L57.6 94.6Q50.0 99.0 42.4 94.6L15.2 78.9Q7.6 74.5 7.6 65.7L7.6 34.3Q7.6 25.5 15.2 21.1Z' stroke-linejoin='round' fill='none' stroke='%23fff' stroke-opacity='.28' stroke-width='.6' transform='rotate(30 50 50)'/%3E%3C/svg%3E") no-repeat center/100% 100%}
.zin-modal__hex--1{left:-60px;top:-70px;width:260px;height:260px}
.zin-modal__hex--2{left:-40px;top:484px;width:150px;height:150px}
.zin-modal__hex--3{left:270px;top:504px;width:90px;height:90px}
.zin-modal .zin-modal__cover{position:absolute;left:32px;top:36px;width:296px;height:286px;max-width:none;object-fit:cover;border-radius:12px;box-shadow:0 16px 32px rgba(0,0,0,.35)}
.zin-modal .zin-modal__fmt{position:absolute;left:32px;top:346px;right:32px;margin:0;font-size:12px;font-weight:600;line-height:15px;letter-spacing:1.44px;color:rgba(255,255,255,.85)}
.zin-modal .zin-modal__ctitle{position:absolute;left:32px;top:369px;right:32px;margin:0;font-size:22px;font-weight:600;line-height:28px;color:#fff}
.zin-modal__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:20px;padding:48px 48px 40px;overflow-y:auto}
.zin-modal__head{display:flex;flex-direction:column;gap:10px}
.zin-modal .zin-modal__eb{margin:0;font-size:13px;font-weight:600;line-height:16px;letter-spacing:.78px;color:var(--zin-orange)}
.zin-modal .zin-modal__title{margin:0;font-size:30px;font-weight:600;line-height:35.4px;color:#171717;background:none;-webkit-text-fill-color:currentColor}
.zin-modal .zin-modal__text{margin:0;font-size:17px;line-height:25.5px;color:var(--zin-grey);opacity:.85}
.zin-modal__form{min-height:260px;display:flex;flex-direction:column}
.zin-modal .zin-modal__legal{margin:0;font-size:12px;line-height:16.8px;color:var(--zin-grey)}
.zin-modal__done{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;border-radius:16px;background:var(--zin-cream)}
.zin-modal .zin-modal__done-title{margin:0;font-size:22px;font-weight:600;line-height:28px;color:var(--zin-ink)}
.zin-modal .zin-modal__done-text{margin:0;font-size:16px;line-height:24px;color:var(--zin-grey)}
.zin-modal .zin-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 30px;border-radius:100px;font-size:16px;font-weight:600;line-height:16px;text-decoration:none}
.zin-modal .zin-btn--dark{background:var(--zin-ink);color:#fff}
.zin-modal__close{position:absolute;right:16px;top:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:#F5F2F0;font-family:var(--zin-font);font-size:22px;line-height:27px;color:#333;cursor:pointer;z-index:2}
.zin-modal__close:hover{background:#ECE7E3}

/* ============================================================
   FORMULARIO — banda naranja · 2 columnas · gap 64
   ============================================================ */
.zin-form{padding:64px 0;background:var(--zin-grad);color:#fff;overflow:hidden}
.zin-form > .zin-container{display:block}
.zin-form__inner{display:flex;gap:64px;align-items:stretch}
.zin-form__left{flex:0 0 536px;min-width:0;display:flex;flex-direction:column;gap:16px}
.zin-form__media{width:100%;height:287px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.14)}
.zin-main .zin-form__media img{width:100%;height:287px;object-fit:cover}
body.zin-landing .zin-main .zin-form__title{font-size:36px;font-weight:600;line-height:41.76px}
body.zin-landing .zin-main .zin-form__text{font-size:18px;line-height:27px;color:#fff;opacity:.92}
.zin-form__right{flex:1 1 0;min-width:0;display:flex}
.zin-form__embed{flex:1;display:flex;flex-direction:column;gap:18px;min-height:472px;padding:32px;background:#fff;border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.14);color:var(--zin-ink)}
.zin-form__embed .hs-form-frame{width:100%}
.zin-form__placeholder{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 16px;text-align:center;font-size:14px;color:var(--zin-grey)}
body.zin-landing .zin-main .zin-form__legal{margin-top:auto;font-size:12px;line-height:16.8px;color:var(--zin-grey)}


/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1280px){
  :root{--zin-px:56px}
  body.zin-landing .zin-main .zin-hero__h1{font-size:44px;line-height:50px}
  .zin-feed__list{flex-basis:46%}
  .zin-feat{gap:40px}
  .zin-feat__cover{width:46%;height:auto;aspect-ratio:560/360}
  .zin-form__left{flex:1 1 0}
  .zin-mini{flex-direction:column;align-items:stretch}
  .zin-main .zin-mini__img{width:100%;height:auto;aspect-ratio:220/160}
}

@media (max-width:1024px){
  :root{--zin-px:40px}
  .zin-deco-layer{display:none}
  .zin-hero__inner,.zin-hero__inner--center{flex-direction:column;align-items:flex-start;gap:40px}
  .zin-hero__content{flex:none;width:100%}
  .zin-hcollage,.zin-fan{align-self:center}
  body.zin-landing .zin-main .zin-hero__h1{font-size:40px;line-height:46px}
  body.zin-landing .zin-main .zin-hero__lead{font-size:17px;line-height:27px}
  body.zin-landing .zin-main .zin-hero__apoyo{font-size:16px;line-height:25px}
  body.zin-landing .zin-main .zin-h2,body.zin-landing .zin-main .zin-feat__title{font-size:28px;line-height:34px}
  .zin-feed{flex-direction:column;align-items:stretch}
  .zin-feed__list{flex:none}
  .zin-pillars.zin-cols-2,.zin-pillars.zin-cols-3{grid-template-columns:minmax(0,1fr)}
  .zin-pillar{min-height:0}
  .zin-topic{min-height:0}
  .zin-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zin-grid3 > :nth-child(3){display:none}
  .zin-topics.zin-cols-5,.zin-topics.zin-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .zin-feat{flex-direction:column;align-items:stretch}
  .zin-feat__cover{width:100%}
  .zin-headrow{flex-wrap:wrap}
  .zin-form__inner{flex-direction:column;gap:40px}
  .zin-form__left,.zin-form__right{flex:none;width:100%}
  .zin-modal__visual{display:none}
}

@media (max-width:760px){
  .zin-minis.zin-cols-2{grid-template-columns:minmax(0,1fr)}
  .zin-grid3{grid-template-columns:minmax(0,1fr)}
  .zin-grid3 > :nth-child(3){display:flex}
  .zin-topics.zin-cols-5,.zin-topics.zin-cols-4,.zin-topics.zin-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zin-headrow--carousel .zin-arrows{display:none}
}

@media (max-width:640px){
  :root{--zin-px:20px}
  .zin-hero{padding-bottom:56px}
  body.zin-landing .zin-main .zin-hero__h1{font-size:34px;line-height:40px}
  body.zin-landing .zin-main .zin-h2,body.zin-landing .zin-main .zin-feat__title{font-size:26px;line-height:32px}
  body.zin-landing .zin-main .zin-sub--a{font-size:16px;line-height:24px}
  .zin-sec.zin-hub-feed,.zin-sec.zin-hub-pilares,.zin-sec.zin-hub-guias,.zin-sec.zin-hub-blog,.zin-sec.zin-hub-temas,
  .zin-sec.zin-desc-destacado,.zin-sec.zin-desc-catalogo,.zin-form{padding:48px 0}
  .zin-hero__ctas,.zin-hero__ctas .zin-btn{width:100%}
  .zin-search{padding-left:16px}
  body.zin-landing .zin-main .zin-search__btn{padding:13px 18px}
  .zin-popular__label{flex-basis:100%}
  /* Collage y abanico: escalan con el ancho de la pantalla */
  .zin-hcollage{width:100%;max-width:460px;height:auto;aspect-ratio:460/480}
  .zin-hcollage > *{zoom:var(--zin-k,.76)}
  .zin-fan{width:100%;max-width:440px;height:auto;aspect-ratio:440/480}
  .zin-fan > *{zoom:var(--zin-k,.8)}
  .zin-feed__bimg{height:auto !important;aspect-ratio:588/340}
  body.zin-landing .zin-main .zin-feed__btitle{font-size:22px;line-height:28px}
  .zin-feed__thumb{width:96px;height:72px;border-radius:10px}
  .zin-feed__item{gap:14px}
  body.zin-landing .zin-main .zin-feed__title{font-size:15px;line-height:20px}
  .zin-pillar{padding:28px 22px}
  body.zin-landing .zin-main .zin-pillar__title{font-size:26px;line-height:32px}
  .zin-pillar__covers{height:180px}
  .zin-pillar__cover{width:100px;height:134px}
  .zin-pillar__cover:nth-child(2){left:96px}
  .zin-pillar__cover:nth-child(3){left:192px}
  .zin-topics.zin-cols-5,.zin-topics.zin-cols-4,.zin-topics.zin-cols-3,.zin-topics.zin-cols-2{grid-template-columns:minmax(0,1fr)}
  .zin-btn--outline{align-self:flex-start}
  .zin-feat__cover{aspect-ratio:auto;height:300px}
  body.zin-landing .zin-main .zin-feat__ctitle{width:auto;right:24px;left:24px;top:auto;bottom:24px;font-size:22px;line-height:27px}
  body.zin-landing .zin-main .zin-feat__ctag{left:24px;top:auto;bottom:112px}
  .zin-feat__mark{left:24px;top:24px}
  body.zin-landing .zin-main .zin-feat__new{right:24px;top:22px}
  .zin-mini{padding:16px}
  .zin-track > .zin-dcard{flex-basis:84%;width:84%}
  .zin-acard,.zin-dcard{height:auto;min-height:440px}
  body.zin-landing .zin-main .zin-form__title{font-size:28px;line-height:33px}
  .zin-form__embed{padding:24px;min-height:0}
  .zin-modal{padding:12px}
  .zin-modal__content{padding:32px 22px 24px}
  .zin-modal .zin-modal__title{font-size:24px;line-height:29px;padding-right:36px}
}

@media (prefers-reduced-motion:reduce){
  .zin-main *{transition:none !important;scroll-behavior:auto !important}
}

/* ============================================================
   VÍDEO EN LUGAR DE IMAGEN (archivo o YouTube / Vimeo)
   Ocupa el mismo hueco y tamaño que la imagen.
   ============================================================ */
.zin-main video{display:block;max-width:100%}
.zin-embed{position:relative;display:block;overflow:hidden;background:#141414}
.zin-embed iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;border:0;transform:translate(-50%,-50%);pointer-events:none}
.zin-embed iframe{width:max(100%,177.78cqh);height:max(100%,56.25cqw)}
.zin-embed{container-type:size}
.zin-hero__media--foto > video,.zin-hero__media--foto > .zin-embed{width:100%;height:100%;object-fit:cover}
.zin-form__media > video,.zin-form__media > .zin-embed{width:100%;height:287px;object-fit:cover}


/* ============================================================
   MONITORES GRANDES (≥ 1400 px): el contenido se alinea con la
   cabecera y el pie del tema (contenedor de 1320 px − 24 px de
   márgenes = 1296 px) para que no quede aire de más a los lados.
   Las figuras decorativas se abren lo mismo hacia fuera.
   ============================================================ */
@media (min-width:1400px){
  :root{--zin-w:1296px;--zin-wide:48px}
}

/* «Ver más»: enlace a la landing del descargable, por encima del enlace que abre el popup. */
.zin-vermas{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:18px;color:var(--zin-ink)}
.zin-vermas:hover{color:var(--zin-orange)}
.zin-dl-ctas{display:inline-flex;flex-wrap:wrap;align-items:center;gap:24px}
.zin-vermas--sm{font-size:12px;line-height:15px;margin-left:10px;color:var(--zin-grey)}
.zin-vermas--sm .zin-arrow{transform:scale(.8)}
.zin-hub-guias .zin-dcard{border:1px solid var(--zin-line)}
/* Hover de los descargables: igual que las tarjetas del blog (contorno naranja y sombra). */
.zin-hub-guias .zin-dcard:hover{border-color:var(--zin-peach-line);box-shadow:0 18px 40px rgba(51,26,13,.08)}

/* Destacado de Insights descargables: tres secundarios en fila, con la portada arriba. */
.zin-minis.zin-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.zin-minis.zin-cols-3 .zin-mini{flex-direction:column;align-items:stretch;gap:18px;padding:16px 16px 22px}
.zin-minis.zin-cols-3 .zin-mini__img{width:100%;height:auto;aspect-ratio:16/10}
.zin-minis.zin-cols-3 .zin-mini__title{font-size:18px;line-height:24px}
@media (max-width:1024px){.zin-minis.zin-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.zin-minis.zin-cols-3{grid-template-columns:minmax(0,1fr)}}

/* Portadas de «Insights descargables» con el mismo tratamiento que la del hero: velo, barra naranja, formato y título. */
.zin-pillar__cover::after{content:none}
.zin-pillar__cover .zin-cover-bar{height:4px}
.zin-pillar__ctxt{position:absolute;left:9px;right:9px;bottom:10px;z-index:2;display:flex;flex-direction:column;gap:4px}
.zin-pillar__cfmt{font-size:8px;font-weight:600;line-height:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--zin-orange-2)}
.zin-pillar__ctitle{font-size:11px;font-weight:700;line-height:13px;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}