/*-----------------------------Seccion_General--------------------------------------*/
body {
    background-color: #EEF4F9;
}


/* Boton de solicitar prueba (contacto) */
.btn1 {
    padding: 24px 0px 0px 0px;
}

/* Boton para cards de los productos en aplicaciones */
.btn_solicitar_prueba {
    background-color: #89F6A3;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-radius: 25px;
    width: 314px;
    height: 52px;
    padding-left: 55px;
    padding-right: 40px;
    text-decoration: none;
    text-align: left;
    transition: all 0.3s ease;
    margin: 0%;
}

.btn_solicitar_prueba:hover {
    background-color: #F5FAFF;
    border-style: solid;
    border-color: #313131;
    width: 334px;
    padding-left: 66px;
    padding-right: 50px;
    color: #313131;
}

.btn_solicitar_prueba:hover svg {
    transform: rotate(-45deg);
    /* Rotar 45 grados cuando se haga hover */
    transition: transform 0.3s ease;
    /* Agregar una transici��n suave */
}

.btn_solicitar_pruebaHover {
    background-color: #F5FAFF;
    border-style: solid;
    border-color: #313131;
    width: 334px;
    padding-left: 66px;
    padding-right: 50px;
    color: #313131;
}

.btn_solicitar_pruebaHover svg {
    transform: rotate(-45deg);
    /* Rotar 45 grados cuando se haga hover */
    transition: transform 0.3s ease;
    /* Agregar una transici��n suave */
}

/* Boton para cards de los productos en aplicaciones - version en ingles */
.btn_solicitar_prueba_en {
    background-color: #89F6A3;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-radius: 25px;
    width: 314px;
    height: 52px;
    padding-left: 60px;
    padding-right: 40px;
    text-decoration: none;
    text-align: left;
    transition: all 0.3s ease;
    margin: 0%;
}

.btn_solicitar_prueba_en:hover {
    background-color: #F5FAFF;
    border-style: solid;
    border-color: #313131;
    width: 334px;
    padding-left: 66px;
    padding-right: 50px;
    color: #313131;
}

.btn_solicitar_prueba_en:hover svg {
    transform: rotate(-45deg);
    /* Rotar 45 grados cuando se haga hover */
    transition: transform 0.3s ease;
    /* Agregar una transici��n suave */
}

.btn_solicitar_prueba_enHover {
    background-color: #F5FAFF;
    border-style: solid;
    border-color: #313131;
    width: 334px;
    padding-left: 66px;
    padding-right: 50px;
    color: #313131;
}

.btn_solicitar_prueba_enHover svg {
    transform: rotate(-45deg);
    /* Rotar 45 grados cuando se haga hover */
    transition: transform 0.3s ease;
    /* Agregar una transici��n suave */
}

/* Boton para descargar el PDF */

.btn_descargar_hoja_seguridad{
    background-color: #EEF4F9;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-radius: 25px;
    width: 314px;
    min-width: 314px;
    height: 53px;
    text-decoration: none;
    text-align: center;
}

.btn_descargar_hoja_seguridad:hover{
    background-color: #DCE6EF;
    color: #313131;
    font-family: "Lexend Deca", sans-serif;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    border-radius: 25px;
    width: 314px;
    min-width: 314px;
    height: 53px;
    text-decoration: none;
    text-align: center;
}

/*-----------------------------Termina_General--------------------------------------*/

/*-----------------------------Section_1--------------------------------------*/
.contenedor_fondo_sec1 {
    height: auto;
    width: 95vw;
    background-color: #FFFFFF;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
    border-top: 0px;
    transition: all 0.3s ease;
    margin-bottom: 80px;
}

.contenedor_contenido_sec1 {
    width: 85%;
    padding: 172px 0px 100px 0px;
    /* background-color: blueviolet; */
}

/* Card 1 - Introduccion */

.imagen_producto {
    object-fit: contain;    /* mantiene proporción sin deformar */
    max-height: 145px;      /* controla la altura para que no sobrepase el bloque de textos */
    width: auto;
    height: auto;
    margin-top: 0;          /* asegura que quede arriba */
}

