body{
    background-image:  url('../../images/bg-landing-5.png');
    background-repeat: no-repeat;
    background-position: right -80px;
    font-family: 'Arial', sans-serif;
}

.body-ginecologia{
    background-image:  url('../../images/bg-ginecologia.png');
    background-position: right 0px;
}

.body-dermatologia{
    background-image:  url('../../images/bg-dermatologia.png');
    background-position: right 0px;
}

.body-examenes-medicos{
    background-image:  url('../../images/bg-examenes-medicos.png');
    background-position: right 0px;
}

.body-ortopedia{
    background-image:  url('../../images/bg-ortopedia.png');
    background-position: right 0px;
}

h1{
    font-size: 2.5em;
    color: #195C64;
    text-align: center;
    margin-bottom: 30px;
}

.container{
    padding-top: 50px;
}

.logo{
    width: 100px;
    margin: 0 auto;
}

.text-green{
    color: #195C64;
}

.info-contact{
    text-align: center;
    padding-top: 20px;
}

label{
    font-size: 1.2em;
    color: #195C64;
}

.form-control{
    border-radius: 40px;
}

.btn-primary{
    background-color: #195C64;
    border-radius: 40px;
    border: 1px solid #195C64;
}
.btn-primary:hover{
    background-color: #195C64;
    border-radius: 40px;
}
.btn-primary:focus{
    background-color: #195C64;
    border-radius: 40px;
}
.btn-primary:active{
    background-color: #195C64;
    border-radius: 40px;
}
.btn-primary:visited{
    background-color: #195C64;
    border-radius: 40px;
}
.btn-primary:focus-visible{
    background-color: #195C64;
    border-radius: 40px;
}
.btn-primary:focus-within{
    background-color: #195C64;
    border-radius: 40px;
}

.card{
    border-radius: 20px;
}

.info-contact{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.fa-whatsapp{
    font-size: 35px;
    color: #195C64;
    margin-bottom: 20px;
}

select::after {
    content: "▼"; /* o alguna flechita unicode */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #333;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
}

@media (max-width: 575.98px) { 
    body{
        background-image:  url('../../images/bg-landing-6.png');
        background-position: top right;
    }

    .body-ginecologia{
        background-image:  url('../../images/bg-ginecologia-mobile.png');
        background-position: right -50px;
    }

    .body-dermatologia{
        background-image:  url('../../images/bg-dermatologia-mobile.png');
        background-position: center -220px;
    }

    .body-examenes-medicos{
        background-image:  url('../../images/bg-examenes-medicos-mobile.png');
        background-position: center -100px;
    }

    .body-ortopedia{
        background-image:  url('../../images/bg-ortopedia-mobile.png');
        background-position: center -100px;
    }

    
    h1{
        font-size: 1.5em;
        margin-top: 100px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    body{
        background-position: -200px -250px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    body{
        background-position: -100px -100px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    body{
        background-position: 100px -100px;
    }
}

@media (min-width: 1200px) {
    .info-contact{
        padding-top: 400px;
    }

    .info-contact .text{
        padding: 0 20%;
    }
}