/* Portada y /go/ (10/11/2026): el centro de IvanImports. Cuatro bloques por intención; en cada uno, casillas
   cuadradas, dos por fila en el móvil y cuatro en tableta y escritorio. Radar y el curso son casillas destacadas
   (fila entera en el móvil, 2×2 a partir de tableta). Usa los tokens de assets/links/links.css. */

/* ---------- Cabecera ---------- */
body[data-page-type] .wrap{padding-top:16px}
.hub-header{text-align:left;margin-bottom:22px}
.hub-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hub-me{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.05);font:700 13.5px/1 "Barlow",sans-serif;color:#dbe6fb;white-space:nowrap;transition:border-color .18s var(--ease),background .18s var(--ease)}
.hub-me:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.09)}
.hub-me-ico{width:16px;height:16px;color:var(--yellow)}
.hub-h1{margin:20px 0 0;font:800 clamp(27px,7.2vw,46px)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
.hub-header .tag{margin-top:10px;font-size:15px;line-height:1.4}
.hub-now{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:7px 12px;border-radius:99px;background:rgba(18,168,117,.13);border:1px solid rgba(47,211,154,.28);color:#bff5de;font:600 13px/1.3 "Barlow",sans-serif}
.hub-now[hidden]{display:none}
.hub-now-dot,.gt-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#2fd39a;box-shadow:0 0 0 0 rgba(47,211,154,.6);animation:gt-ping 2.4s ease-out infinite}
@media(min-width:620px){.hub-header{margin-bottom:30px}}

/* ---------- Bloques ---------- */
.hub-group+.hub-group{margin-top:28px}
.hub-gh{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 12px;font:800 22px/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.01em}
.hub-gn{font:700 13px/1 "Barlow",sans-serif;letter-spacing:.08em;color:var(--yellow)}
.hub-gh small{flex-basis:100%;font:500 13.5px/1.3 "Barlow",sans-serif;text-transform:none;letter-spacing:0;color:var(--muted)}
@media(min-width:620px){.hub-gh small{flex-basis:auto}.hub-group+.hub-group{margin-top:36px}}

/* ---------- Cuadrícula ---------- */
.go-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:10px}
.go-grid li{display:flex}
.go-grid .go-cv-li,.go-grid .gf-li{grid-column:1 / -1;display:block}
.go-grid .go-cv-li .go-cv{margin-top:0}
@media(min-width:620px){
  .go-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .go-grid .gf-li{grid-column:span 2;grid-row:span 2;display:flex}
}

/* ---------- Casilla ---------- */
.gt{container-type:inline-size;position:relative;flex:1;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:13px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));color:#fff;text-decoration:none;overflow:hidden;transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);-webkit-tap-highlight-color:transparent}
.gt:hover{border-color:rgba(255,255,255,.32);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04))}
.gt:active{transform:scale(.97)}
@media(min-width:1000px){.gt{aspect-ratio:5/4;padding:16px}}
.gt-top{position:absolute;top:14px;left:14px;right:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.gt-ico{width:28px;height:28px;color:var(--cyan)}
.gt-chip{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 "Barlow",sans-serif;letter-spacing:.02em;padding:5px 8px;border-radius:99px;color:#dbe6fb;background:rgba(255,255,255,.1);white-space:nowrap}
.gt-chip--free{color:#8ff0c9;background:rgba(18,168,117,.16)}
.gt-chip--live{color:#bff5de;background:rgba(18,168,117,.2)}
.gt-title{max-width:100%;font:800 clamp(14px,12.6cqw,22px)/1.02 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
.gt-text{font-size:13px;line-height:1.3;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Dato en vivo de la casilla (lotes en subasta, precios finales): solo aparece si la API lo da. */
.gt-live{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-bottom:2px;font:700 11.5px/1.2 "Barlow",sans-serif;color:#8ff0c9}
.gt-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#2fd39a}
.gt-live[hidden]{display:none}

/* Acentos: Curso + Mentoría en dorado, WhatsApp en verde. Discretos: son la misma casilla. */
.gt--gold{border-color:rgba(243,190,52,.4);background:linear-gradient(160deg,rgba(243,190,52,.13),rgba(243,190,52,.03))}
.gt--gold .gt-ico{color:var(--yellow)}
.gt--green .gt-ico{color:#4fe08f}
@keyframes gt-ping{70%{box-shadow:0 0 0 8px rgba(47,211,154,0)}100%{box-shadow:0 0 0 0 rgba(47,211,154,0)}}

/* ---------- Casillas destacadas (Radar y el curso) ---------- */
.gf{position:relative;flex:1;display:flex;flex-direction:column;gap:6px;min-height:100%;padding:16px;border-radius:20px;border:1px solid var(--line);color:#fff;text-decoration:none;overflow:hidden;-webkit-tap-highlight-color:transparent}
.gf .gt-top{position:static;margin-bottom:auto;padding-bottom:18px}
.gf-title{font:800 clamp(26px,7.4vw,38px)/.98 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.005em;text-wrap:balance}
.gf-text{font-size:14.5px;line-height:1.4;color:#c4d1e8;max-width:46ch}
.gf-cta{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font:700 15px/1 "Barlow",sans-serif;color:#fff}
.gf-arrow{width:18px;height:18px;transition:transform .18s var(--ease)}
.gf:hover .gf-arrow,.gf-cta:hover .gf-arrow{transform:translateX(3px)}

.gf--radar{background:radial-gradient(120% 90% at 100% 0%,rgba(47,211,154,.16),transparent 60%),linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-color:rgba(47,211,154,.32)}
.gf--radar .gt-ico{color:#7fe9c2}
.gf-head{display:flex;flex-direction:column;gap:6px;color:inherit;border-radius:12px}
.gf-head:hover .gf-title{color:#bff5de}
.gf--radar .gf-cta{color:#bff5de}

.gf--gold{background:radial-gradient(110% 80% at 100% 0%,rgba(243,190,52,.24),transparent 62%),linear-gradient(160deg,rgba(243,190,52,.12),rgba(255,255,255,.02));border-color:rgba(243,190,52,.5);transition:border-color .18s var(--ease),transform .18s var(--ease)}
.gf--gold:hover{border-color:var(--yellow)}
.gf--gold:active{transform:scale(.985)}
.gf--gold .gt-ico{color:var(--yellow)}
.gf--gold .gt-chip{color:#1b1300;background:var(--yellow)}
.gf-points{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.gf-points li{display:flex;align-items:flex-start;gap:7px;font:600 13.5px/1.25 "Barlow",sans-serif;color:#eef3fc}
.gf-check{flex:none;width:16px;height:16px;margin-top:1px;color:var(--yellow)}
.gf-cta--gold{align-self:flex-start;margin-top:16px;padding:12px 18px;border-radius:12px;background:var(--yellow);color:#111a22}

/* Feed de Radar dentro de la casilla destacada: lo rellena assets/hub-live.js. */
.hf{display:grid;gap:8px;margin-top:10px}
.hf-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:11px;padding:7px;border-radius:12px;background:rgba(5,15,32,.42);border:1px solid rgba(255,255,255,.07);color:#fff;transition:border-color .18s var(--ease),background .18s var(--ease)}
a.hf-row:hover{border-color:rgba(47,211,154,.55);background:rgba(5,15,32,.6)}
.hf-ph{width:64px;height:48px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.07)}
.hf-ph img{display:block;width:100%;height:100%;object-fit:cover}
.hf-lines{display:grid;gap:2px;min-width:0}
.hf-lines b{font:700 14.5px/1.15 "Barlow",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hf-lines span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hf-lines small{font-size:11.5px;color:#8ff0c9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hf-row em{font:800 17px/1 "Barlow Condensed",sans-serif;font-style:normal;color:#fff;white-space:nowrap}
.hf-row em.hf-tag{font:700 11.5px/1.2 "Barlow",sans-serif;color:#1b1300;background:var(--yellow);padding:5px 7px;border-radius:8px;max-width:92px;text-align:center;white-space:normal}
.hf-row--ghost .hf-ph,.hf-row--ghost i{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.13),rgba(255,255,255,.06));background-size:200% 100%;animation:hf-shimmer 1.4s linear infinite}
.hf-row--ghost{grid-template-columns:64px minmax(0,1fr)}
.hf-row--ghost i{display:block;height:10px;border-radius:5px;width:70%}
.hf-row--ghost i+i{width:45%;margin-top:6px}
.hf-empty{padding:12px;border-radius:12px;background:rgba(5,15,32,.42);color:#c4d1e8;font-size:13.5px;line-height:1.45}
.hf-empty a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@keyframes hf-shimmer{to{background-position:-200% 0}}

/* Pantallas muy estrechas (320 px): menos relleno para que el título quepa. */
@media(max-width:350px){.gt{padding:11px;border-radius:16px}.gt-top{top:11px;left:11px}.gt-ico{width:26px;height:26px}.gt-text{font-size:12px}.gf{padding:13px}.gf-points{grid-template-columns:1fr}.hf-row{grid-template-columns:52px minmax(0,1fr) auto}.hf-ph{width:52px;height:40px}}
@media(prefers-reduced-motion:reduce){.gt,.gt:active,.gf--gold,.gf--gold:active{transition:none;transform:none}.gt-dot,.hub-now-dot,.hf-row--ghost .hf-ph,.hf-row--ghost i{animation:none}.gf-arrow{transition:none}}

#tu-formacion{scroll-margin-top:16px;margin-top:40px}

/* carVertical (afiliación · nov 2026): tarjeta ancha en «Comprueba y calcula», misma familia visual que las casillas.
   Lleva dentro el código, «Copiar» y la identificación publicitaria. Sin popups ni overlays. */
.go-cv{margin-top:10px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(143,240,201,.08),rgba(255,255,255,.025));overflow:hidden}
.go-cv-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px 12px;padding:13px 14px 12px;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .18s var(--ease)}
.go-cv-link:hover{background:rgba(255,255,255,.04)}
.go-cv-link:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px;border-radius:18px}
.go-cv .gt-top{position:static;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between}
.go-cv .gt-ico{color:#8ff0c9}
.gt-chip--deal{color:#8ff0c9;background:rgba(18,168,117,.18)}
.go-cv-txt{display:grid;gap:3px;min-width:0}
.go-cv .gt-title{font:800 21px/1.02 "Barlow Condensed",sans-serif;text-transform:uppercase}
.go-cv .gt-text{-webkit-line-clamp:3}
.go-cv-go{display:inline-flex;align-items:center;gap:6px;font:700 13px/1 "Barlow",sans-serif;color:#dbe6fb;white-space:nowrap}
.go-cv-go svg{width:15px;height:15px}
.go-cv-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 14px 12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.go-cv-code b{color:#fff;letter-spacing:.06em}
.go-cv .cv-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font:700 13px/1 "Barlow",sans-serif;cursor:pointer}
.go-cv .cv-btn svg{width:15px;height:15px}
.go-cv .cv-btn.is-done{border-color:#8ff0c9;color:#8ff0c9}
.go-cv .cv-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.go-cv-ad{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
@media(min-width:620px){.go-cv{margin-top:12px}}
@media(max-width:350px){.go-cv-ad{margin-left:0;width:100%}}