/* ---------------------- NUEVOS SABORES -------------------------- */
/* colores */
#container_masproductos>div:nth-child(5) {
    background-color: #42C647;
}

#container_masproductos>div:nth-child(4) {
    background-color: #F4423E;
}

#container_masproductos>div:nth-child(3) {
    background-color: #FF932A;
}

#container_masproductos>div:nth-child(2) {
    background-color: #F2518D;
}

#container_masproductos>div:nth-child(1) {
    background-color: #00C8F4;
}

#container_item-carrucel1 {
    background-color: #F4423E;
}

#container_item-carrucel2 {
    background-color: #FFA42C;
}

#container_item-carrucel3 {
    background-color: #42C647;
}

div#container_item-carrucel2 p {
    color: #DB062C;
}

#container-main {
    /* padding-top: 6rem; */
}

#separador {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    background: #FF7F17;
    bottom: 22px;
    height: 73px;
    clip-path: polygon(0 20%, 100% 20%, 50% 100%, 50% 100%);
}

/* #separador {
    background: purple;
} */

#container-titulo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 8rem;
    background: #FF7F17;
    position: relative;
    padding-bottom: 5rem;
}

#container-titulo .image {
    max-width: 5%;
    min-width: 70px;
}

#titulo-titulo,
#titulo-texto,
#nutri-titulo {
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1rem;
}

#nutri-info-dato,
#nutri-info-data {
    color: white;
    /* width: 50%; */
}

#titulo-titulo {
    font-size: calc(2rem + 3vw);
}

#titulo-titulo>p {
    margin: 0;
}

#titulo-texto {
    max-width: 350px;
}

#container_item-carrucel,
#container_item-carrucel1,
#container_item-carrucel2,
#container_item-carrucel3 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -5rem;
    /* transform: translateY(-40px); */
    padding-bottom: 3rem;
}


#contenedor_titulo-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#img-logo {}

#container-alldata {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
    padding: 10px;
}

#container_item-carrucel>div:nth-child(2),
#container_item-carrucel2>div:nth-child(2),
#container_item-carrucel1>div:nth-child(2),
#container_item-carrucel3>div:nth-child(2) {
    max-width: initial !important;
}

/* Carouseles productos*/
#carrusel-productos .cmp-carousel__item {
    display: none;
}


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

#carrusel-productos .cmp-carousel__indicators {
    display: none;
}

#carrusel-productos .cmp-carousel {
    position: relative;

}

#carrusel-productos .cmp-carousel__actions {
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
}

#carrusel-productos .cmp-carousel__action {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s ease;
    pointer-events: all;
    border-radius: 20px;
}

#carrusel-productos .cmp-carousel__action:hover {
    /* background-color: rgba(0, 0, 0, 0.7); */
}

#carrusel-productos .cmp-carousel__action-icon {
    display: none;
}

#carrusel-productos .cmp-carousel__action-text {
    font-size: 1.5rem;
    font-weight: bold;
}

#carrusel-productos>div>div.cmp-carousel__actions>button.cmp-carousel__action.cmp-carousel__action--next {
    position: absolute;
    right: 20%;
}


#carrusel-productos>div>div.cmp-carousel__actions>button.cmp-carousel__action.cmp-carousel__action--previous {
    position: absolute;
    left: 20%;
}

/* Carouseles tiendas*/
#carrucel_tiendas-disponibles .cmp-carousel__item {
    display: none;
}


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

#carrucel_tiendas-disponibles .cmp-carousel__indicators {
    display: none;
}

#carrucel_tiendas-disponibles .cmp-carousel {
    position: relative;

}

#carrucel_tiendas-disponibles .cmp-carousel__actions {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
}

#carrucel_tiendas-disponibles .cmp-carousel__action {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    cursor: pointer;
    outline: none;
    transition: background-color 0.3s ease;
    pointer-events: all;
    border-radius: 20px;
}

#carrucel_tiendas-disponibles .cmp-carousel__action:hover {
    /* background-color: rgba(0, 0, 0, 0.7); */
}

