/* ============================================================================
   Dunes Store · Capa de pulido visual (Fase B · "diseño 2.0")
   Aditiva: glassmorphism, gradientes mesh, glows y micro-detalles premium.
   Funciona en claro y oscuro. Cargada después de pages.css/dark.css.
   ========================================================================== */

/* Scroll suave en saltos de ancla (#precio, #comparativa, …) */
html { scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce){ html { scroll-behavior:auto; } }

/* Selección y focus con color de marca */
::selection { background:rgba(51,81,159,.22); }
html[data-theme="dark"] ::selection { background:rgba(110,145,230,.30); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible,
select:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
    outline:2px solid var(--ds-blu); outline-offset:2px; border-radius:6px;
}

/* ── Hero: resplandor azul desactivado (se veía como una franja gruesa
      detrás del header en el home y en Sentinel). ── */
.ds-sn-hero__glow, .ds-hero__glow { display:none !important; }

/* ── Glow de marca al pasar el ratón por las tarjetas ── */
.ds-prod:hover, .ds-sn-feat:hover, .ds-mod:hover, .ds-rev:hover, .ds-why__card:hover {
    box-shadow:0 20px 48px rgba(51,81,159,.16), 0 0 0 1px rgba(51,81,159,.14);
}
html[data-theme="dark"] .ds-prod:hover,
html[data-theme="dark"] .ds-sn-feat:hover,
html[data-theme="dark"] .ds-mod:hover,
html[data-theme="dark"] .ds-rev:hover,
html[data-theme="dark"] .ds-why__card:hover {
    box-shadow:0 20px 48px rgba(0,0,0,.5), 0 0 0 1px rgba(110,145,230,.30);
}

/* ── Botón primario: sutil brillo superior + barrido al hover ── */
.ds-btn--primary {
    background-image:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0));
    position:relative; overflow:hidden;
}
.ds-btn--primary::after {
    content:""; position:absolute; top:0; left:-120%; width:60%; height:100%;
    background:linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent);
    transform:skewX(-18deg); transition:left .6s ease; pointer-events:none;
}
.ds-btn--primary:hover::after { left:140%; }

/* ── Glassmorphism: tarjeta de producto destacado + war room ── */
.ds-warroom {
    backdrop-filter:saturate(160%) blur(8px); -webkit-backdrop-filter:saturate(160%) blur(8px);
}
html[data-theme="dark"] .ds-warroom { background:rgba(20,30,51,.7); }

/* ── Eyebrow con guion-acento en degradado ── */
.ds-sec__eyebrow::before, .ds-revs__head .ds-hero__eyebrow::before {
    content:""; display:inline-block; width:22px; height:2px; vertical-align:middle;
    margin-right:9px; border-radius:2px;
    background:linear-gradient(90deg, var(--ds-blu), transparent);
}

/* ── Número de precio en degradado (con fallback seguro) ── */
@supports ((-webkit-background-clip:text) or (background-clip:text)) {
    .ds-pricecard__num {
        background:linear-gradient(120deg, var(--ds-blu), #6E91E6);
        -webkit-background-clip:text; background-clip:text;
        -webkit-text-fill-color:transparent;
    }
}

/* ── Transiciones globales más suaves en superficies interactivas ── */
.ds-prod, .ds-sn-feat, .ds-mod, .ds-rev, .ds-pricecard, .ds-why__card, .ds-mini {
    transition:transform .2s cubic-bezier(.22,1,.36,1), box-shadow .2s ease, border-color .18s ease;
}