:root{--ink:#313534;--primary:#087971;--brand:#0aa89e;--paper:#fff;--line:#d7dedc}*{box-sizing:border-box}body{color:var(--ink);background:#f5f7f7;margin:0;font:16px/1.5 Helvetica Neue,Arial,sans-serif}h1,h2,h3{text-wrap:balance;line-height:1.2}p{text-wrap:pretty}button,input,select{font:inherit}button{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:4px;min-height:2.75rem;padding:.5rem 1rem}button.secondary{color:var(--primary);background:var(--paper)}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #235f9f}label{margin:.875rem 0 .25rem;font-weight:600;display:block}input,select{width:100%;min-height:2.75rem;color:var(--ink);background:var(--paper);border:1px solid #909d99;border-radius:4px;padding:.5rem .625rem;display:block}.error{color:#9d2423}.login-backdrop{background:#dfe5e3 url(/saul/media/img16.jpg) 50%/cover no-repeat;height:clamp(9rem,28vw,16rem)}.login-content{max-width:48rem;margin:auto;padding:1.5rem}.login-content h1{color:var(--primary);margin:0 0 1rem}.login-content form{max-width:24rem}.login-submit{justify-content:end;margin-top:1.25rem;display:flex}.portal-header{background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem max(1rem,50vw - 34rem);display:flex}.portal-header h1{flex:13rem;margin:0;font-size:1.375rem}.portal-header small{display:block}.portal-content{max-width:70rem;margin:auto;padding:1.5rem 1rem}.portal-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.card{border:1px solid var(--line);background:var(--paper);border-radius:4px;margin:0 0 1.25rem;overflow:hidden}.card h2{background:var(--primary);color:#fff;margin:0;padding:.75rem 1rem;font-size:1.25rem}.card-body{font-variant-numeric:tabular-nums;padding:1rem}.customer-details{grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:1rem;margin:0 0 1rem;display:grid}.customer-details dt{font-weight:600}.customer-details dd{overflow-wrap:anywhere;margin:.25rem 0}.customer-details small{display:block}.tags{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.tags li{background:#e5efed;border-radius:4px;padding:.375rem .625rem}.tags.available li{border:1px solid var(--brand);background:var(--paper)}dialog{border:1px solid var(--line);width:min(28rem,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);border-radius:4px;padding:1.25rem}dialog::backdrop{background:#0000007a}dialog h2{margin:0 0 1rem;font-size:1.375rem}.dialog-actions{flex-wrap:wrap;justify-content:end;gap:.5rem;margin-top:1.25rem;display:flex}.profile{text-align:center;color:#333;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:#fff;min-height:100dvh;padding:1rem 5% 2rem;font-size:clamp(1.1rem,4.2vw,2.5rem)}.profile h1,.profile h2,.profile .greeting{font-size:clamp(1.6rem,6vw,3.75rem);font-weight:500}.profile h1,.tier-name{color:var(--tier-strong)}.profile h1{margin:.25em 0}.profile p{margin:.5em 0}.profile .greeting{margin-top:.5em}.profile section{border-top:1px solid #ddd;margin:1em auto 0}.profile section h2{margin:.4em 0}.profile ul{text-align:left;max-width:90%;margin:.5em auto}.profile .profile-note{color:#fff;background:#000;border-radius:20px;max-width:70%;margin:1rem auto 0;padding:.75em;font-size:.8em}.tier{width:min(100%,60vw);margin:0 auto}.tier-art{isolation:isolate;background:var(--tier-soft);position:relative}.tier-art img,.vip-art img{width:100%;height:auto;display:block;position:relative}.tier-art span,.progress span{width:var(--progress);background:var(--tier-strong);display:block}.tier-art span{position:absolute;inset:0 auto 0 0}.progress{background:var(--tier-soft);height:5px;margin-top:clamp(1rem,4vw,3.75rem)}.progress span{height:100%}.perfil-ios .progress{margin-top:clamp(.75rem,3vw,1.875rem)}.tier-labels{justify-content:space-between;gap:.25rem;font-size:.55em;display:flex}.tier-labels span:first-child{text-align:left}.tier-labels span:last-child{text-align:right}