#carrucel_tiendas-disponibles .cmp-carousel__action-icon {
    display: none;
}

#carrucel_tiendas-disponibles .cmp-carousel__action-text {
    font-size: 1.5rem;
    font-weight: bold;
}

/* Productos */
#nutri-info-dato{
    text-align: left;

}

#nutri-info-dato > p,
#nutri-info-data > p{
    margin: 5px 0;
}

#titulo-desc,
#titulo-p-titulo {
    color: white;
    text-align: center;
}

#titulo-desc{
    font-family: 'Helvetica';
}

#titulo-p-titulo {
    font-size: calc(0.8rem + 3vw);
    text-transform: uppercase;
}

#titulo-p-titulo>p {
    margin-top: 0;
}

#contenido-titulo-desc {
    background: rgb(200, 200, 200, 20%);
    padding: 1rem;
    border-radius: 20px;
}

#container_item-carrucel .image,
#container_item-carrucel1 .image,
#container_item-carrucel2 .image,
#container_item-carrucel3 .image {
    max-width: 200px;
}

#container_item-carrucel img,
#container_item-carrucel1 img,
#container_item-carrucel2 img,
#container_item-carrucel3 img {
    position: relative;
    z-index: 2;
}

#container_item-carrucel>div,
#container_item-carrucel1>div,
#container_item-carrucel2>div,
#container_item-carrucel3>div {
    /* padding: 1rem; */
    width: 100%;
    max-width: 600px;
}

#nutri-titulo>p {
    margin: 0;
    padding: 1rem;
    background: rgb(200, 200, 200, 20%);
    border-radius: 20px;
}

#ingredientes-titulo>p {
    margin: 0;
    padding: 1rem;
    background: rgb(200, 200, 200, 20%);
    border-radius: 20px;
}

#container-data-infonutri {
    display: flex;
    justify-content: space-around;
    font-family: 'Helvetica';
    font-size: 12px;
}

#container-data-infonutri .text {
    width: 50%;
    text-align: center;
}

#container-ingredientes {}

#ingredientes-titulo,
#ingredientes-ingredientes {
    color: white;
    text-align: center;
    max-height: 300px;
    overflow: auto;
}

#ingredientes-ingredientes{
    font-family: 'Helvetica';
}

#ingredientes-titulo{
    text-transform: uppercase;
}

.new,
.newpar {
    display: none;
}

/* Tiendas disponibles */
#carrucel_tiendas-disponibles {
    position: relative;
}

#container-disponibles {
    /* padding-bottom: 5rem; */
}

#contenido-disponibles {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 10px;
}

#contenido-disponibles .image {
    max-width: 15%;
    min-width: 100px;
}

#tiendas_dis-titulo {
    color: white;
    text-align: center;
    text-transform: uppercase;
}

/* Carrucel utils */
#container-carrucel {
    position: relative;
}

#papa-izquierda, #papa-derecha {
    position: absolute;
    max-width: 200px;
    z-index: 1;
}
#papa-izquierda {
    top: 200px;
    left: 0;
}

#papa-derecha {
    top: -50px;
    right: 0;
}

/* Mas productos */
#container_masproductos {
    display: flex;

}

/* ---------------------- FIN NUEVOS SABORES -------------------------- */
/*-------------- KEY FRAMES--------------------------------- */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

/*------------------------MEDIA QUERYS---------------------- */
@media screen and (max-width: 768px) {

    

}

@media screen and (min-width: 769px) {
    #titulo-titulo {
        font-size: calc(1rem + 2vw);
    }

    #titulo-p-titulo {
        font-size: calc(1rem + 1vw);
    }

    #container-alldata {
        flex-direction: row;
    }

    #container-alldata>div {
        width: 33.33%;
    }

    #carrusel-productos>div>div.cmp-carousel__actions>button.cmp-carousel__action.cmp-carousel__action--next {
        position: absolute;
        right: 35%;
    }

    #carrusel-productos>div>div.cmp-carousel__actions>button.cmp-carousel__action.cmp-carousel__action--previous {
        position: absolute;
        left: 35%;
    }
}