/**
 * MAC — variantes visuales (skins)
 * - Default: body.mac-ui-min (minimal premium)
 * - Alterno: body.mac-ui-neo (neo/tech)
 *
 * Se activa con ?ui=min | ?ui=neo (ver assets/js/mac-ux-motion.js)
 */

/* -------------------------------
   Minimal premium (base)
   ------------------------------- */
body.mac-landing.mac-ui-min {
    --mac-radius-lg: 18px;
    --mac-radius-xl: 26px;
}

body.mac-landing.mac-ui-min .service__card,
body.mac-landing.mac-ui-min .pricing__card,
body.mac-landing.mac-ui-min .mac-card {
    background-image: none;
}

/* Botón primario: más sobrio, menos “plantilla” */
body.mac-landing.mac-ui-min .btn.btn--primary {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

/* -------------------------------
   Neo / tech (glow sutil)
   ------------------------------- */
body.mac-landing.mac-ui-neo {
    --mac-shadow-glow: 0 0 60px rgba(212, 255, 0, 0.12);
}

body.mac-landing.mac-ui-neo .hero {
    background:
        radial-gradient(ellipse 60% 40% at 70% 15%, rgba(212, 255, 0, 0.12) 0%, transparent 60%),
        radial-gradient(ellipse 50% 40% at 20% 80%, rgba(96, 165, 250, 0.10) 0%, transparent 60%),
        linear-gradient(180deg, var(--mac-bg) 0%, var(--mac-bg-deep) 100%) !important;
}

body.mac-landing.mac-ui-neo .mac-dashboard {
    box-shadow: var(--mac-shadow-md), var(--mac-shadow-glow), 0 0 90px rgba(96, 165, 250, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
}

body.mac-landing.mac-ui-neo .mac-dashboard__card {
    background: rgba(22, 22, 22, 0.86);
}

body.mac-landing.mac-ui-neo .header.header--scrolled {
    box-shadow: 0 18px 70px rgba(0, 0, 0, 0.72) !important;
}

/* Cards: borde “premium” con gradiente muy discreto */
body.mac-landing.mac-ui-neo .service__card,
body.mac-landing.mac-ui-neo .pricing__card,
body.mac-landing.mac-ui-neo .mac-card {
    position: relative;
}

body.mac-landing.mac-ui-neo .service__card::before,
body.mac-landing.mac-ui-neo .pricing__card::before,
body.mac-landing.mac-ui-neo .mac-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(212, 255, 0, 0.35), rgba(255, 255, 255, 0.08), rgba(96, 165, 250, 0.18));
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.55;
}

@media (hover: hover) and (pointer: fine) {
    body.mac-landing.mac-ui-neo .service__card:hover,
    body.mac-landing.mac-ui-neo .pricing__card:hover,
    body.mac-landing.mac-ui-neo .mac-card:hover {
        box-shadow: var(--mac-shadow-md), var(--mac-shadow-glow);
        transform: translateY(-4px);
    }
}

/* Botón primario: shine sutil al hover */
body.mac-landing.mac-ui-neo .btn.btn--primary {
    position: relative;
    overflow: hidden;
}

body.mac-landing.mac-ui-neo .btn.btn--primary::after {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
    transform: translateX(-120%);
    transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (hover: hover) and (pointer: fine) {
    body.mac-landing.mac-ui-neo .btn.btn--primary:hover::after {
        transform: translateX(120%);
    }
}

/* Reduced motion: desactivar shine */
@media (prefers-reduced-motion: reduce) {
    body.mac-landing.mac-ui-neo .btn.btn--primary::after {
        display: none !important;
    }
    body.mac-landing.mac-ui-neo .service__card::before,
    body.mac-landing.mac-ui-neo .pricing__card::before,
    body.mac-landing.mac-ui-neo .mac-card::before {
        display: none !important;
    }
}