html, body {
    height: 100%;           /* que ocupen toda la ventana */
    margin: 0;              /* quitar márgenes por defecto */
    display: flex;
    flex-direction: column; /* apilar en columna */
    padding: 0;
    }

#en-preparacion-main {
    flex: 1;                /* ocupa todo el espacio disponible */
    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: center;    
    text-align: center;
    background-color: #fff;
    background: url("../imagenes/mar2.png") center/cover no-repeat;
    overflow: hidden;   
    }

/* Contenedor general */
#en-preparacion-contenido {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 70vh; /* ocupa casi toda la altura de la pantalla */
    text-align: center;
    padding: 40px 20px;
    font-family: "Lato", sans-serif;
    
    z-index: 2;
    }

/* Bloques superiores e inferiores */
.en-preparacion-bloques {
    max-width: 800px;
    width: 100%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }


     .en-preparacion-bloques:hover {
      
			box-shadow: 0 6px 14px rgba(0,0,0,0.15); 
			border: 2px solid #C89B3C;
            border-radius: 12px;
    }


/* Parte superior */
.bloque-superior-bg {
    background: linear-gradient(180deg, #c9b387, #323543 90%);
    padding: 60px 20px;
    border-radius: 12px 12px 0 0;
    color: #fff;
    }

.bloque-superior-texto h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.15);
    letter-spacing: 3px;  
    word-spacing: 5px;
    }

/* Parte inferior */
.bloque-inferior {
    background: #f8f8f8;
    padding: 40px 20px;
    border-radius: 0 0 12px 12px;
    border: 1px solid #ddd;
    border-top: none;
    }

.bloque-inferior-texto p {
    font-size: 1.2rem;
    color: #333;
    margin: 0;
    line-height: 2;
    letter-spacing: 1px;  
    word-spacing: 2px;
    }

a.enlace-redes {
    font-size: 1.5rem;
    font-weight: 900;
    color: #333333;
    margin: 0;
    line-height: 2;
    letter-spacing: 1px;  
    word-spacing: 2px;
    }

     a.enlace-redes:hover {
        color: #d4b483;
      }