/* ============================================================
   Zemsania Landings Data — Data, Analytics & AI · Data Services
   Medidas 1:1 del diseño de Figma (marco 1440 · contenido 1200).
   ============================================================ */

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

/* ── Reset acotado a la landing ──────────────────────────────── */
.zda-main,.zda-main *,.zda-main *::before,.zda-main *::after,
.zda-modal,.zda-modal *{box-sizing:border-box}
body.zda-landing .zda-main{
  font-family:var(--zda-font);
  font-size:16px;
  line-height:19px;
  color:var(--zda-ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.zda-main img{max-width:100%;height:auto;display:block}
.zda-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. */
.zda-main :where(h1,h2,h3,h4,p,li,dt,dd){margin:0;padding:0;font-family:var(--zda-font);letter-spacing:normal;text-transform:none;font-style:normal}
body.zda-landing .zda-main a{color:inherit;text-decoration:none}
.zda-main :where(button){font-family:var(--zda-font);background:none;border:0;padding:0;margin:0;cursor:pointer;color:inherit;text-align:left;line-height:inherit;font-size:inherit}
body.zda-landing .zda-main strong{font-weight:600}
body.zda-landing .zda-main [hidden]{display:none !important}
.zda-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.zda-landing .zda-main h1,body.zda-landing .zda-main h2,body.zda-landing .zda-main h3,body.zda-landing .zda-main h4{
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;
  color:var(--zda-ink);
}
body.zda-landing .zda-main h2.zda-form__title{color:#fff !important;-webkit-text-fill-color:#fff !important}

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

/* ── Cabecera de sección ─────────────────────────────────────── */
.zda-head{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
body.zda-landing .zda-main .zda-eb{font-weight:600;color:var(--zda-orange)}
body.zda-landing .zda-main .zda-eb--o13{font-size:13px;line-height:16px}
body.zda-landing .zda-main .zda-eb--o13b{font-size:13px;line-height:16px;letter-spacing:.156px}
body.zda-landing .zda-main .zda-eb--o14{font-size:14px;line-height:17px;letter-spacing:.07px}
body.zda-landing .zda-main .zda-eb--o14w{font-size:14px;line-height:17px;letter-spacing:.84px}
body.zda-landing .zda-main .zda-eb--grad{
  font-size:14px;line-height:17px;
  background:var(--zda-grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
body.zda-landing .zda-main .zda-h2{font-size:34px;line-height:41px;color:var(--zda-ink)}
body.zda-landing .zda-main .zda-h2--semi{font-weight:600}
body.zda-landing .zda-main .zda-h2--bold{font-weight:700}
body.zda-landing .zda-main .zda-sub{color:var(--zda-grey);font-weight:400}
body.zda-landing .zda-main .zda-sub--a{font-size:18px;line-height:22px;max-width:800px}
body.zda-landing .zda-main .zda-sub--b{font-size:18px;line-height:27px}
body.zda-landing .zda-main .zda-sub--c{font-size:17px;line-height:21px}
body.zda-landing .zda-main .zda-sub--d{font-size:17px;line-height:26px;max-width:820px}
body.zda-landing .zda-main .zda-inline-link{color:var(--zda-orange);font-weight:500;text-decoration:underline;text-underline-offset:2px}

/* ── Botones ─────────────────────────────────────────────────── */
body.zda-landing .zda-main .zda-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;
  font-family:var(--zda-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.zda-landing .zda-main .zda-btn--primary{background:var(--zda-orange);color:#fff}
body.zda-landing .zda-main .zda-btn--primary:hover{background:#D94E1F}
body.zda-landing .zda-main .zda-btn--light{background:#fff;color:var(--zda-ink);border:1.5px solid var(--zda-line)}
body.zda-landing .zda-main .zda-btn--light:hover{border-color:var(--zda-orange)}
body.zda-landing .zda-main .zda-btn--ghost{background:transparent;color:var(--zda-ink);border:1.5px solid var(--zda-ink);font-size:15px;line-height:15px;padding:14px 26px}
body.zda-landing .zda-main .zda-btn--ghost:hover{border-color:var(--zda-orange);color:var(--zda-orange)}
body.zda-landing .zda-main .zda-btn--pill{background:#fff;color:var(--zda-ink);border:1.5px solid var(--zda-line);font-size:15px;line-height:18px;padding:12px 22px}
body.zda-landing .zda-main .zda-btn--pill:hover{border-color:var(--zda-orange)}
body.zda-landing .zda-main .zda-btn--md{font-size:15px;line-height:18px;padding:14px 26px}
body.zda-landing .zda-main .zda-btn--sm{font-size:15px;line-height:18px;padding:13px 24px}

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

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

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

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


/* ── Miga de las landings de Data ── */
.zda-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:17px}
body.zda-landing .zda-main .zda-subnav__label{
  font-size:13px;font-weight:600;line-height:16px;letter-spacing:.052px;
  background:var(--zda-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.zda-subnav__sep{font-size:14px;font-weight:500;line-height:17px;color:var(--zda-sep)}
.zda-subnav__dot{font-size:13px;font-weight:500;line-height:16px;color:var(--zda-grey)}
body.zda-landing .zda-main .zda-subnav__link{font-size:13px;font-weight:500;line-height:16px;color:var(--zda-grey);transition:color .2s}
body.zda-landing .zda-main .zda-subnav__link:hover{color:var(--zda-ink)}
body.zda-landing .zda-main .zda-subnav__link.is-active{font-weight:600;color:var(--zda-orange)}

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

/* ── Casos de éxito del tema: aire arriba y abajo ── */
.zda-casos-wrap,#main.zda-casos-wrap{padding-top:72px;padding-bottom:72px}

/* ============================================================
   DATA v3 — secciones seguidas, sin separación
   ============================================================ */
:root{--zda-green:#17994D;--zda-green-l:#E7F6ED;--zda-red:#C83C2D;--zda-red-l:#FCECE9}
.zda-landing-wrap > * + *{margin-top:0}
.zda-main--end{margin-top:0}
.zda3-sec{padding:88px 0}
.zda3-sec > .zda-container{--zda-gap:48px}
.zda3-sint,.zda3-dama,.zda3-preg,.zda3-princs,.zda3-cmp,.zda3-mad{background:#fff}
.zda3-capas,.zda3-tabla,.zda3-fases,.zda3-piezas{background:var(--zda-cream)}

/* Cabecera de sección */
.zda4-head{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.zda4-head--center{align-items:center;text-align:center}
body.zda-landing .zda-main .zda4-eb,body.zda-landing .zda-main .zda3-eb{font-size:13px;font-weight:600;line-height:16px;letter-spacing:1.3px;color:var(--zda-orange)}
body.zda-landing .zda-main .zda4-h2{font-size:36px;font-weight:700;line-height:44px;color:var(--zda-ink);max-width:900px}
body.zda-landing .zda-main .zda4-sub{font-size:17px;line-height:27px;color:var(--zda-grey);max-width:820px}
body.zda-landing .zda-main .zda4-head--center .zda4-h2{max-width:820px}
body.zda-landing .zda-main .zda4-head--center .zda4-sub{max-width:720px}

/* Botones */
body.zda-landing .zda-main .zda3-btn{background:var(--zda-orange);color:#fff;font-size:15px;line-height:18px;padding:13px 24px;border-radius:999px}
body.zda-landing .zda-main .zda3-btn:hover{background:#D94E1F}
body.zda-landing .zda-main .zda3-btn--outline{background:transparent;color:var(--zda-ink);border:1.5px solid var(--zda-ink);padding:11.5px 22.5px}
body.zda-landing .zda-main .zda3-btn--outline:hover{background:var(--zda-ink);color:#fff}

/* Piezas pequeñas */
.zda3-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--zda-tint)}
.zda3-ico--36{width:36px;height:36px}
.zda3-ico--40{width:40px;height:40px}
.zda3-ico--44{width:44px;height:44px}
.zda3-ico--48{width:48px;height:48px}
.zda3-ico--white{background:#fff}
.zda3-okdot,.zda3-xdot{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--zda-green-l)}
.zda3-okdot--o{background:var(--zda-tint)}
.zda3-okdot--26,.zda3-xdot--26{width:26px;height:26px}
.zda3-xdot{background:var(--zda-cream)}
.zda3-xdot--white{background:#fff;width:20px;height:20px}
.zda3-xdot--red{background:var(--zda-red-l)}
.zda-main .zda3-okdot svg,.zda-main .zda3-xdot svg,.zda-main .zda3-ico svg{display:block}
body.zda-landing .zda-main .zda3-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid var(--zda-line);background:#fff;font-size:12px;font-weight:600;line-height:15px;color:var(--zda-ink);white-space:nowrap}
body.zda-landing .zda-main .zda3-chip--warm{padding:6px 12px;background:var(--zda-cream);font-size:13px;line-height:16px}
body.zda-landing .zda-main .zda3-chip--sm{font-size:11px;line-height:13px}
.zda3-chips{display:flex;flex-wrap:wrap;gap:8px}
body.zda-landing .zda-main .zda3-mini{font-size:11px;font-weight:600;line-height:13px;letter-spacing:1.1px;color:var(--zda-orange)}
body.zda-landing .zda-main .zda3-mini--grey{color:var(--zda-grey-2)}
body.zda-landing .zda-main .zda3-okpill{flex:none;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--zda-green-l);font-size:11px;font-weight:600;line-height:13px;font-style:normal;color:var(--zda-green);white-space:nowrap}
body.zda-landing .zda-main .zda3-okpill--ico{padding:5px 10px 5px 8px}
body.zda-landing .zda-main .zda3-okpill--md{gap:6px;padding:6px 12px 6px 10px;font-size:12px;line-height:15px}
body.zda-landing .zda-main .zda3-okpill--sm{padding:2px 8px;font-size:10px;line-height:12px}
body.zda-landing .zda-main .zda3-gradtag{display:inline-flex;padding:4px 10px;border-radius:999px;background:var(--zda-grad);font-size:10px;font-weight:700;line-height:12px;letter-spacing:.8px;font-style:normal;color:#fff}
.zda3-glow{position:absolute;width:520px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(241,92,43,.18),rgba(241,92,43,0));pointer-events:none}

/* Avisos flotantes */
.zda3-toast{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(20,15,10,.12);white-space:nowrap}
.zda3-toast i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--zda-orange)}
.zda3-toast i.is-green{background:var(--zda-green)}
.zda3-toast > span{display:flex;flex-direction:column;gap:1px}
body.zda-landing .zda-main .zda3-toast b{font-size:12px;font-weight:600;line-height:15px;color:var(--zda-ink)}
body.zda-landing .zda-main .zda3-toast small{font-size:11px;line-height:13px;color:var(--zda-grey)}

/* ── Hero ───────────────────────────────────────────────────── */
.zda3-hero{position:relative;overflow:hidden;padding:calc(var(--zda-header-h) + 32px) 0 72px;background:var(--zda-cream)}
.zda3-hero > .zda-container{--zda-gap:48px}
body.zda-landing .zda-main .zda3-subnav .zda-subnav__label{letter-spacing:1.3px}
.zda3-subnav .zda-subnav__sep{font-size:13px;line-height:16px;color:var(--zda-grey)}
.zda3-hero__row{display:flex;align-items:center;gap:56px}
.zda3-hero--estrategia-dato .zda3-hero__row,.zda3-hero--gobierno-dato .zda3-hero__row{gap:64px}
.zda3-hero__text{flex:0 0 560px;max-width:560px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
body.zda-landing .zda-main .zda3-hero__h1{font-size:46px;font-weight:700;line-height:54px;color:var(--zda-ink)}
body.zda-landing .zda-main .zda3-hero__lead{max-width:540px;font-size:18px;line-height:28px;color:var(--zda-grey)}
.zda3-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}
.zda3-hero__tech{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-top:12px}
body.zda-landing .zda-main .zda3-hero__tech-label{font-size:13px;font-weight:500;line-height:16px;color:var(--zda-grey-2)}
.zda3-hero__points{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:12px}
body.zda-landing .zda-main .zda3-hero__points li{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:16px;color:var(--zda-ink)}
.zda3-hero__points .zda3-okdot{width:18px;height:18px}
.zda3-hero__visual{position:relative;flex:none}

/* Data Management · capas del dato */
.zda3-stack{position:relative;width:584px;height:440px}
.zda3-stack .zda3-glow{left:60px;top:10px}
.zda3-layer{position:absolute;display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--zda-line);border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(20,15,10,.08)}
.zda3-layer--1{left:150px;top:8px;width:380px;opacity:.75}
.zda3-layer--2{left:110px;top:78px;width:420px;opacity:.9}
.zda3-layer > span:last-child,.zda3-dash__title,.zda3-flow__step > span,.zda3-plan__row > span:last-child,.zda3-ficha__name{display:flex;flex-direction:column;gap:2px;min-width:0}
body.zda-landing .zda-main .zda3-layer b{font-size:14px;font-weight:600;line-height:17px;color:var(--zda-ink)}
body.zda-landing .zda-main .zda3-layer small{font-size:12px;line-height:15px;color:var(--zda-grey)}
.zda3-dash{position:absolute;left:60px;top:152px;width:470px;display:flex;flex-direction:column;gap:14px;padding:22px 24px;border:1px solid var(--zda-line);border-radius:22px;background:#fff;box-shadow:0 24px 50px rgba(20,15,10,.14)}
.zda3-dash__head{display:flex;align-items:center;gap:12px}
.zda3-dash__title{flex:1 1 0}
body.zda-landing .zda-main .zda3-dash__title b{font-size:14px;font-weight:600;line-height:17px}
body.zda-landing .zda-main .zda3-dash__title small{font-size:12px;line-height:15px;color:var(--zda-grey)}
.zda3-dash__kpi{display:flex;align-items:baseline;gap:10px}
body.zda-landing .zda-main .zda3-dash__kpi b{font-size:30px;font-weight:700;line-height:36px;color:var(--zda-ink)}
body.zda-landing .zda-main .zda3-dash__kpi span{font-size:12px;font-weight:600;line-height:15px;color:var(--zda-green)}
.zda3-bars{display:flex;align-items:flex-end;justify-content:space-between;height:110px}
.zda3-bars i{display:block;width:36px;border-radius:6px;background:var(--zda-orange)}
.zda3-bars i.is-last{background:var(--zda-grad)}
.zda3-dash__labels{display:flex;justify-content:space-between}
body.zda-landing .zda-main .zda3-dash__labels span{font-size:11px;font-weight:500;line-height:13px;color:var(--zda-grey-2)}
.zda3-toast--a{left:392px;top:128px}
.zda3-toast--b{left:0;top:380px}

/* Estrategia · foto + plan */
.zda3-photo{position:relative;width:576px;height:460px}
.zda-main .zda3-photo__img{position:absolute;left:76px;top:0;width:500px;height:440px;border-radius:28px;object-fit:cover}
.zda3-plan{position:absolute;left:0;top:226px;width:300px;display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;background:#fff;box-shadow:0 20px 50px rgba(20,15,10,.16)}
body.zda-landing .zda-main .zda3-plan__title{font-size:15px;font-weight:700;line-height:18px}
.zda3-plan__row{display:flex;align-items:center;gap:10px}
body.zda-landing .zda-main .zda3-plan__row b{font-size:13px;font-weight:600;line-height:16px}
body.zda-landing .zda-main .zda3-plan__row small{font-size:11px;line-height:13px;color:var(--zda-grey)}
.zda3-plan__row > span:last-child{gap:0}
.zda3-toast--plan{left:370px;top:24px}

/* Gobierno · ficha del dato */
.zda3-ficha-wrap{position:relative;width:576px;height:440px}
.zda3-ficha-wrap .zda3-glow{left:40px;top:10px}
.zda3-ficha{position:absolute;left:40px;top:24px;width:480px;display:flex;flex-direction:column;gap:16px;padding:24px 26px;border:1px solid var(--zda-line);border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(20,15,10,.14)}
.zda3-ficha__head{display:flex;align-items:center;gap:12px}
.zda3-ficha__name{flex:1 1 0}
body.zda-landing .zda-main .zda3-ficha__name b{font-size:17px;font-weight:700;line-height:21px}
body.zda-landing .zda-main .zda3-ficha__name small{font-size:12px;line-height:15px;color:var(--zda-grey)}
.zda3-ficha__def{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--zda-cream)}
body.zda-landing .zda-main .zda3-ficha__def small,body.zda-landing .zda-main .zda3-ficha__lin > small,body.zda-landing .zda-main .zda3-ficha__meta small{font-size:10px;font-weight:600;line-height:12px;letter-spacing:1px;color:var(--zda-orange)}
body.zda-landing .zda-main .zda3-ficha__def p{font-size:13px;font-weight:500;line-height:19px;color:var(--zda-ink)}
.zda3-ficha__meta{display:flex;gap:12px}
.zda3-ficha__meta > div{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--zda-line);border-radius:12px}
body.zda-landing .zda-main .zda3-ficha__meta small,body.zda-landing .zda-main .zda3-ficha__lin > small{color:var(--zda-grey-2)}
body.zda-landing .zda-main .zda3-ficha__meta b{font-size:15px;font-weight:700;line-height:18px}
body.zda-landing .zda-main .zda3-ficha__meta span{font-size:11px;line-height:13px;color:var(--zda-grey)}
.zda3-ficha__lin{display:flex;flex-direction:column;gap:8px}
.zda3-lin{display:flex;align-items:center;gap:8px}
body.zda-landing .zda-main .zda3-lin__node{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 10px;border-radius:999px;background:var(--zda-cream);font-size:12px;font-weight:600;line-height:15px;white-space:nowrap}
.zda3-lin__node.is-last{background:var(--zda-tint)}
.zda3-toast--g1{left:372px;top:0}
.zda3-toast--g2{left:0;top:372px}

/* ── Síntomas (Data Management) ────────────────────────────── */
.zda3-sint__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.zda3-sint__card{display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:20px;background:var(--zda-cream)}
body.zda-landing .zda-main .zda3-sint__q{font-size:21px;font-weight:700;line-height:29px}
.zda3-sint__a{display:flex;flex-direction:column;gap:6px;padding-top:18px;border-top:1px solid var(--zda-line)}
body.zda-landing .zda-main .zda3-sint__a p:last-child{font-size:15px;line-height:23px;color:var(--zda-grey)}

/* ── Tres capas · pestañas (Data Management) ───────────────── */
.zda3-tabs{display:flex;align-items:flex-start;gap:24px}
.zda3-tabs__list{flex:0 0 360px;display:flex;flex-direction:column;gap:10px}
body.zda-landing .zda-main .zda3-tab{display:flex;align-items:center;gap:16px;width:100%;padding:20px;border:1px solid var(--zda-line);border-radius:16px;background:transparent;transition:background .2s,border-color .2s,box-shadow .2s}
body.zda-landing .zda-main .zda3-tab:hover{border-color:var(--zda-peach-line)}
body.zda-landing .zda-main .zda3-tab.is-active{background:#fff;border-color:var(--zda-orange);box-shadow:0 10px 30px rgba(20,15,10,.08)}
body.zda-landing .zda-main .zda3-tab__num{flex:none;font-size:14px;font-weight:700;line-height:17px;color:var(--zda-grey-2)}
body.zda-landing .zda-main .zda3-tab.is-active .zda3-tab__num{color:var(--zda-orange)}
.zda3-tab__txt{flex:1 1 0;display:flex;flex-direction:column;gap:3px;min-width:0}
body.zda-landing .zda-main .zda3-tab__txt b{font-size:18px;font-weight:700;line-height:22px;color:var(--zda-ink)}
body.zda-landing .zda-main .zda3-tab__txt small{font-size:14px;line-height:17px;color:var(--zda-grey)}
.zda3-tab .zda-ui-icon{flex:none;opacity:0;transition:opacity .2s}
.zda3-tab.is-active .zda-ui-icon{opacity:1}
.zda3-tab:focus-visible{outline:2px solid var(--zda-orange);outline-offset:3px}
.zda3-panel{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:24px;padding:36px 40px;border:1px solid var(--zda-line);border-radius:24px;background:#fff}
.zda3-panel__head{display:flex;align-items:center;gap:16px}
.zda3-panel__head > div{display:flex;flex-direction:column;gap:4px}
body.zda-landing .zda-main .zda3-panel__title{font-size:24px;font-weight:700;line-height:29px}
body.zda-landing .zda-main .zda3-panel__text{max-width:600px;font-size:15px;line-height:23px;color:var(--zda-grey)}
.zda3-panel__cols{display:flex;gap:32px}
.zda3-panel__inc{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px}
.zda3-panel__inc ul{display:flex;flex-direction:column;gap:12px}
body.zda-landing .zda-main .zda3-panel__inc li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;line-height:18px;color:var(--zda-ink)}
.zda3-panel__tech{flex:0 0 250px;display:flex;flex-direction:column;gap:12px}
.zda3-flow{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:16px;background:var(--zda-cream)}
.zda3-flow__step{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;border:1px solid var(--zda-line);border-radius:12px;background:#fff}
.zda3-flow > .zda-ui-icon{flex:none}
body.zda-landing .zda-main .zda3-flow__step b{font-size:13px;font-weight:600;line-height:16px}
body.zda-landing .zda-main .zda3-flow__step small{font-size:11px;line-height:13px;color:var(--zda-grey)}
.zda3-flow__step > span{gap:1px}

/* ── DAMA (Data Management) ────────────────────────────────── */
.zda3-dama__row{display:flex;align-items:center;gap:72px}
.zda3-wheel{position:relative;flex:none;width:500px;height:500px}
.zda3-wheel__ring{position:absolute;left:50px;top:50px;width:400px;height:400px;border-radius:50%;border:1.5px dashed var(--zda-line)}
.zda3-wheel__halo{position:absolute;left:125px;top:125px;width:250px;height:250px;border-radius:50%;background:rgba(241,92,43,.06)}
.zda3-wheel__core{position:absolute;left:165px;top:165px;width:170px;height:170px;border-radius:50%;background:var(--zda-grad);box-shadow:0 16px 40px rgba(20,15,10,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
body.zda-landing .zda-main .zda3-wheel__core b{font-size:18px;font-weight:700;line-height:22px;color:#fff}
body.zda-landing .zda-main .zda3-wheel__core small{font-size:14px;font-weight:500;line-height:17px;color:rgba(255,255,255,.9)}
body.zda-landing .zda-main .zda3-wheel__area{position:absolute;transform:translate(-50%,-50%);padding:7px 12px;border:1px solid var(--zda-line);border-radius:999px;background:#fff;box-shadow:0 6px 14px rgba(20,15,10,.06);font-size:12px;font-weight:600;line-height:15px;color:var(--zda-ink);white-space:nowrap}
.zda3-dama__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:28px}
body.zda-landing .zda-main .zda3-dama__text .zda4-h2,body.zda-landing .zda-main .zda3-dama__text .zda4-sub{max-width:560px}
.zda3-princ li{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--zda-line)}
body.zda-landing .zda-main .zda3-princ b{flex:0 0 130px;font-size:16px;font-weight:700;line-height:19px}
body.zda-landing .zda-main .zda3-princ span:last-child{flex:1 1 0;font-size:15px;line-height:18px;color:var(--zda-grey)}

/* ── Datagentis ────────────────────────────────────────────── */
.zda3-dg{position:relative;overflow:hidden;padding:96px 0;background:var(--zda-ink);color:#fff}
.zda3-dg__glow{position:absolute;left:calc(50% + 0px);top:-180px;width:900px;height:760px;border-radius:50%;background:radial-gradient(closest-side,rgba(241,92,43,.32),rgba(241,92,43,0));pointer-events:none}
.zda3-dg__hex{position:absolute;pointer-events:none}
.zda3-dg__hex--a{left:calc(50% + 570px);top:-230px;width:420px;height:420px;opacity:.07}
.zda3-dg__hex--b{left:calc(50% - 810px);top:420px;width:260px;height:260px;opacity:.06}
.zda3-dg > .zda-container{position:relative;z-index:2}
.zda3-dg__row{display:flex;align-items:center;gap:72px}
.zda3-dg__text{flex:0 0 540px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.zda-main .zda3-dg__logo{width:236px;height:auto;margin-bottom:24px}
body.zda-landing .zda-main .zda3-dg__eb{font-size:13px;font-weight:600;line-height:16px;letter-spacing:1.3px;color:var(--zda-orange-2)}
body.zda-landing .zda-main h2.zda3-dg__title{font-size:36px;font-weight:700;line-height:44px;color:#fff !important;-webkit-text-fill-color:#fff !important}
body.zda-landing .zda-main .zda3-dg__lead{max-width:520px;font-size:17px;line-height:27px;color:rgba(255,255,255,.72)}
.zda3-dg__stats{display:flex;gap:32px;padding:8px 0}
.zda3-dg__stat{display:flex;align-items:center;gap:12px}
body.zda-landing .zda-main .zda3-dg__stat b{font-size:44px;font-weight:700;line-height:53px;background:var(--zda-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
body.zda-landing .zda-main .zda3-dg__stat span{width:150px;font-size:13px;font-weight:500;line-height:19px;color:rgba(255,255,255,.75)}
.zda3-dg__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding-top:4px}
body.zda-landing .zda-main .zda3-dg__link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;line-height:17px;color:rgba(255,255,255,.8)}
body.zda-landing .zda-main .zda3-dg__link:hover{color:#fff}
.zda3-console{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.04)}
.zda3-console__head{display:flex;align-items:center;gap:10px;padding:0 4px 4px}
body.zda-landing .zda-main .zda3-console__head > span{flex:1 1 0;font-size:15px;font-weight:600;line-height:18px;color:#fff}
body.zda-landing .zda-main .zda3-console__live{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(74,222,128,.14);font-size:11px;font-weight:600;line-height:13px;font-style:normal;color:#4ADE80}
.zda3-console__live i,.zda3-agent__st i{width:6px;height:6px;border-radius:50%;background:#4ADE80}
.zda3-agent{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:rgba(255,255,255,.04)}
.zda3-agent__ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:rgba(241,92,43,.16)}
.zda3-agent__txt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px}
body.zda-landing .zda-main .zda3-agent__txt b{font-size:15px;font-weight:700;line-height:18px;color:#fff}
body.zda-landing .zda-main .zda3-agent__txt small{font-size:13px;line-height:19px;color:rgba(255,255,255,.62)}
body.zda-landing .zda-main .zda3-agent__st{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.06);font-size:11px;font-weight:600;line-height:13px;font-style:normal;color:rgba(255,255,255,.85)}
.zda3-agent__st i{background:var(--zda-orange-2)}
.zda3-console__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 4px 0}
body.zda-landing .zda-main .zda3-console__foot span{font-size:12px;font-weight:500;line-height:15px;color:rgba(255,255,255,.55)}
body.zda-landing .zda-main .zda3-console__foot em{padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.07);font-size:11px;font-weight:600;line-height:13px;font-style:normal;color:rgba(255,255,255,.85)}

/* ── Tabla antes / después (Data Management) ───────────────── */
.zda3-table{border:1px solid var(--zda-line);border-radius:24px;background:#fff;overflow:hidden}
.zda3-table__row{display:flex;align-items:center;gap:32px;padding:22px 32px;border-top:1px solid var(--zda-line)}
.zda3-table__row--head{padding:16px 32px;border-top:0;background:var(--zda-cream)}
.zda3-table__row > *{flex:1 1 0;min-width:0}
.zda3-table__row > :first-child{flex:0 0 300px}
body.zda-landing .zda-main .zda3-table__row--head span{font-size:11px;font-weight:600;line-height:13px;letter-spacing:1.1px;color:var(--zda-grey-2)}
body.zda-landing .zda-main .zda3-table__row--head span.is-hl{color:var(--zda-orange)}
.zda3-table__sit{display:flex;align-items:center;gap:14px}
body.zda-landing .zda-main .zda3-table__sit b{font-size:17px;font-weight:700;line-height:21px}
.zda3-table__cell{display:flex;align-items:center;gap:10px}
body.zda-landing .zda-main .zda3-table__cell > span:last-child{font-size:15px;line-height:22px;color:var(--zda-grey)}
body.zda-landing .zda-main .zda3-table__cell.is-hl > span:last-child{font-weight:500;color:var(--zda-ink)}

/* ── Preguntas (Estrategia) ────────────────────────────────── */
.zda3-preg__row{display:flex;align-items:flex-start;gap:64px}
.zda3-preg__side{flex:0 0 380px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.zda3-preg__grid{flex:1 1 0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.zda3-preg__card{display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:20px;background:var(--zda-cream)}
body.zda-landing .zda-main .zda3-preg__card h3{font-size:20px;font-weight:700;line-height:27px}
body.zda-landing .zda-main .zda3-preg__card p{font-size:15px;line-height:23px;color:var(--zda-grey)}

/* ── Fases (Estrategia) ────────────────────────────────────── */
.zda3-steps{display:flex;flex-direction:column}
.zda3-step{display:flex;align-items:flex-start;gap:32px;padding-bottom:20px}
.zda3-step:not(:last-child){min-height:166px}
.zda3-step:last-child{padding-bottom:0}
.zda3-step__rail{position:relative;flex:0 0 56px;display:flex;justify-content:center}
.zda3-step:not(:last-child) .zda3-step__rail::after{content:"";position:absolute;top:56px;bottom:-20px;left:27px;width:2px;background:var(--zda-line)}
body.zda-landing .zda-main .zda3-step__num{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:1.5px solid var(--zda-orange);background:#fff;font-size:18px;font-weight:700;line-height:22px;color:var(--zda-orange)}
body.zda-landing .zda-main .zda3-step.is-first .zda3-step__num{border:0;background:var(--zda-grad);color:#fff}
.zda3-step__card{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:24px;padding:24px 28px;border:1px solid var(--zda-line);border-radius:20px;background:#fff}
.zda3-step__txt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px}
body.zda-landing .zda-main .zda3-step__txt h3{font-size:20px;font-weight:700;line-height:24px}
body.zda-landing .zda-main .zda3-step__txt p{font-size:15px;line-height:23px;color:var(--zda-grey)}
.zda3-step__ent{flex:0 0 260px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:var(--zda-cream)}
body.zda-landing .zda-main .zda3-step__ent small{font-size:10px;font-weight:600;line-height:12px;letter-spacing:1.1px;color:var(--zda-orange)}
body.zda-landing .zda-main .zda3-step__ent b{font-size:14px;font-weight:600;line-height:20px}
.zda3-fases__note{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}
body.zda-landing .zda-main .zda3-fases__note span{font-size:14px;font-weight:500;line-height:17px;color:var(--zda-grey)}

/* ── Principios (Estrategia) ───────────────────────────────── */
.zda3-princs__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.zda3-princs__item{display:flex;flex-direction:column;gap:16px;padding-top:28px;border-top:3px solid var(--zda-orange)}
.zda3-princs__top{display:flex;align-items:center;gap:14px}
body.zda-landing .zda-main .zda3-princs__top b{font-size:40px;font-weight:700;line-height:48px;background:var(--zda-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
body.zda-landing .zda-main .zda3-princs__item h3{font-size:22px;font-weight:700;line-height:27px}
body.zda-landing .zda-main .zda3-princs__item > p:last-child{font-size:16px;line-height:25px;color:var(--zda-grey)}

/* ── Comparativa (Gobierno) ────────────────────────────────── */
.zda3-cmp__row{display:flex;gap:24px}
.zda3-cmp__card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:24px}
.zda3-cmp__card--sin{background:var(--zda-cream)}
.zda3-cmp__card--con{background:#fff;border:1.5px solid var(--zda-orange);box-shadow:0 20px 50px rgba(20,15,10,.10)}
.zda3-cmp__head{display:flex;align-items:center;gap:10px}
body.zda-landing .zda-main .zda3-cmp__head b{font-size:20px;font-weight:700;line-height:24px}
.zda3-cmp__nums{display:flex;gap:12px}
.zda3-cmp__num{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--zda-line);border-radius:14px;background:#fff}
body.zda-landing .zda-main .zda3-cmp__num small{font-size:12px;font-weight:500;line-height:15px;color:var(--zda-grey)}
body.zda-landing .zda-main .zda3-cmp__num b{font-size:22px;font-weight:700;line-height:27px}
body.zda-landing .zda-main .zda3-cmp__num em{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;line-height:13px;font-style:normal;color:var(--zda-red)}
.zda3-cmp__list{display:flex;flex-direction:column;gap:20px}
body.zda-landing .zda-main .zda3-cmp__list li{display:flex;align-items:center;gap:10px;font-size:15px;line-height:18px;color:var(--zda-grey)}
body.zda-landing .zda-main .zda3-cmp__list--ok li{font-weight:500;color:var(--zda-ink)}
.zda3-cmp__list--ok .zda3-okdot{width:20px;height:20px}
.zda3-cmp__one{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;background:var(--zda-cream)}
.zda3-cmp__one > span{flex:1 1 0;display:flex;flex-direction:column;gap:4px}
body.zda-landing .zda-main .zda3-cmp__one small{font-size:12px;font-weight:500;line-height:15px;color:var(--zda-grey)}
body.zda-landing .zda-main .zda3-cmp__one b{font-size:30px;font-weight:700;line-height:36px}

/* ── Cuatro piezas (Gobierno) ──────────────────────────────── */
.zda3-piezas__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.zda3-pieza{display:flex;align-items:flex-start;gap:24px;padding:28px;border:1px solid var(--zda-line);border-radius:24px;background:#fff}
.zda3-pieza__txt{flex:0 0 230px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
body.zda-landing .zda-main .zda3-pieza__txt h3{font-size:20px;font-weight:700;line-height:24px}
body.zda-landing .zda-main .zda3-pieza__txt p{font-size:14px;line-height:21px;color:var(--zda-grey)}
.zda3-mini-ui{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:var(--zda-cream)}
.zda3-qbar{display:flex;flex-direction:column;gap:6px}
.zda3-qbar p{display:flex;justify-content:space-between}
body.zda-landing .zda-main .zda3-qbar p b{font-size:12px;font-weight:600;line-height:15px}
body.zda-landing .zda-main .zda3-qbar p span{font-size:12px;font-weight:700;line-height:15px}
body.zda-landing .zda-main .zda3-qbar p span.is-ok{color:var(--zda-green)}
body.zda-landing .zda-main .zda3-qbar p span.is-warn{color:var(--zda-orange)}
.zda3-qbar i{display:block;height:6px;border-radius:3px;background:var(--zda-line);overflow:hidden}
.zda3-qbar em{display:block;height:6px;border-radius:3px;background:var(--zda-green)}
.zda3-qbar em.is-warn{background:var(--zda-grad)}
.zda3-term{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--zda-line);border-radius:12px;background:#fff}
.zda3-term p:first-child{display:flex;align-items:center;gap:8px}
body.zda-landing .zda-main .zda3-term p:first-child b{font-size:14px;font-weight:700;line-height:17px}
body.zda-landing .zda-main .zda3-term p:nth-child(2){font-size:12px;line-height:17px;color:var(--zda-grey)}
body.zda-landing .zda-main .zda3-term small{font-size:11px;font-weight:500;line-height:13px;color:var(--zda-grey-2)}
.zda3-role{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--zda-line);border-radius:10px;background:#fff}
body.zda-landing .zda-main .zda3-role b{flex:1 1 0;font-size:13px;font-weight:600;line-height:16px}
.zda3-switch{position:relative;flex:none;display:block;width:32px;height:18px;border-radius:9px;background:var(--zda-line)}
.zda3-switch::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff}
.zda3-switch.is-on{background:var(--zda-orange)}
.zda3-switch.is-on::after{left:16px}
.zda3-lineage{display:flex;flex-direction:column;gap:12px}
.zda3-lineage__step{display:flex;align-items:center;gap:10px}
.zda3-lineage__dot{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--zda-line);background:#fff}
.zda3-lineage__step.is-last .zda3-lineage__dot{background:var(--zda-tint)}
.zda3-lineage__step > span:last-child{display:flex;flex-direction:column}
body.zda-landing .zda-main .zda3-lineage__step b{font-size:13px;font-weight:600;line-height:16px}
body.zda-landing .zda-main .zda3-lineage__step small{font-size:11px;line-height:13px;color:var(--zda-grey)}

/* ── Madurez (Gobierno) ────────────────────────────────────── */
.zda3-mad__head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}
body.zda-landing .zda-main .zda3-mad__head .zda4-h2{max-width:700px}
body.zda-landing .zda-main .zda3-mad__head .zda4-sub{max-width:640px}
.zda3-stairs{display:flex;align-items:flex-end;gap:16px}
.zda3-stair{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:24px;border-radius:20px;background:var(--zda-cream)}
.zda3-stair--1{min-height:200px}
.zda3-stair--2{min-height:250px}
.zda3-stair--3{min-height:300px;background:var(--zda-tint)}
.zda3-stair--4{min-height:350px;background:var(--zda-grad)}
body.zda-landing .zda-main .zda3-stair small{font-size:11px;font-weight:600;line-height:13px;letter-spacing:1.1px;color:var(--zda-orange)}
body.zda-landing .zda-main .zda3-stair h3{font-size:22px;font-weight:700;line-height:27px}
body.zda-landing .zda-main .zda3-stair p{font-size:14px;line-height:21px;color:var(--zda-grey)}
body.zda-landing .zda-main .zda3-stair--4 small{color:rgba(255,255,255,.85)}
body.zda-landing .zda-main .zda3-stair--4 h3{color:#fff !important;-webkit-text-fill-color:#fff !important}
body.zda-landing .zda-main .zda3-stair--4 p{color:rgba(255,255,255,.9)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (min-width:1400px){
  :root{--zda-w:1296px;--zda-wide:48px}
}
@media (max-width:1280px){
  :root{--zda-px:56px}
  .zda3-hero__text{flex-basis:500px;max-width:500px}
  body.zda-landing .zda-main .zda3-hero__h1{font-size:42px;line-height:50px}
  .zda3-hero__visual{zoom:.86}
  .zda3-wheel{zoom:.86}
  .zda3-dg__text{flex-basis:460px}
  .zda3-tabs__list{flex-basis:300px}
  .zda3-panel{padding:32px}
  .zda3-pieza{flex-direction:column}
  .zda3-pieza__txt{flex:none}
  .zda3-mini-ui{width:100%;flex:none}
}
@media (max-width:1100px){
  .zda3-step__card{flex-wrap:wrap}
  .zda3-step__ent{flex:1 1 100%}
}
@media (max-width:1024px){
  :root{--zda-px:40px}
  .zda-deco-layer{display:none}
  .zda3-sec,.zda3-dg{padding:64px 0}
  .zda3-hero{padding:calc(var(--zda-header-h) + 28px) 0 56px}
  .zda3-hero__row{flex-direction:column;align-items:flex-start;gap:44px !important}
  .zda3-hero__text{flex:none;max-width:720px}
  .zda3-hero__visual{align-self:center;zoom:1}
  body.zda-landing .zda-main .zda4-h2{font-size:30px;line-height:37px}
  .zda3-sint__grid,.zda3-princs__grid{grid-template-columns:1fr}
  .zda3-tabs{flex-direction:column}
  .zda3-tabs__list{flex:none;width:100%;flex-direction:row;overflow-x:auto}
  body.zda-landing .zda-main .zda3-tab{flex:1 0 220px}
  .zda3-panel{flex:none;width:100%}
  .zda3-dama__row{flex-direction:column;gap:40px}
  .zda3-wheel{zoom:1}
  .zda3-dg__row{flex-direction:column;align-items:stretch;gap:48px}
  .zda3-dg__text{flex:none}
  .zda3-table__row{flex-wrap:wrap;gap:12px 24px}
  .zda3-table__row > :first-child{flex:1 1 100%}
  .zda3-preg__row{flex-direction:column;gap:40px}
  .zda3-preg__side{flex:none}
  .zda3-cmp__row{flex-direction:column}
  .zda3-piezas__grid{grid-template-columns:1fr}
  .zda3-pieza{flex-direction:row}
  .zda3-pieza__txt{flex:0 0 230px}
  .zda3-mini-ui{flex:1 1 0;width:auto}
  .zda3-mad__head{flex-direction:column;align-items:flex-start;gap:24px}
  .zda3-stairs{flex-wrap:wrap;align-items:stretch}
  .zda3-stair{flex:1 1 calc(50% - 8px);min-height:0 !important}
  .zda-form__inner{flex-direction:column;gap:40px}
  .zda-form__left,.zda-form__right{flex:none;width:100%}
}
@media (max-width:760px){
  .zda3-panel__cols{flex-direction:column;gap:24px}
  .zda3-panel__tech{flex:none}
  .zda3-flow{flex-direction:column;align-items:stretch}
  .zda3-flow > .zda-ui-icon{align-self:center;transform:rotate(90deg)}
  .zda3-pieza{flex-direction:column}
  .zda3-pieza__txt{flex:none}
  .zda3-mini-ui{width:100%;flex:none}
  .zda3-hero__visual{zoom:.8}
  .zda3-wheel{zoom:.8}
}
@media (max-width:640px){
  :root{--zda-px:20px}
  .zda3-sec,.zda3-dg{padding:48px 0}
  .zda3-sec > .zda-container{--zda-gap:32px}
  .zda3-hero{padding:calc(var(--zda-header-h) + 20px) 0 48px}
  body.zda-landing .zda-main .zda3-hero__h1{font-size:32px;line-height:40px}
  body.zda-landing .zda-main .zda3-hero__lead{font-size:16px;line-height:25px}
  .zda3-hero__ctas,.zda3-hero__ctas .zda-btn{width:100%}
  .zda3-hero__visual{zoom:.56}
  .zda3-hero--estrategia-dato .zda3-hero__visual{zoom:.6}
  body.zda-landing .zda-main .zda4-h2,body.zda-landing .zda-main h2.zda3-dg__title{font-size:26px;line-height:32px}
  body.zda-landing .zda-main .zda4-sub,body.zda-landing .zda-main .zda3-dg__lead{font-size:16px;line-height:24px}
  .zda3-sint__card,.zda3-preg__card{padding:22px}
  body.zda-landing .zda-main .zda3-sint__q{font-size:19px;line-height:26px}
  .zda3-tabs__list{flex-direction:column;overflow:visible}
  body.zda-landing .zda-main .zda3-tab{flex:none}
  .zda3-panel{padding:22px}
  .zda3-panel__head{align-items:flex-start}
  .zda3-wheel{zoom:.62;align-self:center}
  .zda3-princ li{flex-wrap:wrap;gap:6px 14px}
  body.zda-landing .zda-main .zda3-princ span:last-child{flex:1 1 100%;padding-left:40px}
  .zda3-dg__stats{flex-direction:column;gap:12px}
  .zda3-agent{flex-wrap:wrap}
  .zda3-agent__st{margin-left:56px}
  .zda3-table__row{padding:18px 20px}
  .zda3-table__row--head{display:none}
  .zda3-table__cell{flex:1 1 100%}
  .zda3-preg__grid{grid-template-columns:1fr}
  .zda3-step{gap:14px}
  .zda3-step:not(:last-child){min-height:0}
  .zda3-step__rail{flex-basis:40px}
  body.zda-landing .zda-main .zda3-step__num{width:40px;height:40px;font-size:15px}
  .zda3-step:not(:last-child) .zda3-step__rail::after{top:40px;left:19px}
  .zda3-step__card{flex-direction:column;align-items:flex-start;padding:20px;gap:14px}
  .zda3-step__ent{flex:none;width:100%}
  .zda3-fases__note{align-items:flex-start;text-align:left}
  .zda3-cmp__card{padding:22px}
  .zda3-cmp__nums{flex-direction:column}
  .zda3-cmp__one{flex-direction:column;align-items:flex-start}
  .zda3-pieza{padding:22px}
  .zda3-stair{flex-basis:100%}
  body.zda-landing .zda-main .zda-form__title{font-size:28px;line-height:33px}
  .zda-form__embed{padding:24px;min-height:0}
}
@media (prefers-reduced-motion:reduce){
  .zda-main *{transition:none !important}
}
.zda3-mini-ui .zda3-chips{flex-wrap:nowrap}
@media (max-width:640px){.zda3-mini-ui .zda3-chips{flex-wrap:wrap}}