/* Defensas Digitales — extras: botón de scroll + casos reales */
:root{--dd-navy:#0a1f3d;--dd-teal:#0f766e;--dd-ink:#101a2b;--dd-mute:#566074;--dd-line:#e3e8ef}

/* ===== Botón lateral de scroll ===== */
.dd-scroll{position:fixed;right:14px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:900;display:flex;flex-direction:column;gap:8px}
.dd-scroll button{width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(10,31,61,.88);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(5,20,45,.25);transition:background .2s,transform .2s}
.dd-scroll button:hover{background:var(--dd-teal);transform:translateY(-1px)}
.dd-scroll button:focus-visible{outline:2px solid var(--dd-teal);outline-offset:2px}
.dd-scroll button[hidden]{display:none}
.dd-scroll svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media print{.dd-scroll{display:none}}

/* ===== Casos reales ===== */
.dd-casos{padding:72px 20px;max-width:1180px;margin:0 auto}
.dd-casos__eyebrow{text-align:center;color:var(--dd-teal);font-weight:700;letter-spacing:.08em;font-size:.85rem;margin:0}
.dd-casos__title{text-align:center;color:var(--dd-ink);font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.2;margin:10px 0 14px}
.dd-casos__note{text-align:center;color:var(--dd-mute);max-width:720px;margin:0 auto 28px;font-size:.98rem;line-height:1.55}
.dd-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}
.dd-chip{border:1px solid var(--dd-line);background:#fff;color:var(--dd-ink);border-radius:999px;padding:8px 16px;font:inherit;font-size:.9rem;cursor:pointer;transition:all .15s}
.dd-chip:hover{border-color:var(--dd-teal)}
.dd-chip[aria-pressed="true"]{background:var(--dd-navy);border-color:var(--dd-navy);color:#fff}
.dd-chip:focus-visible,.dd-more:focus-visible{outline:2px solid var(--dd-teal);outline-offset:2px}
.dd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.dd-card{background:#fff;border:1px solid var(--dd-line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(10,31,61,.04)}
.dd-card[hidden]{display:none}
.dd-tag{align-self:flex-start;background:rgba(23,163,152,.12);color:#0f7d74;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 10px}
.dd-card h3{margin:0;font-size:1.15rem;line-height:1.3;color:var(--dd-ink)}
.dd-card p{margin:0;color:var(--dd-mute);font-size:.95rem;line-height:1.55}
.dd-card .dd-k{display:block;color:var(--dd-ink);font-weight:700;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;margin-bottom:2px}
.dd-alert{border-left:3px solid #e0a100;padding-left:12px}
.dd-safe{border-left:3px solid var(--dd-teal);padding-left:12px}
.dd-more{display:block;margin:28px auto 0;border:0;border-radius:999px;background:var(--dd-navy);color:#fff;padding:13px 26px;font:inherit;font-weight:600;cursor:pointer}
.dd-more:hover{background:var(--dd-teal)}
.dd-more[hidden]{display:none}