/* ============================================================
   DataTrust Widgets · Cards Ícono
   Grid de tarjetas con ícono (2/3/4 col). Claro u oscuro.
   Namespaced .dtw-cards-ico.
   ============================================================ */
.dtw-cards-ico{
  --dtw-ink:#0D0C10;--dtw-pink:#F54576;--dtw-paper:#FAFAF8;
  --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-cards-ico--light{background:var(--dtw-paper)}
.dtw-cards-ico--dark{background:var(--dtw-ink)}
.dtw-cards-ico__wrap{max-width:1200px;margin:0 auto;padding:0 32px}

.dtw-cards-ico__head{margin-bottom:44px;max-width:640px}
.dtw-cards-ico__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-cards-ico__eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dtw-pink)}
.dtw-cards-ico--light .dtw-cards-ico__eyebrow{color:var(--dtw-txt-dark-muted)}
.dtw-cards-ico--dark .dtw-cards-ico__eyebrow{color:var(--dtw-txt-light-muted)}
.dtw-cards-ico__title{font-family:'Playfair Display',serif;font-weight:700;font-size:34px;line-height:1.12;letter-spacing:-.01em}
.dtw-cards-ico--light .dtw-cards-ico__title{color:var(--dtw-txt-dark)}
.dtw-cards-ico--dark .dtw-cards-ico__title{color:var(--dtw-paper)}

.dtw-cards-ico__grid{display:grid;gap:22px}
.dtw-cards-ico__grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}
.dtw-cards-ico__grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
.dtw-cards-ico__grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}

.dtw-cards-ico__card{padding:30px 28px;border-radius:18px;transition:transform .3s var(--dtw-ease),box-shadow .3s,border-color .3s;display:flex;flex-direction:column}
.dtw-cards-ico--light .dtw-cards-ico__card{background:#fff;border:1px solid rgba(17,16,20,.08)}
.dtw-cards-ico--dark .dtw-cards-ico__card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.dtw-cards-ico--light .dtw-cards-ico__card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(17,16,20,.10)}
.dtw-cards-ico--dark .dtw-cards-ico__card:hover{transform:translateY(-5px);border-color:rgba(245,69,118,.4)}

.dtw-cards-ico__ic{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(245,69,118,.12);color:var(--dtw-pink);font-size:27px;margin-bottom:20px}
.dtw-cards-ico__ic svg{width:1em;height:1em;fill:currentColor}
.dtw-cards-ico__t{font-family:'Playfair Display',serif;font-weight:700;font-size:21px;line-height:1.2;margin-bottom:10px}
.dtw-cards-ico--light .dtw-cards-ico__t{color:var(--dtw-txt-dark)}
.dtw-cards-ico--dark .dtw-cards-ico__t{color:var(--dtw-paper)}
.dtw-cards-ico__p{font-size:15.5px;line-height:1.6;font-weight:300;margin-bottom:18px;flex:1}
.dtw-cards-ico--light .dtw-cards-ico__p{color:#3a3742}
.dtw-cards-ico--dark .dtw-cards-ico__p{color:var(--dtw-txt-light-muted)}
.dtw-cards-ico__go{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--dtw-pink);text-decoration:none;transition:gap .2s var(--dtw-ease)}
.dtw-cards-ico__go:hover{gap:13px}

@media(max-width:960px){
  .dtw-cards-ico__grid[data-cols="4"]{grid-template-columns:repeat(2,1fr)}
  .dtw-cards-ico__grid[data-cols="3"]{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .dtw-cards-ico__grid{grid-template-columns:1fr!important}
}

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

@media(max-width:600px){.dtw-cards-ico__p{font-size:17px}}
