body {
    margin: 0;
}

/* fuente personalizada para titulos */
@font-face{
    font-family: 'CachetStd-Book';
    src: url('../font/CachetStd-Book.eot');
    src: url('../font/CachetStd-Book.eot?#iefix') format('embedded-opentype');
    src: url('../font/CachetStd-Book.svg#CachetStd-Book') format('svg');
    src: url('../font/CachetStd-Book.ttf') format('truetype');
    src: url('../font/CachetStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'BaksoSapi';
    src: url('../font/BaksoSapi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* titulos */
.titulo{
    font-family: 'BaksoSapi', serif;
    color: #007bff !important;
}

.titulo-blanco{
    font-family: 'BaksoSapi', serif;
    color: white !important;
}


/* background de la barra de nav */
#navbar-fondo{
    background-image: url("../img/navbar.png") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nav-amarilla{
    background-color: #FFD600 !important;
    height: 3rem;
}

.fondo-amarillo{
    background-color: #FFD600 !important;
}

.fondo-gris{
    background-color: #d2d3d5 !important;
}

.nav-item a:hover {
    background-color: #FFD600;
    border-radius: 5px;
}

.nav-item li:hover {
    background-color: #FFD600;
    border-radius: 5px;
}

.dropdown-menu a:hover {
    color: black;
    background-color: #FFD600;
    border-radius: 5px;
}

.separador {
    border: 0;
    margin: 0;
    background-color: #FFD600;
    width: 100%;
    height: 5px;
}

.sociales {
    font-size: 1.5em;
    padding: 0.3em;
    /* padding-right: 0.8em;
    padding-left: 0.8em; */
}

.sociales a {
    padding-right: 0.2em;
}

.fondo-caption {
    width: 100%;
    margin: 0;
    background: rgba(34, 34, 34, 0.7);
    padding-top: 2em;
    padding-bottom: 2em;
    border-radius: 10px;
}

.footer-links {
    display: flex;
    align-items: center;
    background-color: lightgrey;
    height: auto;
    padding: 2em;
}

.negro {
    text-decoration: none;
    color: black;
}
.negro:hover{
    text-decoration: none;
    color: black;
}

.footer-credits {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFD600;
    height: 3rem;
    border: 0;
    margin: 0;
}

.imagen-footer{
    height: 95px;
    max-height: 95px;
    background-color: lightgrey;
    background-image: url("../img/footer.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* animacion zoom in-out */
.zoom {
    transition: all 0.1s ease-in-out;
} 
.zoom:hover {
    transform:scale(0.98); 
    transition: all 0.1s ease-in-out;
}

.zoom-chico {
    transition: all 0.1s ease-in-out;
}
.zoom-chico:hover {
    transform:scale(1.1); 
    transition: all 0.1s ease-in-out;
}

#presentacion{
    border-radius: 5px;
    margin: 4px;
}

/* imagen de fondo en quienes somos */
#fondo-empresa{
    border-radius: 3px;
    object-fit: cover; 
}

/* boton back to top */
#back-to-top{
    position: fixed;
    bottom: 8.5rem;
    right: 1.5rem;
    background: black;
    color: #fff;
    padding: 10px 15px;
    display: none;
    transition: .5s;
    font-size: 1rem;
    border-radius:50%;
    /* opacity: 90%; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#back-to-top:focus, #back-to-top:hover{
    color: black;
    text-decoration: none;
    background: #FFD600;
}

#whatsapp-btn{
    position: fixed;
    z-index: 10000;
    bottom: 2.5rem;
    right: .8rem;
    background: #4dc247;
    color: white;
    padding: 3.1px 15px;
    /* display: none; */
    transition: .5s;
    font-size: 2.5rem;
    border-radius:50%;
    /* opacity: 90%; */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#whatsapp-btn:focus, #whatsapp-btn:hover{
    color: white;
    text-decoration: none;
    /* background: green; */
}

/* boton flotante */
/* #floating-btn{
    position: fixed;
    bottom: 3.5rem;
    left: 1.5rem;
    background: black;
    color: #fff;
    padding: 10px 15px;
    transition: .5s;
    font-size: 1rem;
    border-radius: 20px;
    text-decoration: none;
    z-index: 1000;
    opacity: 95%;
}

#floating-btn:focus, #floating-btn:hover{
    color: black;
    text-decoration: none;
    background: #FFD600;
} */

#contenedor-buscador{
    padding-top:10px; 
    padding-bottom:20px;
}

#contenedor-resultado{
    position: absolute; 
    z-index: 1000;
}

#desplegable{
    min-width: 450px;
    max-height: 45vh; 
    overflow: auto; 
    overflow-y: scroll;
}

#elemento-busqueda:hover{
    background-color: #f7f7f7!important;
}

#buscador{
    transition: all 0.1s ease-in-out;
}

.mobile-logo{
    display: none;
}

.chico{
    display: none;
}

.popup{
    height:30rem
}

@media(max-width:990px) {
    .popup{
        height:15rem
    }

    .chico{
        display: flex;
    }

    .grande{
        display: none;
    }

    #carousel-img {
        height:95vh;
        object-fit: cover;
    }

    .nav-amarilla{
        background-color: #FFD600 !important;
        height: auto;
    }

    .sociales {
        font-size: 1.5em;
        padding-right: 0.8em;
        padding-left: 0.1em;
    }

    .sociales-chico {
        
        padding-left: 0.9em;
    }

    .esconder {
        display: none;
    }

    #navbarSupportedContent{
        font-weight: 300;
        font-size: 1.4em;
    }

    #navbarSupportedContent>ul>li>a{
        display: flexbox;
        justify-content: center !important;
    }
    
    .mobile-logo{
        display: inline-flex;
    }
}

@media(min-width:1365px) {
    #carousel-img {
        height: 90vh;
        object-fit: cover;
    }

    #fondo-empresa{
        object-fit: cover;   
    }
}