/* ============================================================
   Zemsania · Casos de éxito (plantillas A · B · C · D) — Stylesheet
   Medidas tomadas 1:1 de Figma (marco 1440 · contenido 1200).
   ============================================================ */

/* ── Tokens ──────────────────────────────────────────────────── */
:root{
  --zdc-white:#fff;
  --zdc-cream:#FAF8F5;
  --zdc-sand:#F4F1EC;
  --zdc-dark:#141414;
  --zdc-ink:#141414;
  --zdc-orange:#F15C2B;
  --zdc-orange-end:#F18822;
  --zdc-grad:linear-gradient(90deg,#F15C2B 0%,#F18822 100%);
  --zdc-screen:linear-gradient(150deg,#F2F0EB 0%,#FCFBF9 71.4%);
  --zdc-grey:#5E5E5E;
  --zdc-mute:#99948C;
  --zdc-sep:#B8B0A6;
  --zdc-line:#E5E0D9;
  --zdc-border:#E8E3DC;
  --zdc-shadow:0 24px 56px rgba(51,26,13,.16);
  --zdc-container:1200px;
  --zdc-section-px:120px;
  --zdc-font:'Inter',sans-serif;
  /* Altura de la cabecera fija del tema (la ajusta el JS). */
  --zdc-header-h:96px;
}

/* ── Reset acotado a la plantilla ────────────────────────────── */
.zdc-main,.zdc-main *,.zdc-main *::before,.zdc-main *::after,
.zdc-modal,.zdc-modal *,.zdc-modal *::before,.zdc-modal *::after{box-sizing:border-box}
body.zdc-landing .zdc-main{
  font-family:var(--zdc-font);
  font-size:16px;
  line-height:normal;
  color:var(--zdc-ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.zdc-main img{max-width:100%;height:auto;display:block}
.zdc-main ul,.zdc-main ol{list-style:none;margin:0;padding:0}
body.zdc-landing .zdc-main h1,
body.zdc-landing .zdc-main h2,
body.zdc-landing .zdc-main h3,
body.zdc-landing .zdc-main h4,
body.zdc-landing .zdc-main p,
body.zdc-landing .zdc-main li,
body.zdc-landing .zdc-main blockquote{margin:0;padding:0;color:inherit;font-family:var(--zdc-font);letter-spacing:normal;text-transform:none;border:0;quotes:none}
body.zdc-landing .zdc-main a{color:inherit;text-decoration:none}

.zdc-container{
  width:100%;
  max-width:calc(var(--zdc-container) + var(--zdc-section-px) * 2);
  margin:0 auto;
  padding:0 var(--zdc-section-px);
}
/* Separación de 8 px entre secciones (gap del marco de Figma) */
.zdc-landing-wrap > * + *{margin-top:8px}
.zdc-main--end{margin-top:8px}

/* ── Color de títulos ─────────────────────────────────────────────
   El tema padre pinta los títulos con degradado; aquí todos usan el
   color real de la plantilla (#141414). Sobre naranja: blancos.
   ──────────────────────────────────────────────────────────────── */
body.zdc-landing .zdc-main h1,
body.zdc-landing .zdc-main h2:not(.zdc-form__title):not(.zdc-step__title--white),
body.zdc-landing .zdc-main h3:not(.zdc-form__title),
body.zdc-landing .zdc-main h4{
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:currentColor !important;
  color:var(--zdc-ink);
}
body.zdc-landing .zdc-main h2.zdc-form__title,
body.zdc-landing .zdc-main h2.zdc-step__title--white,
body.zdc-landing .zdc-main .zdc-rsrcard--grad h3{
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body.zdc-landing .zdc-main .zdc-hl{color:var(--zdc-orange);-webkit-text-fill-color:var(--zdc-orange)}

/* Texto en degradado */
body.zdc-landing .zdc-main .zdc-stephead__num,
body.zdc-landing .zdc-main .zdc-kpi__val,
body.zdc-landing .zdc-main .zdc-kgrid__val,
body.zdc-landing .zdc-main .zdc-paso__num,
body.zdc-landing .zdc-main .zdc-testimonio__mark,
body.zdc-landing .zdc-main .zdc-tile__val{
  background:var(--zdc-grad);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

/* ── Figuras decorativas (exportadas de Figma) ───────────────────
   --clip: viven dentro de la sección (se recortan) · --free: flotan sobre la
   página. Posiciones del marco de 1440 px centrado en la ventana.
   ──────────────────────────────────────────────────────────────── */
.zdc-landing-wrap,.zdc-main--end,.zdc-casos-wrap{position:relative;overflow-x:clip}
@supports not (overflow-x:clip){
  .zdc-landing-wrap,.zdc-main--end{overflow:hidden}
}
.zdc-main section,.zdc-casos-wrap{position:relative}
.zdc-main section > .zdc-container,.zdc-casos-wrap > section{position:relative;z-index:2}
.zdc-deco-layer{position:absolute;inset:0;pointer-events:none;z-index:3}
.zdc-deco-layer--clip{overflow:hidden}
.zdc-deco-layer--under{z-index:0}
.zdc-deco-frame{position:absolute;top:0;left:50%;width:1440px;height:100%;margin-left:-720px}
.zdc-main .zdc-deco,.zdc-casos-wrap .zdc-deco{position:absolute;display:block;max-width:none;pointer-events:none;user-select:none}

/* ── Botones ─────────────────────────────────────────────────── */
.zdc-btns{display:flex;gap:12px;padding-top:8px}
.zdc-btns--row .zdc-btn{flex:1 1 0;min-width:0}
.zdc-btns--col{flex-direction:column;gap:10px}
.zdc-btns--col .zdc-btn{width:100%;padding:15px 20px}
.zdc-btns--center{justify-content:center;padding-top:0}
body.zdc-landing .zdc-main .zdc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:15px 24px;
  border-radius:999px;
  font-family:var(--zdc-font);
  font-size:15px;
  font-weight:600;
  line-height:18px;
  white-space:nowrap;
  color:#fff;
  transition:filter .2s,background .2s;
}
body.zdc-landing .zdc-main .zdc-btn--grad{background:var(--zdc-grad)}
body.zdc-landing .zdc-main .zdc-btn--dark{background:var(--zdc-dark)}
body.zdc-landing .zdc-main .zdc-btn:hover{filter:brightness(1.08)}
body.zdc-landing .zdc-main .zdc-btn--lg{padding:16px 28px;gap:10px}
body.zdc-landing .zdc-main .zdc-btn--block{width:100%;padding:16px 24px;gap:10px}
.zdc-btn__arrow{font-weight:700;color:var(--zdc-orange-end)}
.zdc-btn--block .zdc-btn__arrow,.zdc-btn--lg .zdc-btn__arrow{font-size:16px}

/* ============================================================
   INTRO
   ============================================================ */
.zdc-intro{padding:calc(var(--zdc-header-h) + 48px) 0 24px;background:#fff}
.zdc-intro > .zdc-container{display:flex;flex-direction:column;align-items:flex-start;gap:36px}
.zdc-intro--caso-b{padding-bottom:8px}
.zdc-intro--caso-b > .zdc-container{gap:20px}

.zdc-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;line-height:16px}
body.zdc-landing .zdc-main .zdc-subnav__label{font-size:13px;font-weight:600;letter-spacing:0.39px;color:var(--zdc-orange)}
.zdc-subnav__sep{font-size:14px;font-weight:500;color:var(--zdc-sep);line-height:17px}
.zdc-subnav__dot{font-size:13px;font-weight:500;color:var(--zdc-sep)}
body.zdc-landing .zdc-main .zdc-subnav__link{font-size:13px;font-weight:500;color:var(--zdc-grey)}
body.zdc-landing .zdc-main .zdc-subnav__link:hover{color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-subnav__link.is-active{font-weight:600;color:var(--zdc-orange)}

body.zdc-landing .zdc-main .zdc-intro__h1{font-size:40px;font-weight:700;line-height:1.1;max-width:960px;color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-intro__lead{font-size:18px;line-height:1.58;max-width:860px;color:var(--zdc-grey)}
body.zdc-landing .zdc-main .zdc-intro--caso-b .zdc-intro__h1{font-size:44px;line-height:1.12;max-width:none}
body.zdc-landing .zdc-main .zdc-intro--caso-b .zdc-intro__lead{max-width:none}

/* ── Etiquetas y ficha del caso ──────────────────────────────── */
.zdc-meta{width:100%}
.zdc-logo-slot{
  display:flex;align-items:center;justify-content:center;
  background:var(--zdc-cream);
  border:1px dashed var(--zdc-line);
  border-radius:12px;
  overflow:hidden;
}
.zdc-logo-slot.has-img{border:0;background:none}
.zdc-logo-slot span{font-size:12px;font-weight:600;line-height:15px;letter-spacing:1.2px;color:var(--zdc-mute);white-space:nowrap}
.zdc-main .zdc-logo-slot img{max-width:80%;max-height:70%;object-fit:contain}
body.zdc-landing .zdc-main .zdc-meta__label{font-size:11px;font-weight:600;line-height:13px;letter-spacing:1.1px;color:var(--zdc-mute);white-space:nowrap}
.zdc-meta__group{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.zdc-meta__tags{display:flex;flex-wrap:wrap;gap:6px}
.zdc-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;
  border-radius:999px;
  font-size:13px;font-weight:500;line-height:16px;
  white-space:nowrap;
  color:var(--zdc-ink);
}
.zdc-tag--dest{background:var(--zdc-grad);color:#fff;font-weight:600}
.zdc-tag--vert{background:var(--zdc-dark);color:#fff;font-weight:600}
.zdc-tag--area{background:var(--zdc-sand)}
.zdc-tag--sector{background:#fff;border:1px solid var(--zdc-line)}
.zdc-tag__hex{flex:0 0 10px}
.zdc-tag__dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--zdc-orange)}

/* fila bajo el titular (A / D) */
.zdc-meta--row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid var(--zdc-line);
  padding-top:24px;
}
.zdc-meta--row .zdc-meta__logo{flex:0 0 128px;width:128px;height:52px;padding:12px 20px}

/* columna (C) */
.zdc-meta--column{
  flex:1 1 0;min-width:0;
  height:501.6px;
  background:var(--zdc-cream);
  border-radius:24px;
  padding:24px;
  display:flex;flex-direction:column;
  overflow:hidden;
}
.zdc-meta--column .zdc-meta__logo{height:64px;flex:0 0 64px}
.zdc-meta__space{display:block;flex:0 0 14px}
.zdc-meta--column .zdc-meta__group{border-top:1px solid var(--zdc-line);padding:14px 0}
.zdc-meta--column .zdc-tag{font-size:12px;line-height:15px;padding:6px 10px}

/* ficha lateral (B) */
.zdc-meta--sidebar{background:var(--zdc-cream);border-radius:20px;padding:28px 28px 12px}
.zdc-meta--sidebar .zdc-meta__logo{height:88px;background:#fff}
.zdc-meta--sidebar .zdc-meta__group{gap:10px;padding:18px 0;border-bottom:1px solid var(--zdc-line)}
.zdc-meta--sidebar .zdc-meta__group--tec{border-bottom:0}
.zdc-meta--sidebar .zdc-meta__tags{gap:8px}
.zdc-meta--sidebar .zdc-tag{padding:8px 14px}
body.zdc-landing .zdc-main .zdc-meta__client{font-size:15px;font-weight:600;line-height:18px;color:var(--zdc-ink)}

/* logos de tecnología */
.zdc-tec{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.zdc-tec__logos{display:flex;flex-wrap:wrap;gap:12px}
.zdc-tec__logo{
  display:flex;align-items:center;justify-content:center;
  width:120px;height:52px;
  background:#fff;
  border:1px dashed var(--zdc-line);
  border-radius:10px;
  font-size:11px;font-weight:600;line-height:13px;letter-spacing:1.1px;color:var(--zdc-mute);
}
.zdc-tec__logo.has-img{border:0;background:none}
.zdc-main .zdc-tec__logo img{max-width:80%;max-height:70%;object-fit:contain}
.zdc-meta--sidebar .zdc-tec{gap:10px}
.zdc-meta--sidebar .zdc-tec__logos{gap:8px}
.zdc-meta--sidebar .zdc-tec__logo{width:68px;height:40px;border-radius:8px;font-size:10px;letter-spacing:1px}

/* ============================================================
   SECCIONES NUMERADAS (01 / 02 / 03)
   ============================================================ */
.zdc-step{padding:64px 0;background:#fff}
.zdc-step > .zdc-container{display:flex;flex-direction:column;gap:28px}
.zdc-step--solucion{background:var(--zdc-cream)}

.zdc-stephead{display:flex;align-items:center;gap:18px;white-space:nowrap}
.zdc-stephead__num{font-size:52px;font-weight:700;line-height:1}
.zdc-stephead__label{font-size:26px;font-weight:700;line-height:31px;letter-spacing:1.04px;color:var(--zdc-orange)}
body.zdc-landing .zdc-main .zdc-stephead--white .zdc-stephead__num{background:none;-webkit-text-fill-color:#fff;color:#fff}
.zdc-stephead--white .zdc-stephead__label{color:#fff}

.zdc-step__block{display:flex;align-items:stretch;gap:56px}
.zdc-step__media{flex:0 0 520px;width:520px;border-radius:20px;overflow:hidden;position:relative;min-height:240px}
.zdc-main .zdc-step__media > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zdc-step__media--stack{display:flex;flex-direction:column;gap:12px;border-radius:0;overflow:visible}
.zdc-step__img{flex:1 1 0;min-height:120px;border-radius:20px;overflow:hidden;position:relative}
.zdc-main .zdc-step__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zdc-step__content{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.zdc-step__content--res{gap:32px;min-height:643px}
.zdc-step__content--res .zdc-step__title{flex:1 0 auto}
body.zdc-landing .zdc-main .zdc-step__title{font-size:36px;font-weight:700;line-height:1.18;color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-step__desc{font-size:18px;line-height:1.6;color:var(--zdc-grey)}

.zdc-checks{display:flex;flex-direction:column;gap:14px;width:100%}
body.zdc-landing .zdc-main .zdc-checks li{position:relative;padding-left:22px;font-size:17px;line-height:1.5;color:var(--zdc-ink)}
.zdc-checks li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--zdc-orange)}

.zdc-fases{display:flex;gap:16px;width:100%;align-items:stretch}
.zdc-fase{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--zdc-line);border-radius:16px;padding:20px}
body.zdc-landing .zdc-main .zdc-fase__label{font-size:11px;font-weight:600;line-height:13px;letter-spacing:1.1px;color:var(--zdc-orange)}
body.zdc-landing .zdc-main .zdc-fase__title{font-size:17px;font-weight:600;line-height:21px;color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-fase__desc{font-size:14px;line-height:1.5;color:var(--zdc-grey)}

.zdc-kpis{display:flex;flex-wrap:wrap;gap:16px;width:100%}
.zdc-kpi{flex:0 0 300px;width:300px;display:flex;flex-direction:column;gap:6px;background:var(--zdc-cream);border-radius:20px;padding:28px 24px}
.zdc-kpi__val{font-size:48px;font-weight:700;line-height:1;white-space:nowrap}
.zdc-kpi__label{font-size:15px;font-weight:500;line-height:18px;color:var(--zdc-grey)}

.zdc-quote{display:flex;flex-direction:column;gap:16px;width:100%;border-left:3px solid var(--zdc-orange) !important;padding-left:20px !important}
body.zdc-landing .zdc-main .zdc-quote__text{font-size:24px;font-weight:500;line-height:1.4;color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-quote__author{font-size:14px;font-weight:600;line-height:17px;color:var(--zdc-grey)}
.zdc-step__content--res .zdc-btns{width:100%}

/* ============================================================
   B · RESUMEN · SEPARADOR · DETALLE · TESTIMONIO
   ============================================================ */
.zdc-resumen{padding-top:40px}
.zdc-resumen__inner{display:flex;gap:24px;align-items:stretch}
.zdc-resumen__media{flex:1 1 0;min-width:0;height:540px;border-radius:24px;overflow:hidden;position:relative}
.zdc-main .zdc-resumen__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zdc-resumen__side{flex:0 0 420px;width:420px;height:540px;display:flex;flex-direction:column;gap:14px}
.zdc-resumen__cards{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:14px}
.zdc-rcard{flex:1 1 0;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:12px;background:#fff;border:1px solid var(--zdc-line);border-radius:20px;padding:30px 28px;overflow:hidden}
.zdc-rcard--grad{background:var(--zdc-grad);border:0;color:#fff}
.zdc-rcard__h{display:flex;gap:10px;font-size:13px;line-height:16px;white-space:nowrap}
.zdc-rcard__num{font-weight:700;color:var(--zdc-orange)}
.zdc-rcard__title{font-weight:600;letter-spacing:1.04px;color:var(--zdc-ink)}
.zdc-rcard--grad .zdc-rcard__num,.zdc-rcard--grad .zdc-rcard__title{color:#fff}
body.zdc-landing .zdc-main .zdc-rcard__text{font-size:16px;line-height:1.55;color:var(--zdc-grey)}
body.zdc-landing .zdc-main .zdc-rcard--grad .zdc-rcard__text{color:#fff}

.zdc-sep{display:flex;justify-content:center;padding-top:64px}
.zdc-sep span{display:block;width:600px;max-width:60%;height:2px;background:linear-gradient(90deg,#F18822,#F15C2B)}

.zdc-detalle{padding:44px 0 64px}
.zdc-detalle__inner{display:flex;gap:72px;align-items:flex-start}
.zdc-detalle__main{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.zdc-detalle__side{flex:0 0 360px;width:360px;display:flex;flex-direction:column;gap:12px}
.zdc-rail{display:flex;gap:28px;padding-bottom:64px}
.zdc-rail--last{padding-bottom:0}
.zdc-rail__track{flex:0 0 44px;display:flex;flex-direction:column;align-items:center;gap:12px}
.zdc-rail__num{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:999px;background:var(--zdc-grad);color:#fff;font-size:14px;font-weight:700;line-height:17px}
.zdc-rail__line{flex:1 1 auto;width:2px;background:var(--zdc-line)}
.zdc-rail__body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:8px}
body.zdc-landing .zdc-main .zdc-rail__eyebrow{font-size:13px;font-weight:600;line-height:16px;letter-spacing:1.04px;color:var(--zdc-orange)}
body.zdc-landing .zdc-main .zdc-rail__title{font-size:30px;font-weight:600;line-height:1.28;color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-rail__desc{font-size:17px;line-height:1.6;color:var(--zdc-grey)}
.zdc-pains{display:flex;flex-wrap:wrap;gap:10px;padding-right:8px}
.zdc-pain{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 12px;background:#fff;border:1px solid var(--zdc-line);border-radius:999px;font-size:14px;font-weight:500;line-height:17px;white-space:nowrap}
.zdc-pain__x{font-size:12px;font-weight:700;color:var(--zdc-orange)}
.zdc-pasos{display:flex;gap:14px;width:100%;align-items:stretch}
.zdc-paso{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px;background:var(--zdc-cream);border-radius:18px;padding:22px 22px 24px}
.zdc-paso__top{display:flex;align-items:center;justify-content:space-between}
.zdc-paso__num{font-size:40px;font-weight:700;line-height:1}
.zdc-paso__arrow{font-size:20px;font-weight:500;color:rgba(241,92,43,.6)}
body.zdc-landing .zdc-main .zdc-paso__title{font-size:17px;font-weight:600;line-height:1.3;color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-paso__desc{font-size:14px;line-height:1.5;color:var(--zdc-grey)}
.zdc-kgrid{display:grid;grid-template-columns:1fr 1fr;width:100%}
.zdc-kgrid__item{display:flex;flex-direction:column;gap:2px;padding:18px 0;border-top:1px solid var(--zdc-line);white-space:nowrap}
.zdc-kgrid__item:nth-child(even){border-left:1px solid var(--zdc-line);padding-left:28px}
.zdc-kgrid__val{font-size:48px;font-weight:700;line-height:1}
.zdc-kgrid__label{font-size:15px;font-weight:500;line-height:18px;color:var(--zdc-grey)}

.zdc-testimonio{padding:48px 0;background:var(--zdc-cream)}
.zdc-testimonio__inner{display:flex;align-items:center;gap:64px}
.zdc-testimonio__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
body.zdc-landing .zdc-main .zdc-testimonio__eyebrow{font-size:13px;font-weight:600;line-height:16px;letter-spacing:1.04px;color:var(--zdc-orange)}
.zdc-testimonio__mark{font-size:72px;font-weight:700;line-height:.5;height:36px;padding-top:14px}
body.zdc-landing .zdc-main .zdc-testimonio__quote{font-size:26px;font-weight:500;line-height:1.4;color:var(--zdc-ink)}
.zdc-testimonio__author{display:flex;align-items:center;gap:12px}
.zdc-main .zdc-testimonio__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}
body.zdc-landing .zdc-main .zdc-testimonio__name{font-size:15px;font-weight:600;line-height:18px;color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-testimonio__role{font-size:13px;line-height:16px;color:var(--zdc-mute);margin-top:2px}
.zdc-testimonio__media{flex:0 0 320px;width:320px;height:320px;border-radius:24px;overflow:hidden;position:relative}
.zdc-main .zdc-testimonio__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* ============================================================
   MAQUETAS (navegador / móvil)
   ============================================================ */
.zdc-browser{background:#fff;border:1px solid var(--zdc-line);border-radius:16px;overflow:hidden;box-shadow:var(--zdc-shadow);display:flex;flex-direction:column}
.zdc-browser__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;flex:0 0 auto}
.zdc-browser__dot{flex:0 0 10px;width:10px;height:10px;border-radius:50%}
.zdc-browser__dot--r{background:#FF5E57}
.zdc-browser__dot--y{background:#FFBD2E}
.zdc-browser__dot--g{background:#29C940}
.zdc-browser__url{width:256px;padding:5px 14px;border-radius:999px;background:#F2F0EB;font-size:11px;font-weight:500;line-height:13px;color:var(--zdc-mute);white-space:nowrap;overflow:hidden}
.zdc-browser__screen{position:relative;background:var(--zdc-screen);flex:1 1 auto}
.zdc-main .zdc-browser__screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}

.zdc-phone{position:relative;background:var(--zdc-dark);box-shadow:var(--zdc-shadow);overflow:hidden}
.zdc-phone__screen{position:absolute;overflow:hidden;background:linear-gradient(115deg,#F2F0EB 0%,#FCFBF9 71.4%)}
.zdc-main .zdc-phone__screen img{width:100%;height:100%;object-fit:cover;object-position:top}
.zdc-phone__notch{position:absolute;left:50%;transform:translateX(-50%);background:var(--zdc-dark)}

/* tamaños */
.zdc-browser--lg{flex:0 0 640px;width:640px}
.zdc-browser--lg .zdc-browser__screen{height:382px;flex:none}
.zdc-phone--lg{width:250px;height:513px;border-radius:36px}
.zdc-phone--lg .zdc-phone__screen{inset:8px;border-radius:30px}
.zdc-phone--lg .zdc-phone__notch{top:16px;width:72px;height:20px;border-radius:10px}

/* ============================================================
   C · ESCAPARATE · PIEZAS · RESULTADOS NARANJA
   ============================================================ */
.zdc-producto{padding:16px 0 22px} /* Figma: sección de 613,6 px que recorta el aire inferior */
.zdc-producto__inner{display:flex;gap:24px;align-items:flex-start}
.zdc-producto__show{flex:0 0 912px;width:912px;display:flex;flex-direction:column;align-items:center;gap:24px}
.zdc-stage{position:relative;width:912px;height:501.6px;border-radius:24.32px;background:var(--zdc-grad);overflow:hidden}
.zdc-main .zdc-stage__hex{position:absolute;max-width:none;pointer-events:none}
.zdc-stage__hex--1{left:653.6px;top:-304px;width:540px;height:540px}
.zdc-stage__hex--2{left:-60.8px;top:220.4px;width:270px;height:270px}
.zdc-stage__hex--3{left:744.8px;top:342px;width:145px;height:145px}
.zdc-browser--stage{position:absolute;left:60.8px;top:54.72px;width:699.2px;border-width:.76px;border-radius:12.16px;box-shadow:0 18.24px 42.56px rgba(51,26,13,.16)}
.zdc-browser--stage .zdc-browser__bar{gap:6.08px;padding:9.12px 12.16px}
.zdc-browser--stage .zdc-browser__dot{flex-basis:7.6px;width:7.6px;height:7.6px}
.zdc-browser--stage .zdc-browser__url{width:273.6px;padding:3.8px 10.64px;font-size:8.36px;line-height:10px}
.zdc-browser--stage .zdc-browser__screen{height:396.72px;flex:none}
.zdc-phone--stage{position:absolute;left:684px;top:114px;width:174.8px;height:357.96px;border-radius:27.36px;box-shadow:0 18.24px 42.56px rgba(51,26,13,.16)}
.zdc-phone--stage .zdc-phone__screen{left:6.08px;top:6.08px;width:162.64px;height:345.8px;border-radius:22.8px}
.zdc-phone--stage .zdc-phone__notch{top:12.16px;width:54.72px;height:15.2px;border-radius:7.6px}

.zdc-step--piezas{background:var(--zdc-cream)}
.zdc-step--piezas > .zdc-container{gap:40px}
.zdc-piezas__head{display:flex;flex-direction:column;gap:16px}
.zdc-feature{display:flex;align-items:center;gap:72px}
.zdc-feature--rev{flex-direction:row-reverse}
.zdc-feature__visual{flex:0 0 640px;width:640px;display:flex;justify-content:center}
.zdc-feature__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.zdc-feature__chip{padding:6px 12px;border-radius:999px;background:#fff;font-size:12px;font-weight:600;line-height:15px;letter-spacing:.72px;color:var(--zdc-orange);white-space:nowrap}
body.zdc-landing .zdc-main .zdc-feature__title{font-size:28px;font-weight:700;line-height:1.22;color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-feature__desc{font-size:17px;line-height:1.6;color:var(--zdc-grey)}

.zdc-step--resultados-c{background:var(--zdc-grad);color:#fff}
.zdc-step--resultados-c > .zdc-container{gap:40px}
body.zdc-landing .zdc-main .zdc-step__title--white{font-size:36px;font-weight:700;line-height:1.18;color:#fff}
.zdc-rc{display:flex;align-items:center;gap:40px}
.zdc-rc__kpis{flex:0 0 320px;width:320px;display:flex;flex-direction:column;gap:28px}
.zdc-rc__kpi{display:flex;flex-direction:column;gap:4px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.3);white-space:nowrap}
.zdc-rc__val{font-size:56px;font-weight:700;line-height:1;color:#fff}
.zdc-rc__label{font-size:15px;font-weight:500;line-height:18px;color:rgba(255,255,255,.8)}
.zdc-rc__panel{flex:1 1 0;min-width:0}
.zdc-browser--dark{background:#262626;border-color:#404040}
.zdc-browser--dark .zdc-browser__url{background:#383838;width:336px}
.zdc-browser--dark .zdc-browser__screen{height:462px;flex:none}
.zdc-rc__quote{display:flex;flex-direction:column;gap:12px;padding-left:360px !important}
body.zdc-landing .zdc-main .zdc-rc__text{font-size:24px;font-weight:500;line-height:1.4;color:#fff}
body.zdc-landing .zdc-main .zdc-rc__author{font-size:14px;font-weight:600;line-height:17px;color:rgba(255,255,255,.8)}

/* ============================================================
   D · BENTO · R/S/R · ANTES-DESPUÉS · GALERÍA · CITA
   ============================================================ */
.zdc-bento{padding:8px 0 56px}
.zdc-bento__grid{display:grid;grid-template-columns:250px 510px 400px;grid-template-rows:470px 270px;gap:20px}
.zdc-tile{position:relative;border-radius:24px;overflow:hidden;display:block}
.zdc-tile--main{grid-column:1 / 3;background:var(--zdc-grad)}
.zdc-main .zdc-tile__hex{position:absolute;left:0;top:0;width:780px;height:470px;max-width:none;pointer-events:none}
.zdc-browser--bento{position:absolute;left:56px;top:56px;width:668px;height:470px;border:0;border-radius:14px;box-shadow:0 18px 40px rgba(51,26,13,.14)}
.zdc-browser--bento .zdc-browser__bar{height:36px;padding:0 0 0 16px;gap:6px}
.zdc-browser--bento .zdc-browser__dot{flex-basis:9px;width:9px;height:9px}
.zdc-tile--phone{background:var(--zdc-cream)}
.zdc-phone--bento{position:absolute;left:112px;top:56px;width:176px;height:361px;border-radius:32px;box-shadow:0 18px 40px rgba(51,26,13,.14)}
.zdc-phone--bento .zdc-phone__screen{inset:7px;border-radius:26px}
.zdc-phone--bento .zdc-phone__notch{top:14px;width:64px;height:18px;border-radius:9px}
.zdc-tile--kpi{background:var(--zdc-dark)}
body.zdc-landing .zdc-main .zdc-tile__label{position:absolute;left:28px;top:28px;font-size:12px;font-weight:600;line-height:15px;letter-spacing:.96px;color:var(--zdc-orange-end)}
body.zdc-landing .zdc-main .zdc-tile__val{position:absolute;left:28px;top:150px;font-size:52px;font-weight:700;line-height:1;white-space:nowrap}
body.zdc-landing .zdc-main .zdc-tile__text{position:absolute;left:28px;top:212px;font-size:15px;font-weight:500;line-height:18px;color:rgba(255,255,255,.75);white-space:nowrap}
.zdc-main .zdc-tile--foto img,.zdc-main .zdc-tile--video > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zdc-tile__shade{position:absolute;inset:0;background:rgba(20,20,20,.45)}
.zdc-tile__play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;padding-left:4px}
.zdc-tile__vlabel{position:absolute;left:24px;top:226px;font-size:12px;font-weight:600;line-height:15px;letter-spacing:.96px;color:#fff;white-space:nowrap}

.zdc-rsr{padding-bottom:64px}
.zdc-rsr__grid{display:flex;gap:20px;align-items:stretch}
.zdc-rsrcard{flex:1 1 0;min-width:0;display:flex;flex-direction:column;background:var(--zdc-cream);border-radius:24px;overflow:hidden}
.zdc-rsrcard--grad{background:var(--zdc-grad);color:#fff}
.zdc-rsrcard__visual{position:relative;height:220px;overflow:hidden;background:#F2F0EB}
.zdc-rsrcard--grad .zdc-rsrcard__visual{background:rgba(255,255,255,.12)}
.zdc-main .zdc-rsrcard__visual.is-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zdc-browser--card{position:absolute;left:40px;top:36px;width:320px;height:240px;border:0;border-radius:14px;box-shadow:0 18px 40px rgba(51,26,13,.14)}
.zdc-browser--card .zdc-browser__bar,.zdc-browser--ad .zdc-browser__bar,.zdc-browser--shot .zdc-browser__bar{height:36px;padding:0 0 0 16px;gap:6px}
.zdc-browser--card .zdc-browser__dot,.zdc-browser--ad .zdc-browser__dot,.zdc-browser--shot .zdc-browser__dot{flex-basis:9px;width:9px;height:9px}
.zdc-rsrcard__text{display:flex;flex-direction:column;gap:10px;padding:24px 28px 28px}
.zdc-rsrcard__h{display:flex;gap:10px;font-size:13px;line-height:16px;white-space:nowrap}
.zdc-rsrcard__num{font-weight:700;color:var(--zdc-orange)}
.zdc-rsrcard__title{font-weight:600;letter-spacing:1.04px;color:var(--zdc-ink)}
.zdc-rsrcard--grad .zdc-rsrcard__num,.zdc-rsrcard--grad .zdc-rsrcard__title{color:#fff}
body.zdc-landing .zdc-main .zdc-rsrcard__desc{font-size:17px;font-weight:500;line-height:1.5;color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-rsrcard--grad .zdc-rsrcard__desc{color:#fff}

body.zdc-landing .zdc-main .zdc-eyebrow-sm{font-size:13px;font-weight:600;line-height:16px;letter-spacing:1.04px;color:var(--zdc-orange)}
.zdc-ad{padding:56px 0 64px;background:var(--zdc-cream)}
.zdc-ad > .zdc-container{display:flex;flex-direction:column;gap:32px}
.zdc-ad__grid{display:flex;gap:24px}
.zdc-ad__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}
.zdc-ad__visual{position:relative;height:360px;border-radius:20px;overflow:hidden}
.zdc-ad__visual--grad{background:var(--zdc-grad)}
.zdc-main .zdc-ad__visual > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.zdc-browser--ad{position:absolute;left:44px;top:40px;width:500px;height:360px;border:0;border-radius:14px;box-shadow:0 18px 40px rgba(51,26,13,.14)}
.zdc-ad__tag{position:absolute;left:20px;top:20px;padding:6px 12px;border-radius:999px;background:var(--zdc-dark);color:#fff;font-size:12px;font-weight:600;line-height:15px;letter-spacing:.96px}
.zdc-ad__tag--light{background:#fff;color:var(--zdc-orange)}
body.zdc-landing .zdc-main .zdc-ad__text{font-size:17px;line-height:1.55;color:var(--zdc-grey)}

.zdc-galeria{padding:56px 0}
.zdc-galeria > .zdc-container{display:flex;flex-direction:column;gap:28px}
.zdc-galeria__grid{display:flex;gap:20px}
.zdc-shot{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px}
.zdc-shot__visual{position:relative;height:260px;border-radius:20px;overflow:hidden;background:var(--zdc-cream)}
.zdc-browser--shot{position:absolute;left:28px;top:28px;width:330px;height:260px;border:0;border-radius:14px;box-shadow:0 18px 40px rgba(51,26,13,.14)}
body.zdc-landing .zdc-main .zdc-shot__title{font-size:15px;font-weight:600;line-height:18px;color:var(--zdc-ink)}

.zdc-cita{padding:24px 0 56px}
.zdc-cita__inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 120px !important;text-align:center}
body.zdc-landing .zdc-main .zdc-cita__text{font-size:28px;font-weight:500;line-height:1.4;color:var(--zdc-ink)}
body.zdc-landing .zdc-main .zdc-cita__author{font-size:14px;font-weight:600;line-height:17px;color:var(--zdc-grey)}

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

/* ============================================================
   MODAL
   ============================================================ */
.zdc-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}
.zdc-modal[hidden]{display:none}
.zdc-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);cursor:pointer}
.zdc-modal__dialog{position:relative;background:#fff;border-radius:20px;padding:48px 40px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px rgba(0,0,0,.2)}
.zdc-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--zdc-grey)}
.zdc-modal__title{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--zdc-ink)}
.zdc-modal__text{font-size:15px;color:var(--zdc-grey);margin-bottom:24px;line-height:1.6}

/* ── Bloque heredado "Casos relacionados" del tema: aire arriba y abajo ── */
.zdc-casos-wrap,
#main.zdc-casos-wrap{padding-top:72px;padding-bottom:72px}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1280px){
  :root{--zdc-section-px:56px}
  .zdc-step__media{flex-basis:44%;width:44%}
  .zdc-detalle__inner{gap:40px}
  .zdc-detalle__side{flex-basis:320px;width:320px}
  .zdc-producto__inner{flex-direction:column}
  .zdc-producto__show{flex:none;width:100%;max-width:912px;align-self:center}
  .zdc-stage{width:100%;height:auto;aspect-ratio:912/501.6}
  .zdc-meta--column{width:100%;height:auto;flex:none}
  .zdc-feature{gap:40px}
  .zdc-feature__visual{flex:0 0 52%;width:52%}
  .zdc-browser--lg{flex:1 1 auto;width:100%}
  .zdc-bento__grid{grid-template-columns:1fr 2fr 1.6fr;grid-template-rows:auto 270px}
  .zdc-tile--main{aspect-ratio:780/470}
  .zdc-form__left{flex:0 0 46%;width:46%}
}

@media (max-width:1024px){
  :root{--zdc-section-px:40px}
  .zdc-deco-layer{display:none}
  body.zdc-landing .zdc-main .zdc-intro__h1{font-size:34px}
  body.zdc-landing .zdc-main .zdc-intro--caso-b .zdc-intro__h1{font-size:36px}
  body.zdc-landing .zdc-main .zdc-step__title,
  body.zdc-landing .zdc-main .zdc-step__title--white{font-size:30px}
  .zdc-meta--row{flex-wrap:wrap;justify-content:flex-start;gap:20px 28px}

  .zdc-step__block{flex-direction:column;gap:32px}
  .zdc-step--solucion .zdc-step__block{flex-direction:column-reverse}
  .zdc-step__media{flex:none;width:100%;height:340px}
  .zdc-step__media--stack{height:auto}
  .zdc-step__img{height:260px;flex:none}
  .zdc-step__content--res{min-height:0}
  .zdc-kpi{flex:1 1 calc(50% - 8px);width:auto}

  .zdc-resumen__inner{flex-direction:column}
  .zdc-resumen__media{flex:none;height:420px}
  .zdc-resumen__side{flex:none;width:100%;height:auto}
  .zdc-rcard{flex:none}
  .zdc-detalle__inner{flex-direction:column}
  .zdc-detalle__side{flex:none;width:100%}
  .zdc-testimonio__inner{flex-direction:column;align-items:flex-start;gap:32px}
  .zdc-testimonio__media{flex:none}

  .zdc-feature,.zdc-feature--rev{flex-direction:column;align-items:stretch;gap:28px}
  .zdc-feature__visual{flex:none;width:100%}
  .zdc-rc{flex-direction:column;align-items:stretch}
  .zdc-rc__kpis{flex:none;width:100%}
  .zdc-browser--dark .zdc-browser__screen{height:320px}
  .zdc-rc__quote{padding-left:0 !important}

  .zdc-bento__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .zdc-tile--main{grid-column:1 / -1}
  .zdc-tile--phone{height:470px}
  .zdc-tile--kpi,.zdc-tile--foto,.zdc-tile--video{height:270px}
  .zdc-tile--video{grid-column:1 / -1}
  .zdc-rsr__grid,.zdc-ad__grid{flex-direction:column}
  .zdc-galeria__grid{flex-wrap:wrap}
  .zdc-shot{flex:1 1 calc(50% - 10px)}
  .zdc-cita__inner{padding:0 !important}

  .zdc-form__inner{flex-direction:column;gap:36px}
  .zdc-form__left{flex:none;width:100%;max-width:560px}
  .zdc-form__right{width:100%}
}

@media (max-width:640px){
  :root{--zdc-section-px:20px;--zdc-header-h:72px}
  .zdc-intro{padding-top:calc(var(--zdc-header-h) + 28px)}
  .zdc-intro > .zdc-container{gap:24px}
  body.zdc-landing .zdc-main .zdc-intro__h1,
  body.zdc-landing .zdc-main .zdc-intro--caso-b .zdc-intro__h1{font-size:28px}
  body.zdc-landing .zdc-main .zdc-intro__lead{font-size:16px}
  .zdc-subnav{gap:6px}
  .zdc-meta__tags{flex-wrap:wrap}
  .zdc-tag{white-space:normal}

  .zdc-step{padding:44px 0}
  .zdc-stephead__num{font-size:40px}
  .zdc-stephead__label{font-size:20px;line-height:24px}
  body.zdc-landing .zdc-main .zdc-step__title,
  body.zdc-landing .zdc-main .zdc-step__title--white{font-size:26px}
  body.zdc-landing .zdc-main .zdc-step__desc{font-size:16px}
  .zdc-step__media{height:240px}
  .zdc-fases,.zdc-pasos{flex-direction:column}
  .zdc-kpi{flex:1 1 100%}
  .zdc-tec__logo{width:calc(50% - 6px)}
  body.zdc-landing .zdc-main .zdc-quote__text{font-size:20px}
  .zdc-btns--row{flex-direction:column}
  .zdc-btn{white-space:normal !important;text-align:center}

  .zdc-resumen__media{height:260px}
  body.zdc-landing .zdc-main .zdc-rail__title{font-size:23px}
  .zdc-rail{gap:16px;padding-bottom:44px}
  .zdc-kgrid{grid-template-columns:1fr}
  .zdc-kgrid__item:nth-child(even){border-left:0;padding-left:0}
  .zdc-pain{white-space:normal}
  body.zdc-landing .zdc-main .zdc-testimonio__quote{font-size:21px}
  .zdc-testimonio__media{width:100%;height:260px}

  .zdc-browser__url{width:auto;flex:1 1 auto}
  .zdc-browser--stage .zdc-browser__url{display:none}
  .zdc-browser--lg .zdc-browser__screen{height:220px}
  .zdc-phone--lg{width:200px;height:410px}
  body.zdc-landing .zdc-main .zdc-feature__title{font-size:22px}
  .zdc-rc__val{font-size:44px}
  body.zdc-landing .zdc-main .zdc-rc__text{font-size:19px}
  .zdc-browser--dark .zdc-browser__screen{height:220px}

  .zdc-bento__grid{grid-template-columns:1fr;gap:16px}
  .zdc-tile--main{aspect-ratio:auto;height:260px}
  .zdc-browser--bento{left:24px;top:24px;width:calc(100% - 48px)}
  .zdc-tile--phone{height:420px}
  .zdc-phone--bento{left:50%;margin-left:-88px;top:30px}
  .zdc-ad__visual{height:260px}
  .zdc-browser--ad{left:24px;top:56px;width:calc(100% - 48px)}
  .zdc-shot{flex:1 1 100%}
  .zdc-browser--shot{width:calc(100% - 56px)}
  .zdc-browser--card{left:24px;width:calc(100% - 48px)}
  body.zdc-landing .zdc-main .zdc-cita__text{font-size:21px}

  .zdc-form{padding:44px 0}
  body.zdc-landing .zdc-main .zdc-form__title{font-size:28px}
  body.zdc-landing .zdc-main .zdc-form__desc{font-size:16px}
  .zdc-form__embed{padding:24px 18px;min-height:0}
  .zdc-form__media,.zdc-main .zdc-form__media img{height:200px}

  .zdc-casos-wrap,
  #main.zdc-casos-wrap{padding-top:44px;padding-bottom:44px}
}

@media print{
  .zdc-subnav,.zdc-modal,.zdc-form,.zdc-deco-layer{display:none!important}
  .zdc-intro{padding-top:24px}
}

/* Escenario del escaparate (C) proporcional por debajo de 1280 px */
@media (max-width:1280px){
  .zdc-browser--stage{left:6.667%;top:10.909%;width:76.667%}
  .zdc-browser--stage .zdc-browser__screen{height:auto;aspect-ratio:699.2/396.72}
  .zdc-phone--stage{left:75%;top:22.727%;width:19.167%;height:auto;aspect-ratio:174.8/357.96}
  .zdc-phone--stage .zdc-phone__screen{left:3.48%;top:1.7%;width:93.04%;height:96.6%}
  .zdc-stage__hex{display:none}
}
@media (max-width:640px){
  .zdc-browser--stage .zdc-browser__bar{padding:5px 8px;gap:4px}
  .zdc-browser--stage .zdc-browser__dot{flex-basis:5px;width:5px;height:5px}
  .zdc-phone--stage{border-radius:14px}
  .zdc-phone--stage .zdc-phone__screen{border-radius:11px}
  .zdc-phone--stage .zdc-phone__notch{top:6px;width:28px;height:8px}
  .zdc-btns--center{flex-direction:column;align-items:stretch;width:100%}
}

/* Sin logo del cliente: la primera fila de etiquetas no lleva filete superior */
.zdc-meta--column > .zdc-meta__group:first-child{border-top:0;padding-top:0}

/* ============================================================
   MÓVIL / TABLET — en columna, ningún bloque se encoge por debajo
   de su contenido (evita textos y tarjetas solapados)
   ============================================================ */
@media (max-width:1280px){
  .zdc-main .zdc-stage__hex{display:none}
}
@media (max-width:1024px){
  .zdc-step__content,
  .zdc-step__content--res{flex:none;width:100%;min-height:auto}
  .zdc-step__content--res .zdc-step__title{flex:none}
  .zdc-resumen__cards{flex:none;min-height:auto}
  .zdc-rcard{flex:none;min-height:auto;overflow:visible}
  .zdc-rc__panel{flex:none;width:100%}
  .zdc-rsrcard{flex:none;width:100%}
  .zdc-ad__col{flex:none;width:100%}
  .zdc-detalle__main{flex:none;width:100%}
  .zdc-testimonio__text{flex:none;width:100%}
  .zdc-feature__text{flex:none;width:100%}
  .zdc-meta--column{overflow:visible}
  .zdc-kpi{min-width:0}
  .zdc-kpi__val,.zdc-rc__kpi,.zdc-kgrid__item{white-space:normal}
  .zdc-browser__screen{min-height:0}
  .zdc-browser--lg .zdc-browser__screen{height:auto;aspect-ratio:640/382}
  .zdc-browser--dark .zdc-browser__screen{height:auto;aspect-ratio:16/10}
}
@media (max-width:640px){
  .zdc-stephead{white-space:normal;flex-wrap:wrap;gap:10px 14px}
  .zdc-step__media.zdc-step__media--stack{height:auto}
  .zdc-step__img{height:220px}
  .zdc-rcard{padding:22px 20px}
  .zdc-rcard__h,.zdc-rsrcard__h{white-space:normal;flex-wrap:wrap}
  .zdc-rsrcard__text{padding:20px}
  .zdc-tile__text,.zdc-tile__vlabel{white-space:normal !important;right:20px}
  .zdc-kpi__val{font-size:40px}
  .zdc-kgrid__val{font-size:40px}
  .zdc-rail__track{flex-basis:36px}
  .zdc-rail__num{flex-basis:36px;width:36px;height:36px;font-size:13px}
  .zdc-pasos .zdc-paso{flex:none}
  .zdc-fases .zdc-fase{flex:none}
}