/*==========================
DAYTONA RULETA REGALONA
==========================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#f4f7fb;
    font-family:Arial,Helvetica,sans-serif;
    color:#222;
}

.drr-container{
    width:100%;
    max-width:1200px;
    margin:50px auto;
    padding:20px;
}

.drr-card{
    background:#fff;
    border-radius:20px;
    padding:40px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.drr-title{
    text-align:center;
    font-size:42px;
    font-weight:700;
    color:#003366;
    margin-bottom:10px;
}

.drr-subtitle{
    text-align:center;
    color:#666;
    font-size:18px;
    margin-bottom:35px;
}

/*==========================
FORMULARIO
==========================*/

.drr-form{
    max-width:700px;
    margin:0 auto 50px;
}

.drr-form-group{
    margin-bottom:18px;
}

.drr-form label{
    display:block;
    margin-bottom:8px;
    font-weight:bold;
}

.drr-form input,
.drr-form select{
    width:100%;
    padding:14px 16px;
    border:1px solid #d8d8d8;
    border-radius:10px;
    font-size:16px;
    transition:.25s;
    background:#fff;
}

.drr-form input:focus,
.drr-form select:focus{
    outline:none;
    border-color:#005bbb;
    box-shadow:0 0 0 4px rgba(0,91,187,.12);
}

.drr-btn{
    width:100%;
    padding:16px;
    border:none;
    border-radius:12px;
    background:#005bbb;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
    transition:.25s;
}

.drr-btn:hover{
    background:#004799;
    transform:translateY(-2px);
}

/*==========================
RULETA
==========================*/

.drr-wheel-wrapper{
    position:relative;
    width:460px;
    height:460px;
    margin:40px auto;
    display:flex;
    justify-content:center;
    align-items:center;
}

.drr-wheel{

    position:relative;
    overflow:hidden;

    width:400px;
    height:400px;

    border-radius:50%;
    border:10px solid #ffffff;

    background:
        radial-gradient(circle at 50% 50%,
            rgba(255,255,255,.22) 0%,
            rgba(255,255,255,0) 42%),

        conic-gradient(
            #ff4d4d 0deg 45deg,
            #ffb84d 45deg 90deg,
            #ffe14d 90deg 135deg,
            #66cc66 135deg 180deg,
            #4db8ff 180deg 225deg,
            #6666ff 225deg 270deg,
            #b84dff 270deg 315deg,
            #ff66b3 315deg 360deg
        );

    box-shadow:
        0 0 0 6px #ffffff,
        0 0 0 12px #e8c85d,
        0 0 0 18px #b8860b,
        0 20px 45px rgba(0,0,0,.30),
        inset 0 8px 12px rgba(255,255,255,.35),
        inset 0 -15px 20px rgba(0,0,0,.15);

    transition:transform 5s cubic-bezier(.12,.80,.15,1);
}

.drr-wheel::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:50%;

    background:

        radial-gradient(circle at 30% 25%,
            rgba(255,255,255,.45) 0%,
            rgba(255,255,255,.12) 18%,
            transparent 35%),

        repeating-conic-gradient(
            rgba(255,255,255,.90) 0deg .8deg,
            transparent .8deg 45deg
        );

    pointer-events:none;

    z-index:2;

}

.drr-wheel::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:50%;

    background:
        repeating-conic-gradient(
            rgba(255,255,255,.85) 0deg 1deg,
            transparent 1deg 44deg
        );

    mix-blend-mode:soft-light;

    pointer-events:none;

}

.drr-wheel-wrapper::before{

    content:"";

    position:absolute;

    inset:8px;

    border-radius:50%;

    pointer-events:none;

    background:
        radial-gradient(circle,
            transparent 82%,
            #d4af37 82% 84%,
            transparent 84%),

        repeating-conic-gradient(
            #ffffff 0deg 2deg,
            transparent 2deg 15deg
        );

    opacity:.35;

}


