/* ==========================================================================
   DRAGO EXPRESO — Secciones (widgets de Elementor)
   Todo el CSS vive bajo el scope .dgx para no pelearse con Hello Elementor
   ni con los Ajustes globales de Elementor. Los tokens del design system se
   declaran en .dgx (no en :root) y van prefijados --dgx-*.
   No carga tipografias: Rubik se carga desde Ajustes del sitio de Elementor.
   ========================================================================== */

/* --- 1 · Scope y tokens --------------------------------------------------- */
.dgx{
  /* Marca */
  --dgx-verde-claro:#C6CF26;
  --dgx-verde-oscuro:#8B8F24;
  /* Neutros */
  --dgx-gray-050:#F7F7F7;
  --dgx-gray-100:#EDEDED;
  --dgx-gray-200:#DCDCDC;
  --dgx-gray-300:#C4C4C3;
  --dgx-gray-400:#9C9B9B;
  --dgx-gray-500:#7E7D7D;
  --dgx-gray-600:#646363;
  --dgx-gray-700:#4E4D4D;
  --dgx-gray-900:#242423;
  /* Verdes */
  --dgx-green-050:#F7F8E4;
  --dgx-green-100:#ECEFC0;
  --dgx-green-200:#DDE283;
  --dgx-green-300:#C6CF26;
  --dgx-green-400:#AFB625;
  --dgx-green-500:#8B8F24;
  --dgx-green-600:#6E721D;
  --dgx-green-700:#4F5215;
  /* Degradados de marca */
  --dgx-grad-verde:linear-gradient(135deg,#C6CF26 0%,#8B8F24 100%);
  --dgx-grad-profundo:linear-gradient(135deg,#6E721D 0%,#4F5215 100%);
  --dgx-grad-soft:linear-gradient(135deg,#F7F8E4 0%,#ECEFC0 100%);
  --dgx-grad-proteccion:linear-gradient(180deg,rgba(36,36,35,0) 0%,rgba(36,36,35,.72) 100%);
  /* Semanticos */
  /* --dgx-text-heading es el negro de marca y se usa SOLO en los titulares de
     primer nivel: el encabezado de seccion y los titulos de paso. Los titulos
     dentro de tarjetas y maquetas se quedan en --dgx-text-strong, el gris del
     design system. Decision de Drago, a proposito distinta del diseno original,
     que pone todos los encabezados en --text-strong. */
  --dgx-text-heading:#242423;
  --dgx-text-strong:#4E4D4D;
  --dgx-text-body:#646363;
  --dgx-text-muted:#7E7D7D;
  --dgx-border-subtle:#DCDCDC;
  --dgx-border-default:#C4C4C3;
  --dgx-surface-card:#FFFFFF;
  /* Radios */
  --dgx-r-xs:4px; --dgx-r-sm:8px; --dgx-r-md:12px; --dgx-r-lg:20px; --dgx-r-xl:28px; --dgx-r-pill:999px;
  /* Elevacion */
  --dgx-sh-xs:0 1px 2px rgba(100,99,99,.10);
  --dgx-sh-sm:0 2px 6px rgba(100,99,99,.10);
  --dgx-sh-md:0 8px 20px rgba(100,99,99,.12);
  --dgx-sh-lg:0 18px 40px rgba(100,99,99,.16);
  --dgx-sh-accent:0 10px 24px rgba(139,143,36,.28);
  --dgx-focus:0 0 0 3px rgba(198,207,38,.45);
  /* Tipografia */
  --dgx-font:"Rubik","Helvetica Neue",Arial,sans-serif;
  --dgx-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;
  /* Layout */
  --dgx-container:1280px;
  --dgx-gutter:40px;
  /* Movimiento */
  --dgx-ease:cubic-bezier(.22,.61,.36,1);

  box-sizing:border-box;
  font-family:var(--dgx-font);
  font-size:16px;
  line-height:1.6;
  color:var(--dgx-text-body);
  -webkit-font-smoothing:antialiased;
  text-wrap:pretty;
}
@media(max-width:560px){ .dgx{ --dgx-gutter:20px } }

/* Reset local: Hello Elementor y los ajustes globales no deben filtrarse aqui.
   Los selectores de elemento van dentro de :where() a proposito: asi el reset
   pesa lo justo para ganar al tema pero pierde contra las clases .dgx-* de mas
   abajo. Sin esto, .dgx p{margin:0} (0-1-1) anularia .dgx-p{margin-top:16px}
   (0-1-0) y se caeria todo el ritmo vertical.

   Ojo con los dos niveles de peso:
   - p, ul, ol, li van con .dgx  (0-1-0). Basta: nadie los ataca desde fuera.
   - h1-h4, a e img van con .dgx.dgx (0-2-0), la clase repetida a proposito.
     El Theme Style de Elementor emite .elementor-kit-N h1..h6 / a / img con
     0-1-1, que le ganaria a 0-1-0 y nos cambiaria el tamano y el color de los
     titulares dentro del widget. Con 0-2-0 no llega.
   Consecuencia: TODA regla propia sobre un titular, un enlace o una imagen
   tiene que ir prefijada con `.dgx ` para pesar 0-2-0 y volver a ganar. */
.dgx *,.dgx *::before,.dgx *::after{box-sizing:border-box}
.dgx :where(p){margin:0}
.dgx.dgx :where(h1,h2,h3,h4){margin:0;font-family:inherit;line-height:1.15;letter-spacing:-.01em;color:var(--dgx-text-strong)}
.dgx.dgx :where(img){max-width:100%;display:block;height:auto;border:0;border-radius:0;box-shadow:none;opacity:1;filter:none}
.dgx :where(ul,ol){margin:0;padding:0;list-style:none}
.dgx :where(li){margin:0}
.dgx.dgx :where(a){color:var(--dgx-green-600);text-decoration:none;transition:color 140ms var(--dgx-ease)}
.dgx.dgx :where(a):hover{color:var(--dgx-green-700);text-decoration:underline;text-underline-offset:3px}
.dgx.dgx :where(a,button):focus-visible{outline:none;box-shadow:var(--dgx-focus);border-radius:var(--dgx-r-sm)}
.dgx ::selection{background:var(--dgx-verde-claro);color:var(--dgx-green-700)}

/* --- 2 · Utilidades ------------------------------------------------------- */
.dgx-wrap{width:100%;max-width:var(--dgx-container);margin:0 auto;padding:0 var(--dgx-gutter)}
.dgx-mono{font-family:var(--dgx-mono)}
.dgx .dgx-h2{font-size:clamp(26px,3.2vw,34px);font-weight:600;letter-spacing:-.01em;line-height:1.15}
.dgx-i{display:block;flex-shrink:0}
.dgx-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--dgx-green-600)}
.dgx-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--dgx-text-muted)}
.dgx-sechead{max-width:760px}
.dgx-sechead--center{margin-left:auto;margin-right:auto;text-align:center}
.dgx .dgx-sechead .dgx-h2{color:var(--dgx-text-heading);margin-top:14px}
.dgx-p{font-size:16px;color:var(--dgx-text-body);line-height:1.65;margin-top:16px;max-width:560px}
.dgx-p:first-child{margin-top:0}
.dgx-sechead__lead{font-size:18px;color:var(--dgx-text-body);line-height:1.6;margin-top:14px}
/* Algunos temas pierden la regla de UA para [hidden]; las pestañas conmutan con el.hidden. */
.dgx [hidden]{display:none!important}
/* Solo para lectores de pantalla (etiqueta del buscador de FAQ) */
.dgx-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Reveal: la clase la anade el JS, asi que sin JS el contenido se ve igual */
.dgx-reveal{opacity:0;transform:translateY(14px);transition:opacity 600ms var(--dgx-ease),transform 600ms var(--dgx-ease)}
.dgx-reveal.dgx-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .dgx-reveal{opacity:1;transform:none;transition:none}
}

/* --- 3 · Botones (equivalen al <Button> del design system) ----------------
   El <Button> del diseno lleva white-space:nowrap. Aqui NO, a proposito: los
   textos los escribe el cliente desde Elementor y una etiqueta larga con nowrap
   se sale del contenedor por la derecha (roto en movil, donde el boton va al
   100%). La combinacion que lo sustituye:
     flex-shrink:0  -> conserva el comportamiento del diseno en escritorio:
                       antes de partir el texto, los botones se reparten en
                       varias filas (el contenedor lleva flex-wrap:wrap).
     max-width:100% -> techo duro. Cuando un boton por si solo no cabe, se
                       queda al ancho del contenedor...
     white-space:normal + text-align:center
                    -> ...y entonces el texto pasa a dos lineas centradas en
                       vez de desbordar. Sin breakpoints: funciona a cualquier
                       ancho y con cualquier longitud de etiqueta.            */
.dgx-btn,.dgx a.dgx-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid transparent;border-radius:var(--dgx-r-sm);
  font-family:var(--dgx-font);font-weight:500;letter-spacing:-.01em;line-height:1.5;
  padding:12px 24px;font-size:16px;
  cursor:pointer;text-decoration:none;
  white-space:normal;text-align:center;flex-shrink:0;max-width:100%;
  transition:background-color 140ms var(--dgx-ease),background 140ms var(--dgx-ease),color 140ms var(--dgx-ease),border-color 140ms var(--dgx-ease),box-shadow 140ms var(--dgx-ease),transform 140ms var(--dgx-ease);
}
/* El icono nunca se encoge ni se estira cuando el texto pasa a dos lineas */
.dgx-btn > .dgx-i{flex-shrink:0}
/* Los grupos de botones tampoco pueden desbordar su fila */
.dgx-hero__cta,.dgx-cta__btns{min-width:0;max-width:100%}
.dgx a.dgx-btn:hover{text-decoration:none}
.dgx-btn--lg,.dgx a.dgx-btn--lg{padding:16px 34px;font-size:18px}

