@charset "utf-8";
/* CSS Document */
#contenedorsuperior {
    background-image: url("../imagenes/empresa/fondo-seccion-superior.png");
    background-position: left center;
}
#seccion1 {
    display: flex;
    margin-top: var(--separacionsecciones);
    justify-content: space-between;
}
#seccion1 > div {
    width: calc((100% - var(--separacionsubsecciones)) /2);
    flex-shrink: 0;
}

#seccion1 > div:first-of-type {
    background-size: cover;
    background-position: center bottom;
    background-image:url("../imagenes/empresa/imagen-seccion-2.png");
}
#seccion1 > div:last-of-type {
    padding-left: var(--separacionsubsecciones);
    padding-top: var(--rellenoverticalmediano);
    padding-bottom: var(--rellenoverticalmediano);
}

#seccion1 > div:last-of-type h2 {
    color: var(--a300);
}
#seccion1 > div:last-of-type p {
    color: var(--a600);
}
#seccion1 > div:last-of-type p:last-of-type {
    margin-botom: 0px;
}
#seccion2 {
    margin-top: var(--separacionsecciones);
    padding: var(--rellenoverticalmediano) var(--rellenohorizontal);
    background-color: var(--g100);
}
#sseccion2 p {
    margin-bottom: 0px;
}
#seccion2 h3{
    color: var(--a300)
}
#seccion21 {
    display: flex;
}
#seccion21 > section {
    padding: var(--rellenoverticalmediano) var(--rellenohorizontal);
    flex-shrink: 0;
}
#seccion21 > div {
    padding-left: 0px;
    color: var(--a200);
    flex-grow: 1;
}
#seccion21 > section {
    border-left: 1px solid var(--g300);
    padding-right: var(--rellenoverticalmediano);
    width:38%;
}
#seccion2 .numero {
    display: block;
    font-size: var(--l-h1);
    color: var(--a100);
}
#seccion21 .numero {
    margin-bottom: calc(var(--rellenohorizontalgrande) * 1.5);
}
#seccion22 h4 {
    color: var(--a200)
}
#seccion22 h3 {
    margin-bottom: var(--separacionsecciones);
}
#seccion22 .sontres {
    display: grid; 
    grid-template-columns: repeat(3,1fr);
    grid-row-gap: var(--separacionsecciones);
    grid-column-gap: var(--separacionsubsecciones);
   ;
}

#seccion3 {
    display: flex;
    padding-left: var(--rellenohorizontalmediano);
    padding-right: var(--rellenohorizontalmediano);
}
#seccion3 > h2 {
    flex-grow: 1;
    padding-top: var(--rellenoverticalmediano);
}
#seccion3 > * {
    flex-shrink: 0;
}
#seccion3 > div {
    width: 63%;
}
#seccion3 section {
    margin-top: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--g100);
}
#seccion3 section h3 {
    cursor: pointer;
}
#seccion3 .contenedoraperturavertical > div {
    padding-top: .5rem;
}

#contenedorconfian > div {   
    margin-top: var(--separacionsubsecciones);
    display: flex;
    justify-content: space-evenly;
}
#contenedorconfian > div span { 
    width: 130px;
    box-shadow: var(--s01);
    flex-shrink: 0;         
}
#contenedorconfian span img{
    width:100%;
    height: auto;
    display: block;
}
#contenedorconfian >p {    
    padding-left: var(--rellenohorizontalgrande);
    padding-right: var(--rellenohorizontalgrande);
    text-align: center;
}
@media (max-width: 1200px) {
   
}
@media (max-width: 1000px) {
    #seccion22 .sontres {
        display: grid; 
        grid-template-columns: repeat(2,1fr);
       ;
    }
}
@media (max-width: 800px) {
    #seccion1 {
        flex-direction: column-reverse;
    }
    #seccion1 > div {
        width: 100%;
    }
    #seccion1 > div:first-of-type {
        height: calc((100vw / 5) * 3);
    }
    #seccion1 > div:last-of-type {
        padding-top: 0px;
        padding-bottom: var(--rellenovertical);
        padding-left: 0px;
    }
    
    #seccion21  {
        flex-direction: column;
    }
    #cuerpo #seccion21 > * {
        width: 100%;
    }
    #seccion21 .numero {
        margin-bottom: 0px;
    }
    #seccion21 h2 br {
        display: none;
    }
    #seccion21 > section {
        border-left: none;
        padding-bottom: 0px;
        padding: var(--rellenovertical) var(--rellenohorizontal) 0px var(--rellenohorizontal);
    }
    #seccion22 {
        display: flex;
        flex-direction: column;
        padding-left: var(--rellenohorizontal);
        padding-right: var(--rellenohorizontal);
        padding-top: var(--rellenovertical);
    }
    #seccion22 .sontres {
        display: grid; 
        grid-template-columns: repeat(1,1fr);
       grid-row-gap: var(--separacionsubsecciones);
    }
    #seccion3 {
        flex-direction: column;
    }
    #cuerpo #seccion3 > * {
        width: 100%;        
    }
    #seccion3 h2 {
         padding-top: 0px;
    }
    #seccion3 h2 br {
        display: none;
    }
    #contenedorconfian > div {   
        margin-top: var(--separacionsubsecciones);
        display: flex;
        justify-content: space-between;
    }
    #contenedorconfian > div span { 

        width: calc((100% - (var(--separacionsubsecciones) * 3)) / 4);
    }
}
@media (max-width: 600px) { 
     #seccion2 {
         padding-left: 0px;
         padding-right: 0px;
    }
}