.drr-center{

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:82px;
    height:82px;

    border-radius:50%;

    border:8px solid #d4af37;

    background:
        radial-gradient(circle at 30% 30%,
            #ffffff 0%,
            #f5f5f5 45%,
            #d8d8d8 100%);

    box-shadow:
        inset 0 3px 8px rgba(255,255,255,.8),
        inset 0 -8px 12px rgba(0,0,0,.15),
        0 8px 18px rgba(0,0,0,.35);

    z-index:20;

}

.drr-pointer{

    position:absolute;

    top:-8px;
    left:50%;

    transform:translateX(-50%);

    width:0;
    height:0;

    border-left:22px solid transparent;
    border-right:22px solid transparent;
    border-top:46px solid #d62828;

    filter:drop-shadow(0 5px 8px rgba(0,0,0,.35));

    z-index:40;

}

.drr-pointer::after{

    content:"";

    position:absolute;

    left:-6px;
    top:-45px;

    width:12px;
    height:22px;

    border-radius:6px;

    background:#ffffff;

    opacity:.8;

}

.drr-label{

    position:absolute;

    left:50%;
    top:50%;

    width:88px;

    margin-left:-44px;

    transform:
        rotate(calc(var(--i) * 45deg))
        translateY(-170px)
        rotate(calc(var(--i) * -45deg));

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    font-size:20px;
    font-weight:700;
    line-height:1.1;

    color:#ffffff;

    text-shadow:
        0 2px 3px rgba(0,0,0,.55),
        0 0 8px rgba(0,0,0,.25);

    user-select:none;

    z-index:15;

}

/*==========================
BOTON GIRAR
==========================*/

.drr-spin{
    display:block;
    margin:30px auto 0;
    padding:18px 40px;
    border:none;
    border-radius:60px;
    background:#ff9800;
    color:#fff;
    font-size:22px;
    font-weight:bold;
    cursor:pointer;
    transition:.25s;
    box-shadow:0 10px 25px rgba(255,152,0,.35);
}

.drr-spin:hover{
    transform:translateY(-3px);
    background:#fb8c00;
}

.drr-spin:disabled{
    opacity:.6;
    cursor:not-allowed;
}

/*==========================
RESULTADO
==========================*/

#drr-resultado{
    margin-top:35px;
    text-align:center;
    font-size:30px;
    font-weight:bold;
    color:#003366;
    min-height:40px;
}

/*==========================
ANIMACIONES
==========================*/

@keyframes drrFade{

    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@keyframes drrPulse{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.05);
    }

    100%{
        transform:scale(1);
    }

}

.drr-card{
    animation:drrFade .8s ease;
}

.drr-spin:hover{
    animation:drrPulse .8s infinite;
}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:768px){

    .drr-card{
        padding:25px;
    }

    .drr-title{
        font-size:30px;
    }

    .drr-subtitle{
        font-size:16px;
    }

    .drr-wheel-wrapper{
        width:340px;
        height:340px;
    }

    .drr-wheel{
        width:300px;
        height:300px;
    }

    .drr-label{

        width:70px;
        margin-left:-35px;

        font-size:18px;

        transform:
        rotate(calc(var(--i)*45deg))
        translateY(-125px)
        rotate(calc(var(--i)*-45deg));

    }

    .drr-center{
        width:65px;
        height:65px;
    }

}

@media(max-width:480px){

    .drr-wheel-wrapper{
        width:300px;
        height:300px;
    }

    .drr-wheel{
        width:270px;
        height:270px;
    }

    .drr-label{

        width:60px;

        margin-left:-30px;

        font-size:15px;

        transform:
        rotate(calc(var(--i)*45deg))
        translateY(-112px)
        rotate(calc(var(--i)*-45deg));

    }

    .drr-center{
        width:55px;
        height:55px;
        border-width:6px;
    }

    .drr-pointer{
        border-left:16px solid transparent;
        border-right:16px solid transparent;
        border-top:35px solid #e53935;
    }

    .drr-spin{
        width:100%;
        font-size:20px;
    }

}

/* Destellos */

.drr-wheel-wrapper::after{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    background:
        radial-gradient(circle,
        rgba(255,255,255,.18) 0%,
        rgba(255,255,255,0) 70%);

    animation:drrGlow 3s ease-in-out infinite;

    pointer-events:none;

}

