:root{--pf-color-fondo: #FFFFFF;--pf-color-fondo-alterno: #F8F9FA;--pf-color-superficie: #FFFFFF;--pf-color-superficie-hover: #F8F9FA;--pf-color-texto: #0B132B;--pf-color-texto-suave: #64748B;--pf-color-texto-deshabilitated: #94A3B8;--pf-color-borde: #E2E8F0;--pf-color-borde-fuerte: #CBD5E1;--pf-color-primario: #0B132B;--pf-color-primario-hover: #1A2744;--pf-color-primario-activo: #060D1F;--pf-color-sobre-primario: #FFFFFF;--pf-color-premium: #C9A24D;--pf-color-premium-hover: #B8922F;--pf-color-premium-suave: #FDF8ED;--pf-color-premium-borde: #EDE3C9;--pf-color-exito: #15803D;--pf-color-exito-fondo: #DCFCE7;--pf-color-exito-borde: #BBF7D0;--pf-color-alerta: #B45309;--pf-color-alerta-fondo: #FEF3C7;--pf-color-alerta-bondo: #FDE68A;--pf-color-peligro: #B91C1C;--pf-color-peligro-fondo: #FEE2E2;--pf-color-peligro-borde: #FECACA;--pf-color-info: #1D4ED8;--pf-color-info-fondo: #DBEAFE;--pf-color-info-borde: #BFDBFE;--pf-color-neutral: #374151;--pf-color-neutral-fondo: #F3F4F6;--pf-fuente: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pf-tamano-xs: .75rem;--pf-tamano-sm: .8125rem;--pf-tamano-base: .875rem;--pf-tamano-md: 1rem;--pf-tamano-lg: 1.125rem;--pf-tamano-xl: 1.25rem;--pf-tamano-2xl: 1.5rem;--pf-tamano-3xl: 1.875rem;--pf-peso-normal: 400;--pf-peso-medio: 500;--pf-peso-semi: 600;--pf-peso-bold: 700;--pf-espacio-1: 4px;--pf-espacio-2: 8px;--pf-espacio-3: 12px;--pf-espacio-4: 16px;--pf-espacio-5: 20px;--pf-espacio-6: 24px;--pf-espacio-8: 32px;--pf-espacio-10: 40px;--pf-espacio-12: 48px;--pf-radio: 6px;--pf-radio-chico: 4px;--pf-radio-grande: 8px;--pf-sombra: 0 1px 2px rgba(11, 19, 43, .04);--pf-sombra-media: 0 2px 8px rgba(11, 19, 43, .06);--pf-sombra-grande: 0 8px 24px rgba(11, 19, 43, .1);--pf-transicion: .15s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--pf-fuente);font-size:var(--pf-tamano-base);color:var(--pf-color-texto);background:var(--pf-color-fondo);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4{margin:0;color:var(--pf-color-texto);font-weight:var(--pf-peso-semi);line-height:1.3}h1{font-size:var(--pf-tamano-xl)}h2{font-size:var(--pf-tamano-lg)}h3{font-size:var(--pf-tamano-md)}p{margin:0}.pf-boton{display:inline-flex;align-items:center;justify-content:center;gap:var(--pf-espacio-2);font-family:inherit;font-size:var(--pf-tamano-base);font-weight:var(--pf-peso-medio);border-radius:var(--pf-radio);padding:9px 16px;border:1px solid transparent;cursor:pointer;transition:background-color var(--pf-transicion),border-color var(--pf-transicion),color var(--pf-transicion);line-height:1.2;white-space:nowrap}.pf-boton:disabled{opacity:.5;cursor:not-allowed}.pf-boton:focus-visible{outline:2px solid var(--pf-color-primario);outline-offset:2px}.pf-boton--primario{background:var(--pf-color-primario);color:var(--pf-color-sobre-primario)}.pf-boton--primario:hover:not(:disabled){background:var(--pf-color-primario-hover)}.pf-boton--secundario{background:var(--pf-color-superficie);color:var(--pf-color-texto);border-color:var(--pf-color-borde)}.pf-boton--secundario:hover:not(:disabled){background:var(--pf-color-fondo-alterno);border-color:var(--pf-color-borde-fuerte)}.pf-boton--peligro{background:var(--pf-color-superficie);color:var(--pf-color-peligro);border-color:var(--pf-color-peligro-borde)}.pf-boton--peligro:hover:not(:disabled){background:var(--pf-color-peligro-fondo)}.pf-boton--chico{padding:6px 12px;font-size:var(--pf-tamano-sm);border-radius:var(--pf-radio-chico)}.pf-boton--enlace{background:transparent;border-color:transparent;color:var(--pf-color-primario);padding:2px 0;font-weight:var(--pf-peso-medio)}.pf-boton--enlace:hover:not(:disabled){text-decoration:underline}.pf-boton--premium{background:var(--pf-color-premium);color:var(--pf-color-sobre-primario)}.pf-boton--premium:hover:not(:disabled){background:var(--pf-color-premium-hover)}.pf-campo{display:flex;flex-direction:column;gap:var(--pf-espacio-1);margin-bottom:var(--pf-espacio-4)}.pf-campo label{font-size:var(--pf-tamano-sm);font-weight:var(--pf-peso-medio);color:var(--pf-color-texto)}.pf-campo input,.pf-campo select,.pf-campo textarea{font-family:inherit;font-size:var(--pf-tamano-base);padding:8px 12px;border:1px solid var(--pf-color-borde);border-radius:var(--pf-radio);background:var(--pf-color-superficie);color:var(--pf-color-texto);transition:border-color var(--pf-transicion),box-shadow var(--pf-transicion)}.pf-campo input:hover,.pf-campo select:hover,.pf-campo textarea:hover{border-color:var(--pf-color-borde-fuerte)}.pf-campo input:focus,.pf-campo select:focus,.pf-campo textarea:focus{outline:none;border-color:var(--pf-color-primario);box-shadow:0 0 0 3px #0b132b14}.pf-campo small{font-size:var(--pf-tamano-xs);color:var(--pf-color-texto-suave)}.pf-campo--error input,.pf-campo--error select{border-color:var(--pf-color-peligro)}.pf-campo__error{font-size:var(--pf-tamano-xs);color:var(--pf-color-peligro)}.pf-tarjeta{background:var(--pf-color-superficie);border:1px solid var(--pf-color-borde);border-radius:var(--pf-radio-grande)}.pf-tabla-envoltorio{overflow-x:auto;border:1px solid var(--pf-color-borde);border-radius:var(--pf-radio-grande);background:var(--pf-color-superficie)}.pf-tabla{width:100%;border-collapse:collapse;font-size:var(--pf-tamano-base)}.pf-tabla th{text-align:left;font-size:var(--pf-tamano-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--pf-peso-semi);color:var(--pf-color-texto-suave);padding:var(--pf-espacio-3) var(--pf-espacio-4);border-bottom:1px solid var(--pf-color-borde);white-space:nowrap;background:var(--pf-color-fondo-alterno)}.pf-tabla td{padding:var(--pf-espacio-3) var(--pf-espacio-4);border-bottom:1px solid var(--pf-color-borde);vertical-align:middle}.pf-tabla tbody tr:last-child td{border-bottom:none}.pf-tabla tbody tr:hover{background:var(--pf-color-fondo-alterno)}.pf-tabla__vacio{padding:var(--pf-espacio-8);text-align:center;color:var(--pf-color-texto-suave)}.pf-fila{display:flex;align-items:center;gap:var(--pf-espacio-3)}.pf-fila--separada{justify-content:space-between}.pf-texto-suave{color:var(--pf-color-texto-suave)}.pf-texto-sm{font-size:var(--pf-tamano-sm)}.pf-solo-lectura{color:var(--pf-color-texto-suave);font-style:italic}.pf-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--pf-espacio-4);margin-bottom:var(--pf-espacio-6)}.pf-page-header__titulo{font-size:var(--pf-tamano-xl);font-weight:var(--pf-peso-semi);margin:0}.pf-page-header__acciones{display:flex;align-items:center;gap:var(--pf-espacio-3)}.pf-seccion{margin-bottom:var(--pf-espacio-6)}.pf-seccion__cabecera{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pf-espacio-4)}.pf-seccion__titulo{font-size:var(--pf-tamano-sm);font-weight:var(--pf-peso-semi);text-transform:uppercase;letter-spacing:.04em;color:var(--pf-color-texto-suave)}.pf-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--pf-espacio-12) var(--pf-espacio-6);color:var(--pf-color-texto-suave)}.pf-vacio__icono{width:48px;height:48px;margin-bottom:var(--pf-espacio-4);color:var(--pf-color-borde-fuerte)}.pf-vacio__titulo{font-size:var(--pf-tamano-md);font-weight:var(--pf-peso-medio);color:var(--pf-color-texto);margin-bottom:var(--pf-espacio-2)}.pf-vacio__texto{font-size:var(--pf-tamano-sm);max-width:320px}.pf-premium-indicador{display:inline-flex;align-items:center;gap:var(--pf-espacio-1);color:var(--pf-color-premium);font-size:var(--pf-tamano-xs);font-weight:var(--pf-peso-medio)}.pf-premium-indicador svg{width:12px;height:12px}.pf-formulario-cupon{display:grid;gap:18px}.pf-formulario-cupon .pf-campo{display:grid;gap:6px;margin-bottom:0}.pf-formulario-cupon .pf-campo label{font-size:var(--pf-tamano-sm);font-weight:var(--pf-peso-medio);color:var(--pf-color-texto-suave)}.pf-formulario-cupon .pf-campo input,.pf-formulario-cupon .pf-campo select{font-family:inherit;font-size:var(--pf-tamano-base);padding:8px 12px;border:1px solid var(--pf-color-borde);border-radius:var(--pf-radio);background:var(--pf-color-superficie);color:var(--pf-color-texto)}.pf-formulario-cupon .pf-campo input:focus,.pf-formulario-cupon .pf-campo select:focus{outline:none;border-color:var(--pf-color-primario);box-shadow:0 0 0 3px #0b132b14}.pf-formulario-cupon .pf-campo small{font-size:var(--pf-tamano-xs);color:var(--pf-color-texto-suave)}.pf-formulario-cupon .pf-campo--opcional{font-weight:var(--pf-peso-normal)}.pf-formulario-cupon .pf-campo-checkbox{display:flex;align-items:center;gap:8px;font-weight:var(--pf-peso-medio);cursor:pointer;color:var(--pf-color-texto)}.pf-seccion-formulario{display:grid;gap:14px}.pf-seccion-formulario+.pf-seccion-formulario{padding-top:16px;border-top:1px solid var(--pf-color-borde)}.pf-seccion-formulario__titulo{font-size:var(--pf-tamano-xs);font-weight:var(--pf-peso-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--pf-color-texto-suave);margin:0}.pf-formulario__footer{display:flex;justify-content:flex-end;gap:var(--pf-espacio-3);padding-top:16px;border-top:1px solid var(--pf-color-borde);margin-top:4px}@media (min-width: 520px){.pf-formulario-cupon .pf-campo--par{display:grid;grid-template-columns:1fr 1fr;gap:12px}}#app{min-height:100vh}.pf-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--pf-espacio-6);background:var(--pf-color-fondo)}.pf-login__tarjeta{width:100%;max-width:380px;padding:var(--pf-espacio-10) var(--pf-espacio-8)}.pf-login__titulo{margin:0 0 var(--pf-espacio-2);font-size:var(--pf-tamano-xl);font-weight:var(--pf-peso-semi)}.pf-login__subtitulo{margin:0 0 var(--pf-espacio-8);font-size:var(--pf-tamano-sm);color:var(--pf-color-texto-suave);line-height:1.5}.pf-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.pf-shell__sidebar{background:#0b132b;color:#ffffffa6;padding:var(--pf-espacio-6) var(--pf-espacio-3);display:flex;flex-direction:column;gap:var(--pf-espacio-8);position:sticky;top:0;height:100vh;overflow-y:auto}.pf-shell__marca{display:flex;align-items:center;gap:var(--pf-espacio-3);padding:0 var(--pf-espacio-2)}.pf-shell__marca span{display:block;font-size:var(--pf-tamano-xs);font-weight:var(--pf-peso-normal);color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.pf-shell__marca-logo{width:190px;height:190px;flex-shrink:0}@media (max-width: 720px){.pf-shell__marca-logo{width:120px;height:120px}}.pf-shell__marca-texto{display:flex;flex-direction:column}.pf-shell__marca-nombre{font-weight:var(--pf-peso-bold);font-size:var(--pf-tamano-md);color:#fff;line-height:1.2}.pf-shell__nav{display:flex;flex-direction:column;gap:2px}.pf-shell__nav-titulo{font-size:var(--pf-tamano-xs);font-weight:var(--pf-peso-semi);text-transform:uppercase;letter-spacing:.06em;color:#ffffff4d;padding:var(--pf-espacio-4) var(--pf-espacio-2) var(--pf-espacio-2)}.pf-shell__enlace{display:flex;align-items:center;gap:var(--pf-espacio-3);padding:9px 12px;border-radius:var(--pf-radio);color:#fff9;text-decoration:none;font-size:var(--pf-tamano-sm);font-weight:var(--pf-peso-medio);transition:background-color var(--pf-transicion),color var(--pf-transicion)}.pf-shell__enlace:hover{background:#ffffff0f;color:#ffffffe6}.pf-shell__enlace--activo{background:#ffffff1a;color:#fff}.pf-shell__enlace-icono{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.pf-shell__enlace-icono svg{width:16px;height:16px}.pf-shell__enlace--activo .pf-shell__enlace-icono{color:#fff}.pf-shell__enlace-texto{flex:1}.pf-shell__enlace--bloqueado{display:flex;align-items:center;gap:var(--pf-espacio-3);padding:9px 12px;border-radius:var(--pf-radio);color:#ffffff59;font-size:var(--pf-tamano-sm);font-weight:var(--pf-peso-medio);cursor:default}.pf-shell__enlace-candado{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:auto;color:var(--pf-color-premium);flex-shrink:0}.pf-shell__enlace-candado svg{width:12px;height:12px}.pf-shell__principal{display:flex;flex-direction:column;min-width:0;background:var(--pf-color-fondo)}.pf-shell__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--pf-espacio-4);padding:var(--pf-espacio-3) var(--pf-espacio-6);border-bottom:1px solid var(--pf-color-borde);background:var(--pf-color-superficie)}.pf-shell__topbar-izquierda{display:flex;align-items:center;gap:var(--pf-espacio-4)}.pf-shell__topbar-derecha{display:flex;align-items:center;gap:var(--pf-espacio-3)}.pf-shell__usuario{display:flex;align-items:center;gap:var(--pf-espacio-2);font-size:var(--pf-tamano-sm);color:var(--pf-color-texto-suave)}.pf-shell__usuario-icono{display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--pf-color-texto-suave)}.pf-shell__usuario-icono svg{width:14px;height:14px}.pf-shell__publicar{display:inline-flex;align-items:center;gap:var(--pf-espacio-2)}.pf-shell__publicar svg{width:14px;height:14px}.pf-shell__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border:none;background:transparent;cursor:pointer;padding:8px;border-radius:var(--pf-radio);transition:background-color var(--pf-transicion)}.pf-shell__hamburger:hover{background:var(--pf-color-fondo-alterno)}.pf-shell__hamburger span{display:block;width:20px;height:2px;background:var(--pf-color-texto);border-radius:2px;transition:transform var(--pf-transicion),opacity var(--pf-transicion)}.pf-shell__hamburger--activo span:nth-child(1){transform:translateY(7px) rotate(45deg)}.pf-shell__hamburger--activo span:nth-child(2){opacity:0}.pf-shell__hamburger--activo span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.pf-shell__backdrop{display:none;position:fixed;inset:0;background:#0b132b80;z-index:998;opacity:0;transition:opacity var(--pf-transicion)}.pf-shell__backdrop--visible{display:block;opacity:1}.pf-shell__contenido{padding:var(--pf-espacio-8);flex:1}.pf-dashboard__tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--pf-espacio-4)}.pf-dashboard__tarjeta{padding:var(--pf-espacio-5);background:var(--pf-color-superficie);border:1px solid var(--pf-color-borde);border-radius:var(--pf-radio-grande);transition:border-color var(--pf-transicion),box-shadow var(--pf-transicion)}.pf-dashboard__tarjeta:hover{border-color:var(--pf-color-borde-fuerte);box-shadow:var(--pf-sombra)}.pf-dashboard__tarjeta-etiqueta{font-size:var(--pf-tamano-xs);font-weight:var(--pf-peso-semi);text-transform:uppercase;letter-spacing:.04em;color:var(--pf-color-texto-suave);margin:0}.pf-dashboard__tarjeta-valor{margin:var(--pf-espacio-2) 0 0;font-size:var(--pf-tamano-3xl);font-weight:var(--pf-peso-bold);color:var(--pf-color-texto);line-height:1.1}.pf-dashboard__tarjeta-subtitulo{margin:var(--pf-espacio-1) 0 0;font-size:var(--pf-tamano-xs);color:var(--pf-color-texto-suave)}.pf-dashboard__seccion{margin-top:var(--pf-espacio-8)}@media (max-width: 720px){.pf-shell{grid-template-columns:1fr}.pf-shell__hamburger{display:flex}.pf-shell__sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:999;transform:translate(-100%);transition:transform .25s ease;padding:var(--pf-espacio-6) var(--pf-espacio-4)}.pf-shell__sidebar--abierto{transform:translate(0)}.pf-shell__marca{padding:0 var(--pf-espacio-2) var(--pf-espacio-4);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--pf-espacio-4)}.pf-shell__nav{flex-direction:column;gap:2px}.pf-shell__enlace-texto{display:block}.pf-shell__enlace{padding:9px 12px}.pf-shell__enlace--bloqueado{display:flex}.pf-shell__topbar{padding:var(--pf-espacio-3) var(--pf-espacio-4)}.pf-shell__usuario{display:none}.pf-shell__contenido{padding:var(--pf-espacio-5)}.pf-dashboard__tarjetas{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--pf-espacio-3)}.pf-dashboard__tarjeta-valor{font-size:var(--pf-tamano-2xl)}}.pf-cupones-tabla{overflow-x:auto}.pf-cupones-tabla table{width:100%;border-collapse:collapse;font-size:.95rem}.pf-cupones-tabla th{text-align:left;padding:10px 8px;color:var(--color-muted, #66736d);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border, #e4dfd3)}.pf-cupones-tabla td{padding:12px 8px;border-bottom:1px solid var(--color-border, #e4dfd3);vertical-align:middle}.pf-cupones-tabla tr:last-child td{border-bottom:0}.pf-cupones-tabla .pf-boton--chico{min-height:32px;padding:6px 10px;font-size:.8rem}