*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  scroll-behavior: smooth;
}

/*---UTILIDADES*/
.w100{
    width: 100%;
    max-width: 1400px;
    margin: auto;
    padding: 0px 15px;
}
.bg-gry-ligh{
    background-color: var(--color-gray-light);
}

section{
    padding: 60px 0px;
}
.container-title{
  text-align: center;
  padding-bottom: 50px;

}
.mg{
    margin: 15px 0px;
}
.pb{
    padding-bottom: 10px;
}


.navegacion-link{
    display: flex;
    gap: 10px;
    align-items: center;

    padding: 10px 0px;

    color: var(--color-secondary);
    flex-wrap: wrap;
    margin-top:10px;
    font-size:14px;
}

.navegacion-link-borde{
    border-bottom: 1px solid var(--color-placeholder);
}
.navegacion-link .navegacion-active{
    color: var(--color-primary);
}
.navegacion-link a{
    color: var(--color-secondary);
}

.navegacion-link a:hover {
  color: var(--color-primary);
}

.separatorNaveLink{
    height:0.5px;
    background-color:var(--color-gray-light);
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}


.separador{
    height: 0.5px;
    width:100%;
    background-color: var(--color-gray-light);
    margin-bottom: 20px;
}




.title-flash-reutilizable{
    background-color: var(--color-white);
    text-align: center;
    color: var(--color-primary);
    font-weight: 900;
    font-style: italic;
    font-size: 40px;
    padding:5px 10px;
    line-height: 1.2;
}

.sub-title-flash{
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    margin-top: 30px;
    font-weight: 700;
    font-style: italic;
    gap: 8px;
    margin-bottom:10px;
}

.sub-title-flash p{
    font-size: 22px;
    transition: all ease .3s;
}

.sub-title-flash:hover p{
    color: var(--color-secondary-hover);
}


.subtitle{
  background-color: var(--color-primary);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 75px;
  border-radius: 14px;
  color: var(--color-white);
  font-size: 22px;
  font-weight: 400;
}

a{text-decoration:none;color:var(--color-secondary);}


/**/
/* ===== SECCIÓN: NUESTRAS LÍNEAS ===== */
.logos-container {
    margin: 0 auto;
    padding: 0 66px;
    position: relative;
}

.logos-swiper {
    width: calc(100% - 20px);
    margin: 0 auto;
    padding: 10px 0px;
    overflow: hidden;
}

.logos-wrapper {
    display: flex;
    align-items: center;
}

.logo-item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px 0px;
}

.logo-img {
    width: auto !important;
    height: auto;
    transition: all 0.3s ease;
    margin: auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px;
    max-width: 315px;
    max-height: 122px;
}

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

.logos-swiper-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: var(--color-primary);
    border-radius: 50%;
    color: var(--color-white);
    transition: all 0.3s ease;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.logos-swiper-nav:hover {
    background-color: var(--color-primary-hover);
    transform: translateY(-50%) scale(1.1);
}

.logos-swiper-nav.next { right: 10px; font-size: 1.6rem; }
.logos-swiper-nav.prev { left: 10px; font-size: 1.6rem; }
.logos-swiper-nav::after { content: ''; }

/* Responsive logos */
@media (max-width: 992px) { .logos-container { padding: 0 60px; } }
@media (max-width: 768px) {
    .logos-container { padding: 0 40px; }
    .logos-swiper { width: calc(100% - 20px); }
    .title-flash-reutilizable{font-size:35px;}
}
@media (max-width: 576px) {
    .logos-container { padding: 0 20px; }
    .logos-swiper { width: calc(100% - 80px); }
}
@media (max-width: 500px) {
    .logo-img { width: 170px !important; height: auto; }
    .title-flash-reutilizable{font-size:30px;}
}






.viewdetailss{
    padding:5px;
    background-color:var(--color-primary);
    color:var(--color-white);
    width:100%;
    display:block;
    text-align:center;
    border-radius:5px;
    margin-top:5px;
    margin-bottom:10px;
    transition: all ease .3s;
    cursor:pointer;
}

