/* LIBERATO — página de mantenimiento. Paleta del logo: #1C4834 */
:root{--m:#1C4834;--md:#122f21;--tx:#23241f;--txs:#5c5d55;--bg:#ffffff;--bg2:#f5f5f2}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--tx);background-color:var(--bg);
 background-image:radial-gradient(56rem 30rem at 50% -8%,rgba(28,72,52,.10) 0%,transparent 70%),radial-gradient(40rem 24rem at 50% 108%,rgba(28,72,52,.08) 0%,transparent 70%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);
 background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:4px;background-color:var(--m);z-index:1}
.mantenimiento{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem}
@supports not (height:100svh){.mantenimiento{min-height:100vh}}
.card{width:100%;max-width:580px;text-align:center}
.logo{display:block;width:min(240px,60vw);height:auto;margin:0 auto 2.5rem}
h1{color:var(--md);font-size:clamp(1.5rem,5vw,2.125rem);font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-bottom:1rem}
h1::after{content:"";display:block;width:56px;height:3px;margin:1.25rem auto 0;background-color:var(--m);border-radius:2px}
.mensaje{font-size:clamp(1rem,2.4vw,1.125rem);line-height:1.65;color:var(--txs);max-width:46ch;margin:1.75rem auto 2.5rem;text-wrap:pretty}
.acciones{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.875rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.95rem 1.9rem;background-color:var(--m);color:#fff;font-size:1.0625rem;font-weight:600;line-height:1;text-decoration:none;border-radius:.625rem;box-shadow:0 6px 18px rgba(28,72,52,.3);transition:background-color .25s,transform .25s,box-shadow .25s}
.btn:hover{background-color:var(--md);transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,72,52,.36)}
.btn:active{transform:translateY(0)}
.btn:focus-visible{outline:3px solid var(--md);outline-offset:3px}
.btn__icono{width:22px;height:22px;flex-shrink:0}
@media screen and (max-width:500px){.mantenimiento{padding:2.5rem 1.25rem}.logo{margin-bottom:2rem}.btn{display:flex;width:100%;font-size:1rem;padding:1rem 1.25rem}}
@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}