/* ============================================================
   DataTrust Widgets · Síntomas / Señales
   Grid "¿te suena familiar?". Variantes ícono / viñeta. Claro u oscuro.
   Namespaced .dtw-symp.
   ============================================================ */
.dtw-symp{
  --dtw-ink:#0D0C10;--dtw-pink:#F54576;--dtw-paper:#FAFAF8;
  --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-symp--light{background:var(--dtw-paper)}
.dtw-symp--dark{background:var(--dtw-ink)}
.dtw-symp__wrap{max-width:1200px;margin:0 auto;padding:0 32px}

/* Encabezado */
.dtw-symp__head{margin-bottom:40px;max-width:620px}
.dtw-symp__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-symp__eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dtw-pink)}
.dtw-symp--light .dtw-symp__eyebrow{color:var(--dtw-txt-dark-muted)}
.dtw-symp--dark .dtw-symp__eyebrow{color:var(--dtw-txt-light-muted)}
.dtw-symp__title{font-family:'Playfair Display',serif;font-weight:700;font-size:33px;line-height:1.14}
.dtw-symp--light .dtw-symp__title{color:var(--dtw-txt-dark)}
.dtw-symp--dark .dtw-symp__title{color:var(--dtw-paper)}

/* Grid */
.dtw-symp__grid{display:grid;gap:18px}
.dtw-symp__grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
.dtw-symp__grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}

/* Tarjeta base */
.dtw-symp__card{padding:24px;border-radius:16px;transition:transform .28s var(--dtw-ease),box-shadow .28s,border-color .28s}
.dtw-symp--light .dtw-symp__card{background:#fff;border:1px solid rgba(17,16,20,.08)}
.dtw-symp--dark .dtw-symp__card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.dtw-symp--light .dtw-symp__card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(17,16,20,.09)}
.dtw-symp--dark .dtw-symp__card:hover{transform:translateY(-4px);border-color:rgba(245,69,118,.35)}
.dtw-symp__p{font-size:15px;line-height:1.5;font-weight:400}
.dtw-symp--light .dtw-symp__p{color:var(--dtw-txt-dark)}
.dtw-symp--dark .dtw-symp__p{color:var(--dtw-paper)}

/* Variante ícono (horizontal) */
.dtw-symp__card--icon{display:flex;gap:15px;align-items:flex-start}
.dtw-symp__card--icon .dtw-symp__ic{flex:0 0 44px;width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(245,69,118,.10);color:var(--dtw-pink);font-size:22px}
.dtw-symp__card--icon .dtw-symp__ic svg{width:1em;height:1em;fill:currentColor}

/* Variante viñeta (apilado) */
.dtw-symp__card--dot .dtw-symp__tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dtw-pink);margin-bottom:12px}
.dtw-symp__card--dot .dtw-symp__tag svg{width:17px;height:17px;fill:currentColor}

@media(max-width:820px){
  .dtw-symp__grid[data-cols="3"],.dtw-symp__grid[data-cols="2"]{grid-template-columns:1fr}
}
@media(max-width:600px){
  .dtw-symp__wrap{padding-left:20px;padding-right:20px}
}
.dtw-symp--noband{background:transparent}