/* Import */
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Syncopate:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');



/* Variables */
:root{
    --negro: #000;
    --blanco: #d89d88;
    --oscuro: #1e191c;
    --gris: #ccc;
    --amarillo: #f3ab2f;
    --rosado: #df1171;

    --bg-gris: #b8b8b8;
}
*,*:after,*:before{
    box-sizing: border-box;
}
html{
    font-size: 62.5%;
    box-sizing: inherit;
}
body{
    font-size: 1.6rem;
    font-family: 'Nunito', sans-serif;
    background-color: var(--oscuro);
    color: var(--blanco);
}
h2{font-size: 4rem;}
h3{font-size: 3rem;}
h4{font-size: 2.5rem;}
h5{font-size: 2rem;}
h6{font-size: 1.8rem;}
h1,h2,h3,h4,h5,h6{
    text-align: center;
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: var(--blanco);
}
/* Carousel */

.owl-theme .owl-nav{
    position: absolute;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin: 0;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    position: relative;
    font-size: 4rem;
    background: none !important;
    padding: 0 4rem !important;
    margin: 0;
}
.owl-carousel .owl-nav button.owl-next{
    right: -10rem;
}
.owl-carousel .owl-nav button.owl-prev{
    left: -10rem;
}
.owl-theme .owl-dots .owl-dot{
    display: none;
}
@media (max-width: 1400px) {
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
        padding: 0 3rem !important;
    } 
    .owl-carousel .owl-nav button.owl-next{
        right: -8rem;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -8rem;
    }
}
@media (max-width: 1100px) {
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
        padding: 0 2rem !important;
    } 
    .owl-carousel .owl-nav button.owl-next{
        right: -7rem;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -7rem;
    }
}
@media (max-width: 950px) {
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
        padding: 0 2rem !important;
    } 
    .owl-carousel .owl-nav button.owl-next{
        right: -5rem;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -5rem;
    }
}
@media (max-width: 768px) {
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
        padding: 0 1rem !important;
    } 
    .owl-carousel .owl-nav button.owl-next{
        right: -3rem;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: -3rem;
    }
}

/* Globales */
.img{
    width: 100%;
}

