/* 3.1 — Reset básico del body (quitamos el fondo de aquí) */
body{
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;       /* altura pantalla completa */
  font-family: sans-serif;
}

/* 3.2 — Contenedor con el FONDO a pantalla completa */
.bg-wrapper{
  position: relative;      /* referencia para posicionar el logo dentro */
  min-height: 100vh;
  width: 100%;
  background-image: url("../images/FONDO PLUZ 3.jpg");
  background-size: cover;
  background-position: center;
}

/* 3.3 — Logo flotante */
.logo-pluz{
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 3;             /* por encima del panel .transparente */
  width: clamp(120px, 12vw, 220px);
  height: auto;
  pointer-events: none;   /* no bloquea clics del contenido debajo */
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.35)); /* legibilidad sobre fondos claros */
}



.transparente{
    border: none;
    background: rgba(0,0, 0, 0.3);
    outline: none;
    color: #000;
    
}


.blanco{

    color: #ffffff;
    
}

.blanco{
    color: #ffffff;   
}
.plomo{
    color: #E5E2E2;   
}

.tamanho{
    font-size: 55px;   
}