.background-latters {
      background-image: url('/assets/img/backgrpound_latter.png');
      padding: 0;
      scroll-margin-top: 82px;
      overflow: clip;
      position: center;
      background-size: cover;
      background-repeat: no-repeat; 
      background-attachment: fixed;
    }

    .text-green {
      color: #146A34;
    }

    .centered-container {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    #services {
      background-image: url('/assets/img/back_movil.png');
      padding: 60px 0;
      scroll-margin-top: 82px;
      overflow: clip;
      position: center;
      background-size: cover;
      background-repeat: no-repeat; 
      background-attachment: fixed;
    }

    #story {
      background-image: url('/assets/img/Recurso 2.png');
      background-size: cover; /* Hace que la imagen cubra toda la sección */
      background-position: center; /* Centra la imagen en la sección */
      background-repeat: no-repeat; /* Evita que la imagen se repita */
      height: 100vh; /* Ajusta el alto de la sección (opcional) */
          background-color: #FAF6E1;
    }

    .green-text {
      color: #9dd014;
    }

    .white-text {
      color: white;
    }

    .carousel-item img {
      transition: transform 0.5s ease;
      text-align: center;
    }

    .carousel-item img {
      max-width: 50%; /* Limita el ancho máximo de la imagen */
      margin: 0 auto;  /* Asegura que las imágenes estén centradas horizontalmente */
    }

    .carousel-item-next img,
    .carousel-item-prev img {
      transform: scale(0.8); /* Hace las imágenes laterales más pequeñas */
    }

    .carousel-item.active img {
      transform: scale(1); /* Tamaño normal para la imagen central */
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: black; /* Cambia el color del icono a negro */
      border-radius: 5px;
    }


