.rcornerstitulo {
/*border:5px solid #000000;
border-style:dashed;
background:#07beb8;*/
padding:5px;
background:#000000;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}

.rcornerstitulo2 {
/*border:5px solid #000000;
border-style:dashed;
background:#07beb8;*/
padding:5px;
background:#FCF4D9;
}

.rcornersjuegos3 {
/*border:5px solid #000000;
border-style:dashed;*/
padding:20px;
background:#FCF4D9;
border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;
}

.cssanimation, .cssanimation span {
    animation-duration: 2s;
    animation-fill-mode: both;
}

.cssanimation span { display: inline-block }

.lePeek span { animation-name: lePeek; animation-iteration-count: infinite}
@keyframes lePeek {
    25% {  transform: rotateX(30deg) translateY(10px) rotate(-13deg); }
    50% { transform: translateY(-22px) rotate(3deg) scale(1.1);  }
}


.btn-success4 {
font-family:'Poppins',sans-serif;
text-transform:uppercase;
color:#000;
background-color:#FE5976;
border-color:#000000;
border-width: 2px;
font-weight:700;
}

.btn-success4.active,.btn-success4:active,.btn-success4:focus,.btn-success4:hover,.open .dropdown-toggle.btn-success4 {
color:#FCF4D9;
background-color:#07beb8;
border-color:#009B8F;
}

.btn-success4.disabled,.btn-success4.disabled.active,.btn-success4.disabled:active,.btn-success4.disabled:focus,.btn-success4.disabled:hover,.btn-success4[disabled],.btn-success4[disabled].active,.btn-success4[disabled]:active,.btn-success4[disabled]:focus,.btn-success4[disabled]:hover,fieldset[disabled] .btn-success4,fieldset[disabled] .btn-success4.active,fieldset[disabled] .btn-success4:active,fieldset[disabled] .btn-success4:focus,fieldset[disabled] .btn-success4:hover {
background-color:#9CE5D8;
border-color:#9CE5D8;
}

.btn-success4 .badge {
color:#9CE5D8;
background-color:#FCF4D9;
}


.btn-success5 {
font-family:'Poppins',sans-serif;
text-transform:uppercase;
color:#FE5976;
background-color:#000000;
border-color:#FCF4D9;
border-width: 2px;
font-weight:700;
}

.btn-success5.active,.btn-success5:active,.btn-success5:focus,.btn-success5:hover,.open .dropdown-toggle.btn-success5 {
color:#FCF4D9;
background-color:#07beb8;
border-color:#009B8F;
}

.btn-success5.disabled,.btn-success5.disabled.active,.btn-success5.disabled:active,.btn-success5.disabled:focus,.btn-success5.disabled:hover,.btn-success5[disabled],.btn-success5[disabled].active,.btn-success5[disabled]:active,.btn-success5[disabled]:focus,.btn-success5[disabled]:hover,fieldset[disabled] .btn-success5,fieldset[disabled] .btn-success5.active,fieldset[disabled] .btn-success5:active,fieldset[disabled] .btn-success5:focus,fieldset[disabled] .btn-success5:hover {
background-color:#9CE5D8;
border-color:#9CE5D8;
}

.btn-success5 .badge {
color:#9CE5D8;
background-color:#FCF4D9;
}



.btn-success6 {
font-family:'Poppins',sans-serif;
text-transform:uppercase;
color:#07beb8;
background-color:#000000;
border-color:#FCF4D9;
border-width: 2px;
font-weight:700;
}

.btn-success6.active,.btn-success6:active,.btn-success6:focus,.btn-success6:hover,.open .dropdown-toggle.btn-success6 {
color:#FCF4D9;
background-color:#07beb8;
border-color:#009B8F;
}

.btn-success6.disabled,.btn-success6.disabled.active,.btn-success6.disabled:active,.btn-success6.disabled:focus,.btn-success6.disabled:hover,.btn-success6[disabled],.btn-success6[disabled].active,.btn-success6[disabled]:active,.btn-success6[disabled]:focus,.btn-success6[disabled]:hover,fieldset[disabled] .btn-success6,fieldset[disabled] .btn-success6.active,fieldset[disabled] .btn-success6:active,fieldset[disabled] .btn-success6:focus,fieldset[disabled] .btn-success6:hover {
background-color:#9CE5D8;
border-color:#9CE5D8;
}

.btn-success6 .badge {
color:#9CE5D8;
background-color:#FCF4D9;
}


#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #07beb8;
    z-index: 9999;
    transition: opacity 0.3s ease-in-out;
}


/*
lottie-player {
    margin: 0 auto;
}*/


.container-logo {

    position: relative;
    width: 100%;
    padding-bottom: 100%;  /* Esto garantiza una relación de aspecto cuadrada */
}

.container-logo-tablet {
    position: relative;
    width: 100%;
    padding-bottom: 100%;  /* Esto garantiza una relación de aspecto cuadrada */
}

.container-logo .animation-logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* Aquí puedes agregar las demás propiedades de tu animación */
}

.icono-estrella {
    height: 1em;
    width: auto;
    vertical-align: top;
    margin-left: 5px;
    display: inline-block;
}


.microcopy {
    font-size: 1.25rem; /* Equivalente a 20px generalmente */
    color: #000000; /* Color negro */
    display: block;
    text-align: center; /* Centrar el contenido del texto */
    font-family: Arial, sans-serif; /* Tipografía estándar */
}

/* Estilo para pantallas medianas */
@media (min-width: 768px) {
    .microcopy {
        font-size: 1.25rem; /* Equivalente a 24px, puedes ajustar según necesidad */
    }
}

/* Estilo para pantallas más grandes */
@media (min-width: 992px) {
    .microcopy {
        font-size: 1.5rem; /* Equivalente a 28px, puedes ajustar según necesidad */
    }
}


#videoContainer {
    position: relative;
    width: 100%;
}

#videoContainer::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px; /* Ajusta esto según la altura del degradado que desees */
    background: linear-gradient(to bottom, rgba(255,255,255,0), #07beb8);
}

#introVideo {
    width: 100%;
    display: block; /* Asegura que el video no tenga margen extra */
}