:root{--fondo: #181818;--superficie: #1f1f1f;--superficie-2: #2b2b2b;--superficie-3: #313131;--borde: #404040;--borde-suave: #2b2b2b;--tinta: #e8e8e8;--gris: #c2c2c2;--gris-tenue: #bbbbbb;--sobre-acento: #ffffff;--acento: #0078d4;--acento-hover: #026ec1;--acento-texto: #76befd;--rojo: #fb9f9b;--rojo-fondo: #3b2624;--verde: #77cb94;--verde-fondo: #213024;--ambar: #dcc145;--ambar-fondo: #332d1f}*{box-sizing:border-box;margin:0}:root{color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,system-ui,Ubuntu,sans-serif;background:var(--fondo);color:var(--tinta);line-height:1.5}.font-heading,h1,h2,h3{font-weight:600}.mono{font-family:Consolas,Cascadia Mono,Menlo,monospace}a{color:var(--acento-texto)}.centro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:8px;padding:2rem;width:100%;max-width:420px}.tarjeta h1{font-size:1.25rem;margin-bottom:.25rem}.tarjeta .sub{color:var(--gris);font-size:.9rem;margin-bottom:1.25rem}label{display:block;font-size:.8125rem;font-weight:600;color:var(--gris);margin:.85rem 0 .3rem}input,select{width:100%;padding:.55rem .75rem;border:1px solid var(--borde);border-radius:6px;font-size:.95rem;background:var(--fondo);color:var(--tinta)}input::placeholder{color:var(--gris)}input:focus,select:focus{outline:2px solid var(--acento);outline-offset:0;border-color:var(--acento)}button{cursor:pointer;font-size:.95rem;border-radius:6px;border:none;font-family:inherit}.btn{background:var(--acento);color:var(--sobre-acento);font-weight:600;padding:.6rem 1.1rem;width:100%;margin-top:1rem}.btn:hover{background:var(--acento-hover)}.btn:disabled{opacity:.6;cursor:wait}.btn-sec{background:transparent;border:1px solid var(--borde);color:var(--tinta);padding:.45rem .9rem}.btn-sec:hover{background:var(--superficie-2)}.btn-borde{background:transparent;border:1px solid var(--borde);color:var(--tinta);padding:.45rem .9rem}.btn-borde:hover{background:var(--superficie-2)}.enlace{background:none;color:var(--acento-texto);padding:0;text-decoration:underline;font-size:.85rem}.error{background:var(--rojo-fondo);border:1px solid var(--borde);color:var(--rojo);padding:.6rem .8rem;border-radius:6px;font-size:.85rem;margin-top:.75rem}.ok{background:var(--verde-fondo);border:1px solid var(--borde);color:var(--verde);padding:.6rem .8rem;border-radius:6px;font-size:.85rem;margin-top:.75rem}.aviso{background:var(--ambar-fondo);border:1px solid var(--borde);color:var(--ambar);padding:.6rem .8rem;border-radius:6px;font-size:.85rem;margin-top:.75rem}.panel{max-width:880px;margin:0 auto;padding:1.5rem 1rem 3rem}.cabecera{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--borde-suave);margin-bottom:1.5rem}.cabecera h1{font-size:1.05rem}.cabecera .marca{color:var(--tinta);font-weight:700}.pestanas{display:flex;gap:.25rem;margin-bottom:1.25rem;flex-wrap:wrap;border-bottom:1px solid var(--borde-suave)}.pestanas button{background:none;padding:.5rem .9rem;border-radius:0;color:var(--gris);border-bottom:2px solid transparent;margin-bottom:-1px}.pestanas button:hover{color:var(--tinta)}.pestanas button.activa{color:var(--tinta);border-bottom-color:var(--acento)}.bloque{background:var(--superficie);border:1px solid var(--borde);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.bloque h2{font-size:.95rem;margin-bottom:.5rem}.fila{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-top:1px solid var(--borde-suave);gap:.75rem;flex-wrap:wrap}.fila:first-of-type{border-top:none}.gris{color:var(--gris);font-size:.85rem}.badge{display:inline-block;padding:.1rem .6rem;border-radius:99px;font-size:.8125rem;font-weight:600;border:1px solid var(--borde)}.badge.active{background:var(--verde-fondo);color:var(--verde)}.badge.grace{background:var(--ambar-fondo);color:var(--ambar)}.badge.expired,.badge.desactivado{background:var(--rojo-fondo);color:var(--rojo)}.badge.canceled{background:var(--superficie-2);color:var(--gris)}.precio{font-size:2rem;font-weight:700}.codigo{font-family:Consolas,Cascadia Mono,Menlo,monospace;font-size:.8125rem;background:var(--superficie-2);border:1px solid var(--borde-suave);color:var(--tinta);padding:.4rem .6rem;border-radius:6px;word-break:break-all;display:block;margin-top:.35rem}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{padding:.5rem .4rem;text-align:left;border-top:1px solid var(--borde-suave)}th{color:var(--gris);font-weight:600;font-size:.8125rem;border-top:none}