/* TOPO INTERNO */
.menu-topo .menu-interno {
    background: var(--cor-primaria) !important;
}

.menu-topo .menu-interno .logo-policlinica img.logo-menu {
    width: 55%;
}

body {
    overflow-x: hidden;
}


/* QUEM SOMOS */

#quem_somos {
    background-color: var(--cor-background);
    padding-top: 80px;
    padding-bottom: 25px;
    margin-top: -25px;
}

.area-quem-somos {
    width: 100%;
    display: flex;
    align-items: center;
    padding-bottom: 80px;
}


.area-imagem-quem-somos {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 480px;
    transform: translate(-10%, -10%);
    /* x = esquerda, y = cima */
}

.area-imagem-quem-somos .img-sobre {
    width: 100%;
    border-radius: 10px;
    position: relative;

}

.area-texto {
    width: 60%;

}

.area-texto h1 {
    font-family: var(--fonte-titulo);
    color: var(--cor-titulo);
    font-size: 1.875em;
    font-weight: 300;
    padding-bottom: 20px;
}

.area-texto p {
    font-family: var(--fonte-texto);
    color: var(--cor-texto);
    width: 100%;

}

.card-dois-sobre {
    position: absolute;
    right: -5%;
    bottom: -15%;
    z-index: 1;
}


.container-imagem img {
    width: 270px;
    height: 340px;
    object-fit: cover;
    border-radius: 30px;
    position: relative;

}

/* .container-imagem img.img-mobile {
    display: none;
}

.card-dois-sobre img.img-mobile {
    display: none;
} */



.card-dois-sobre img {
    width: 270px;
    height: 340px;
    object-fit: cover;
    border-radius: 30px;
    border: 7px solid #F5F0EA;

}


.texto-odom-interno .titulo-card {
    font-size: 1.5em;
}

.texto-odom-interno .subtitulo-card-interno {
    font-size: 1.25em;
}

/* galeria quem somos */

#quem_somos .lista-fotos {
    position: relative;
    background-image: url(../img/bannermapa.png);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    overflow: hidden;
    height: 350px;
    padding-top: 30px;
    padding-bottom: 30px;
    /* background-color: var(--cor-primaria); */
}

#quem_somos .lista-fotos::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: #00204C; */
    background-color: #B68868;
    /* background-color: #BC7E53; */
    opacity: 80%;
    z-index: 1;
}

#quem_somos .lista-fotos .swiper-slide-active {
    transform: scale(1.2);
    z-index: 3;
}

#quem_somos .lista-fotos .swiper-slide-active {
    overflow: visible;
}


#quem_somos .lista-fotos .swiper-slide-active img.sombra-pequena {
    display: block;
}

#quem_somos .lista-fotos .swiper-wrapper {
    display: flex;
    align-items: center;
}

#quem_somos .lista-fotos .imagem {
    width: 360px;
    height: 235px;
    border-radius: 5px;
    overflow: visible;
}

#quem_somos .lista-fotos .imagem img {
    width: 100%;
    height: calc(100% - 30px);
    object-fit: cover;
    border-radius: 5px;
    /* border-bottom: 1px solid #ffffff; */
    border: 2px solid #ffffff;

}

.swiper-dots {
    position: absolute;
    bottom: 30px !important;
    z-index: 4;
    width: max-content !important;
    right: 0;
    left: 0;
    margin: auto;
    background-color: var(--cor-primaria);
    padding: 5px;
    border-radius: 50px;
    /* display: flex; */
}

.swiper-dots .swiper-pagination-bullet {
    width: 10px;
    height: 10px;

    /* background-color: var(--cor-primaria); */
    background-color: var(--cor-branco);

}

.swiper-dots .swiper-pagination-bullet-active {
    background-color: var(--cor-secundaria);
}

.contato.quem_somos {
    background-color: var(--cor-branco);
    padding-top: 80px;
    padding-bottom: 80px;
}


@media (max-width:1024px) {
    #quem_somos {
        margin-top: -25px;
    }

    .area-imagem-quem-somos {
        transform: translate(-10%, -25%);
    }
}

@media (max-width:768px) {

    .area-conteudo-quem-somos {
        padding: 0px;
    }

    .area-titulos-sobre {
        width: 100%;
    }

    .area-texto {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .area-quem-somos {
        flex-direction: column-reverse;
    }

    .area-imagem-quem-somos {
        width: 100%;
        transform: translate(-15%, -15%);
    }

    .container-imagem img, .card-dois-sobre img {
        width: 260px;
        height: 300px;
        object-fit: cover;
        border-radius: 30px;
    }


    .card-dois-sobre {
        right: 0%;
        bottom: 0%;
    }

    .texto-sobre-interna {
        width: 100%;
    }

    .area-texto p {
        width: 100%;
    }


}

@media (max-width:440px) {


    /* .container-imagem img.img-mobile, .card-dois-sobre img.img-mobile {
        width: 270px;
        height: 340px;
        object-fit: cover;
        border-radius: 30px;
        display: block;
    }

    .card-dois-sobre img.img-mobile {
        width: 220px;
        height: 200px;
        display: block;
    } */

    .container-imagem img, .card-dois-sobre img {
        /* display: none; */
        width: 270px;
        height: 340px;
        object-fit: cover;
        border-radius: 30px;
    }

    .card-dois-sobre img {
        /* display: none; */
        width: 220px;
        height: 200px;
    }

    .area-imagem-quem-somos {
        transform: translate(-6%, -12%);
    }

    .container-imagem {
        margin-bottom: 15px
    }

    #quem_somos {
        padding-top: 60px !important;
    }
}

