/* ============================================================
   DataTrust Widgets · Hero
   Fondo SVG por variante (A/C/D), copy + botones + stats.
   Namespaced .dtw-hero.
   ============================================================ */
.dtw-hero{
  --dtw-ink:#0D0C10;--dtw-ink-2:#17161A;--dtw-purple:#413C58;--dtw-pink:#F54576;
  --dtw-yellow:#FBD87F;--dtw-paper:#FAFAF8;--dtw-lilac:#D4D0E4;--dtw-txt-muted:#A7A3B2;
  --dtw-ease:cubic-bezier(.22,.61,.36,1);
  position:relative;overflow:hidden;background:var(--dtw-ink);padding:120px 0 88px;
  font-family:'Poppins',sans-serif;
}

.dtw-hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.dtw-hero__bg svg{width:100%;height:100%;display:block}

.dtw-hero__inner{
  position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 28px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;
}
.dtw-hero__inner.is-single{grid-template-columns:1fr;max-width:820px;text-align:center}
.dtw-hero__inner.is-single .dtw-hero__eyebrow,
.dtw-hero__inner.is-single .dtw-hero__cta{justify-content:center}
.dtw-hero__inner.is-single .dtw-hero__sub{margin-left:auto;margin-right:auto}
.dtw-hero__inner.is-single .dtw-hero__stats{justify-content:center}

.dtw-hero__eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--dtw-txt-muted);
  margin-bottom:22px;
}
.dtw-hero__eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dtw-pink)}

.dtw-hero__title{
  font-family:'Playfair Display',Georgia,serif;font-weight:700;
  font-size:clamp(32px,4vw,54px);line-height:1.06;letter-spacing:-.01em;color:var(--dtw-paper);
  margin-bottom:14px;
}
/* Línea 2 (div separado): mismo tipo/tamaño que el H1, color rosa, pegada a la
   línea 1 para leerse como una sola idea. Anula el margen superior del bloque. */
.dtw-hero__lead2{display:block;color:var(--dtw-pink);margin-top:-14px}

.dtw-hero__sub{
  font-size:clamp(15.5px,1.1vw,17px);line-height:1.65;color:var(--dtw-lilac);
  max-width:540px;margin-bottom:34px;font-weight:300;
}

.dtw-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:48px}
.dtw-hero__btn{
  display:inline-flex;align-items:center;gap:9px;font-family:'Poppins',sans-serif;
  font-weight:600;font-size:15px;padding:15px 26px;border-radius:100px;
  cursor:pointer;border:none;white-space:nowrap;text-decoration:none;
  transition:transform .25s var(--dtw-ease),box-shadow .25s;
}
.dtw-hero__btn--primary{background:var(--dtw-pink);color:#fff;box-shadow:0 8px 26px rgba(245,69,118,.32)}
.dtw-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(245,69,118,.44)}
.dtw-hero__btn--ghost{background:transparent;color:var(--dtw-paper);font-weight:600;padding:15px 6px}
.dtw-hero__btn--ghost svg{transition:transform .25s var(--dtw-ease)}
.dtw-hero__btn--ghost:hover svg{transform:translateX(5px)}

.dtw-hero__stats{display:flex;flex-wrap:wrap;gap:16px}
.dtw-hero__stat{
  flex:1;min-width:150px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:16px;padding:22px 22px 20px;backdrop-filter:blur(4px);
}
.dtw-hero__num{font-family:'Playfair Display',serif;font-weight:700;font-size:36px;line-height:1;color:var(--dtw-paper);margin-bottom:8px}
.dtw-hero__num.is-pink{color:var(--dtw-pink)}
.dtw-hero__num.is-small{font-size:23px;color:var(--dtw-yellow)}
.dtw-hero__lbl{font-size:13.5px;color:var(--dtw-txt-muted);line-height:1.4;font-weight:400}

.dtw-hero__visual{position:relative;min-height:400px}
.dtw-hero__img{position:absolute;inset:0;border-radius:20px;background-size:cover;background-position:center}
.dtw-hero__ph{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  border:1.5px dashed rgba(255,255,255,.12);border-radius:20px;
  color:var(--dtw-txt-muted);font-size:13px;text-align:center;padding:20px;
}

@media(max-width:900px){
  .dtw-hero{padding:96px 0 64px}
  .dtw-hero__inner{grid-template-columns:1fr;gap:32px}
  .dtw-hero__visual{display:none}
}
@media(max-width:560px){
  .dtw-hero__stat{min-width:calc(50% - 8px)}
}
@media(prefers-reduced-motion:reduce){.dtw-hero *{transition:none!important}}

/* Padding lateral reducido en móvil (unificado a 20px) */
@media(max-width:600px){
  .dtw-hero__inner{padding-left:20px;padding-right:20px}
}