.fila1_sec1 {
    padding: 0px 0px 56px 0px;
}

.titulo_sec1 {
    font-size: 51px;
    font-weight: 800;
    font-family: "Lexend Deca", sans-serif;
    padding: 0px 0px 16px 0px;
    margin: 0%;
    color: #035CE2;
}

.subtitulo_sec1 {
    font-size: 30px;
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 400;
    line-height: 1.25;
    padding: 0%;
    margin: 0%;
    color: #313131;
}

.texto_sec1 {
    font-size: 18px;
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 400;
    line-height: 1.25;
    padding: 0%;
    margin: 0%;
    color: #313131;
}

@media (max-width: 1660px) {
    .contenedor_contenido_sec1 {
        width: 90%;
    }
}

@media (max-width: 1510px) {
    .contenedor_contenido_sec1 {
        width: 95%;
    }
}

@media (max-width: 1400px) {
    .contenedor_contenido_sec1 {
        width: 80%;
    }
}

@media (max-width: 1024px) {
    .contenedor_lubricante {
        display: flex !important;
        justify-content: center !important; /* Centra horizontal */
        align-items: center !important;
        padding: 0px 0px 56px 0px;
    }

    .imagen_producto {
        height: 155px;
        width: auto;
    }

    .fila1_sec1 .col-12.col-md-5 {
        order: 1 !important; /* imagen arriba */
        width: 100%;
    }

    .fila1_sec1 .col-12.col-md-7 {
        order: 2 !important; /* textos abajo */
        width: 100%;
    }

    .fila2_sec1 .col-12.col-md-7 {
        order: 3 !important; /* textos abajo */
        width: 100%;
    }

    .contenedor_contenido_sec1 {
        padding: 172px 0px 80px 0px;
        width: 90%;
    }
}

@media (max-width: 760px) {
    .contenedor_fondo_sec1 {
        margin-bottom: 60px;
    }

    .contenedor_contenido_sec1 {
        width: 85%;
        padding: 172px 0px 60px 0px;
    }

    .contenedor_lubricante {
        justify-content: center; /* Centra horizontal */
        align-items: center;     /* Centra vertical */
        padding: 0px 0px 56px 0px;
    }

    .imagen_producto {
        height: 130px;
        width: auto;
    }
}

@media (max-width: 450px) {
    .contenedor_contenido_sec1 {
        width: 90%;
    }

    .titulo_sec1 {
        font-size: 40px;
    }

    .subtitulo_sec1 {
        font-size: 26px;
    }
}

/*-----------------------------Termina_Section1--------------------------------------*/

/*-----------------------------Section_2--------------------------------------*/
.contenedor_fondo_sec2 {
    height: auto;
    width: 95vw;
    background-color: #FFFFFF;
    border-radius: 35px;
    transition: all 0.3s ease;
    margin-bottom: 80px;
}

.contenedor_contenido_sec2 {
    width: 85%;
    padding: 80px 0px 0px 0px;
    /* background-color: blueviolet; */
}

/* Componente 1 - Iconos */

.componente1_sec2 {
    background-color: #89F6A3;
    border-radius: 25px;
    width: 220px;
    height: auto;
    padding: 16px 24px 32px 24px;
}

.icono-item {
    display: flex;
    flex-direction: column;  /* icono arriba, texto abajo */
    align-items: center;     /* centra el contenido */
    text-align: center;
    max-width: 120px;        /* opcional, para que no se vea muy ancho */
}

.icono {
    width: 90px;
    height: 90px;
    object-fit: contain;     /* mantiene proporción */
}

.leyenda_icono {
    font-size: 14px;
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 400;
    line-height: 1.25;
    padding: 0%;
    margin: 0%;
    color: #111111;
}


/* Componente 2 - Caracteristicas / Descripcion */

.componente2_sec2 {
    background-color: #FFFFFF;
    padding: 32px 24px;
    border-radius: 25px;
    width: 220px;
    height: auto;
    border: 1.5px solid #313131;
    margin: 16px 0px 0px 0px;
}

