@charset "utf-8";
/* CSS Document */
section .p-big {
    color: var(--g300);
    margin-bottom: var(--rellenovertical);
}
#contenedorsuperior {
    background-image: url("../imagenes/soluciones/fondo-seccion-superior.png");
    background-position: left center;
}
#contenedorslogan {
    color: var(--a300);
    padding-left: 20%;
}
#contenedorslogan, #contenedorservicios, #contenedorsiempre, #contenedorproduccion, #contenedorcalidad, .poner-resto-contenedores-con-margen {
    margin-top: var(--separacionsecciones);
    margin-left: var(--rellenohorizontalfijo);
    margin-right: var(--rellenohorizontalfijo);
}
#contenedorservicios1, #contenedorservicios2 {
    display: flex;
}
#contenedorservicios1 section:first-of-type {
    width: 42%;
    flex-shrink: 0;
}
#contenedorservicios1 section:last-of-type{
    text-align: right;
    padding-left: var(--rellenohorizontalgrande);
    padding-top: var(--rellenovertical);
    margin-left: var(--separacionsubsecciones);
    flex-grow: 1;
}
#contenedorservicios1 section:last-of-type h2 {
    color: var(--a200);
}
#contenedorservicios1 section:last-of-type, #contenedorservicios2 section {
    margin-top: var(--separacionsubsecciones);
}
#contenedorservicios2 > section {
    width:29%;
    flex-shrink: 0;
}
#contenedorservicios2 > section:last-of-type {
    margin-left: var(--separacionsubsecciones);
}
#contenedorsiempre {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: var(--separacionsecciones);
}
#contenedorsiempre h2 {
    color: var(--a300);
}
#contenedorsiempre > * {
    width: calc((100% - var(--separacionsubsecciones)) /2);
    flex-shrink: 0;
}
#contenedorsiempre > img {
    height: auto;
    display: block;
}
#contenedorsiempre > img:last-of-type {
    display: none;
}
#contenedorsiempre p:last-of-type {
    margin-bottom: 0px;
}
#contenedorproduccion, #contenedorcalidad {
    padding: var(--separacionsecciones) var(--rellenohorizontalfijo);
    padding-bottom: calc(var(--separacionsecciones) * 2);
}
#contenedorproduccion {
    background-color: var(--g100);
}
#contenedorproduccion .caja.blanca p {
    color: var(--g600);
}
#produccion1 {
    padding-right: 35%;
}
#contenedorproduccion .p-big {
    margin-top: 0px;
}
#contenedorproduccion h3 {
    color: var(--a300);
}
#contenedorproduccion h5, #contenedorcalidad h5 {
    font-weight: 400;
}
#seccionesproduccion {
    margin-top: var(--separacionsecciones);
    display: flex;
}
#seccionesproduccion > section {
    color: var(--a200);
}
#seccionesproduccion > section:not(:first-of-type) {
    margin-left: var(--separacionsubsecciones);
}
#seccionesproduccion > section:not(:last-of-type) {
    width: 26%;
    flex-shrink: 0;
}
#seccionesproduccion > section:last-of-type {
    flex-grow: 1;
}
#sloganproduccion, #slogancalidad {
    color: var(--g400);
    padding-left: 20%;
    padding-right: var(--rellenohorizontalgrande);
    margin-top: var(--separacionsecciones);
    text-align: right;
}
#contenedorcalidad h3 {
    color: var(--a200);
}
#calidad1 {
    padding-right: 35%;
}
#calidad1 h3 {
    color: var(--a200);
}
#calidad2 {
    display: flex;
    margin-top: var(--separacionsecciones);
}
#calidad2 > section {
    width: 33%;
    padding-top: var(--separadorsecciones);
    border-left: 1px solid var(--g300);
    padding: var(--separacionsecciones) var(--rellenohorizontal);
    padding-right: var(--rellenoverticalmediano);
    flex-shrink: 0;    
}
#calidad2 > section h3 {
    color: var(--a300)
}
#calidad2 > section p {
    margin-bottom: 0px;
}
#contenedorcalidad h5 {
    color: var(--g600);
}
@media (max-width: 1200px) {
    #contenedorservicios2 {
        justify-content: space-between;
    }
    #contenedorservicios2 > section {
        width: calc((100% - var(--separacionsubsecciones)) /2);
    }
}
@media (max-width: 1000px) {

}
@media (max-width: 900px) {
    #calidad2 {
        display: block;
    }
    #calidad2 > section {
        padding: var(--rellenovertical) 0px;;        
        width: 100%;
    }
    #calidad2 > section {
        border-bottom:1px solid var(--g300);
        border-left: none;
    }
    #calidad2 > section:not(:first-of-type) {
        margin-top: 0px;
    }
    #calidad2 > section:not(:last-of-type) {
        margin-bottom: var(--separacionsubsecciones);
    }
}
@media (max-width: 800px) {
    #cuerpo #contenedorslogan {
        padding-right: 0px;
        padding-left: 0px;
    }
    #cuerpo #contenedorservicios1 {
        flex-direction: column;
    }
    #cuerpo #contenedorservicios1 section {
        width: 100%;
    }
    #contenedorservicios1 section:last-of-type {
        text-align: left;
        padding-left: 0px;
    }  
    #contenedorservicios2 {
        flex-direction: column;
    }
    #contenedorservicios2 > section {
        width: 100%;
    }  
    #contenedorsiempre {
        flex-direction: column;
    }  
    #contenedorsiempre > img:first-of-type {
        display: none;
    }    
    #contenedorsiempre > img:last-of-type {
        display: block;
        margin-top: var(--separacionsubsecciones);
    }
    #contenedorsiempre > * {
        width: 100%;
    }
    #produccion1 {
        padding-right: 0px;
    }
    #sloganproduccion, #slogancalidad, #calidad1 {
        padding-left: 0px;
        padding-right: 0px;
    }
    #seccionesproduccion {
        flex-direction: column;
    }
    #cuerpo #seccionesproduccion section {
        width: 100%;
    }
    #cuerpo #seccionesproduccion section:not(:first-of-type) {
        margin-top: var(--separacionsubsecciones);
        margin-left: 0px;
    }
    #contenedorservicios2 > section:last-of-type {
        margin-left: 0px;
    }
    #contenedorservicios1 section:last-of-type {
        margin-left: 0px;
    }
}
@media (max-width: 600px) {
}
 