@media (max-width:375px) {
    #quem_somos .area-galeria-quem-somos img {
        width: 300px;
        height: 200px;
    }

    .area-imagem-quem-somos {
        transform: translate(-4%, -12%);
    }
}

@media(max-width:320px) {
    .area-imagem-quem-somos {
        transform: translate(-4%, -16%);
    }

    .container-imagem img {
        width: 230px;
        height: 280px;
    }

    .card-dois-sobre img {
        width: 200px;
        height: 180px;
    }
}




/* ESPECIALIDADES */

.especialidades {
    background-color: var(--cor-background);
    padding-bottom: 80px;
    padding-top: 80px;
}



/* MEDICINA OCUPACIONAL */

.medicina-interna {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: var(--cor-background);
    margin-top: -25px;
}

.medicina-interna .area-conteudo-med {
    padding: 0px;
}

.area-textos-med.interno {
    flex-direction: column;
}

.area-titulos-med.interno {
    width: 100%;
}

.area-titulos-med.interno h1 {
    color: var(--cor-titulo);
    font-family: var(--fonte-titulo);
    font-size: 2.188em;
    text-transform: none;
    font-weight: 300;
}

.area-conteudo-med.interno {
    padding: 0px !important;
}

.texto-med.interno {
    width: 100%;
}




/* ESPECIALIDADES  */

.especialidades {
    margin-top: -25px;
}


/* TRABALHE CONOSCO */
#trabalhe_conosco {
    background-color: var(--cor-branco);
    margin-top: -25px;
    padding: 40px 0px 40px 0px;
}

.area-titulo-trabalhe h1 {
    font-family: var(--fonte-titulo);
    color: var(--cor-texto-novo);
    font-size: 2.188em;
    font-weight: 300;
    padding-bottom: 25px;
    text-align: center;
}

/* .area-formulario-trabalhe{
    background-color: aqua;
} */

.area-formulario-trabalhe {
    padding-bottom: 40px;
}

.area-formulario-trabalhe .formulario_ajax input {
    width: 100%;
    height: 55px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    border: 1px solid #DDDDDD;
    font-family: var(--fonte-texto);
    box-sizing: border-box;
    font-size: 1em;
    background: #ffffff;
    border-radius: 0;
}

.area-formulario-trabalhe .formulario_ajax textarea {
    width: 100%;
    height: 230px;
    border: 1px solid #DDDDDD;
    background: #ffffff;
    font-size: 1em;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 8px;
    border-radius: 0;
    font-family: var(--fonte-texto);
    font-weight: 500;
    color: var(--cor-texto);
}

.area-formulario-trabalhe .formulario_ajax .captcha-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.area-formulario-trabalhe .formulario_ajax .captcha-area .btn_enviar {
    width: 200px;
    height: 57px;
    background-color: var(--cor-secundaria);
    color: var(--cor-branco);
    font-family: var(--fonte-texto);
    cursor: pointer;
    font-size: 1.125em;
    border: 2px solid #ffffff;
    border-radius: 4px;
    font-weight: 600;
    transition: 0.4s ease;
}

.area-formulario-trabalhe .formulario_ajax .captcha-area .btn_enviar:hover {
    box-sizing: border-box;
    background-color: var(--cor-primaria);
}

.area-formulario-trabalhe .file-upload {
    position: relative;
    display: inline-block;
    transition: 0.3s ease;
}


.area-formulario-trabalhe .file-upload-label {
    display: block;
    padding: 0.4em 1em;
    color: #fff;
    background: var(--cor-secundaria);
    border-radius: 0.4em;
    transition: background .3s;
    cursor: pointer;
    margin-bottom: 16px;
    width: 300px;
    position: relative;
}


.area-formulario-trabalhe form input[type='file'] {
    height: auto !important;
    color: var(--cor-primaria);
    padding: 0;
    cursor: pointer;
}

.area-formulario-trabalhe .input-arquivo {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 1;
    width: 0;
    height: 100%;
    opacity: 0;
}