.viewdetailss:hover{
    background-color:var(--color-primary-hover);
}





        .products-container {
            margin: 0 auto;
            padding: 0 80px;
            position: relative;
        }


        .products-swiper {
            width: calc(100% - 20px);
            margin: 0 auto;
            padding: 20px 0;
            overflow: hidden;
        }

        .products-wrapper {
            display: flex;
            align-items: stretch;
        }

        .products-wrapper a{
            text-decoration:none;
            width: 100%; /*IMPORTANTE NOS FUNCIONA*/
        }

        .product-item {
            display: flex;
            flex-direction: column;
            height: 100%;
            background: var(--color-white);
            border-radius: 10px;
            overflow: hidden;
            border: 2px solid var(--primary);
            transition: all 0.3s ease;
        }

        .product-item:hover{
            border-color:var(--primaryhover);box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        }


        .products-container .product-image-container{
            height: auto;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            background: var(--color-white);
            padding-top: 20px;

            /**/
            position: relative;
        }

        .product-image-container .product-image{
            margin-top:20px;
            width:80%;
            overflow: hidden;
        }

        .product-image img{
            width:100%;
        }



        .etiquetas-prod{
            position: absolute;
            font-size: 12px;
            margin: 5px 8px;
            color: var(--color-white);
        }
        .one{
            top: 4px;
            left: 8px;
            background-color: var(--color-primary);
            padding: 2px 8px;
            border-radius: 5px;
        }

        .two{
            top: 4px;
            right:  8px;
            padding: 2px 7px;
            border-radius: 5px;
            font-weight: 500;
        }

        .oferta{
            top: 4px;
            right:  8px;
            padding: 5px 7px;
            border-radius: 5px;
            text-transform: uppercase;
            font-weight:400;
        }



        .products-container .product-content {
            /*padding: 1.5rem;
            padding-bottom:5px;
            flex-grow: 1;
            display: flex;
            justify-content: center;
            flex-direction: column;*/

                text-align: left;
            padding: 10px 10px;
        }

        .products-container .product-name {
            font-size: 17px;
            color: var(--color-secondary);
            font-weight: 500;
            margin-bottom: 0.5rem;
            line-height: 1.3;
            min-height:45px;
            display:flex;
            align-items:center;
            transition: all ease .3s;
        }

        .product-name-subtitle{
            color: var(--color-secondary);
            font-style: italic;
            font-size: 12px;
            padding-bottom: 8px;
        }

        .product-item:hover .product-name{
            color:var(--color-primary);
        }


        .btn-price-prod{
            display: flex;
            justify-content: space-between;
            gap: 10px;
            align-items: center;
            font-size: 14px;
        }
        .btn-price-prod span{
            padding: 4px 8px;
            border-radius: 5px ;
        }
        .btn-price-prod span:nth-child(1){
            background-color: var(--color-primary);
            color: var(--color-white);
        }
        .btn-price-prod span:nth-child(2){
            color: var(--color-secondary);
            text-decoration: line-through;
            font-weight: 500;
        }
        .subtitle-nuevo{
            padding: 0px 50px;
            letter-spacing:2px;
        }

        /* Flechas de navegación */
        .products-swiper-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            /*background-color: var(--primaryhover);*/
            border-radius: 50%;
            color: var(--color-white);
            transition: all 0.3s ease;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .products-swiper-nav:hover {
            /*background-color: var(--primary);*/
            color: var(--color-white);
            transform: translateY(-50%) scale(1.1);
        }

        .products-swiper-nav.next {
            /*right: 10px;*/
            right: 30px;
            font-size:1.6rem;
        }

        .products-swiper-nav.prev {
            /*left: 10px;*/
            left: 30px;
            font-size:1.6rem;
        }

        .products-swiper-nav::after {
            content: '';
        }



        /*Flex botones y stock*/
          .product-gray-box {
            display:flex;
            flex-direction: column;
            padding:20px;
            padding-top:0px;
        }

        .stock-info {
            display: flex;
            width:100%;
            justify-content:center;
            flex-wrap: wrap;
            gap:10px;
            margin-bottom: 8px;
            padding-bottom:5px;
        }

        .stock-label{
            font-size: 12px;
            color: var(--white);
            text-transform: uppercase;
            background-color:var(--primaryhover);
            padding:2px 15px;
            border-radius:5px;
            padding-top:3px;
        }

        .stock-code {
            font-size: 12px;
            background-color: var(--grayextralight);
            border: 1px solid #DFDDDD;
            color: var(--color-black);
            padding:2px 7px;
            padding-top:3px;
            border-radius:5px;
        }

        .stock-code span{
            color:var(--primary);
        }

        .actions-container {
            display: flex;
            align-items: center;
            gap:10px;
        }

        .details-button {
            padding:10px 10px;
            background-color: var(--grayextralight);
            border: 1px solid #DFDDDD;
            color: var(--color-black);
            font-size: 16px;
            font-weight:600;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            flex-grow: 1;
            text-align: center;
        }

        .details-button:hover {
            background-color: var(--primary);
            color: var(--color-white);
        }

        .whatsapp-icon {
            padding:6px 15px;
            border-radius:4px;
            background-color:#27A11A;
            color:var(--color-white);
            font-size:22px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .whatsapp-icon span{
            display:none;
        }


        .whatsapp-icon:hover {
            background-color:#1dab0d;
        }
        /*estilos nuevos*/
         .seccion-nuevo-prod {
            /*padding: 40px 0;*/
            background-color: var(--color-primary);
        }

        .container-flex-nuevo-prod {
            display: flex;
            align-items: center;
            gap: 20px;
            width: 100%;
        }

        /* ── COLUMNA IZQUIERDA ── */
        .container-info-nuevo {
            width: 30%;
            min-width: 220px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap:10px;

        }

        .texto-lo-mas {
            color: var(--color-white);
            font-size: 35px;
            font-style: italic;
            font-weight: 500;
            margin: 0;
        }

        /* El badge "NUEVO" con fondo blanco rotado */
        .badge-nuevo {
            background-color: var(--color-white);
            color: var(--color-primary);
            font-size: 36px;
            font-weight: 900;
            font-style: italic;
            padding: 4px 60px;
            border-bottom-right-radius:20px;
            border-top-right-radius:20px;

            display: inline-block;
            letter-spacing: 1px;
        }

        .btn-ver-mas {
            background-color: var( --color-secondary-hover);
            color: var(--color-white);
            padding: 10px 35px;
            border-radius: 30px;
            text-decoration: none;
            font-size: 18px;
            font-style: italic;
            font-weight: 500;
            margin-top: 8px;
            font-weight: 500;
            transition: all ease .3s;
        }

        .btn-ver-mas:hover {
            background-color: var( --color-secondary);
        }

        /* ── COLUMNA SWIPER ── */
        .container-swiper-nuevos-prod {
            flex: 1;
            overflow: hidden;
        }

        .padding-lef{
            margin-left: 115px;
        }



        /* Responsive */

        @media (max-width:1200px ) {
         .badge-nuevo{
           padding: 4px 30px;

         }

         .padding-lef {
                margin-left: 84px;
            }

            .container-info-nuevo{
                width: 28%;
            }
        }

        @media (max-width:1185px){
            .details-button{
                padding: 10px 7px;
                font-size: 14px;
            }
        }


        @media (max-width:1148px){
           .stock-label{
                padding:2px 10px;
                font-size: 10px;
           }
           .stock-code{
                padding:2px 10px;
                font-size: 10px;
           }
        }


        @media (max-width:1115px){
            .whatsapp-icon{
                padding: 10px 12px;
                font-size: 15px;
            }
        }

         @media (max-width:1060px){
            .details-button{
                font-size: 12px;
            }
        }

        @media (max-width:1000px ) {
            .badge-nuevo {
                padding: 4px 20px;
            }
        }

        @media (max-width:900px ) {
         .subtitle-nuevo{
            padding: 0px 20px;
         }
         .padding-lef {
            margin-left: 45px;
        }
        .badge-nuevo {
            padding: 4px 24px;
        }
        }

        @media (max-width: 992px) {
            .product-content{
                padding: 1.3rem;
            }
        }
        @media (max-width:850px ) {
         .container-swiper-nuevos-prod {
            flex: 1;
            overflow: hidden;
        }
        .container-info-nuevo {
            width: 39%;
        }
        }


        @media (max-width:834px){
           .stock-label{
                padding:2px 6px;
                padding-top:4px;
                font-size: 8px;
           }
           .stock-code{
                padding:2px 8px;
                font-size: 10px;
           }
        }




        @media (max-width:800px){
            .whatsapp-icon{
                padding:10px;
                font-size: 14px;
            }
        }


         @media (max-width:783px){
            .details-button{
                font-size:11px;
            }
        }




        @media (max-width: 768px) {
            .products-swiper {
                width: calc(100% - 20px);
            }

            .product-content {
                padding: 1.2rem;
            }


            .navegacion-link{font-size:14px;}


            .whatsapp-icon {
                padding:6px 15px;
                font-size:22px;
            }

            .details-button {
                padding:10px 10px;
                font-size: 16px;
            }


             .stock-label{
                padding:2px 8px;
                padding-top:3px;
                font-size: 10px;
             }

             .stock-code{
                padding:2px 8px;
                font-size: 11px;
             }

        }


        @media (max-width: 678px) {
            .whatsapp-icon {
                font-size:20px;
            }

            .details-button {
                font-size: 14px;
            }
            .products-container {
                padding: 0 60px;
            }
        }


        @media (max-width: 650px) {
            .whatsapp-icon {
                font-size:18px;
            }

            .details-button {
                font-size: 13px;
            }

            /*aca*/
            .container-info-nuevo {
                width: 32%;
            }
        }


        @media (max-width: 630px) {
            .whatsapp-icon {
                padding:6px 10px;
                font-size:16px;
            }

            .details-button {
                font-size: 12px;
            }
        }



        @media (max-width: 605px) {
            .stock-info{gap:5px;}
            .stock-label{
                padding:2px 6px;
                padding-top:5px;
                font-size:8px;
             }

             .stock-code{
                padding:2px 8px;
                font-size: 10px;
             }
        }


        @media (max-width: 576px) {
            .products-container {
                padding: 0 20px;
            }

            .products-swiper {
                width: calc(100% - 100px);
            }

            .products-swiper-nav {
                width: 40px;
                height: 40px;
            }

            .products-container .product-content{
                padding: 0.7rem;

            }
            .products-container .product-name {
                font-size: 13px;
            }

            .navegacion-link{font-size:12px;}

        }

        @media (max-width:540px ) {
         .container-flex-nuevo-prod{
            flex-direction: column;
            gap: 30px;
         }
         .container-swiper-nuevos-prod, .container-info-nuevo{
            width: 100%;
         }
         .products-container{
            padding: 0px 50px;
         }

         .badge-nuevo{
            width: auto;
            border-radius:20px;
         }
         .container-info-nuevo{
            align-items: center;
            gap:12px;
         }
         .padding-lef{
            margin-left: 0px;
         }
         .subtitle-nuevo{
            text-align: center;
            padding: 0px;
         }

         .products-swiper-nav.next {
            right: 10px;
        }

        .products-swiper-nav.prev {
            left: 10px;
        }

        }


          @media (max-width:535px) {
            .product-gray-box{
                padding:12px;
                padding-top:0px;
            }

            .actions-container{
                gap:5px;
            }

            .whatsapp-icon {
                padding:6px 10px;
                font-size:14px;
            }

            .details-button {
                padding:8px 8px;
                font-size:11px;
            }

            .stock-label{
                padding:2px 6px;
                padding-top:4px;
                font-size:7.5px;
             }
             .stock-code{
                font-size:8px;
                padding-top:3px;
             }
        }



          @media (max-width:466px) {
             .whatsapp-icon {
                padding:4px 8px;
            }

            .details-button {
                padding:5px 8px;
            }

            .stock-code{
                width:auto;text-align:center;
            }

            .products-container .product-name{
                font-size:15px;margin-bottom: 0;
            }

          }


          @media (max-width:458px) {
             .whatsapp-icon {
                 font-size:12px;
            }

            .details-button {
                font-size:10px;
            }

          }



          @media (max-width:440px) {
            .actions-container{
                flex-wrap:wrap;
            }
            .product-gray-box .whatsapp-icon{
                width:100%;
                display:flex;
                align-items:center;
                gap:5px;
                justify-content:center;
            }

            .product-gray-box .whatsapp-icon span{
                display:flex;
            }

            .product-gray-box.stock-code{
                font-size:7px;
            }

            .products-swiper{
                width: calc(100% - 100px);
            }
          }

          @media (max-width:400px ) {
           .products-container{
                padding: 0px 20px;
            }
          }


        @media (max-width:369px) {
            .details-button{
                font-size:12px;
                padding:10px;
            }


            .whatsapp-icon{
                width:auto;
                font-size:15px;
                padding:12px;
            }

            .whatsapp-icon span{
                display:none;
            }

            .stock-label{font-size:9px;padding-top:5px;}

            .stock-code{
                width:auto;font-size:10px;
            }
        }


/*GRID IMAGENES*/
/*esto es grid de las iamgenes de publicidad*/
.banner-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      width: 100%;
    }

    .banner-bottom {
      grid-column: 1 / -1; /* ocupa las 2 columnas */
    }

    .banner-grid img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }


