/* PROCPLAG — página de mantenimiento */
:root{--blue:#00529d;--blue-deep:#003f78;--blue-dark:#001a32;--red:#ff1018;--white:#f8fbff;--muted:#a8bfd4}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}
body{min-height:100svh;background:radial-gradient(circle at 75% 35%,rgba(0,82,157,.28),transparent 34%),linear-gradient(135deg,var(--blue-dark),var(--blue-deep) 55%,#00498c);color:#fff;overflow:hidden}
.maintenance{min-height:100svh;display:grid;place-items:center;padding:40px;position:relative;isolation:isolate;overflow:hidden}
.maintenance::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);z-index:-2}
.maintenance::after{content:"";position:absolute;width:min(60vw,780px);height:min(60vw,780px);right:-18vw;top:-12vw;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),rgba(0,82,157,.05) 42%,rgba(0,26,50,.55) 72%,transparent 73%);box-shadow:inset -40px -60px 90px rgba(0,0,0,.22);z-index:-1}
.maintenance__card{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:55px;align-items:center}
.maintenance__brand{width:min(560px,100%);filter:drop-shadow(0 20px 35px rgba(0,0,0,.22));margin-bottom:30px}
.maintenance__eyebrow{font:700 12px/1.3 Arial,sans-serif;letter-spacing:.22em;color:#9ed1ff;margin:0 0 15px;text-transform:uppercase}
.maintenance h1{font-size:clamp(44px,7vw,84px);line-height:.9;letter-spacing:-.055em;margin:0 0 24px;max-width:720px}
.maintenance h1 span{color:var(--red)}
.maintenance p{max-width:650px;color:var(--muted);font-size:clamp(16px,1.5vw,20px);line-height:1.65;margin:0}
.maintenance__status{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:11px 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.maintenance__dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(255,16,24,.12);animation:pulse 1.7s ease-in-out infinite}
.maintenance__visual{display:grid;place-items:center;min-height:330px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);border-radius:28px;backdrop-filter:blur(12px);box-shadow:0 30px 90px rgba(0,0,0,.18);position:relative;overflow:hidden}
.maintenance__visual::before{content:"PROCPLAG";position:absolute;font-size:clamp(70px,12vw,140px);font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.025);transform:rotate(-14deg)}
.maintenance__visual img{width:min(300px,76%);position:relative;z-index:2;filter:drop-shadow(0 25px 25px rgba(0,0,0,.28));animation:float 4.5s ease-in-out infinite}
.maintenance__footer{position:absolute;left:40px;right:40px;bottom:24px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.48);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
@keyframes float{50%{transform:translateY(-12px) scale(1.02)}}
@keyframes pulse{50%{transform:scale(.78);opacity:.55}}
@media(max-width:800px){body{overflow:auto}.maintenance{padding:35px 22px 70px;align-items:start}.maintenance__card{grid-template-columns:1fr;gap:35px;padding-top:10vh}.maintenance__brand{max-width:460px}.maintenance__visual{min-height:260px}.maintenance__footer{left:22px;right:22px;bottom:18px;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*:after{animation:none!important}}