:root {
    --light-green: #edf5f1;
    --light-brown-opacity: rgba(245, 240, 237, 0.6);
    --light-pink: #b2d6ce;
    --dark-green: #4ba18f;
    --super-dark-green: #163730;
    --pastel-brown: #ede6e6;
    --pastel-pink: #e4d8dd;
    --pastel-green: #d7e2df;
    --gray: #46504e;
    --bg-footer: #305045;
    --gris-bg-error: #353535;
    --gris-texto-error: #6b6b6b;
    --rosa-check-gin: #ca0065;
}

body {

    font-family: 'Montserrat', sans-serif;
    margin-top: 72px;
}

::selection {
    background: var(--pastel-pink);
    color: var(--super-dark-pink);
}

#btnSubir {
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s;
    background-color: var(--bg-footer);
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1000
}

#btnSubir img {
    width: 30px;
    height: 30px;
}

.boton-especialidades {
    color: white;
    background-color: var(--bg-footer);
}

.pro-titulos {
    border-bottom: 2px solid var(--super-dark-pink);
}

.pro-titulos h2 {
    color: var(--super-dark-pink);
    font-size: 1.7rem;
}

.dr-broll {
    height: 500px;
    background-image: url(/img/Dr-Ariel-Broll.jpg);
    background-size: cover;
    background-position: center top;
}

.dr-bigon {
    height: 500px;
    background-image: url(/img/Dr-Bigon.jpeg);
    background-size: cover;
    background-position: center top;
}

.dr-barrionuevo {
    height: 500px;
    background-image: url(/img/Barrionuevo-Eduardo.JPG);
    background-size: cover;
    background-position: center top;
}

.lic-merlini-santiago {
    height: 500px;
    background-image: url(/img/Lic-Merlini-Santiago.png);
    background-size: cover;
    background-position: center top;
}

.lic-catania-fatima {
    height: 500px;
    background-image: url(/img/Lic-Catania-Fatima.JPG);
    background-size: cover;
    background-position: center top;
}

.dr-baldo {
    height: 500px;
    background-image: url(/img/Baldo.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-vega {
    height: 500px;
    background-image: url(/img/Baldo.jpg);
    background-size: cover;
    background-position: center top;
}

.dr-arias-b {
    height: 500px;
    background-image: url(/img/Arias-Belen.JPG);
    background-size: cover;
    background-position: center top;
}

.dra-aguero-turbati {
    height: 500px;
    background-image: url(/img/Aguero-Turbati.JPG);
    background-size: cover;
    background-position: center top;
}

.dra-herrera-falon {
    height: 500px;
    background-image: url(/img/Dra-Herrera-Falon-Cecilia-Cirujana-General.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-pamela-centeno {
    height: 500px;
    background-image: url(/img/Dra-Centeno-Pamela-Gastroenterologia.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-andres-diaz {
    height: 500px;
    background-image: url(/img/Diaz-Andres-pediatra-neonatologo.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-maria-jose-vega {
    height: 500px;
    background-image: url(/img/Drz-Vega-Maria-Jose.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-mercedes-saab {
    height: 500px;
    background-image: url(/img/Dra-Saab-Mercedes-Endocrinologa.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-flavia-guillo {
    height: 500px;
    background-image: url(/img/Dra-Guillo-Flavia-Clinica-Medica.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-roxana-amoroso {
    height: 500px;
    background-image: url(/img/am);
    background-size: cover;
    background-position: center top;
}

.dra-noelia-martinez {
    height: 500px;
    background-image: url(/img/Dra-Martinez-Noelia-Dermatologa.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-melhen-cecilia {
    height: 500px;
    background-image: url(/img/Dra-Melhen-Cecilia-Medicina-Familia.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-ferro-maria {
    height: 500px;
    background-image: url(/img/Ferro-Maria.JPG);
    background-size: cover;
    background-position: center top;
}

.dra-fernandez-lourdes {
    height: 500px;
    background-image: url(/img/Fernandez-Lourdes.JPG);
    background-size: cover;
    background-position: center top;
}

.dra-mansilla {
    height: 500px;
    background-image: url(/img/dra-mansilla.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-albornoz {
    height: 500px;
    background-image: url(/img/dra-albornoz.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-aislan {
    height: 500px;
    background-image: url(/img/Dra-Aislan.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-camila-contreras {
    height: 500px;
    background-image: url(/img/Dra-Contreras-Camila-Cirujana-General.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-gaete-guadalupe {
    height: 500px;
    background-image: url(/img/guadalupe);
    background-size: cover;
    background-position: center top;
}

.dra-fernandez-lourdes-psi {
    height: 500px;
    background-image: url(/img/Lic-Lourdes-Fernandez-Psicologa.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-cortes-graciana {
    height: 500px;
    background-image: url(/img/Lic-Cortes-Graciana-Psicologa.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-reyes-rosario {
    height: 500px;
    background-image: url(/img/Lic-Reyes-Rosario-Psicologa.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-maria-jose-cortes {
    height: 500px;
    background-image: url(/img/cortes);
    background-size: cover;
    background-position: center top;
}

.dra-cordoba-lucia {
    height: 500px;
    background-image: url(/img/Dra-Cordoba-Lucia.jpg);
    background-size: cover;
    background-position: center top;
}

.dra-zelaya-constanza {
    height: 500px;
    background-image: url(/img/consta);
    background-size: cover;
    background-position: center top;
}

.dra-julia-maria-jerez {
    height: 500px;
    background-image: url(/img/jerez);
    background-size: cover;
    background-position: center top;
}

.dra-carrapizo-cecilia {
    height: 500px;
    background-image: url(/img/Carrapizo-Cecilia.JPG);
    background-size: cover;
    background-position: center top;
}

.dra-bona {
    height: 500px;
    background-image: url(/img/Bona.JPG);
    background-size: cover;
    background-position: center top;
}

.dra-martin {
    height: 500px;
    background-image: url(/img/Dra-Martin.jpg);
    background-size: cover;
    background-position: center top;
}

.sin-imagen {
    height: 500px;
    background-image: url(/img/Dr-Dra-NoFoto.jpg);
    background-size: cover;
    background-position: center top;
}

.lic-mamprin {
    height: 500px;
    background-image: url();
    background-size: cover;
    background-position: center top;
}

.dra-gallardo-lucia {
    height: 500px;
    background-image: url(/img/Dra-Gallardo-Lucia.JPG);
    background-size: cover;
    background-position: center top;
}

.lic-bona {
    height: 500px;
    background-image: url();
    background-size: cover;
    background-position: center top;
}

.enc-liliana {
    height: 500px;
    background-image: url(/img/Enc-Liliana.jpg);
    background-size: cover;
    background-position: center top;
}

.borde {
    border: solid 1px red;
}

.caracteristica {
    background-color: var(--light-pink-opacity);
    height: 100px;
    backdrop-filter: blur(0.4rem);
}

.profesionales h3 {
    color: var(--pastel-brown);
    font-size: 1rem;
    font-weight: 600;
    padding: 0;
}

.profesionales p {
    color: var(--pastel-brown);
    font-size: 1.1rem;
    margin: 0;
    padding: 0;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  background-color: var(--bg-footer)
}

.dropdown-menu .dropdown-item:hover {
    color: white;
  background-color: var(--dark-green) 
}

#especialidades {
    background-color: #f8f9fa;
    border: 2px solid #000;
    border-radius: 100px;
    padding: 1rem 1rem;
    font-weight: 500;
}