.dgx-btn--primary,.dgx a.dgx-btn--primary,.dgx a.dgx-btn--primary:visited{background:var(--dgx-grad-profundo);color:#fff;box-shadow:var(--dgx-sh-sm)}
.dgx a.dgx-btn--primary:hover,.dgx a.dgx-btn--primary:focus{background:linear-gradient(135deg,#767A20 0%,#585B17 100%);color:#fff;box-shadow:var(--dgx-sh-accent)}
.dgx a.dgx-btn--primary:active{background:var(--dgx-green-700);transform:translateY(1px);box-shadow:var(--dgx-sh-xs)}

.dgx-btn--inverse,.dgx a.dgx-btn--inverse,.dgx a.dgx-btn--inverse:visited{background:#fff;color:var(--dgx-green-600)}
.dgx a.dgx-btn--inverse:hover,.dgx a.dgx-btn--inverse:focus{background:var(--dgx-gray-100);color:var(--dgx-green-700)}
.dgx a.dgx-btn--inverse:active{transform:translateY(1px)}

.dgx-btn--on-accent,.dgx a.dgx-btn--on-accent,.dgx a.dgx-btn--on-accent:visited{background:#fff;border-color:#fff;color:var(--dgx-green-700);box-shadow:var(--dgx-sh-sm)}
.dgx a.dgx-btn--on-accent:hover,.dgx a.dgx-btn--on-accent:focus{background:var(--dgx-green-050);border-color:var(--dgx-green-050);color:var(--dgx-green-700)}

.dgx-btn--outline,.dgx a.dgx-btn--outline,.dgx a.dgx-btn--outline:visited{background:transparent;border-color:var(--dgx-border-default);color:var(--dgx-gray-700)}
.dgx a.dgx-btn--outline:hover,.dgx a.dgx-btn--outline:focus{background:var(--dgx-green-050);border-color:var(--dgx-verde-oscuro);color:var(--dgx-green-600)}
.dgx a.dgx-btn--outline:active{background:var(--dgx-green-100);transform:translateY(1px)}

.dgx-btn--sm,.dgx a.dgx-btn--sm{padding:8px 18px;font-size:14px}
.dgx-btn--block,.dgx a.dgx-btn--block{display:flex;width:100%}

.dgx-btn--outline-invert,.dgx a.dgx-btn--outline-invert,.dgx a.dgx-btn--outline-invert:visited{background:transparent;border-color:rgba(255,255,255,.6);color:#fff;box-shadow:none}
.dgx a.dgx-btn--outline-invert:hover,.dgx a.dgx-btn--outline-invert:focus{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}

/* --- 4 · Badge ------------------------------------------------------------ */
.dgx-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--dgx-r-pill);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:-.01em;background:var(--dgx-verde-claro);color:var(--dgx-green-700)}
.dgx-badge--deep{background:var(--dgx-green-700);color:#fff}

/* ==========================================================================
   5 · WIDGET · CF Hero
   ========================================================================== */
.dgx-hero{position:relative;display:flex;align-items:center;min-height:520px;overflow:hidden;background:var(--dgx-gray-900)}
.dgx .dgx-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dgx-hero__scrim{position:absolute;inset:0;background:linear-gradient(96deg,rgba(36,36,35,.93) 0%,rgba(36,36,35,.8) 46%,rgba(36,36,35,.22) 100%)}
.dgx-hero__veil{position:absolute;inset:0;background:var(--dgx-grad-proteccion)}
.dgx-hero__inner{position:relative;padding-top:clamp(56px,7vw,92px);padding-bottom:clamp(64px,7vw,96px)}

.dgx-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.62)}
.dgx .dgx-crumbs a{color:rgba(255,255,255,.62)}
.dgx .dgx-crumbs a:hover{color:#fff}
.dgx-crumbs__sep{display:flex;transform:rotate(-90deg);opacity:.7}
.dgx-crumbs__now{color:rgba(255,255,255,.9)}

.dgx-hero__col{max-width:700px;margin-top:26px}
.dgx-hero__pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:var(--dgx-r-pill);background:rgba(255,255,255,.12);border:1px solid rgba(198,207,38,.5);color:var(--dgx-green-200);font-size:13px;font-weight:500}
.dgx .dgx-hero__title{font-size:clamp(32px,5vw,58px);line-height:1.07;font-weight:900;letter-spacing:-.02em;color:#fff;margin-top:24px;text-wrap:balance}
.dgx .dgx-hero__title em{font-style:italic;color:var(--dgx-verde-claro)}
.dgx-hero__claim{font-size:clamp(19px,2.1vw,23px);font-style:italic;font-weight:500;color:var(--dgx-verde-claro);margin-top:20px}
.dgx-hero__lead{font-size:18px;color:rgba(255,255,255,.86);margin-top:14px;max-width:620px;line-height:1.6}
.dgx-hero__cta{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}

/* Barra indice de pasos */
.dgx-idxbar{background:#fff;border-bottom:1px solid var(--dgx-border-subtle)}
.dgx-idxbar__inner{padding-top:26px;padding-bottom:26px}
.dgx-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.dgx .dgx-index__a{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-md);background:#fff;font-size:14px;font-weight:500;color:var(--dgx-text-body);text-decoration:none;transition:border-color 140ms var(--dgx-ease),background 140ms var(--dgx-ease),transform 140ms var(--dgx-ease)}
.dgx .dgx-index__a:hover{border-color:var(--dgx-verde-oscuro);background:var(--dgx-green-050);color:var(--dgx-text-strong);text-decoration:none;transform:translateY(-2px)}
.dgx-index__n{font-size:13px;font-weight:500;color:var(--dgx-green-600);flex-shrink:0;font-family:var(--dgx-mono)}

/* ==========================================================================
   6 · WIDGET · CF Pasos
   ========================================================================== */
.dgx-pasos{padding:clamp(72px,8vw,110px) 0 clamp(56px,6vw,88px);background:linear-gradient(180deg,#fff 0%,var(--dgx-green-050) 100%)}
.dgx-pasos__list{margin-top:clamp(48px,6vw,76px)}

.dgx-step{display:grid;grid-template-columns:96px minmax(0,1fr);scroll-margin-top:calc(var(--drago-cabecera,80px) + 20px)}
.dgx-step__rail{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:2px}
.dgx-step__disc{width:56px;height:56px;flex-shrink:0;border-radius:50%;background:var(--dgx-grad-verde);border:3px solid #fff;box-shadow:var(--dgx-sh-accent);display:flex;align-items:center;justify-content:center;color:var(--dgx-green-700);font-size:22px;font-weight:900;font-family:var(--dgx-mono)}
.dgx-step__line{flex:1;width:2px;background:linear-gradient(180deg,var(--dgx-green-300),var(--dgx-green-200));margin:10px 0}
.dgx-step__body{padding:0 0 clamp(56px,6vw,88px);min-width:0}
.dgx-step__split{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4vw,60px);align-items:center}
.dgx-step__kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--dgx-green-600)}
.dgx .dgx-step__title{font-size:clamp(24px,2.9vw,34px);font-weight:600;color:var(--dgx-text-heading);letter-spacing:-.01em;margin-top:14px;line-height:1.16}
.dgx-step__wide{margin-top:34px}

/* Paso 1 · lista de capacidades del casillero */
.dgx-caps{display:grid;gap:12px;margin-top:22px;max-width:560px}
.dgx-caps__row{display:flex;gap:12px;align-items:flex-start}
.dgx-caps__ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--dgx-r-sm);background:#fff;border:1px solid var(--dgx-green-200);color:var(--dgx-green-600)}
.dgx-caps__txt{font-size:16px;color:var(--dgx-text-body);line-height:1.5;padding-top:4px}
.dgx-step__btn{margin-top:28px}

/* Tarjeta base de las maquetas */
.dgx-card{background:var(--dgx-surface-card);border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);box-shadow:var(--dgx-sh-md)}

/* Paso 1 · panel del casillero */
.dgx-panel{overflow:hidden}
.dgx-panel__head{padding:18px 24px;background:var(--dgx-gray-050);border-bottom:1px solid var(--dgx-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:12px}
.dgx-panel__name{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--dgx-text-strong)}
.dgx-panel__name > .dgx-i{color:var(--dgx-green-600)}
.dgx-panel__body{padding:24px}
.dgx-panel__addr{font-family:var(--dgx-mono);font-size:16px;color:var(--dgx-text-strong);line-height:1.7;margin-top:10px}
.dgx-panel__stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.dgx-stat{border:1px solid var(--dgx-green-200);background:var(--dgx-green-050);border-radius:var(--dgx-r-md);padding:14px 16px}
.dgx-stat > .dgx-i{color:var(--dgx-green-600)}
.dgx-stat__row{display:flex;align-items:baseline;gap:6px;margin-top:8px}
.dgx-stat__n{font-family:var(--dgx-mono);font-size:26px;font-weight:900;color:var(--dgx-text-strong);line-height:1}
.dgx-stat__t{font-size:13px;color:var(--dgx-text-body)}
.dgx-panel__photos{margin-top:22px;padding-top:18px;border-top:1px solid var(--dgx-border-subtle)}
.dgx-panel__photosl{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--dgx-text-muted)}
.dgx-panel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.dgx-panel__slot{aspect-ratio:4 / 3;border-radius:var(--dgx-r-sm);overflow:hidden;background:var(--dgx-gray-100);border:1px dashed var(--dgx-border-default);display:flex;align-items:center;justify-content:center;color:var(--dgx-gray-500)}
/* Hueco con foto real: sin borde punteado, la imagen recorta al 4:3 */
.dgx-panel__slot--filled{background:none;border:1px solid var(--dgx-border-subtle)}
.dgx .dgx-panel__slot img{width:100%;height:100%;object-fit:cover}

/* Paso 2 · tarjeta de beneficios de la prealerta.
   El titulo de tarjeta es de segundo nivel: 22px y gris --dgx-text-strong,
   como en el diseno. El negro solo es para seccion y pasos. */
.dgx-prea{background:var(--dgx-grad-soft);border:1px solid var(--dgx-green-200);border-radius:var(--dgx-r-lg);padding:clamp(24px,3vw,32px)}
.dgx-prea__head{display:flex;align-items:center;gap:12px}
.dgx-prea__ico{width:44px;height:44px;flex-shrink:0;border-radius:var(--dgx-r-md);background:#fff;border:1px solid var(--dgx-green-200);color:var(--dgx-green-600);display:flex;align-items:center;justify-content:center}
.dgx .dgx-prea__title{font-size:22px;font-weight:500;color:var(--dgx-text-strong);letter-spacing:-.01em}
.dgx-prea__list{display:grid;gap:14px;margin-top:22px}
.dgx-prea__item{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;font-size:16px;color:var(--dgx-text-body);line-height:1.55}
.dgx-prea__item > .dgx-i{color:var(--dgx-green-600);margin-top:2px}

/* Paso 3 · foto del warehouse + card flotante */
.dgx-wh{position:relative}
.dgx-wh__frame{border-radius:var(--dgx-r-xl);overflow:hidden;box-shadow:var(--dgx-sh-lg);height:clamp(300px,34vw,420px)}
.dgx .dgx-wh__frame img{width:100%;height:100%;object-fit:cover}
.dgx-wh__card{position:absolute;right:20px;bottom:20px;width:264px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-md);box-shadow:var(--dgx-sh-lg);padding:20px}
.dgx-wh__list{display:grid;gap:12px;margin-top:14px}
.dgx-wh__item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--dgx-text-body)}
.dgx-wh__item > .dgx-i{color:var(--dgx-green-600)}

/* Paso 4 · tarjetas de servicio */
.dgx-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dgx-svc__card{box-shadow:var(--dgx-sh-xs);padding:24px;display:flex;flex-direction:column}
.dgx-svc__ico{width:44px;height:44px;border-radius:var(--dgx-r-md);background:var(--dgx-green-050);border:1px solid var(--dgx-green-200);color:var(--dgx-green-600);display:flex;align-items:center;justify-content:center}
.dgx .dgx-svc__name{font-size:22px;font-weight:600;color:var(--dgx-text-strong);margin-top:18px;letter-spacing:-.01em}
.dgx-svc__desc{font-size:14px;color:var(--dgx-text-body);line-height:1.6;margin-top:8px}
.dgx-svc__foot{margin-top:auto;padding-top:20px}
.dgx-svc__sizes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dgx-chip{font-family:var(--dgx-mono);font-size:13px;color:var(--dgx-text-strong);background:var(--dgx-green-050);border:1px solid var(--dgx-green-200);border-radius:8px;padding:6px 10px;white-space:nowrap}
.dgx-note{display:flex;align-items:center;gap:10px;margin-top:26px;font-size:14px;color:var(--dgx-text-body);flex-wrap:wrap}
.dgx-note > .dgx-i{color:var(--dgx-green-600)}

/* Paso 5 · linea de tiempo de rastreo.
   Se llama .dgx-tl y no .dgx-track para no chocar con el bloque HTML
   "Rastrea tu envio" que ya usa .dgx-track en la home. */
.dgx-tl{padding:clamp(24px,3vw,30px)}
.dgx-tl__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dgx-tl__code{font-family:var(--dgx-mono);font-size:18px;font-weight:500;color:var(--dgx-text-strong);margin-top:6px}
.dgx-tl__list{display:grid;margin-top:24px}
.dgx-tl__row{display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:start}
.dgx-tl__gut{display:flex;flex-direction:column;align-items:center;align-self:stretch}
.dgx-tl__dot{width:16px;height:16px;border-radius:50%;margin-top:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid var(--dgx-border-default);color:#fff}
.dgx-tl__dot--done{background:var(--dgx-green-600);border:none}
.dgx-tl__dot--now{width:22px;height:22px;margin-top:1px;background:var(--dgx-verde-claro);border:none;box-shadow:0 0 0 4px rgba(198,207,38,.28)}
.dgx-tl__bar{width:2px;flex:1;min-height:22px;background:var(--dgx-border-subtle)}
.dgx-tl__bar--done{background:var(--dgx-green-300)}
.dgx-tl__cell{display:block;padding-bottom:18px}
.dgx-tl__row:last-child .dgx-tl__cell{padding-bottom:0}
.dgx-tl__t{display:block;font-size:16px;font-weight:400;color:var(--dgx-text-muted)}
.dgx-tl__row--done .dgx-tl__t{color:var(--dgx-text-strong)}
.dgx-tl__row--now .dgx-tl__t{color:var(--dgx-text-strong);font-weight:500}
.dgx-tl__sub{display:block;font-size:13px;color:var(--dgx-green-600);margin-top:4px}

/* Paso 5 · features y nota legal */
.dgx-feats{display:flex;gap:12px 28px;margin-top:26px;flex-wrap:wrap}
.dgx-feat{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--dgx-text-strong)}
.dgx-feat > .dgx-i{color:var(--dgx-green-600)}
.dgx-legal{font-size:12px;font-weight:300;color:var(--dgx-text-muted);margin-top:18px}

/* ==========================================================================
   7 · WIDGET · CF CTA
   ========================================================================== */
.dgx-cta{background:var(--dgx-grad-profundo)}
.dgx-cta__inner{padding-top:64px;padding-bottom:64px}
.dgx-cta__row{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.dgx-cta__title{max-width:660px}
.dgx .dgx-cta__title .dgx-h2{color:#fff}
.dgx-cta__sub{font-size:18px;color:rgba(255,255,255,.84);margin-top:12px;font-style:italic;font-weight:500}
.dgx-cta__btns{display:flex;gap:14px;flex-wrap:wrap}

/* ==========================================================================
   8 · Página «Soluciones» · base común de las secciones
   ========================================================================== */
.dgx-sol{padding:96px 0;background:#fff}
.dgx-sol .dgx-eyebrow{font-size:13px}
.dgx-sol .dgx-sechead{max-width:620px}
.dgx-sol .dgx-sechead--center{max-width:680px}

/* ==========================================================================
   9 · WIDGET · SOL Servicios
   ========================================================================== */
.dgx-sol-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(40px,4.6vw,64px);align-items:stretch}
.dgx-sol-cards__cell{height:100%;min-width:0}
.dgx-sol-card{height:100%;display:flex;flex-direction:column;background:var(--dgx-surface-card);border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);overflow:hidden;box-shadow:var(--dgx-sh-xs);scroll-margin-top:calc(var(--drago-cabecera,120px) + 20px);transition:transform 140ms var(--dgx-ease),box-shadow 140ms var(--dgx-ease)}
.dgx-sol-card:hover{transform:translateY(-2px);box-shadow:var(--dgx-sh-md)}
.dgx-sol-card--feat,.dgx-sol-card--feat:hover{border-color:var(--dgx-green-300);box-shadow:var(--dgx-sh-lg)}

.dgx-sol-card__h{padding:26px 28px 22px;background:var(--dgx-gray-050);border-bottom:1px solid var(--dgx-border-subtle)}
.dgx-sol-card--feat .dgx-sol-card__h{background:var(--dgx-verde-claro);border-bottom:none}
.dgx-sol-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dgx-sol-card__ico{width:46px;height:46px;flex-shrink:0;border-radius:var(--dgx-r-md);background:#fff;border:1px solid var(--dgx-border-subtle);color:var(--dgx-green-600);display:flex;align-items:center;justify-content:center}
.dgx-sol-card--feat .dgx-sol-card__ico{background:rgba(255,255,255,.9);border-color:transparent}
.dgx .dgx-sol-card__name{font-size:26px;font-weight:600;color:var(--dgx-text-strong);letter-spacing:-.01em;margin-top:18px}
.dgx .dgx-sol-card--feat .dgx-sol-card__name{color:var(--dgx-green-700)}
.dgx-sol-card__para{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--dgx-text-muted);margin-top:8px}
.dgx-sol-card--feat .dgx-sol-card__para{color:var(--dgx-green-700)}

.dgx-sol-card__b{flex:1;padding:24px 28px 0}
.dgx-sol-card__desc{font-size:16px;color:var(--dgx-text-body);line-height:1.6}
.dgx-sol-card__sl{letter-spacing:.1em;margin-top:24px}
.dgx-sol-card__b > .dgx-sol-card__sl:first-child{margin-top:0}
.dgx-sol-rows{margin-top:10px}
.dgx-sol-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--dgx-border-subtle)}
.dgx-sol-row:last-child{border-bottom:none}
.dgx-sol-row__size{font-size:14px;color:var(--dgx-text-strong)}
.dgx-sol-row__price{font-size:14px;font-weight:600;color:var(--dgx-text-strong);white-space:nowrap}
.dgx-sol-row__cur{font-size:12px;font-weight:500;color:var(--dgx-text-muted);margin-right:4px}

