* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: white;
    font-family: 'Roboto', sans-serif;
}

nav {
    background: rgb(255,230,165);
    background: linear-gradient(90deg, rgb(248, 222, 156) 0%, rgba(181,139,80,1) 70%);
    color: black;
    font-weight: 400;
}

.dropdown-menu {
    background: rgb(255,230,165);
}

.dropdown-item.active {
    background: #7a5011;
    color: white;
}

footer {
    background: rgb(255,230,165);
    background: linear-gradient(90deg, rgba(255,230,165,1) 0%, rgba(181,139,80,1) 70%); 
    color: black;
    /* font-family: 'Assistant', sans-serif; */
    font-size: small;
    text-align: center;
}

.footer-titulo {
    color: black;
}

.footer-lista {
    list-style: none;
    color: black;
    padding-bottom: 10px;
    font-weight: 700;
}

.footer-lista a {
    list-style: none;
    color: black;
}

.footer-lista a:hover {
    color: black;
}

@media (max-width: 900px) {
    .buscador-text {
        overflow: hidden;
    }
}

@media (max-width: 900px) {
    .card-columns {
        column-count:1;
    }
}

/* NAV - BOTON */
.navbar-btn {
    color: black;
}

.navbar-btn:hover {
    background-color: #7a5011;
    border-color: #7a5011;
    color: white;
    transition: linear;
}

/* INDEX carousel */

.carousel-inner {
    align-items: center;
    max-height: 100%;
}

.carousel-inner img {
    width: 100%;
    height: auto;
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.35);
    font-family: 'Sacramento', cursive;
    font-size: larger;
}

/* ACERCA DE NOSOTROS */
title{
    margin-top: 50px;
}

.avatar {
    width: 200px;
    height: 200px;
    border-radius: 100%;
}
    
.avatar .imagenpro {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

/* ERROR 404 */

.imghomero {
    float: right;
}

/* CONTACTO */
.login-btn {
    background-color: #fee5a4;
    border-color: #7a5011;
    color: black;
}

.login-btn:hover {
    background-color: #7a5011;
    border-color: #7a5011;
    color: white;
    transition: linear;
}

/* PRODUCTOS - RECETAS */
.productos .card {
    border-color: #c29b5f;
}
.productos .card h2 {
    background-color: #c29b5f;
    -webkit-text-stroke: 1px black;
    color: #ffffff;
}
.atitulo {
    color: #c29b5f;
}
.atitulo a:hover {
    color: #c29b5f;
    text-decoration: none;
}
.boton {
    background-color: #fee5a4;
    border-color: #7a5011;
    color: black;
    transition: linear;
}
.boton:hover {
    background-color: #7a5011;
    border-color: #7a5011;
    color: white;
    transition: linear;
}

.imagefect {
    -webkit-filter: contrast(70%);
    filter: contrast(70%);
    -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
    transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
    transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
    transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
}

.card:hover .imagefect {
    -webkit-filter: contrast(100%);
    filter: contrast(100%);
}

.card {
    overflow: hidden;
}
.navul {
    background-color: #c29b5f;
}
.anav {
    color: #a5a29e;
    background-color: #ffe195;
    text-decoration: none;
}
.anav:hover {
    color: black;
    text-decoration: none;
}
.receta {
    color: #c29b5f;
    text-decoration: none;
}
.receta:hover {
    color: black;
    transition: linear;
    text-decoration: none;
}

/* USUARIO */
.usuario {
    height: 600px;
}

/* BOTON WHATSAPP */
#btn-mas {
    display: none;
}

.containerbtn {
    position: fixed;
    bottom: 40px;
    right: 40px;
}

.redes a i {
    display: block;
    background: white;
    color: green;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 1);
}

.redes a {
    text-decoration: none;
}

.fa-whatsapp:hover {
    background: green;
    color: white;
}