.clip-papel {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.clip-papel img {
    transform: rotateZ(352deg);
    margin-top: 3px;
}


@media(max-width:440px) {
    .area-formulario-trabalhe .formulario_ajax .captcha-area {
        display: flex;
        flex-direction: column;
    }
}

@media(max-width:375px) {
    .area-formulario-trabalhe .file-upload-label {
        width: 85%;
    }
}


/* ==== CONTATO ==== */

.contato {
    background-color: var(--cor-branco);
    padding-top: 80px;
    padding-bottom: 80px;
    margin-top: -25px;
}

.contato .titulo-contato {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
}

.titulo-contato h3 {
    font-weight: 300;
    font-size: 2.188em;
    font-family: var(--fonte-titulo);
    font-weight: 300;
    color: var(--cor-texto)
}

.contato .itens {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.contato .esquerda {
    width: 32%;
    display: flex;
    flex-direction: column;
    align-self: baseline;
    margin-top: 30px;
}

.contato .esquerda .item {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}

.contato .esquerda .item:hover {
    transform: scale(1.1);
    transition: 0.5s;
}

.contato .esquerda .area-1 {
    display: flex;
    align-items: center;
    width: 40px;
    justify-content: center;
}

.contato .esquerda .area-2 {
    display: flex;
    padding: 0 15px 0 8px;
    box-sizing: border-box;
    color: #444346;
    font-size: 1em;
    line-height: 190%;
    flex-direction: column;
}

.contato .esquerda .area-2 a,
.contato .esquerda .area-2 p {
    color: var(--cor-texto);
    font-size: 1em;
    font-family: var(--fonte-texto);
}

.contato .direita {
    width: 68%;
}

/* .input-container input:focus + .icon, 
 .input-container input:not(:placeholder-shown) + .icon {
    display: none;
 } */



.contato .direita .formulario input {
    width: 100%;
    height: 55px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    border: 1px solid #DDDDDD;
    font-family: var(--fonte-texto);
    box-sizing: border-box;
    font-size: 1em;
    background: #ffffff;
    border-radius: 0;
}

.contato .direita .formulario input::placeholder {
    font-family: var(--fonte-texto);
    font-weight: 500;
    color: var(--cor-texto);
}

.contato .direita .formulario textarea {
    width: 100%;
    height: 230px;
    border: 1px solid #DDDDDD;
    background: #ffffff;
    font-size: 1em;
    padding: 16px;
    box-sizing: border-box;
    margin-bottom: 8px;
    border-radius: 0;
    font-family: var(--fonte-texto);
    font-weight: 500;
    color: var(--cor-texto);

}

.contato .direita .formulario textarea::placeholder {
    font-family: var(--fonte-texto);
    color: var(--cor-texto);
}

.contato .captcha-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.g-recaptcha {
    margin: 10px 0;
    display: block;
}

.contato .direita .formulario button {
    width: 200px;
    height: 57px;
    background-color: var(--cor-secundaria);
    color: var(--cor-branco);
    font-family: var(--fonte-texto);
    cursor: pointer;
    font-size: 1.125em;
    border: 2px solid #ffffff;
    border-radius: 4px;
    font-weight: 600;
    transition: 0.4s ease;

}

.contato .direita .formulario button:hover {
    box-sizing: border-box;
    background-color: var(--cor-primaria);

}


/* Contato MQ */

@media(min-width:428px) and (max-width:768px) {
    .contato {
        display: flex;
    }

    .contato .esquerda,
    .contato .direita {
        width: 100%;
    }

    .contato .sublinhado {
        display: flex;
        justify-content: center;
        height: 5px;
        background-color: #ADC2CE;
    }

    .contato .titulo-contato h1 {
        font-weight: 300;
        font-size: 2em;
        /* position: absolute; */
        padding-top: 36px;
    }


    .contato .captcha-area {
        display: flex !important;
        flex-direction: column !important;
    }

}

/* contato 425 */
@media(max-width:425px) {

    .contato .captcha-area {
        display: flex !important;
        flex-direction: column !important;
    }

    .titulo-contato h1 {
        font-size: 1.875em;
        margin-left: 20px;
    }

    .contato .esquerda,
    .contato .direita {
        width: 100%;
    }

    .contato .itens {
        padding-top: 0 !important;
    }

}

/* contato 375 */
@media(max-width:375px) {

    .contato .titulo h1 {
        font-size: 1.875em !important;
    }

    .contato .itens {
        padding: 0;
    }

}

/* contato 320 */
@media(max-width:320px) {

    .contato .esquerda .item {
        gap: 5px;
    }

}

/* politica de privacidade */
#politica_area {
    margin-top: -25px;
    background-color: var(--cor-background);
}

#politica_area ul li {
    color: var(--cor-texto-novo);
    margin-left: 25px;
}

.politica-privacidade h1 {
    font-family: var(--fonte-titulo);
    color: var(--cor-texto-novo);
    padding-bottom: 20px;
    font-weight: 300;
    font-size: 1.875em;
}

.texto-padrao {
    color: var(--cor-texto-novo);

}

.texto-padrao h1 {
    font-family: var(--fonte-titulo);
    font-weight: 300;
    font-size: 1.875em;

}

.texto-padrao p {
    font-family: var(--fonte-texto);
    font-size: 1em;
    color: var(--cor-texto-novo);

}

@media(max-width:440px){
    .politica_area{
        padding-top:60px;
        padding-bottom:60px;
    }
}