body {
    font-family: 'Inter', sans-serif;
    /* Las siguientes clases son de Tailwind CSS y se aplican en el HTML */
    /* background-color: #f9fafb; */ /* bg-gray-50 */
    /* color: #374151; */ /* text-gray-800 */
}

.logo-grande {
    height: 20rem; /* Puedes ajustar este valor a tu gusto */
    width: auto; /* Mantiene la proporción de la imagen */
}
.logo-pie {
    height: 8rem; /* Puedes ajustar este valor a tu gusto */
    width: auto; /* Mantiene la proporción de la imagen */
}
.margen{
    background-color: #046746;
}
.titulo{
    color: #046746;
}
.botton{
    background-color: rgb(37 170 70);
}
.botton:hover{
    background-color: rgb(58 172 87);
}
.seccion{
    background-color:rgb(171 229 186);
}
.titulos-servicios{
    color: #046746;
}
.titulos-prod{
    color: #046746;
}
.text-p{
    font-size: 20px;
}