/* ----------------------HOME------------------------------- */
#img-promo_mx>a>img {}

#img-video {
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#video-container {
    display: none;
}

#container-nsabores-video>div:nth-child(3) {
    display: none;
}

iframe {
    width: 100%;
    height: 600px;
    /* position: absolute; */
    /* top: -50px; */
    z-index: 1;
}

#img-video>img {
    width: 100%;
}

#main-container {
    background-color: #45BF2E;
}

#main-container>div {
    /* padding-bottom: 2rem; */
}

/* Home fondos secciones */
#main-container>div:nth-child(2) {
    background-color: #02BFF4;
}

#main-container>div:nth-child(3) {
    background-color: #FF7F17;
}

#main-container>div:nth-child(4) {
    background-color: #E8357D;
}

#main-container>div:nth-child(5) {
    background-color: #EA272F;
}

#main-container>div:nth-child(6) {
    background-color: #45BF2E;
}

#main-container>div:nth-child(7) {
    background-color: #45BF2E;
    position: relative;
    margin-bottom: 3rem;
}

body>div.root.responsivegrid.main_container.page--home>div>div:nth-child(8) {
    background-color: #45BF2E;
}

/* ---------------------- */
#container-nsabores {
    display: flex;
    align-items: center;
    /* justify-content: flex-start; */
    cursor: pointer;
}

/* ------ BANNERS VIDEO HOME ------ */


#container-nsabores-video,
#container-nsabores-video--gt {
    min-height: 50vh;
    background-image: url(/content/dam/latinamerica/promo-pringles/assets/home/mo/home_video.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
}

/* ------ END BANNERS VIDEO HOME ------ */

#container_nsabores-data {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: center; */
    order: 2;
}

#container-nsabores>div.image {
    max-width: 30%;
}

#p-nsabores-tittle,
#p-picantes-tittle,
#p-fav-tittle,
#p-nmega-tittle,
#p-pllevar-tittle,
#p-fav-text,
#p-nsabores-text,
#p-picantes-text,
#p-nmega-text,
#p-pllevar-text {
    color: white;
    text-transform: uppercase;
    font-family: 'pinup';
}

/* Home titulos papas */
#p-nsabores-tittle,
#p-fav-tittle,
#p-picantes-tittle,
#p-nmega-tittle,
#p-pllevar-tittle {
    font-size: calc(2rem + 3vw);
}

/* Home titulos margin */
#p-nsabores-tittle>p,
#p-fav-tittle>p,
#p-picantes-tittle>p,
#p-nmega-tittle>p,
#p-pllevar-tittle>p,
#p-fav-text>p,
#p-nsabores-text>p,
#p-picantes-text>p,
#p-nmega-text>p,
#p-pllevar-text>p {
    margin: 0;
    padding-right: 20px;
}

/* Home titulos texto */
#p-nsabores-text,
#p-fav-text,
#p-picantes-text,
#p-nmega-text,
#p-pllevar-text {
    font-size: calc(0.3rem + 3vw);
}


/* Home titulos imgs order */
#p_img-nsabores {
    order: 1;
}

div.image {
    margin-bottom: 0 !important;
}

/* Home separadores */
#container-nsabores-video>div.container.responsivegrid {
    /* position: relative; */
    /* min-height: 50vh; */
}

#container-nsabores>div:nth-child(3) {
    order: 1;
}

#separador-imgvideo,
#separador_verde {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
}

#separador-imgvideo {
    background: #02BFF4;
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 50% 0%, 0 100%);
    transform: rotate(180deg);
    bottom: -2px;
    height: 15%;

}

#separador_verde {
    background: #45BF2E;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    top: 0;
    height: 40px;
    margin-top: 0rem;
}

/* Home Promos */
#carousel-promos img {
    width: 100%;
    margin-top: 0rem;
}

/* Home Carouseles */
.cmp-carousel__item {
    display: none;
}


.cmp-carousel__item--active {
    display: block !important;
}

