/* Cierre digital de lanzamiento (/es/servicios/cierre-digital-lanzamiento/). Espacio de nombres .es-cdl-* ; el formulario reutiliza los estilos de .es-ll. */
.es-cdl{--cdl-green:#02d098;--cdl-ink:#111;--cdl-lav:#94a5f7;--cdl-sky:#00dbff;}
.es-cdl .es-cdl-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.es-cdl .es-cdl-sec{padding:clamp(56px,8vw,104px) 0;}
.es-cdl .es-cdl-sec.alt{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.es-cdl .es-cdl-eyebrow{font-size:13px;font-weight:800;letter-spacing:.09em;color:var(--green-ink);margin:0 0 16px;}
.es-cdl .es-cdl-eyebrow.lt{color:var(--cdl-green);}
.es-cdl .es-cdl-h2{font-size:clamp(32px,3.8vw,50px);line-height:1.07;letter-spacing:-.025em;margin:0 0 22px;max-width:20em;}
.es-cdl .es-cdl-h2.s{max-width:26em;}
.es-cdl .es-cdl-p{font-size:clamp(17px,1.5vw,19px);line-height:1.65;color:#2b2f35;max-width:42rem;margin:0 0 16px;}
.es-cdl .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;}
.es-cdl .es-cdl-go{background:var(--cdl-green);color:var(--cdl-ink);border:0;font-weight:800;}
.es-cdl .es-cdl-go:hover{background:#3de6b9;color:var(--cdl-ink);}
.es-cdl :focus-visible{outline:3px solid var(--blue);outline-offset:3px;}
.es-cdl .es-cdl-dark :focus-visible{outline-color:#fff;}

/* Hero */
.es-cdl .es-cdl-hero{padding:clamp(40px,6vw,84px) 0 clamp(48px,6vw,88px);}
.es-cdl .es-cdl-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(32px,5vw,72px);align-items:center;}
.es-cdl .es-cdl-hero-text{max-width:640px;}
.es-cdl .es-cdl-hero h1{font-size:clamp(2.7rem,5.2vw,5.2rem);line-height:1;letter-spacing:-.035em;margin:0 0 24px;}
.es-cdl .es-cdl-lede{font-size:clamp(18px,1.6vw,21px);line-height:1.6;margin:0 0 14px;color:#2b2f35;}
.es-cdl .es-cdl-support{font-size:clamp(17px,1.5vw,19px);line-height:1.55;font-weight:600;margin:0 0 26px;}
.es-cdl .es-cdl-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.es-cdl .es-cdl-micro{font-size:14px;line-height:1.55;color:var(--ink-soft);margin:16px 0 0;max-width:34em;}

/* Panel del paquete : cuatro capas que se reúnen una vez */
.es-cdl .es-cdl-pack{background:#111;color:#fff;border-radius:28px;padding:clamp(22px,3vw,34px);min-height:420px;display:flex;flex-direction:column;gap:18px;}
.es-cdl .es-cdl-pack-top b{font-size:12px;letter-spacing:.14em;color:#cfd2d6;font-weight:800;}
.es-cdl .es-cdl-layers{list-style:none;margin:0;padding:0;display:grid;gap:12px;flex:1;align-content:center;}
.es-cdl .es-cdl-layer{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;background:#1e2024;border:1px solid #3a3d44;border-radius:16px;padding:16px 18px;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .5s,border-color .4s;}
.es-cdl .es-cdl-layer-n{width:30px;height:30px;border-radius:50%;background:#2c2f36;display:grid;place-items:center;font-size:13px;font-weight:800;}
.es-cdl .es-cdl-layer-t{font-size:clamp(17px,1.6vw,21px);font-weight:800;letter-spacing:.04em;}
.es-cdl .es-cdl-layer-s{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#e7e8e4;}
.es-cdl .es-cdl-layer-s i{width:10px;height:10px;border-radius:50%;background:var(--cdl-green);transition:background .4s;}
.es-cdl .es-cdl-pack-final{border-top:1px solid #3a3d44;padding-top:16px;display:grid;gap:4px;}
.es-cdl .es-cdl-pack-final b{font-size:clamp(20px,2vw,26px);letter-spacing:.03em;color:var(--cdl-green);}
.es-cdl .es-cdl-pack-final span{font-size:14px;color:#e7e8e4;}
/* Estado inicial sólo cuando el script en línea activa la animación; sin ella (sin JS o reduced motion) se ve el estado final. */
.es-cdl .es-cdl-pack.is-play:not(.is-done) .es-cdl-layer{opacity:0;}
.es-cdl .es-cdl-pack.is-play .es-cdl-layer{animation:cdlIn .7s cubic-bezier(.2,.7,.2,1) both;}
.es-cdl .es-cdl-pack.is-play .l1{animation-delay:.35s;} .es-cdl .es-cdl-pack.is-play .l2{animation-delay:.75s;}
.es-cdl .es-cdl-pack.is-play .l3{animation-delay:1.15s;} .es-cdl .es-cdl-pack.is-play .l4{animation-delay:1.55s;}
.es-cdl .es-cdl-pack.is-play .es-cdl-layer-s i{animation:cdlDot .5s both;}
.es-cdl .es-cdl-pack.is-play .l1 .es-cdl-layer-s i{animation-delay:1s;} .es-cdl .es-cdl-pack.is-play .l2 .es-cdl-layer-s i{animation-delay:1.4s;}
.es-cdl .es-cdl-pack.is-play .l3 .es-cdl-layer-s i{animation-delay:1.8s;} .es-cdl .es-cdl-pack.is-play .l4 .es-cdl-layer-s i{animation-delay:2.2s;}
.es-cdl .es-cdl-pack.is-play .es-cdl-pack-final{animation:cdlFin .6s 2.4s both;}
@keyframes cdlIn{from{opacity:0;transform:translateY(22px) scale(.97);}to{opacity:1;transform:none;}}
@keyframes cdlDot{from{background:#6d727a;}to{background:var(--cdl-green);}}
@keyframes cdlFin{from{opacity:0;}to{opacity:1;}}
@media (prefers-reduced-motion:reduce){.es-cdl .es-cdl-pack *{animation:none !important;transition:none !important;}}

/* Problema */
.es-cdl .es-cdl-problems{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.es-cdl .es-cdl-problems li{background:#fff;border:1px solid var(--border);border-radius:22px;padding:clamp(24px,3vw,34px);}
.es-cdl .es-cdl-problems li:nth-child(1){border-top:4px solid var(--cdl-lav);} .es-cdl .es-cdl-problems li:nth-child(2){border-top:4px solid var(--cdl-sky);}
.es-cdl .es-cdl-problems li:nth-child(3){border-top:4px solid var(--cdl-green);} .es-cdl .es-cdl-problems li:nth-child(4){border-top:4px solid #111;}
.es-cdl .es-cdl-pn{font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--ink-soft);}
.es-cdl .es-cdl-problems h3{font-size:clamp(21px,2vw,26px);line-height:1.2;letter-spacing:-.015em;margin:10px 0 10px;}
.es-cdl .es-cdl-problems p{font-size:17px;line-height:1.6;color:#2b2f35;margin:0;}

/* Encaje */
.es-cdl .es-cdl-fit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;margin-top:34px;}
.es-cdl .es-cdl-fit-yes,.es-cdl .es-cdl-fit-other{border-radius:24px;padding:clamp(26px,3.4vw,42px);}
.es-cdl .es-cdl-fit-yes{background:#eafaf3;border:2px solid var(--cdl-green);}
.es-cdl .es-cdl-fit-other{background:var(--cream);border:1px solid var(--border);}
.es-cdl .es-cdl-fit h3{font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.015em;margin:0 0 18px;}
.es-cdl .es-cdl-fit ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.es-cdl .es-cdl-fit-yes li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:17.5px;line-height:1.5;}
.es-cdl .es-cdl-fit-yes svg{width:22px;height:22px;color:var(--green-ink);margin-top:2px;}
.es-cdl .es-cdl-fit-other li{display:grid;gap:4px;font-size:16.5px;line-height:1.5;padding-bottom:14px;border-bottom:1px solid var(--border);}
.es-cdl .es-cdl-fit-other li:last-child{border-bottom:0;padding-bottom:0;}
.es-cdl .es-cdl-fit-other a{font-weight:800;color:var(--ink);text-decoration:underline;text-underline-offset:3px;}
.es-cdl .es-cdl-fit-other a:hover{color:var(--green-ink);}

/* Perímetro : dossier sticky + cuatro etapas visibles */
.es-cdl .es-cdl-scope{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:clamp(28px,5vw,72px);margin-top:36px;align-items:start;}
.es-cdl .es-cdl-dossier{position:sticky;top:110px;}
.es-cdl .es-cdl-dossier-in{background:#111;color:#fff;border-radius:24px;padding:26px;display:grid;gap:10px;}
.es-cdl .es-cdl-dossier-in b{font-size:12px;letter-spacing:.14em;color:#cfd2d6;margin-bottom:6px;}
.es-cdl .es-cdl-dl{display:flex;align-items:center;gap:12px;border:1px solid #3a3d44;background:#1e2024;border-radius:14px;padding:14px 16px;font-weight:700;font-size:16px;transition:background .25s,border-color .25s,color .25s;}
.es-cdl .es-cdl-dl i{font-style:normal;width:26px;height:26px;border-radius:50%;background:#2c2f36;display:grid;place-items:center;font-size:12px;}
.es-cdl .es-cdl-dl.is-on{background:var(--cdl-green);border-color:var(--cdl-green);color:#111;}
.es-cdl .es-cdl-dl.is-on i{background:#111;color:#fff;}
.es-cdl .es-cdl-stages{list-style:none;margin:0;padding:0;display:grid;gap:34px;}
.es-cdl .es-cdl-stage{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding-bottom:34px;border-bottom:1px solid var(--border);}
.es-cdl .es-cdl-stage:last-child{border-bottom:0;padding-bottom:0;}
.es-cdl .es-cdl-sn{width:44px;height:44px;border-radius:50%;border:1.5px solid #111;display:grid;place-items:center;font-weight:800;background:#fff;}
.es-cdl .es-cdl-stage.is-on .es-cdl-sn{background:var(--cdl-green);border-color:var(--cdl-green);}
.es-cdl .es-cdl-stage h3{font-size:clamp(23px,2.3vw,30px);letter-spacing:-.015em;margin:4px 0 10px;}
.es-cdl .es-cdl-stage p{font-size:18px;line-height:1.6;color:#2b2f35;margin:0 0 14px;max-width:36em;}
.es-cdl .es-cdl-stage ul{margin:0;padding-left:20px;display:grid;gap:7px;font-size:16.5px;line-height:1.5;color:#2b2f35;max-width:36em;}

/* Proceso : eje vertical */
.es-cdl .es-cdl-steps{list-style:none;margin:36px 0 0;padding:0;position:relative;max-width:820px;}
.es-cdl .es-cdl-steps::before{content:"";position:absolute;left:29px;top:12px;bottom:12px;width:2px;background:var(--border);}
.es-cdl .es-cdl-steps li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:26px;padding-bottom:40px;position:relative;}
.es-cdl .es-cdl-steps li:last-child{padding-bottom:0;}
.es-cdl .es-cdl-stepn{width:60px;height:60px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:800;font-size:17px;position:relative;z-index:1;}
.es-cdl .es-cdl-steps li:last-child .es-cdl-stepn{background:var(--cdl-green);color:#111;}
.es-cdl .es-cdl-steps h3{font-size:clamp(23px,2.3vw,30px);letter-spacing:-.015em;margin:10px 0 8px;}
.es-cdl .es-cdl-steps p{font-size:18px;line-height:1.6;color:#2b2f35;margin:0;max-width:36em;}

/* Estados */
.es-cdl .es-cdl-dark{background:#111;color:#fff;}
.es-cdl .es-cdl-dark .es-cdl-h2{color:#fff;}
.es-cdl .es-cdl-dark .es-cdl-p{color:#e7e8e4;}
.es-cdl .es-cdl-states{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.es-cdl .es-cdl-states li{background:#1e2024;border:1px solid #3a3d44;border-radius:22px;padding:clamp(22px,2.6vw,32px);}
.es-cdl .es-cdl-dot{display:block;width:14px;height:14px;border-radius:50%;margin-bottom:16px;background:var(--cdl-green);}
.es-cdl .st-mid .es-cdl-dot{background:var(--cdl-lav);} .es-cdl .st-no .es-cdl-dot{background:#fff;box-shadow:inset 0 0 0 4px #111;border:2px solid #fff;}
.es-cdl .es-cdl-states h3{font-size:clamp(20px,1.9vw,24px);line-height:1.2;margin:0 0 10px;color:#fff;}
.es-cdl .es-cdl-states p{font-size:16.5px;line-height:1.6;color:#e7e8e4;margin:0;}
.es-cdl .es-cdl-disc{margin:28px 0 0;font-size:15px;line-height:1.6;color:#e7e8e4;max-width:46em;}

/* Entregables */
.es-cdl .es-cdl-deliv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:center;}
.es-cdl .es-cdl-dcard{background:#111;color:#fff;border-radius:28px;padding:clamp(24px,3vw,36px);}
.es-cdl .es-cdl-dcard-t{font-size:12px;letter-spacing:.14em;color:#cfd2d6;}
.es-cdl .es-cdl-dlist{list-style:none;margin:18px 0 24px;padding:0;display:grid;gap:8px;}
.es-cdl .es-cdl-drow{width:100%;display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:center;text-align:left;background:#1e2024;border:1px solid #3a3d44;color:#fff;border-radius:14px;padding:14px 16px;font:inherit;font-weight:700;font-size:clamp(16px,1.5vw,19px);cursor:pointer;}
.es-cdl .es-cdl-drow .n{width:30px;height:30px;border-radius:50%;background:#2c2f36;display:grid;place-items:center;font-size:13px;}
.es-cdl .es-cdl-drow.is-on{border-color:var(--cdl-green);}
.es-cdl .es-cdl-drow.is-on .n{background:var(--cdl-green);color:#111;}
.es-cdl .es-cdl-dprev{margin:8px 4px 6px;padding:0 4px 0 48px;font-size:15.5px;line-height:1.55;color:#e7e8e4;}
.es-cdl .js-on .es-cdl-dprev{display:none;} .es-cdl .js-on .es-cdl-drow.is-on + .es-cdl-dprev{display:block;}

/* Responsabilidades */
.es-cdl .es-cdl-roles{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:14px;position:relative;}
.es-cdl .es-cdl-roles li{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(18px,4vw,56px);align-items:center;background:var(--cream);border:1px solid var(--border);border-radius:20px;padding:clamp(20px,2.6vw,30px) clamp(22px,3vw,38px);position:relative;}
.es-cdl .es-cdl-roles li:nth-child(1){border-left:6px solid var(--cdl-lav);} .es-cdl .es-cdl-roles li:nth-child(2){border-left:6px solid var(--cdl-green);} .es-cdl .es-cdl-roles li:nth-child(3){border-left:6px solid #111;}
.es-cdl .es-cdl-roles h3{font-size:clamp(21px,2vw,26px);letter-spacing:-.015em;margin:0;}
.es-cdl .es-cdl-roles p{font-size:17.5px;line-height:1.6;color:#2b2f35;margin:0;max-width:38em;}

/* Alcance adicional */
.es-cdl .es-cdl-extra{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start;}
.es-cdl .es-cdl-extra-list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--border);}
.es-cdl .es-cdl-extra-list li{font-size:17.5px;line-height:1.5;padding:15px 0;border-bottom:1px solid var(--border);}

/* CTA final */
.es-cdl .es-cdl-final .es-cdl-ctas{margin-top:8px;}
.es-cdl .es-cdl-link{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px;}
.es-cdl .es-cdl-calm{list-style:none;margin:32px 0 0;padding:26px 0 0;border-top:1px solid #3a3d44;display:grid;gap:10px;font-size:16.5px;line-height:1.55;color:#e7e8e4;}
.es-cdl .es-cdl-calm a{color:var(--cdl-sky);text-decoration:underline;text-underline-offset:3px;}
.es-cdl .es-cdl-success .btn{margin-top:8px;}

@media (max-width:960px){
  .es-cdl .es-cdl-hero-grid,.es-cdl .es-cdl-fit,.es-cdl .es-cdl-scope,.es-cdl .es-cdl-deliv,.es-cdl .es-cdl-extra{grid-template-columns:1fr;}
  .es-cdl .es-cdl-states{grid-template-columns:1fr;}
  .es-cdl .es-cdl-dossier{position:static;}
  .es-cdl .es-cdl-dossier-in{grid-template-columns:repeat(2,1fr);} .es-cdl .es-cdl-dossier-in b{grid-column:1/-1;}
  .es-cdl .es-cdl-roles li{grid-template-columns:1fr;gap:8px;}
}
@media (max-width:640px){
  .es-cdl .es-cdl-problems{grid-template-columns:1fr;}
  .es-cdl .es-cdl-pack{min-height:0;}
  .es-cdl .es-cdl-layer{grid-template-columns:30px 1fr;} .es-cdl .es-cdl-layer-s{grid-column:2;}
  .es-cdl .es-cdl-dossier-in{display:none;}
  .es-cdl .es-cdl-ctas .btn{width:100%;}
  .es-cdl .es-cdl-steps::before{left:23px;} .es-cdl .es-cdl-steps li{grid-template-columns:48px 1fr;gap:18px;} .es-cdl .es-cdl-stepn{width:48px;height:48px;font-size:15px;}
  .es-cdl .es-cdl-stage{grid-template-columns:1fr;gap:10px;} .es-cdl .es-cdl-dprev{padding-left:4px;}
}
/* Formulario en pantallas muy estrechas (320 px) : los fieldset no fuerzan el ancho de la página. */
.es-cdl fieldset{min-width:0;}
.es-cdl .ll-order{min-width:0;} .es-cdl .ll-order-right{min-width:0;}
@media (max-width:420px){ .es-cdl .ll-order{padding:20px 14px;} }
@media (max-width:480px){ .es-cdl .ll-opts-g,.es-cdl .ll-opts-yn .ll-opts-g{grid-template-columns:1fr;} }