.dgx-sol-card__f{padding:22px 28px 28px}
.dgx-sol-card__ok{display:flex;align-items:center;gap:6px;margin-bottom:16px;font-size:14px;font-weight:500;color:var(--dgx-green-600);line-height:1.4}
.dgx-sol-card__ok:last-child{margin-bottom:0}

/* ==========================================================================
   10 · WIDGET · SOL Incluye
   ========================================================================== */
.dgx-sol-inc{background:var(--dgx-gray-050)}
.dgx-sol-inc__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.dgx-sol-map{margin-top:28px;background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);overflow:hidden;box-shadow:var(--dgx-sh-sm)}
.dgx-sol-map:first-child{margin-top:0}
.dgx-sol-map svg{display:block;width:100%;height:auto}
.dgx .dgx-sol-map__img{width:100%}
.dgx-sol-inc__legal{font-size:12px;color:var(--dgx-text-muted);margin-top:12px;line-height:1.6}

.dgx-sol-inc__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dgx-sol-inc__cell{height:100%;min-width:0}
.dgx-sol-inc__item{position:relative;height:100%;background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);padding:22px 22px 24px}
.dgx-sol-inc__chk{position:absolute;top:18px;right:18px;width:26px;height:26px;border-radius:50%;background:var(--dgx-green-700);color:#fff;display:flex;align-items:center;justify-content:center}
.dgx-sol-inc__ico{display:flex;color:var(--dgx-green-600)}
.dgx-sol-inc__t{font-size:16px;color:var(--dgx-text-strong);line-height:1.5;margin-top:12px}
/* Sin icono, el texto sube a la fila del check: le dejamos su hueco */
.dgx-sol-inc__t:first-child{margin-top:0;padding-right:34px}

/* ==========================================================================
   11 · WIDGET · SOL Casos (pestañas)
   Los <button> llevan .dgx.dgx delante (0-3-0, y 0-4-0 en :hover/[aria-*]):
   Hello Elementor pinta [type=button]:hover/:focus (0-2-0) y el kit de
   Elementor .elementor-kit-N button:hover (0-2-1) con su color de marca.
   Por eso se declaran todas las propiedades de caja del botón.
   ========================================================================== */
.dgx-tabs__list{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:clamp(30px,3.4vw,42px) auto 0;padding:6px;background:var(--dgx-gray-100);border-radius:var(--dgx-r-pill);width:fit-content;max-width:100%}
.dgx.dgx .dgx-tabs__tab{
  display:flex;align-items:center;gap:8px;margin:0;padding:11px 20px;min-height:0;width:auto;
  border:none;border-radius:var(--dgx-r-pill);background:transparent;box-shadow:none;
  font-family:var(--dgx-font);font-size:15px;font-weight:500;line-height:1.4;letter-spacing:normal;text-transform:none;text-decoration:none;white-space:normal;
  color:var(--dgx-text-body);cursor:pointer;
  transition:background 220ms var(--dgx-ease),color 220ms var(--dgx-ease),box-shadow 220ms var(--dgx-ease)}
.dgx.dgx .dgx-tabs__tab:focus{background:transparent;color:var(--dgx-text-body);outline:none}
.dgx.dgx .dgx-tabs__tab:hover{background:var(--dgx-gray-200);color:var(--dgx-text-strong);box-shadow:none}
.dgx.dgx .dgx-tabs__tab[aria-selected="true"]{background:#fff;color:var(--dgx-green-700);box-shadow:var(--dgx-sh-sm)}
.dgx.dgx .dgx-tabs__tab:focus-visible{outline:none;box-shadow:var(--dgx-focus)}

.dgx-sol-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4.4vw,60px);align-items:center;margin-top:clamp(28px,3.4vw,44px);border-radius:var(--dgx-r-lg)}
.dgx-sol-panel:focus{outline:none}
.dgx-sol-panel:focus-visible{outline:none;box-shadow:var(--dgx-focus)}
.dgx-panel-in{animation:dgx-panel-in 380ms var(--dgx-ease) both}
@keyframes dgx-panel-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.dgx-sol-panel__img{height:clamp(280px,32vw,420px);border-radius:var(--dgx-r-xl);overflow:hidden;box-shadow:var(--dgx-sh-md);background:var(--dgx-gray-100)}
.dgx .dgx-sol-panel__img img{width:100%;height:100%;object-fit:cover}
.dgx-sol-panel__body{min-width:0}
.dgx .dgx-sol-panel__title{font-size:clamp(24px,2.9vw,34px);font-weight:600;color:var(--dgx-text-heading);letter-spacing:-.01em;margin-top:14px;line-height:1.16}
.dgx .dgx-sol-panel__body > .dgx-sol-panel__title:first-child{margin-top:0}
.dgx-sol-panel__text{margin-top:14px;max-width:520px}
.dgx-sol-panel__p{font-size:18px;color:var(--dgx-text-body);line-height:1.6;margin-top:12px}
.dgx-sol-panel__p:first-child{margin-top:0}
.dgx-sol-points{display:grid;gap:12px;margin-top:22px}
.dgx-sol-points__item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;font-size:16px;color:var(--dgx-text-body);line-height:1.5}
.dgx-sol-points__item > .dgx-i{color:var(--dgx-green-600);margin-top:2px}
.dgx-sol-fit{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:28px;padding:14px 16px;background:var(--dgx-green-050);border:1px solid var(--dgx-green-200);border-radius:var(--dgx-r-md)}
.dgx-sol-fit__label{font-size:13px;color:var(--dgx-text-body)}
.dgx .dgx-sol-fit__svc{font-size:15px;font-weight:600;color:var(--dgx-green-600)}
.dgx .dgx-sol-fit__btn{margin-left:auto}

/* ==========================================================================
   12 · WIDGET · SOL CTA (variante con foto de CF CTA)
   ========================================================================== */
.dgx-cta--photo{position:relative;overflow:hidden;background:var(--dgx-green-700)}
.dgx .dgx-cta__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.dgx-cta__scrim{position:absolute;inset:0;background:linear-gradient(100deg,#4F5215 0%,rgba(79,82,21,.92) 52%,rgba(79,82,21,.58) 100%)}
.dgx-cta--photo .dgx-cta__inner{position:relative}
.dgx-cta--photo .dgx-cta__title{max-width:620px}
.dgx-cta__sub--plain{font-style:normal;font-weight:400;color:rgba(255,255,255,.88);line-height:1.6}

/* ==========================================================================
   13 · Páginas de servicio (Drago Mini / Plus / Max) · base común
   Traduce site/plan.css (.dg-pl-*) y site/max.css (.dg-mx-*) del diseño.
   Sus breakpoints (1180 / 1080 / 860 / 760 / 560) van al final de cada
   bloque, no en la sección 19, para que cada familia se lea entera.
   ========================================================================== */
.dgx-pl-sec{padding:96px 0}
.dgx-pl-sec--white{background:#fff}
.dgx-pl-sec--gray{background:var(--dgx-gray-050)}
.dgx-pl-head--center{max-width:680px;margin-left:auto;margin-right:auto;text-align:center}
.dgx-pl-eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;line-height:1.5;color:var(--dgx-green-600)}
.dgx .dgx-pl-h2{font-size:clamp(26px,3.2vw,34px);font-weight:600;color:var(--dgx-text-heading);margin-top:14px;letter-spacing:-.01em;line-height:1.15;text-wrap:balance}
.dgx-pl-copy{font-size:18px;color:var(--dgx-text-body);line-height:1.6;margin-top:16px;max-width:560px;text-wrap:pretty}
.dgx-pl-head--center .dgx-pl-copy{margin:14px auto 0}
.dgx-pl-head--invert .dgx-pl-eyebrow{color:var(--dgx-verde-claro)}
.dgx .dgx-pl-head--invert .dgx-pl-h2{color:#fff}
.dgx-pl-head--invert .dgx-pl-copy{color:rgba(255,255,255,.9)}
.dgx-nowrap{white-space:nowrap}
.dgx-pl-btns{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;min-width:0;max-width:100%}

/* Etiqueta pequeña: «En warehouse», «Consolidado», «+38% de volumen» */
.dgx-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--dgx-r-pill);background:#fff;border:1px solid var(--dgx-border-subtle);font-size:11px;font-weight:500;line-height:1.4;color:var(--dgx-text-body);white-space:nowrap;flex-shrink:0}
.dgx-tag > .dgx-i{color:var(--dgx-green-600)}
.dgx-tag--on{background:var(--dgx-grad-verde);border-color:transparent;color:var(--dgx-green-700)}
.dgx-tag--on > .dgx-i{color:var(--dgx-green-700)}

/* Banda verde profundo (Incluye, MAX Ventaja) */
.dgx-pl-band{position:relative;overflow:hidden;padding:96px 0;background:var(--dgx-grad-profundo)}

/* Caja isométrica a escala (Drago_Plan_Box). Colores por clase: var() no
   funciona en los atributos de presentación de un SVG. */
.dgx-box{display:block;width:100%;max-width:280px;height:auto;margin:0 auto;overflow:visible}
.dgx-box__shadow{fill:rgba(100,99,99,.10)}
.dgx-box__ghost{fill:none;stroke:var(--dgx-gray-300);stroke-width:1.25;stroke-dasharray:4 4;stroke-linejoin:round}
.dgx-box__g{stroke:var(--dgx-green-600);stroke-width:1.25;stroke-linejoin:round;transition:transform 380ms var(--dgx-ease)}
.dgx-box__l{fill:var(--dgx-green-200)}
.dgx-box__f{fill:var(--dgx-green-100)}
.dgx-box__t{fill:var(--dgx-green-050)}
.dgx-box__tape{fill:var(--dgx-verde-claro);stroke-width:1}
.dgx-box__dim{stroke:var(--dgx-gray-500);stroke-width:1}
.dgx-box__txt{font-size:12px;fill:var(--dgx-text-body);font-family:var(--dgx-mono)}

/* ==========================================================================
   14 · WIDGETS · MINI / PLUS (Hero, Para quién, Tamaños, Incluye, Pasos,
        CTA, Consolida) y MAX Para quién / MAX Capacidad (comparten piezas)
   ========================================================================== */
/* --- Hero --- */
.dgx-crumbs--light{flex-wrap:wrap;color:var(--dgx-text-muted)}
.dgx .dgx-crumbs--light a{color:var(--dgx-text-muted)}
.dgx .dgx-crumbs--light a:hover{color:var(--dgx-green-700)}
.dgx-crumbs--light .dgx-crumbs__now{color:var(--dgx-text-strong)}
.dgx-crumbs--light .dgx-crumbs__sep{opacity:.6}

.dgx-pl-hero{background:linear-gradient(180deg,#fff 0%,var(--dgx-green-050) 100%);border-bottom:1px solid var(--dgx-border-subtle)}
.dgx-pl-hero__inner{padding-top:clamp(22px,2.6vw,32px);padding-bottom:clamp(52px,6vw,88px)}
.dgx-pl-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,68px);align-items:center;margin-top:clamp(28px,3.4vw,48px)}
.dgx-pl-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:var(--dgx-r-pill);background:#fff;border:1px solid var(--dgx-green-200);color:var(--dgx-green-700);font-size:13px;font-weight:500;line-height:1.4}
.dgx .dgx-pl-h1{font-size:clamp(32px,4.3vw,54px);line-height:1.08;font-weight:900;letter-spacing:-.02em;color:var(--dgx-text-heading);margin-top:22px;text-wrap:balance}
.dgx .dgx-pl-h1 em{font-style:italic;font-weight:700;color:var(--dgx-green-600)}
.dgx-pl-lead{font-size:clamp(17px,1.6vw,19px);color:var(--dgx-text-body);margin-top:20px;max-width:560px;line-height:1.6}
.dgx-pl-facts{display:flex;flex-wrap:wrap;gap:16px clamp(20px,2.6vw,36px);margin-top:clamp(32px,3.6vw,44px);padding-top:24px;border-top:1px solid var(--dgx-border-subtle)}
.dgx-pl-fact{display:flex;align-items:center;gap:11px;min-width:0}
.dgx-pl-fact__ic{width:38px;height:38px;flex-shrink:0;border-radius:var(--dgx-r-sm);background:#fff;border:1px solid var(--dgx-green-200);color:var(--dgx-green-600);display:flex;align-items:center;justify-content:center}
.dgx-pl-fact strong{display:block;font-size:15px;font-weight:600;line-height:1.4;color:var(--dgx-text-strong);white-space:nowrap}
.dgx-pl-fact strong + span{display:block;font-size:12px;line-height:1.4;color:var(--dgx-text-body);margin-top:1px}
.dgx-pl-media{position:relative;padding-bottom:30px}
.dgx-pl-photo{margin:0;height:clamp(320px,38vw,500px);border-radius:var(--dgx-r-xl);overflow:hidden;box-shadow:var(--dgx-sh-lg);background:var(--dgx-gray-100)}
.dgx .dgx-pl-photo img{width:100%;height:100%;object-fit:cover}
.dgx-pl-float{position:absolute;left:-22px;bottom:0;width:min(330px,88%);display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-md);box-shadow:var(--dgx-sh-lg)}
.dgx-pl-float__ic{width:44px;height:44px;flex-shrink:0;border-radius:var(--dgx-r-sm);background:var(--dgx-grad-verde);color:var(--dgx-green-700);display:flex;align-items:center;justify-content:center}
.dgx-pl-float__body{min-width:0;flex:1}
.dgx-pl-float__top{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.4;color:var(--dgx-text-muted)}
.dgx-pl-float__status{font-size:15px;font-weight:600;line-height:1.4;color:var(--dgx-text-strong);margin-top:4px}
.dgx-pl-float__status span{font-weight:400;color:var(--dgx-text-body)}
.dgx-pl-prog{height:6px;border-radius:var(--dgx-r-pill);background:var(--dgx-gray-100);margin-top:10px;overflow:hidden}
.dgx-pl-prog span{display:block;height:100%;border-radius:inherit;background:var(--dgx-grad-profundo)}

/* --- Para quién --- */
.dgx-pl-para{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.dgx-pl-para__img{position:relative;margin:0 0 18px;border-radius:var(--dgx-r-lg);overflow:hidden;background:var(--dgx-gray-100)}
.dgx .dgx-pl-para__img img{width:100%}
.dgx-pl-para__img figcaption{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:var(--dgx-r-sm);background:rgba(255,255,255,.94);font-size:12px;line-height:1.4;color:var(--dgx-text-strong)}
.dgx-pl-para__img figcaption > .dgx-i{color:var(--dgx-green-600)}
.dgx-pl-fit{background:var(--dgx-gray-050);border-radius:var(--dgx-r-lg);padding:clamp(22px,2.6vw,32px)}
.dgx-pl-fit__h{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;line-height:1.4;color:var(--dgx-green-600)}
.dgx-pl-fit__list{margin-top:16px;display:grid;gap:10px}
.dgx-pl-fit__list li{display:grid;grid-template-columns:44px minmax(0,1fr) 26px;align-items:center;gap:16px;padding:14px 16px;background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-md);font-size:16px;color:var(--dgx-text-strong);line-height:1.45}
.dgx-pl-fit__ic{width:44px;height:44px;border-radius:var(--dgx-r-sm);background:var(--dgx-green-050);border:1px solid var(--dgx-green-200);color:var(--dgx-green-600);display:flex;align-items:center;justify-content:center}
.dgx-pl-fit__chk{width:26px;height:26px;border-radius:50%;background:var(--dgx-green-700);color:#fff;display:flex;align-items:center;justify-content:center}

/* --- Tamaños --- */
.dgx-pl-cards{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:24px;margin-top:clamp(36px,4.4vw,56px)}
.dgx-pl-cell{height:100%;min-width:0}
.dgx-pl-card{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);overflow:hidden;box-shadow:var(--dgx-sh-xs);transition:transform 140ms var(--dgx-ease),box-shadow 140ms var(--dgx-ease),border-color 140ms var(--dgx-ease)}
.dgx-pl-card:hover,.dgx-mx-cap:hover{transform:translateY(-2px);box-shadow:var(--dgx-sh-md);border-color:var(--dgx-green-300)}
.dgx-pl-card:hover .dgx-box__g,.dgx-mx-cap:hover .dgx-box__g{transform:translateY(-5px)}
.dgx-pl-art{padding:18px 18px 4px;background:linear-gradient(180deg,#fff 0%,var(--dgx-green-050) 100%);border-bottom:1px solid var(--dgx-border-subtle)}
.dgx-pl-card__b{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;min-width:0}
.dgx .dgx-pl-card__k{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;line-height:1.4;color:var(--dgx-text-muted)}
.dgx-pl-dim{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:8px}
.dgx-pl-dim .dgx-mono{font-size:clamp(24px,2.4vw,30px);font-weight:600;line-height:1.2;color:var(--dgx-text-strong);letter-spacing:-.01em;white-space:nowrap}
.dgx-pl-dim small{font-size:13px;color:var(--dgx-text-body)}
.dgx-pl-cm{font-size:13px;color:var(--dgx-text-body);margin:4px 0 22px}
.dgx-pl-nota{display:flex;align-items:flex-start;gap:7px;margin:-10px 0 22px;font-size:13px;line-height:1.45;color:var(--dgx-text-body)}
.dgx-pl-nota > .dgx-i{color:var(--dgx-green-600);margin-top:2px}
.dgx-pl-price{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:auto 0 20px;padding-top:18px;border-top:1px solid var(--dgx-border-subtle)}
.dgx-pl-price__n{font-size:30px;font-weight:700;color:var(--dgx-text-strong);letter-spacing:-.02em;line-height:1}
.dgx-pl-price__n small{font-size:13px;font-weight:500;color:var(--dgx-text-muted);margin-right:5px;letter-spacing:0}
.dgx-pl-price__t{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:1.4;color:var(--dgx-green-600)}
.dgx-pl-legend{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;font-size:13px;line-height:1.5;color:var(--dgx-text-body)}
.dgx-pl-legend__k{width:22px;height:0;border-top:1.5px dashed var(--dgx-gray-400);flex-shrink:0}
.dgx .dgx-pl-next{display:flex;align-items:center;gap:18px;margin-top:clamp(28px,3vw,40px);padding:18px 22px;background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-md);color:inherit;text-decoration:none;transition:border-color 140ms var(--dgx-ease),background 140ms var(--dgx-ease),transform 140ms var(--dgx-ease)}
.dgx .dgx-pl-next:hover{border-color:var(--dgx-verde-oscuro);background:var(--dgx-green-050);text-decoration:none;transform:translateY(-2px)}
.dgx-pl-next__ic{width:46px;height:46px;flex-shrink:0;border-radius:var(--dgx-r-md);background:var(--dgx-grad-verde);color:var(--dgx-green-700);display:flex;align-items:center;justify-content:center}
.dgx-pl-next__body{flex:1;min-width:0}
.dgx-pl-next__t{display:block;font-size:16px;font-weight:500;line-height:1.45;color:var(--dgx-text-strong)}
.dgx-pl-next__s{display:block;font-size:14px;line-height:1.5;color:var(--dgx-text-body);margin-top:3px}
.dgx-pl-next__cta{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--dgx-green-600);white-space:nowrap}

/* --- Incluye --- */
.dgx-pl-inc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(36px,5vw,88px);align-items:center}
.dgx-pl-inc__icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;margin-top:clamp(30px,3.4vw,44px);max-width:560px}
.dgx-pl-inc__i{display:flex;flex-direction:column;gap:12px;font-size:14px;font-weight:500;color:#fff;line-height:1.35}
.dgx-pl-inc__ic{width:52px;height:52px;border-radius:var(--dgx-r-md);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:var(--dgx-verde-claro);display:flex;align-items:center;justify-content:center}
.dgx-pl-rcpt{background:#fff;border-radius:var(--dgx-r-xl);padding:clamp(22px,2.6vw,30px);box-shadow:var(--dgx-sh-lg)}
.dgx-pl-rcpt__h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.dgx-pl-rcpt__k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;line-height:1.4;color:var(--dgx-text-muted)}
.dgx .dgx-pl-rcpt__t{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:0;color:var(--dgx-text-strong);margin-top:4px}
.dgx-pl-rcpt__logo{width:40px;height:40px;flex-shrink:0;border-radius:var(--dgx-r-sm);background:var(--dgx-green-050);border:1px solid var(--dgx-green-200);color:var(--dgx-green-600);display:flex;align-items:center;justify-content:center}
.dgx-pl-rcpt__list{margin-top:20px}
.dgx-pl-rcpt__list li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--dgx-border-subtle);font-size:14px;line-height:1.4;color:var(--dgx-text-strong)}
.dgx-pl-rcpt__ic{display:flex;flex-shrink:0;color:var(--dgx-green-600)}
.dgx-pl-rcpt__txt{flex:1;min-width:0}
.dgx-pl-rcpt__ok{display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:12px;font-weight:500;color:var(--dgx-green-600);white-space:nowrap}
.dgx-pl-rcpt__x{display:flex;justify-content:space-between;gap:12px;padding:14px 0 22px;font-size:14px;color:var(--dgx-text-body)}
.dgx-pl-rcpt__x strong{font-weight:600;color:var(--dgx-green-600)}