/*--------------------------------------------------------------
                    # Global Products
--------------------------------------------------------------*/
    
    .product {
        color: var(--default-color);
        background-color: #FAF6E1;
        padding: 60px 0;
        scroll-margin-top: 82px;
        overflow: clip;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat; 
        background-position: center center; 
        background-attachment: fixed;
    }

    .inst{
        font-family: 'AcuminProCondensedBlack',sans-serif;
        color:#E73189;        
        font-size: 18.2777pt;
    }

    .fb{
        font-family: 'AcuminProCondensedBlack',sans-serif;
        color:#50B7C7;
        font-size: 18.2777pt;
    }

    .email{
        font-family: 'AcuminProCondensedBlack',sans-serif;
        color:#E95A0C;
        font-size: 18.2777pt;
    }

    .wht{
        font-family: 'AcuminProCondensedBlack',sans-serif;
        color:#F5B53F;
        font-size: 18.2777pt;
    }

    @media (max-width: 1199px) {
        .product {
            scroll-margin-top: 66px;
        }
    }

    .text-container {
        text-align: center;
    }

    .us {
        font-family: 'AcuminProCondensed', sans-serif;
        color: #03402D;
        font-size: 34px; 
    }


    .us1 {
        font-family: 'SkippySharp', sans-serif;
        color: #03402D;
        font-size: 50px; 
    }

    .us2 {
        font-family: 'SkippySharp', sans-serif;
        color: #9dd014;
        font-size: 50px; 
    }


    .us3 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #ffffff;
        font-size: 10vw;
    }


    .car0 {
        font-family: 'AcuminProCond-Semibold', sans-serif;
        color: #000000;
        font-size: 55px;
        margin: 50px 140px; 
    }

    .car {
        font-family: 'AcuminProCond-Regular', sans-serif;
        color: #ffffff;
        font-size: 34px; 
    }

    .car1 {
        font-family: 'SkippySharp', sans-serif;
        color: #ffff00;
        font-size: 34px; 
    }

    .car2 {
        font-family: 'SkippySharp', sans-serif;
        color: #00bfff;
        font-size: 34px; 
    }

    .car3 {
        font-family: 'SkippySharp', sans-serif;
        color: #ff551b;
        font-size: 34px; 
    }

    .car4 {
        font-family: 'SkippySharp', sans-serif;
        color: #ec53a0;
        font-size: 34px; 
    }

    .car5 {
        font-family: 'SkippySharp', sans-serif;
        color: #9dd014;
        font-size: 34px; 
    }


    .pie1 {
        font-family: 'SkippySharp', sans-serif;
        color: #03402D;
        font-size: 100px; 
    }

    .venta1 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #03402D;
        font-size: 80px;
        font-weight: 900;
        text-align: center;
    }

    #ch {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #e73189;
        font-size: 2vw;
        line-height: .7;
    }

    #text_desc_chips {
        font-family: 'SkippySharp', cursive;
        color: #adc90c;
        font-size: 1.2vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #text_desc_chips_simbol {
        font-family: 'segoe print', cursive;
        color: #adc90c;
        font-size: 1.5vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #gom_chu, #gom_chu_simbol {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        display: inline-block;
        color: #e95a06; 
        font-size: 2vw;
        line-height: .7;
    }

     #gom_chu_simbol {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        display: inline-block;
        color: #50b7c7;
        font-size: 2vw;
        line-height: .7;
    }

    #text_desc_gom_chu {
        font-family: 'SkippySharp', cursive;
        color: #f5b53f;
        font-size: 1.2vw;
        top: 1.3em;
        position: relative;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #pal1{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #03402D; 
        font-size: 2vw;
        line-height: .7;
    }

    #text_desc_pal1 {
        font-family: 'SkippySharp', cursive;
        color: #7d4681;
        font-size: 1.2vw;
        position: relative;
        right: -2vw;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #puff, #puff_2{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        display: inline-block;
        color: #03402D; 
        font-size: 2vw;
        line-height: .7;
    }

    #puff_2{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        display: inline-block;
        color: #db6c3e; 
        font-size: 2vw;
        line-height: .7;
    }

    #puff_3{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #7d4682; 
        font-size: 2vw;
        line-height: .7;
    }

    #text_desc_puff {
        font-family: 'SkippySharp', cursive;
        color: #03402D;
        font-size: 1.3vw;
        position: relative;
        right: -2vw;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #ch_2 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #62aeba;
        font-size: 5vw;
        line-height: .7;
    }

    #text_desc_chips_2 {
        font-family: 'SkippySharp', cursive;
        color: #f5b43f;
        font-size: 2.5vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #ch_3 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #073e2d;
        font-size: 5vw;
        line-height: .7;
    }

    #text_desc_chips_3 {
        font-family: 'SkippySharp', cursive;
        color: #999f34;
        font-size: 2.5vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #ch_4 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #7d4682;
        font-size: 5vw;
        line-height: .7;
    }

    #text_desc_chips_4 {
        font-family: 'SkippySharp', cursive;
        color: #db6c3e;
        font-size: 2.5vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #ch_5 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #073e2d;
        font-size: 5vw;
        line-height: .7;
    }

    #text_desc_chips_5 {
        font-family: 'SkippySharp', cursive;
        color: #db6c3e;
        font-size: 2.5vw;
         position: relative;
        right: -6vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #text_desc_chips_6 {
        font-family: 'SkippySharp', cursive;
        color: #50b7c7;
        font-size: 2.5vw;
        display: inline-block; position: relative;
        right: -6vw;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #tex_ico {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #26b6f7;
        font-size: 4vw;
        position: relative;
        top: -1.1em;
        letter-spacing: -2.05em;
        bottom: 0px;
        margin-bottom: 0px;
        z-index: 2;
    }

    #text_desc_gminchunk {
        font-family: 'Patrick Hand', cursive;
        color: #ffc62d;
        font-size: 2.5vw;
        display: inline-block;
        top: -2.3em;
        position: relative;
    }

    .pal_air {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #024b29;
        font-size: 5vw;
        line-height: 0;
        display: inline-block;
        position: relative;
        z-index: 1;
        right: 6em;
    }

    #text_desc_pal_air {
        right: 13.4em;
        font-family: 'Patrick Hand', cursive;
        color: #7D4681;
        font-size: 3vw;
        display: inline-block;
        top: 0.7em;
        position: relative;
    }

    .pfs {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #024b29;
        font-size: 5vw;
        line-height: 0;
        display: inline-block;
        position: relative;
        z-index: 1;
        left: 7em;
    }
    
    .ma_pfs {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #ff7b25;
        font-size: 5vw;
        line-height: 1.2;
        display: inline-block;
        z-index: 1;
        position: relative;
        left: 7.2em;
    }
    
    .hor_pfs {
        left: 2.3em;
        font-weight: bold;
        right: 13.4em;
        font-family: 'AcuminProCondensedBlack', cursive;
        color: #7D4681;
        font-size: 5.4vw;
        display: inline-block;
        top: 0.9em;
        position: relative;
    
    }
    #text_desc_pfs {
        font-family: 'SkippySharp', sans-serif;
        color: #024b29;
        font-size: 5.6vw;
        position: relative;
        top: -0.2em;
        /* letter-spacing: -2.05em; */
        bottom: 0px;
        margin-bottom: 0px;
        z-index: 2;
        left: 5.2em;
    }
    
    #ch_gar {
        font-family: 'AcuminProCondensedBlack', sans-serif; /* Asegúrate de usar la fuente correcta */
        color: #26b6f7; /* Color rosa */
        font-size: 8vw; /* Ajuste responsivo */
    }
    
    #text_desc_chps_gar {
        font-family: 'SkippySharp', cursive;
        color: #ffc62d;
        font-size: 2.2vw;
        display: inline-block;
        top: -.9em;
        position: relative;
        right: 1.7em;
    }

    #tex_pal_air{
        right: 3.4em;
        font-family: 'SkippySharp', cursive;
        color: #ffc62d;
        font-size: 3vw;
        display: inline-block;
        top: 0.7em;
        position: relative;
    }

    .text_hor_pfs{
        left: -2.6em;
        font-weight: normal;
        right: 13.4em;
        font-family: 'AcuminProCondensedBlack', cursive;
        color: #7D4681;
        font-size: 5.2vw;
        display: inline-block;
        top: 0.9em;
        position: relative;
    }

    .text_ma_pfs{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #ff7b25;
        font-size: 6.5vw;
        line-height: 1.2;
        display: inline-block;
        z-index: 1;
        position: relative;
        left: 2.5em;
    }
    
    .text_pfs{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #024b29;
        font-size: 6.5vw;
        line-height: 0;
        display: inline-block;
        position: relative;
        z-index: 1;
        text-align: center;
        left: 2.4em;
    }

    #tex_despfs{
        font-family: 'SkippySharp', sans-serif;
        color: #024b29;
        font-size: 5.6vw;
        position: relative;
        top: -0.3em;
        /* letter-spacing: -2.05em; */
        bottom: 0px;
        margin-bottom: 0px;
        z-index: 2;
        left: 1.1em;
    }
    
    .img_fff{
        max-width: 60%;
        margin: 60px;
    }

    #tex_pal_air_2{
        right: 3.4em;
        font-family: 'Patrick Hand', cursive;
        color: #26b6f7;
        font-size: 3vw;
        display: inline-block;
        top: 0.7em;
        position: relative;
    }
    
    .text_pal_air_title{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #024b29;
        font-size: 5vw;
        display: inline-block;
    }

    .text_pro_des_carrusel{
        font-family: 'SkippySharp', cursive;
        color: #68893B;
        font-size: 4.6vw;
    }

    .text_grama_des_carrusel{
        font-family: 'AcuminProCond-Regular', sans-serif;
        color: #073E2D;
        font-size: 2.2vw;
        font-weight: normal;
    }

    .img_produc {
        align-items: center;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .underline {
        width: 80%;
        height: 5px;
        background: url('/assets/img/line_frase.png') repeat-x;
        background-size: cover; /* Asegura que la imagen cubra el área */
        margin: 10px auto 20px;
    }

    @font-face {
        font-family: 'Baristo';
        src: url('/assets/fonts/Baristo.otf') format('opentype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'SkippySharp';
        src: url('/assets/fonts/SkippySharp.ttf') format('TrueType');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'AcuminProCond-Regular';
        src: url('/assets/fonts/AcuminProCond-Regular.ttf') format('TrueType');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'AcuminProCond-Semibold';
        src: url('/assets/fonts/AcuminProCond-Semibold.ttf') format('TrueType');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Amatic-Bold';
        src: url('/assets/fonts/Amatic-Bold.ttf') format('TrueType');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Fontspring';
        src: url('/assets/fonts/Fontspring.otf') format('opentype');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'AcuminProCondensedBlack';
        src: url('/assets/fonts/AcuminProCondensedBlack.ttf') format('TrueType');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'AcuminProCondensed';
        src: url('/assets/fonts/AcuminProCondensed.ttf') format('TrueType');
        font-weight: normal;
        font-style: normal;
    }


    @keyframes wave {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 40px 0;
        }
    }

    /* Fondo negro transparente */
    .modal-backdrop.show {
        opacity: 0.8;
        background-color: black;
    }

    .card_produ_back{
        text-align: center;
        background-color: #ffffff00;
        border-color: #ffffff00;
    }

    .img_modal{
        position: relative;
        height: auto;
        width: -webkit-fill-available;
        max-width: 745px;
        float: right;
        right: 0em;
    }

    /* Estilos para las imágenes del carrusel */
    .carousel-item img {
        max-height: 100%; /* Ajusta según sea necesario */
        object-fit: cover;
    }

    .carousel-item img {
        position: relative;
        z-index: 1;
    }

    .carousel-thumbnails {
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .carousel-thumbnails img {
        width: 179px;
        height: auto;
        cursor: pointer;
        transition: transform 0.3s ease;
    }

    .carousel-thumbnails img:hover {
        transform: scale(1.1);
    }

    /* Estilo para la imagen ampliada */
    .main-image {
        text-align: center;
        margin-bottom: 20px;
    }

    .main-image img {
        width: 70%;
        height: auto;
    }

    .image-description {
        text-align: center;
        font-size: 1.2em;
        margin-top: 10px;
    }

    @media (max-width: 768px) {
        .main-image img {
            width: 100%;
        }
    }
/*modal home*/
.text_home{
    width: 987px !important;
    height: 325px !important;
    object-fit: initial !important; /* Mantener la proporción de las imágenes */
    border-radius: 0 !important;
}

.slider1 {
    position: relative;
    overflow: hidden;
}

.slides1 {
    display: flex;
    width: calc(100% * 7); /* El total es 7 slides (6 originales + 1 duplicada) */
    height: 100%;
    transition: all 1s ease;
}

.slide1 {
    width: calc(100% / 7); /* Cada slide ocupa un 1/7 del ancho */
    position: relative; /* Necesario para centrar el texto */
}

.slide1 img {
    width: 100vw;
    height: 139vh;
    object-fit: initial; /* Mantener la proporción de las imágenes */
}

/* Estilos del título y la descripción */
.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    padding: 20px;
    border-radius: 10px;
}

.text-overlay h2 {
    font-family: 'SkippySharp', sans-serif;
        background-color: rgba(3, 64, 45); 
        padding: 10px 20px;
        border-radius: 5px;
font-family: 'SkippySharp', sans-serif;
        background-color: rgba(3, 64, 45); 
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 83.0469pt;
}

.text-overlay p {
    font-family: 'SkippySharp', sans-serif;
        background-color: rgba(3, 64, 45); 
        padding: 10px 20px;
        border-radius: 5px;
font-family: 'SkippySharp', sans-serif;
        background-color: rgba(3, 64, 45); 
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 83.0469pt;
}

/* Controles manuales */
.navigation-manual1 {
    position: absolute;
    width: 100%;
    margin-top: -40px;
    display: flex;
    justify-content: center;
}

.manual-btn1 {
    border: 4px solid #ffffff;
    padding: 5px;
    width: 84px;
    height: 20px;
    border-radius: 33%;
    cursor: pointer;
    transition: 0.4s;
    background-color: transparent;
}

.manual-btn1:not(:last-child) {
    margin-right: 10px;
}

.manual-btn1:hover {
    background-color: #ffffff;
}

/* Estilos para el botón activo */
.active1 {
    background-color: #adc90c;
    border: 2px solid #adc90c;
}
.modal_img{
        cursor: pointer; max-width: 50%;
    }

#hero{
    padding: 11vh 0px 0px 0px;
}

