/* Tipografía base */
body, p, span {
  font-family: "Mulish", sans-serif;
  letter-spacing: 0;
  margin-bottom: .45em;
  font-size: 16px;
  font-weight: 400;
  color: #1E1E1E;
  line-height: 150%;
}


span {
  background-color: transparent !important;
}


/* Encabezados */
h1, h2, h3, h4, h5, h6 {
  font-family: "Mulish", sans-serif;
  letter-spacing: 0;
  margin-bottom: .65em !important;
  line-height: 100%;
}

h1 { font-size: 40px !important; font-weight: 900 !important; color: #019595}
h2 { font-size: 32px !important; font-weight: 600 !important; color: #019595}
h3 { font-size: 26px !important; font-weight: 800 !important; color: #019595}
h4 { font-size: 20px !important; font-weight: 800 !important; }
h5 { font-size: 17px !important; font-weight: 800 !important; }
h6 { font-size: 14px !important; font-weight: 400 !important; }

span {
  font-size: 17px;
}


.blue-primary{
  color: #396582;
}

.bg-blue-primary{
  background: #396582;
}

.blue_claro{
  color: #72C7BE;
}

.blue-ff{
  color: #019595 !important;
}

.bg-blue-ff{
  background: #019595;
}

.black{
  color: #262828;
}

.white{
  color: #FCFCFC;
}


.bg-blue-pale{
  background: #F1FAF9;
}

.text-gray{
    color: #5A5A5A;
}


.line-clamp-3-fallback {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* Limita a 3 líneas */
}


.aspect-video{
    aspect-ratio: 20 / 9 !important;
}

/* Responsive: tablets */
@media (max-width: 1024px) {
  body, p, span { font-size: 15.5px; }
  h1 { font-size: 38px !important;}
  h2 { font-size: 30px !important;}
  h3 { font-size: 24px !important;}
  h4 { font-size: 18px !important;}
  h5 { font-size: 16px !important;}
  h6 { font-size: 13px !important;}
  
}

/* Responsive: móviles medianos */
@media (max-width: 768px) {
  body, p, span { font-size: 15px; }
  h1 { font-size: 38px !important;}
  h2 { font-size: 30px !important;}
  h3 { font-size: 24px !important;}
  h4 { font-size: 18px !important;}
  h5 { font-size: 16px !important;}
  h6 { font-size: 13px !important;}

    .spot-1 {
        width: 0 !important;
        height: 0 !important;
        top: 0px !important;
        left: 0px !important;
    }

    .spot-2 {
        width: 0 !important;
        height: 0 !important;
        bottom: 0% !important;
        right: 0px !important;
    }

    .spot-3 {
        width: 0% !important;
        height: 0% !important;
        left: 0% !important;
        filter: blur(100px); /* Un blur un poco menor */
    }
     
}

/* Responsive: móviles pequeños */
@media (max-width: 480px) {
   h1 { font-size: 36px !important;}
    h2 { font-size: 28px !important;}
    h3 { font-size: 22px !important;}
    h4 { font-size: 17px !important;}
    h5 { font-size: 16px !important;}
    h6 { font-size: 13px !important;}
}

/* Contenedor */
.container {
  padding: 15px;
}




/*Index*/
    .card-shadow {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    }
    
    .green-gradient {
        background-image: linear-gradient(to right, #e2f7d5, #c8e8af);
    }
    
    .blue-gradient {
        background-image: linear-gradient(to right, #d4f2ff, #bce4f7);
    }
    .card-nutraceutico {
        background-image: url('../img/index/industrias/nutraceutico.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .card-alimen {
        background-image: url('../img/index/industrias/alimenticio.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .card-cosme{
        background-image: url('../img/index/industrias/cosmetica.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .card-vete{
        background-image: url('../img/index/industrias/veterinaria.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .card-farma{
        background-image: url('../img/index/industrias/farmaceutica.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .card-veterinaria {
        background-color: #d4f2ff;
    }
    .arrow-circle {
        border-radius: 9999px;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .swiper-button-prev, .swiper-button-next {
        position: relative;
        margin: 0 1rem;
        width: 40px !important;
        height: 40px !important;
        border: 1px solid #396582;
        border-radius: 9999px;
        color: transparent !important;
        padding: 8px;
    }
    .swiper-button-prev::after, .swiper-button-next::after {
        font-size: 1rem !important;
        font-weight: bold;
    }

    .swiper-pagination, .swiper-pagination-current, .swiper-pagination-total{
        color: #009494 !important;
    }

     .swiper-button-next:after, .swiper-button-prev:after{
        display: none;
    }

    .swiper-pagination-products span{
        margin: 0px !important;
    }

    .swiper-pagination-current{
         margin: 0px !important;
    }

    .swiper-pagination-total{
         margin: 0px !important;
    }

    .swiper-button-next, .swiper-button-prev {
    svg { 
        fill: transparent !important; 
    }

/*Nosotros*/        
    .hero-bg {
        background-image: url('https://images.unsplash.com/photo-1549480017-d7bc1050854d?q=80&w=1974&auto=format&fit=crop');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    /* Swiper overrides for custom pagination */
    .swiper-button-next, .swiper-button-prev {
        color: #4b5563; /* Tailwind gray-600 */
        width: 30px;
        height: 30px;
        background-color: white;
        border-radius: 50%;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    .swiper-button-next::after, .swiper-button-prev::after {
        font-size: 1rem;
        font-weight: bold;
    }

    .swiper-button-prev {
        left: 10px;
    }

    .swiper-button-next {
        right: 10px;
    }

    .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }


/*Contacto*/
    
/*Blog*/
    



/*Novedades - detalles*/


/*ol, ul {
    list-style: none !important;
}


.force-list ol {
    list-style: decimal !important;
    padding-left: 1.5rem;
}

.force-list ul {
    list-style: disc !important;
    padding-left: 1.5rem;
}
*/