/* -------------------------------------------------------------
   Fondo global — versión escritorio (imagen horizontal)
-------------------------------------------------------------- */
body {
    background-image: url("/images/festivalpanoramaindie.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
}

.container,
.content {
    background: transparent !important;
}

/* -------------------------------------------------------------
   📱 Versión móvil — cambia a imagen vertical
-------------------------------------------------------------- */
@media (max-width: 700px) {
    body {
        background-image: url("/images/festivalpanoramaindie-vertical.jpg");
        background-size: cover;
        background-position: center top;
        background-attachment: scroll; /* mejora en móviles */
    }

    .content {
        padding: 1rem;
        font-size: 1rem;
    }
}

/* -------------------------------------------------------------
   📱 Tablets
-------------------------------------------------------------- */
@media (min-width: 701px) and (max-width: 1024px) {
    body {
        background-image: url("/images/festivalpanoramaindie.jpg");
        background-size: cover;
        background-position: center;
    }

    .content {
        padding: 2rem;
        font-size: 1.1rem;
    }
}

/* -------------------------------------------------------------
   🖥️ Escritorio
-------------------------------------------------------------- */
@media (min-width: 1025px) {
    body {
        background-image: url("/images/festivalpanoramaindie.jpg");
        background-size: cover;
        background-position: center;
    }

    .content {
        padding: 3rem;
        font-size: 1.2rem;
    }
}