@keyframes drrGlow{

    0%,100%{
        opacity:.35;
        transform:scale(1);
    }

    50%{
        opacity:.75;
        transform:scale(1.03);
    }

}

/* Giro Premium */

.drr-wheel.spinning{

    animation:drrSpinShadow .45s linear infinite;

}

@keyframes drrSpinShadow{

    0%{

        filter:brightness(1);

    }

    50%{

        filter:brightness(1.08);

    }

    100%{

        filter:brightness(1);

    }

}

/* Hover */

.drr-wheel:hover{

    box-shadow:
        0 0 0 6px #ffffff,
        0 0 0 12px #f2cf64,
        0 0 0 18px #b8860b,
        0 25px 55px rgba(0,0,0,.35),
        inset 0 8px 12px rgba(255,255,255,.40),
        inset 0 -15px 20px rgba(0,0,0,.15);

}

/* Botón Premium */

.drr-spin{

    background:linear-gradient(180deg,#ffca28,#fb8c00);

    border:2px solid rgba(255,255,255,.35);

    letter-spacing:1px;

    text-transform:uppercase;

    box-shadow:
        0 12px 25px rgba(251,140,0,.35),
        inset 0 2px 2px rgba(255,255,255,.45);

}

.drr-spin:active{

    transform:translateY(2px);

    box-shadow:
        0 5px 10px rgba(0,0,0,.20);

}

/* Borde metálico */

.drr-wheel-wrapper{

    filter:drop-shadow(0 18px 30px rgba(0,0,0,.18));

}

.drr-wheel{

    animation:drrFloating 4s ease-in-out infinite;

}

@keyframes drrFloating{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-4px);

    }

    100%{

        transform:translateY(0);

    }

}

/* Centro brillante */

.drr-center::before{

    content:"";

    position:absolute;

    inset:10px;

    border-radius:50%;

    background:

        radial-gradient(circle,
            #ffffff 0%,
            #fafafa 55%,
            #dcdcdc 100%);

}

.drr-center::after{

    content:"";

    position:absolute;

    top:12px;
    left:16px;

    width:22px;
    height:12px;

    border-radius:50%;

    background:rgba(255,255,255,.75);

    transform:rotate(-20deg);

}

/* Destello al pasar el mouse */

.drr-wheel:hover::before{

    animation:drrShine 1.4s linear infinite;

}

@keyframes drrShine{

    0%{

        opacity:.55;

    }

    50%{

        opacity:1;

    }

    100%{

        opacity:.55;

    }

}

/*=====================================
EFECTO CASINO PREMIUM
======================================*/

.drr-wheel-wrapper{

    isolation:isolate;

}

.drr-wheel-wrapper::before{

    animation:drrRotateGlow 18s linear infinite;

}

@keyframes drrRotateGlow{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

/* Halo */

.drr-wheel-wrapper::after{

    box-shadow:
        0 0 50px rgba(255,193,7,.25),
        0 0 100px rgba(255,193,7,.15);

}

/* Aro exterior brillante */

.drr-wheel{

    outline:4px solid rgba(255,255,255,.55);

}

/* Luces */

.drr-wheel{

    background-image:

        radial-gradient(circle at center,
            rgba(255,255,255,.18) 0%,
            rgba(255,255,255,0) 42%),

        repeating-conic-gradient(

            rgba(255,255,255,.30) 0deg .5deg,

            transparent .5deg 11deg

        ),

        conic-gradient(

            #ff4d4d 0deg 45deg,
            #ffb84d 45deg 90deg,
            #ffe14d 90deg 135deg,
            #66cc66 135deg 180deg,
            #4db8ff 180deg 225deg,
            #6666ff 225deg 270deg,
            #b84dff 270deg 315deg,
            #ff66b3 315deg 360deg

        );

}

/* Botón */

.drr-spin{

    position:relative;

    overflow:hidden;

}

.drr-spin::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:70%;
    height:100%;

    transform:skewX(-25deg);

    background:

        rgba(255,255,255,.45);

    transition:.8s;

}

.drr-spin:hover::before{

    left:140%;

}

/* Resultado */

#drr-resultado{

    padding:18px;

    border-radius:14px;

    background:#ffffff;

    box-shadow:

        0 8px 25px rgba(0,0,0,.08);

    animation:drrFade .4s;

}

