*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: "Lato";
    src: url("../Lato/Lato-Regular.ttf");
}
body{
    font-family: "Lato";
    position: relative;
    overflow-x: hidden;
}
.logotipo{
    width: 300px;
}
.logotipo-qr{
    width: 300px;
}
.logotipo-peru{
    width: 160px;
    height: auto;
}
.bg-dark{
    background: #662549;
}
.bg-brown{
    background: #3F2305;
    color: #fff;
}
.texto-marron{
    color: #662549;;
}
.texto-marron2{
    color: #3F2305;
}
.texto-mayu li{
    text-transform: uppercase;
}
.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) #f58212 !important;
}
.border-marron{
    border-color: #3F2305 !important;
}
.bg-marron-claro{
    background-color: #F8F6F4;
}
.bg-marron-claro2{
    background-color: #DADDB1;
}
.bg-marron-footer{
    background-color: #447a7c;
    color: #fff;
}
.img-object-fit{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.img-object-fit-2{
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.img-object-fit-360{
    width: 100%;
    height: 360px;
    object-fit: cover;
}
.list-group-item {
    padding: 5px 0 !important;
}
.fondo-qr{
    background-image: url("../../images/fondo.jpg");
}
/*
.img-navidad{
    background-image: url('../../images/christmas.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-attachment: fixed;
}
*/
.img-fondo-slider{
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)); /* Ruta de la imagen */
}
.img-fondo{
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../../images/fondo-comida2.jpg'); /* Ruta de la imagen */
    background-size: cover; /* Escala la imagen para que cubra todo el div */
    background-repeat: no-repeat; /* Evita la repetición de la imagen */
    background-position: center; /* Centra la imagen en el div */
    background-attachment: fixed;
}
.img-fondop{
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../../images/pollo-brasa.jpg'); /* Ruta de la imagen */
    background-size: cover; /* Escala la imagen para que cubra todo el div */
    background-repeat: no-repeat; /* Evita la repetición de la imagen */
    background-position: center; /* Centra la imagen en el div */
    background-attachment: fixed;
}
.img-fondoc{
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../../images/cumbres-1.jpg'); /* Ruta de la imagen */
    background-size: cover; /* Escala la imagen para que cubra todo el div */
    background-repeat: no-repeat; /* Evita la repetición de la imagen */
    background-position: center; /* Centra la imagen en el div */
    background-attachment: fixed;
}
.img-fotos{
    width: 100%;
    height: 250px;
    object-fit: cover;
}
  /* navidad */
sub {
    position: absolute;
    
    background: #fff;
    border-radius: 50%;
    box-shadow: inset 0 -1px 1px rgb(114, 114, 114);
    top: -10px;
    animation: nieve linear infinite;
}

@keyframes nieve {
    0% {
        top: -10px;
    }
    100% {
        top: calc(100vh + 50px);
    }
}
    /* ----------- */


  /* Estilos para el botón */
  .scroll-top-button {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #AE445A;
    color: #fff;
    border: none;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.texto-shadow{
    text-shadow: 2px 2px 5px #111;
}

/* Estilos para animación del botón */
.scroll-top-button.fade-in {
    animation: fadeIn 0.3s ease-in-out forwards;
}

.scroll-top-button.fade-out {
    animation: fadeOut 0.3s ease-in-out forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@media only screen and (max-width: 400px){
.logotipo {
    width: 320px;
}
.d-flex.flex-column.flex-sm-row.justify-content-between.py-2.px-3.border-bottom {
    text-align: center;
}
.img-object-fit-2{
    width: 100%;
    height: 140px;
    object-fit: cover;
}
.logotipo-peru{
    width: 100%;
    height: auto;
}
}