/* Minimal styles for maintenance landing */
html,body{height:100%;margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:#f3f4f6;color:#111;box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}

/* Background logo layer */
/* Logo visible por encima del aviso */
h1{font-size:clamp(24px,5vw,48px);margin:0 0 12px}

/* Logo visible por encima del aviso */
.logo-wrapper{display:flex;flex-direction:column;align-items:center;z-index:2}
.logo{width:128px;height:auto;display:block;opacity:0.98}
.logo-caption{margin-top:6px;color:rgba(0,0,0,0.72);font-weight:700;font-size:16px;letter-spacing:0.2px}

.container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;text-align:center;position:relative;z-index:1;}
h1{
    font-size:clamp(24px,5vw,35px);margin:0 0 12px;
    color:rgb(33, 168, 247)
}
p{margin:0 0 20px;color:#a8a8a8;font-weight:700;font-size:16px;letter-spacing:0.2px}
button{appearance:none;border:0;background:#2563eb;color:white;padding:12px 20px;border-radius:8px;font-size:16px;cursor:pointer}
button:hover{background:#1e40af}

/* Texto bajo el logo (fijo en el fondo) */
@media (max-width: 480px){
  .logo{width:96px}
  .logo-caption{font-size:14px}
}

/* (limpieza: ya no usamos pseudo-elementos de fondo) */