/*=====================================
RULETA 3D PREMIUM
======================================*/

.drr-wheel{

    transform-style:preserve-3d;

    perspective:1200px;

    background-size:100% 100%;

}

/* Profundidad */

.drr-wheel::after{

    content:"";

    position:absolute;

    inset:12px;

    border-radius:50%;

    pointer-events:none;

    box-shadow:

        inset 0 25px 35px rgba(255,255,255,.30),

        inset 0 -35px 45px rgba(0,0,0,.18),

        inset 18px 0 25px rgba(255,255,255,.08),

        inset -18px 0 25px rgba(0,0,0,.08);

}

/* Reflejo dinámico */

.drr-wheel::before{

    animation:drrReflection 5s ease-in-out infinite;

}

@keyframes drrReflection{

    0%{

        opacity:.25;

        transform:rotate(0deg);

    }

    50%{

        opacity:.55;

        transform:rotate(8deg);

    }

    100%{

        opacity:.25;

        transform:rotate(0deg);

    }

}

/* Centro */

.drr-center{

    overflow:hidden;

}

.drr-center::before{

    animation:drrCenterLight 3s ease-in-out infinite;

}

@keyframes drrCenterLight{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(.94);

    }

    100%{

        transform:scale(1);

    }

}

/* Flecha */

.drr-pointer{

    animation:drrPointerFloat 2s ease-in-out infinite;

}

@keyframes drrPointerFloat{

    0%{

        transform:translateX(-50%) translateY(0);

    }

    50%{

        transform:translateX(-50%) translateY(-3px);

    }

    100%{

        transform:translateX(-50%) translateY(0);

    }

}

/* Sombras etiquetas */

.drr-label{

    filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));

}

/* Giro más fluido */

.drr-wheel.spinning{

    will-change:transform;

    backface-visibility:hidden;

}

/*=====================================
EFECTOS PREMIUM FINALES
======================================*/

/* Halo luminoso */

.drr-wheel-wrapper{

    position:relative;

}

.drr-wheel-wrapper .drr-ring{

    display:none;

}

.drr-wheel{

    position:relative;

}

/* Destellos */

.drr-wheel::before{

    background:

        radial-gradient(circle at 25% 20%,
            rgba(255,255,255,.55) 0%,
            rgba(255,255,255,.15) 12%,
            transparent 35%),

        radial-gradient(circle at 75% 75%,
            rgba(255,255,255,.22) 0%,
            transparent 20%),

        repeating-conic-gradient(
            rgba(255,255,255,.80) 0deg .6deg,
            transparent .6deg 45deg
        );

}

/* Centro metálico */

