/* =========================
   SECCIONES LEGALES (Aviso de Privacidad / Legal)
========================= */

.p-aviso {
    background: linear-gradient(to bottom, #eae7dd, #d6cfbb);
    color: #322203;
    font-family: 'Lora', serif;
    line-height: 1.7;
}

/* --- Contenedor principal --- */
.bloque-legal.bloque-elegante {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 16px;
    padding: 3rem 2.5rem;
    max-width: 900px;
    margin: 3rem auto;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    text-align: justify;
    border: none;
}

/* --- Títulos y párrafos --- */
.titulo-seccion {
    font-family: 'Cinzel Decorative', serif;
    color: #322203;
    font-size: 2.5rem;
    text-align: center;
}

.bloque-legal p {
    margin-bottom: 1.4rem;
    font-size: 1.05rem;
    color: #3e2e0d;
    letter-spacing: 0.2px;
}

.bloque-legal strong {
    color: #a97c30;
    font-family: 'Cinzel', serif;
}

/* --- Último párrafo (actualización) --- */
.ultimo-parrafo {
    font-style: italic;
    font-size: 0.95rem;
    color: #6b5b3a;
    text-align: right;
    margin-top: 2rem;
}

/* --- Separador de sección --- */
.separador-seccion {
    width: 80px;
    height: 2px;
    background-color: #a97c30;
    margin: 1rem auto 2rem;
    opacity: 0.8;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 992px) {
    .bloque-legal.bloque-elegante {
        padding: 2.5rem 2rem;
        max-width: 90%;
    }

    .titulo-seccion {
        font-size: 2.2rem;
    }

    .bloque-legal p {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .bloque-legal.bloque-elegante {
        padding: 2rem 1.2rem;
        margin: 2rem auto;
    }

    .titulo-seccion {
        font-size: 2rem;
    }

    .bloque-legal p {
        font-size: 0.95rem;
        line-height: 1.6;
    }

    .ultimo-parrafo {
        font-size: 0.9rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .bloque-legal.bloque-elegante {
        padding: 1.5rem;
        border-radius: 12px;
    }

    .titulo-seccion {
        font-size: 1.8rem;
    }

    .bloque-legal p {
        font-size: 0.9rem;
    }
}


/* ==========================================
   IMAGEN ENCIMA DEL CONTENIDO - AJUSTE FINAL
========================================== */
.logo-encima {
    position: fixed;
    top: 55%; /* un poco más abajo */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px; /* tamaño equilibrado */
    opacity: 0.09; /* muy sutil, no interfiere */
    z-index: 10; /* encima del texto, pero debajo de menú fijo */
    pointer-events: none;
    mix-blend-mode: multiply; /* 🔹 integra el color con el fondo */
}