/* --- Pasos --- */
.dgx-pl-steps{margin-top:clamp(40px,4.6vw,64px);display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:24px}
.dgx-pl-step{min-width:0}
.dgx-pl-step__top{position:relative;display:flex;align-items:center}
.dgx-pl-step__disc{position:relative;z-index:1;width:60px;height:60px;flex-shrink:0;border-radius:50%;background:var(--dgx-grad-verde);border:3px solid #fff;box-shadow:var(--dgx-sh-accent);color:var(--dgx-green-700);display:flex;align-items:center;justify-content:center}
.dgx-pl-step--last .dgx-pl-step__disc{background:var(--dgx-grad-profundo);color:#fff}
.dgx-pl-step__line{position:absolute;left:72px;right:-12px;top:50%;height:2px;background:linear-gradient(90deg,var(--dgx-green-300),var(--dgx-green-200));display:flex;align-items:center;justify-content:flex-end}
.dgx-pl-step__line > .dgx-i{color:var(--dgx-green-400);margin-right:-8px;background:#fff}
.dgx-pl-step__k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--dgx-text-muted);margin-top:22px}
.dgx-pl-step__t{font-size:18px;font-weight:500;line-height:1.4;color:var(--dgx-text-strong);margin-top:8px}
.dgx-pl-step__w{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:14px;padding:5px 10px;border-radius:var(--dgx-r-sm);background:var(--dgx-gray-050);border:1px solid var(--dgx-border-subtle);font-size:12px;line-height:1.4;color:var(--dgx-text-body);white-space:nowrap}
.dgx-pl-step__w > .dgx-i{color:var(--dgx-green-600)}
.dgx-pl-steps__f{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-top:clamp(36px,4vw,52px);padding-top:24px;border-top:1px solid var(--dgx-border-subtle)}
.dgx-pl-legal{font-size:12px;line-height:1.5;color:var(--dgx-text-muted)}

/* --- CTA --- */
.dgx-pl-cta{position:relative;overflow:hidden;background:var(--dgx-green-700)}
.dgx .dgx-pl-cta__img{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover}
.dgx-pl-cta__shade{position:absolute;inset:0;background:linear-gradient(90deg,#4F5215 0%,#4F5215 38%,rgba(79,82,21,.86) 60%,rgba(79,82,21,.35) 100%)}
.dgx-pl-cta__inner{position:relative;padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(64px,7vw,104px)}
.dgx-pl-cta__col{max-width:640px}
.dgx-pl-cta__k{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;line-height:1.5;color:var(--dgx-verde-claro)}
.dgx .dgx-pl-cta__h{font-size:clamp(30px,4vw,46px);font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.1;margin-top:16px;text-wrap:balance}
.dgx-pl-cta__sub{font-size:18px;color:rgba(255,255,255,.9);margin-top:16px;line-height:1.6;max-width:560px}

/* --- PLUS Consolida --- */
.dgx-pl-con{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:center}
.dgx-pl-pts{margin-top:28px;display:grid;gap:14px;max-width:520px}
.dgx-pl-pts li{display:flex;align-items:flex-start;gap:14px;font-size:16px;line-height:1.5;color:var(--dgx-text-strong)}
.dgx-pl-pt__ic{width:36px;height:36px;flex-shrink:0;margin-top:-6px;border-radius:var(--dgx-r-sm);background:#fff;border:1px solid var(--dgx-green-200);color:var(--dgx-green-600);display:flex;align-items:center;justify-content:center}
.dgx-pl-con__dia{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch;padding:clamp(18px,2.4vw,28px);background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-xl);box-shadow:var(--dgx-sh-sm)}
.dgx-pl-con__ped{display:grid;gap:10px}
.dgx-pl-con__ped li{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--dgx-gray-050);border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-md)}
.dgx-pl-con__ped-ic{width:36px;height:36px;flex-shrink:0;border-radius:var(--dgx-r-sm);background:#fff;border:1px solid var(--dgx-border-subtle);color:var(--dgx-text-body);display:flex;align-items:center;justify-content:center}
.dgx-pl-con__ped-t{flex:1;min-width:0}
.dgx-pl-con__ped-t strong{display:block;font-size:15px;font-weight:600;line-height:1.35;color:var(--dgx-text-strong)}
.dgx-pl-con__ped-t span{display:block;font-size:12px;line-height:1.35;color:var(--dgx-text-body);margin-top:1px}
.dgx-pl-con__link{position:relative;display:flex;align-items:center;justify-content:flex-end}
.dgx-pl-con__link > svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dgx-pl-con__link > svg path{fill:none;stroke:var(--dgx-green-300);stroke-width:2;vector-effect:non-scaling-stroke}
.dgx-pl-con__link-m{position:relative;width:30px;height:30px;margin-right:-6px;border-radius:50%;background:var(--dgx-grad-profundo);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--dgx-sh-accent)}
.dgx-pl-con__box{display:flex;flex-direction:column;margin-left:14px;padding:16px 18px 18px;border:2px solid var(--dgx-verde-oscuro);border-radius:var(--dgx-r-lg);background:linear-gradient(180deg,#fff 0%,var(--dgx-green-050) 100%);box-shadow:var(--dgx-sh-md)}
.dgx-pl-con__box-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.dgx-pl-con__code{font-size:12px;color:var(--dgx-text-muted)}
.dgx-pl-con__box .dgx-box{max-width:220px;margin:6px auto 0}
.dgx-pl-con__box-b{margin-top:auto;padding-top:14px;border-top:1px solid var(--dgx-green-200)}
.dgx-pl-con__box-k{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;line-height:1.4;color:var(--dgx-text-muted)}
.dgx-pl-con__box-p{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px}
.dgx-pl-con__box-p .dgx-pl-price__n{font-size:28px}

@media(max-width:1080px){
  .dgx-pl-hero__grid,.dgx-pl-para,.dgx-pl-inc,.dgx-pl-con{grid-template-columns:minmax(0,1fr)}
  .dgx-pl-con__dia{max-width:720px}
  .dgx-pl-media{max-width:640px}
  .dgx-pl-float{left:16px}
  .dgx-pl-rcpt{max-width:520px}
  .dgx-pl-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
  .dgx-pl-step__line{display:none}
  .dgx .dgx-pl-cta__img{width:100%}
  .dgx-pl-cta__shade{background:linear-gradient(90deg,#4F5215 0%,rgba(79,82,21,.9) 60%,rgba(79,82,21,.7) 100%)}
}
@media(max-width:860px){
  .dgx-pl-cards{grid-template-columns:minmax(0,1fr);max-width:560px;margin-left:auto;margin-right:auto}
  .dgx-pl-card{flex-direction:row}
  .dgx-pl-art{width:38%;flex-shrink:0;display:flex;align-items:center;padding:12px 8px;border-bottom:none;border-right:1px solid var(--dgx-border-subtle)}
  .dgx .dgx-pl-next{flex-wrap:wrap}
  .dgx-pl-next__cta{width:100%;padding-left:64px}
}
@media(max-width:760px){
  .dgx-pl-facts{flex-direction:column;gap:14px}
  .dgx-pl-con__dia{grid-template-columns:minmax(0,1fr)}
  .dgx-pl-con__link{height:44px;justify-content:center}
  .dgx-pl-con__link > svg{display:none}
  .dgx-pl-con__link-m{margin:0;transform:rotate(90deg)}
  .dgx-pl-con__box{margin-left:0}
}
@media(max-width:560px){
  .dgx-pl-sec,.dgx-pl-band{padding:64px 0}
  .dgx-pl-btns .dgx-btn{width:100%}
  .dgx-pl-legend{justify-content:flex-start;align-items:flex-start}
  .dgx-pl-legend__k{margin-top:9px}
  .dgx-pl-photo{height:280px;border-radius:var(--dgx-r-lg)}
  .dgx-pl-float{left:12px;right:12px;width:auto}
  .dgx-pl-fit__list li{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:12px}
  .dgx-pl-fit__ic{width:40px;height:40px}
  .dgx-pl-fit__chk{display:none}
  .dgx-pl-card{flex-direction:column}
  .dgx-pl-art{width:auto;border-right:none;border-bottom:1px solid var(--dgx-border-subtle)}
  .dgx-pl-card .dgx-box,.dgx-mx-cap .dgx-box{max-width:200px}
  .dgx-pl-card__b{padding:18px 18px 20px}
  .dgx-pl-inc__icons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dgx-pl-rcpt{border-radius:var(--dgx-r-lg)}
  /* El diseño deja solo el check (font-size:0). Aquí el texto sigue ahí para
     los lectores de pantalla, oculto a la vista. */
  .dgx-pl-rcpt__ok > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .dgx-pl-steps{grid-template-columns:minmax(0,1fr);gap:32px}
  .dgx-pl-step__w{white-space:normal}
  .dgx-pl-next__cta{padding-left:0}
}

/* ==========================================================================
   15 · WIDGETS · MAX (Hero, Industrias, Banner, Capacidad, Ventaja)
   ========================================================================== */
/* --- Hero --- */
.dgx-mx-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--dgx-gray-900);padding:clamp(22px,2.6vw,30px) 0 clamp(28px,3vw,40px)}
.dgx .dgx-mx-hero__img{position:absolute;top:0;right:0;width:78%;height:100%;object-fit:cover;object-position:50% 55%;z-index:-2}
.dgx-mx-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#242423 0%,#242423 22%,rgba(36,36,35,.86) 46%,rgba(36,36,35,.28) 76%,rgba(36,36,35,.12) 100%),var(--dgx-grad-proteccion)}
.dgx-mx-hero__inner{position:relative}
.dgx-mx-hero .dgx-crumbs{flex-wrap:wrap;color:rgba(255,255,255,.72)}
.dgx .dgx-mx-hero .dgx-crumbs a{color:rgba(255,255,255,.72)}
.dgx .dgx-mx-hero .dgx-crumbs a:hover{color:#fff}
.dgx-mx-hero .dgx-crumbs__now{color:#fff}
.dgx-mx-hero__c{max-width:660px;padding:clamp(48px,6vw,92px) 0 clamp(44px,5vw,76px)}
.dgx-mx-pill{flex-wrap:wrap;line-height:1.4}
.dgx-mx-pill__sep{width:4px;height:4px;border-radius:50%;background:var(--dgx-verde-claro)}
.dgx .dgx-mx-h1{font-size:clamp(33px,4.5vw,58px);line-height:1.07;font-weight:900;letter-spacing:-.02em;color:#fff;margin-top:24px;text-wrap:balance}
.dgx .dgx-mx-h1 em{font-style:italic;font-weight:700;color:var(--dgx-verde-claro)}
.dgx-mx-lead{font-size:clamp(17px,1.6vw,19px);color:rgba(255,255,255,.9);margin-top:22px;max-width:580px;line-height:1.6}
.dgx-mx-btns{margin-top:34px}
.dgx-mx-facts{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-radius:var(--dgx-r-lg);box-shadow:var(--dgx-sh-lg);overflow:hidden}
.dgx-mx-fact{display:flex;align-items:center;gap:14px;padding:20px clamp(16px,2vw,26px);min-width:0}
.dgx-mx-fact + .dgx-mx-fact{border-left:1px solid var(--dgx-border-subtle)}
.dgx-mx-fact__ic{width:42px;height:42px;flex-shrink:0;border-radius:var(--dgx-r-sm);background:var(--dgx-green-050);border:1px solid var(--dgx-green-200);color:var(--dgx-green-600);display:flex;align-items:center;justify-content:center}
.dgx-mx-fact strong{display:block;font-size:16px;font-weight:600;line-height:1.35;color:var(--dgx-text-strong)}
.dgx-mx-fact strong + span{display:block;font-size:13px;line-height:1.35;color:var(--dgx-text-body);margin-top:2px}

/* --- Industrias --- */
.dgx-mx-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px clamp(32px,5vw,80px);align-items:end}
.dgx-mx-head__sub{justify-self:end;margin-top:0}
.dgx-mx-ind{margin-top:clamp(36px,4.4vw,56px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.dgx-mx-ind > li{min-width:0}
.dgx-mx-ind__c{height:100%;display:flex;flex-direction:column;padding:26px 22px 24px;background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);transition:transform 140ms var(--dgx-ease),box-shadow 140ms var(--dgx-ease),border-color 140ms var(--dgx-ease)}
.dgx-mx-ind__c:hover{transform:translateY(-2px);box-shadow:var(--dgx-sh-md);border-color:var(--dgx-green-300)}
.dgx-mx-ind__ic{width:56px;height:56px;flex-shrink:0;border-radius:var(--dgx-r-md);background:var(--dgx-grad-verde);color:var(--dgx-green-700);display:flex;align-items:center;justify-content:center}
.dgx .dgx-mx-ind__t{font-size:18px;font-weight:500;line-height:1.3;letter-spacing:0;color:var(--dgx-text-strong);margin-top:22px;text-wrap:balance}
.dgx-mx-ind__s{font-size:14px;line-height:1.5;color:var(--dgx-text-body);margin-top:8px}

/* --- Banner --- */
.dgx-mx-ban{position:relative;overflow:hidden;isolation:isolate;background:var(--dgx-gray-900);min-height:clamp(340px,38vw,520px);display:flex;align-items:flex-end}
.dgx .dgx-mx-ban__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;z-index:-2}
.dgx-mx-ban__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(36,36,35,.78) 0%,rgba(36,36,35,.4) 45%,rgba(36,36,35,0) 75%),var(--dgx-grad-proteccion)}
.dgx-mx-ban__inner{position:relative}
.dgx-mx-ban__c{max-width:620px;padding:clamp(40px,5vw,64px) 0}
.dgx-mx-ban__k{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;line-height:1.5;color:#fff}
.dgx-mx-ban__k > .dgx-i{color:var(--dgx-verde-claro)}
.dgx-mx-ban__t{font-size:clamp(26px,3.2vw,40px);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:#fff;margin-top:14px;text-wrap:balance}
.dgx-mx-ban__t em{font-style:italic;font-weight:600;color:var(--dgx-verde-claro)}
.dgx .dgx-mx-ban__a{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:15px;font-weight:600;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:5px}
.dgx .dgx-mx-ban__a:hover{color:var(--dgx-verde-claro);text-decoration-color:currentColor}

/* --- Capacidad (variante «fichas» de Tamaños) --- */
.dgx-mx-caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1080px;margin:clamp(36px,4.4vw,56px) auto 0}
.dgx-mx-cap{height:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);overflow:hidden;box-shadow:var(--dgx-sh-xs);transition:transform 140ms var(--dgx-ease),box-shadow 140ms var(--dgx-ease),border-color 140ms var(--dgx-ease)}
.dgx-mx-cap__art{position:relative;display:flex;align-items:center;padding:44px 14px 14px;background:linear-gradient(180deg,#fff 0%,var(--dgx-green-050) 100%);border-right:1px solid var(--dgx-border-subtle)}
.dgx-mx-cap__tag{position:absolute;top:14px;left:14px}
.dgx-mx-cap__b{padding:24px;display:flex;flex-direction:column;min-width:0}
.dgx-mx-cap__uso{font-size:15px;line-height:1.5;color:var(--dgx-text-body);margin-top:10px}
.dgx-mx-spec{margin:18px 0 22px;display:grid;border-top:1px solid var(--dgx-border-subtle)}
.dgx-mx-spec > div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--dgx-border-subtle);font-size:13px;line-height:1.4}
.dgx-mx-spec dt{font-weight:400;color:var(--dgx-text-muted)}
.dgx-mx-spec dd{margin:0;font-weight:500;text-align:right;color:var(--dgx-text-strong)}
.dgx-mx-caps + .dgx-pl-legend + .dgx-pl-next,.dgx-mx-caps + .dgx-pl-next{max-width:1080px;margin-left:auto;margin-right:auto}

/* --- Ventaja --- */
.dgx-mx-ventaja__head{max-width:720px}
.dgx-mx-route{margin-top:clamp(40px,4.6vw,60px);display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(24px,3vw,44px)}
.dgx-mx-route > li{min-width:0}
.dgx-mx-route__top{position:relative;display:flex;align-items:center}
.dgx-mx-route__disc{position:relative;z-index:1;width:60px;height:60px;flex-shrink:0;border-radius:var(--dgx-r-md);background:var(--dgx-grad-verde);color:var(--dgx-green-700);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.dgx-mx-route__line{position:absolute;left:76px;right:calc(-1 * clamp(24px,3vw,44px) + 14px);top:50%;height:2px;background:rgba(255,255,255,.28);display:flex;align-items:center;justify-content:flex-end;color:var(--dgx-verde-claro)}
.dgx-mx-route__line > .dgx-i{margin-right:-6px}
.dgx-mx-route__w{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:24px;padding:5px 11px;border-radius:var(--dgx-r-sm);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:500;line-height:1.4;color:#fff;white-space:nowrap}
.dgx-mx-route__w .dgx-mono{color:var(--dgx-verde-claro)}
.dgx .dgx-mx-route__t{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:#fff;margin-top:16px}
.dgx-mx-route__en{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;line-height:1.4;color:var(--dgx-green-200);margin-top:6px}
.dgx-mx-route__p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.9);margin-top:14px}
.dgx-mx-inc{display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;margin-top:clamp(40px,4.6vw,60px);padding:18px 24px;background:#fff;border-radius:var(--dgx-r-lg);box-shadow:var(--dgx-sh-lg)}
.dgx-mx-inc__h{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;line-height:1.4;color:var(--dgx-green-600);white-space:nowrap}
.dgx-mx-inc__l{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
/* El diseño lleva white-space:nowrap y a 320-360 px «Recepción en el
   warehouse de Laredo, Texas» se salía de la pantalla. Aquí cada píldora
   cabe en su línea y, si no, parte el texto. */
.dgx-mx-inc__l li{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px;border-radius:var(--dgx-r-sm);background:var(--dgx-green-050);border:1px solid var(--dgx-green-200);font-size:13px;line-height:1.35;color:var(--dgx-text-strong)}
.dgx-mx-inc__l li > .dgx-i{color:var(--dgx-green-600)}
.dgx-mx-inc__x{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;line-height:1.4;color:var(--dgx-text-body);white-space:nowrap}
.dgx-mx-inc__x strong{font-size:18px;font-weight:600;color:var(--dgx-green-600)}

@media(max-width:1180px){
  .dgx-mx-ind{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1080px){
  .dgx .dgx-mx-hero__img{width:100%}
  .dgx-mx-hero__shade{background:linear-gradient(90deg,#242423 0%,rgba(36,36,35,.88) 55%,rgba(36,36,35,.6) 100%),var(--dgx-grad-proteccion)}
  .dgx-mx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dgx-mx-fact:nth-child(odd){border-left:none}
  .dgx-mx-fact:nth-child(n+3){border-top:1px solid var(--dgx-border-subtle)}
  .dgx-mx-head{grid-template-columns:minmax(0,1fr)}
  .dgx-mx-head__sub{justify-self:start}
  .dgx-mx-caps{grid-template-columns:minmax(0,1fr);max-width:680px}
  .dgx-mx-route{grid-template-columns:minmax(0,1fr);gap:36px;max-width:620px}
  .dgx-mx-route__line{display:none}
}
@media(max-width:900px){
  /* «Tu tarifa incluye» apilada: rótulo arriba, incluidos a todo el ancho y
     «Cargos extra» al pie, separado por una línea. En fila, el rótulo se
     quedaba centrado a la izquierda y apretaba la lista en una columna
     estrecha, cada vez más alta cuanto más angosta la pantalla. */
  .dgx-mx-inc{flex-direction:column;align-items:stretch;gap:16px;padding:20px 22px}
  .dgx-mx-inc__l{flex:none}
  .dgx-mx-inc__x{flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--dgx-border-subtle)}
}
@media(max-width:760px){
  .dgx-mx-ind{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .dgx-mx-facts{grid-template-columns:minmax(0,1fr)}
  .dgx-mx-fact + .dgx-mx-fact{border-left:none;border-top:1px solid var(--dgx-border-subtle)}
  .dgx-mx-fact{padding:14px 16px}
  .dgx-mx-ind{grid-template-columns:minmax(0,1fr)}
  .dgx-mx-ind__c{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:16px;padding:18px}
  .dgx-mx-ind__ic{width:48px;height:48px}
  .dgx .dgx-mx-ind__t{margin-top:0;flex:1;min-width:0}
  .dgx-mx-ind__s{width:100%}
  .dgx-mx-cap{grid-template-columns:minmax(0,1fr)}
  .dgx-mx-cap__art{border-right:none;border-bottom:1px solid var(--dgx-border-subtle)}
  .dgx-mx-cap__b{padding:18px 18px 20px}
  .dgx-mx-route__w{white-space:normal}
  /* Móvil: un incluido por fila, todos del mismo ancho, como una lista. */
  .dgx-mx-inc{padding:18px 16px}
  .dgx-mx-inc__l{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
  .dgx-mx-inc__l li{display:flex;gap:8px;padding:9px 12px;font-size:14px}
}

/* ==========================================================================
   16 · WIDGETS · CENTRO DE ENVÍOS (Hero, Intro, Pasos, Beneficios, Aliados, CTA)
   Traduce site/ce.css (.dg-ce-*) del diseño. Reutiliza las piezas de las
   páginas de servicio: .dgx-pl-sec, .dgx-pl-eyebrow, .dgx-pl-h2,
   .dgx-pl-copy y .dgx-pl-btns (botones al 100 % por debajo de 560 px).
   Sus breakpoints (1080 / 900 / 620 / 560) van al final del bloque.
   ========================================================================== */
/* --- Hero --- */
.dgx-ce-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--dgx-gray-900)}
.dgx-ce-hero .dgx-hero__img{z-index:-3}
.dgx-ce-hero__scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(98deg,rgba(36,36,35,.93) 0%,rgba(36,36,35,.8) 46%,rgba(36,36,35,.34) 100%)}
.dgx-ce-hero .dgx-hero__veil{z-index:-1}
.dgx-ce-hero__inner{position:relative;padding-top:clamp(22px,2.6vw,30px);padding-bottom:clamp(64px,7vw,96px)}
.dgx-ce-hero .dgx-crumbs{flex-wrap:wrap}
.dgx-ce-hero .dgx-crumbs__now{color:#fff}
.dgx-ce-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px);align-items:center;margin-top:clamp(26px,3.2vw,42px)}
.dgx-ce-hero__grid--solo{grid-template-columns:minmax(0,1fr)}
.dgx-ce-hero__grid--solo .dgx-ce-hero__c{max-width:700px}
.dgx-ce-hero__lead{font-size:18px;color:rgba(255,255,255,.86);margin-top:22px;max-width:580px;line-height:1.6}
.dgx-ce-chips{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:36px}
.dgx-ce-chips li{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;line-height:1.45;color:rgba(255,255,255,.82)}
.dgx-ce-chips .dgx-i{color:var(--dgx-verde-claro)}

/* Tarjeta de la sede */
.dgx-ce-sede{justify-self:end;width:100%;max-width:440px;padding:clamp(22px,2.6vw,30px);background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);box-shadow:var(--dgx-sh-lg)}
.dgx-ce-sede__h{display:flex;align-items:center;gap:12px}
.dgx-ce-sede__ic{width:44px;height:44px;flex-shrink:0;border-radius:var(--dgx-r-sm);background:var(--dgx-grad-verde);color:var(--dgx-green-700);display:flex;align-items:center;justify-content:center}
.dgx-ce-sede__k{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;line-height:1.4;color:var(--dgx-green-600)}
.dgx-ce-sede__t{display:block;font-size:18px;font-weight:500;line-height:1.3;color:var(--dgx-text-strong);margin-top:3px}
.dgx-ce-sede__addr{font-style:normal;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--dgx-border-subtle);font-size:16px;line-height:1.6;color:var(--dgx-text-body)}
.dgx-ce-sede__addr span{display:block}
.dgx-ce-sede__rec{margin-top:18px}
.dgx-ce-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dgx-ce-tags li{padding:6px 12px;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-sm);background:var(--dgx-gray-050);font-size:14px;line-height:1.4;color:var(--dgx-gray-700)}
.dgx-ce-sede__f{margin-top:22px}

/* --- Intro --- */
.dgx-ce-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:center}
.dgx-ce-intro--solo{grid-template-columns:minmax(0,1fr)}
.dgx-ce-intro__c{max-width:580px}
.dgx-ce-quote{margin-top:30px;padding:clamp(22px,2.6vw,30px);border-radius:var(--dgx-r-lg);background:var(--dgx-grad-soft);border:1px solid var(--dgx-green-200)}
.dgx-ce-quote__t{font-size:clamp(18px,1.7vw,21px);font-weight:500;line-height:1.45;color:var(--dgx-text-strong)}
.dgx-ce-quote__p{font-size:16px;line-height:1.65;color:var(--dgx-text-body);margin-top:12px}
.dgx-ce-quote__p:first-child{margin-top:0}
.dgx-ce-quote em{font-style:italic;font-weight:600;color:var(--dgx-green-700)}
.dgx-ce-photo{border-radius:var(--dgx-r-xl);overflow:hidden;aspect-ratio:4/5;max-height:600px;background:var(--dgx-gray-100)}
.dgx .dgx-ce-photo img{width:100%;height:100%;object-fit:cover}

/* --- Pasos --- */
.dgx-ce-steps{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(36px,5vw,80px);align-items:start}
.dgx-ce-sticky{position:sticky;top:calc(var(--drago-cabecera,120px) + 30px)}
.dgx-ce-index{display:grid;gap:10px;margin-top:28px}
.dgx-ce-index li{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;line-height:1.5;color:var(--dgx-text-strong)}
.dgx-ce-index .dgx-mono{width:34px;flex-shrink:0;font-size:12px;color:var(--dgx-green-600)}
.dgx-ce-phases{display:flex;flex-direction:column;gap:48px;min-width:0}
.dgx-ce-phase__h{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;line-height:1.5;color:var(--dgx-green-600)}
.dgx-ce-phase__h::after{content:"";flex:1;height:1px;background:var(--dgx-border-default)}
.dgx-ce-phase__card{background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);padding:8px clamp(18px,2.2vw,26px)}
.dgx-ce-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:18px 0}
.dgx-ce-step + .dgx-ce-step{border-top:1px solid var(--dgx-border-subtle)}
.dgx-ce-num{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--dgx-green-050);border:1px solid var(--dgx-green-200);color:var(--dgx-green-700);font-family:var(--dgx-mono);font-size:15px;font-weight:500;transition:background 140ms var(--dgx-ease),border-color 140ms var(--dgx-ease)}
.dgx-ce-step:hover .dgx-ce-num{background:var(--dgx-grad-verde);border-color:transparent}
.dgx-ce-step__b{padding-top:2px;min-width:0}
.dgx-ce-step__h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dgx .dgx-ce-step__t{font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--dgx-text-strong)}
.dgx-ce-step__p{font-size:16px;line-height:1.65;color:var(--dgx-text-body);margin-top:8px}
.dgx-ce-step__p:first-child{margin-top:0}
.dgx-badge--neutral{background:var(--dgx-gray-100);color:var(--dgx-gray-700)}

