*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background-color:var(--iflow-fondo, #f5f7fa);color:var(--iflow-texto, #172033);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.mantenimiento-pantalla{min-height:100dvh;background:#202522;color:#fafcf8;padding:clamp(24px,5vw,72px);box-sizing:border-box;font-family:inherit;display:flex;flex-direction:column;justify-content:space-between}.mantenimiento-pantalla header,.mantenimiento-pantalla footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c1c9c1}.mantenimiento-pantalla header img{width:160px;max-height:75px;object-fit:contain;filter:brightness(0) invert(1)}.mantenimiento-logo{position:relative;line-height:0}.mantenimiento-pantalla header .mantenimiento-logo-verde{position:absolute;left:0;top:0;filter:none;clip-path:ellipse(15% 36% at 46% 35%)}.mantenimiento-pantalla header span{border-left:1px solid #74816b;padding-left:24px;letter-spacing:2px}.mantenimiento-contenido{max-width:1150px;align-self:center;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding:70px 0}.mantenimiento-etiqueta{color:#b4e277;font-size:14px;letter-spacing:1px;text-transform:uppercase}.mantenimiento-contenido h1{font-size:clamp(36px,4vw,60px);line-height:1.08;letter-spacing:-1.5px;margin:24px 0}.mantenimiento-contenido p{color:#c9d1c7;line-height:1.7;font-size:18px;max-width:480px;margin-bottom:32px}.mantenimiento-ilustracion{position:relative;padding:24px}.mantenimiento-factura{position:relative;overflow:hidden;background:#f9fbf6;color:#283327;border-radius:18px;padding:32px;box-shadow:0 30px 80px #0005;transform:rotate(-4deg)}.mantenimiento-factura>span{font-size:12px;letter-spacing:3px;color:#597f29}.mantenimiento-factura h2{font-size:23px;margin:18px 0 12px}.mantenimiento-factura small{color:#61705e}.mantenimiento-renglon{border-top:1px solid #dce4d6;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px}.mantenimiento-renglon:first-of-type{margin-top:24px}.mantenimiento-renglon i{width:60px;height:9px;background:#d6e9bc;border-radius:4px}.mantenimiento-total{border-top:2px solid #87bd35;display:flex;justify-content:space-between;padding-top:20px;font-weight:700}.mantenimiento-total strong{color:#6f9e2a;font-size:26px}.mantenimiento-engranaje{position:absolute;bottom:-8px;right:0;font-size:105px;line-height:1;color:#94c83d;animation:mantenimiento-giro 16s linear infinite;text-shadow:0 8px 24px #0008}.mantenimiento-barrido{position:absolute;left:0;right:0;height:2px;top:0;background:#85c52f;box-shadow:0 0 28px 9px #a1df4b33;animation:mantenimiento-barrido 5s ease-in-out infinite}.mantenimiento-pantalla.pausada *{animation-play-state:paused!important}@keyframes mantenimiento-giro{to{transform:rotate(360deg)}}@keyframes mantenimiento-barrido{0%,to{top:5%;opacity:0}30%,70%{opacity:1}90%{top:95%;opacity:0}}@media(max-width:700px){.mantenimiento-contenido{grid-template-columns:1fr;gap:28px;padding:48px 0}.mantenimiento-ilustracion{max-width:320px;justify-self:center}.mantenimiento-pantalla footer{font-size:12px;flex-wrap:wrap}.mantenimiento-pantalla header img{width:125px}}@media(prefers-reduced-motion:reduce){.mantenimiento-pantalla *{animation:none!important}}