.fondo{
    width: 100%;
    height: 500px;
    background-image: url('../img/Local1.jpg') !important;
    background-repeat: no-repeat !important;      /* Evita que se repita */
    background-size: cover !important;            /* Adapta la imagen a la pantalla */
    background-position: center !important;       /* Centra la imagen */
    /*background-attachment: fixed !important;*/
}
.mapa{
    width: 100%;
    height: 250px;
}
/*
.titulo{
    font-family: "Lora";
    font-size: 100px; /* o clamp(3rem, 10vw, 10rem) 
    letter-spacing: -0.03em;
    
    /* PASO 1: El borde */
    /*-webkit-text-stroke: 1px rgb(255, 255, 255); /* Borde rojo de 3px */
    
    /* PASO 2: El relleno (se pone transparente para que se vea el borde) 
    color: transparent; 
    
    /* PASO 3: El relleno DE VERDAD (se pinta por DETRÁS del borde) 
    background:  rgb(254, 254, 254);
    -webkit-background-clip: text;
    background-clip: text;

    text-shadow: 
        2px 2px 4px rgba(0,0,0,.7);
}*/
.titulo {
    font-family: "Lora";
    font-size: 100px;
    letter-spacing: -0.03em;

    color: white;

    text-shadow:
        2px 2px 3px rgba(0, 0, 0, 1),
        -1px -1px 0 rgba(0, 0, 0, 0.7);
}


@media (max-width: 600px){
    .fondo{
        background-image: url('../img/Local.webp') !important;
        height: 800px;
    }
    .titulo{
        color: white;
        -webkit-text-stroke: 1px rgb(0, 0, 0);
        text-align: end;
        font-size: 70px;
    }
}
@media (max-width: 1000px){
    .titulo{
        font-size: 70px;
    }
}