@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--commerk-navy:#030746;--commerk-coral:#ec4f61;--commerk-cream:#eee8d5;--navy-900:#01031f;--navy-600:#0a0f5c;--navy-800:#020531;--navy-050:#edeef5;--coral-800:#a62232;--coral-700:#cc3247;--coral-400:#f79099;--coral-200:#fdd7db;--cream-400:#e2dbc4;--cream-300:#eee8d5;--cream-200:#f4f0e3;--cream-100:#faf8f1;--neutral-900:#14161f;--neutral-700:#454857;--neutral-600:#666a7a;--neutral-500:#8a8e9c;--neutral-400:#b0b3be;--neutral-300:#d2d4db;--neutral-200:#e6e7ec;--neutral-100:#f2f3f6;--white:#fff;--status-success:#127a56;--status-success-soft:#e3f3ec;--status-warning:#b8791a;--status-warning-soft:#fbf0dc;--status-danger:#cc3247;--status-danger-soft:#feecee;--status-info:#151b78;--status-info-soft:#edeef5;--text-strong:var(--commerk-navy);--text-body:#2a2d3a;--text-muted:var(--neutral-600);--text-subtle:var(--neutral-500);--text-disabled:var(--neutral-400);--text-on-navy-muted:#ffffffb8;--field-bg:var(--white);--field-border:var(--neutral-300);--field-border-hover:var(--neutral-400);--field-border-focus:var(--commerk-navy);--field-placeholder:var(--neutral-500);--action-disabled-bg:var(--neutral-200);--action-disabled-fg:var(--neutral-400);--font-core:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-050:11px;--fs-100:12px;--fs-200:13px;--fs-300:14px;--fs-400:16px;--fs-500:18px;--fs-600:21px;--fs-700:26px;--lh-body:1.55;--lh-heading:1.24;--tracking-tight:-.01em;--tracking-caps:.14em;--tracking-caps-wide:.32em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--radius-1:2px;--radius-control:4px;--radius-card:6px;--radius-pill:999px;--border-hairline:1px;--border-regular:1.5px;--border-rule:3px;--border-color:var(--neutral-200);--border-color-strong:var(--neutral-300);--clip-cut-sm:polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);--shadow-1:0 1px 2px #0307460f, 0 1px 1px #0307460a;--shadow-2:0 2px 6px #03074612, 0 1px 2px #0307460d;--shadow-3:0 6px 18px #03074617, 0 2px 6px #0307460d;--ring:0 0 0 2px var(--commerk-coral);--dur-fast:.14s;--dur-base:.22s;--ease-standard:cubic-bezier(.2, .6, .25, 1);--transition-control:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), transform var(--dur-fast) var(--ease-standard);--press-translate:1px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream-100);min-height:100dvh;color:var(--text-body);font-family:var(--font-core);font-size:var(--fs-400);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}h1,h2,h3{color:var(--text-strong);font-weight:800;line-height:var(--lh-heading);letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0}h1{font-size:var(--fs-700)}h2{font-size:var(--fs-600)}p{margin:0 0 var(--space-4);text-wrap:pretty}p:last-child{margin-bottom:0}:focus-visible{box-shadow:var(--ring);outline:none}::selection{background:var(--coral-200);color:var(--commerk-navy)}.codigo-monospace{font-family:var(--font-mono);letter-spacing:.1em}.app-cabecera{isolation:isolate;background:var(--commerk-navy);padding:calc(env(safe-area-inset-top,0px) + var(--space-6)) var(--space-5) var(--space-5);position:relative;overflow:hidden}.app-cabecera:before{content:"";z-index:-1;opacity:.14;background-image:url(/marca/trama-k.png);background-repeat:repeat;background-size:208px 216px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 18%,#000 58% 100%);mask-image:linear-gradient(#0000 18%,#000 58% 100%)}.app-cabecera__fila{align-items:center;gap:var(--space-3);display:flex}.app-logo{width:auto;height:17px;display:block}.app-cabecera__rotulo{font-size:var(--fs-050);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--coral-400);margin-left:auto;font-weight:700}.app-cuerpo{padding:var(--space-6) var(--space-5) var(--space-9);flex:1}.app-pie{background:var(--commerk-navy);padding:var(--space-3) var(--space-5) calc(env(safe-area-inset-bottom,0px) + var(--space-6))}.app-pie p{color:#ffffff8c;text-align:center;margin:0;font-size:9.5px;line-height:1.5}.contenedor{width:100%;max-width:520px;margin-inline:auto}.seccion-caps{align-items:center;gap:var(--space-3);font-size:var(--fs-050);letter-spacing:var(--tracking-caps-wide);text-transform:uppercase;color:var(--commerk-coral);font-weight:700;display:flex}.seccion-caps:before{content:"";width:22px;height:var(--border-rule);background:var(--commerk-coral);flex:none}.entradilla{margin:var(--space-3) 0 0;font-size:var(--fs-300);color:var(--text-muted);line-height:1.6}.tarjeta{background:var(--white);border:var(--border-hairline) solid var(--cream-400);border-radius:var(--radius-card);padding:var(--space-5)}.datos-actividad{gap:var(--space-3) var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--neutral-100);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fila-dato{gap:var(--space-2);align-items:flex-start;min-width:0;display:flex}.fila-dato--ancho{grid-column:1/-1}.fila-dato__icono{color:var(--commerk-coral);flex:none;margin-top:2px}.fila-dato__texto{min-width:0}.fila-dato__etiqueta{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-subtle);font-size:9.5px;font-weight:700;line-height:1.3;display:block}.fila-dato__valor{font-size:var(--fs-200);color:var(--text-strong);overflow-wrap:anywhere;font-weight:500;line-height:1.4;display:block}@media (width<=359px){.datos-actividad{grid-template-columns:1fr}}.badge{align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-1);font-size:var(--fs-050);letter-spacing:var(--tracking-caps);text-transform:uppercase;white-space:nowrap;font-weight:700;display:inline-flex}.badge--outline{box-shadow:inset 0 0 0 1px var(--border-color-strong);color:var(--text-muted);background:0 0}.badge--success{background:var(--status-success-soft);color:var(--status-success)}.badge--dot:before{content:"";border-radius:var(--radius-pill);background:currentColor;flex:none;width:6px;height:6px}.boton{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:54px;padding:0 var(--space-7);border:var(--border-regular) solid transparent;border-radius:var(--radius-control);font-family:var(--font-core);font-size:var(--fs-400);text-align:center;cursor:pointer;white-space:nowrap;transition:var(--transition-control);appearance:none;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.boton:active:not(:disabled){transform:translateY(var(--press-translate))}.boton:disabled,.boton[aria-disabled=true]{background:var(--action-disabled-bg);color:var(--action-disabled-fg);cursor:not-allowed;border-color:#0000;transform:none}.boton--primario{background:var(--commerk-navy);color:var(--white)}.boton--primario:hover:not(:disabled){background:var(--navy-600)}.boton--primario:active:not(:disabled){background:var(--navy-800)}.boton--acento{background:var(--commerk-coral);color:var(--white)}.boton--acento:hover:not(:disabled){background:var(--coral-700)}.boton--acento:active:not(:disabled){background:var(--coral-800)}.boton--corte{clip-path:var(--clip-cut-sm);border-radius:0}.boton--secundario{border-color:var(--commerk-navy);color:var(--commerk-navy);background:0 0}.boton--secundario:hover:not(:disabled){background:var(--navy-050)}.campo{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.etiqueta{align-items:center;gap:var(--space-1);font-size:var(--fs-200);letter-spacing:.02em;color:var(--text-strong);font-weight:600;display:flex}.etiqueta--requerido:after{content:"*";color:var(--commerk-coral)}input[type=text],input:not([type]),input[type=tel],select,textarea{width:100%;height:54px;padding:0 var(--space-4);border:var(--border-hairline) solid var(--field-border);border-radius:var(--radius-control);background:var(--field-bg);color:var(--neutral-900);font-family:var(--font-core);font-size:var(--fs-400);transition:var(--transition-control);display:block}input::placeholder{color:var(--field-placeholder)}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--field-border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--field-border-focus);box-shadow:0 0 0 3px var(--navy-050);outline:none}input[aria-invalid=true]{border-color:var(--status-danger)}input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--status-danger-soft)}.ayuda{font-size:var(--fs-200);color:var(--text-muted);margin:0;line-height:1.45}.error-campo{font-size:var(--fs-200);color:var(--status-danger);margin:0;font-weight:500}.error-campo:empty{display:none}.entrada-codigo{border-width:var(--border-regular);height:62px;font-family:var(--font-mono);letter-spacing:.22em;text-align:center;text-transform:uppercase;color:var(--commerk-navy);font-size:26px;font-weight:500}.aviso{gap:var(--space-3);padding:var(--space-4) var(--space-5);border-left:var(--border-rule) solid currentColor;border-radius:var(--radius-card);font-size:var(--fs-300);line-height:var(--lh-body);display:flex}.aviso p,.aviso ul{color:var(--text-body);margin:0}.aviso--error{background:var(--status-danger-soft);color:var(--status-danger)}.aviso--advertencia{background:var(--status-warning-soft);color:var(--status-warning)}.aviso--exito{background:var(--status-success-soft);color:var(--status-success)}.pantalla-aviso{text-align:center;padding:var(--space-9) var(--space-4);color:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;display:flex}.aviso-icono-circulo{width:68px;height:68px;margin-bottom:var(--space-6);border-radius:var(--radius-pill);justify-content:center;align-items:center;display:flex}.aviso-icono-circulo--neutral{background:var(--neutral-100);color:var(--neutral-600)}.aviso-icono-circulo--advertencia{background:var(--status-warning-soft);color:var(--status-warning)}.aviso-icono-circulo--info{background:var(--status-info-soft);color:var(--status-info)}.aviso-icono-circulo--error{background:var(--status-danger-soft);color:var(--status-danger)}.aviso-icono-circulo--exito{background:var(--status-success-soft);color:var(--status-success)}.pantalla-aviso .aviso-titulo{margin-top:var(--space-4);font-size:var(--fs-700);color:var(--text-strong)}.pantalla-aviso .aviso-mensaje{margin:var(--space-3) 0 0;max-width:32ch;font-size:var(--fs-300);color:var(--text-muted);line-height:1.6}.pantalla-aviso .aviso-detalles{margin:var(--space-4) 0 0;padding-left:var(--space-5);text-align:left;font-size:var(--fs-200);color:var(--text-muted)}.pantalla-aviso .aviso-codigo{margin-top:var(--space-4);font-size:var(--fs-200);color:var(--text-subtle)}.aviso-acciones{gap:var(--space-3);width:100%;margin-top:var(--space-8);flex-direction:column;display:flex}.firma-recuadro{border:var(--border-regular) dashed var(--neutral-300);border-radius:var(--radius-control);background:var(--white);height:190px;position:relative;overflow:hidden}.firma-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.firma-guia{pointer-events:none;font-size:var(--fs-300);color:var(--text-subtle);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.firma-guia[hidden]{display:none}.firma-renglon{background:var(--neutral-200);pointer-events:none;height:1px;position:absolute;bottom:30px;left:14px;right:14px}.firma-acciones{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.firma-acciones .ayuda{margin:0}.firma-acciones .boton{width:auto;height:auto;font-size:var(--fs-200);color:var(--commerk-coral);background:0 0;border:0;margin-left:auto;padding:6px 2px;font-weight:600}.firma-acciones .boton:hover:not(:disabled){background:0 0;text-decoration:underline}.firma-acciones .boton:disabled{color:var(--text-disabled);cursor:default;background:0 0}.barra-envio{margin-top:var(--space-7)}.nota-legal{margin:var(--space-4) 0 0;font-size:var(--fs-100);color:var(--text-subtle);text-align:center;line-height:1.55}.rejilla{gap:var(--space-4);display:grid}fieldset{border:0;margin:0;padding:0}legend{padding:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}