/* --- Beneficios --- */
.dgx-ce-ben__head{max-width:620px}
.dgx-ce-ben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin-top:clamp(30px,3.6vw,44px)}
.dgx-ce-ben__item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:start;padding:24px 0;border-top:1px solid var(--dgx-border-subtle)}
.dgx-ce-ben__item p{font-size:16px;font-weight:500;line-height:1.5;color:var(--dgx-text-strong);padding-top:6px}
.dgx-ce-check{width:36px;height:36px;border-radius:50%;background:var(--dgx-grad-verde);color:var(--dgx-green-700);display:flex;align-items:center;justify-content:center}
.dgx-ce-alert{margin-top:clamp(40px,4.6vw,60px);padding:clamp(24px,3vw,36px);background:#FBF1DE;border:1px solid #EBD3A4;border-radius:var(--dgx-r-lg)}
.dgx-ce-alert__h{display:flex;align-items:center;gap:12px}
.dgx-ce-alert__ic{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#fff;color:#C98A12;display:flex;align-items:center;justify-content:center}
.dgx .dgx-ce-alert__t{font-size:22px;font-weight:500;line-height:1.25;color:var(--dgx-text-strong)}
.dgx-ce-pol{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(20px,2.6vw,36px)}
.dgx-ce-alert__h + .dgx-ce-pol{margin-top:24px}
.dgx-ce-pol__t{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;line-height:1.4;color:var(--dgx-text-strong)}
.dgx-ce-pol__t .dgx-i{color:var(--dgx-gray-700)}
.dgx-ce-pol__p{font-size:14px;line-height:1.65;color:var(--dgx-gray-700);margin-top:8px}
.dgx-ce-pol__p:first-child{margin-top:0}

/* --- Aliados ---
   Flex en vez de la rejilla del diseño: con 5 logos en 3 o 2 columnas la
   última fila quedaba coja a la izquierda; así sale centrada. */
.dgx-ce-ali{padding:64px 0;background:var(--dgx-gray-050)}
.dgx-ce-ali__head{max-width:620px;margin:0 auto;text-align:center}
.dgx-ce-logos{--cols:5;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:clamp(28px,3.2vw,40px)}
.dgx-ce-logos > li{flex:0 0 calc((100% - (var(--cols) - 1) * 16px) / var(--cols));min-width:0}
.dgx-ce-logo{height:120px;display:flex;align-items:center;justify-content:center;padding:20px 24px;background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);transition:transform 140ms var(--dgx-ease),box-shadow 140ms var(--dgx-ease)}
.dgx-ce-logo:hover{transform:translateY(-2px);box-shadow:var(--dgx-sh-md)}
.dgx .dgx-ce-logo img{width:auto;height:auto;max-width:100%;max-height:min(var(--h,44px),100%);object-fit:contain}

/* --- CTA --- */
.dgx-ce-cta{background:var(--dgx-grad-profundo);scroll-margin-top:var(--drago-cabecera,120px)}
.dgx-ce-cta__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,4.6vw,64px);align-items:center;padding-top:96px;padding-bottom:96px}
.dgx-ce-cta__grid--solo{grid-template-columns:minmax(0,1fr)}
.dgx-ce-cta__c{max-width:600px}
.dgx .dgx-ce-cta__h{font-size:clamp(26px,3.2vw,34px);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:#fff;text-wrap:balance}
.dgx .dgx-ce-cta__h em{font-style:italic;font-weight:600}
.dgx-ce-cta__sub{font-size:18px;line-height:1.6;color:rgba(255,255,255,.88);margin-top:16px}
.dgx-ce-map{background:#fff;border-radius:var(--dgx-r-lg);overflow:hidden;box-shadow:var(--dgx-sh-lg)}
.dgx-ce-map__frame{aspect-ratio:16/10;background:var(--dgx-gray-100)}
.dgx .dgx-ce-map__frame iframe{display:block;width:100%;height:100%;border:0;margin:0}
.dgx-ce-map__b{display:flex;align-items:flex-start;gap:12px;padding:18px 22px}
.dgx-ce-map__b > .dgx-i{color:var(--dgx-green-600);margin-top:2px}
.dgx-ce-map__t{font-size:16px;font-weight:500;line-height:1.5;color:var(--dgx-text-strong)}
.dgx-ce-map__addr{font-style:normal;margin:2px 0 0;font-size:14px;line-height:1.6;color:var(--dgx-text-body)}

@media(max-width:1080px){
  .dgx-ce-hero__grid,.dgx-ce-steps,.dgx-ce-cta__grid{grid-template-columns:minmax(0,1fr)}
  /* Una sola columna: el titular y el mapa no se estiran a todo el ancho */
  .dgx-ce-hero__c{max-width:700px}
  .dgx-ce-sede{justify-self:start}
  .dgx-ce-sticky{position:static}
  .dgx-ce-map{width:100%;max-width:640px}
  .dgx-ce-ben{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .dgx-ce-intro{grid-template-columns:minmax(0,1fr)}
  .dgx-ce-photo{aspect-ratio:16/10;order:-1}
  .dgx-ce-pol{grid-template-columns:minmax(0,1fr)}
  .dgx-ce-logos{--cols:3}
}
@media(max-width:620px){
  .dgx-ce-ben{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:560px){
  .dgx-ce-cta__grid{padding-top:64px;padding-bottom:64px}
  .dgx-ce-ali{padding:52px 0}
  .dgx-ce-logos{--cols:2;gap:12px}
  .dgx-ce-logos > li{flex-basis:calc((100% - 12px) / 2)}
  .dgx-ce-logo{height:100px;padding:16px 18px}
  .dgx-ce-photo{border-radius:var(--dgx-r-lg)}
  /* A 360-390 px la columna del texto se quedaba en unos 230 px: el disco
     baja a 36 px y el texto gana ese espacio. */
  .dgx-ce-step{grid-template-columns:36px minmax(0,1fr);gap:14px}
  .dgx-ce-num{width:36px;height:36px;font-size:13px}
  .dgx-ce-step__b{padding-top:0}
  .dgx .dgx-ce-step__t{font-size:20px}
  .dgx-ce-map__b{padding:16px 18px}
}

/* ==========================================================================
   17 · WIDGETS · INICIO (Centro de envíos) Y OTROS SERVICIOS
   INICIO Centro de envíos traduce .dg-tn-* de site/site.css y reutiliza la
   rejilla de logos de CE Aliados en su variante baja (.dgx-ce-logos--sm).
   Otros servicios traduce .dg-otros-* (bloque final de Drago Mini, Plus,
   Max y Centro de envíos). Sus breakpoints van al final del bloque.
   ========================================================================== */
/* --- Inicio · Centro de envíos --- */
.dgx-tn__head{margin-bottom:clamp(32px,4vw,48px)}
.dgx-tn__head .dgx-pl-h2{margin-top:0}
.dgx .dgx-tn__q em{font-style:italic;color:var(--dgx-green-600)}
.dgx-tn__head .dgx-pl-copy + .dgx-pl-copy{margin-top:12px}
.dgx-tn{padding:clamp(28px,4vw,56px);background:var(--dgx-grad-soft);border:1px solid var(--dgx-green-200);border-radius:var(--dgx-r-xl)}
.dgx-tn__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,4.5vw,64px);align-items:center}
.dgx-tn__grid--solo{grid-template-columns:minmax(0,1fr)}
.dgx-tn__grid--solo .dgx-tn__c{max-width:700px}
.dgx-tn__eyebrow{display:inline-flex;align-items:center;gap:8px}
.dgx .dgx-tn__h{font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--dgx-text-heading);margin-top:16px;text-wrap:balance}
.dgx-tn__tag{font-size:clamp(19px,2.2vw,24px);font-style:italic;font-weight:500;line-height:1.35;color:var(--dgx-green-600);margin-top:14px}
.dgx-tn__lead{font-size:18px;line-height:1.6;color:var(--dgx-text-body);margin-top:18px;max-width:560px;text-wrap:pretty}
.dgx-tn__lead + .dgx-tn__lead{margin-top:12px}
.dgx-tn__card{background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);box-shadow:var(--dgx-sh-md);padding:clamp(22px,2.6vw,30px);min-width:0}
.dgx-tn__label{margin-bottom:18px}
.dgx-tn__step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:16px 0;border-top:1px solid var(--dgx-border-subtle)}
.dgx-tn__step:first-child{border-top:0;padding-top:0}
.dgx-tn__ic{width:40px;height:40px;border-radius:var(--dgx-r-sm);background:var(--dgx-grad-verde);color:var(--dgx-green-700);display:flex;align-items:center;justify-content:center}
.dgx .dgx-tn__st{font-size:16px;font-weight:500;line-height:1.45;letter-spacing:0;color:var(--dgx-text-strong)}
.dgx-tn__sp{font-size:14px;line-height:1.55;color:var(--dgx-text-body);margin-top:4px;text-wrap:pretty}
.dgx-tn__sp:first-child{margin-top:0}
.dgx .dgx-tn__link{display:flex;align-items:center;gap:9px;margin-top:6px;padding-top:16px;border-top:1px solid var(--dgx-border-subtle);font-size:14px;font-weight:500;line-height:1.45}
.dgx .dgx-tn__label + .dgx-tn__link,.dgx .dgx-tn__link:first-child{margin-top:0;padding-top:0;border-top:0}
.dgx-tn__al{margin-top:clamp(36px,4vw,52px);padding-top:clamp(28px,3vw,36px);border-top:1px solid var(--dgx-green-200)}
.dgx-tn__alh{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 24px}
.dgx-tn__alt{font-size:14px;line-height:1.5;color:var(--dgx-text-body)}
/* Logos en tarjetas bajas: 96 px y el logo al 85 % de su altura máxima */
.dgx-ce-logos--sm{gap:14px;margin-top:18px}
.dgx-ce-logos--sm > li{flex-basis:calc((100% - (var(--cols) - 1) * 14px) / var(--cols))}
.dgx-ce-logos--sm .dgx-ce-logo{height:96px;padding:16px 20px;border-radius:var(--dgx-r-md)}
.dgx .dgx-ce-logos--sm .dgx-ce-logo img{max-height:min(calc(var(--h,44px) * .85),100%)}