/* Estilos responsivos */
@media (max-width: 768px) {
    #hero {
                height: 44vh;
        padding: 4vh 0px 0px 0px;
}
    .logo img {
  max-height: 34px !important;
  margin-right: 8px !important;
}
     #services {
      background-image: url('/assets/img/back_movil.png');
      padding: 60px 0; 
      background-size: cover;
        background-position:  center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        scroll-margin-top: 50%;
        overflow: hidden;
    }
    .venta1 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #03402D;
        font-size: 50px;
        font-weight: 900;
        text-align: center;
    }
    #story {
    background-image: url("/assets/img/Recurso 2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
    background-color: #FAF6E1;
}
.background-latters {
        background-image: url('/assets/img/backgrpound_latter.png');
        background-size: cover;
        background-position:  center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        scroll-margin-top: 100%;
        padding: 0;
        overflow: hidden;
    }
    .pie1 {
    font-family: 'SkippySharp', sans-serif;
    color: #03402D;
    font-size: 70px;
}
    .us {
        font-family: 'AcuminProCondensed', sans-serif;
        color: #03402D;
        font-size: 22px !important; 
    }
    .us1 {
        font-family: 'SkippySharp', sans-serif;
        color: #03402D;
        font-size: 32px !important; 
    }
    .us2 {
        font-family: 'SkippySharp', sans-serif;
        color: #9dd014;
        font-size: 30px; 
    }
    .car0 {
    font-family: 'AcuminProCond-Semibold', sans-serif;
    color: #000000;
    font-size: 22px;
    margin: -20px 70px;
}
.car {
    font-family: 'AcuminProCond-Regular', sans-serif;
    color: #ffffff;
    font-size: 22px;
}
    
   .navigation-manual1 {
            position: absolute;
        width: 60%;
        margin-top: -4vh;
        left: 10vh;
        display: flex;
        justify-content: center;
}
   
    .slides1 {
    display: flex;
    width: calc(100% * 7); /* El total es 7 slides (6 originales + 1 duplicada) */
    height: 100%;
    transition: all 1s ease;
}
    .slide1 img {
    width: 100vw ;
    height: 40vh ;
    object-fit: initial; /* Mantener la proporción de las imágenes */
}
    .modal_img{
        cursor: pointer; max-width: 100%;
    }
    #ch {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #e73189;
        font-size: 15vw;
        line-height: .7;
    }

    #text_desc_chips {
        font-family: 'SkippySharp', cursive;
        color: #adc90c;
        font-size: 6.5vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }
    #text_desc_chips_simbol {
        font-family: 'segoe print', cursive;
        color: #adc90c;
        font-size: 6.5vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }
     #gom_chu, #gom_chu_simbol {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        display: inline-block;
        color: #e95a06; 
        font-size: 9vw;
        line-height: .7;
    }

     #gom_chu_simbol {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        display: inline-block;
        color: #50b7c7;
        font-size: 9vw;
        line-height: .7;
    }

    #text_desc_gom_chu {
        font-family: 'SkippySharp', cursive;
        color: #f5b53f;
        font-size: 7.5vw;
        top: .7em;
        position: relative;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #pal1{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #03402D; 
        font-size: 15vw;
        line-height: .7;
    }

    #text_desc_pal1 {
        font-family: 'SkippySharp', cursive;
        color: #7d4681;
        font-size: 6.5vw;
        position: relative;
        right: -24vw;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #puff, #puff_2{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        display: inline-block;
        color: #03402D; 
        font-size: 14vw;
        line-height: .7;
    }

    #puff_2{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        display: inline-block;
        color: #db6c3e; 
        font-size: 14vw;
        line-height: .7;
    }

    #puff_3{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #7d4682; 
        font-size: 14vw;
        line-height: .7;
    }

    #text_desc_puff {
        font-family: 'SkippySharp', cursive;
        color: #03402D;
        font-size: 6.5vw;
        position: relative;
        right: -26vw;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #ch_2 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #62aeba;
        font-size: 18vw;
        line-height: .7;
    }

    #text_desc_chips_2 {
        font-family: 'SkippySharp', cursive;
        color: #f5b43f;
        font-size: 7.5vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #ch_3 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #073e2d;
        font-size: 18vw;
        line-height: .7;
    }

    #text_desc_chips_3 {
        font-family: 'SkippySharp', cursive;
        color: #999f34;
        font-size: 7.5vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #ch_4 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #7d4682;
        font-size: 18vw;
        line-height: .7;
    }

    #text_desc_chips_4 {
        font-family: 'SkippySharp', cursive;
        color: #db6c3e;
        font-size: 7.5vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #ch_5 {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #073e2d;
        font-size: 18vw;
        line-height: .7;
    }

    #text_desc_chips_5 {
        font-family: 'SkippySharp', cursive;
        color: #db6c3e;
        font-size: 7.5vw;
         position: relative;
        right: -24vw;
        display: inline-block;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #text_desc_chips_6 {
        font-family: 'SkippySharp', cursive;
        color: #50b7c7;
        font-size: 7.5vw;
        display: inline-block; position: relative;
        right: -24vw;
        transform: translateX(-18px);
        transform: translateY(-26px);
    }

    #tex_ico {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #26b6f7;
        font-size: 17vw;
        position: relative;
        top: -1.1em;
        letter-spacing: -2.05em;
        bottom: 0px;
        margin-bottom: 0px;
        z-index: 2;
    }

    #text_desc_gminchunk {
        font-family: 'Patrick Hand', cursive;
        color: #ffc62d;
        font-size: 7.5vw;
        display: inline-block;
        top: -2.3em;
        position: relative;
    }

    .pal_air {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #024b29;
        font-size: 18vw;
        line-height: 0;
        display: inline-block;
        position: relative;
        z-index: 1;
        right: 6em;
    }

    #text_desc_pal_air {
        right: 13.4em;
        font-family: 'Patrick Hand', cursive;
        color: #7D4681;
        font-size: 16vw;
        display: inline-block;
        top: 0.7em;
        position: relative;
    }

    .pfs {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #024b29;
        font-size: 18vw;
        line-height: 0;
        display: inline-block;
        position: relative;
        z-index: 1;
        left: 7em;
    }
    
    .ma_pfs {
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #ff7b25;
        font-size: 18vw;
        line-height: 1.2;
        display: inline-block;
        z-index: 1;
        position: relative;
        left: 7.2em;
    }
    
    .hor_pfs {
        left: 2.3em;
        font-weight: bold;
        right: 13.4em;
        font-family: 'AcuminProCondensedBlack', cursive;
        color: #7D4681;
        font-size: 10.4vw;
        display: inline-block;
        top: 0.9em;
        position: relative;
    
    }
    #text_desc_pfs {
        font-family: 'SkippySharp', sans-serif;
        color: #024b29;
        font-size: 10.6vw;
        position: relative;
        top: -0.2em;
        /* letter-spacing: -2.05em; */
        bottom: 0px;
        margin-bottom: 0px;
        z-index: 2;
        left: 5.2em;
    }
    
    #ch_gar {
        font-family: 'AcuminProCondensedBlack', sans-serif; /* Asegúrate de usar la fuente correcta */
        color: #26b6f7; /* Color rosa */
        font-size: 21vw; /* Ajuste responsivo */
    }
    
    #text_desc_chps_gar {
        font-family: 'SkippySharp', cursive;
        color: #ffc62d;
        font-size: 7.2vw;
        display: inline-block;
        top: -.9em;
        position: relative;
        right: 1.7em;
    }

    #tex_pal_air{
        right: 3.4em;
        font-family: 'SkippySharp', cursive;
        color: #ffc62d;
        font-size: 15vw;
        display: inline-block;
        top: 0.7em;
        position: relative;
    }

    .text_hor_pfs{
        left: -2.6em;
        font-weight: normal;
        right: 13.4em;
        font-family: 'AcuminProCondensedBlack', cursive;
        color: #7D4681;
        font-size: 10.2vw;
        display: inline-block;
        top: 0.9em;
        position: relative;
    }

    .text_ma_pfs{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #ff7b25;
        font-size: 11.5vw;
        line-height: 1.2;
        display: inline-block;
        z-index: 1;
        position: relative;
        left: 2.5em;
    }
    
    .text_pfs{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #024b29;
        font-size: 11.5vw;
        line-height: 0;
        display: inline-block;
        position: relative;
        z-index: 1;
        text-align: center;
        left: 2.4em;
    }

    #tex_despfs{
        font-family: 'SkippySharp', sans-serif;
        color: #024b29;
        font-size: 11.6vw;
        position: relative;
        top: -0.3em;
        /* letter-spacing: -2.05em; */
        bottom: 0px;
        margin-bottom: 0px;
        z-index: 2;
        left: 1.1em;
    }
    
    .img_fff{
        max-width: 60%;
        margin: 60px;
    }

    #tex_pal_air_2{
        right: 3.4em;
        font-family: 'Patrick Hand', cursive;
        color: #26b6f7;
        font-size: 15vw;
        display: inline-block;
        top: 0.7em;
        position: relative;
    }
    
    .text_pal_air_title{
        font-family: 'AcuminProCondensedBlack', sans-serif;
        color: #024b29;
        font-size: 10vw;
        display: inline-block;
    }

    .text_pro_des_carrusel{
        font-family: 'SkippySharp', cursive;
        color: #68893B;
        font-size: 9.6vw;
    }

    .text_grama_des_carrusel{
        font-family: 'AcuminProCond-Regular', sans-serif;
        color: #073E2D;
        font-size: 7.2vw;
        font-weight: normal;
    }
    
    
     .text_home{
    width: 67vw !important;
    height: 9vh !important;
    object-fit: cover !important; /* Mantener la proporción de las imágenes */
    border-radius: 0 !important;
}
.text-overlay {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    padding: 20px;
    border-radius: 10px;
}

    .text-overlay h2 {
        font-family: 'SkippySharp', sans-serif;
        background-color: rgba(3, 64, 45); 
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 4rem;
font-family: 'SkippySharp', sans-serif;
        background-color: rgba(3, 64, 45); 
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 2rem;
    }

    .text-overlay p {
        font-family: 'SkippySharp', sans-serif;
        background-color: rgba(3, 64, 45); 
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 4rem;
font-family: 'SkippySharp', sans-serif;
        background-color: rgba(3, 64, 45); 
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 2rem;
    }
}

.img_m{
    position: relative;
    top: 6vh;
  }

  .img_mn{
    position: relative;
    top: 7vh;
  }

  .img_mwn{
    position: relative;
    top: 4vh;
  }
  
  .products-list ul {
    width: 195vh;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0;
    margin: 0;
  }

  .product-item {
    flex: 1 1 calc(25% - 1rem); /* 4 items per row */
    max-width: calc(25% - 1rem);
    background: #ffffff00;
    transition: transform 0.3s ease;
  }

  .product-item:hover {
    transform: scale(1.05);
  }


  @media (max-width: 768px) {
    
    .products-list ul {
      width: 43vh;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0;
    margin: 0;
  }
    .product-item {
      height: 55vh;
      flex: 1 1 calc(50% - 1rem); /* 2 items per row on tablets */
      max-width: calc(50% - 1rem);
    }
  }

  @media (max-width: 480px) {
   
    .products-list ul {
      width: 43vh;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0;
    margin: 0;
  }
    .product-item {
      height: 55vh;
      flex: 1 1 100%; /* 1 item per row on small screens */
      max-width: 100%;
    }
  }

  .text_img_carrusel{
      position: relative;
      left: 1vh;
      padding-top: 60px;
      width: 90vw;
      height: 60vh;
    }