.cmp-carousel__indicators {
    display: none;
}

.cmp-carousel {
    position: relative;
    /* Asegura que los botones estén posicionados relativos al carrusel */
}

.cmp-carousel__actions {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
    /* Permite que los botones estén sobre otros elementos sin bloquear interacciones */
}

.cmp-carousel__action {
    background-color: rgba(0, 0, 0, 0.5);
    /* Fondo semitransparente */
    color: #fff;
    border: none;
    padding: 1rem;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s ease;
    pointer-events: all;
    /* Asegura que los botones sean clicables */
}

.cmp-carousel__action:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.cmp-carousel__action-icon {
    display: none;
    /* Oculta el icono si no es necesario */
}

.cmp-carousel__action-text {
    font-size: 1.5rem;
    /* Ajusta el tamaño del texto si es necesario */
    font-weight: bold;
}

/* Home Display Nones */
.new,
.newpar {
    display: none;
}

/* PAPAS DECORATIVAS */
#container_papa-izquierda,
#container_papa-derecha {
    position: absolute;
    max-width: 10%;
    min-width: 90px;
    top: 250px;
    z-index: 1;
}

#container_papa-derecha {
    right: 0;
}

#container_papa-izquierda {
    left: 0;
}



/* -------------ORDER HOME------------------ */
#container-nsabores>div.container.responsivegrid {
    order: 2;
    width: 90%;
}

@media screen and (min-width: 1010px) {

    #container-nsabores {
        padding-inline: 7rem;
    }
}

@media screen and (min-width: 769px) {

    /* Home */
    #container_nsabores-data {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    #p-nsabores-tittle,
    #p-fav-tittle,
    #p-picantes-tittle,
    #p-nmega-tittle,
    #p-pllevar-tittle {
        font-size: calc(30px + 1vw);
        padding-left: 3rem;
    }

    #p-nsabores-text,
    #p-fav-text,
    #p-picantes-text,
    #p-nmega-text,
    #p-pllevar-text {
        font-size: calc(1px + 2vw);
        /* max-width: 600px; */
    }

    #container-nsabores {
        /* justify-content: space-between; */
        min-height: 160px;
    }

    #container-nsabores>div.image {
        max-width: 10%;
    }

    /* Home separadores */
    #container-nsabores-video>div.container.responsivegrid {
        /* position: relative; */
        /* min-height: 400px; */
    }

    #container_nsabores-data .text {
        width: 50%;
    }

    #container-nsabores-video {
        /* background-image: url(/content/dam/latinamerica/promo-pringles/assets/home/mo/VIDEO_home.png); */

    }

    /* BANNERS PROMOS */
    #img-promo_mx>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_MX.png);
    }

    #img-promo_uy>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_UY.png);
    }

    #img-promo_do>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_RD.png);
    }

    #img-promo_pr>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_MX.png);
    }

    #img-promo_pe>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_PE.png);
    }

    #img-promo_py>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_PY.png);
    }

    #img-promo_pa>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_PN.png);
    }

    #img-promo_ni>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_NC.png);
    }

    #img-promo_hn>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_HN.png);
    }

    #img-promo_gt>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_GM.png);
    }

    #img-promo_sv>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_SV.png);
    }

    #img-promo_ec>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_ECU.png);
    }

    #img-promo_cr>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_CR.png);
    }

    #img-promo_co>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_PE.png);
    }

    #img-promo_br>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_MX.png);
    }

    #img-promo_bo>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/BANNER_PP_COD_DT_BO.png);
    }

    #img-promope_aceleratuverano>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/promos/pe/banner_aceleratuverano_dt.jpg);
    }

    #img-promogt_gen>a>img {
        content: url(/content/dam/latinamerica/promo-pringles/assets/banners/promos/gt/gt_home_desk_pkv.png);
    }

    /* Fin home */
}

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

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

    /* PAPAS DECORATIVAS */
    #container_papa-izquierda,
    #container_papa-derecha {
        top: 350px;
    }
}