/* --- V-MAX CARD STYLES --- */

/* Fondos y Bordes Base */
[data-rarity="VMax"] .card-root {
    border-color: #dc2626;
    background: linear-gradient(to bottom, #1a1d24, #450a0a);
}

[data-rarity="VMax"] .card-bg {
    background-image: url("https://img.freepik.com/foto-gratis/fondo-abstracto-rojo-oscuro_1340-42999.jpg");
}

[data-rarity="VMax"] .card-overlay {
    background: rgba(0,0,0,0.5);
    mix-blend-mode: normal;
}

/* Header & Badges */
[data-rarity="VMax"] .badge-rarity,
[data-rarity="VMax"] .badge-pos {
    background: #ef4444;
    color: #fff;
    border: none;
    text-shadow: none;
}

/* Arte de la Carta */
[data-rarity="VMax"] .card-art {
    border-color: rgba(239, 68, 68, 0.6);
}

[data-rarity="VMax"] .art-tint {
    background-color: #ef4444;
    opacity: 0.5;
}

/* ========================================= */
/* NUEVO EFECTO V-MAX EXTREMO                */
/* ========================================= */
[data-rarity="VMax"] .fx-vmax {
    display: block;
    --space: 6%;
    --angle: 133deg;
    /* Propiedades originales agregadas */
    --mask: none;
    --foil: url("/img/vmaxbg.jpg");
    --imgsize: 60% 30%;
    background-image: var(--foil), repeating-linear-gradient( -33deg, hsl(2, 70%, 47%) calc(var(--space)*1), hsl(228, 60%, 64%) calc(var(--space)*2), hsl(176, 55%, 39%) calc(var(--space)*3), hsl(123, 68%, 35%) calc(var(--space)*4), hsl(283, 75%, 57%) calc(var(--space)*5), hsl(2, 70%, 47%) calc(var(--space)*6) ), repeating-linear-gradient( var(--angle), hsla(227, 53%, 12%, 0.5) 0%, hsl(180, 10%, 50%) 2.5%, hsl(83, 50%, 35%) 5%, hsl(180, 10%, 50%) 7.5%, hsla(227, 53%, 12%, 0.5) 10%, hsla(227, 53%, 12%, 0.5) 15% ), radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(189, 76%, 77%, 0.6) 0%, hsla(147, 59%, 77%, 0.6) 25%, hsla(271, 55%, 69%, 0.6) 50%, hsla(355, 56%, 72%, 0.6) 75% );
    background-blend-mode: difference, luminosity, soft-light;
    /* Actualizado para usar la variable --imgsize */
    background-size: var(--imgsize), 1100% 1100%, 600% 600%, 200% 200%;
    background-position: center, var(--pointer-x) var(--pointer-y), var(--pointer-x) var(--pointer-y), var(--pointer-x) var(--pointer-y);
    filter: brightness(calc((var(--hyp) * 0.4) + 0.4)) contrast(2) saturate(1);
}

    /* Rayos de luz adicionales (Sunpillars) */
    [data-rarity="VMax"] .fx-vmax::after {
        content: "";
        position: absolute;
        inset: 0;
        /* Colores del Rayo de Luz */
        --sunpillar-clr-1: #ff0000;
        --sunpillar-clr-2: #ffff00;
        --sunpillar-clr-3: #00ff00;
        --sunpillar-clr-4: #00ffff;
        --sunpillar-clr-5: #0000ff;
        --sunpillar-clr-6: #ff00ff;
        background-image: repeating-linear-gradient( 0deg, var(--sunpillar-clr-1) calc(var(--space)*1), var(--sunpillar-clr-2) calc(var(--space)*2), var(--sunpillar-clr-3) calc(var(--space)*3), var(--sunpillar-clr-4) calc(var(--space)*4), var(--sunpillar-clr-5) calc(var(--space)*5), var(--sunpillar-clr-6) calc(var(--space)*6), var(--sunpillar-clr-1) calc(var(--space)*7) ), repeating-linear-gradient( var(--angle), #0e152e 0%, hsl(180, 10%, 60%) 3.8%, hsl(180, 29%, 66%) 4.5%, hsl(180, 10%, 60%) 5.2%, #0e152e 10%, #0e152e 12% );
        background-blend-mode: hue, hard-light;
        background-size: 200% 700%, 300% 100%;
        background-position: 0% var(--pointer-y), var(--pointer-x) var(--pointer-y);
        mix-blend-mode: lighten;
        opacity: calc( (0.3 * var(--opacity)) + var(--opacity) * var(--hyp) * 0.5 );
        filter: saturate(1.5);
    }

/* Sustituimos la capa Glare predeterminada para VMax */
[data-rarity="VMax"] .card__glare {
    mix-blend-mode: hard-light;
    filter: brightness(1) contrast(1);
    background-image: radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, 0.75) 0%, hsl(0, 0%, 0%) 120% );
    opacity: calc( (0.2 * var(--opacity)) + var(--opacity) * var(--hyp) * 0.8 );
}

/* Borde Resplandeciente Reactivo */
[data-rarity="VMax"] .card-border {
    border-color: #ef4444;
    box-shadow: 0 0 15px rgba(239, 68, 68, 0.8), inset 0 0 10px rgba(239, 68, 68, 0.5);
    opacity: 1;
}

/* Etiqueta Inferior */
.rarity-pill.VMax {
    color: #fca5a5;
    border-color: #ef4444;
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.2), rgba(153, 27, 27, 0.4));
    box-shadow: 0 0 8px #ef4444;
}