/***************** estilos principales ******************/
:root{
    --blanco : #fff;
}
html{
    box-sizing: border-box;
    font-size: 62.5%;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Roboto', sans-serif;
}
*{
    margin: 0;
    padding: 0;
    text-decoration: none;
}
*,*:before, *:after{
    box-sizing: inherit;
}
img{
    width: 90%;
}
/***************** Fondos de apartados ******************/
.imagen1{
    background-image: url(img/s.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media(min-width: 620px){
    .imagen1{
        background-image: url(img/s2.webp);
    }
}
.imagen2{
    background-color: #305e32;
}
.imagen3{
    background-image: url(img/SMR00909.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.imagen4{
    background-color: #4e82a5;
}
/***************** estilos principales ******************/
.fondo_inicio{
    padding: 2rem;
    height: 60rem;
    display: flex;
    flex-direction: column;
}
/* .fondo_inicio_derecha{

} */
.fondo_inicio_izquierda{
    text-align: center;
    margin: auto 0rem;
}
.logo_h1{
    font-size: 1.8rem;
    color: var(--blanco);
    text-align: center;
    margin-bottom: 1rem;
}
.logo_h3{
    font-size: 2rem;
    color: var(--blanco);
    text-align: center;
}
.imagenPie{
    width: 50%;
}
.logo_p{
    font-size: 6rem;
    color: var(--blanco);
    text-align: center;
}
.alineacion{
    margin: auto 1rem;
}
.p_pie{
    font-size: 2rem;
    color: var(--blanco);
}
.baja_p1{
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.baja_p2{
    font-size: 2rem;
}
.puercos_h2{
    font-size: 3rem;
    text-align: center;
    color: var(--blanco);
}
.alimentacion_p1{
    color: var(--blanco);
    font-size: 3rem;
    text-align: center;
}
.alimentacion_p2{
    color: var(--blanco);
    text-align: center;
    font-size: 2rem;
}
.imagenPlanta{
    width: 50%;
}
.preg_frecuente{
    font-size: 3rem;
    margin-bottom: 1rem;
}
.preg_frecuentep1{
    font-size: 1rem;
    margin-bottom: 1rem;
}
.preg_frecuentep2{
    font-size: 1rem;
    margin-bottom: 1rem;
}
.preg_frecuentep3{
    font-size: 1rem;
    margin-bottom: 1rem;
}
.fotterp1{
    color: var(--blanco);
    font-size: 2rem;
    margin-bottom: 1rem;
}
.fotterp2{
    font-size: 1rem;
    color: var(--blanco);
}
.fondo_inicio_derecha_F{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
}
.alimento_an{
    color: var(--blanco);
    font-size: 2rem;
}
.imgApuls{
    width: 50%;
}

@media(min-width: 620px){
    .fondo_inicio{
        display: flex;
        flex-direction: row;
        justify-content: space-between  ;
        align-items: start;
    }
    .imagenPie{
        width: 50%;
    }
    .fondo_inicio_derecha{
        width: 50%;
    }
    .fondo_inicio_izquierda{
        width: 50%;
    }
    .p_pie{
        font-size: 4rem;
    }
    .baja_p2{
        font-size: 2.5rem;
    }
    .imagenPlanta{
        width: 50%;
    }
    .alimentacion_p1{
        font-size: 4rem;
    }
    .preg_frecuente{
        font-size: 4rem;
    }
    .preg_frecuentep1{
        font-size: 2rem;
    }
    .preg_frecuentep2{
        font-size: 2rem;
    }
    .preg_frecuentep3{
        font-size: 2rem;
    }
    .imgApuls{
        width: 40%;
    }
}