/* go2shopper.com · versión tecnológica (canvas v26, tableros 11 a 16) */
@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/archivo.woff2) format('woff2')}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
:root{color-scheme:dark}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:#0E0F12}
body{margin:0;background:#0E0F12;color:#F3EEE9;font-family:Archivo,Arial,sans-serif;font-size:17px;line-height:1.5}
img{max-width:100%}
a{color:#F5A15E}a:hover{color:#FFD08A}
:focus-visible{outline:3px solid #EEAC28;outline-offset:3px;border-radius:6px}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .g2-plus{transform:rotate(45deg)}
.g2-plus{transition:transform .25s ease}
.g2-page{container-type:inline-size;container-name:page;overflow-x:clip;min-height:100vh}
.g2-skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;border-radius:10px;background:#EEAC28;color:#1A1410;font-weight:800}
.g2-skip:focus{left:12px}

@keyframes g2drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(70px,-50px) scale(1.18)}100%{transform:translate(0,0) scale(1)}}
@keyframes g2drift2{0%{transform:translate(0,0) scale(1.1)}50%{transform:translate(-60px,40px) scale(0.9)}100%{transform:translate(0,0) scale(1.1)}}
@keyframes g2float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(-6deg)}}
@keyframes g2float2{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(12px) rotate(5deg)}}
@keyframes g2chip{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes g2shimmer{to{background-position:200% center}}
@keyframes g2marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes g2draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes g2pulse{0%,100%{box-shadow:0 0 0 0 rgba(238,172,40,0.55)}70%{box-shadow:0 0 0 14px rgba(238,172,40,0)}}
@keyframes g2reveal{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@keyframes g2grad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes g2shine{0%{transform:translateX(-120%)}60%,100%{transform:translateX(220%)}}

@supports (animation-timeline: view()){
  .g2-reveal{animation:g2reveal linear both;animation-timeline:view();animation-range:entry 0% cover 22%}
}
.g2-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.g2-card:hover{transform:translateY(-4px);border-color:rgba(238,172,40,0.6) !important;box-shadow:0 18px 40px rgba(230,91,20,0.18)}
.g2-btn{transition:transform .2s ease,box-shadow .2s ease}
.g2-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(230,91,20,0.45)}
.g2-btn-main{display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:0 30px;border-radius:14px;background:linear-gradient(100deg,#E65B14,#EEAC28);color:#1A1410;font-weight:800;font-size:18px;text-decoration:none;border:0;font-family:inherit;cursor:pointer}
.g2-btn-main:hover{color:#1A1410}
.g2-btn-ghost{display:inline-flex;align-items:center;min-height:58px;padding:0 24px;border-radius:14px;border:1px solid rgba(255,255,255,0.22);color:#FFFFFF;font-weight:700;text-decoration:none}
.g2-btn-ghost:hover{color:#FFFFFF;border-color:rgba(238,172,40,0.6)}
.g2-shine{background:linear-gradient(90deg,#E65B14,#EEAC28,#FF8A3D,#E65B14);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:g2shimmer 5s linear infinite}

/* Encabezado y menú */
.g2-header{position:sticky;top:0;z-index:30;background:rgba(14,15,18,0.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,0.08)}
.g2-header-in{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.g2-logo{display:flex;flex-shrink:0}
.g2-logo img{height:46px;width:auto;display:block}
.g-nav{display:flex;gap:28px;font-size:16px;font-weight:600}
.g-nav a{color:#E8E2DC;text-decoration:none}
.g-nav a:hover{color:#FFD08A}
.g-nav a[aria-current=page]{color:#FFD08A;text-decoration:underline;text-decoration-color:#E65B14;text-decoration-thickness:2px;text-underline-offset:8px}
.g2-head-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:10px;background:linear-gradient(100deg,#E65B14,#EEAC28);color:#1A1410;font-weight:800;font-size:16px;text-decoration:none;white-space:nowrap}
.g2-head-cta:hover{color:#1A1410}
.g2-head-right{display:flex;align-items:center;gap:10px}
.g-menu{display:none;position:relative}
.g-menu summary{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,0.18);color:#FFFFFF}
.g-menu nav{position:absolute;right:0;top:54px;min-width:240px;padding:10px;border-radius:16px;background:#16171B;border:1px solid rgba(255,255,255,0.12);box-shadow:0 20px 50px rgba(0,0,0,0.6);display:flex;flex-direction:column}
.g-menu nav a{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:10px;color:#F3EEE9;text-decoration:none;font-weight:700}
.g-menu nav a:hover,.g-menu nav a[aria-current=page]{background:rgba(238,172,40,0.12);color:#FFD08A}
.g-menu[open] .g-ico-open{display:none}
.g-menu:not([open]) .g-ico-close{display:none}

@container page (max-width: 920px){
  .g-nav{display:none !important}
  .g-menu{display:block}
  .g-hide-sm{display:none !important}
  .g2-stage{min-height:440px !important}
  .g2-logo img{height:38px}
  .g2-head-cta{padding:0 14px;font-size:15px}
}
@container page (max-width: 420px){
  .g2-head-cta{padding:0 12px;font-size:14px;min-height:42px}
  .g2-header-in{padding:12px 16px;gap:12px}
}

/* Formularios */
.g2-in{min-height:50px;padding:0 14px;border:1px solid rgba(255,255,255,0.18);border-radius:12px;background:#0E0F12;color:#FFFFFF;font:inherit;font-weight:400;transition:border-color .2s ease,box-shadow .2s ease;width:100%}
.g2-in::placeholder{color:#8F857D}
.g2-in:focus{outline:none;border-color:#EEAC28;box-shadow:0 0 0 3px rgba(238,172,40,0.25)}
.g2-in[aria-invalid=true]{border-color:#FF7A6B}
.g2-field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px;color:#E8E2DC}
.g2-opt{transition:border-color .2s ease,background .2s ease;cursor:pointer}
.g2-opt:hover{border-color:rgba(238,172,40,0.6) !important}
.g2-opt:has(input:checked){border-color:#EEAC28 !important;background:rgba(238,172,40,0.1) !important}
input[type=radio],input[type=checkbox]{accent-color:#EEAC28;width:20px;height:20px;margin:0;flex-shrink:0}
.g2-error{margin:0;color:#FFB4A9;font-size:15px;font-weight:600}
.g2-error:empty{display:none}

/* Diálogo de WhatsApp */
.g2-dialog{max-width:min(460px,calc(100vw - 32px));width:100%;padding:0;border:1px solid rgba(255,255,255,0.14);border-radius:22px;background:#16171B;color:#F3EEE9;box-shadow:0 30px 80px rgba(0,0,0,0.7)}
.g2-dialog::backdrop{background:rgba(5,6,8,0.72);backdrop-filter:blur(4px)}
.g2-dialog form{padding:26px;display:flex;flex-direction:column;gap:16px;margin:0}
.g2-wa-float{position:fixed;right:20px;bottom:20px;z-index:40;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 20px 0 16px;border-radius:28px;background:#1B1C21;border:1px solid rgba(238,172,40,0.5);color:#FFFFFF;font-weight:700;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,0.5)}
.g2-wa-float:hover{color:#FFFFFF}
.g2-legal h2{margin:36px 0 10px;font-size:22px;color:#FFFFFF}
.g2-legal p,.g2-legal li{color:#CFC6BE}
.g2-legal ul{padding-left:22px}
.g2-pend{background:rgba(238,172,40,0.18);color:#FFD08A;padding:1px 6px;border-radius:6px;font-weight:700}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}.g2-shine-fx{display:none}}