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 */
}
.body-top{
    padding-top: 6rem;
}

.logo-grande {
    height: 12rem; /* Puedes ajustar este valor a tu gusto */
    width: auto; /* Mantiene la proporción de la imagen */
}
.logo-pie {
    height: 10rem; /* Puedes ajustar este valor a tu gusto */
    width: auto; /* Mantiene la proporción de la imagen */
}
.mainseccion{
    height: 40rem;
    width: auto;
}

.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(98 169 145);
}
.titulos-servicios{
    color: white;
}
.titulos-prod{
    color: black;
}
.text-p{
    font-size: 20px;
}

.iconvet{
    color: #aa23d0;
}
.textovet{
    color: #aa23d0;
}
.seccionvet{
    border-color: rgb(170, 35, 208);
}

.iconlog{
    color: #808080;
}
.textolog{
    color: #808080;
}
.seccionlog{
    border-color: #808080;
}
.imgjar{
    width: 64%;
}
.serviciojar{
    color: rgb(79, 173, 47);
    border-color:#4fad2f ;
}
.textojar{
    color: #4fad2f;
}

.imginsumos{
     width: 64%;
}
.seccionacop{
    border-color: #1f4fd9;
}
.seccionagro{
    border-color: #15803d;
}
.seccionins{
    border-color: #8f5122;
}
.iconins{
    width: 89%;
}
.textoins{
    color:#8f5122;
}
.logocarrucel{
    height: 11rem;
}