/* ============================================================
   DataTrust Widgets · Value Cards
   4 propuestas (p1/p2/p3/p4). Claro u oscuro.
   Namespaced .dtw-vc.
   ============================================================ */
.dtw-vc{
  --dtw-ink:#0D0C10;--dtw-ink-2:#17161A;--dtw-purple:#413C58;--dtw-pink:#F54576;
  --dtw-yellow:#FBD87F;--dtw-paper:#FAFAF8;--dtw-paper-2:#F4F5F9;--dtw-lilac:#D4D0E4;
  --dtw-txt-dark:#211F26;--dtw-txt-dark-muted:#6B6775;--dtw-txt-light-muted:#A7A3B2;
  --dtw-ease:cubic-bezier(.22,.61,.36,1);
  padding:80px 0;font-family:'Poppins',sans-serif;
}
.dtw-vc--light{background:var(--dtw-paper)}
.dtw-vc--dark{background:var(--dtw-ink)}
.dtw-vc__wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.dtw-vc__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dtw-vc__grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}
.dtw-vc__grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
.dtw-vc__grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}

/* Texto base */
.dtw-vc__title{font-family:'Playfair Display',serif;font-weight:700;font-size:21px;line-height:1.22;margin-bottom:10px}
.dtw-vc__body{font-size:15.5px;line-height:1.6;font-weight:300}
.dtw-vc--light .dtw-vc__title{color:var(--dtw-txt-dark)}
.dtw-vc--light .dtw-vc__body{color:#3a3742}
.dtw-vc--dark .dtw-vc__title{color:var(--dtw-paper)}
.dtw-vc--dark .dtw-vc__body{color:var(--dtw-txt-light-muted)}

/* ---------- P1 · chip + número tenue ---------- */
.dtw-vc--p1 .dtw-vc__card{position:relative;padding:32px 28px;border-radius:18px;overflow:hidden;transition:transform .3s var(--dtw-ease),box-shadow .3s,border-color .3s}
.dtw-vc--p1.dtw-vc--light .dtw-vc__card{background:#fff;border:1px solid rgba(17,16,20,.08)}
.dtw-vc--p1.dtw-vc--dark .dtw-vc__card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.dtw-vc--p1.dtw-vc--light .dtw-vc__card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(17,16,20,.10)}
.dtw-vc--p1.dtw-vc--dark .dtw-vc__card:hover{transform:translateY(-5px);border-color:rgba(245,69,118,.4)}
.dtw-vc--p1 .dtw-vc__num{position:absolute;top:16px;right:22px;font-family:'Playfair Display',serif;font-weight:700;font-size:60px;line-height:1}
.dtw-vc--p1.dtw-vc--light .dtw-vc__num{color:rgba(17,16,20,.12)}
.dtw-vc--p1.dtw-vc--dark .dtw-vc__num{color:rgba(255,255,255,.10)}
.dtw-vc--p1 .dtw-vc__chip{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(245,69,118,.12);color:var(--dtw-pink);font-size:26px;margin-bottom:22px}
.dtw-vc--p1 .dtw-vc__chip svg{width:1em;height:1em;fill:currentColor}

/* ---------- P2 · ícono circular + borde color ---------- */
.dtw-vc--p2 .dtw-vc__card{padding:34px 28px 30px;border-radius:16px;border-top:3px solid var(--dtw-pink);transition:transform .3s var(--dtw-ease),box-shadow .3s}
.dtw-vc--p2.dtw-vc--light .dtw-vc__card{background:var(--dtw-paper-2)}
.dtw-vc--p2.dtw-vc--dark .dtw-vc__card{background:var(--dtw-ink-2)}
.dtw-vc--p2.dtw-vc--light .dtw-vc__card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(17,16,20,.10)}
.dtw-vc--p2.dtw-vc--dark .dtw-vc__card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.dtw-vc--p2 .dtw-vc__card:nth-child(3n+2){border-top-color:var(--dtw-yellow)}
.dtw-vc--p2 .dtw-vc__card:nth-child(3n+3){border-top-color:var(--dtw-purple)}
.dtw-vc--p2 .dtw-vc__ico{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px;background:rgba(245,69,118,.12);color:var(--dtw-pink)}
.dtw-vc--p2 .dtw-vc__ico svg{width:1em;height:1em;fill:currentColor}
.dtw-vc--p2 .dtw-vc__card:nth-child(3n+2) .dtw-vc__ico{background:rgba(251,216,127,.16);color:#b98d1f}
.dtw-vc--p2 .dtw-vc__card:nth-child(3n+3) .dtw-vc__ico{background:rgba(65,60,88,.14);color:var(--dtw-purple)}
.dtw-vc--p2.dtw-vc--dark .dtw-vc__card:nth-child(3n+2) .dtw-vc__ico{color:var(--dtw-yellow)}
.dtw-vc--p2.dtw-vc--dark .dtw-vc__card:nth-child(3n+3) .dtw-vc__ico{background:rgba(212,208,228,.14);color:var(--dtw-lilac)}

/* ---------- P3 · horizontal editorial (siempre apilada, ignora data-cols) ---------- */
.dtw-vc--p3 .dtw-vc__grid,
.dtw-vc--p3 .dtw-vc__grid[data-cols]{grid-template-columns:1fr;gap:0}
.dtw-vc--p3 .dtw-vc__card{display:flex;gap:22px;align-items:flex-start;padding:28px 6px;transition:padding .25s var(--dtw-ease)}
.dtw-vc--p3.dtw-vc--light .dtw-vc__card{border-bottom:1px solid rgba(17,16,20,.09)}
.dtw-vc--p3.dtw-vc--dark .dtw-vc__card{border-bottom:1px solid rgba(255,255,255,.09)}
.dtw-vc--p3 .dtw-vc__card:last-child{border-bottom:none}
.dtw-vc--p3 .dtw-vc__card:hover{padding-left:14px}
.dtw-vc--p3 .dtw-vc__ico{flex:0 0 58px;width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(245,69,118,.12);color:var(--dtw-pink);font-size:27px}
.dtw-vc--p3 .dtw-vc__ico svg{width:1em;height:1em;fill:currentColor}
.dtw-vc--p3 .dtw-vc__tx{flex:1}
.dtw-vc--p3 .dtw-vc__tx .dtw-vc__title{margin-bottom:6px}
.dtw-vc--p3 .dtw-vc__idx{font-family:'Playfair Display',serif;font-weight:700;font-size:15px;color:var(--dtw-pink);margin-bottom:4px;display:block}

/* ---------- P4 · minimal sin caja ---------- */
.dtw-vc--p4 .dtw-vc__card{padding:8px 4px;transition:transform .25s var(--dtw-ease)}
.dtw-vc--p4 .dtw-vc__head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.dtw-vc--p4 .dtw-vc__ico-line{font-size:34px;color:var(--dtw-pink);display:inline-flex}
.dtw-vc--p4 .dtw-vc__ico-line svg{width:1em;height:1em;fill:currentColor}
.dtw-vc--p4 .dtw-vc__idx{font-family:'Playfair Display',serif;font-weight:700;font-size:17px}
.dtw-vc--p4.dtw-vc--light .dtw-vc__idx{color:var(--dtw-txt-dark-muted)}
.dtw-vc--p4.dtw-vc--dark .dtw-vc__idx{color:var(--dtw-txt-light-muted)}
.dtw-vc--p4 .dtw-vc__rule{width:40px;height:2px;background:var(--dtw-pink);margin:16px 0 0}

/* Tablet: 4 columnas bajan a 2 para que el texto respire */
@media(max-width:960px){
  .dtw-vc__grid[data-cols="4"]{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .dtw-vc__grid,
  .dtw-vc__grid[data-cols="2"],
  .dtw-vc__grid[data-cols="3"],
  .dtw-vc__grid[data-cols="4"]{grid-template-columns:1fr}
}

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