*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:root{
    --Naranja: #CB3C07;
    --Blanco: white;
    --Amarillo: #F9A620;
    --AmarilloContraste: #f9a62070;
    --CafeOscuro: #3C1518;

    font-size: 16px;
}

html{
    scroll-behavior: smooth;
}

/* Barra de navegación */

.navegador{
    background-color: var(--Naranja);
    height: 130px;
    overflow: hidden;
    box-shadow: 0px 0px 6px 1px #3C1518;
    z-index: 1;
    position: absolute;
    width: 100%;
}

.navegador__contenedor{
    max-width: 1400px;
    margin: auto;
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.navegador__imagen img{
    margin-top: 10px;
    height: 130px;
    /* border: solid 1px black; */
}

.navegador__indice{
    height: 100%;
    padding-top: 75px;
}

.navegador__indice a{
    text-decoration: none;
    color: var(--Blanco);
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
    text-shadow: -.3px .3px 2px #3c1518c7;
    font-size: 1.3rem;
    margin-left: 15px;
}

.navegador__indice li{
    list-style: none;
    display: inline-block;
    transition: all 0.2s;
}

.navegador__indice li:hover{
    transform: scale(1.1);
}

/* Hero */

.hero{
    background-color: var(--Amarillo);
    /* z-index: 0; */
    position: relative;
    top: 130px;
}

.hero .contenedor{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contenedor{
    max-width: 1400px;
    margin: auto;
    width: 90%;
    padding: 50px 0 50px;
}

.hero h1{
    font-family: "Cormorant Garamond", serif;
    font-size: 4.5rem;
    color: var(--Blanco);
    text-shadow: -1.5px 1.5px 0px #3c1518c7;
    margin-bottom: 25px;
    text-align: center;
}

.hero p{
    text-align: center;
}

.hero .texto{
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.9rem;
    color: var(--CafeOscuro);
    width: 80%;
    margin-bottom: 30px;
}

.seccion__texto-parrafos{
    text-align: center;
    list-style: 1.8rem;
    margin-bottom: 15px;
}

.seccion__texto{
    text-align: center;
    margin-bottom: 60px;
    line-height: 1.8rem;
}

.texto{
    font-family: "Roboto", sans-serif;
    color: var(--CafeOscuro);
}

.boton{
    display: inline-block;
    background-color: var(--Naranja);
    text-decoration: none;
    padding: 12px 20px;
    border-radius: 7px;
    color: var(--Blanco);
    font-family: "Cormorant Garamond", sans-serif;
    text-shadow: -.3px .3px 2px #3c1518c7;
    font-size: 1.2rem;
    font-weight: 500;
    transition: all 0.3s;
}

.boton:hover{
    transform: scale(1.1);
}

.boton:active{
    background-color: var(--CafeOscuro);
}

/* Menu */

.seccion__titulo{
    font-size: 3rem;
    text-align: center;
    margin-bottom: 20px;
    color: var(--Naranja);
    text-shadow: -1.6px 1.3px 0px #3c15189f;
}

.menu{
    margin-top: 130px;
}

.menu__imagen{
    display: flex;
    justify-content: center;
}

.menu__imagen img{
    height: 1100px;
    box-shadow: 0px 0px 6px -1px #3C1518;
    margin-bottom: 120px;
    transition: all 0.3s;
}

.menu__imagen img:hover{
    transform: scale(1.1) translateY(50px);
}

/* Cotizacion */

.seccion__contraste{
    background-color: var(--AmarilloContraste);
}

.boton__contenedor{
    display: flex;
    justify-content: center;
}

.seccion__texto--boton{
    margin-bottom: 30px;
}

/* Footer */

footer{
    background-color: var(--Naranja);
}

.footer{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.footer__redes h3{
    color: var(--Blanco);
    font-family: "Cormorant Garamond", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    margin-bottom: 15px;
    text-shadow: -.3px .3px 2px #3c1518c7;
}

.footer__redes li{
    list-style: none;
    display: inline-block;
}

.footer__redes a{
    text-decoration: none;
    color: var(--Blanco);
    margin-bottom: 20px;
}

.footer__redes .fa-brands{
    font-size: 2.3rem;
    margin-right: 8px;
    transition: all 0.3s;
}

.footer__redes .fa-brands:hover{
    transform: scale(1.1);
    color: var(--Amarillo);
}

.footer__propiedad{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.footer__propiedad .texto{
    color: var(--Blanco);
    line-height: 1.4rem;
    text-align: right;
    font-size: 0.9rem;
}

/* Página de Menú */

.menu__pagina{
    width: 100vw;
}

.menu__pagina img{
    width: inherit;
    margin-top: 50px;
    margin-bottom: 50px;
}

.menu__pagina-body{
    background-color: var(--Amarillo);
}

.menu__footer{
    margin-top: 130px;
}
/* Diseño móvil */

@media screen and (max-width: 1000px) {
    /* Menu */
    .menu__imagen img{
        height: 1000px;
    }

    .menu__imagen img:hover{
        transform: none;
    }

    .seccion__titulo{
        font-size: 2.7rem;
        text-shadow: -1.3px 1.3px 0px #3c15189f;
    }

    /* Footer */
    .footer{
        flex-direction: column;
    }

    .footer__redes{
        margin-bottom: 20px;
    }

    .footer__redes .fa-brands{
        font-size: 2.3rem;
    }

    .footer__propiedad{
        width: 100%;
    }

    .footer__propiedad .texto{
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 900px) {
    /* Hero */
    .hero .texto{
        width: 90%;
    }
    
    /* Menu */
    .menu__imagen img{
        height: 900px;
    }

    .seccion__titulo{
        font-size: 2.6rem;
        text-shadow: -1.3px 1.3px 0px #3c15189f;
    }

    .boton{
        font-size: 1.1rem;
    }

    /* Footer */
    .footer{
        flex-direction: column;
    }

    .footer__redes{
        margin-bottom: 20px;
    }

    .footer__redes .fa-brands{
        font-size: 2.2rem;
    }

    .footer__propiedad{
        width: 100%;
    }

    .footer__propiedad .texto{
        font-size: 0.9rem;
    }

}

@media screen and (max-width: 800px) {
    /* Hero */
    .hero .texto{
        width: 90%;
    }

    .hero h1{
        font-size: 3.5rem;
    }

    .boton{
        font-size: 1rem;
    }
    
    /* Menu */
    .menu__imagen img{
        height: 800px;
    }

    .seccion__titulo{
        font-size: 2.3rem;
        text-shadow: -1.3px 1.3px 0px #3c15189f;
    }

    /* Footer */
        .footer{
            flex-direction: column;
        }
    
        .footer__redes{
            margin-bottom: 20px;
        }
    
        .footer__redes .fa-brands{
            font-size: 2.1rem;
        }
    
        .footer__propiedad{
            width: 100%;
        }
    
        .footer__propiedad .texto{
            font-size: 0.9rem;
        }
    }

@media screen and (max-width: 700px) {
    /* Hero */
    .hero h1{
        font-size: 3rem;
    }
    
    /* Menu */
    .menu__imagen img{
        height: 700px;
    }

    .seccion__titulo{
        font-size: 2.1rem;
        text-shadow: -1.3px 1.3px 0px #3c15189f;
    }

    /* Footer */
    .footer{
        flex-direction: column;
    }

    .footer__redes{
        margin-bottom: 20px;
    }

    .footer__redes .fa-brands{
        font-size: 2rem;
    }

    .footer__propiedad{
        width: 100%;
    }

    .footer__propiedad .texto{
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 600px) {
    /* Hero */
    .hero h1{
        font-size: 2.8rem;
    }

    /* Menu */
    .menu__imagen img{
        height: 600px;
    }

    .seccion__titulo{
        font-size: 2.1rem;
    }

    /* Footer */
    .footer{
        flex-direction: column;
    }

    .footer__redes{
        margin-bottom: 20px;
    }

    .footer__redes .fa-brands{
        font-size: 2rem;
    }

    .footer__propiedad{
        width: 100%;
    }

    .footer__propiedad .texto{
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 500px) {
    :root{
        font-size: 15px;
    }
    
    /* Barra de navegación */
    .navegador__contenedor{
        flex-direction: column;
    }

    .navegador{
        height: 190px;
    }

    .navegador__indice{
        padding-top: 0;
        height: fit-content;
        padding-bottom: 20px;
    }

    .navegador__indice a{
        margin-left: 7.5px;
        margin-right: 7.5px;
    }

    /* Hero */
    .hero{
        top: 190px;
    }

    .hero h1{
        font-size: 2.5rem;
        text-shadow: -1px 1.5px 0px #3c1518c7;

    }

    .hero .texto{
        width: 100%;
    }
    
    /* Menu */
    .menu__imagen img{
        height: 470px;
        margin-bottom: 40px;
    }

    .menu{
        margin-top: 190px;
    }

    .menu .seccion__texto{
        margin-bottom: 50px;
    }

    .seccion__titulo{
        font-size: 1.9rem;
        text-shadow: -1.2px 1.2px 0px #3c15189f;
    }

    /* Footer */
    .footer{
        flex-direction: column;
    }

    .footer__redes{
        text-align: center;
        margin-bottom: 20px;
    }

    .footer__propiedad{
        width: 100%;
        justify-content: center;
    }

    .footer__propiedad .texto{
        text-align: center;
        font-size: 0.8rem;
    }

    .footer__redes .fa-brands{
        font-size: 2.3rem;
        margin-right: 8px;
        margin-left: 8px;
    }

    .menu__footer{
        margin-top: 190px;
    }
}

@media screen and (max-width: 400px) {
    :root{
        font-size: 14px;
    }
    
    /* Hero */
    .hero h1{
        font-size: 2.5rem;
        text-shadow: -1px 1.5px 0px #3c1518c7;
    }
    
    .hero .texto{
        width: 100%;
    }
    
    /* Menu */
    .menu__imagen img{
        height: 350px;
    }

    .seccion__titulo{
        font-size: 1.9rem;
        text-shadow: -1.2px 1.2px 0px #3c15189f;

    }

    /* Footer */
    .footer__propiedad{
        justify-content: center;
    }
    
    .footer__propiedad .texto{
        font-size: 0.8rem;
    }

    .footer__redes .fa-brands{
        font-size: 2.3rem;
        margin-right: 8px;
        margin-left: 8px;
    }
}