/* ============================================================
   Zemsania Landings Devs — Servicios Gestionados · Devs
   SAP · E-Business · Servicios Web (contenido 1200 px).
   ============================================================ */

:root{
  --zdv-ink:#141414;
  --zdv-night:#1C1916;
  --zdv-grey:#5E5E5E;
  --zdv-grey-2:#8A847C;
  --zdv-sep:#B8B1A7;
  --zdv-line:#E8E3DC;
  --zdv-cream:#FAF8F5;
  --zdv-tint:#FDEEE8;
  --zdv-orange:#F15C2B;
  --zdv-orange-2:#F18822;
  --zdv-grad:linear-gradient(90deg,#F15C2B 0%,#F18822 100%);
  --zdv-font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --zdv-mono:ui-monospace,'SF Mono','JetBrains Mono',Menlo,Consolas,monospace;
  --zdv-px:120px;
  --zdv-header-h:86px;
}

/* ── Reset acotado ───────────────────────────────────────────── */
.zdv-main,.zdv-main *,.zdv-main *::before,.zdv-main *::after{box-sizing:border-box}
body.zdv-landing .zdv-main{font-family:var(--zdv-font);font-size:16px;line-height:1.5;color:var(--zdv-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.zdv-main img,.zdv-main video{max-width:100%;height:auto;display:block}
.zdv-main :where(ul,ol){list-style:none;margin:0;padding:0}
.zdv-main :where(h1,h2,h3,h4,p,li){margin:0;padding:0;font-family:var(--zdv-font);letter-spacing:normal;text-transform:none;font-style:normal}
body.zdv-landing .zdv-main a{color:inherit;text-decoration:none}
.zdv-main :where(button){font-family:var(--zdv-font);background:none;border:0;padding:0;margin:0;cursor:pointer;color:inherit;text-align:left;font-size:inherit;line-height:inherit}
body.zdv-landing .zdv-main strong{font-weight:600}
body.zdv-landing .zdv-main h1,body.zdv-landing .zdv-main h2,body.zdv-landing .zdv-main h3{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;color:var(--zdv-ink)
}
:where(.zdv-main) .zdv-hex{display:block;overflow:visible}

/* ── Contenedor y secciones ──────────────────────────────────── */
.zdv-main{overflow-x:clip}
.zdv-container{position:relative;z-index:2;width:100%;max-width:calc(var(--zdv-w,1200px) + var(--zdv-px) * 2);margin:0 auto;padding:0 var(--zdv-px)}
.zdv-sec{position:relative;background:#fff;padding:80px 0}
.zdv-sec > .zdv-container{display:flex;flex-direction:column;gap:40px}
.zdv-sec--cream{background:var(--zdv-cream)}
.zdv-sec--dark{background:var(--zdv-night);color:#fff;overflow:hidden}

/* ── Cabecera de sección ─────────────────────────────────────── */
.zdv-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:820px}
body.zdv-landing .zdv-main .zdv-eb{color:var(--zdv-orange);background:var(--zdv-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.zdv-landing .zdv-main .zdv-h2{font-size:38px;font-weight:600;line-height:1.18;letter-spacing:-.01em}
body.zdv-landing .zdv-main .zdv-sub{font-size:18px;line-height:28px;color:var(--zdv-grey)}
body.zdv-landing .zdv-main .zdv-sec--dark .zdv-h2{color:#fff!important}
body.zdv-landing .zdv-main .zdv-sec--dark .zdv-sub{color:rgba(255,255,255,.72)}
body.zdv-landing .zdv-main .zdv-inline-link{color:var(--zdv-orange);text-decoration:underline;text-underline-offset:2px}

/* ── Botones ─────────────────────────────────────────────────── */
body.zdv-landing .zdv-main .zdv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:600;line-height:16px;border-radius:100px;padding:17px 30px;white-space:nowrap;transition:background .2s,transform .2s}
body.zdv-landing .zdv-main .zdv-btn--primary{background:var(--zdv-orange);color:#fff}
body.zdv-landing .zdv-main .zdv-btn--primary:hover{background:#D94E1F}
.zdv-btn .zdv-ui{transition:transform .2s}
.zdv-btn:hover .zdv-ui{transform:translateX(3px)}
.zdv-main :focus-visible{outline:2px solid var(--zdv-orange);outline-offset:3px}

/* ── Piezas ──────────────────────────────────────────────────── */
.zdv-hexicon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:52px;height:58px}
.zdv-hexicon > svg.zdv-hex{position:absolute;inset:0;width:100%;height:100%}
.zdv-hexicon > .zdv-icon{position:relative}
.zdv-hexicon--sm{width:42px;height:47px}

.zdv-chips{display:flex;flex-wrap:wrap;gap:8px}
body.zdv-landing .zdv-main .zdv-chips li{font-family:var(--zdv-mono);font-size:13px;line-height:16px;font-weight:500;padding:8px 13px;border-radius:999px;border:1px solid var(--zdv-line);background:var(--zdv-cream);color:var(--zdv-ink)}
body.zdv-landing .zdv-main .zdv-chips--lg li{font-size:14px;line-height:17px;padding:9px 14px;background:#fff}

.zdv-checks{display:grid;gap:0}
.zdv-checks li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--zdv-line)}
.zdv-checks li:last-child{border-bottom:1px solid var(--zdv-line)}
body.zdv-landing .zdv-main .zdv-checks li{font-size:15px;line-height:22px;color:var(--zdv-ink)}
.zdv-checks__ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--zdv-tint)}
.zdv-checks--short{grid-template-columns:1fr 1fr;gap:8px}
.zdv-checks--short li,.zdv-checks--short li:last-child{border:1px solid var(--zdv-line);border-radius:12px;padding:12px 14px;background:var(--zdv-cream);align-items:center}
body.zdv-landing .zdv-main .zdv-checks--short li{font-weight:500}

/* ── Hero ────────────────────────────────────────────────────── */
.zdv-hero{padding:100px 0 96px;overflow:hidden}
.zdv-hero > .zdv-container{gap:36px}
.zdv-hero__hex{position:absolute;z-index:1;pointer-events:none}
.zdv-hero__hex--a{width:620px;height:688px;right:-170px;top:40px}
.zdv-hero__hex--b{width:150px;height:166px;left:-60px;bottom:40px}
.zdv-subnav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body.zdv-landing .zdv-main .zdv-subnav__label{color:var(--zdv-orange)}
.zdv-subnav__sep{font-size:14px;line-height:17px;color:var(--zdv-sep)}
.zdv-subnav__dot{font-size:13px;color:var(--zdv-grey)}
body.zdv-landing .zdv-main .zdv-subnav__link{font-size:13px;font-weight:500;line-height:16px;color:var(--zdv-grey);transition:color .2s}
body.zdv-landing .zdv-main .zdv-subnav__link:hover{color:var(--zdv-ink)}
body.zdv-landing .zdv-main .zdv-subnav__link.is-active{color:var(--zdv-orange);font-weight:600}
.zdv-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:72px;align-items:start}
.zdv-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-top:24px}
body.zdv-landing .zdv-main .zdv-hero__h1{font-size:54px;font-weight:700;line-height:1.08;letter-spacing:-.02em}
body.zdv-landing .zdv-main .zdv-hero__lead{font-size:20px;line-height:31px;color:var(--zdv-ink);max-width:600px}
body.zdv-landing .zdv-main .zdv-hero__apoyo{font-size:17px;line-height:27px;color:var(--zdv-grey);max-width:580px}
.zdv-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.zdv-hero__visual{position:relative;padding-bottom:48px}
.zdv-hero__media{width:100%;height:520px;border-radius:24px;overflow:hidden;background:var(--zdv-cream)}
.zdv-main .zdv-hero__media img,.zdv-main .zdv-hero__media video,.zdv-hero__media .zdv-embed{width:100%;height:100%;object-fit:cover}
.zdv-embed{display:block;position:relative}
.zdv-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Tarjeta de servicio sobre la foto */
.zdv-console{position:absolute;left:-56px;bottom:0;width:280px;background:#fff;color:var(--zdv-ink);border:1px solid var(--zdv-line);border-radius:18px;box-shadow:0 20px 44px rgba(20,20,20,.12);padding:18px 20px 16px}
.zdv-console__head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--zdv-line)}
.zdv-console__hex{display:inline-flex;width:20px;height:22px}
.zdv-console__hex svg{width:100%;height:100%}
body.zdv-landing .zdv-main .zdv-console__title{font-size:12px;font-weight:600;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--zdv-orange)}
.zdv-console__list{padding:10px 0 4px}
body.zdv-landing .zdv-main .zdv-console__list li{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:15px;font-weight:500;line-height:20px;color:var(--zdv-ink)}
.zdv-console__ok{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--zdv-tint)}
body.zdv-landing .zdv-main .zdv-console__status{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:6px 12px;border-radius:999px;background:var(--zdv-tint);font-size:12px;font-weight:600;line-height:16px;color:var(--zdv-orange)}
.zdv-console__pulse{position:relative;flex:none;width:7px;height:7px;border-radius:50%;background:var(--zdv-orange)}
.zdv-console__pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--zdv-orange);animation:zdv-pulse 2s ease-out infinite}
@keyframes zdv-pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}

