.pagar-fondo{--pagar-linea-fuerte:color-mix(in srgb, var(--tinta) 16%, transparent);--pagar-brillo:color-mix(in srgb, var(--marca) 10%, transparent);background-color:var(--papel);background-image:radial-gradient(120% 60% at 50% -10%, var(--pagar-brillo), transparent 60%);min-height:100dvh;color:var(--tinta);font-family:var(--f-texto,var(--fuente-texto,system-ui, sans-serif))}.pagar{max-width:560px;margin:0 auto;padding:0 16px 64px}.pagar-oculto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pagar-cabecera{border-bottom:1px solid var(--linea);background-color:var(--superficie);background-image:radial-gradient(ellipse 70% 80% at 50% -20%, color-mix(in srgb, var(--marca) 14%, transparent), transparent 75%), linear-gradient(180deg, color-mix(in srgb, var(--marca-suave,#f6e8ec) 45%, var(--superficie)) 0%, var(--superficie) 100%);justify-content:center;align-items:center;padding:24px 16px;display:flex;position:relative;overflow:hidden}.pagar-portada{text-align:center;padding:28px 0 12px}.pagar-portada__etiqueta{font:700 12px/1 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));letter-spacing:.14em;text-transform:uppercase;color:var(--marca);margin-bottom:10px;display:inline-block}.pagar-portada__titulo{font:700 clamp(26px, 6.5vw, 36px) / 1.15 var(--f-titulo,var(--fuente-titulos,serif));letter-spacing:-.01em;color:var(--tinta);margin:0 0 10px}.pagar-portada__titulo span{color:var(--marca)}.pagar-portada__sub{max-width:440px;color:var(--tinta-suave);margin:0 auto;font-size:15px}.pagar-pasos{justify-content:space-between;align-items:center;margin:24px 0 32px;padding:0;list-style:none;display:flex;position:relative}.pagar-pasos:before{content:"";z-index:0;background:var(--linea);height:2px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.pagar-pasos__punto{z-index:1;border:2px solid var(--linea);background:var(--superficie);width:34px;height:34px;font:700 13px/1 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));color:var(--tinta-suave);border-radius:50%;place-items:center;transition:all .2s;display:grid;position:relative}.pagar-pasos__punto[data-estado=activo]{border-color:var(--marca);background:var(--marca);color:var(--sobre-marca)}.pagar-pasos__punto[data-estado=hecho]{border-color:var(--exito);background:var(--exito-suave);color:var(--exito)}.pagar-aviso{border:1px solid color-mix(in srgb, var(--error) 35%, transparent);background:var(--error-suave);color:var(--error);border-radius:10px;margin:0 0 16px;padding:12px 14px;font-size:14px}.pagar-aviso--prueba{border-color:color-mix(in srgb, var(--marca) 35%, transparent);background:var(--marca-suave);color:var(--tinta)}.pagar-tarjeta{border:1px solid var(--linea);background:var(--superficie);border-radius:18px;margin-bottom:20px;padding:20px}@media (min-width:480px){.pagar-tarjeta{padding:26px}}.pagar-tarjeta__titulo{font:700 20px/1.2 var(--f-titulo,var(--fuente-titulos,serif));color:var(--tinta);margin:0 0 6px}.pagar-tarjeta__desc{color:var(--tinta-suave);margin:0 0 18px;font-size:14px}.pagar-vacio{text-align:center;color:var(--tinta-suave);margin:0 0 12px;padding:24px;font-size:14px}.pagar-catalogo{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:20px;margin-bottom:28px;display:grid}.pagar-catalogo .pagar-tarjeta{border:1px solid var(--linea);background:var(--superficie);border-radius:16px;flex-direction:column;justify-content:space-between;gap:14px;margin-bottom:0;padding:22px;transition:border-color .15s,box-shadow .15s;display:flex}.pagar-catalogo .pagar-tarjeta:hover{border-color:var(--marca);box-shadow:0 4px 18px color-mix(in srgb, var(--marca) 10%, transparent)}.pagar-catalogo .pagar-tarjeta--destacado{border-color:var(--marca);background:color-mix(in srgb, var(--marca) 4%, var(--superficie));box-shadow:0 6px 20px color-mix(in srgb, var(--marca) 8%, transparent);grid-column:1/-1}.pagar-catalogo .pagar-tarjeta .pagar-tarjeta__titulo{font:700 19px/1.2 var(--f-titulo,var(--fuente-titulos,serif));margin:0}.pagar-catalogo .pagar-tarjeta .pagar-monto__valor{font:700 22px/1.2 var(--f-titulo,var(--fuente-titulos,serif));color:var(--marca);margin:4px 0 10px}.pagar-catalogo .pagar-tarjeta .pagar-boton{min-height:48px;font-size:15px}.pagar-metodos{gap:10px;margin-bottom:12px;display:grid}.pagar-metodo{border:1.5px solid var(--linea);background:var(--superficie-2);width:100%;color:var(--tinta);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-family:inherit;transition:all .18s;display:flex}.pagar-metodo:hover{border-color:var(--pagar-linea-fuerte)}.pagar-metodo[data-elegido=si]{border-color:var(--marca);background:var(--marca-suave)}.pagar-metodo:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.pagar-metodo__info b{font:700 15px/1.2 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));display:block}.pagar-metodo__info span{color:var(--tinta-suave);font-size:12.5px}.pagar-metodo__radio{border:2px solid var(--pagar-linea-fuerte);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.pagar-metodo[data-elegido=si] .pagar-metodo__radio{border-color:var(--marca)}.pagar-metodo[data-elegido=si] .pagar-metodo__radio:after{content:"";background:var(--marca);border-radius:50%;width:8px;height:8px}.pagar-monto{border:1px solid color-mix(in srgb, var(--marca) 30%, transparent);background:var(--superficie-2);text-align:center;border-radius:14px;margin-bottom:20px;padding:18px}.pagar-monto__etiqueta{font:700 11px/1 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));letter-spacing:.12em;text-transform:uppercase;color:var(--marca);margin-bottom:6px;display:block}.pagar-monto__valor{font:700 clamp(28px, 7vw, 36px) / 1.1 var(--f-titulo,var(--fuente-titulos,serif));color:var(--tinta)}.pagar-monto__sub{color:var(--tinta-suave);margin-top:6px;font-size:13px}.pagar-datos{gap:8px;margin-bottom:20px;display:grid}.pagar-dato{border:1px solid var(--linea);background:var(--superficie-2);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pagar-dato__info{flex:1;min-width:0}.pagar-dato__clave{letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-suave);font-size:11px;display:block}.pagar-dato__valor{color:var(--tinta);word-break:break-all;font-size:14.5px;font-weight:600}.pagar-copiar{border:1px solid var(--linea);background:var(--superficie);color:var(--tinta);font:700 12px/1 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));cursor:pointer;border-radius:8px;flex-shrink:0;margin-left:10px;padding:6px 10px;transition:all .15s}.pagar-copiar:hover{border-color:var(--pagar-linea-fuerte)}.pagar-copiar[data-copiado=si]{border-color:var(--exito);background:var(--exito-suave);color:var(--exito)}.pagar-formulario{gap:14px;display:grid}.pagar-fila{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pagar-fila .pagar-campo label{flex-direction:column;justify-content:flex-end;min-height:34px;display:flex}.pagar-campo label{font:600 12px/1.3 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-suave);margin-bottom:6px;display:block}.pagar-campo input:not([type=checkbox]):not([type=file]),.pagar-campo select{border:1px solid var(--linea);background:var(--superficie-2);width:100%;color:var(--tinta);font:15px/1.4 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));border-radius:10px;padding:12px 14px;transition:border-color .15s}.pagar-campo input:focus,.pagar-campo select:focus{border-color:var(--marca);outline:none}.pagar-campo[data-error=si] input:not([type=checkbox]):not([type=file]),.pagar-campo[data-error=si] .pagar-archivo,.pagar-campo[data-error=si] .pagar-terminos{border-color:var(--error)}.pagar-campo small{color:var(--tinta-suave);margin-top:4px;font-size:12px;display:block}.pagar-campo__error{color:var(--error);margin:4px 0 0;font-size:12px}.pagar-opcional{letter-spacing:0;text-transform:none;color:var(--tinta-suave);font-size:11px;font-weight:500}.pagar-sugerencia{color:var(--tinta);margin:6px 0 0;font-size:13px}.pagar-sugerencia button{color:var(--marca);font:600 13px/1.4 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.pagar-archivo{border:1.5px dashed var(--pagar-linea-fuerte);background:var(--superficie-2);text-align:center;cursor:pointer;border-radius:12px;padding:20px;position:relative}.pagar-archivo input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.pagar-archivo:focus-within{border-color:var(--marca)}.pagar-archivo[data-con-archivo=si]{border-color:var(--exito);background:var(--exito-suave)}.pagar-archivo__titulo{color:var(--tinta);font-size:14px;font-weight:600;display:block}.pagar-archivo__ayuda{color:var(--tinta-suave);margin-top:2px;font-size:12px;display:block}.pagar-archivo__elegido{color:var(--exito);overflow-wrap:anywhere;font-size:14px;font-weight:600}.pagar-opcion{border:1px solid var(--linea);background:var(--superficie-2);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:relative}.pagar-opcion input{opacity:0;width:1px;height:1px;position:absolute}.pagar-interruptor{background:var(--pagar-linea-fuerte);border-radius:999px;flex:none;width:40px;height:24px;margin-top:1px;transition:background .18s;position:relative}.pagar-interruptor:after{content:"";background:var(--superficie);border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px}.pagar-opcion input:checked+.pagar-interruptor{background:var(--marca)}.pagar-opcion input:checked+.pagar-interruptor:after{transform:translate(16px)}.pagar-opcion input:focus-visible+.pagar-interruptor{outline:2px solid var(--marca);outline-offset:2px}.pagar-opcion__texto b{color:var(--tinta);font-size:14px;font-weight:600;line-height:1.35;display:block}.pagar-opcion__texto small{color:var(--tinta-suave);margin-top:3px;font-size:12px;line-height:1.4;display:block}.pagar-campo .pagar-terminos{border:1px solid var(--linea);background:var(--superficie-2);font:400 14px/1.4 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));letter-spacing:0;text-transform:none;color:var(--tinta);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;margin:0;padding:12px 14px;display:flex}.pagar-terminos input{width:20px;height:20px;accent-color:var(--marca);cursor:pointer;flex:none;margin:0}.pagar-terminos a{color:var(--marca)}.pagar-boton{width:100%;min-height:52px;font:700 16px/1.2 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));text-align:center;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;transition:all .18s;display:flex}.pagar-boton:active{transform:scale(.98)}.pagar-boton--primario{background:var(--marca);color:var(--sobre-marca);box-shadow:0 10px 25px -10px color-mix(in srgb, var(--marca) 55%, transparent)}.pagar-boton--primario:hover{background:var(--marca-hover)}.pagar-boton:disabled{opacity:.5;cursor:not-allowed;transform:none}.pagar-boton--secundario{border:1px solid var(--linea);background:var(--superficie-2);color:var(--tinta)}.pagar-boton--secundario:hover{border-color:var(--pagar-linea-fuerte)}.pagar-acciones{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.pagar-acciones--envio{grid-template-columns:1fr 1.6fr;margin-top:10px}.pagar-ayuda{text-align:center;color:var(--tinta-suave);margin:12px 0 0;font-size:13px}.pagar-ayuda a{color:var(--tinta-suave)}.pagar-verificacion{border:1px solid color-mix(in srgb, var(--marca) 35%, transparent);background:var(--superficie-2);border-radius:14px;margin-top:10px;padding:18px}.pagar-verificacion__texto{color:var(--tinta);margin:0 0 14px;font-size:14.5px;line-height:1.5}.pagar-verificacion__texto b{color:var(--marca);overflow-wrap:anywhere}.pagar-campo input.pagar-codigo{font:700 26px/1.2 var(--f-mono,var(--fuente-mono,monospace));letter-spacing:.45em;text-align:center;padding:12px 10px 12px calc(10px + .45em)}.pagar-codigo:disabled{opacity:.5}.pagar-verificacion__mensaje{color:var(--tinta-suave);margin:10px 0 0;font-size:13.5px;line-height:1.45}.pagar-verificacion__mensaje:empty{display:none}.pagar-verificacion__mensaje[data-tipo=error]{color:var(--error)}.pagar-verificacion__mensaje[data-tipo=ok]{color:var(--exito)}.pagar-verificacion .pagar-boton{margin-top:14px}.pagar-verificacion .pagar-aviso{margin-bottom:12px}.pagar-verificacion__enlaces{flex-wrap:wrap;justify-content:space-between;gap:0 16px;margin-top:6px;display:flex}.pagar-enlace{color:var(--tinta-suave);font:500 13.5px/1.2 var(--f-texto,var(--fuente-texto,system-ui, sans-serif));cursor:pointer;background:0 0;border:0;padding:10px 0;text-decoration:underline}.pagar-enlace:hover{color:var(--tinta)}.pagar-enlace:disabled{cursor:default;text-decoration:none}.pagar-verificacion__nota{color:var(--tinta-suave);margin:2px 0 0;font-size:12px}.pagar-exito{text-align:center;padding:20px 0}.pagar-exito__icono{border:1.5px solid color-mix(in srgb, var(--exito) 45%, transparent);background:var(--exito-suave);width:70px;height:70px;color:var(--exito);box-shadow:0 0 0 8px color-mix(in srgb, var(--exito) 6%, transparent);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.pagar-exito__titulo{font-size:24px}.pagar-exito .pagar-tarjeta__desc{max-width:440px;margin:0 auto 16px}.pagar-orden{border:1px solid var(--pagar-linea-fuerte);background:var(--superficie-2);border-radius:12px;gap:2px;margin:16px 0 20px;padding:12px 18px;display:inline-grid}.pagar-orden__etiqueta{letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave);font-size:11px}.pagar-orden__numero{font:700 24px/1.2 var(--f-mono,var(--fuente-mono,monospace));letter-spacing:.04em;color:var(--marca)}.pagar-orden__completo{font:400 11px/1.3 var(--f-mono,var(--fuente-mono,monospace));color:var(--tinta-suave);overflow-wrap:anywhere}.pagar-siguiente{border:1px solid var(--linea);background:var(--superficie-2);text-align:left;color:var(--tinta-suave);border-radius:14px;margin-bottom:24px;padding:16px;font-size:14px;line-height:1.5}.pagar-siguiente b{color:var(--tinta);margin-bottom:6px;display:block}.pagar-pie{border-top:1px solid var(--linea);text-align:center;color:var(--tinta-suave);margin-top:40px;padding-top:18px;font-size:13px}.pagar-pie a{color:var(--tinta-suave)}@media (max-width:480px){.pagar-fila{grid-template-columns:1fr}}@media (max-width:440px){.pagar-acciones,.pagar-acciones--envio{flex-direction:column-reverse;display:flex}}