/** GLOBALES **/
:root {
    --fuente: "Andika", serif;
    --colorAzulClaro: #4b64af;
    --colorAzulOscuro: #273765;
    --colorRojo: #e74c3c;
    --colorVerde: #16a085;
    --colorNaranja: #e28000;
    --colorCeleste: #3498db;
    --colorAmarillo: #e6d011;
    --colorVioleta: #ad7eca;
    --colorGris: #dcdcdc;

}



body {
    font-family: var(--fuente) !important;
    color: var(--colorAzulOscuro) !important;
    background-color: var(--colorAzulOscuro) !important;
}

section {
    background-color: white !important;
}

header {
    background-color: var(--colorAzulOscuro);
    border-color: yellow !important;
}

header a {
    text-decoration: none;
    color: white;
}

h2 b {
    color: red;
}

li::marker {
    font-size: 0;
}

article {
    width: 10px;
}

article a {
    text-decoration: none;
    color: var(--colorAzulOscuro);
}

footer {
    background-color: var(--colorAzulOscuro);
    color: white;

    a {
        color: white;
    }
}

footer a:hover {
    color: #fca83b;
}

.colorVerde {
    color: var(--colorVerde);
}

.colorNaranja {
    color: var(--colorNaranja);
}

.fondoDientes {
    background-image: url(/img/odontologico/fondoDientes.jpg);
    background-color: rgba(255, 255, 255, 0.8);
    background-blend-mode: lighten;
}

.btnEstilo {
    background-color: var(--colorAzulOscuro) !important;
    border-color: #17254e !important;
}

.btnEstilo:hover {
    background-color: var(--colorCeleste) !important;
    border-color: #46a0db !important;
}



/** FIN GLOBALES **/

/** HEADER **/


.menu li:nth-child(1):hover {
    border-radius: 50px;
    max-width: 200px;
    background-color: var(--colorNaranja);
    transition: background-color .5s;
    text-align: center;
}

.menu li:nth-child(2):hover {
    border-radius: 50px;
    max-width: 200px;
    background-color: var(--colorNaranja);
    transition: background-color .5s;
    text-align: center;
}

.menu li:nth-child(3):hover {
    border-radius: 50px;
    max-width: 200px;
    background-color: var(--colorNaranja);
    transition: background-color .5s;
    text-align: center;
}

.menu li:nth-child(4):hover {
    border-radius: 50px;
    max-width: 200px;
    background-color: var(--colorNaranja);
    transition: background-color .5s;
    text-align: center;
}

.menu li:nth-child(5):hover {
    border-radius: 50px;
    max-width: 200px;
    background-color: var(--colorNaranja);
    transition: background-color .5s;
    text-align: center;
}

.menu li:nth-child(6):hover {
    border-radius: 50px;
    max-width: 200px;
    background-color: var(--colorNaranja);
    transition: background-color .5s;
    text-align: center;
}

.navbar-toggler {
    border-color: white !important;
}

.navbar-toggler-icon {
    filter: invert(1);
}

/** FIN HEADER **/

/** MEIN **/
/** SLIDER **/

#secSlide {
    background-color: var(--colorAzulOscuro) !important;
}

/** FIN SLIDER **/

#tituloServiciosId,
#tituloNoticiasId {
    color: white !important;
    background-color: var(--colorAzulOscuro);
}

/** SERVICIOS **/
#secServicios article:hover {
    -webkit-transform: scale(1.3);
    transition: 0.3s ease;
}

#superImgId {
    border-radius: 10px;
    height: 250PX;
    width: 400px;
    background-image: url(/img/servicios/super.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#biblioImgId {
    border-radius: 10px;
    height: 250PX;
    width: 400px;
    background-image: url(/img/servicios/biblio.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#odontoImgId {
    border-radius: 10px;
    height: 250PX;
    width: 400px;
    background-image: url(/img/servicios/dentis.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#adultosImgId {
    border-radius: 10px;
    height: 250PX;
    width: 400px;
    background-image: url(/img/servicios/adultos.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#comerciosImgId {
    border-radius: 10px;
    height: 250PX;
    width: 400px;
    background-image: url(/img/servicios/comercios.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#funebreImgId {
    border-radius: 10px;
    height: 250PX;
    width: 400px;
    background-image: url(/img/servicios/funebre.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.textoImagen {
    color: white;
    border-radius: 10px;
    background-color: var(--colorAzulOscuro);

}

.quitarBordes {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.video {
    width: 100%;
    height: 100%;
}


/** FIN SERVICIOS **/

/** COMERCIOS ADHERIDOS**/
#secComercios img {
    width: 75px;
}

#idComercioArtigas {
    background-image: url(../img/slider/sucursales/Artigas/Artigas-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioBellaUnion {
    background-image: url(../img/slider/sucursales/BellaUnion/BellaUnion-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioCanelones {
    background-image: url(../img/slider/sucursales/Canelones/Canelones-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioColonia {
    background-image: url(../img/slider/sucursales/Colonia/Colonia-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioDolores {
    background-image: url(../img/slider/sucursales/Dolores/Dolores-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioFlorida {
    background-image: url(../img/slider/sucursales/Florida/Florida-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioFrayBentos {
    background-image: url(../img/slider/sucursales/FrayBentos/FrayBentos-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioMelo {
    background-image: url(../img/slider/sucursales/Melo/Melo-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioMercedes {
    background-image: url(../img/slider/sucursales/Mercedes/Mercedes-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioMontevideo {
    background-image: url(../img/slider/sucursales/Montevideo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioPaysandu {
    background-image: url(../img/slider/sucursales/Paysandu/Paysandu-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioRivera {
    background-image: url(../img/slider/sucursales/Rivera/Rivera-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioSalto {
    background-image: url(../img/slider/sucursales/Salto/Salto-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioSan_Jose {
    background-image: url(../img/slider/sucursales/SanJose/SanJose-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioTacuarembo {
    background-image: url(../img/slider/sucursales/Tacuarembo/Tacuarembo-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

#idComercioYoung {
    background-image: url(../img/slider/sucursales/Young/Young-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    border-radius: 15px;
}

/** NOSOTROS **/
.linkRojo a {
    color: red;
    font-style: italic;
    text-decoration-line: none;
}

.card {
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    overflow: hidden;
}

.card-body {
    min-height: 90px;
}


/** SALON VENTAS **/

.gallery img {
    width: 400px;
    height: 300px;
}

.galleryAdultosMayores img {
    width: 250px;
    height: 250px;
}

/** AFILIACIONES **/
#frmAfiliacion {
    background-color: var(--colorAzulClaro);
    color: white;
}

iframe {
    width: 100%;
    min-height: 500px;
    height: 100%;
    max-height: 800px;
}


/** FIN MEIN **/