:root{--card-bg:#0b1020;--card-line:#1e293b;--card-separator:#243042;--card-muted:#b6c2d1;--available:#22c55e;--low:#f59e0b;--soldout:#ef4444;--price:#38bdf8}
body{background:radial-gradient(circle at 85% -10%,#59212a 0,transparent 31%),radial-gradient(circle at 4% 38%,#123246 0,transparent 34%),linear-gradient(135deg,#080a11 8%,#11121d 50%,#100b13 100%)}
.topbar{height:74px;padding:6px clamp(25px,5vw,88px);background:#050608f5}.brand{align-items:center;display:flex;height:100%}.brand img{filter:drop-shadow(0 0 9px #ff855c8c);height:45px;object-fit:contain;object-position:center;width:96px}.topbar nav{align-items:center;gap:30px}.mobile-brand{display:none}.platform-ticker{background:#0c100d;border-bottom:1px solid #ffffff16;color:#b7bcaf;height:43px;overflow:hidden;white-space:nowrap}.ticker-track{animation:ticker 48s linear infinite;display:inline-block;font-size:12px;font-weight:900;letter-spacing:.31em;line-height:43px;text-transform:uppercase}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hero:after{display:none}.hero .hero-arrow{background:#080a10a6;border:1px solid #ffffff42;border-radius:50%;color:#fff;cursor:pointer;font-size:46px;height:54px;line-height:40px;position:absolute;top:50%;transform:translateY(-50%);width:54px;z-index:2}.hero .previous{left:26px}.hero .next{right:26px}.catalog{max-width:none;padding-left:clamp(16px,3vw,58px);padding-right:clamp(16px,3vw,58px)}#buscar{background:#10131f;border-color:#ff9a5b99;box-shadow:0 0 0 1px #ff733226,0 0 22px #ff773342,inset 0 0 16px #ff8d3d0c;font-weight:650}#buscar:focus{box-shadow:0 0 0 2px #ffad67,0 0 28px #ff77336b}.family-rail{align-items:center;display:flex;gap:10px}.familias{flex:1;scroll-behavior:smooth}.family-arrow{background:#141923;border:1px solid #ffffff32;border-radius:50%;color:#fff;cursor:pointer;flex:0 0 40px;font-size:29px;height:40px;line-height:20px;width:40px}.family-arrow:hover{border-color:var(--orange);color:var(--gold)}
.productos{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.product{background:var(--card-bg);border:1px solid color-mix(in srgb,var(--product-color) 58%,var(--card-line));border-radius:22px;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:border-color .22s,box-shadow .22s,transform .22s}.product:hover,.product.selected{border-color:var(--product-color);box-shadow:0 15px 38px #000a,0 0 0 1px color-mix(in srgb,var(--product-color) 48%,transparent),0 0 25px color-mix(in srgb,var(--product-color) 20%,transparent);transform:translateY(-3px)}
.product-badges{align-items:center;display:flex;gap:8px;height:49px;justify-content:space-between;padding:12px 13px 6px}.badge{border:1px solid transparent;border-radius:10px;font-size:11px;font-weight:900;letter-spacing:.01em;line-height:1;max-width:62%;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;text-transform:uppercase;transition:box-shadow .2s,transform .2s;white-space:nowrap}.badge:hover{box-shadow:0 0 15px currentColor;transform:translateY(-1px)}.stock-badge.disponible{background:#123822;color:#8df8b7;border-color:#35d97a78}.stock-badge.ultimas{background:#3b2a0d;color:#ffd17a;border-color:#f59e0b77}.stock-badge.agotado{background:#45171e;color:#ff9ca6;border-color:#ef444488}.extra-badge{background:linear-gradient(110deg,#76520d,#f5c542,#a87310);border-color:#ffe899;color:#1d1603;box-shadow:0 0 14px #f5c54230}.badge-placeholder{display:block;min-width:1px}
.visual.card-frame{aspect-ratio:4/3;background:linear-gradient(135deg,color-mix(in srgb,var(--product-color) 65%,#101624),#0b1020 76%);display:grid;flex:0 0 auto;height:auto;min-height:0;overflow:hidden;place-items:center}.card-image{filter:drop-shadow(0 8px 13px #0007);height:100%;object-fit:contain;padding:0;width:100%;transition:transform .3s}.product:hover .card-image{transform:scale(1.02)}.product-icon{height:82px;object-fit:contain;width:82px}
.product-body{display:grid;flex:1;grid-template-rows:46px 78px 79px 55px;min-width:0;padding:13px 15px 15px}.product h3{-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:center;display:-webkit-box;font-size:17px;line-height:1.22;margin:0;overflow:hidden}.card-purchase{align-items:center;border-bottom:1px solid var(--card-separator);border-top:1px solid var(--card-separator);display:flex;gap:10px;justify-content:space-between;padding:9px 0}.price-box{background:linear-gradient(135deg,#10263a,#0d172a);border:1px solid #38bdf839;border-radius:11px;min-width:0;padding:7px 10px}.price-box small{color:#b9dceb;display:block;font-size:10px;font-weight:700;margin-bottom:2px}.price{color:var(--price);font-size:22px;font-weight:900;margin:0;white-space:nowrap}.price small{display:none}.months.compact{gap:5px;margin:0}.months.compact button{background:linear-gradient(145deg,#263249,#121a29);border-color:#3c4b66;box-shadow:inset 0 1px #ffffff18,0 5px 10px #0004;font-size:19px;height:34px;transition:background .2s,box-shadow .2s,transform .2s;width:34px}.months.compact button:hover:not(:disabled){background:#344867;box-shadow:0 0 13px #38bdf847;transform:translateY(-1px)}.months.compact button:disabled{cursor:not-allowed;opacity:.35}.months.compact output{font-size:12px;min-width:45px}.inventory{align-items:center;display:grid;grid-template-columns:31px 1fr;grid-template-rows:29px 11px;min-width:0;padding:10px 0}.inventory-icon{font-size:28px;grid-row:1/3;line-height:1}.inventory-copy{min-width:0}.inventory-copy strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-copy small{color:var(--card-muted);display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-meter{display:flex;gap:3px;grid-column:2;padding-top:4px}.stock-meter i{background:#303949;border-radius:99px;display:block;height:7px;max-width:34px;min-width:6px;flex:1}.inventory.disponible{color:var(--available)}.inventory.ultimas{color:var(--low)}.inventory.agotado{color:var(--soldout)}.inventory.disponible .stock-meter i.on{background:var(--available);box-shadow:0 0 8px #22c55e8c}.inventory.ultimas .stock-meter i.on{background:var(--low);box-shadow:0 0 8px #f59e0b8c}.inventory.agotado .stock-meter i.on{background:var(--soldout)}
.actions{gap:9px;margin:0}.button{border-radius:11px;font-size:13px;padding:10px}.button.primary{background:linear-gradient(105deg,#ff8a00,#ff3d00);box-shadow:0 7px 18px #ff4e0038;color:#fff;transition:box-shadow .2s,transform .2s}.button.primary:hover:not(:disabled){box-shadow:0 0 20px #ff5d0091,0 10px 22px #0007;transform:scale(1.03)}.button.primary.disabled,.button.primary:disabled{background:#687080;box-shadow:none;color:#d6d9de;cursor:not-allowed;transform:none}.paginacion{align-items:center;display:flex;gap:7px;justify-content:center;margin:30px 0 12px}.page-button{background:#151b29;border:1px solid #3a465e;border-radius:10px;color:#cdd5e4;cursor:pointer;font:800 13px Inter,system-ui,sans-serif;height:36px;min-width:36px;transition:box-shadow .2s,transform .2s}.page-button:hover:not(:disabled),.page-button.active{background:linear-gradient(135deg,#ff8a00,#ff5d21);border-color:#ffb05b;box-shadow:0 0 16px #ff713660;color:#fff;transform:translateY(-1px)}.page-button:disabled{cursor:not-allowed;opacity:.35}
.whatsapp{align-items:center;background:#28c76f;border-radius:50%;bottom:25px;box-shadow:0 10px 27px #0008;display:grid;height:53px;padding:0;place-items:center;right:24px;width:53px}.whatsapp svg{fill:#062311;height:29px;width:29px}.whatsapp b{display:none}
dialog{max-height:90vh;width:min(1180px,96vw)}.detail-wrap{grid-template-columns:minmax(400px,.95fr) minmax(480px,1.25fr);min-height:600px}.detail-visual{min-height:600px;overflow:hidden}.detail-visual img{height:100%;max-height:none;max-width:none;object-fit:contain;width:100%}.detail-info{max-height:90vh;overflow:auto;padding:42px 45px}.detail-info h2{font-size:32px}.detail-info .description{overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:700px){.topbar,.platform-ticker{display:none}.mobile-brand{align-items:center;background:#050608;display:flex;height:55px;justify-content:center}.mobile-brand a{align-items:center;display:flex;height:100%}.mobile-brand img{filter:drop-shadow(0 0 8px #ff855c9c);height:42px;object-fit:contain;width:88px}.hero{aspect-ratio:21/9;height:auto;min-height:0}.hero .hero-arrow{display:none}.catalog{padding:21px 12px}.family-rail{gap:5px;margin:0 -5px}.family-arrow{flex-basis:31px;font-size:24px;height:31px;padding:0;width:31px}.familias{margin:0;padding-left:5px;padding-right:5px}.productos{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.product{border-radius:15px}.product-badges{gap:3px;height:38px;padding:8px 8px 4px}.badge{border-radius:7px;font-size:7px;padding:6px 5px}.product-body{grid-template-rows:40px 69px 69px 48px;padding:9px}.product h3{font-size:13px}.price-box{border-radius:8px;padding:6px}.price-box small{font-size:8px}.price{font-size:16px}.months.compact{gap:2px}.months.compact button{font-size:17px;height:28px;width:28px}.months.compact output{font-size:10px;min-width:32px}.inventory{grid-template-columns:24px 1fr;grid-template-rows:26px 9px;padding:7px 0}.inventory-icon{font-size:23px}.inventory-copy strong{font-size:11px}.inventory-copy small{font-size:7px}.stock-meter{gap:2px;padding-top:3px}.stock-meter i{height:5px}.actions{gap:5px}.actions .button{font-size:10px;padding:8px 2px}.paginacion{margin:22px 0 8px}.page-button{height:32px;min-width:32px}.whatsapp{bottom:90px;height:50px;right:16px;width:50px}.bottom-nav a{font-size:17px}.bottom-nav small{font-size:9px}.detail-wrap{grid-template-columns:1fr;min-height:0}.detail-visual{min-height:250px}.detail-info{max-height:none;padding:25px}.detail-info h2{font-size:26px}}
@media(max-width:700px){.mobile-brand{height:43px;justify-content:flex-start;padding-left:13px}.mobile-brand img{height:32px;width:68px}.catalog{padding-top:16px}.product-badges{height:31px;padding:6px 7px 3px}.badge{font-size:6.5px;padding:5px 4px}.product-body{grid-template-rows:28px 50px 42px 38px;padding:6px 7px 7px}.product h3{font-size:12px}.card-purchase{gap:4px;padding:5px 0}.price-box{padding:4px 5px}.price-box small{font-size:7px}.price{font-size:14px}.months.compact button{font-size:15px;height:25px;width:25px}.months.compact output{font-size:9px;min-width:29px}.inventory{grid-template-columns:21px 1fr;grid-template-rows:23px 7px;padding:4px 0}.inventory-icon{font-size:20px}.inventory-copy strong{font-size:10px}.inventory-copy small{display:none}.stock-meter{padding-top:1px}.stock-meter i{height:4px}.actions .button,.actions .button:first-child{display:flex;font-size:8.5px;padding:6px 1px}.paginacion{margin-top:18px}}
/* Estados transitorios del único dato dinámico del catálogo: el stock. */
.stock-badge.cargando{background:#102943;color:#9ed9ff;border-color:#38bdf880}
.stock-badge.sin-dato{background:#302b17;color:#f8d979;border-color:#facc1580}
.inventory.cargando{color:#7dd3fc}
.inventory.sin-dato{color:#f5d469}
.inventory.cargando .inventory-icon{animation:catalog-stock-spin 1.2s linear infinite}
@keyframes catalog-stock-spin{to{transform:rotate(360deg)}}

/* Navegación compartida: iconos y estado activo. */
.topbar nav{align-self:stretch;display:flex;gap:0;margin-right:-12px}
.topbar nav a{align-items:center;color:#c7ccd6;display:inline-flex;font-size:13px;font-weight:800;gap:7px;height:100%;letter-spacing:-.01em;padding:0 16px;position:relative;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}
.topbar nav a:hover{color:#f3f5f8}
.nav-icon{display:block;fill:currentColor;flex:0 0 auto;height:17px;width:17px}
.topbar nav .nav-icon-live{height:18px;width:18px}
.topbar nav a.nav-home{color:var(--orange,#ff7a41);text-shadow:none}
.topbar nav a.active{color:var(--orange,#ff7a41);text-shadow:0 0 10px #ff7a41a6,0 0 20px #ff7a4152}
.topbar nav a.active .nav-icon{filter:drop-shadow(0 0 5px #ff7a41)}
.topbar nav a.active:after{background:var(--orange,#ff7a41);border-radius:999px;bottom:8px;box-shadow:0 0 8px #ff7a41,0 0 17px #ff7a4180;content:"";height:2px;left:16px;position:absolute;right:16px}

@media(max-width:700px){
  .bottom-nav{align-items:stretch;background:linear-gradient(180deg,#111722f8,#090c14fc);border-top:1px solid #3b46584f;box-shadow:0 -9px 26px #000a;height:73px}
  .bottom-nav a{align-items:center;color:#b8bfca;display:flex;flex:1;flex-direction:column;font-size:0;gap:5px;justify-content:center;min-width:0;padding:6px 3px 7px;position:relative;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}
  .bottom-nav .nav-icon{height:19px;width:19px}
  .bottom-nav .nav-icon-live{height:20px;width:20px}
  .bottom-nav small{color:inherit;font-size:9px;font-weight:750;line-height:1;white-space:nowrap}
  .bottom-nav a.nav-home{color:#b8bfca;text-shadow:none}
  .bottom-nav a.active{color:var(--orange,#ff7a41);text-shadow:0 0 9px #ff7a41a8,0 0 18px #ff7a4150}
  .bottom-nav a.active .nav-icon{filter:drop-shadow(0 0 5px #ff7a41)}
  .bottom-nav a.active:after{background:var(--orange,#ff7a41);border-radius:999px;bottom:3px;box-shadow:0 0 8px #ff7a41,0 0 16px #ff7a4180;content:"";height:2px;left:20%;position:absolute;right:20%}
}


/* Navegación PC: casa destacada, texto según sección. */
@media(min-width:701px){
  .topbar nav a.nav-home>span{color:#c7ccd6;text-shadow:none}
  .topbar nav a.nav-home:hover:not(.active)>span{color:#f3f5f8}
  .topbar nav a.nav-home.active>span{color:var(--orange,#ff7a41)}
}


/* Final card visual hierarchy: full-bleed image and contextual stock badges. */
.product{
  min-height:0;
}
.visual.card-frame{
  aspect-ratio:4 / 3;
  isolation:isolate;
  position:relative;
}
.visual.card-frame::after{
  background:linear-gradient(180deg,#05070a08 42%,#05070a70 100%);
  content:"";
  inset:0;
  pointer-events:none;
  position:absolute;
  z-index:1;
}
.card-image{
  filter:none;
  object-fit:cover;
  object-position:center;
  position:relative;
  z-index:0;
}
.product:hover .card-image,.product.selected .card-image{
  transform:scale(1.025);
}
.product-icon{
  position:relative;
  z-index:0;
}
.product-badges{
  align-items:flex-start;
  height:auto;
  justify-content:space-between;
  left:12px;
  min-height:0;
  padding:0;
  pointer-events:none;
  position:absolute;
  right:12px;
  top:12px;
  z-index:2;
}
.badge{
  backdrop-filter:blur(10px);
  border-radius:999px;
  box-shadow:0 5px 15px #02040a80;
  font-size:10px;
  letter-spacing:.025em;
  max-width:59%;
  padding:8px 10px;
}
.stock-badge.disponible{
  background:#0b3524d9;
  border-color:#42e991a8;
  box-shadow:0 0 15px #22c55e4a,0 5px 15px #02040a80;
  color:#b5ffd1;
}
.stock-badge.ultimas{
  background:#382708dc;
  border-color:#ffad2ba8;
  box-shadow:0 0 15px #f59e0b45,0 5px 15px #02040a80;
  color:#ffe0a1;
}
.stock-badge.ultima,
.stock-badge.agotado{
  background:#42151cdd;
  border-color:#ff586ca8;
  box-shadow:0 0 15px #ef44444b,0 5px 15px #02040a80;
  color:#ffc1c8;
}
.extra-badge{
  background:linear-gradient(110deg,var(--extra-badge-start,#7c3aed),var(--extra-badge-end,#2563eb));
  border-color:#a78bfa;
  box-shadow:0 0 16px #6d4cff65,0 5px 15px #02040a80;
  color:#fff;
}
.product-body{
  grid-template-rows:50px 78px 80px 56px;
}
.product h3{
  font-size:18px;
  font-weight:850;
  letter-spacing:-.018em;
}
.inventory.ultima{
  color:var(--soldout);
}
.inventory.ultima .stock-meter i.on{
  background:var(--soldout);
  box-shadow:0 0 8px #ef44448c;
}

@media(max-width:700px){
  .visual.card-frame{aspect-ratio:4 / 3}
  .product-badges{left:6px;right:6px;top:6px}
  .badge{font-size:6.5px;letter-spacing:0;max-width:61%;padding:5px 5px}
  .product-body{grid-template-rows:30px 52px 44px 40px;padding:6px 7px 7px}
  .product h3{font-size:12px}
}


/* Compra desde catálogo: se abre solo cuando el plan está habilitado y la sesión del portal existe. */
.stock-meter i.partial{overflow:hidden;position:relative}
.stock-meter i.partial::after{background:var(--stock-meter-color,currentColor);border-radius:inherit;box-shadow:0 0 8px color-mix(in srgb,var(--stock-meter-color,currentColor) 64%,transparent);content:"";inset:0 auto 0 0;position:absolute;width:var(--stock-fill,0%)}
.inventory.disponible{--stock-meter-color:var(--available)}
.inventory.ultimas{--stock-meter-color:var(--low)}
.inventory.ultima,.inventory.agotado{--stock-meter-color:var(--soldout)}
.purchase-dialog{background:linear-gradient(145deg,#101827,#0b1020);border:1px solid #ffffff2c;border-radius:25px;box-shadow:0 30px 80px #000c,0 0 0 1px #ff8a3d24;color:#f8fafc;max-height:min(91dvh,900px);max-width:96vw;overflow:auto;padding:0;width:min(820px,96vw)}
.purchase-dialog::backdrop{background:#02040ac9;backdrop-filter:blur(4px)}
.purchase-close{align-items:center;background:#1e293b;border:1px solid #ffffff21;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:27px;height:39px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;width:39px;z-index:3}.purchase-close:hover{border-color:#ff9a5b;color:#ffd3bb}
.purchase-shell{padding:clamp(28px,5vw,48px)}
.purchase-header{border-bottom:1px solid #ffffff14;margin-bottom:23px;padding:0 48px 19px 0}.purchase-eyebrow{color:#ffab6e;display:block;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.purchase-header h2{color:#fff;font-size:clamp(25px,4vw,36px);letter-spacing:-.045em;line-height:1.05;margin:10px 0 8px}.purchase-header>p{color:#b8c4d5;font-size:14px;line-height:1.55;margin:0;max-width:590px}.purchase-header .purchase-product{color:#ffd5b4;font-size:12px;font-weight:800;margin-top:13px}
.purchase-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 23px}.purchase-summary span{color:#8fa0b8;display:block;font-size:10px;font-weight:800;text-transform:uppercase}.purchase-summary strong{color:#fff;display:block;font-size:15px;line-height:1.3;margin-top:5px}.purchase-summary>span:nth-of-type(5)+strong{color:#8ee8ff}
.purchase-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.purchase-action{align-items:center;background:#1b2739;border:1px solid #46566e;border-radius:13px;color:#e7edf6;cursor:pointer;display:flex;font:850 14px Inter,system-ui,sans-serif;justify-content:center;min-height:52px;padding:10px 16px;text-align:center;transition:box-shadow .2s,transform .2s,border-color .2s}.purchase-action:hover{border-color:#ff9a5b;box-shadow:0 10px 24px #0008,0 0 20px #ff743638;transform:translateY(-1px)}.purchase-action.primary{background:linear-gradient(105deg,#ff8b14,#ff3e10);border-color:#ffa15f;color:#fff;box-shadow:0 10px 25px #ff4e0038}.purchase-action:disabled,.purchase-action[aria-disabled="true"]{background:#344154;border-color:#58677c;box-shadow:none;color:#d4dce8;cursor:not-allowed;filter:saturate(.45);opacity:.5;transform:none}.purchase-action:disabled:hover,.purchase-action[aria-disabled="true"]:hover{box-shadow:none;transform:none}
.payment-overview{border:1px solid #ffffff14;border-radius:17px;display:grid;margin:0 0 15px;overflow:hidden}.payment-row{align-items:center;border-bottom:1px solid #ffffff10;display:flex;gap:18px;justify-content:space-between;min-height:52px;padding:10px 15px}.payment-row:last-child{border-bottom:0}.payment-row>span{color:#9cacbf;font-size:12px;font-weight:750}.payment-row strong{color:#f8fafc;font-size:14px;text-align:right}.payment-total{background:linear-gradient(90deg,#11283a,#111d31)}.payment-total strong{color:#80e8ff;font-size:19px}.payment-months{align-items:center}.payment-month-picker{margin:0}.payment-month-picker button{height:31px;width:31px}.payment-month-picker output{font-size:12px;min-width:64px}
.payment-instructions{align-items:center;background:radial-gradient(circle at 4% 12%,#ff7b4522,transparent 37%),#0a111e;border:1px solid #ffad6840;border-radius:17px;display:grid;gap:20px;grid-template-columns:135px minmax(0,1fr);margin:15px 0;padding:15px}.payment-qr{align-items:center;background:#fff;border-radius:12px;color:#344054;display:flex;justify-content:center;min-height:135px;overflow:hidden;padding:7px}.payment-qr img{display:block;max-height:121px;max-width:121px;object-fit:contain;width:100%}.payment-qr-fallback{font-size:10px;line-height:1.4;margin:0;padding:8px;text-align:center}.payment-copy h3{color:#fff;font-size:18px;margin:5px 0 6px}.payment-copy p{color:#b8c4d5;font-size:12px;line-height:1.55;margin:0}.payment-copy .payment-copy-note{color:#ffcca7;margin-top:8px}
.payment-holder{margin:18px 0 16px}.payment-holder label{color:#f1f5f9;display:block;font-size:13px;font-weight:850;margin-bottom:7px}.payment-holder input{background:#080e18;border:1px solid #53647d;border-radius:12px;box-sizing:border-box;color:#fff;font:650 15px Inter,system-ui,sans-serif;outline:none;padding:13px 14px;width:100%}.payment-holder input:focus{border-color:#ff9b5b;box-shadow:0 0 0 3px #ff743221,0 0 20px #ff74332e}.payment-holder input[aria-invalid="true"]{border-color:#f87171;box-shadow:0 0 0 3px #ef444421}.payment-holder>p{color:#94a3b8;font-size:11px;line-height:1.48;margin:8px 0 0}.payment-holder .payment-field-error{color:#ffb4bd;font-weight:750}.validate-payment{width:100%}.payment-validation-status{background:#17283d;border:1px solid #60a5fa52;border-radius:12px;color:#bfdbfe;font-size:12px;line-height:1.5;margin:13px 0 0;padding:11px 13px}.payment-validation-overlay{align-items:center;background:#060b14e8;border:0;color:inherit;display:none;height:100dvh;inset:0;justify-content:center;margin:0;max-height:none;max-width:none;padding:22px;position:fixed;text-align:center;width:100vw;z-index:100}.payment-validation-overlay[open]{display:flex}.payment-validation-overlay::backdrop{background:#030712cc;backdrop-filter:blur(5px)}.payment-validation-card{background:radial-gradient(circle at 50% 0,#ff7a3329,transparent 48%),#0d1726;border:1px solid #ffad684a;border-radius:20px;box-shadow:0 24px 55px #000b,0 0 32px #ff703433;display:grid;justify-items:center;max-width:350px;padding:30px 25px;width:100%}.payment-validation-spinner{animation:payment-spin .85s linear infinite;border:4px solid #ffffff25;border-radius:50%;border-top-color:#ff742f;box-shadow:0 0 22px #ff703857;height:38px;margin-bottom:17px;width:38px}.payment-validation-card .purchase-eyebrow{margin-bottom:8px}.payment-validation-card strong{color:#f8fafc;font-size:19px;line-height:1.28}.payment-validation-card p{color:#a8b7cc;font-size:12px;line-height:1.55;margin:11px 0 0}@keyframes payment-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.purchase-dialog{border-radius:21px;max-height:calc(100dvh - 24px);width:calc(100vw - 20px)}.purchase-shell{padding:26px 18px}.purchase-close{height:34px;right:12px;top:12px;width:34px}.purchase-header{margin-bottom:17px;padding-bottom:15px}.purchase-header h2{font-size:27px}.purchase-header>p{font-size:12px}.purchase-summary{grid-template-columns:1fr;gap:0;margin:16px 0}.purchase-summary>span{margin-top:11px}.purchase-summary strong{font-size:14px}.purchase-choice-actions{grid-template-columns:1fr}.purchase-action{font-size:13px;min-height:49px}.payment-row{min-height:49px;padding:9px 12px}.payment-row>span{font-size:10px}.payment-row strong{font-size:12px}.payment-total strong{font-size:17px}.payment-instructions{grid-template-columns:94px minmax(0,1fr);gap:12px;padding:11px}.payment-qr{min-height:94px}.payment-qr img{max-height:82px;max-width:82px}.payment-copy h3{font-size:14px}.payment-copy p{font-size:10px}.payment-holder label{font-size:12px}.payment-holder input{font-size:14px}.payment-holder>p,.payment-validation-status{font-size:10px}.payment-validation-overlay{padding:13px}.payment-validation-card{border-radius:17px;padding:24px 18px}.payment-validation-card strong{font-size:17px}}


/* Compra web: acciones del QR y perfil solicitado. */
.payment-qr-block{display:grid;gap:8px;min-width:135px}.payment-qr-actions{display:grid;gap:7px;grid-template-columns:1fr 1fr}.payment-qr-actions[hidden]{display:none}.payment-qr-action{align-items:center;background:#172338;border:1px solid #4c617e;border-radius:8px;color:#eaf2ff;cursor:pointer;display:flex;font:800 10px Inter,system-ui,sans-serif;justify-content:center;min-height:31px;padding:5px 7px;text-align:center;transition:border-color .2s,box-shadow .2s,transform .2s}.payment-qr-action:hover{border-color:#ff9c5d;box-shadow:0 0 15px #ff743638;transform:translateY(-1px)}.payment-profile{background:linear-gradient(100deg,#172235,#101827);border:1px solid #5d7ba045;border-radius:17px;margin:15px 0;padding:15px}.payment-profile>p:not(.payment-field-error){color:#b9cae0}.qr-preview-dialog{background:linear-gradient(145deg,#0f1726,#080d17);border:1px solid #ffad684f;border-radius:22px;box-shadow:0 30px 80px #000d,0 0 34px #ff74352b;max-height:90dvh;max-width:92vw;overflow:visible;padding:18px;width:min(560px,92vw)}.qr-preview-dialog::backdrop{background:#02040adb;backdrop-filter:blur(5px)}.qr-preview-dialog img{background:#fff;border-radius:15px;display:block;height:auto;max-height:calc(90dvh - 36px);margin:auto;max-width:100%;object-fit:contain;width:100%}.qr-preview-close{align-items:center;background:#1c293d;border:1px solid #ffffff2c;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:25px;height:37px;justify-content:center;line-height:1;position:absolute;right:-13px;top:-13px;width:37px;z-index:2}.qr-preview-close:hover{border-color:#ff9a5b;color:#ffd3bb}@media(max-width:700px){.payment-qr-block{gap:5px;min-width:94px}.payment-qr-actions{gap:4px}.payment-qr-action{border-radius:6px;font-size:8px;min-height:26px;padding:3px}.payment-profile{margin:13px 0;padding:12px}.qr-preview-dialog{border-radius:18px;padding:12px;width:min(420px,91vw)}.qr-preview-close{height:33px;right:-9px;top:-9px;width:33px}}


/* Espera visible y cancelable antes de comprobar un pago web. */
.payment-validation-countdown{align-items:center;background:#ff78301c;border:1px solid #ffad6852;border-radius:12px;color:#ffd1ad;display:flex;font-size:14px;font-weight:850;justify-content:center;letter-spacing:.01em;margin:17px 0 0;min-height:42px;padding:0 15px}.payment-validation-cancel{background:transparent;border:1px solid #8fa1b96b;border-radius:12px;color:#dbe7f7;cursor:pointer;font:800 13px Inter,system-ui,sans-serif;margin-top:11px;min-height:42px;padding:0 17px;transition:border-color .2s,background .2s,color .2s;width:100%}.payment-validation-cancel:hover{background:#ffffff0d;border-color:#d7e5f8;color:#fff}.payment-validation-cancel:focus-visible{outline:3px solid #ff8e4f80;outline-offset:2px}@media(max-width:700px){.payment-validation-countdown{font-size:13px;min-height:40px}.payment-validation-cancel{font-size:12px;min-height:40px}}