.new{
    font-size: .5em;
    color: var(--amarillo);
}
.nuevo{
    color: var(--negro);
    font-weight: 700;
}
.titulo{
    color: var(--amarillo);
    margin: 2rem 0;
}
.titulo--estilos{
    background-image: linear-gradient(var(--blanco) 50%, #ffe7bf 100%);
    color: var(--negro);
    padding: .5rem;
}
.scroll{
    background-color: var(--negro) !important;
}

.header__index{
    display: flex;
    justify-content: center;
}

.main__index{
    max-width: 130rem;
    margin: auto;
    text-align: center;
}
.main__index h2{
    margin-top: 1.5rem;
    font-size: 3rem;
}
.btn__index{
    display: inline-block;
    margin: 1rem !important;
    padding: 1.5rem 5rem;
    color: var(--negro);
    background-color: var(--amarillo);
    transition: all ease .3s;
}
.btn__index:hover{
    transform: scale(1.2);
    background-color: var(--rosado);
}
.diferente{
    margin: 2rem auto; 
}
.acomodar{
    border-top: .1rem solid var(--gris);
    padding-top: 3rem;
}
.exit{
    color: var(--rosado);
}
/* Home */

.supremo{
    background-color: #db227b;
    color: var(--negro) !important;
}
.supremo__contenedor{
    width: min(130rem, 90%);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0 1rem 0.5rem;
}
.supremo__titulo{
    font-family: 'Bowlby One SC', cursive;
    font-size: 2.3rem;
    display: flex;
    flex-direction: column;
}
.supremo__titulo span{
    font-size: 1.4rem;
    letter-spacing: 1.4pt;
    font-family: 'Syncopate', sans-serif;
}
.supremo__btn{
    display: inline-block;
    border-radius: .5rem;
    border: 2px solid var(--negro);
    padding: 1rem 2rem;
    text-decoration: none;
    color: var(--negro) !important;
    transition: all ease .5s;
}
.supremo__btn:hover{
    transform: scale(1.1);
}
.sites{
    display: none;
}

.header{
    display:  flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    /* background-color: var(--negro); */
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: all ease .5s;
}

.header__navegacion{
    position: relative;
    right: 5rem;
}
.header__navegacion a{
    padding: 1.5rem 2rem;
    cursor: pointer;
    border-bottom: .1rem solid transparent;
    transition: all ease .3s;
}

.header__navegacion a:hover, .activacion{
    color: var(--blanco);
    border-color: var(--blanco) !important;
}
.banner{
    position: relative;
}
.banner-informacion{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.banner-informacion h2{
    text-shadow: .2rem .2rem 1rem var(--negro);
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
    letter-spacing: .2rem;
}
.banner-informacion a{
    background-color: var(--amarillo);
    padding: 1.5rem 3rem;
    font-size: 2rem;
    font-weight: 600;
    color: var(--negro);
    transition: all ease .3s;
}
.banner-informacion a:hover{
    background-color: var(--rosado);
    color: var(--blanco);
    transform: scale(1.1);
    padding: 1.5rem 7rem;
    border-radius: .3rem;
}
.banner--principal{
    position: relative;
    top: -8.3rem;
}
@media (max-width: 1390px) {
    .banner--principal{
        position: static;
    }
}
.btn-responsive{
    display: none;
}
@media (max-width: 768px) {
    .header{
        flex-direction: column;
    }
    .btn-responsive{
        display: flex;
        justify-content: end;
        position: relative;
        right: 5rem;
        cursor: pointer;
        padding: 2rem;
        width: 50%;
    }
    .header__navegacion{
        position: relative;
        width: 100%;
        right: 0;
    }
    .header__menu{
        position: absolute;
        left: -100rem;
        transition: all ease .3s;
        background-color: var(--negro);
        display: flex;
        flex-direction: column;
    }
    .header__imagen{
        width: 100%;
        display: flex; 
        justify-content: space-between;
        align-items: center;
        font-size: 2.5rem;
    }
}
.menu{  
    left: 0;
    width: 100%;
}
.informacion{
    text-align: center;
    padding: 1rem;
    width: min(110rem, 90%);
    margin: auto;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8rem;
}
.informacion p:last-child{
    border-top: .1rem solid var(--gris);
    padding-top: 2rem;
}
.contenedor{
    max-width: 90%;
    margin: 0 auto;
}
.coming{
   padding: 2rem 0;
}
.carousel__contenedor{
    width: 100%;
}
.carousel__contenedor h3{
    font-family: 'Staatliches', cursive;
    letter-spacing: .1rem;
    margin-top: 2rem;
    text-align: start;
    font-size: 3.5rem;
}
.carousel__contenedor h3:last-child{
    font-size: 2.5rem;
    margin-top: 1rem;
    color: var(--amarillo);
}
.carousel__contenedor p{
    color: var(--rosado);
    font-size: 2rem;
    font-weight: 700;
    margin-top: 1rem;
}
.trailer{
    background-image: url(../img/fonto-trailer.png);
    background-size: cover;
    background-position: center center;
    padding: 2rem 0;
}
.trailer__video{
    display: flex;
    justify-content: center;
    align-items: center;
}
 .trailer__video video{
    max-width: min(130rem, 90%);
    width: 100%;
 }
.modelo, .modelo-sin{
    margin: 3rem auto;
}
.modelo .titulo, .modelo-sin .titulo{
    color: var(--blanco);
    font-size: 3.5rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    background-color: var(--oscuro);
    position: relative;
    width: auto;
    margin: 0 auto;
    padding: 0 1rem;
}
.line{
    color: var(--blanco);
    width: 80%;
    border-bottom: 1px solid ;
    position: absolute;
    top: 50%;
}
.modelo__nombre{
    font-size: 2.3rem;
    margin-bottom: .5rem;
    color: #d06fa1;
    text-transform: uppercase;
}
.modelo__informacion{
    max-width: 100rem;
    margin: auto;
    text-align: center;
    margin-top: 1rem;
    padding: 1rem;
}
.fotos{
    display: grid;
    grid-template-areas: 'Grande Grande Imagen1 Imagen2'
                         'Grande Grande Imagen3 Imagen4';
    grid-template-columns: repeat(4, 1fr);
    gap: .2rem;
}
.fotos img{
    height: 100%;
}
.fotos img:nth-child(1){grid-area: Grande;}
.fotos img:nth-child(2){grid-area: Imagen1;}
.fotos img:nth-child(3){grid-area: Imagen2;}
.fotos img:nth-child(4){grid-area: Imagen3;}
.fotos img:nth-child(5){grid-area: Imagen4;}
@media (max-width: 768px) {
    .fotos{
        grid-template-areas: 'Grande Grande'
                             'Grande Grande'
                             'Imagen1 Imagen2'
                             'Imagen3 Imagen4';
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 400px) {
    .fotos{
        grid-template-areas: 'Grande'
                             'Imagen1'
                             'Imagen2'
                             'Imagen3'
                             'Imagen4';
        grid-template-columns: repeat(1, 1fr);
    }
}
.mas-videos{
    padding: 2rem 2.5rem;
}
.mas-videos div{
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: var(--amarillo);
    border-radius: .5rem;
    padding: 1rem;
}
.mas-videos div p{
    font-size: 3rem;
    font-weight: 800;
}
.mas-videos div a{
    padding: 1.5rem 7rem;
    background-color: var(--rosado);
    border-radius: .5rem;
    transition: all ease .3s;
}
.mas-videos div a:hover{
    transform: scale(1.1);
}
@media (max-width: 768px) {
    .mas-videos div{
        flex-direction: column;
    }
    .mas-videos div p{
        margin: 1rem;
    }
}
.footer{
    background-image: url(../img/banner-footer.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 2rem 0;
}
.footer--join{
    background-image: none;
}
.footer div{
    max-width: 90%;
    margin: auto;
}
.footer__logo{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    margin-bottom: 2rem !important;
}
.footer__logo div:nth-child(1){
    width: 25%;
    margin-left: 0;
}

.footer__logo .redes a{
    font-size: 2.5rem;
    border: .1rem solid var(--gris);
    padding: .5rem 1rem;
    border-radius: 50%;
    color: var(--gris);
    transition: all ease .3s;
}
.redes a:hover{
    color: var(--blanco);
    background-color: var(--rosado);
}
.redes{
    margin-bottom: 1rem !important;
    
}

.footer__contenedor{
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: .1rem solid var(--gris);

    display: flex;
    padding: 2rem;
}
.footer__contenedor div{
    display: flex;
    flex-direction: column;
    margin-top: 0;
}
/* .footer__contenedor div:nth-child(1){
    margin-right: 8rem;
} */
.footer__contenedor div:nth-child(1){
    margin-left: 8rem;
}
.footer__contenedor div:nth-child(2){
    margin-left: 0;
}
.footer__contenedor div:nth-child(3) h2{
    font-size: 2rem;
}
.footer__contenedor div h2{
    font-size: 2.8rem; 
    margin-bottom: 2rem;  
    text-align: start;
}
.footer__contenedor div a{
    font-size: 1.4rem;
    color: var(--gris);
    transition: all ease .3s;
    margin-bottom: .8rem;
}
@media (max-width: 768px) {
    .footer__contenedor div:nth-child(1),
    .footer__contenedor div:nth-child(2){
        margin-left: auto;
    }  

}
@media (max-width: 400px) {

    .footer__contenedor div div{
        margin-left: 0 !important;
    }
}
.footer__contenedor div a:hover{
    color: var(--rosado);
    transform: scale(1.2) ;
}
.footer__contenedor div div{
    padding-left: 1rem;
}

.footer__contenedor div:last-child div{
    margin: auto;
}
@media (max-width: 768px) {
    .footer__contenedor{
        display: grid;
        grid-template-areas: 'seccion1 seccion2'
                             'seccion3 seccion3';
        grid-template-columns: repeat(2, 1fr);
    }
    .footer__contenedor div:nth-child(1){grid-area: seccion1;}
    .footer__contenedor div:nth-child(2){grid-area: seccion2;}
    .footer__contenedor div:nth-child(3){
        grid-area: seccion3;
        margin-top: 1rem;
    }
    .footer__contenedor div:nth-child(3) h2{
        text-align: center;
        font-size: 2.5rem !important;
    }
}
@media (max-width: 400px) {
    .footer div{
        width: 100%;
    }
    .footer__contenedor{
        display: grid;
        grid-template-areas: 'seccion1'
                             'seccion2'
                             'seccion3';
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .footer__contenedor div{
        margin: 0;
    }
    .footer__contenedor div a{
        text-align: center;
    }
    .footer__contenedor div div{
        padding-left: 0;
    }
    .footer__contenedor div h2{
        text-align: center;
    }
    .footer__contenedor div:nth-child(1){grid-area: seccion1;}
    .footer__contenedor div:nth-child(2){grid-area: seccion2;}
    .footer__contenedor div:nth-child(3){
        grid-area: seccion3;
        margin-top: 1rem;
    }
    .footer__contenedor div:nth-child(3) h2{
        text-align: center;
        font-size: 2.5rem !important;
    }
   
}
 .footer div:nth-child(3){
    text-align: center;
}
.mr-supremo{
    color: var(--rosado);
}
.pagination{
    justify-content: center;
}
.page-link{
    color: var(--rosado);
    font-size: 2rem;
    font-weight: 500;
    padding: .5rem 1.5rem;
}
.pagos{
    padding: 3rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 130rem;
    margin: auto;
    gap: 1rem;
    align-items: center;
}

.pagos__contenedor{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
@media (max-width: 768px) {
    .pagos{
        grid-template-columns: 1fr;
    }
}
.pagos__titulo,
.promociones__titulo{
    color: var(--amarillo);
    font-weight: 700;
}
.promociones{
    text-align: center;
    padding: 2rem;
    background: linear-gradient(var(--negro), var(--oscuro));
}
.promociones div{
    max-width: 130rem;
    margin: auto;
}
.promociones h3, .promociones form{
    margin-bottom: 2rem;
}
.promociones span{
    color: var(--rosado);
}

.promociones__sites{
    display: flex;
    justify-content: center;
}
.contenedor__fotos{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    padding: 2rem ;
}
.descarga{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.descarga a{
    display: inline-block;
    background-color: var(--rosado);
    padding: .8rem 2rem;
    margin: 1rem auto;
    border-radius: .5rem;
}
@media (max-width: 768px) {
    .contenedor__fotos{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 400px) {
    .contenedor__fotos{
        grid-template-columns: 1fr;
    }
}
.descarga img{
    height: 100%;
}
@media (max-width: 400px) {
    .tamaño{
        font-size: 3rem;
    }
}

.sitios{
    color: var(--blanco);
    background-color: #000;
    padding: 2rem;
}
.sitio__contenedor{
    display: grid;
    grid-template-areas: 'imagen texto texto texto'
                         'imagen1 imagen2 imagen3 imagen4';
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    padding-top: 3rem;
    gap: 1rem;
}
.img-diferente-1{
    border-radius: 3rem 0 0 3rem;
}
.img-diferente-2{
    border-radius: 0 3rem 3rem 0;
}
@media (max-width: 768px) {
    .img__red img{
        width: 50% !important;
    }
    .sitio_parrafo h2{
        display: none;
    }
    .sitio_parrafo p{
        text-align: center;
    }
    .img__red{
        margin-bottom: 2rem;
    }
    .sitio__contenedor{
        grid-template-areas: 'imagen imagen' 
                             'texto texto'
                             'imagen1 imagen2' 
                             'imagen3 imagen4';
        grid-template-columns: repeat(2, 1fr);  
    }
}
@media (max-width: 400px) {
    .sitio__contenedor{
        grid-template-areas: 'imagen' 
                             'texto'
                             'imagen1' 
                             'imagen2' 
                             'imagen3' 
                             'imagen4';
        grid-template-columns: 1fr;  
    }
}
.sitio_parrafo{
    grid-area: texto;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sitio_parrafo h2{
    text-align: start;
    color: var(--blanco);
    font-size:  3rem !important;
    font-family: 'Barlow Condensed', sans-serif;
}
.sitio_parrafo p{
    font-size: 1.6rem;
    color: var(--blanco) !important;
}
.sitio__contenedor p{
    font-size: 1.2rem;
    color: var(--amarillo);
}
.sitio__contenedor:nth-child(3){
    grid-area: imagen1;
}
.sitio__contenedor:nth-child(4){
    grid-area: imagen2;
}
.sitio__contenedor:nth-child(5){
    grid-area: imagen3;
}
.sitio__contenedor:nth-child(6){
    grid-area: imagen4;
}
.img__red{
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area: imagen;
}
.img__red img{
    width: 75%;
}

.img-sites{
    height: 100%;
}
.sitio__contenedor:first-child{
    width: auto;
}

.card{
    background-color: transparent;
    text-decoration: none;
}
.card-diferente{
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 2rem;
    text-align: start !important;
}
@media (max-width: 768px) {
    .sitio__contenedor .card:nth-child(3) img{
        border-radius: 5rem 0 0 0;
    }
    .sitio__contenedor .card:nth-child(4) img{
        border-radius:  0 5rem 0 0;
    }
    .sitio__contenedor .card:nth-child(5) img{
        border-radius:  0  0  0 5rem;
    }
    .sitio__contenedor .card:nth-child(6) img{
        border-radius:  0 0 5rem 0;
    }
}
@media (max-width: 400px) {
    .sitio__contenedor .card:nth-child(3) img{
        border-radius: 5rem 5rem 0 0;
    }
    .sitio__contenedor .card:nth-child(4) img{
        border-radius:  0 0 0 0;
    }
    .sitio__contenedor .card:nth-child(5) img{
        border-radius:  0  0  0 0;
    }
    .sitio__contenedor .card:nth-child(6) img{
        border-radius:  0 0 5rem 5rem ;
    }
}







.color-compra{
    background-color: var(--bg-gris);
}
.titulo-join{
    font-weight: 600;
}
.compra{
    color: var(--negro);
    width: min(130rem, 95%);
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 5rem;
    margin: 7rem auto 5rem;
}
@media (max-width: 480px) {
    .compra{
        flex-direction: column;
    }
}
.compra__contenedor{
    padding: 6rem 2rem;
    box-shadow: .5rem .5rem 1rem #747474;
    border-radius: 1.5rem;
    background-image: linear-gradient(var(--blanco) 50%, #acacac 100%);
    transition: all ease .5s;
    color: var(--negro);
    text-decoration: none;
}
.compra__contenedor:hover{
    background-image: linear-gradient(var(--blanco) 50%, rgba(217, 0, 100, .5) 100%);
    color: var(--negro);
}
.compra__dias,
.compra__precio,
.compra__informacion{
    border-bottom: 1px solid ;
    padding: 1rem;
}
.compra__informacion{
    border: none;
    font-size: 1.4rem;
}
.compra__dias h2{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 3rem;
}
.precio{
    font-size: 8rem;
    display: flex;
    justify-content: center;
    font-weight: 600;
}
.precio__hijo{
    display: flex;
    flex-direction: column;
    font-size: .5em;
}
.precio__hijo span:nth-child(1){
    position: relative;
    top: 1rem;
}
.precio__hijo span:nth-child(2){
    font-size: 1.6rem;
    font-weight: normal;
}

.compra--promocion{
    margin-bottom: 4rem;
    display: flex;
    justify-content: center;
    gap: 5rem;
}
.promocion{
    font-size: 3rem;
}
.logos__promocion{
    padding: 2rem;
}
.logos__promocion a{
    color: transparent;
    text-decoration: none;
}
.bg-promocion{
    background-color: #afafaf;
}
.compra__contenedor--naranja{
    box-shadow: .5rem .5rem 1rem #1a1a1a;
}
.compra__contenedor--naranja:hover{
    background-image: linear-gradient(var(--blanco) 50%, #d90064 100%) !important;
}
.seccion-promocion{
    padding-bottom: 5rem !important;
}
.oral{
    width: min(27.3rem, 95%);
}
.bg-logos{
    background-color: #4d4d4d;
}
.main--join{
    font-family: Helvetica, sans-serif !important;
}

.bg-degradado{
    background-image:  linear-gradient( 180deg, #d90064, transparent);
    padding-bottom: 5rem !important;
}



.buscador{
    font-size: 5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 30%;
  }
  .buscador .formulario{
    font-size: 1.2rem;
    width: 100%;
  }
  .buscador .fa-search{
    padding: 1rem;
  }
  .formulario__input{
    padding: 1rem 0;
    border-radius: .5rem;
    border: none;
    width: 0;
    transition: all ease 1s;
  }
  .input__efecto{
    padding: 1rem;
    width: 100%;
  }
  @media (max-width: 480px) {
    .supremo__contenedor{
        display: flex !important;
        flex-direction: column;
    }
  }
  @media (max-width: 768px) {
    .supremo__contenedor > *{
        order: 1;
    }
    .supremo__contenedor{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
        column-gap: 2rem;
    }
    .supremo__contenedor .buscador{
        grid-column: 1 / 3;
    }
    .buscador{
        order: 2;
        width: 100%;
    }
  }




  .cuadro{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    right: 15%;
}
.cuadro__contenedor{
    background-color: rgba(0, 0, 0, .4);
    padding: 2rem;
    text-align: center;
    text-transform: uppercase;
    color: var(--blanco);
}
.cuadro__titulo{
    background-color: var(--blanco);
    padding: 1rem;
    font-size: 2.8rem;
    color: var(--negro);
}
.cuadro__titulo::after{
    content: '**';
    margin-left: 1rem;
    color: var(--rosado);
}
.cuadro__titulo::before{
    content: '**';
    color: var(--rosado);
    margin-right: 1rem;
}
.cuadro__text{
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 2rem 0;
}
.cuadro__sites{
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 2rem;
}
.cuadro__btn{
    display: inline-block;
    background-color: var(--amarillo);
    padding: 1rem 1.5rem;
    border-radius: .5rem;
    text-decoration: none;
    color: var(--blanco);
    font-weight: 500;
    transition: all ease .5s;
}
.cuadro__btn:hover{
    color: var(--blanco);
    transform: scale(1.1);
}

@media (max-width: 1100px) {
    .cuadro__titulo{
        font-size: 2rem;
    }
    .cuadro__text{
        font-size: 3rem;
    }
    .cuadro__sites{
        font-size: 1.5rem;
    }
    .cuadro__btn{
        font-size: 1.4rem;
    }
}
@media (max-width: 768px) {
    .cuadro__titulo{
        font-size: 1.5rem;
    }
    .cuadro__text{
        font-size: 2rem;
    }
    .cuadro__sites{
        font-size: 1rem;
    }
    .cuadro__btn{
        font-size: 1.2rem;
    }
}
@media (max-width: 660px) {
    .cuadro{
        display: none;
    }
}

.caliente__contenedor{
    display: grid;
    grid-template-columns: 1fr;
}
.caliente__contenedor div{
    position: relative;
}
@media (min-width: 768px) {
    .caliente__contenedor{
        grid-template-columns: repeat(3, 1fr);
    }
}
.caliente__imagen, .caliente__video{
    width: 100%;
    transition: all ease .5s;
}
.caliente__imagen{
    position: relative;
    z-index: 100;

}
.caliente__imagen:hover{
    opacity: 0;
}
.caliente__video{
    position: absolute;
    left: 0;
    top: 0;
}


.indefinido {
    background-color: var(--rosado);
  }
  
  .indefinido__contenedor {
    text-align: center;
    padding: 5rem 0;
  }
  
  .indefinido__titulo {
    text-transform: uppercase;
    font-size: 3.5rem;
    letter-spacing: 8pt;
    margin-bottom: 2rem;
    color: #13111b;
  }
  
  @media (max-width: 486px) {
    .indefinido__titulo {
      letter-spacing: 0;
      text-align: center;
    }
  }
  
  .indefinido__body {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
    max-width: min(90rem, 90%);
    margin: 0 auto;
    text-align: center;
    justify-items: center;
  }
  
  .indefinido__pequeños {
    max-width: 14rem;
    width: 100%;
  }
  
  .indefinido__pequeños {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  .indefinido__pequeños a {
    border-bottom: 1px solid transparent;
    transition: all ease 0.5s;
    padding: 0 0.5rem;
    color: var(--negro);
    text-decoration: none;
    width: max-content;
    font-size: 2rem;
  }
  
  .indefinido__pequeños a:hover {
    border-color: var(--blanco);
    color: var(--blanco);
  }
  
  @media (max-width: 880px) {
    .indefinido__body {
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
    }
  }
  
  @media (max-width: 486px) {
    .indefinido__body {
      grid-template-columns: 1fr;
    }
  
    .indefinido__pequeños p {
      text-align: center;
    }
  
    .indefinido__pequeños p span {
      width: 100%;
    }
  }

  .coming-soon{
    gap: 1rem;
    justify-content: center;
  }
  .payMethod{
    display: flex;
    flex-direction: row !important;
}

.payMethod img{
    width: 100%;
    max-width: 8rem;
}