*{box-sizing:border-box;margin:0}:root{--azul: #1d4ed8;--azul-osc: #1e40af;--gris: #6b7280;--borde: #e5e7eb;--fondo: #f8fafc;--rojo: #dc2626;--verde: #15803d;--ambar: #b45309}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fondo);color:#111827;line-height:1.5}.centro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:2rem;width:100%;max-width:420px}.tarjeta h1{font-size:1.4rem;margin-bottom:.25rem}.tarjeta .sub{color:var(--gris);font-size:.9rem;margin-bottom:1.25rem}label{display:block;font-size:.85rem;color:#374151;margin:.75rem 0 .25rem}input,select{width:100%;padding:.55rem .75rem;border:1px solid var(--borde);border-radius:8px;font-size:.95rem;background:#fff}input:focus,select:focus{outline:2px solid var(--azul);outline-offset:0;border-color:var(--azul)}button{cursor:pointer;font-size:.95rem;border-radius:8px;border:none}.btn{background:var(--azul);color:#fff;padding:.6rem 1.1rem;width:100%;margin-top:1rem}.btn:hover{background:var(--azul-osc)}.btn:disabled{opacity:.6;cursor:wait}.btn-sec{background:#111827;color:#fff;padding:.45rem .9rem}.btn-borde{background:#fff;border:1px solid var(--borde);padding:.45rem .9rem}.enlace{background:none;color:var(--azul);padding:0;text-decoration:underline;font-size:.85rem}.error{background:#fef2f2;border:1px solid #fecaca;color:var(--rojo);padding:.6rem .8rem;border-radius:8px;font-size:.85rem;margin-top:.75rem}.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:var(--verde);padding:.6rem .8rem;border-radius:8px;font-size:.85rem;margin-top:.75rem}.aviso{background:#fffbeb;border:1px solid #fde68a;color:var(--ambar);padding:.6rem .8rem;border-radius:8px;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);margin-bottom:1.5rem}.cabecera h1{font-size:1.2rem}.cabecera .marca{color:var(--azul);font-weight:700}.pestanas{display:flex;gap:.25rem;margin-bottom:1.25rem;flex-wrap:wrap}.pestanas button{background:none;padding:.5rem .9rem;border-radius:8px;color:var(--gris)}.pestanas button.activa{background:#e0e7ff;color:var(--azul-osc);font-weight:600}.bloque{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.bloque h2{font-size:1rem;margin-bottom:.5rem}.fila{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-top:1px solid var(--borde);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:.75rem;font-weight:600}.badge.active{background:#dcfce7;color:var(--verde)}.badge.grace{background:#fef9c3;color:var(--ambar)}.badge.expired,.badge.desactivado{background:#fee2e2;color:var(--rojo)}.badge.canceled{background:#e5e7eb;color:#374151}.precio{font-size:2rem;font-weight:700}.codigo{font-family:ui-monospace,monospace;font-size:.8rem;background:#f3f4f6;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)}th{color:var(--gris);font-weight:600;font-size:.8rem;border-top:none}