:root{--ader-red:#d8071b;--ader-red-dark:#a70616;--ink:#18181b;--muted:#64646d;--line:#e8e2e3;--soft:#f8f6f6;--white:#fff;--shadow:0 18px 50px #19191c14;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f1f1}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}button,input{font:inherit}button{border:0}a{color:inherit}#root{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative}#root:before{content:"";z-index:-2;background:linear-gradient(120deg,#fffffff0,#ffffffb8),url(/assets/brand/marca-agua.png) right 7vw center/min(58vw,720px) no-repeat,#f4f2f2;position:fixed;inset:0}#root:after{content:"";z-index:-1;background:linear-gradient(90deg,#d8071b0d,#0000 34%),radial-gradient(circle at 14% 18%,#d8071b0f,#0000 27%);position:fixed;inset:0}.access-shell,.dashboard-shell,.loading-shell{width:min(1120px,100% - 40px);margin:0 auto}.access-shell,.loading-shell{flex:1;place-items:center;padding:40px 0 24px;display:grid}.access-card{border:1px solid var(--line);border-top:5px solid var(--ader-red);width:min(100%,430px);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;padding:34px}.brand-logo{width:min(100%,255px);height:auto;display:block}.brand-logo--dashboard{width:232px}.access-card .brand-logo{margin:0 auto 28px}.access-heading,.dashboard-intro{text-align:center}.eyebrow{color:var(--ader-red);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.77rem;font-weight:800;line-height:1.2}h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.04}.title-accent{color:var(--ader-red);font-size:calc(1em - 7px)}.access-heading h1{font-size:clamp(1.85rem,6vw,2.45rem)}.access-heading p:not(.eyebrow),.dashboard-intro p:not(.eyebrow),.loading-shell p{color:var(--muted);margin:14px 0 0;line-height:1.55}.login-form{gap:16px;margin-top:30px;display:grid}.field{color:var(--ink);letter-spacing:.035em;text-transform:uppercase;gap:8px;font-size:.82rem;font-weight:800;display:grid}.field input{background:var(--white);width:100%;min-height:48px;color:var(--ink);border:1px solid #d8d3d4;border-radius:6px;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s}.field input:focus{border-color:var(--ader-red);box-shadow:0 0 0 3px #d8071b1f}.password-control{background:var(--white);border:1px solid #d8d3d4;border-radius:6px;grid-template-columns:1fr 46px;display:grid;overflow:hidden}.password-control:focus-within{border-color:var(--ader-red);box-shadow:0 0 0 3px #d8071b1f}.password-control input{box-shadow:none;border:0;border-radius:0}.password-control input:focus{box-shadow:none}.icon-button{background:var(--white);color:var(--muted);border-left:1px solid var(--line);cursor:pointer;place-items:center;display:grid}.icon-button:hover{color:var(--ader-red)}.primary-button,.logout-button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:46px;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.primary-button{background:var(--ader-red);width:100%;color:var(--white);letter-spacing:.045em;margin-top:4px;font-weight:900}.primary-button:hover:not(:disabled){background:var(--ader-red-dark)}.primary-button:disabled,.logout-button:disabled,.icon-button:disabled{opacity:.62;cursor:not-allowed}.form-error{color:#8c0713;background:#d8071b12;border:1px solid #d8071b38;border-radius:6px;margin:0;padding:12px 14px;font-size:.92rem;line-height:1.4}.dashboard-shell{flex:1;padding:34px 0 28px}.dashboard-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:66px;display:flex}.logout-button{border:1px solid var(--line);color:var(--muted);background:#ffffffdb;padding:0 15px;font-size:.92rem;font-weight:700}.logout-button:hover:not(:disabled){color:var(--ader-red);border-color:#d8071b5c}.portal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px;display:grid}.portal-button{border:1px solid var(--line);background:#ffffffed;border-radius:8px;grid-template-rows:58px 1fr 24px;align-items:start;height:210px;min-height:210px;padding:24px 20px 18px;text-decoration:none;transition:border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;box-shadow:0 14px 34px #19191c0e}.portal-button:hover{background:#fff;border-color:#d8071b5c;box-shadow:0 18px 42px #19191c16}.portal-button:focus-visible,.logout-button:focus-visible,.primary-button:focus-visible,.icon-button:focus-visible{outline-offset:3px;outline:3px solid #d8071b3d}.portal-button__icon{width:50px;height:50px;color:var(--ader-red);background:#d8071b14;border-radius:50%;place-items:center;display:grid}.portal-button__content{gap:11px;min-width:0;display:grid}.portal-button__title{color:var(--ink);text-transform:uppercase;font-size:1.02rem;font-weight:900;line-height:1.2}.portal-button__description{color:var(--muted);font-size:.92rem;line-height:1.42}.portal-button__external{color:var(--ader-red);align-self:end}.site-footer{color:#757178;text-align:center;width:min(1120px,100% - 40px);margin:0 auto;padding:18px 0 24px;font-size:.82rem}.loading-shell{text-align:center;gap:22px}@media (width<=1020px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.access-shell,.dashboard-shell,.loading-shell,.site-footer{width:min(100% - 28px,1120px)}.access-card{padding:28px 20px}.brand-logo,.brand-logo--dashboard{width:min(100%,220px)}.dashboard-header{flex-direction:column;align-items:flex-start;margin-bottom:44px}.logout-button{width:100%}.portal-grid{grid-template-columns:1fr;gap:14px}.portal-button{height:190px;min-height:190px}}