/*
Theme Name: Child Theme
Description: A child theme of Divi
Template: Divi
*/


/* Superscript Fix */
sup {
    font-size: 0.6em !important;
    vertical-align: super !important;
    bottom: 0 !important;
}

sub {
    font-size: 0.6em !important;
    vertical-align: sub !important;
    bottom: 0 !important;
}


.wpforms-field-container input {
    max-width: 100% !important;
}

@media screen and (max-width: 768px) {

    .wpforms-layout-column-50 {
        width: 100% !important;
    }

    .et_pb_row {
        width: 95% !important;
    }

    .logo-home {
        max-width: 80%;
        margin-bottom: 20px;
    }

    .cintas-top img {
        max-width: 40%;
    }

    .inline-block:not(:last-child)::after {
        content: "  " !important;
    }

    .inline-block {
        line-height: 1em !important;
        width: 100%;
        margin-bottom: 12px;
    }

    .logo-autorizado {
        margin: 00 20px;
    }

}


.inline-block:not(:last-child)::after {
    content: " • ";
}

.inline-block {
    display: inline-block;
}

.enviando {
    border-radius: 10px !important;
    line-height: 1.1 !important;
    font-size: 14px !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 20px 30px 33px 30px !important;
    cursor: pointer !important;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 800 !important;
    transition: box-shadow 0.5s ease-in-out !important;
    background-color: #0989ee !important;
    color: #ffd401 !important;
    border: none !important;
}

.enviando:hover {
    box-shadow: 0 4px 8px rgba(9, 137, 238, 0.3);
}





.cta-btn-cielo {
    background-color: #0989ee;
    color: #FFF;
}

.cta-btn-amarillo {
    background-color: #ffd401;
    color: #ff0f5a;
}


.cta-btn-morado {
    background-color: #8300cc;
    color: #ffd60a;
}

.cta-btn {
    border-radius: 10px;
    line-height: 1.1;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    padding: 16.5px 44px;
    cursor: pointer;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 800;
    transition: box-shadow 0.5s ease-in-out;
}

a.cta-btn:hover,
.cta-btn:hover {
    box-shadow: 0px 4px 20px 1px rgb(0 12 59);
}

.cta-entrada {
    padding: 16.5px 24px !important;
    box-shadow: 0px 4px 20px 1px rgb(255, 255, 255);
}

#main-content {
    overflow: hidden;
}

.stroke-border {
    text-shadow: -2px 0 2px black, 0 2px 2px black, 2px 0 2px black, 0 -2px 2px black;
    display: flex;
    align-items: center;
    justify-content: center;

}


.stroke-border-no {
    text-shadow: -2px 0 2px black, 0 2px 2px black, 2px 0 2px black, 0 -2px 2px black;

}

.margin-10 {
    margin-top: 6px;
}

.amarillo {
    color: #ffd401;
}

.dateBig {
    color: #FFD700;
    font-size: 190%;
    padding: 0 5px;
}

.hourSmall {
    font-size: 85%;
}

.logo-autorizado {
    display: inline-block;
    margin: 0 10px;
}

