/****************************************************
                QUIENES SOMOS
****************************************************/

#quienes{

    position:relative;

    padding:70px 0;

    background-color:#fff;

    background-image:
    url("../img/general/texturasuperior.png"),
    url("../img/general/text_inferior.png");

    background-repeat:
    no-repeat,
    no-repeat;

    background-position:
    left top,
    right bottom;

}


/****************************************************
                CONTENEDOR
****************************************************/

#quienes .container{

    max-width:1180px;

}


/****************************************************
                IMAGEN
****************************************************/

.quienes-imagen{

    position:relative;

    display:inline-block;

}


.imagen-principal{

    width:100%;

    border:12px solid #1D2D78;

    position:relative;

    z-index:2;

}


/****************************************************
            FRANJA NARANJA
****************************************************/

.franja-naranja{

    position:absolute;

    left:-18px;

    top:50px;

    width:28px;

    height:230px;

    background:#F39A42;

    z-index:1;

}


/****************************************************
            DECORACIONES
****************************************************/

.quienes-imagen::before{

    content:"";

    position:absolute;

    width:120px;
    height:120px;

    top:0;
    left:0;

    background:url("../img/general/circulo_azul.png");

    background-size:contain;

    background-repeat:no-repeat;

    z-index:3;

}

.quienes-imagen::after{

    content:"";

    position:absolute;

    width:120px;
    height:120px;

    right:0;
    bottom:0;

    background:url("../img/general/circulo_naranja.png");

    background-size:contain;

    background-repeat:no-repeat;

    z-index:3;

}


/****************************************************
            INFORMACIÓN
****************************************************/

.quienes-info{

    padding-left:40px;

}


.logo-quienes{

    width:360px;

    margin-bottom:25px;

}


.texto-quienes{

    /*border:1px solid #FF6B6B;*/

    padding:15px 18px;

}


.texto-quienes p{

    font-size:18px;

    line-height:1.35;

    color:#5B5B5B;

    margin-bottom:18px;

}


.parrafo-principal{

    font-weight:700;

    color:#183C8D !important;

}


.parrafo-principal span{

    font-weight:400;

    color:#5B5B5B;

}


/****************************************************
                TABLET
****************************************************/

@media(max-width:991px){

    #quienes{

        padding:50px 0;

    }

    .quienes-info{

        padding-left:0;

        margin-top:40px;

    }

    .logo-quienes{

        width:280px;

    }

}


/****************************************************
                MOVIL
****************************************************/

@media(max-width:768px){

    .franja-naranja{

        display:none;

    }

    .logo-quienes{

        width:220px;

    }

    .texto-quienes p{

        font-size:16px;

    }

}


/*apartado 2*/
/****************************************************
                    AVISOS
****************************************************/

.quienes-avisos{

    width:fit-content;

    margin:45px auto 0;

}


.aviso-item{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:10px;

    text-decoration:none;

    transition:.25s;

}


.aviso-item img{

    width:18px;

    height:18px;

    flex-shrink:0;

}


.aviso-item span{

    font-size:17px;

    font-weight:700;

    color:#5E5E5E;

    line-height:1.2;

}


.aviso-item:hover span{

    color:#163D95;

}


.aviso-item:last-child{

    margin-bottom:0;

}


/****************************************************
                RESPONSIVE
****************************************************/

@media(max-width:768px){

    .quienes-avisos{

        width:100%;

        margin-top:35px;

    }

    .aviso-item span{

        font-size:15px;

    }

    .aviso-item img{

        width:16px;
        height:16px;

    }

}
/*end apartado 2*/



/*=======================
Contacto
=======================*/

.contacto{

    display:flex;

    align-items:flex-start;

    gap:22px;

}

.contacto-icono{

    width:90px;

    flex-shrink:0;

}

.contacto-icono img{

    width:100%;

}

.contacto-info strong{

    font-size:17px;

}

.contacto-info p{

    margin:4px 0;

}

/*=======================
Responsive
=======================*/

@media(max-width:991px){

    .farmaco-box{

        flex-direction:column;

    }

    .farmaco-img,
    .farmaco-info{

        width:100%;

    }

    .farmaco-img{

        height:320px;

    }

    .farmaco-info{

        padding:30px;

    }

    .farmaco-info h2{

        font-size:38px;

    }

}

/*end faramacovigilancia*/
/*==================================================
        CONTACTOS Y HORARIOS
==================================================*/
.contactos-section{

    position:relative;

    padding:80px 0 70px;

    overflow:hidden;

    background:#fff;

    isolation:isolate;

}