:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f4f9ff;background:#06111f}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(ellipse 80% 50% at 5% -10%,#075a9755,transparent 62%),radial-gradient(ellipse 65% 45% at 105% 10%,#00bea83b,transparent 65%),linear-gradient(145deg,#030a14,#07182a 48%,#061321);background-attachment:fixed}.portal-shell{width:min(1180px,calc(100% - 36px));margin:auto;padding:22px 0 70px}.portal-header{height:64px;display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.brand{color:#fff;font-size:1.65rem;font-weight:950;letter-spacing:-.07em;text-decoration:none}.brand:before{content:"◌";display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border:2px solid #37d8ff;border-radius:50%;font-size:.8rem;color:#37d8ff;vertical-align:2px}.brand span,.eyebrow{color:#40d7ff}.ghost{border:1px solid #ffffff24;border-radius:12px;padding:10px 15px;background:#ffffff0d;color:#eaf7ff;font-weight:800;cursor:pointer;transition:.2s}.ghost:hover{background:#ffffff1c;transform:translateY(-1px)}.access-card,.panel,.metrics article{border:1px solid #ffffff1c;background:linear-gradient(135deg,#ffffff12,#ffffff08);box-shadow:0 18px 50px #0005;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.access-card{width:min(530px,100%);margin:7vh auto 0;padding:38px;border-radius:30px}.eyebrow{margin:0 0 11px;font-size:.7rem;font-weight:900;letter-spacing:.18em}.access-card h1,.dashboard-top h1{margin:0 0 12px;font-size:clamp(2rem,5vw,2.85rem);letter-spacing:-.065em}.intro,#welcome-copy{max-width:600px;margin:0 0 24px;color:#adbed4;line-height:1.6}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:22px;border:1px solid #ffffff12;border-radius:14px;background:#020a14a8}.tabs button{border:0;border-radius:10px;padding:12px;background:transparent;color:#bbd0e5;font-weight:800;cursor:pointer}.tabs .active{background:linear-gradient(135deg,#1ed0ff,#1688eb);box-shadow:0 8px 22px #00a9ff38;color:#fff}label{display:block;margin:14px 0;color:#e6f2ff;font-size:.87rem;font-weight:800}input,textarea,select{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #ffffff24;border-radius:12px;outline:0;background:#020c18bb;color:#f5fbff;font:inherit;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#37d5ff;box-shadow:0 0 0 3px #22bce625}textarea{min-height:106px;resize:vertical}.primary,.secondary{border:0;border-radius:13px;padding:13px 17px;font-size:.93rem;font-weight:900;cursor:pointer;text-align:center;text-decoration:none;transition:transform .18s,filter .18s}.primary{background:linear-gradient(135deg,#20d9ff,#0875e8);box-shadow:0 10px 24px #008bef3d;color:#fff}.secondary{border:1px solid #5edfff65;background:#0a426785;color:#e6faff}.primary:hover,.secondary:hover{filter:brightness(1.1);transform:translateY(-2px)}.access-card form .primary{width:100%;margin-top:9px}.link-card{margin-top:22px;padding:21px;border:1px solid #29d6df54;border-radius:17px;background:linear-gradient(130deg,#0a6d7d88,#07395c90)}.link-card h2{margin:0 0 10px}.link-card strong{display:block;margin:14px 0;color:#8df4ff;font-size:1.75rem;letter-spacing:.17em}.link-card small{color:#c8f0f3}#message,#dashboard-message{min-height:23px;margin:0 0 13px;color:#ffcf70;font-weight:700}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 23px}.dashboard-top h1{font-size:2.35rem}.service-selector{display:flex;gap:10px;overflow:auto;margin-bottom:18px;padding-bottom:2px}.service-selector button{padding:9px 14px;border:1px solid #ffffff24;border-radius:999px;background:#ffffff0d;color:#cdeaff;cursor:pointer;white-space:nowrap}.service-selector button.active{border-color:#42d7ff;background:#0d8ee1;color:#fff}.loading{padding:48px;text-align:center;color:#bfdeee}.service-hero{position:relative;display:flex;justify-content:space-between;gap:24px;overflow:hidden;padding:29px;border:1px solid #52d7ff4d;border-radius:26px;background:linear-gradient(125deg,#085e91cf,#0c2b62d9 55%,#064b4bd0);box-shadow:0 18px 46px #0013269c}.service-hero:after{position:absolute;right:-80px;bottom:-130px;width:330px;height:330px;border:42px solid #5bf4ff20;border-radius:50%;content:"";transform:rotate(20deg)}.service-hero>div{position:relative;z-index:1}.service-hero h2{margin:14px 0 5px;font-size:clamp(1.35rem,3vw,1.8rem)}.service-hero p{margin:0;color:#d3efff;font-weight:800;letter-spacing:.03em}.badge{display:inline-block;padding:6px 10px;border:1px solid #6dffb785;border-radius:999px;background:#106044b8;color:#a8ffd0;font-size:.71rem;font-weight:950;letter-spacing:.09em}.badge.suspended{border-color:#ff9c9485;background:#75313ab8;color:#ffe0d9}.due{display:grid;align-content:center;text-align:right}.due span,.metrics span{color:#c4e0f3;font-size:.78rem;font-weight:750}.due strong{margin:6px 0;font-size:1.42rem}.due small{color:#e1f4ff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.metrics article{position:relative;overflow:hidden;padding:18px;border-radius:18px}.metrics article:before{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#2ed9ff,#87ffc5);content:""}.metrics strong{display:block;margin:8px 0;font-size:1.68rem}.metrics small{color:#a9c1d6;font-size:.77rem}.quick-actions{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:17px}.action{min-width:190px}.plans-callout{margin:18px 0;padding:23px;border:1px solid #3ddaff38;border-radius:22px;background:linear-gradient(115deg,#0c2440d9,#071526d9)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:0;font-size:1.2rem}.section-heading p{margin:0;color:#a9c4da;font-size:.87rem}.plans-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.plan-option{position:relative;min-height:142px;padding:16px;border:1px solid #ffffff1e;border-radius:17px;background:linear-gradient(150deg,#ffffff12,#0d2340a3);color:#eafbff;text-align:left;cursor:pointer;transition:.2s}.plan-option:hover{border-color:#38d9ff90;background:#0c4870b5;transform:translateY(-4px)}.plan-option.current{border-color:#6dffc19c;background:linear-gradient(150deg,#12634da6,#0d3741a9)}.plan-option .plan-speed{display:block;color:#8ceaff;font-size:.75rem;font-weight:950;letter-spacing:.08em}.plan-option strong{display:block;margin:9px 0 3px;font-size:1.43rem}.plan-option small{color:#b7d4e8;font-size:.76rem}.plan-option .plan-current{position:absolute;top:10px;right:10px;color:#a5ffd1;font-size:.6rem;font-weight:900}.plan-option.tv{border-color:#a47bff4f;background:linear-gradient(150deg,#311b5b9e,#0a2542a9)}.plan-option.tv .plan-speed{color:#d6c6ff}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:19px;border-radius:19px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #ffffff16}.panel-title h2{margin:0;font-size:1.06rem}.panel-title span{color:#8dbdd9;font-size:.79rem}.list{min-height:88px}.row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #ffffff12}.row:last-child{border:0}.row strong{display:block;font-size:.9rem}.row small{display:block;margin-top:4px;color:#a9c2d7}.amount{color:#80f4b2;font-weight:900;white-space:nowrap}.report-state,.request-state{height:max-content;padding:5px 8px;border-radius:999px;background:#493d17;color:#ffe18d;font-size:.68rem;font-weight:900;white-space:nowrap}.report-state.resuelto,.request-state.cerrada{background:#15513f;color:#90edba}.report-state.cancelado,.request-state.cancelada{background:#61323d;color:#ffc4cb}.request-state.pendiente{background:#72571d;color:#fff1bf}.request-state.en_revision,.request-state.contactado{background:#1d4f7f;color:#d9f0ff}.empty{padding:23px 0;color:#9db8ce;font-size:.9rem}.service-requests{margin-top:17px}.panel-hint{margin:0 0 13px;color:#acc8dd;font-size:.87rem;line-height:1.45}.check-label{display:flex!important;align-items:center;gap:9px;color:#e3effe!important}.check-label input{width:auto!important;accent-color:#27d5ff}.dialog-copy{margin:-3px 0 15px;color:#b4c9dc;line-height:1.45}dialog{width:min(480px,calc(100% - 28px));padding:0;border:1px solid #4fdcff70;border-radius:24px;background:linear-gradient(140deg,#0e2945,#071421);box-shadow:0 28px 100px #000c;color:#eff9ff}dialog::backdrop{background:#010914ba;backdrop-filter:blur(4px)}dialog form{position:relative;padding:30px}.close{position:absolute;top:12px;right:13px;width:36px;height:36px;border:1px solid #ffffff1e;border-radius:50%;background:#ffffff0d;color:#d7efff;font-size:1.55rem;cursor:pointer}.close:hover{background:#ffffff24}@media(max-width:860px){.plans-grid{grid-template-columns:repeat(2,1fr)}.plan-option.tv{grid-column:span 2}.metrics,.content-grid{grid-template-columns:1fr}.dashboard-top,.service-hero{align-items:flex-start;flex-direction:column}.due{text-align:left}}@media(max-width:600px){.portal-shell{width:min(100% - 24px,1180px);padding-top:10px}.portal-header{margin-bottom:14px}.access-card{margin-top:18px;padding:25px;border-radius:24px}.quick-actions{display:grid}.action{width:100%}.plans-grid{grid-template-columns:1fr 1fr}.plan-option{min-height:126px;padding:13px}.plan-option.tv{grid-column:span 2}.section-heading{align-items:flex-start;flex-direction:column}.service-hero{padding:23px}.metrics strong{font-size:1.5rem}}