/* 1. Fondo de Página (BODY) */
body.page-index {
    background-image: url('../img/fondo-tienda.jpg'); 
    background-repeat: no-repeat; 
    background-attachment: fixed;
    background-position: center center;
    background-size: cover; 
}

/* 2. Capas que cubren el fondo - HACERLAS TRANSPARENTES */
/* Aplicamos los selectores al body.page-index para MÁXIMA prioridad */
body.page-index main#main,
body.page-index section#wrapper,
body.page-index #content-wrapper,
body.page-index header#header {
    background: transparent !important;
}

/* 3. Aplicar SEMI-TRANSPARENCIA al contenido (para legibilidad) */
/* El contenido principal dentro del contenedor */
body.page-index .container {
    /* Fondo Blanco con 85% de opacidad. Ajusta el 0.85 si quieres más transparencia */
    background: rgba(255, 255, 255, 0.85) !important; 
    padding: 20px 0;
}