/* ============================================================
   DataTrust Widgets · Pilares (Feature Row)
   Filas imagen + texto alternadas (zig-zag). Claro u oscuro.
   Namespaced .dtw-pillars.
   ============================================================ */
.dtw-pillars{
  --dtw-ink:#0D0C10;--dtw-purple:#413C58;--dtw-pink:#F54576;
  --dtw-paper:#FAFAF8;--dtw-paper-2:#F4F5F9;
  --dtw-txt-dark:#211F26;--dtw-txt-dark-muted:#17161A;--dtw-txt-light-muted:#A7A3B2;
  --dtw-ease:cubic-bezier(.22,.61,.36,1);
  padding:80px 0;font-family:'Poppins',sans-serif;
}
.dtw-pillars--light{background:var(--dtw-paper)}
.dtw-pillars--dark{background:var(--dtw-ink)}
.dtw-pillars__wrap{max-width:1200px;margin:0 auto;padding:0 32px}

/* Encabezado */
.dtw-pillars__head{margin-bottom:52px;max-width:640px}
.dtw-pillars__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}
.dtw-pillars__eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dtw-pink)}
.dtw-pillars--light .dtw-pillars__eyebrow{color:var(--dtw-txt-dark-muted)}
.dtw-pillars--dark .dtw-pillars__eyebrow{color:var(--dtw-txt-light-muted)}
.dtw-pillars__title{font-family:'Playfair Display',serif;font-weight:700;font-size:36px;line-height:1.12;letter-spacing:-.01em}
.dtw-pillars--light .dtw-pillars__title{color:var(--dtw-txt-dark)}
.dtw-pillars--dark .dtw-pillars__title{color:var(--dtw-paper)}

/* Pilar (fila) */
.dtw-pillar{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:56px}
.dtw-pillar:last-child{margin-bottom:0}
/* zig-zag: filas pares invierten */
.dtw-pillar:nth-child(even) .dtw-pillar__media{order:2}
.dtw-pillar:nth-child(even) .dtw-pillar__txt{order:1}

.dtw-pillar__media{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background-size:cover;background-position:center;background-color:var(--dtw-purple)}
.dtw-pillar__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(13,12,16,.25),transparent 60%)}
.dtw-pillar__media-tag{position:absolute;left:18px;bottom:16px;z-index:2;font-size:12px;color:rgba(255,255,255,.85);background:rgba(13,12,16,.4);backdrop-filter:blur(6px);padding:7px 13px;border-radius:100px}

.dtw-pillar__ico{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:29px;margin-bottom:22px;background:rgba(245,69,118,.12);color:var(--dtw-pink)}
.dtw-pillar__ico svg{width:1em;height:1em;fill:currentColor}
.dtw-pillar__txt h3{font-family:'Playfair Display',serif;font-weight:700;font-size:26px;line-height:1.2;margin-bottom:13px}
.dtw-pillars--light .dtw-pillar__txt h3{color:var(--dtw-txt-dark)}
.dtw-pillars--dark .dtw-pillar__txt h3{color:var(--dtw-paper)}
.dtw-pillar__txt p,.dtw-pillar__txt .dtw-pillar__desc{font-size:15.5px;line-height:1.65;font-weight:300;margin-bottom:20px}
.dtw-pillar__txt .dtw-pillar__desc p{margin-bottom:12px}
.dtw-pillar__txt .dtw-pillar__desc a{color:var(--dtw-pink);text-decoration:underline}
.dtw-pillar__txt .dtw-pillar__desc strong,.dtw-pillar__txt .dtw-pillar__desc b{font-weight:600}
.dtw-pillars--light .dtw-pillar__txt p,.dtw-pillars--light .dtw-pillar__txt .dtw-pillar__desc{color:#3a3742}
.dtw-pillars--dark .dtw-pillar__txt p,.dtw-pillars--dark .dtw-pillar__txt .dtw-pillar__desc{color:var(--dtw-txt-light-muted)}
.dtw-pillar__go{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--dtw-pink);text-decoration:none;transition:gap .2s var(--dtw-ease)}
.dtw-pillar__go:hover{gap:13px}
.dtw-pillar__go svg{transition:transform .2s var(--dtw-ease)}

@media(max-width:800px){
  .dtw-pillar{grid-template-columns:1fr;gap:24px;margin-bottom:44px}
  .dtw-pillar:nth-child(even) .dtw-pillar__media{order:0}
  .dtw-pillar:nth-child(even) .dtw-pillar__txt{order:0}
  .dtw-pillar__media{aspect-ratio:3/4}
}

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

@media(max-width:600px){.dtw-pillar__txt p,.dtw-pillar__txt .dtw-pillar__desc{font-size:17px}}