/*fin de las imagenes de publicicadd*/

@media (max-width:600px ) {
 /*imagenes de publicidad*/
  .banner-grid {
        grid-template-columns: 1fr; /* 1 sola columna */
      }

      .banner-bottom {
        grid-column: 1; /* ya no necesita span */
      }
      /*fin*/

  .container-info-subscribete{
        width: 100%;
  }
}


/*swipper tipos de productos*/
   /* ESTILOS PARA EL SLIDER DE CATEGORÍAS */
        .categories-section {
            width: 100%;
            position: relative;
        }

        .categories-container {
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
        }


        .categories-swiper {
            width: calc(100% - 100px);
            margin: 0 auto;
            overflow: hidden;
        }

        .categories-wrapper {
            display: flex;
            align-items: center;
        }

        .category-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            width: 100%;
        }
        .categories-swiper .categories-wrapper .flex-categoria{
            display: flex;
            align-items: center;
        }
        .category-circle {
            width: 200px;
            height: 100%;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
           /* margin-bottom: 15px;*/
            transition: all 0.3s ease;
        }

        .category-img{
            mix-blend-mode: multiply;

        }

        .category-name {
            color: var(--color-primary);
            text-align: center;
            font-size: 1.2rem;
            font-weight: 500;
            transition: color 0.3s ease;
            padding: 0 5px;
            line-height: 1.5;
            min-height: 2.5em;
            overflow: hidden;
            transition: all ease .3s;
        }


        .category-circle:hover .category-name{
            color:var(--color-secondary);
        }



        /* ESTILOS PARA LAS FLECHAS DE CATEGORÍAS */
        .categories-swiper-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            background-color: var(--color-primary);
            border-radius: 50%;
            color: var(--color-white);
            transition: all 0.3s ease;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border: 2px solid var(--primary);
        }

        .categories-swiper-nav:hover {
            background-color: var(--color-primary);
            color: var(--color-white);
            transform: translateY(-50%) scale(1.1);
        }

        .categories-swiper-nav.next {
            right: 10px;
        }

        .categories-swiper-nav.prev {
            left: 10px;
        }

        .categories-swiper-nav::after {
            content: '';
        }



        /* Ajustes responsive para el nuevo diseño */
        @media (max-width: 1200px) {
            .category-circle {
                width: 120px; /* Reducido de 110px */
               /* height: 120px; /* Reducido de 110px */
                padding: 15px; /* Reducido de 20px */
                height: 100%;

            }
        }

        @media (max-width: 992px) {
            .category-name {
                font-size: 0.7rem; /* Reducido de 0.8rem */
                min-height: 2.7em;
            }
        }

        @media (max-width: 768px) {
            .category-circle {
                padding: 12px; /* Reducido de 15px */
            }

            .category-name {
                font-size: 0.9rem;
                min-height:3em;
            }
        }
         /* Ajustes específicos para móvil (576px o menos) */
        @media (max-width: 576px) {
            .categories-container{
                padding:0px 20px;
            }
            .categories-swiper {
                width: calc(100% - 60px); /* Más espacio para flechas */
            }

            .category-circle {
                width: 115px;
                /*height: 115px;*/
                height: 100%;
            }

            .category-name {
                min-height: 3em;
                overflow: hidden;
                /*margin-top: 5px;*/
            }

            .categories-swiper-nav {
                width: 40px;
                height: 40px;
            }


            /* Asegurar que solo se muestren 2 slides */
            .categories-swiper .swiper-slide {
              /*  width: calc(50% - 10px) !important;*/
              width: 100%;
                margin-right: 10px;
            }


            .categories-swiper .swiper-slide{
                margin-left:5px;
            }
        }



        @media (max-width:355px) {
             .category-circle {
                width: 105px;
               /* height: 105px;*/
               height: 100%;
            }
        }
        /****/