/* ── Qué hacemos (pestañas) ──────────────────────────────────── */
.zdv-tabs{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;align-items:start}
.zdv-tabs__list{display:flex;flex-direction:column;gap:8px}
.zdv-tabs__tab{display:flex;align-items:center;gap:18px;width:100%;position:relative;padding:15px 18px;border:1px solid var(--zdv-line);border-radius:14px;background:#fff;transition:background .2s,border-color .2s,box-shadow .2s}
.zdv-tabs__tab:hover{border-color:#F3C9B4}
body.zdv-landing .zdv-main .zdv-tabs__num{flex:none;font-family:var(--zdv-mono);font-size:13px;font-weight:600;color:var(--zdv-orange)}
.zdv-tabs__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
body.zdv-landing .zdv-main .zdv-tabs__title{font-size:16px;font-weight:600;line-height:21px;color:var(--zdv-ink)}
body.zdv-landing .zdv-main .zdv-tabs__sum{font-size:13px;line-height:18px;color:var(--zdv-grey)}
.zdv-tabs__tab > .zdv-ui{flex:none;color:var(--zdv-sep);transition:transform .2s,color .2s}
.zdv-tabs__tab.is-active{border-color:var(--zdv-orange);box-shadow:0 10px 24px rgba(241,92,43,.10)}
.zdv-tabs__tab.is-active > .zdv-ui{color:var(--zdv-orange);transform:translateX(3px)}
.zdv-tabs__panels{display:flex;flex-direction:column;gap:16px}
.zdv-tabs__panel{background:#fff;border:1px solid var(--zdv-line);border-radius:20px;padding:28px 32px;display:flex;flex-direction:column;gap:16px}
html.zdv-js .zdv-tabs__panel:not(.is-active){display:none}
.zdv-tabs__phead{display:flex;align-items:center;gap:20px}
body.zdv-landing .zdv-main .zdv-tabs__pnum{display:block;font-family:var(--zdv-mono);font-size:12px;letter-spacing:.06em;color:var(--zdv-grey-2);margin-bottom:6px}
body.zdv-landing .zdv-main .zdv-tabs__ptitle{font-size:23px;font-weight:600;line-height:1.2}
body.zdv-landing .zdv-main .zdv-tabs__plead{font-size:16px;line-height:25px;color:var(--zdv-grey)}

/* ── Dos bloques ─────────────────────────────────────────────── */
.zdv-dos__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.zdv-card2{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:28px 30px;border-radius:20px;border:1px solid var(--zdv-line);background:var(--zdv-cream)}
.zdv-card2--dark{background:var(--zdv-night);border-color:var(--zdv-night);color:#fff}
.zdv-card2__hex{position:absolute;width:300px;height:333px;right:-150px;bottom:-190px;pointer-events:none;opacity:.7}
.zdv-card2__top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}
.zdv-card2__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:var(--zdv-tint)}
.zdv-card2--dark .zdv-card2__icon{background:rgba(241,136,34,.12)}
body.zdv-landing .zdv-main .zdv-card2__big{font-size:48px;font-weight:700;line-height:1;letter-spacing:-.03em;background:var(--zdv-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.zdv-landing .zdv-main .zdv-card2__title{position:relative;font-size:21px;font-weight:600;line-height:1.25;margin-top:4px}
body.zdv-landing .zdv-main .zdv-card2--dark .zdv-card2__title{color:#fff!important}
body.zdv-landing .zdv-main .zdv-card2__text{position:relative;font-size:16px;line-height:25px;color:var(--zdv-grey)}
body.zdv-landing .zdv-main .zdv-card2--dark .zdv-card2__text{color:rgba(255,255,255,.75)}
.zdv-card2 .zdv-chips{position:relative;margin-top:auto;padding-top:6px}
body.zdv-landing .zdv-main .zdv-card2 .zdv-chips li{background:#fff}
body.zdv-landing .zdv-main .zdv-card2--dark .zdv-chips li{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:#fff}

/* ── Expertise ───────────────────────────────────────────────── */
.zdv-pilares__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.zdv-pilares__grid--3{grid-template-columns:repeat(3,1fr)}
.zdv-pilares__grid--2{grid-template-columns:repeat(2,1fr)}
.zdv-pilar{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px 22px 24px;border-radius:16px;border:1px solid var(--zdv-line);background:#fff;transition:transform .25s,border-color .25s,box-shadow .25s}
.zdv-pilar:hover{transform:translateY(-4px);border-color:#F3C9B4;box-shadow:0 18px 36px rgba(20,20,20,.07)}
body.zdv-landing .zdv-main .zdv-pilar__num{position:absolute;top:20px;right:20px;font-family:var(--zdv-mono);font-size:13px;color:var(--zdv-grey-2)}
body.zdv-landing .zdv-main .zdv-pilar__title{margin-top:0;font-size:17px;font-weight:600;line-height:1.3}
body.zdv-landing .zdv-main .zdv-pilar__text{font-size:15px;line-height:23px;color:var(--zdv-grey)}

/* ── Tecnologías ─────────────────────────────────────────────── */
.zdv-stack__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.zdv-stack__group{display:flex;flex-direction:column;gap:18px;padding:24px 26px;border-radius:20px;border:1px solid var(--zdv-line);background:#fff}
.zdv-stack__head{display:flex;align-items:center;gap:16px}
body.zdv-landing .zdv-main .zdv-stack__title{flex:1;font-size:19px;font-weight:600;line-height:1.25}

/* ── Valor diferencial ──────────────────────────────────────── */
.zdv-banda__list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.zdv-banda__list li{display:flex;flex-direction:column;gap:8px;padding:22px 22px 24px;border-radius:16px;border:1px solid var(--zdv-line);border-top:3px solid var(--zdv-orange);background:#fff}
.zdv-banda__ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--zdv-tint);margin-bottom:6px}
body.zdv-landing .zdv-main .zdv-banda__t{font-size:17px;font-weight:600;line-height:23px;color:var(--zdv-ink)}
body.zdv-landing .zdv-main .zdv-banda__d{font-size:15px;line-height:23px;color:var(--zdv-grey)}

/* ── Casos relacionados (bloque del tema) ────────────────────── */
#main.zdv-casos-wrap,.zdv-casos-wrap{padding-top:80px;padding-bottom:80px;background:#fff}

/* ── Formulario (bloque naranja común) ───────────────────────── */
.zdv-form{padding:80px 0;background:var(--zdv-grad);color:#fff;overflow:hidden}
.zdv-form > .zdv-container{display:block}
.zdv-form__hex{position:absolute;z-index:1;pointer-events:none}
.zdv-form__hex--a{width:360px;height:400px;left:-120px;top:-110px}
.zdv-form__hex--b{width:260px;height:288px;right:-60px;bottom:-90px}
.zdv-form__inner{display:flex;gap:64px;align-items:stretch}
.zdv-form__left{flex:0 0 536px;min-width:0;display:flex;flex-direction:column;gap:16px}
.zdv-form__media{width:100%;height:287px;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.14)}
.zdv-main .zdv-form__media img,.zdv-main .zdv-form__media video,.zdv-form__media .zdv-embed{width:100%;height:287px;object-fit:cover}
body.zdv-landing .zdv-main h2.zdv-form__title{font-size:36px;font-weight:600;line-height:1.16;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.zdv-landing .zdv-main .zdv-form__text{font-size:18px;line-height:27px;color:#fff;opacity:.92}
.zdv-form__right{flex:1 1 0;min-width:0;display:flex}
.zdv-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(--zdv-ink)}
.zdv-form__embed .hs-form-frame{width:100%}
.zdv-form__placeholder{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 16px;text-align:center;font-size:14px;color:var(--zdv-grey)}
body.zdv-landing .zdv-main .zdv-form__legal{margin-top:auto;font-size:12px;line-height:16.8px;color:var(--zdv-grey)}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width:1280px){
  :root{--zdv-px:64px}
  .zdv-hero__inner{grid-template-columns:minmax(0,1fr) 440px;gap:56px}
  body.zdv-landing .zdv-main .zdv-hero__h1{font-size:46px}
  .zdv-tabs{grid-template-columns:360px minmax(0,1fr)}
  .zdv-pilares__grid{grid-template-columns:repeat(2,1fr)}
  .zdv-form__left{flex:1 1 0}
}
@media (max-width:1024px){
  :root{--zdv-px:40px}
  .zdv-sec{padding:80px 0}
  .zdv-hero{padding-bottom:72px}
  .zdv-hero__inner{grid-template-columns:1fr;gap:40px}
  .zdv-hero__content{padding-top:0}
  .zdv-hero__visual{max-width:560px;width:100%;padding-left:40px}
  .zdv-console{left:0}
  .zdv-hero__hex{display:none}
  body.zdv-landing .zdv-main .zdv-hero__h1{font-size:42px}
  .zdv-tabs{grid-template-columns:1fr}
  .zdv-tabs__list{display:none}
  html.zdv-js .zdv-tabs__panel:not(.is-active){display:flex}
  .zdv-dos__grid,.zdv-stack__grid{grid-template-columns:1fr}
  .zdv-card2{min-height:0}
  .zdv-form__inner{flex-direction:column;gap:40px}
  .zdv-form__left,.zdv-form__right{flex:none;width:100%}
}
@media (max-width:760px){
  :root{--zdv-px:20px}
  .zdv-sec{padding:56px 0}
  .zdv-sec > .zdv-container{gap:32px}
  .zdv-hero{padding-bottom:56px}
  body.zdv-landing .zdv-main .zdv-hero__h1{font-size:34px;line-height:1.12}
  body.zdv-landing .zdv-main .zdv-hero__h1 br{display:none}
  body.zdv-landing .zdv-main .zdv-hero__lead{font-size:18px;line-height:28px}
  body.zdv-landing .zdv-main .zdv-hero__apoyo{font-size:16px;line-height:25px}
  .zdv-hero__ctas,.zdv-hero__ctas .zdv-btn{width:100%}
  .zdv-hero__visual{padding:0 0 0 0}
  .zdv-hero__media{height:auto;aspect-ratio:4 / 3}
  .zdv-console{position:relative;left:auto;bottom:auto;width:auto;margin:-40px 16px 0}
  body.zdv-landing .zdv-main .zdv-h2{font-size:28px}
  body.zdv-landing .zdv-main .zdv-sub{font-size:16px;line-height:25px}
  .zdv-tabs__panel{padding:22px 20px;gap:14px}
  body.zdv-landing .zdv-main .zdv-tabs__ptitle{font-size:20px}
  .zdv-checks--short{grid-template-columns:1fr}
  .zdv-card2{padding:24px 20px}
  body.zdv-landing .zdv-main .zdv-card2__big{font-size:40px}
  .zdv-pilares__grid,.zdv-pilares__grid--3{grid-template-columns:1fr}
  .zdv-pilar{flex-direction:row;align-items:center;gap:16px;padding:16px 18px}
  body.zdv-landing .zdv-main .zdv-pilar__title{margin-top:0;font-size:18px;padding-right:28px}
  body.zdv-landing .zdv-main .zdv-pilar__num{top:50%;transform:translateY(-50%);right:20px}
  .zdv-stack__group{padding:26px 22px}
  .zdv-banda__list{grid-template-columns:1fr;gap:12px}
  .zdv-form{padding:56px 0}
  body.zdv-landing .zdv-main h2.zdv-form__title{font-size:28px}
  .zdv-form__embed{padding:24px;min-height:0}
  .zdv-form__media,.zdv-main .zdv-form__media img{height:200px}
}
/* Pantallas grandes: mismo ancho de contenido que el resto de landings (1296 px). */
@media (min-width:1400px){
  :root{--zdv-w:1296px}
}
@media (prefers-reduced-motion:reduce){
  .zdv-console__pulse::after{animation:none}
  .zdv-pilar,.zdv-btn .zdv-ui,.zdv-tabs__tab > .zdv-ui{transition:none}
}