/* --- Otros servicios --- */
.dgx-otros{--cols:3;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:24px;margin-top:40px}
.dgx-otros--1{--cols:1;max-width:420px}
.dgx-otros--2{--cols:2;max-width:860px}
.dgx-otros--4{--cols:4;gap:20px}
.dgx-otros > li{min-width:0}
.dgx .dgx-otros__card{height:100%;display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);color:inherit;text-decoration:none;transition:transform 140ms var(--dgx-ease),box-shadow 140ms var(--dgx-ease),border-color 140ms var(--dgx-ease)}
.dgx .dgx-otros__card:hover{transform:translateY(-2px);box-shadow:var(--dgx-sh-md);border-color:var(--dgx-green-200);color:inherit;text-decoration:none}
.dgx .dgx-otros__card:focus-visible{outline:none;border-radius:var(--dgx-r-lg);box-shadow:0 0 0 3px rgba(198,207,38,.45)}
.dgx-otros__ic{width:52px;height:52px;flex-shrink:0;border-radius:var(--dgx-r-md);background:var(--dgx-grad-verde);color:var(--dgx-green-700);display:flex;align-items:center;justify-content:center}
.dgx-otros__para{margin-top:22px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;line-height:1.5;color:var(--dgx-text-muted)}
.dgx-otros__name{margin-top:8px;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:var(--dgx-text-strong);text-wrap:pretty}
.dgx-otros__ic + .dgx-otros__name{margin-top:22px}
.dgx-otros__desc{flex:1;margin-top:10px;font-size:16px;line-height:1.6;color:var(--dgx-text-body);text-wrap:pretty}
.dgx-otros__go{margin-top:22px;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:1.5;color:var(--dgx-green-600);transition:gap 140ms var(--dgx-ease),color 140ms var(--dgx-ease)}
.dgx-otros__card:hover .dgx-otros__go{gap:10px;color:var(--dgx-green-700)}