.leyenda {
    font-size: 14px;
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 400;
    line-height: 1.25;
    padding: 0%;
    margin: 0%;
    color: #111111;
}

/* Componente 3 - Caracteristicas con bullets */
.campos_bullets {
    padding: 0px 0px 56px 0px;
    width: 100%;
}

.titulos_componente3 {
    font-size: 18px;
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 700;
    padding: 0px 0px 16px 0px;
    margin: 0%;
    color: #313131;
}

.lista-bullets {
    font-size: 18px;
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 400;
    margin: 0%;
    color: #313131;
}

.bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #68C57D;
  border-radius: 50%;
  margin-right: 8px; /* separación con el texto */
}


.fila2_sec2 {
    padding: 56px 0px 0px 0px;
}

.columna1_tambo_sec2 {
    padding: 0px 100px 0px 10px;
}

.imagen_tambo {
    object-fit: cover;
    width: auto;
    height: auto;
}

.titulo_tambo_sec2 {
    font-size: 14px;
    font-weight: 700;
    font-family: "Kumbh Sans", sans-serif;
    padding: 0px 0px 16px 0px;
    margin: 0%;
    color: #68C57D;
}

.subtitulo_tambo_sec2 {
    font-size: 12px;
    font-family: "Kumbh Sans", sans-serif;
    font-weight: 400;
    line-height: 1.25;
    padding: 0%;
    margin: 0%;
    color: #313131;
}

@media (max-width: 1660px) {
    .contenedor_contenido_sec2 {
        width: 90%;
    }
}

@media (max-width: 1510px) {
    .contenedor_contenido_sec2 {
        width: 95%;
    }
}


@media (max-width: 1400px) {
    .contenedor_contenido_sec2 {
        width: 80%;
    }

    .columna1_fila2_sec2 {
        width: 35%;
        padding: 0px 0px 60px 15px;
    }

    .columna2_fila2_sec2 {
        width: 65%;
        padding: 0px 15px 0px 0px;
    }
}

@media (max-width: 1100px) {

    .columna1_fila2_sec2 {
        width: 35%;
    }

    .columna2_fila2_sec2 {
        width: 65%;
    }

    .contenedor_contenido_sec2 {
        width: 90%;
        padding: 64px 0px 0px 0px;
    }

    .columna1_fila2_sec2 {
        width: 45%;
        padding: 0px 0px 60px 15px;
    }

    .columna2_fila2_sec2 {
        width: 55%;
        padding: 0px 15px 0px 0px;
    }
    
    .btn1 {
        padding: 0px;
    }

    .columna1_tambo_sec2 {
        padding: 0px 0px 24px 15px;
        width: 100%;
    }

    .contenedor_tambo {
        display: flex;
        justify-content: center; /* Centra horizontal */
        align-items: center;     /* Centra vertical */
        width: 100%;
    }

    .imagen_tambo {
        object-fit: cover;
        width: auto;
        height: 377px;
    }

}

@media (max-width: 700px) {
    .columna1_tambo_sec2 {
        padding: 0px 0px 24px 10px;
    }

    .contenedor_contenido_sec2 {
        padding: 60px 0px 0px 0px;
    }

    .contenedor_tambo {
        display: flex;
        justify-content: center; /* Centra horizontal */
        align-items: center;     /* Centra vertical */
    }

    .imagen_tambo {
        object-fit: cover;
        width: auto;
        height: 240px;
    }

    .contenedor_fondo_sec2 {
        margin-bottom: 100px;
    }

    .columna1_fila2_sec2 {
        width: 100%;
        padding: 0px 0px 60px 0px;
        display: flex;
        justify-content: center; /* Centra horizontal */
        align-items: center;     /* Centra vertical */
    }

    .columna2_fila2_sec2 {
        width: 100%;
    }
    
    .btn1 {
        padding: 0px;
    }
}

@media (max-width: 450px) {
    .columna1_tambo_sec2 {
        padding: 0px 0px 24px 5px;
    }

    .contenedor_contenido_sec2 {
        width: 84%;
        padding: 60px 0px 0px 0px;
    }
}
/*-----------------------------Termina_Section2--------------------------------------*/