body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    color: #686868;
    line-height: 1.7;
    background: #fff;
}

.logo {
    font-size: 60px; /* Cambia el tamaño de la fuente a 32px */
    font-weight: 600; /* Cambia el peso de la fuente a 100 */
    color: #e6007e; /* Color rosa del encabezado */
    letter-spacing: -4px; /* Cambia el interletrado (tracking) */
    display: flex;
    justify-content: center;
    align-items: center; /* Alinea los elementos verticalmente al centro */
    gap: 6px; /* Ajusta el espacio entre el texto "eight" y el símbolo registrado */
    margin-top: 5px; /* Añade margen superior */
    margin-bottom: 8px; /* Añade margen inferior */
}

.r {
    font-family: 'Poppins', sans-serif;
    font-size: 30px; /* Cambia el tamaño de la fuente a 32px */
    font-weight: 100; /* Cambia el peso de la fuente a 100 */
    color: #686868; /* Color rosa del encabezado */
    margin-left: -3px; /* Espacio entre "eight" y el símbolo registrado */
}




.banner {
    display: flex;
    justify-content: center;
    margin-bottom: 0px;

}

.banner img {
    width: 100%;
    max-width: 1000px;
    max-height: 400px; /* Establece el alto máximo para la imagen */
    height: auto; /* Asegura que la altura sea automática para mantener la proporción */
    object-fit: cover; /* Ajusta la imagen para que cubra el contenedor sin distorsionarse */
}




.products-title {
    font-size: 48px; /* Cambia el tamaño de la fuente a 48px */
    font-weight: 400; /* Cambia el peso de la fuente a 100 */
    margin-bottom: 30px;
    color: #e6007e; /* Color rosa del encabezado */
    font-family: 'Poppins', sans-serif; /* Asegura que la fuente Poppins sea utilizada */
    letter-spacing: -1.5px; /* Cambia el interletrado (tracking) */
    text-align: center;
    line-height: 1.2; /* Ajusta el interlineado */
}
.products {
    padding: 0px;
    text-align: center;
    font-size: 20px; /* Cambia el tamaño de la fuente a 42px */
    font-weight: 400; /* Cambia el peso de la fuente a 100 */
}
.product-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 22px;
    line-height: 1.2; /* Ajusta el interlineado */
}
.product {
    text-align: center;
}
.product img {
    width: 130px; /* Ajusta el tamaño según tus necesidades */
    height: auto;
    max-height: 100px; /* Establece el alto máximo para las imágenes de los productos */
    object-fit: cover; /* Asegura que la imagen no se distorsione */
}
.product p {
    margin: 5px 0 0;
}



.about-section {
    background-color: #f0f0f0; /* Fondo gris */
    padding: 30px; /* Añade un padding alrededor del contenido */
    margin:  50px 0 0; /* Añade un margen superior e inferior */
    padding-top: 50px; /* Añade un padding superior al contenido */
    font-size: 20px; /* Cambia el tamaño de la fuente a 42px */


}

.about-title {
    font-size: 48px; /* Cambia el tamaño de la fuente a 42px */
    font-weight: 400; /* Cambia el peso de la fuente a 100 */
    color: #e6007e; /* Color rosa del encabezado */
    font-family: 'Poppins', sans-serif; /* Asegura que la fuente Poppins sea utilizada */
    letter-spacing: -2px; /* Cambia el interletrado (tracking) */
    text-align: left; /* Alinea el texto a la izquierda */
    line-height: 0.3; /* Ajusta el interlineado */
}

.about-section .about-title, /* Añadido para el título */
.about-section .about-content {
    max-width: 800px; /* Establece el ancho máximo del texto */
    margin: 0 auto; /* Centra el texto horizontalmente */
    padding: 0 20px 20px 0; /* Ajusta el padding para alinear mejor el contenido */

}




.work-section {
    padding: 20px; /* Añade un padding alrededor del contenido */
    background-color: #f0f0f0; /* Fondo gris */

    
    
}

.work-section .work-content {
    max-width: 800px; /* Establece el ancho máximo del texto */
    margin: 0 auto; /* Centra el texto horizontalmente */
    padding: 20px; /* Añade un padding alrededor del texto */
    font-size: 20px; /* Cambia el tamaño de la fuente a 42px */
    color: #686868;

}




.partnerships-section {
    text-align: center; /* Centra el texto */
    padding: 20px; /* Añade padding alrededor del texto */
    background-color: #f0f0f0; /* Fondo gris */

}

.partnerships-title {
    font-size: 40px; /* Ajusta el tamaño de la fuente */
    font-weight: 500; /* Cambia el peso de la fuente */
    color: #686868; /* Color rosa del encabezado */
    font-family: 'Poppins', sans-serif; /* Asegura que la fuente Poppins sea utilizada */
    letter-spacing: -1.5px; /* Cambia el interletrado (tracking) */
    line-height: 1.2; /* Ajusta el interlineado */
}



footer {
    background: #333;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 21px; /* Ajusta el tamaño de la fuente */

}

footer p {
    margin: 10px;
}