body.page-id-2,
.page-entradas {
    position: relative;
    /*width: 500px;*/
    /*height: 300px;*/
    overflow-x: hidden;
    /*border-radius: 15px;*/
    background: linear-gradient(135deg, #0e51ed 0%, #78bbf5 100%);
}

.sunburst-background {
    background: transparent !important;
}

.sunburst-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.sunburst {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    background: conic-gradient(from 0deg,
        rgba(255, 255, 255, 0.1) 0deg,
        transparent 2deg,
        transparent 8deg,
        rgba(255, 255, 255, 0.1) 10deg,
        transparent 12deg,
        transparent 18deg,
        rgba(255, 255, 255, 0.1) 20deg,
        transparent 22deg,
        transparent 28deg,
        rgba(255, 255, 255, 0.1) 30deg,
        transparent 32deg,
        transparent 38deg,
        rgba(255, 255, 255, 0.1) 40deg,
        transparent 42deg,
        transparent 48deg,
        rgba(255, 255, 255, 0.1) 50deg,
        transparent 52deg,
        transparent 58deg,
        rgba(255, 255, 255, 0.1) 60deg,
        transparent 62deg,
        transparent 68deg,
        rgba(255, 255, 255, 0.1) 70deg,
        transparent 72deg,
        transparent 78deg,
        rgba(255, 255, 255, 0.1) 80deg,
        transparent 82deg,
        transparent 88deg,
        rgba(255, 255, 255, 0.1) 90deg,
        transparent 92deg,
        transparent 98deg,
        rgba(255, 255, 255, 0.1) 100deg,
        transparent 102deg,
        transparent 108deg,
        rgba(255, 255, 255, 0.1) 110deg,
        transparent 112deg,
        transparent 118deg,
        rgba(255, 255, 255, 0.1) 120deg,
        transparent 122deg,
        transparent 128deg,
        rgba(255, 255, 255, 0.1) 130deg,
        transparent 132deg,
        transparent 138deg,
        rgba(255, 255, 255, 0.1) 140deg,
        transparent 142deg,
        transparent 148deg,
        rgba(255, 255, 255, 0.1) 150deg,
        transparent 152deg,
        transparent 158deg,
        rgba(255, 255, 255, 0.1) 160deg,
        transparent 162deg,
        transparent 168deg,
        rgba(255, 255, 255, 0.1) 170deg,
        transparent 172deg,
        transparent 178deg,
        rgba(255, 255, 255, 0.1) 180deg,
        transparent 182deg,
        transparent 188deg,
        rgba(255, 255, 255, 0.1) 190deg,
        transparent 192deg,
        transparent 198deg,
        rgba(255, 255, 255, 0.1) 200deg,
        transparent 202deg,
        transparent 208deg,
        rgba(255, 255, 255, 0.1) 210deg,
        transparent 212deg,
        transparent 218deg,
        rgba(255, 255, 255, 0.1) 220deg,
        transparent 222deg,
        transparent 228deg,
        rgba(255, 255, 255, 0.1) 230deg,
        transparent 232deg,
        transparent 238deg,
        rgba(255, 255, 255, 0.1) 240deg,
        transparent 242deg,
        transparent 248deg,
        rgba(255, 255, 255, 0.1) 250deg,
        transparent 252deg,
        transparent 258deg,
        rgba(255, 255, 255, 0.1) 260deg,
        transparent 262deg,
        transparent 268deg,
        rgba(255, 255, 255, 0.1) 270deg,
        transparent 272deg,
        transparent 278deg,
        rgba(255, 255, 255, 0.1) 280deg,
        transparent 282deg,
        transparent 288deg,
        rgba(255, 255, 255, 0.1) 290deg,
        transparent 292deg,
        transparent 298deg,
        rgba(255, 255, 255, 0.1) 300deg,
        transparent 302deg,
        transparent 308deg,
        rgba(255, 255, 255, 0.1) 310deg,
        transparent 312deg,
        transparent 318deg,
        rgba(255, 255, 255, 0.1) 320deg,
        transparent 322deg,
        transparent 328deg,
        rgba(255, 255, 255, 0.1) 330deg,
        transparent 332deg,
        transparent 338deg,
        rgba(255, 255, 255, 0.1) 340deg,
        transparent 342deg,
        transparent 348deg,
        rgba(255, 255, 255, 0.1) 350deg,
        transparent 352deg,
        transparent 358deg,
        rgba(255, 255, 255, 0.1) 360deg);
    /*border-radius: 50%;*/
    animation: rotate 60s linear infinite;
}

/* Alternative simpler approach using repeating-conic-gradient */
.sunburst-simple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    background: repeating-conic-gradient(from 0deg,
        rgba(255, 255, 255, 0.15) 0deg,
        rgba(255, 255, 255, 0.15) 1deg,
        transparent 1deg,
        transparent 9deg);
    /*border-radius: 50%;*/
    animation: rotate 45s linear infinite;
    opacity: 0.8;
}

@keyframes rotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Content overlay */
.content {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: white;
    text-align: center;
}

.demo-text {
    background: rgba(0, 0, 0, 0.3);
    padding: 15px;
    /*border-radius: 8px;*/
    backdrop-filter: blur(5px);
}



.manitos {
    width: 200px;
    height: 200px;
    object-fit: contain;
    animation: manitos 2s ease-in-out infinite;
    filter: drop-shadow(0 0 20px rgba(255, 0, 0, 0.3));
}

@keyframes manitos {

    0%,
    100% {
        transform: scale(1) rotate(0deg);
        /*filter: drop-shadow(0 0 20px rgba(255, 0, 0, 0.3)) hue-rotate(0deg) brightness(1);*/
    }

    25% {
        transform: scale(1.08) rotate(-1deg);
        /*filter: drop-shadow(0 0 30px rgba(255, 100, 0, 0.5)) hue-rotate(15deg) brightness(1.1);*/
    }

    50% {
        transform: scale(1.05) rotate(0deg);
        /*filter: drop-shadow(0 0 25px rgba(255, 50, 50, 0.4)) hue-rotate(30deg) brightness(1.05);*/
    }

    75% {
        transform: scale(1.08) rotate(1deg);
        /*filter: drop-shadow(0 0 30px rgba(255, 100, 0, 0.5)) hue-rotate(15deg) brightness(1.1);*/
    }
}