/*:root {
   
}*/

.dnone {
    display: none;
}

body {
    font-family: "pinup";
}

@font-face {
    font-family: "pinup";
    src: url("/Content/Fonts/Pinup-Regular.otf");
}

.text-red {
    color: #E9273A;
}

.text-ref {
    color: white;
    font-family: 'Helvetica';
    font-size: 1rem;
    text-align: center;
    width: 100%;
}

#registerInfoText, #promoterm {
    color: yellow;
    font-size: 20px;
    font-family: 'Helvetica';
    margin-top: -1rem;
}

#registerInfoTextLata {
    color: white;
    font-size: 12px;
    font-family: 'Helvetica'
}

.text-center {
    font-family: 'pinup';
    text-align: center;
}

.title-red {
    color: #E9273A;
    font-weight: bold;
    font-family: 'pinup';
}

.btn_animate {
}

.resplandor:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    filter: brightness(1.2);
}

.animatesalto {
    animation: upDown 1s infinite ease-in-out;
    transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
}

.animatesaltolados {
    animation: rightDown 1s infinite ease-in-out;
    transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
}

.font-gray {
    color: gray;
}

.fontuppercase {
    text-transform: uppercase !important;
}

@keyframes upDown {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes rightDown {
    0%, 100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-10px);
    }
}