@media(max-width:1080px){
  .dgx-otros--4{--cols:2;gap:24px}
}
@media(max-width:960px){
  .dgx-tn__grid{grid-template-columns:minmax(0,1fr)}
  /* Una sola columna: el texto y la tarjeta no se estiran a todo el panel */
  .dgx-tn__c{max-width:700px}
  .dgx-tn__card{max-width:560px}
  .dgx-ce-logos--sm{--cols:3}
}
@media(max-width:900px){
  /* Tablet: tarjeta en fila (icono a la izquierda). A una columna, la
     apilada del diseño dejaba cada tarjeta casi vacía a lo ancho. */
  .dgx-otros,.dgx-otros--4{--cols:1;gap:16px;max-width:none}
  .dgx .dgx-otros__card{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:20px;padding:24px}
  .dgx-otros__ic{grid-row:1 / span 5}
  .dgx-otros__para,.dgx-otros__ic + .dgx-otros__name{margin-top:0}
  .dgx-otros__go{margin-top:14px}
}
@media(max-width:560px){
  /* Panel dentro de panel: con los rellenos del diseño los pasos se
     quedaban en unos 170 px a 390 px de pantalla. */
  .dgx-tn{padding:26px 18px;border-radius:var(--dgx-r-lg)}
  .dgx-tn .dgx-btn--lg{padding-left:20px;padding-right:20px}
  .dgx-tn__card{padding:20px 18px}
  .dgx-tn__step{grid-template-columns:36px minmax(0,1fr);gap:12px}
  .dgx-tn__ic{width:36px;height:36px}
  .dgx-ce-logos--sm{--cols:2;gap:12px}
  .dgx-ce-logos--sm > li{flex-basis:calc((100% - 12px) / 2)}
  .dgx-ce-logos--sm .dgx-ce-logo{height:84px;padding:14px 16px}
  /* En móvil, otra vez apilada como en el diseño: en fila el texto se
     quedaba en unos 250 px. */
  .dgx-otros{margin-top:32px}
  .dgx .dgx-otros__card{display:flex;padding:22px}
  .dgx-otros__ic{width:48px;height:48px}
  .dgx-otros__para,.dgx-otros__ic + .dgx-otros__name{margin-top:18px}
  .dgx-otros__name{font-size:20px}
}

/* --- Logos de aliados (widget suelto) ---
   Misma rejilla que CE Aliados, sin fondo ni márgenes: el fondo y el ancho los
   pone el contenedor de Elementor. Columnas = número de logos (--n, máx. 5),
   recortadas según el ancho del propio widget con container queries, para que
   en una columna estrecha no queden cinco tarjetas de 100 px. En un contenedor
   en fila el widget ocupa todo el ancho por defecto (container-type deja su
   ancho intrínseco a 0); Avanzado → Ancho personalizado sigue mandando. */
.elementor-widget-drago-aliados-logos{--container-widget-width:100%;--container-widget-flex-grow:1}
.dgx-alg{container-type:inline-size}
.dgx-alg .dgx-ce-logos{--cols:min(var(--n,5),5);--gap:16px;gap:var(--gap);margin-top:0}
.dgx-alg .dgx-ce-logos--sm{--gap:14px}
.dgx-alg .dgx-ce-logos > li{flex-basis:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols))}
/* Sin filas cojas: los clamp(0, n - k, 1) valen 0 o 1 y ajustan la cuenta.
   Hasta 819 px: 4 logos en una fila; 5 o más, de tres en tres (3 + 2).
   Hasta 639 px: 4 logos de dos en dos (2 + 2); 5 o más, de tres en tres. */
@container (max-width:819px){
  .dgx-alg .dgx-ce-logos{--cols:calc(min(var(--n,5),4) - clamp(0,var(--n,5) - 4,1))}
}
@container (max-width:639px){
  .dgx-alg .dgx-ce-logos{--cols:calc(min(var(--n,5),3) - clamp(0,var(--n,5) - 3,1) + clamp(0,var(--n,5) - 4,1))}
}
@container (max-width:459px){
  .dgx-alg .dgx-ce-logos{--cols:min(var(--n,5),2);--gap:12px}
  .dgx-alg .dgx-ce-logo{height:100px;padding:16px 18px}
  .dgx-alg .dgx-ce-logos--sm .dgx-ce-logo{height:84px;padding:14px 16px}
}

/* ==========================================================================
   18 · WIDGET · CONTACTO (banda FAQ)
   Traduce .dg-ct-faq de site/contacto.css. Icono en circulo, texto y boton en
   una fila; el boton baja a su propia fila por debajo de 900 px.
   ========================================================================== */
.dgx-ctf{padding:64px 0;background:#fff}
.dgx-ctf__c{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 28px;align-items:center;
  padding:clamp(24px,3vw,36px) clamp(24px,3.4vw,44px);
  background:var(--dgx-grad-soft);border:1px solid var(--dgx-green-200);border-radius:var(--dgx-r-lg);
}
.dgx-ctf__c--solo{grid-template-columns:auto minmax(0,1fr)}
.dgx-ctf__ic{width:56px;height:56px;border-radius:50%;background:var(--dgx-grad-verde);color:var(--dgx-green-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dgx-ctf__txt{min-width:0}
.dgx .dgx-ctf__t{font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--dgx-text-strong);text-wrap:balance}
.dgx-ctf__p{font-size:16px;line-height:1.6;color:var(--dgx-text-body);margin-top:6px;max-width:680px;text-wrap:pretty}
.dgx-ctf__p + .dgx-ctf__p{margin-top:10px}
.dgx-ctf__t + .dgx-ctf__p{margin-top:6px}
.dgx-ctf__txt > .dgx-ctf__p:first-child{margin-top:0}

@media(max-width:900px){
  .dgx-ctf__c{grid-template-columns:auto minmax(0,1fr)}
  .dgx-ctf__btn{grid-column:1 / -1}
}
@media(max-width:560px){
  .dgx-ctf{padding:48px 0}
  /* Icono encima del texto: a esta anchura, al lado dejaba el texto en ~200 px */
  .dgx-ctf__c,.dgx-ctf__c--solo{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 20px}
  .dgx-ctf__ic{width:48px;height:48px}
  .dgx-ctf__btn .dgx-btn{width:100%}
}

/* ==========================================================================
   19 · WIDGETS · FAQ (Hero, Preguntas, CTA)
   Traduce site/faq.css. El hero reutiliza .dgx-pl-pill, .dgx-pl-h1 y
   .dgx-pl-lead de las páginas de servicio, y la banda final es .dgx-ctf
   (Contacto), que en el diseño es la misma pieza. Las respuestas salen del
   editor de texto de Elementor: sus listas se estilan aquí con ::before, sin
   tocar el HTML (los iconos van como SVG en data URI, Lucide 0.469).
   ========================================================================== */
/* --- Hero --- */
.dgx-fqh{background:linear-gradient(180deg,#fff 0%,var(--dgx-green-050) 100%)}
.dgx-fqh__inner{padding-top:clamp(26px,3vw,38px);padding-bottom:clamp(48px,6vw,76px)}
.dgx-fqh__col{max-width:760px;margin-top:clamp(28px,3.4vw,44px)}
.dgx .dgx-fqh__h1{font-size:clamp(34px,4.8vw,60px);line-height:1.06}
.dgx .dgx-fqh__h1 em{font-weight:inherit}
.dgx-fqh__lead{font-size:clamp(17px,1.7vw,20px);max-width:640px}
.dgx-fqh__search{position:relative;margin-top:28px;max-width:580px}
.dgx-fqh__ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--dgx-gray-400);pointer-events:none}
/* El kit de Elementor ataca los campos con 0-3-1: se declaran todas las
   propiedades de caja con la clase de scope triple (0-4-0). */
.dgx.dgx.dgx .dgx-fqh__input{
  display:block;width:100%;max-width:100%;height:auto;min-height:0;margin:0;
  padding:12px 16px 12px 46px;
  border:1px solid var(--dgx-border-default);border-radius:var(--dgx-r-md);
  background:#fff;box-shadow:none;outline:none;
  font-family:var(--dgx-font);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:normal;
  color:var(--dgx-text-strong);
  -webkit-appearance:none;appearance:none;
  transition:border-color 140ms var(--dgx-ease),box-shadow 140ms var(--dgx-ease)}
.dgx.dgx.dgx .dgx-fqh__input::placeholder{color:var(--dgx-gray-400);opacity:1}
.dgx.dgx.dgx .dgx-fqh__input:hover{border-color:var(--dgx-gray-400)}
.dgx.dgx.dgx .dgx-fqh__input:focus{border-color:var(--dgx-verde-oscuro);box-shadow:var(--dgx-focus);outline:none}
.dgx-fqh__input::-webkit-search-decoration{-webkit-appearance:none}

/* --- Preguntas: rejilla y menú lateral --- */
.dgx-fq{padding:clamp(40px,5vw,64px) 0 96px;background:#fff}
.dgx-fq__grid{display:grid;grid-template-columns:268px minmax(0,1fr);gap:clamp(32px,4vw,56px);align-items:start}
.dgx-fq__grid--solo{grid-template-columns:minmax(0,1fr)}
.dgx-fq__main{min-width:0;scroll-margin-top:calc(var(--drago-cabecera,var(--dgx-fq-top,120px)) + 12px)}
.dgx-fq__nav{position:sticky;top:calc(var(--drago-cabecera,var(--dgx-fq-top,120px)) + 16px)}
.dgx-fq__nav-k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;line-height:1.4;color:var(--dgx-green-600);padding:0 12px}
.dgx-fq__nav-l{margin-top:12px;display:flex;flex-direction:column;gap:2px}
.dgx .dgx-fq__nav-i{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--dgx-r-sm);font-size:15px;font-weight:500;line-height:1.4;color:var(--dgx-text-body);text-decoration:none;transition:background 140ms var(--dgx-ease),color 140ms var(--dgx-ease)}
.dgx .dgx-fq__nav-i:hover{background:var(--dgx-gray-050);color:var(--dgx-text-strong);text-decoration:none}
.dgx .dgx-fq__nav-i.is-on{background:var(--dgx-green-050);color:var(--dgx-green-700);box-shadow:inset 0 0 0 1px var(--dgx-green-200)}
.dgx .dgx-fq__nav-i:focus-visible{box-shadow:var(--dgx-focus)}
.dgx-fq__nav-n{font-size:12px;color:var(--dgx-text-muted)}
.dgx-fq__nav-i.is-on .dgx-fq__nav-n{color:var(--dgx-green-700)}

/* --- Barra: recuento, «Expandir todo», «Limpiar búsqueda» --- */
.dgx-fq__tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;min-height:32px}
.dgx-fq__res{font-size:14px;line-height:1.5;color:var(--dgx-text-body);overflow-wrap:anywhere}
.dgx-fq__res strong{font-weight:500;color:var(--dgx-text-strong)}
.dgx.dgx .dgx-fq__link{
  display:inline-flex;align-items:center;gap:6px;width:auto;min-height:0;margin:0;padding:6px 2px;
  border:none;border-radius:4px;background:transparent;box-shadow:none;
  font-family:var(--dgx-font);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:normal;text-transform:none;
  color:var(--dgx-green-600);cursor:pointer;transition:color 140ms var(--dgx-ease)}
