/* 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: 980px){
  .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}


/* v2: menú de Servicios, botones del encabezado y videos */
.g-nav{align-items:center}
.g-drop{position:relative}
.g-drop summary{display:inline-flex;align-items:center;gap:6px;color:#E8E2DC;font-weight:600;min-height:44px}
.g-drop summary:hover,.g-drop[open] summary{color:#FFD08A}
.g-drop summary[aria-current=page]{color:#FFD08A}
.g-drop[open] summary svg{transform:rotate(180deg)}
.g-drop summary svg{transition:transform .2s ease}
.g-drop-panel{position:absolute;left:-16px;top:52px;z-index:50;width:min(560px,90vw);padding:18px;border-radius:18px;background:#16171B;border:1px solid rgba(255,255,255,0.12);box-shadow:0 24px 60px rgba(0,0,0,0.6);display:grid;grid-template-columns:1fr 1.3fr;gap:18px}
.g-group{display:flex;flex-direction:column;gap:2px}
.g-group-t{margin:0 0 6px;padding:0 12px;font-size:12px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:#EEAC28}
.g-drop-panel a,.g-menu nav .g-group a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 12px;border-radius:10px;color:#F3EEE9;text-decoration:none;font-weight:700}
.g-drop-panel a:hover,.g-drop-panel a[aria-current=page]{background:rgba(238,172,40,0.12);color:#FFD08A}
.g-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#EEAC28;color:#1A1410;font-size:11px;font-weight:800;letter-spacing:0.02em;white-space:nowrap}
.g2-head-ghost{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,0.22);color:#FFFFFF;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap}
.g2-head-ghost:hover,.g2-head-ghost[aria-current=page]{color:#FFD08A;border-color:rgba(238,172,40,0.6)}
.g-menu nav{max-height:calc(100vh - 90px);overflow-y:auto}
.g-menu nav .g-group-t{margin:10px 0 4px}
.g-menu-btns{display:flex;flex-direction:column;gap:10px;padding:12px 4px 4px}
.g-menu-btns a{justify-content:center;min-height:50px !important;font-size:16px}
.g2-video-box{position:relative;aspect-ratio:16/9;background:#0A0B0D}
.g2-video{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.g2-video img{width:100%;height:100%;object-fit:cover;display:block}
.g2-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:linear-gradient(100deg,#E65B14,#EEAC28);box-shadow:0 10px 30px rgba(0,0,0,0.5)}
.g2-video-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.g2-nowrap{white-space:nowrap}
@container page (max-width: 1080px){.g-nav-only{display:none !important}}

/* v2.1 · visuales */
@keyframes g2bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes g2scr{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes g2blink{0%,55%{opacity:1}56%,100%{opacity:.25}}
@keyframes g2lift{0%,12%{transform:translateY(0)}45%,58%{transform:translateY(var(--lift,-300px))}92%,100%{transform:translateY(0)}}
@keyframes g2feed{0%{opacity:0;transform:translateY(10px)}6%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}
@keyframes g2route{0%{stroke-dashoffset:var(--len,900)}60%,100%{stroke-dashoffset:0}}
@keyframes g2ping{0%{transform:scale(1);opacity:.9}100%{transform:scale(3);opacity:0}}
@keyframes g2glow{0%,100%{opacity:.18}50%{opacity:.42}}
@keyframes g2bar{0%{transform:scaleY(.15)}60%,100%{transform:scaleY(1)}}
@keyframes g2tilt{0%,100%{transform:rotate(var(--r,0deg)) translateY(0)}50%{transform:rotate(var(--r,0deg)) translateY(-6px)}}
.g2-office svg{display:block;width:100%;height:auto}
.g2-office .agt{transform-box:fill-box;transform-origin:50% 100%;animation:g2bob 1.8s ease-in-out infinite}
.g2-office .scr{animation:g2scr 2.6s ease-in-out infinite}
.g2-office .wait{animation:g2blink 1.4s steps(1) infinite}
.g2-office .lamp{animation:g2glow 4s ease-in-out infinite}
.g2-office .cab{animation:g2lift 9s ease-in-out infinite}
.g2-feed li{animation:g2feed 12s ease-in-out infinite both}
.g2-route .ruta{stroke-dasharray:var(--len,900);animation:g2route 6s ease-in-out infinite}
.g2-route .ping{transform-box:fill-box;transform-origin:center;animation:g2ping 2.4s ease-out infinite}
.g2-chart .b{transform-box:fill-box;transform-origin:50% 100%;animation:g2bar 3.2s ease-out infinite alternate}
.g2-pop{animation:g2tilt 6s ease-in-out infinite}
.g2-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.g2-bento>*{grid-column:span 12}
@container page (min-width:760px){.g2-bento .s6{grid-column:span 6}.g2-bento .s3{grid-column:span 6}.g2-bento .s4{grid-column:span 5}.g2-bento .s8{grid-column:span 7}}
@container page (min-width:1100px){.g2-bento .s3{grid-column:span 3}.g2-bento .s4{grid-column:span 4}.g2-bento .s8{grid-column:span 8}}
.g2-tile{position:relative;display:flex;flex-direction:column;border-radius:22px;background:#16171B;border:1px solid rgba(255,255,255,0.08);overflow:hidden;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.g2-tile:hover{transform:translateY(-4px);border-color:rgba(238,172,40,0.45);box-shadow:0 24px 60px rgba(0,0,0,0.45)}
.g2-tile .vis{position:relative;height:230px;overflow:hidden;background:radial-gradient(120% 90% at 70% 0%,rgba(230,91,20,0.18),transparent 60%),#121317;border-bottom:1px solid rgba(255,255,255,0.06)}
.g2-tile .vis.tall{height:300px}
.g2-tile .txt{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.g2-tile .eb{font-size:12px;font-weight:800;letter-spacing:.08em;color:#EEAC28}
.g2-tile b.t{font-size:21px;line-height:1.15;color:#FFFFFF}
.g2-tile .d{color:#B8AEA6;font-size:15px}
.g2-tile .mas{margin-top:auto;padding-top:6px;font-weight:700;color:#F5A15E}
.g2-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 44px}
.g2-logos img{height:34px;width:auto;opacity:.78;transition:opacity .2s}
.g2-logos img:hover{opacity:1}
.g2-q,.g2-fill{transform-box:fill-box}
.g2-founder-photo{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #EEAC28;box-shadow:0 10px 30px rgba(0,0,0,.45)}
@keyframes g2swapA{0%,40%{opacity:1}50%,90%{opacity:0}100%{opacity:1}}
@keyframes g2swapB{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
.g2-q{animation:g2swapA 7s ease-in-out infinite}
.g2-fill{opacity:0;animation:g2swapB 7s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}.g2-shine-fx{display:none}}