/* ============================================================
   DataTrust Widgets · Simulador Google Ads
   Tipos de campaña con mockups realistas. Namespace .dtw-gads.
   Paleta de marca; azul #1a0dab del título = azul real de Google (realismo).
   ============================================================ */
.dtw-gads{
  --g-pink:#F54576;
  --g-purple:#413C58;
  --g-ink:#17161A;
  --g-success:#0f9d78;
  --g-amber:#e0a93f;
  --g-muted:#8b8798;
  --g-line:#f0edf4;
  --g-border:#e5e1ec;
  --g-blue:#1a0dab;      /* azul de título de Google (realismo) */
  --g-url:#4d5156;
  padding:80px 0;
  font-family:'Poppins',sans-serif;
  color:var(--g-purple);
}
.dtw-gads--noband{background:transparent;padding:0}
.dtw-gads__wrap{width:100%;max-width:640px;margin:0 auto;padding:0 20px}

/* Head */
.dtw-gads__head{margin-bottom:20px}
.dtw-gads__eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--g-pink);text-transform:uppercase;margin-bottom:8px}
.dtw-gads__title{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;color:var(--g-purple);line-height:1.25}
.dtw-gads__sub{font-size:13px;color:var(--g-muted);margin-top:6px}

/* Selector de marca y tabs: eliminados (ahora es animación con tecleo). */

/* Ventana de navegador */
.dtw-gads__browser{background:#fff;border:.5px solid #ece8f0;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px -18px rgba(65,60,88,.3)}
.dtw-gads__bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:.5px solid var(--g-line);background:#fafafa}
.dtw-gads__glogo{font-size:15px;font-weight:500;letter-spacing:-.5px;flex-shrink:0}
.dtw-gads__glogo .b{color:#4285F4}.dtw-gads__glogo .r{color:#EA4335}.dtw-gads__glogo .y{color:#FBBC05}.dtw-gads__glogo .g{color:#34A853}
.dtw-gads__searchbox{flex:1;display:flex;align-items:center;gap:9px;background:#fff;border:.5px solid var(--g-border);border-radius:999px;padding:8px 16px;font-size:13.5px;color:#3c4043;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.dtw-gads__term{white-space:nowrap;overflow:hidden}
.dtw-gads__caret{display:inline-block;width:1.5px;height:15px;background:var(--g-pink);animation:dtwGadsCaret 1s step-end infinite}
@keyframes dtwGadsCaret{50%{opacity:0}}
.dtw-gads__preview{padding:18px 20px;min-height:340px;transition:opacity .3s ease;opacity:0}

.dtw-gads__foot{text-align:center;color:#a9a4bd;font-size:12px;margin-top:16px}

/* ---- Anuncio Search (realista, estilo Google) ---- */
.dtw-gads__sponsored{font-size:14px;font-weight:700;color:#202124;margin-bottom:14px}
.dtw-gads__ad-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.dtw-gads__favicon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0;background:var(--g-purple)}
.dtw-gads__ad-site{font-size:13px;color:var(--g-purple);font-weight:500;line-height:1.25}
.dtw-gads__ad-url{font-size:12px;color:var(--g-url);line-height:1.25;display:flex;align-items:center;gap:5px}
.dtw-gads__ad-badge{color:var(--g-success);font-weight:600}
.dtw-gads__ad-dots{margin-left:auto;color:#70757a;font-size:18px;line-height:1;align-self:flex-start}
.dtw-gads__ad-title{display:block;font-size:20px;color:var(--g-blue);font-weight:400;margin:8px 0 4px;cursor:pointer;line-height:1.3}
.dtw-gads__ad-desc{font-size:13.5px;color:#4d5156;line-height:1.5;margin-bottom:12px}
.dtw-gads__ad-call{display:inline-flex;align-items:center;gap:7px;border:1px solid #dadce0;border-radius:999px;padding:7px 16px;font-size:13px;color:var(--g-pink);font-weight:500;margin-bottom:14px;cursor:pointer}
.dtw-gads__sitelinks{border-top:.5px solid var(--g-line)}
.dtw-gads__sitelink{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:.5px solid var(--g-line)}
.dtw-gads__sitelink-t{font-size:14px;color:var(--g-blue);font-weight:500}
.dtw-gads__sitelink-d{font-size:12.5px;color:#70757a;margin-top:2px}
.dtw-gads__sitelink-arrow{color:#70757a;font-size:16px}

@media(max-width:520px){
  .dtw-gads__title{font-size:20px}
  .dtw-gads__grid2{grid-template-columns:1fr}
}