.dgx.dgx .dgx-fq__link:hover,.dgx.dgx .dgx-fq__link:focus{background:transparent;color:var(--dgx-green-700)}
.dgx.dgx .dgx-fq__link:focus-visible{box-shadow:var(--dgx-focus)}
.dgx-fq__link > span{display:inline-flex;align-items:center;gap:6px}

/* --- Acordeón --- */
.dgx-fq__list{display:flex;flex-direction:column;gap:16px}
.dgx-fq-cat{background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-lg);scroll-margin-top:calc(var(--drago-cabecera,var(--dgx-fq-top,120px)) + 12px);transition:border-color 220ms var(--dgx-ease),box-shadow 220ms var(--dgx-ease)}
.dgx-fq-cat:hover{border-color:var(--dgx-border-default)}
.dgx-fq-cat.is-open{border-color:var(--dgx-green-200);box-shadow:var(--dgx-sh-md)}
.dgx .dgx-fq-cat__h{margin:0;font-size:inherit;line-height:inherit;letter-spacing:normal}
.dgx.dgx .dgx-fq-head{
  display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;
  width:100%;min-height:0;margin:0;padding:20px 24px;
  border:none;border-radius:var(--dgx-r-lg);background:transparent;box-shadow:none;
  font-family:var(--dgx-font);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:normal;text-transform:none;text-align:left;white-space:normal;
  color:inherit;cursor:pointer}
.dgx.dgx .dgx-fq-head:hover,.dgx.dgx .dgx-fq-head:focus{background:transparent;color:inherit}
.dgx.dgx .dgx-fq-head:focus-visible{outline:none;box-shadow:var(--dgx-focus)}
.dgx-fq-ic{width:52px;height:52px;flex-shrink:0;border-radius:var(--dgx-r-sm);background:var(--dgx-green-050);border:1px solid var(--dgx-green-200);color:var(--dgx-green-600);display:inline-flex;align-items:center;justify-content:center;transition:background 220ms var(--dgx-ease),color 220ms var(--dgx-ease)}
.dgx-fq-cat.is-open .dgx-fq-ic{background:var(--dgx-grad-verde);border-color:transparent;color:var(--dgx-green-700)}
.dgx-fq-head__t{min-width:0}
.dgx-fq-title{display:block;font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--dgx-text-strong);text-wrap:pretty}
.dgx-fq-count{display:block;font-size:13px;line-height:1.4;color:var(--dgx-text-muted);margin-top:3px}
.dgx-fq-chev{width:36px;height:36px;border-radius:50%;background:var(--dgx-gray-100);color:var(--dgx-gray-600);display:flex;align-items:center;justify-content:center;transition:transform 220ms var(--dgx-ease),background 140ms var(--dgx-ease),color 140ms var(--dgx-ease)}
.dgx-fq-head:hover .dgx-fq-chev{background:var(--dgx-gray-200)}
.dgx-fq-cat.is-open .dgx-fq-chev{transform:rotate(180deg);background:var(--dgx-verde-claro);color:var(--dgx-green-700)}
.dgx-fq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 380ms var(--dgx-ease)}
.dgx-fq-cat.is-open .dgx-fq-body{grid-template-rows:1fr}
.dgx-fq-body__in{overflow:hidden;min-height:0}
.dgx-fq-qas{padding:0 32px 10px 94px}
.dgx-fq-qa{padding:22px 0;border-top:1px solid var(--dgx-border-subtle)}
.dgx .dgx-fq-q{font-size:18px;font-weight:500;line-height:1.4;letter-spacing:normal;color:var(--dgx-text-strong);text-wrap:pretty}

/* --- Respuestas (HTML del editor de texto) --- */
.dgx-fq-a{display:flex;flex-direction:column;gap:12px;margin-top:8px;max-width:720px;font-size:16px;line-height:1.65;color:var(--dgx-text-body);overflow-wrap:break-word}
.dgx .dgx-fq-a > *{margin:0}
.dgx-fq-a strong,.dgx-fq-a b{font-weight:600;color:var(--dgx-text-strong)}
.dgx .dgx-fq-a a,.dgx .dgx-fq-svc-n{color:var(--dgx-green-600);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.dgx .dgx-fq-a a:hover,.dgx .dgx-fq-svc-n:hover{color:var(--dgx-green-700)}
.dgx .dgx-fq-a :where(ul,ol){display:grid;gap:9px;margin:0;padding:0;list-style:none}
.dgx .dgx-fq-a li{position:relative;margin:0;padding-left:33px;line-height:1.5}
/* Viñeta: palomita en círculo verde */
.dgx-fq-a ul > li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;border:1px solid var(--dgx-green-200);background:var(--dgx-green-050) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E721D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat}
/* Numerada: pasos con disco verde */
.dgx .dgx-fq-a ol{gap:10px;counter-reset:dgxfq}
.dgx .dgx-fq-a ol > li{padding-left:37px;counter-increment:dgxfq}
.dgx-fq-a ol > li::before{content:counter(dgxfq);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:var(--dgx-r-sm);background:var(--dgx-grad-verde);color:var(--dgx-green-700);font-family:var(--dgx-mono);font-size:13px;font-weight:600;line-height:26px;text-align:center}
/* Palomitas en 2 columnas */
.dgx .dgx-fq-a--check2 ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
/* No permitidos: tachas grises en 3 columnas sobre fondo gris */
.dgx .dgx-fq-a--x ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;padding:18px 20px;background:var(--dgx-gray-050);border-radius:var(--dgx-r-md)}
.dgx .dgx-fq-a--x ul > li{font-size:15px}
.dgx-fq-a--x ul > li::before{border:0;background:var(--dgx-gray-100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23646363' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center/14px no-repeat}
/* Servicios: el enlace al servicio en su columna y la descripción al lado */
.dgx .dgx-fq-a--svc ul{gap:10px}
.dgx .dgx-fq-a--svc ul > li{padding:12px 16px 12px 134px;background:var(--dgx-gray-050);border-radius:var(--dgx-r-md)}
.dgx-fq-a--svc ul > li::before{content:none}
.dgx .dgx-fq-a--svc ul > li > a:first-child{position:absolute;left:16px;top:12px;width:104px;font-weight:600}

/* {cajas}: tamaños del catálogo por servicio */
.dgx-fq-boxes{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px}
.dgx-fq-box{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;background:var(--dgx-gray-050);border-radius:var(--dgx-r-md);min-width:0}
.dgx-fq-svc-n{font-weight:600;color:var(--dgx-text-strong)}
.dgx-fq-dims{display:flex;flex-wrap:wrap;gap:8px}
.dgx-fq-dim{font-size:13px;line-height:1.4;color:var(--dgx-text-strong);background:#fff;border:1px solid var(--dgx-border-subtle);border-radius:var(--dgx-r-sm);padding:6px 10px;white-space:nowrap}
.dgx-fq-unit{font-size:12px;font-weight:300;line-height:1.5;color:var(--dgx-text-muted);margin-top:10px}

/* --- Sin resultados --- */
.dgx-fq-empty{text-align:center;padding:clamp(40px,6vw,72px) 20px;border:1px dashed var(--dgx-border-default);border-radius:var(--dgx-r-lg)}
.dgx .dgx-fq-empty__t{margin-top:16px;font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--dgx-text-strong);text-wrap:balance;overflow-wrap:anywhere}
.dgx-fq-empty__p{max-width:440px;margin:8px auto 0;font-size:16px;line-height:1.65;color:var(--dgx-text-body)}
.dgx-fq-empty__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}
.dgx.dgx .dgx-fq-ghost{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;max-width:100%;min-height:0;margin:0;padding:12px 24px;
  border:1px solid transparent;border-radius:var(--dgx-r-sm);background:transparent;box-shadow:none;
  font-family:var(--dgx-font);font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em;text-transform:none;
  color:var(--dgx-gray-700);cursor:pointer;transition:background 140ms var(--dgx-ease),color 140ms var(--dgx-ease)}
.dgx.dgx .dgx-fq-ghost:hover,.dgx.dgx .dgx-fq-ghost:focus{background:var(--dgx-gray-100);color:var(--dgx-green-600)}
.dgx.dgx .dgx-fq-ghost:focus-visible{box-shadow:var(--dgx-focus)}

/* --- Banda final (sobre .dgx-ctf) --- */
.dgx-ctf--faq{padding:0 0 96px}
.dgx-ctf--faq .dgx-ctf__btn{display:flex;flex-wrap:wrap;gap:12px}

@media(max-width:1000px){
  .dgx-fq__grid{grid-template-columns:minmax(0,1fr)}
  .dgx-fq__nav{display:none}
}
@media(max-width:720px){
  .dgx-fq-qas{padding:0 20px 6px}
  .dgx.dgx .dgx-fq-head{grid-template-columns:44px minmax(0,1fr) auto;gap:14px;padding:16px 18px}
  .dgx-fq-ic{width:44px;height:44px}
  .dgx-fq-chev{width:32px;height:32px}
  .dgx-fq-title{font-size:19px}
  .dgx-fq-boxes{grid-template-columns:minmax(0,1fr)}
  .dgx .dgx-fq-a--check2 ul{grid-template-columns:minmax(0,1fr)}
  .dgx .dgx-fq-a--x ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dgx .dgx-fq-a--svc ul > li{padding-left:16px}
  .dgx .dgx-fq-a--svc ul > li > a:first-child{position:static;display:block;width:auto;margin-bottom:2px}
}
@media(max-width:560px){
  .dgx-fq{padding-bottom:64px}
  .dgx-ctf--faq{padding:0 0 64px}
  .dgx .dgx-fq-a--x ul{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .dgx-fq-body,.dgx-fq-chev,.dgx-fq-ic{transition:none}
}

/* ==========================================================================
   20 · Breakpoints (Cómo funciona y Soluciones)
   ========================================================================== */
@media(max-width:1080px){
  .dgx-step__split{grid-template-columns:1fr}
  .dgx-step{grid-template-columns:76px minmax(0,1fr)}
  .dgx-sol-cards{grid-template-columns:minmax(0,1fr);max-width:560px;margin-left:auto;margin-right:auto}
  .dgx-sol-inc__grid{grid-template-columns:minmax(0,1fr)}
  .dgx-sol-panel{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .dgx-svc{grid-template-columns:1fr}
  .dgx-hide-s{display:none!important}
  .dgx-hero{min-height:auto}
  /* Pestañas en rejilla de columnas iguales, sea cual sea su número */
  .dgx-tabs__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;width:100%;border-radius:var(--dgx-r-md);padding:4px}
  .dgx.dgx .dgx-tabs__tab{flex-direction:column;justify-content:flex-start;gap:6px;padding:12px 4px;border-radius:var(--dgx-r-sm);font-size:13px;line-height:1.25;text-align:center;min-height:76px}
  /* Último recurso si una palabra no cabe en su columna: se parte antes que montarse en la vecina */
  .dgx-tabs__tab > span{min-width:0;max-width:100%;overflow-wrap:break-word}
}
@media(max-width:560px){
  .dgx-step{grid-template-columns:54px minmax(0,1fr)}
  .dgx-step__disc{width:44px;height:44px;font-size:18px;border-width:2px}
  .dgx-hero__cta .dgx-btn,.dgx-cta__btns .dgx-btn{width:100%}
  .dgx-panel__stats{grid-template-columns:1fr}

  .dgx-sol{padding:64px 0}
  .dgx-cta--photo .dgx-cta__inner{padding-top:52px;padding-bottom:52px}
  .dgx-sol-card__h{padding:22px 20px 18px}
  .dgx-sol-card__b{padding:20px 20px 0}
  .dgx-sol-card__f{padding:20px 20px 22px}
  .dgx-sol-inc__list{grid-template-columns:minmax(0,1fr);gap:10px}
  .dgx-sol-inc__item{padding:16px 18px;border-radius:var(--dgx-r-md)}
  .dgx-sol-inc__chk{display:none}
  .dgx-sol-inc__body{display:flex;align-items:flex-start;gap:14px}
  .dgx-sol-inc__ico{width:40px;height:40px;flex-shrink:0;border-radius:var(--dgx-r-sm);background:var(--dgx-grad-verde);color:var(--dgx-green-700);align-items:center;justify-content:center}
  .dgx-sol-inc__t,.dgx-sol-inc__t:first-child{margin-top:0;padding-right:0;align-self:center}
  .dgx-sol-map{margin-top:22px;border-radius:var(--dgx-r-md)}
  /* Mapa: a este ancho el SVG se pinta a ~0,45x y sus rótulos bajaban a 5 px.
     Se agrandan en unidades del propio SVG, sin moverlos de sitio. */
  .dgx-sol-map .dgx-map-city{font-size:22px}
  .dgx-sol-map .dgx-map-legend text{font-size:19px}
  .dgx-sol-map .dgx-map-tag{transform:scale(1.6);transform-box:fill-box;transform-origin:0 100%}
  .dgx-sol-panel__img{height:220px;border-radius:var(--dgx-r-lg)}
  .dgx-sol-fit{padding:14px}
  .dgx .dgx-sol-fit__btn{margin-left:0;width:100%}
}
/* Por debajo de 390 px «Emprendedores» (unos 100 px a 13 px) ya no cabe en un
   tercio de pantalla: las pestañas se apilan en filas, icono y texto en línea. */
@media(max-width:389px){
  .dgx-tabs__list{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}
  .dgx.dgx .dgx-tabs__tab{flex-direction:row;justify-content:flex-start;gap:10px;padding:11px 14px;min-height:0;text-align:left}
}

/* ==========================================================================
   21 · Editor de Elementor: el reveal no debe ocultar contenido al editar
   ========================================================================== */
.elementor-editor-active .dgx-reveal,
.elementor-editor-preview .dgx-reveal{opacity:1;transform:none}