.drr-center{

    background:

        radial-gradient(circle at 30% 30%,
            #ffffff 0%,
            #fdfdfd 20%,
            #efefef 55%,
            #bdbdbd 100%);

}

/* Brillo giratorio */

.drr-center::after{

    content:"";

    position:absolute;

    inset:5px;

    border-radius:50%;

    border:2px solid rgba(255,255,255,.55);

    animation:drrRotateCenter 6s linear infinite;

}

@keyframes drrRotateCenter{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}

/* Flecha */

.drr-pointer{

    transition:.25s;

}

.drr-pointer:hover{

    transform:translateX(-50%) scale(1.08);

}

/* Resultado */

#drr-resultado{

    background:linear-gradient(180deg,#ffffff,#f5f7fb);

    border:1px solid #e4e8ef;

    color:#003366;

    letter-spacing:.5px;

}

/* Entrada */

.drr-card{

    animation:drrEntrance .8s ease;

}

@keyframes drrEntrance{

    from{

        opacity:0;

        transform:translateY(40px) scale(.96);

    }

    to{

        opacity:1;

        transform:translateY(0) scale(1);

    }

}

/* Hover */

.drr-wheel:hover{

    transform:scale(1.015);

}

/* Suavizado */

.drr-wheel,
.drr-center,
.drr-pointer,
.drr-spin{

    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;

    transform-style:preserve-3d;

}

/*=====================================
ACABADO RULETA FÍSICA
======================================*/

/* Disco interior */

.drr-wheel{

    background-clip:padding-box;

}

/* Divisiones metálicas */

.drr-wheel{

    background-image:

        radial-gradient(circle at center,
            rgba(255,255,255,.18) 0%,
            rgba(255,255,255,0) 42%),

        repeating-conic-gradient(
            rgba(255,255,255,.95) 0deg .7deg,
            transparent .7deg 44.3deg,
            rgba(0,0,0,.18) 44.3deg 45deg
        ),

        conic-gradient(
            #ff4d4d 0deg 45deg,
            #ffb84d 45deg 90deg,
            #ffe14d 90deg 135deg,
            #66cc66 135deg 180deg,
            #4db8ff 180deg 225deg,
            #6666ff 225deg 270deg,
            #b84dff 270deg 315deg,
            #ff66b3 315deg 360deg
        );

}

/* Remaches */

.drr-wheel-wrapper::before{

    content:"";

    position:absolute;

    inset:-8px;

    border-radius:50%;

    pointer-events:none;

    background:
        radial-gradient(circle at 50% 6%, #fff 0 5px, #b8860b 6px, transparent 7px),
        radial-gradient(circle at 81% 19%, #fff 0 5px, #b8860b 6px, transparent 7px),
        radial-gradient(circle at 94% 50%, #fff 0 5px, #b8860b 6px, transparent 7px),
        radial-gradient(circle at 81% 81%, #fff 0 5px, #b8860b 6px, transparent 7px),
        radial-gradient(circle at 50% 94%, #fff 0 5px, #b8860b 6px, transparent 7px),
        radial-gradient(circle at 19% 81%, #fff 0 5px, #b8860b 6px, transparent 7px),
        radial-gradient(circle at 6% 50%, #fff 0 5px, #b8860b 6px, transparent 7px),
        radial-gradient(circle at 19% 19%, #fff 0 5px, #b8860b 6px, transparent 7px);

    opacity:.95;

}

/* Aro interior */

.drr-wheel::after{

    border:3px solid rgba(255,255,255,.35);

    box-shadow:

        inset 0 0 0 2px rgba(255,215,0,.45),

        inset 0 20px 25px rgba(255,255,255,.18),

        inset 0 -25px 30px rgba(0,0,0,.16);

}

/* Etiquetas */

.drr-label{

    width:95px;

    margin-left:-47px;

    font-size:19px;

    font-weight:800;

    letter-spacing:.3px;

    text-transform:uppercase;

}

/* Centro */

.drr-center{

    border:10px solid #cfa32b;

    outline:3px solid rgba(255,255,255,.35);

}

/* Botón */

.drr-spin{

    border-bottom:5px solid #d66f00;

}

.drr-spin:active{

    border-bottom-width:2px;

}

/*=====================================
DETALLES ULTRA PREMIUM
======================================*/

/* Resplandor ambiente */

.drr-wheel-wrapper{

    overflow:visible;

}

.drr-wheel-wrapper::after{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:540px;
    height:540px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    background:radial-gradient(circle,
        rgba(255,193,7,.18) 0%,
        rgba(255,193,7,.08) 45%,
        transparent 75%);

    filter:blur(20px);

    animation:drrAmbientLight 4s ease-in-out infinite;

    z-index:-1;

}

@keyframes drrAmbientLight{

    0%,100%{

        opacity:.45;
        transform:translate(-50%,-50%) scale(1);

    }

    50%{

        opacity:.8;
        transform:translate(-50%,-50%) scale(1.06);

    }

}

/* Reflejo del disco */

.drr-wheel{

    overflow:hidden;

}

.drr-wheel .drr-reflection{

    display:none;

}

.drr-wheel::before{

    background:

        linear-gradient(
            135deg,
            rgba(255,255,255,.45) 0%,
            rgba(255,255,255,.15) 18%,
            transparent 35%
        ),

        radial-gradient(circle at 75% 70%,
            rgba(255,255,255,.18) 0%,
            transparent 22%),

        repeating-conic-gradient(
            rgba(255,255,255,.85) 0deg .7deg,
            transparent .7deg 45deg
        );

}

/* Centro */

.drr-center{

    transition:.35s;

}

.drr-wheel:hover .drr-center{

    transform:translate(-50%,-50%) rotate(10deg);

}

/* Etiquetas */

.drr-label{

    transition:.25s;

}

.drr-wheel:hover .drr-label{

    text-shadow:

        0 3px 8px rgba(0,0,0,.55),

        0 0 10px rgba(255,255,255,.25);

}

/* Botón */

.drr-spin{

    transition:
        transform .25s,
        box-shadow .25s,
        background .25s;

}

.drr-spin:hover{

    box-shadow:

        0 18px 35px rgba(251,140,0,.45);

}

.drr-spin:active{

    transform:translateY(3px) scale(.98);

}

/* Resultado */

#drr-resultado{

    transition:.3s;

}

#drr-resultado:not(:empty){

    animation:drrWinner .5s ease;

}

@keyframes drrWinner{

    0%{

        transform:scale(.8);

        opacity:0;

    }

    60%{

        transform:scale(1.08);

    }

    100%{

        transform:scale(1);

        opacity:1;

    }

}

/*=====================================
ESTADOS DE CARGA
======================================*/

.drr-loading{

    opacity:.55;

    pointer-events:none;

    transition:.3s;

}

#drr-wheel{

    opacity:0;

    transform:scale(.92);

    transition:
        opacity .5s ease,
        transform .5s ease;

}

#drr-wheel.drr-show{

    opacity:1;

    transform:scale(1);

}

/*=====================================
ANIMACIÓN RESULTADO
======================================*/

#drr-resultado{

    transition:
        opacity .35s ease,
        transform .35s ease;

}

#drr-resultado h2{

    margin-bottom:10px;

    font-size:34px;

    color:#005bbb;

}

#drr-resultado p{

    margin:6px 0;

    font-size:18px;

}

/*=====================================
CONFETI (BASE)
======================================*/

.drr-confetti{

    position:fixed;

    top:-20px;

    width:10px;
    height:18px;

    border-radius:2px;

    pointer-events:none;

    z-index:9999;

    animation:drrConfettiFall linear forwards;

}

@keyframes drrConfettiFall{

    from{

        transform:
            translateY(0)
            rotate(0deg);

        opacity:1;

    }

    to{

        transform:
            translateY(110vh)
            rotate(720deg);

        opacity:0;

    }

}

/*=====================================
CELEBRACIÓN
======================================*/

@keyframes drrWinnerGlow{

    0%{

        box-shadow:
            0 0 0 rgba(255,193,7,0);

    }

    50%{

        box-shadow:
            0 0 60px rgba(255,193,7,.6);

    }

    100%{

        box-shadow:
            0 0 0 rgba(255,193,7,0);

    }

}

.drr-wheel.winner{

    animation:
        drrWinnerGlow .8s ease 2;

}

/*=====================================
PUNTERO PREMIUM
======================================*/

.drr-pointer{

    transform-origin:50% 8px;

}

.drr-pointer::before{

    content:"";

    position:absolute;

    top:-50px;
    left:-3px;

    width:6px;
    height:18px;

    border-radius:4px;

    background:rgba(255,255,255,.8);

}

/*=====================================
PREMIO GANADOR
======================================*/

.drr-premio-activo{

    color:#fff;

    transform:
        rotate(calc(var(--i) * 45deg))
        translateY(-170px)
        rotate(calc(var(--i) * -45deg))
        scale(1.18);

    text-shadow:
        0 0 8px #fff,
        0 0 18px #ffd700,
        0 0 28px #ff9800;

    animation:drrPremioPulse .8s infinite alternate;

}

@keyframes drrPremioPulse{

    from{

        filter:brightness(1);

    }

    to{

        filter:brightness(1.35);

    }

}