/*imagen con formulario de subcripcion*/
 .bg-beach{
        background-color: var( --color-primary-light);
    }
    /**nosootrosn*/
    .container-flex-subcribete{
        display: flex;
        gap: 30px;
        align-items: center;
    }
    .container-img-portada-sub{
        width: 35%;
        max-width: 525px;
    }
    .container-img-portada-sub img{
        display: block;
        width: 100%;
        height: 100%;
    }
    .container-info-subscribete{
        width: 65%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 20px;
    }
    .container-info-subscribete h2{
        color: var(--color-primary);
        font-size: 28px;
        font-weight: 600;

    }
    .container-info-subscribete .parrafo1{
        font-size: 18px;
        color: var(--color-secondary);
        font-weight: 400;
        font-style: italic;
        text-align: center;
        text-align: center;
    }
    .container-info-subscribete .parrafo2{
        color: var(--color-secondary);
         font-weight: 400;
        font-style: italic;
        text-align: center;
    }

    .container-form{
        display: flex;
        align-items: center;
        gap: 20px;
        width: 90%;
        margin: auto;
        padding: 0px 85px;

    }
    .container-form input{
        width: 100%;
        border: none;
        border-radius: 10px;
        border: 2px solid var(--color-primary);
        padding: 8px 5px;
        outline: none;
    }
    .container-form button{
         border: none;
         padding: 8px 10px;
         border-radius:10px;
         background-color: var(--color-primary);
         color: var(--color-white);
         font-size: 18px;
         font-style: italic;
         cursor: pointer;
         transition:all ease .3s;
    }

     .container-form button:hover{
        background-color: var(--color-primary-hover);
     }


    @media (max-width: 1234px) {
     .container-info-subscribete .parrafo1{
        font-size: 17px;
     }
     .container-form{
        padding: 0px 70px;
     }
    }
@media (max-width: 1100px) {
     .container-img-portada-sub{
        width: 40%;
     }
     .container-info-subscribete{
        width: 65%;
     }
    }
    @media (max-width:900px ) {
     .container-img-portada-sub{
        width: 45%;
     }
     .container-info-subscribete .parrafo1{
        font-size: 15px;
     }
     .container-form{
        padding: 0px 60px;
     }
    }


@media (max-width:800px ) {
     .container-flex-subcribete{
        flex-direction: column;
        gap: 30px;

     }
     .container-img-portada-sub{
        width: 100%;
     }
     .container-info-subscribete{
        width: 80%;
        margin-bottom: 30px;
     }
     .container-form{
        padding: 0px;
     }
      .container-info-subscribete .parrafo2{
        font-size:14px;
    }
    }

    @media (max-width:600px ) {
     .container-info-subscribete{
        width: 100%;
        }
    }

    @media (max-width:500px ) {
     .container-form{
        flex-direction: column;
        gap: 10px;
     }
     .container-form input{
        width: 100%;
     }
    .container-form button{
        width: 100%;
    }
    .container-info-subscribete .parrafo2{
        font-size:12px;
    }
    }







    /*nosootros*/
/*fin */