body {
            margin: 0;
            padding: 0;
            font-family: sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #f0f0f0;
        }

        /* Estilos Generales para Contenedores */
        .container-full { width: 100%; }
        .container-fixed { width: 1050px; margin: 0 auto; }

        /* Espacio 1 */
        #mennu {
            height: 70px;
            background-color: #2b4b5f;
        }

        /* Espacio 2 */
        #press {
            height: 430px;
			background-image: url('bgpress.jpg'); /* Tu imagen de fondo */
  
  background-repeat: no-repeat; /* Evita que se repita */
  background-size: cover; /* Cubre todo el espacio sin distorsionar */
	
		background-attachment: fixed;
           /* background-color: #b7afa1;	*/
            position: relative; /* Para el rectángulo flotante */
        }

        /* Rectángulo especial entre press y spacio */
        .rect-flotante {
            position: absolute;
            bottom: -0px; /* Mitad de su altura (184/2) para quedar en medio */
            left: 70px;
            width: 184px;
            height: 230px;
            z-index: 10;
            background-image: url('bases.jpg');
            background-size: cover;
            background-position: center;
        }

        /* Espacio 3 */
        #spacio {
            height: 150px;
            background-color: #e6e3d8;
            position: relative;
        }

        /* Espacio 4: Regis */
        #regis {
            height: 670px;
            background-color: #e6e3d8;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
            gap: 70px;
        }

        /* Espacio 5: Liss */
        #liss {
            height: 290px;
            background-color: #C7BFA5;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 70px;
        }

        /* Espacio 6: Direc */
        #Direc {
            height: 750px;
            background-color: #c6a2b0;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-content: center;
            gap: 55px;
        }

        /* Espacio 7: Datos */
        #datos {
            height: 120px;
            background-color: #d7cee4;
        }

        /* Estilos comunes para los rectángulos internos */
        .card {
            transition: transform 0.3s ease;
            box-shadow: 0 4px 8px rgba(0,0,0,0.3);
            background-size: cover;
            background-position: center;
        }

        .card:hover {
            transform: translateY(-20px);
        }

        /* Tamaños específicos por sección */
        .reg-card { width: 200px; height: 250px; background-image: url('bases.jpg'); }
        .liss-card { width: 184px; height: 230px; background-image: url('bases.jpg'); }
        .dir-card { width: 160px; height: 200px; background-image: url('bases.jpg'); }