/* ===== Contador de tiempo (urgencia) ===== */
.countdown-wrap{background:var(--color-foreground);color:#fff;text-align:center;padding:26px 20px}
.countdown-wrap .cd-title{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffc9a3;margin-bottom:14px}
.cd-box{display:flex;justify-content:center;gap:12px}
.cd-cell{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 6px;min-width:70px}
.cd-cell .num{font-size:30px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.cd-cell .lab{font-size:10.5px;text-transform:uppercase;letter-spacing:1.5px;color:#c9c9c9;margin-top:4px}
.cd-note{font-size:12.5px;color:#c9c9c9;margin-top:12px}
.cd-note b{color:#fff}
@media(max-width:560px){.cd-cell{min-width:58px}.cd-cell .num{font-size:24px}}

/* ===== FAB WhatsApp ===== */
.wa-fab{position:fixed;bottom:22px;right:22px;z-index:200;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(37,211,102,.45);transition:.3s;animation:fabPulse 2.4s infinite}
.wa-fab:hover{transform:scale(1.1)}
.wa-fab svg{width:32px;height:32px;fill:#fff}
@keyframes fabPulse{0%,100%{box-shadow:0 10px 30px rgba(37,211,102,.45)}50%{box-shadow:0 10px 44px rgba(37,211,102,.75)}}

/* ===== Toast ===== */
.toast{position:fixed;bottom:100px;right:22px;background:var(--color-foreground);color:#fff;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);z-index:300;opacity:0;transform:translateY(20px);transition:.35s;pointer-events:none;max-width:320px}
.toast.show{opacity:1;transform:translateY(0)}

/* ===== Barra "compra segura" bajo hero ===== */
.trust-bar{background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);padding:16px 0}
.trust-bar-in{display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:center;align-items:center;font-size:13.5px;font-weight:600}
.trust-bar-in span{display:flex;align-items:center;gap:8px}
.trust-bar-in svg{width:17px;height:17px;color:var(--color-accent)}
.trust-bar-in .sep{color:var(--color-border)}
