/* HOME_BRAND_CONSTELLATION_REVISION: HOME_BRAND_CONSTELLATION_R2 */
#hub-app{
  --promotion-gap:clamp(10px,1vw,18px);
  --promotion-rail:clamp(230px,17vw,320px);
}

#hub-app.hub-shell{
  grid-template-rows:var(--header-h) minmax(0,1fr) auto var(--status-h);
}

#hub-app>.operational-grid{
  grid-row:2;
}

#hub-app>.official-socials{
  grid-row:3;
}

#hub-app>.system-status{
  grid-row:4;
}

#hub-app .left-rail,
#hub-app .right-rail,
#hub-app .live-ticker,
#hub-app .access-switch-wrap,
#hub-app .region-context{
  display:none!important;
}

#hub-app .operational-grid{
  grid-template-columns:minmax(0,1fr);
  gap:0;
  padding:10px 18px 8px;
  background:
    radial-gradient(circle at 50% 48%,rgba(18,126,104,.16),transparent 42%),
    radial-gradient(circle at 12% 38%,rgba(34,151,119,.08),transparent 28%),
    radial-gradient(circle at 88% 38%,rgba(34,151,119,.08),transparent 28%);
}

#hub-app .globe-stage{
  grid-column:1/-1;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  overflow:hidden;
}

#hub-app .home-mode-context{
  position:relative;
  inset:auto;
  z-index:15;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:2px 2px 7px;
  pointer-events:none;
}

#hub-app .home-mode-context>div:first-child{
  max-width:min(52vw,660px);
  padding-left:11px;
  border-left:2px solid var(--mode-color);
}

#hub-app .home-mode-context span{
  color:#94b5ad;
  font-size:7px;
  font-weight:800;
  letter-spacing:1.5px;
}

#hub-app .home-mode-context h2{
  margin:3px 0;
  color:#effff9;
  font-size:16px;
  letter-spacing:.5px;
}

#hub-app .home-mode-context p{
  margin:0;
  color:#b1c8c2;
  font-size:9px;
  line-height:1.45;
}

#hub-app [data-home-mode-metrics]{
  display:flex;
  gap:7px;
  margin:0;
}

#hub-app [data-home-mode-metrics]>div{
  min-width:82px;
  padding:7px 9px;
  border:1px solid rgba(95,220,181,.3);
  border-radius:7px;
  background:rgba(6,27,29,.82);
  text-align:right;
}

#hub-app [data-home-mode-metrics] dd{
  margin:0;
  color:#e6fff5;
  font-size:14px;
  font-weight:800;
}

#hub-app [data-home-mode-metrics] dt{
  margin-top:2px;
  color:#78908c;
  font-size:7px;
  text-transform:uppercase;
  letter-spacing:.7px;
}

#hub-app .home-promotion-composition{
  position:relative;
  flex:1;
  min-height:0;
  display:grid;
  grid-template-columns:var(--promotion-rail) minmax(430px,1fr) var(--promotion-rail);
  gap:var(--promotion-gap);
  align-items:stretch;
  isolation:isolate;
}

#hub-app .home-brand-constellation{position:absolute;inset:0;z-index:6;overflow:hidden;pointer-events:none;contain:layout paint style}
#hub-app .home-brand-constellation__governance{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);color:rgba(159,226,201,.58);font-size:7px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase;text-shadow:0 0 12px rgba(57,242,118,.25)}
#hub-app .home-brand-manifestation{--brand-drift-x:6px;--brand-drift-y:-5px;position:absolute;left:var(--brand-x);top:var(--brand-y);width:clamp(104px,7.4vw,118px);min-height:72px;display:grid;place-items:center;transform:translate(-50%,-50%) scale(.12);opacity:0;pointer-events:none;animation:brand-constellation-life var(--brand-life,9400ms) cubic-bezier(.22,.72,.22,1) forwards;will-change:transform,opacity}
#hub-app .home-brand-manifestation::before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#d8ffe7;box-shadow:0 0 8px #8bffc0,0 0 22px rgba(57,242,118,.98),0 0 42px rgba(57,242,118,.62);animation:brand-constellation-star var(--brand-life,9400ms) ease-out forwards}
#hub-app .home-brand-manifestation__mark{position:relative;z-index:2;max-width:100%;display:grid;place-items:center;gap:6px;opacity:0;filter:drop-shadow(0 0 12px rgba(57,242,118,.68));animation:brand-constellation-reveal var(--brand-life,9400ms) ease-in-out forwards}
#hub-app .home-brand-manifestation__mark img{display:block;max-width:106px;max-height:46px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 5px rgba(173,255,216,.78))}
#hub-app .home-brand-manifestation__name{box-sizing:border-box;width:100%;max-width:118px;overflow:hidden;padding:5px 7px;border:1px solid rgba(91,242,181,.36);border-radius:999px;background:rgba(2,18,20,.84);color:#f1fff9;font-size:clamp(7.5px,.55vw,8.5px);font-weight:900;line-height:1.15;letter-spacing:.35px;text-align:center;text-overflow:ellipsis;text-transform:uppercase;text-shadow:0 0 13px rgba(57,242,118,.72),0 1px 2px #000;white-space:nowrap;box-shadow:0 0 15px rgba(30,185,125,.14);backdrop-filter:blur(4px)}
#hub-app .home-brand-particle{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#76ffae;box-shadow:0 0 7px rgba(57,242,118,.9);opacity:0;transform:translate(-50%,-50%);animation:brand-constellation-particle var(--brand-life,7600ms) ease-out forwards}
#hub-app .home-brand-manifestation.is-dissolving{animation:brand-constellation-cancel .38s ease-out forwards}
#hub-app .home-brand-manifestation.is-dissolving::before,#hub-app .home-brand-manifestation.is-dissolving .home-brand-manifestation__mark,#hub-app .home-brand-manifestation.is-dissolving .home-brand-particle{animation-play-state:paused}

@keyframes brand-constellation-life{0%{opacity:0;transform:translate(-50%,-50%) scale(.12)}9%{opacity:1;transform:translate(-50%,-50%) scale(.2)}23%{opacity:1;transform:translate(-50%,-50%) scale(1)}76%{opacity:1;transform:translate(calc(-50% + var(--brand-drift-x)),calc(-50% + var(--brand-drift-y))) scale(1.025)}91%{opacity:.72;transform:translate(calc(-50% + var(--brand-drift-x)),calc(-50% + var(--brand-drift-y))) scale(.9)}100%{opacity:0;transform:translate(calc(-50% + var(--brand-drift-x)),calc(-50% + var(--brand-drift-y))) scale(.58)}}
@keyframes brand-constellation-star{0%,3%{opacity:0;transform:scale(.2)}9%{opacity:1;transform:scale(1.5)}20%{opacity:.7;transform:scale(3.4)}30%,100%{opacity:0;transform:scale(5)}}
@keyframes brand-constellation-reveal{0%,13%{opacity:0;transform:scale(.72);filter:blur(7px) drop-shadow(0 0 4px rgba(57,242,118,.3))}27%,78%{opacity:1;transform:scale(1);filter:blur(0) drop-shadow(0 0 13px rgba(57,242,118,.68))}92%,100%{opacity:0;transform:scale(.86);filter:blur(3px) drop-shadow(0 0 18px rgba(57,242,118,.62))}}
@keyframes brand-constellation-particle{0%,76%{opacity:0;transform:translate(-50%,-50%) scale(.2)}82%{opacity:.9}100%{opacity:0;transform:translate(calc(-50% + var(--particle-x)),calc(-50% + var(--particle-y))) scale(.1)}}
@keyframes brand-constellation-cancel{to{opacity:0;transform:translate(calc(-50% + var(--brand-drift-x)),calc(-50% + var(--brand-drift-y))) scale(.45);filter:blur(5px)}}

#hub-app .home-promotion-rail{
  position:relative;
  z-index:12;
  min-width:0;
}

#hub-app .home-promotion-rail>div{
  height:100%;
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:var(--promotion-gap);
}

#hub-app .home-promotion-rail--right>div{
  box-sizing:border-box;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-content:center;
  padding-block:calc((100% - var(--promotion-gap))/6);
}

#hub-app .home-promotion-banner{
  position:relative;
  min-width:0;
  min-height:0;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(91,230,182,.42);
  border-radius:11px;
  padding:0;
  background:#092326;
  color:#effff9;
  cursor:pointer;
  text-align:left;
  box-shadow:0 12px 28px rgba(0,0,0,.24),0 0 20px rgba(43,190,143,.08),inset 0 1px 0 rgba(255,255,255,.08);
  isolation:isolate;
  transform:translateZ(0);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

#hub-app .home-promotion-banner:hover,
#hub-app .home-promotion-banner:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(57,242,118,.62);
  box-shadow:0 16px 36px rgba(0,0,0,.4),0 0 22px rgba(57,242,118,.11);
}

#hub-app .home-promotion-banner:focus-visible{
  outline:2px solid #f2c94c;
  outline-offset:3px;
}

#hub-app .home-promotion-banner.is-active{
  border-color:#39f276;
  box-shadow:0 0 0 1px rgba(57,242,118,.18),0 18px 40px rgba(0,0,0,.45),0 0 28px rgba(57,242,118,.17);
}

#hub-app .home-promotion-media,
#hub-app .home-promotion-media video,
#hub-app .home-promotion-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

#hub-app .home-promotion-media{
  z-index:-2;
  background:
    radial-gradient(circle at 24% 26%,rgba(57,242,118,.4),transparent 36%),
    linear-gradient(135deg,#146056,#082d31 64%,#061b20);
}

#hub-app .home-promotion-media video,
#hub-app .home-promotion-media img{
  display:block;
  object-fit:cover;
  opacity:1;
  filter:brightness(1.34) saturate(1.18) contrast(1.02);
  transition:opacity .25s ease,transform 6s ease,filter .25s ease;
}

#hub-app .home-promotion-banner:hover .home-promotion-media video,
#hub-app .home-promotion-banner.is-active .home-promotion-media video,
#hub-app .home-promotion-banner:hover .home-promotion-media img,
#hub-app .home-promotion-banner.is-active .home-promotion-media img{
  opacity:1;
  filter:brightness(1.48) saturate(1.24) contrast(1.02);
  transform:scale(1.04);
}

#hub-app .home-promotion-shade{
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(1,7,9,0),rgba(1,7,9,.12) 48%,rgba(1,7,9,.72) 82%,rgba(1,7,9,.86));
}

#hub-app .home-promotion-content{
  position:absolute;
  inset:auto 0 0;
  display:grid;
  gap:3px;
  padding:30px 11px 10px;
}

#hub-app .home-promotion-disclosure{
  width:max-content;
  max-width:100%;
  padding:3px 5px;
  border:1px solid rgba(57,242,118,.38);
  border-radius:3px;
  background:rgba(2,24,20,.82);
  color:#8cffad;
  font-size:6px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
}

#hub-app .home-promotion-banner[data-promotion-type="PAID"] .home-promotion-disclosure{
  border-color:rgba(242,201,76,.55);
  color:#f2d675;
}

#hub-app .home-promotion-content strong{
  overflow:hidden;
  color:#f4fff9;
  font-size:12px;
  line-height:1.12;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-shadow:0 2px 12px #000;
}

#hub-app .home-promotion-summary{
  display:-webkit-box;
  overflow:hidden;
  color:#e0eee9;
  font-size:7px;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

#hub-app .home-promotion-instruction{
  color:#b4d1c8;
  font-size:6px;
  font-weight:800;
  letter-spacing:.6px;
  text-transform:uppercase;
}

#hub-app .home-promotion-banner.is-active .home-promotion-instruction{
  color:#6dff98;
}

#hub-app .home-promotion-badge{
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  width:8px;
  height:8px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:#39f276;
  box-shadow:0 0 10px #39f276;
  opacity:0;
}

#hub-app .home-promotion-banner.is-active .home-promotion-badge{
  opacity:1;
}

#hub-app .globe-frame{
  position:relative;
  min-width:0;
  min-height:0;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
}

#hub-app .globe-frame:before{
  width:min(44vw,670px);
  background:radial-gradient(circle,rgba(35,255,169,.18),rgba(23,168,126,.08) 42%,transparent 70%);
  filter:blur(6px);
}

#hub-app #globe-canvas{
  filter:brightness(1.24) saturate(1.22) contrast(1.03);
}

#hub-app .orbit{
  width:min(40vw,690px);
}

#hub-app .orbit-two{
  width:min(34vw,590px);
}

#hub-app .home-mode-empty{
  position:absolute;
  z-index:18;
  left:50%;
  bottom:40px;
  max-width:520px;
  transform:translateX(-50%);
  padding:11px 16px;
  border:1px solid rgba(242,201,76,.3);
  border-radius:7px;
  background:rgba(10,17,17,.92);
  color:#d9cf9c;
  text-align:center;
  font-size:9px;
}

#hub-app .home-mode-empty[hidden],
#hub-app .hotspot-label[hidden]{
  display:none!important;
}

#hub-app .drag-hint{
  flex:0 0 25px;
  height:25px;
}

/* OFFICIAL_SOCIAL_PROFILES_HOME_BEGIN */
#hub-app .official-socials{
  position:relative;
  z-index:20;
  display:grid;
  grid-template-columns:minmax(220px,320px) minmax(0,1fr);
  align-items:center;
  gap:18px;
  min-height:72px;
  padding:10px 18px;
  border-top:1px solid rgba(86,220,189,.18);
  border-bottom:1px solid rgba(86,220,189,.16);
  background:
    linear-gradient(90deg,rgba(5,22,25,.96),rgba(7,30,31,.92) 42%,rgba(4,18,22,.96)),
    radial-gradient(circle at 18% 50%,rgba(57,242,118,.08),transparent 34%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

#hub-app .official-socials__identity{
  min-width:0;
  display:grid;
  gap:2px;
}

#hub-app .official-socials__identity>span{
  color:#78a99c;
  font-size:7px;
  font-weight:900;
  letter-spacing:1.8px;
  text-transform:uppercase;
}

#hub-app .official-socials__identity>strong{
  overflow:hidden;
  color:#effff9;
  font-size:13px;
  line-height:1.15;
  letter-spacing:.35px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#hub-app .official-socials__identity>small{
  color:#8ba8a1;
  font-size:7px;
  line-height:1.3;
}

#hub-app .official-socials__links{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

#hub-app .official-socials__link{
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 12px;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:6px 8px;
  border:1px solid rgba(111,210,187,.2);
  border-radius:8px;
  background:rgba(4,20,23,.72);
  color:inherit;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

#hub-app .official-socials__link:hover,
#hub-app .official-socials__link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(111,237,200,.48);
  background:rgba(7,31,33,.92);
  box-shadow:0 8px 20px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04);
}

#hub-app .official-socials__link:focus-visible{
  outline:2px solid #f2c94c;
  outline-offset:2px;
}

#hub-app .official-socials__icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.035);
}

#hub-app .official-socials__icon img{
  display:block;
  width:22px;
  height:22px;
  object-fit:contain;
}

#hub-app .official-socials__icon b{
  color:#e8fff7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.2px;
}

#hub-app .official-socials__copy{
  min-width:0;
  display:grid;
  gap:2px;
}

#hub-app .official-socials__copy strong{
  overflow:hidden;
  color:#f3fff9;
  font-size:9px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#hub-app .official-socials__copy small{
  overflow:hidden;
  color:#8ba7a0;
  font-size:6.5px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#hub-app .official-socials__external{
  color:#7cbca9;
  font-size:10px;
  text-align:center;
}

@media(max-width:1120px){
  #hub-app .official-socials{
    grid-template-columns:1fr;
    gap:8px;
    min-height:0;
    padding:12px;
  }
  #hub-app .official-socials__identity{
    padding-inline:2px;
  }
  #hub-app .official-socials__links{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:700px){
  #hub-app .official-socials__links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #hub-app .official-socials__identity>strong{
    white-space:normal;
  }
}

@media(max-width:430px){
  #hub-app .official-socials{
    padding:10px 9px;
  }
  #hub-app .official-socials__links{
    grid-template-columns:1fr;
  }
  #hub-app .official-socials__link{
    min-height:44px;
  }
}

@media(prefers-reduced-motion:reduce){
  #hub-app .official-socials__link{
    transition:none;
  }
}
/* OFFICIAL_SOCIAL_PROFILES_HOME_END */

@media(max-width:1280px){
  #hub-app{
    --promotion-rail:clamp(205px,18vw,250px);
    --promotion-gap:9px;
  }
  #hub-app .home-promotion-composition{
    grid-template-columns:var(--promotion-rail) minmax(390px,1fr) var(--promotion-rail);
  }
}

@media(max-width:1120px){
  #hub-app.hub-shell{
    height:auto;
    min-height:100vh;
    display:block;
  }
  #hub-app .operational-grid{
    height:auto;
    padding:8px 12px 16px;
  }
  #hub-app .globe-stage{
    height:auto;
    min-height:0;
  }
  #hub-app .home-mode-context{
    min-height:64px;
  }
  #hub-app .home-promotion-composition{
    grid-template-columns:1fr;
    grid-template-areas:"globe" "left" "right";
  }
  #hub-app .globe-frame{
    grid-area:globe;
    height:560px;
  }
  #hub-app .home-promotion-rail--left{grid-area:left}
  #hub-app .home-promotion-rail--right{grid-area:right}
  #hub-app .home-promotion-rail>div{
    height:auto;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:150px;
  }
  #hub-app .system-status{
    position:relative;
  }
  #hub-app .home-brand-manifestation{width:clamp(96px,11vw,112px);min-height:68px}
  #hub-app .home-brand-particle:nth-of-type(n+7){display:none}
}

@media(max-width:700px){
  #hub-app .home-mode-context{
    align-items:flex-start;
  }
  #hub-app .home-mode-context>div:first-child{
    max-width:68vw;
  }
  #hub-app [data-home-mode-metrics]>div{
    min-width:58px;
    padding:6px;
  }
  #hub-app [data-home-mode-metrics]>div:nth-child(n+3){
    display:none;
  }
  #hub-app .globe-frame{
    height:470px;
  }
  #hub-app .home-promotion-rail>div{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,145px);
  }
  #hub-app .home-promotion-content strong{
    font-size:11px;
  }
  #hub-app .home-brand-manifestation{width:94px;min-height:64px}
  #hub-app .home-brand-manifestation__mark img{max-width:84px;max-height:40px}
  #hub-app .home-brand-manifestation__name{max-width:94px;padding:4px 6px;font-size:7px;letter-spacing:.4px}
  #hub-app .home-brand-particle:nth-of-type(n+5){display:none}
}

@media(max-width:520px){
  #hub-app .home-promotion-composition{grid-template-areas:"brand" "globe" "left" "right"}
  #hub-app .home-brand-constellation{position:relative;inset:auto;grid-area:brand;width:100%;height:82px}
  #hub-app .home-brand-manifestation{width:92px;min-height:58px}
  #hub-app .home-brand-constellation__governance{bottom:2px}
}

@media(max-width:430px){
  #hub-app [data-home-mode-metrics]{
    display:none;
  }
  #hub-app .home-mode-context>div:first-child{
    max-width:100%;
  }
  #hub-app .globe-frame{
    height:410px;
  }
  #hub-app .home-promotion-rail>div{
    grid-template-columns:1fr;
    grid-template-rows:repeat(3,150px);
  }
}

@media(prefers-reduced-motion:reduce){
  #hub-app .home-promotion-banner,
  #hub-app .home-promotion-media video,
  #hub-app .home-promotion-media img{
    transition:none;
  }
  #hub-app .home-brand-manifestation,#hub-app .home-brand-manifestation::before,#hub-app .home-brand-manifestation__mark,#hub-app .home-brand-particle{animation:none}
  #hub-app .home-brand-manifestation{opacity:.78;transform:translate(-50%,-50%) scale(1)}
  #hub-app .home-brand-manifestation::before,#hub-app .home-brand-particle{display:none}
  #hub-app .home-brand-manifestation__mark{opacity:1}
}

/* ==========================================================
   HOME COMMERCIAL VISUAL IDENTITY V1
   Five commercial sellers + sponsored distinction
   ========================================================== */

.home-promotion-banner {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition:
        transform 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        filter 220ms ease;
}

.home-promotion-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.86;
    background:
        linear-gradient(
            110deg,
            rgba(4, 10, 20, 0.82) 0%,
            rgba(4, 10, 20, 0.42) 48%,
            rgba(4, 10, 20, 0.08) 100%
        );
}

.home-promotion-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    border-radius: inherit;
    box-shadow:
        inset 0 0 50px rgba(255, 255, 255, 0.025);
}

.home-promotion-banner:hover {
    transform: translateY(-2px);
    filter: saturate(1.05);
}

/* ----------------------------------------------------------
   LIVE MATCHES / PARTIDAS
   ---------------------------------------------------------- */

.home-promotion-banner[data-promotion-mode="LIVE_MATCHES"] {
    border-color: rgba(239, 68, 68, 0.34);
    box-shadow:
        0 18px 44px rgba(60, 8, 18, 0.34),
        0 0 34px rgba(220, 38, 38, 0.08);
}

.home-promotion-banner[data-promotion-mode="LIVE_MATCHES"]::before {
    background:
        linear-gradient(
            110deg,
            rgba(67, 8, 18, 0.92) 0%,
            rgba(97, 12, 24, 0.54) 48%,
            rgba(20, 5, 12, 0.12) 100%
        );
}

/* ----------------------------------------------------------
   LIVES
   ---------------------------------------------------------- */

.home-promotion-banner[data-promotion-mode="LIVES"] {
    border-color: rgba(217, 70, 239, 0.34);
    box-shadow:
        0 18px 44px rgba(71, 12, 92, 0.32),
        0 0 34px rgba(192, 38, 211, 0.08);
}

.home-promotion-banner[data-promotion-mode="LIVES"]::before {
    background:
        linear-gradient(
            110deg,
            rgba(67, 16, 89, 0.92) 0%,
            rgba(112, 26, 117, 0.52) 48%,
            rgba(23, 8, 34, 0.12) 100%
        );
}

/* ----------------------------------------------------------
   CHANNELS / CANAIS
   ---------------------------------------------------------- */

.home-promotion-banner[data-promotion-mode="CHANNELS"] {
    border-color: rgba(59, 130, 246, 0.34);
    box-shadow:
        0 18px 44px rgba(10, 37, 84, 0.34),
        0 0 34px rgba(37, 99, 235, 0.08);
}

.home-promotion-banner[data-promotion-mode="CHANNELS"]::before {
    background:
        linear-gradient(
            110deg,
            rgba(10, 42, 91, 0.92) 0%,
            rgba(18, 69, 128, 0.52) 48%,
            rgba(5, 19, 42, 0.12) 100%
        );
}

/* ----------------------------------------------------------
   MARKET / MERCADO
   ---------------------------------------------------------- */

.home-promotion-banner[data-promotion-mode="MARKET"] {
    border-color: rgba(245, 158, 11, 0.38);
    box-shadow:
        0 18px 44px rgba(82, 45, 7, 0.30),
        0 0 34px rgba(168, 85, 247, 0.07);
}

.home-promotion-banner[data-promotion-mode="MARKET"]::before {
    background:
        linear-gradient(
            110deg,
            rgba(83, 45, 8, 0.92) 0%,
            rgba(93, 48, 88, 0.48) 50%,
            rgba(29, 12, 40, 0.12) 100%
        );
}

/* ----------------------------------------------------------
   STORE
   ---------------------------------------------------------- */

.home-promotion-banner[data-promotion-mode="STORE"] {
    border-color: rgba(20, 184, 166, 0.34);
    box-shadow:
        0 18px 44px rgba(6, 61, 71, 0.32),
        0 0 34px rgba(14, 165, 233, 0.07);
}

.home-promotion-banner[data-promotion-mode="STORE"]::before {
    background:
        linear-gradient(
            110deg,
            rgba(7, 62, 74, 0.92) 0%,
            rgba(9, 91, 96, 0.50) 48%,
            rgba(3, 27, 38, 0.12) 100%
        );
}

/* ----------------------------------------------------------
   PAID / SPONSORED
   Paid remains premium without overpowering the Home.
   ---------------------------------------------------------- */

.home-promotion-banner[data-promotion-type="PAID"] {
    border-color: rgba(245, 196, 81, 0.68);
    box-shadow:
        0 20px 48px rgba(0, 0, 0, 0.32),
        0 0 0 1px rgba(245, 196, 81, 0.12),
        0 0 34px rgba(245, 196, 81, 0.10);
}

.home-promotion-banner[data-promotion-type="PAID"]::after {
    content: "PATROCINADO";
    inset: auto 14px 14px auto;
    width: auto;
    height: auto;
    padding: 6px 9px;
    border-radius: 999px;
    border: 1px solid rgba(255, 220, 128, 0.36);
    background: rgba(15, 17, 23, 0.76);
    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.28);
    color: rgba(255, 231, 168, 0.96);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* ----------------------------------------------------------
   EDITORIAL
   ---------------------------------------------------------- */

.home-promotion-banner[data-promotion-type="EDITORIAL"] {
    border-color: rgba(255, 255, 255, 0.13);
}

/* ----------------------------------------------------------
   ACCESSIBILITY / MOTION
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .home-promotion-banner {
        transition: none;
    }

    .home-promotion-banner:hover {
        transform: none;
    }
}

/* END HOME COMMERCIAL VISUAL IDENTITY V1 */

/* ==========================================================
   HOME GLOBAL BACKDROP + 3D CONTINENT RELIEF PREVIEW V1 R02
   Football Pulse
   Navy / graphite / cyan / violet
   Canvas-first canonical globe treatment.
   ========================================================== */

:root {
    --fp-home-space-0: #020711;
    --fp-home-space-1: #06111f;
    --fp-home-space-2: #091a2c;

    --fp-home-cyan: rgba(58, 205, 255, 0.22);
    --fp-home-blue: rgba(43, 104, 255, 0.18);
    --fp-home-violet: rgba(126, 74, 255, 0.13);
    --fp-home-ice: rgba(184, 232, 255, 0.18);
}

/* ----------------------------------------------------------
   GLOBAL HOME BACKDROP
   Green stops being the dominant environment color.
   ---------------------------------------------------------- */

body {
    background:
        radial-gradient(
            circle at 50% 18%,
            rgba(19, 73, 118, 0.32) 0%,
            rgba(5, 20, 35, 0.10) 37%,
            transparent 60%
        ),
        radial-gradient(
            circle at 10% 55%,
            rgba(28, 68, 177, 0.12) 0%,
            transparent 40%
        ),
        radial-gradient(
            circle at 88% 43%,
            rgba(112, 56, 202, 0.10) 0%,
            transparent 40%
        ),
        linear-gradient(
            180deg,
            var(--fp-home-space-0) 0%,
            var(--fp-home-space-1) 48%,
            #020813 100%
        );
}

/* ----------------------------------------------------------
   GLOBE STAGE
   ---------------------------------------------------------- */

.globe-stage {
    position: relative;
    isolation: isolate;

    background:
        radial-gradient(
            ellipse at 50% 48%,
            rgba(37, 122, 190, 0.12) 0%,
            rgba(22, 72, 120, 0.06) 38%,
            transparent 68%
        );
}

/* Atmosphere behind the actual globe frame */

.globe-frame {
    position: relative;
    isolation: isolate;
}

.globe-frame::before {
    content: "";
    position: absolute;

    z-index: -1;

    left: 50%;
    top: 50%;

    width: min(90%, 860px);
    aspect-ratio: 1 / 1;

    transform:
        translate(-50%, -50%)
        scale(1.02);

    border-radius: 50%;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 40% 34%,
            rgba(116, 220, 255, 0.14) 0%,
            rgba(47, 130, 210, 0.08) 36%,
            rgba(79, 55, 176, 0.045) 58%,
            transparent 73%
        );

    box-shadow:
        0 0 78px rgba(44, 155, 221, 0.12),
        0 0 145px rgba(47, 95, 220, 0.07);
}

/* Orbital ring */

.globe-frame::after {
    content: "";
    position: absolute;

    z-index: 4;

    left: 50%;
    top: 50%;

    width: min(86%, 820px);
    aspect-ratio: 1 / 1;

    transform:
        translate(-50%, -50%)
        rotate(-13deg)
        scaleY(0.38);

    border-radius: 50%;

    pointer-events: none;

    border:
        1px solid rgba(119, 215, 255, 0.17);

    box-shadow:
        0 0 22px rgba(72, 181, 255, 0.09),
        inset 0 0 14px rgba(112, 213, 255, 0.05);
}

/* ----------------------------------------------------------
   CANONICAL GLOBE CANVAS
   ---------------------------------------------------------- */

#globe-canvas {
    position: relative;
    z-index: 2;

    transform:
        perspective(1400px)
        translateZ(0);

    transform-style: preserve-3d;
    backface-visibility: hidden;

    filter:
        url("#fp-home-globe-continent-relief")
        saturate(1.12)
        contrast(1.13)
        brightness(0.97)
        drop-shadow(
            0 14px 24px rgba(0, 0, 0, 0.28)
        );

    transition:
        filter 300ms ease,
        transform 300ms ease;
}

/* ----------------------------------------------------------
   LABELS ABOVE GLOBE
   ---------------------------------------------------------- */



/* ----------------------------------------------------------
   VIGNETTE
   Darker and more neutral than the former green wash.
   ---------------------------------------------------------- */

.globe-vignette {
    background:
        radial-gradient(
            circle at center,
            transparent 45%,
            rgba(2, 7, 15, 0.12) 67%,
            rgba(2, 6, 13, 0.44) 100%
        );
}

/* ----------------------------------------------------------
   FALLBACK
   ---------------------------------------------------------- */

.globe-fallback {
    background:
        radial-gradient(
            circle at center,
            rgba(21, 84, 132, 0.14),
            rgba(3, 12, 23, 0.86) 68%
        );
}

/* ----------------------------------------------------------
   HOME WORLD LIGHT FIELD
   ---------------------------------------------------------- */

.home-mode-shell,
.home-mode-stage,
.home-world-stage,
.home-world-shell {
    background:
        radial-gradient(
            ellipse at 50% 22%,
            rgba(22, 105, 170, 0.12) 0%,
            transparent 48%
        ),
        linear-gradient(
            180deg,
            rgba(3, 10, 20, 0.38) 0%,
            rgba(3, 9, 18, 0.20) 55%,
            rgba(2, 7, 15, 0.40) 100%
        );
}

/* ----------------------------------------------------------
   SUBTLE TECHNOLOGY GRID
   ---------------------------------------------------------- */

.home-mode-stage::before,
.home-world-stage::before {
    background-image:
        linear-gradient(
            rgba(101, 200, 255, 0.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(101, 200, 255, 0.022) 1px,
            transparent 1px
        );

    background-size:
        52px 52px;

    opacity: 0.44;
}

/* ----------------------------------------------------------
   COLOR GOVERNANCE
   Green remains functional, not environmental.
   ---------------------------------------------------------- */

.home-promotion-banner {
    --fp-global-green-wash: 0;
}

/* ----------------------------------------------------------
   REDUCED MOTION
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    #globe-canvas {
        transition: none;
    }
}

/* END HOME GLOBAL BACKDROP + 3D CONTINENT RELIEF PREVIEW V1 R02 */

/* ==========================================================
   HOME GLOBE LABEL CONTAINMENT CLOSURE V1
   Labels remain projected over the globe and never enter
   normal document flow below the canvas.
   ========================================================== */

.globe-frame {
    position: relative;
    overflow: hidden;
}

#globe-labels,
.globe-labels {
    position: absolute !important;
    inset: 0 !important;

    width: 100%;
    height: 100%;

    z-index: 6;

    overflow: hidden;

    pointer-events: none;
}

#globe-labels [data-hotspot],
.globe-labels [data-hotspot] {
    position: absolute;
    pointer-events: auto;

    max-width: 150px;
    white-space: normal;
}

/* END HOME GLOBE LABEL CONTAINMENT CLOSURE V1 */

/* ==========================================================
   CUSTOMER COMMERCIAL INTERFACE V1
   Premium customer commercial shell.
   ========================================================== */

.home-commercial-launcher {
    position: fixed;
    right: 22px;
    bottom: 76px;
    z-index: 120;

    display: inline-flex;
    align-items: center;
    gap: 10px;

    min-width: 176px;

    padding: 10px 13px;

    border:
        1px solid rgba(88, 206, 255, 0.32);

    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(6, 23, 38, 0.94),
            rgba(8, 35, 55, 0.92)
        );

    box-shadow:
        0 16px 42px rgba(0, 0, 0, 0.32),
        0 0 28px rgba(47, 170, 225, 0.08);

    color: #f5fbff;

    cursor: pointer;

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.home-commercial-launcher__mark {
    display: grid;
    place-items: center;

    width: 36px;
    height: 36px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #1d82b8,
            #5e4ed8
        );

    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.home-commercial-launcher__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.home-commercial-launcher__copy strong {
    font-size: 12px;
}

.home-commercial-launcher__copy small {
    margin-top: 2px;

    color:
        rgba(210, 230, 240, 0.62);

    font-size: 9px;
}

.home-commercial-customer-interface {
    position: fixed;
    inset: 0;

    z-index: 500;

    background:
        rgba(0, 5, 11, 0.72);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.home-commercial-customer-interface[hidden] {
    display: none !important;
}

.home-commercial-panel {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;

    width: min(520px, 96vw);

    overflow-y: auto;

    padding: 26px;

    background:
        radial-gradient(
            circle at 70% 0%,
            rgba(47, 144, 206, 0.13),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #06111d 0%,
            #030a12 100%
        );

    border-left:
        1px solid rgba(115, 208, 245, 0.14);

    box-shadow:
        -30px 0 70px rgba(0, 0, 0, 0.42);

    color: #eef8fc;
}

.home-commercial-panel__header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;

    padding-bottom: 20px;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.08);
}

.home-commercial-panel__header h2 {
    margin:
        5px 0 4px;

    font-size:
        clamp(24px, 4vw, 34px);

    line-height: 1;
}

.home-commercial-panel__header p {
    margin: 0;

    color:
        rgba(220, 235, 242, 0.65);

    font-size: 12px;
}

.home-commercial-eyebrow {
    color:
        rgba(109, 207, 247, 0.76);

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 0.15em;

    text-transform: uppercase;
}

.home-commercial-close {
    display: grid;
    place-items: center;

    width: 38px;
    height: 38px;

    border:
        1px solid rgba(255, 255, 255, 0.12);

    border-radius: 12px;

    background:
        rgba(255, 255, 255, 0.045);

    color: #ffffff;

    font-size: 23px;

    cursor: pointer;
}

.home-commercial-state {
    margin-top: 20px;

    padding: 16px;

    border:
        1px solid rgba(77, 189, 235, 0.17);

    border-radius: 16px;

    background:
        rgba(30, 108, 153, 0.065);
}

.home-commercial-state__label {
    display: block;

    margin-bottom: 6px;

    color:
        rgba(110, 207, 248, 0.70);

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 0.14em;
}

.home-commercial-state__value {
    display: block;

    margin-bottom: 4px;

    font-size: 16px;
}

.home-commercial-state small,
.home-commercial-section small,
.home-commercial-card small {
    color:
        rgba(214, 229, 236, 0.54);

    font-size: 10px;
}

.home-commercial-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin-top: 14px;
}

.home-commercial-card {
    padding: 14px;

    border:
        1px solid rgba(255, 255, 255, 0.075);

    border-radius: 14px;

    background:
        rgba(255, 255, 255, 0.025);
}

.home-commercial-card > span {
    display: block;

    margin-bottom: 6px;

    color:
        rgba(181, 205, 216, 0.62);

    font-size: 9px;

    text-transform: uppercase;

    letter-spacing: 0.08em;
}

.home-commercial-card strong {
    display: block;

    margin-bottom: 4px;

    font-size: 12px;
}

.home-commercial-section {
    margin-top: 14px;

    padding: 16px;

    border:
        1px solid rgba(255, 255, 255, 0.075);

    border-radius: 16px;

    background:
        rgba(255, 255, 255, 0.022);
}

.home-commercial-section__heading {
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    gap: 16px;
}

.home-commercial-section__heading h3 {
    margin: 4px 0 0;

    font-size: 15px;
}

.home-commercial-gate,
.home-commercial-contract-ready {
    display: inline-flex;

    align-items: center;

    min-height: 25px;

    padding: 0 8px;

    border-radius: 999px;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: 0.08em;
}

.home-commercial-gate[data-state="LOCKED"] {
    border:
        1px solid rgba(255, 255, 255, 0.11);

    background:
        rgba(255, 255, 255, 0.045);

    color:
        rgba(220, 228, 232, 0.58);
}

.home-commercial-gate[data-state="READY"] {
    border:
        1px solid rgba(65, 199, 239, 0.30);

    background:
        rgba(42, 158, 208, 0.12);

    color:
        #a9eaff;
}

.home-commercial-contract-ready {
    border:
        1px solid rgba(132, 103, 246, 0.26);

    background:
        rgba(118, 83, 225, 0.10);

    color:
        #d4c7ff;
}

.home-commercial-help {
    margin:
        12px 0;

    color:
        rgba(212, 227, 234, 0.64);

    font-size: 11px;
}

.home-commercial-primary-action,
.home-commercial-secondary-action,
.home-commercial-export-actions button {
    min-height: 39px;

    border-radius: 11px;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: 0.05em;
}

.home-commercial-primary-action {
    width: 100%;

    border:
        1px solid rgba(72, 191, 236, 0.30);

    background:
        linear-gradient(
            135deg,
            #176d9c,
            #3f4db7
        );

    color: #ffffff;
}

.home-commercial-secondary-action {
    width: 100%;

    margin-top: 12px;

    border:
        1px solid rgba(255, 255, 255, 0.10);

    background:
        rgba(255, 255, 255, 0.045);

    color: #eaf6fa;
}

.home-commercial-primary-action:disabled,
.home-commercial-secondary-action:disabled,
.home-commercial-export-actions button:disabled {
    opacity: 0.42;
    cursor: not-allowed;
}

.home-commercial-action-note {
    display: block;

    margin-top: 7px;
}

.home-commercial-metrics {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 9px;

    margin-top: 13px;
}

.home-commercial-metrics > div {
    padding: 12px;

    border-radius: 12px;

    background:
        rgba(255, 255, 255, 0.028);
}

.home-commercial-metrics span {
    display: block;

    margin-bottom: 5px;

    color:
        rgba(205, 222, 230, 0.56);

    font-size: 9px;
}

.home-commercial-metrics strong {
    font-size: 17px;
}

.home-commercial-export-actions {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 8px;

    margin:
        13px 0 8px;
}

.home-commercial-export-actions button {
    border:
        1px solid rgba(255, 255, 255, 0.09);

    background:
        rgba(255, 255, 255, 0.035);

    color:
        rgba(235, 246, 250, 0.86);
}

.home-commercial-panel__footer {
    display: flex;

    justify-content: space-between;
    gap: 20px;

    margin-top: 20px;
    padding-top: 16px;

    border-top:
        1px solid rgba(255, 255, 255, 0.07);

    color:
        rgba(202, 220, 229, 0.50);

    font-size: 9px;
}

.home-commercial-panel__footer strong {
    color:
        rgba(153, 218, 244, 0.74);
}

.home-commercial-panel-open {
    overflow: hidden;
}

@media (max-width: 720px) {

    .home-commercial-launcher {
        right: 12px;
        bottom: 72px;

        min-width: 0;
    }

    .home-commercial-launcher__copy {
        display: none;
    }

    .home-commercial-panel {
        width: 100%;
        padding: 20px 16px;
    }

    .home-commercial-grid {
        grid-template-columns: 1fr;
    }
}

/* END CUSTOMER COMMERCIAL INTERFACE V1 */

/* ==========================================================
   HOME FINAL EXPERIENCE RESTORATION V1
   Public experience only; governed bootstraps remain intact.
   ========================================================== */

html {
  min-height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  min-height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #02080b;
}

#hub-app.home-final {
  --home-max: 1320px;
  --home-pad: clamp(22px, 5vw, 76px);
  --home-green: #39f276;
  --home-soft-green: #89f5b0;
  --home-ink: #02080b;
  --home-panel: rgba(7, 23, 25, .82);
  --home-line: rgba(133, 244, 200, .16);
  display: block;
  width: 100%;
  height: auto;
  min-height: 100vh;
  overflow: visible;
  background:
    radial-gradient(circle at 10% 18%, rgba(28, 145, 100, .12), transparent 24%),
    radial-gradient(circle at 92% 45%, rgba(28, 126, 119, .1), transparent 25%),
    #02080b;
}

#hub-app.home-final > .global-header {
  position: sticky;
  top: 0;
  z-index: 80;
  height: var(--header-h);
  background: rgba(2, 9, 11, .86);
  border-color: rgba(114, 224, 187, .13);
}

#hub-app .topbar-search-host {
  position: sticky;
  top: var(--header-h);
  z-index: 75;
}

#hub-app .topbar-search-host .search-panel {
  top: 10px;
}

#hub-app .home-story {
  position: relative;
  width: 100%;
}

#hub-app .home-hero {
  position: relative;
  min-height: min(860px, calc(100svh - var(--header-h)));
  display: grid;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid rgba(126, 237, 194, .12);
}

#hub-app .home-hero__media,
#hub-app .home-hero__veil {
  position: absolute;
  inset: 0;
}

#hub-app .home-hero__media {
  z-index: -3;
  background: #061313;
}

#hub-app .home-hero__media video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 44%;
  filter: saturate(.9) contrast(1.09) brightness(.62);
  transform: scale(1.02);
}

#hub-app .home-hero__veil {
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(1, 7, 8, .95) 0%, rgba(1, 8, 9, .74) 42%, rgba(1, 8, 9, .18) 75%),
    linear-gradient(0deg, #02080b 0%, transparent 34%, rgba(1, 7, 8, .18) 100%),
    radial-gradient(circle at 72% 46%, transparent 8%, rgba(1, 8, 9, .25) 60%);
}

#hub-app .home-hero__content {
  width: min(680px, 100%);
  margin-left: max(var(--home-pad), calc((100vw - var(--home-max)) / 2));
  padding: 90px 0 130px;
}

#hub-app .home-kicker {
  margin: 0 0 16px;
  color: var(--home-soft-green);
  font-size: clamp(9px, .76vw, 11px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .24em;
  text-transform: uppercase;
}

#hub-app .home-hero h1 {
  max-width: 620px;
  margin: 0;
  color: #f4fff9;
  font-size: clamp(42px, 4.4vw, 56px);
  line-height: 1.06;
  letter-spacing: -.04em;
  text-wrap: balance;
  text-shadow: 0 18px 60px rgba(0, 0, 0, .5);
}

#hub-app .home-hero__lead {
  max-width: 560px;
  margin: 24px 0 0;
  color: #c3d5ce;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.7;
}

#hub-app .home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

#hub-app .home-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border: 1px solid rgba(138, 241, 199, .28);
  border-radius: 999px;
  color: #effcf6;
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 900;
  letter-spacing: .13em;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
}

#hub-app .home-button:hover,
#hub-app .home-button:focus-visible {
  transform: translateY(-2px);
}

#hub-app .home-button--primary {
  border-color: var(--home-green);
  background: var(--home-green);
  color: #01200c;
  box-shadow: 0 12px 34px rgba(57, 242, 118, .19);
}

#hub-app .home-button--primary:hover,
#hub-app .home-button--primary:focus-visible {
  background: #71f59b;
  box-shadow: 0 16px 44px rgba(57, 242, 118, .27);
}

#hub-app .home-button--ghost {
  background: rgba(4, 18, 19, .58);
  backdrop-filter: blur(12px);
}

#hub-app .home-hero__scroll {
  position: absolute;
  left: 50%;
  bottom: 30px;
  display: grid;
  place-items: center;
  gap: 9px;
  color: rgba(216, 237, 228, .6);
  font-size: 8px;
  letter-spacing: .18em;
  text-decoration: none;
  text-transform: uppercase;
  transform: translateX(-50%);
}

#hub-app .home-hero__scroll i {
  width: 1px;
  height: 36px;
  background: linear-gradient(var(--home-green), transparent);
  animation: home-scroll-pulse 2s ease-in-out infinite;
}

#hub-app .home-section {
  width: min(var(--home-max), calc(100% - var(--home-pad) * 2));
  margin-inline: auto;
  padding-block: clamp(88px, 9vw, 142px);
}

#hub-app .home-section__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 34px;
  margin-bottom: clamp(34px, 4vw, 58px);
}

#hub-app .home-section__heading--center {
  justify-content: center;
  text-align: center;
}

#hub-app .home-section__heading .home-kicker {
  margin-bottom: 12px;
}

#hub-app .home-section__heading h2,
#hub-app .home-final-cta h2 {
  max-width: 800px;
  margin: 0;
  color: #effaf5;
  font-size: clamp(28px, 2.8vw, 36px);
  line-height: 1.16;
  letter-spacing: -.03em;
  text-wrap: balance;
}

#hub-app .home-text-link,
#hub-app .home-inline-link {
  color: #bdf7d1;
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 800;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
}

#hub-app .home-text-link span,
#hub-app .home-inline-link span {
  display: inline-block;
  margin-left: 7px;
  color: var(--home-green);
  transition: transform .2s ease;
}

#hub-app .home-text-link:hover span,
#hub-app .home-inline-link:hover span {
  transform: translateX(4px);
}

#hub-app .home-now {
  padding-bottom: clamp(70px, 7vw, 110px);
}

#hub-app .home-now__empty {
  min-height: 310px;
  display: grid;
  grid-template-columns: minmax(290px, .85fr) minmax(340px, 1.15fr);
  align-items: center;
  gap: clamp(34px, 6vw, 90px);
  padding: clamp(30px, 4vw, 58px);
  border: 1px solid var(--home-line);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(8, 31, 29, .94), rgba(4, 15, 18, .91)),
    radial-gradient(circle at 20% 50%, rgba(57, 242, 118, .09), transparent 32%);
  box-shadow: 0 32px 90px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .04);
}

#hub-app .home-now__empty h3,
#hub-app .home-pulse__feature h3,
#hub-app .home-people__card h3,
#hub-app .home-creators__stage h3,
#hub-app .home-commerce__card h3 {
  margin: 0;
  color: #f1fcf7;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.15;
  letter-spacing: -.035em;
}

#hub-app .home-now__empty p:not(.home-kicker),
#hub-app .home-pulse__feature p:not(.home-kicker),
#hub-app .home-people__card p:not(.home-kicker),
#hub-app .home-creators__stage p:not(.home-kicker),
#hub-app .home-commerce__card p:not(.home-kicker) {
  max-width: 590px;
  margin: 18px 0 24px;
  color: #98ada6;
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.7;
}

#hub-app .home-now__pitch {
  position: relative;
  min-height: 190px;
  overflow: hidden;
  border: 1px solid rgba(116, 236, 187, .2);
  border-radius: 18px;
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(137, 241, 197, .2) 50%, transparent 50.2%),
    radial-gradient(circle, transparent 0 16%, rgba(137, 241, 197, .2) 16.3% 16.8%, transparent 17.1%),
    repeating-linear-gradient(90deg, rgba(57, 242, 118, .035) 0 15%, transparent 15% 30%),
    linear-gradient(135deg, #0a3027, #08211f);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, .3), 0 18px 45px rgba(0, 0, 0, .2);
  transform: perspective(700px) rotateX(7deg);
}

#hub-app .home-now__pitch::before,
#hub-app .home-now__pitch::after {
  content: "";
  position: absolute;
  top: 25%;
  bottom: 25%;
  width: 16%;
  border: 1px solid rgba(137, 241, 197, .18);
}

#hub-app .home-now__pitch::before { left: -1px; }
#hub-app .home-now__pitch::after { right: -1px; }

#hub-app .home-now__pitch span {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--home-green);
  box-shadow: 0 0 30px var(--home-green);
  transform: translate(-50%, -50%);
}

#hub-app .home-gates {
  padding-top: 72px;
}

#hub-app .home-gates__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

#hub-app .home-gate {
  position: relative;
  min-height: 330px;
  display: block;
  grid-column: span 4;
  overflow: hidden;
  border: 1px solid rgba(154, 238, 204, .15);
  border-radius: 22px;
  background: #071719;
  color: inherit;
  text-decoration: none;
  isolation: isolate;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .24);
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;
}

#hub-app .home-gate:nth-child(1) { grid-column: span 7; min-height: 390px; }
#hub-app .home-gate:nth-child(2) { grid-column: span 5; min-height: 390px; }

#hub-app .home-gate img,
#hub-app .home-people__card img {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(.88) contrast(1.08) brightness(.72);
  transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .35s ease;
}

#hub-app .home-gate__shade {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(180deg, rgba(1, 8, 9, .08) 15%, rgba(1, 8, 9, .35) 52%, rgba(1, 8, 9, .95) 100%);
}

#hub-app .home-gate::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .28;
  background: radial-gradient(circle at 18% 90%, var(--gate-color, #39f276), transparent 38%);
}

#hub-app .home-gate--partidas { --gate-color: #39f276; }
#hub-app .home-gate--canais { --gate-color: #35d7ff; }
#hub-app .home-gate--lives { --gate-color: #d749e8; }
#hub-app .home-gate--mercado { --gate-color: #f3bd4d; }
#hub-app .home-gate--store { --gate-color: #ec7952; }

#hub-app .home-gate:hover,
#hub-app .home-gate:focus-visible {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--gate-color) 60%, transparent);
  box-shadow: 0 32px 80px rgba(0, 0, 0, .36), 0 0 30px color-mix(in srgb, var(--gate-color) 9%, transparent);
}

#hub-app .home-gate:hover img,
#hub-app .home-gate:focus-visible img {
  transform: scale(1.055);
  filter: saturate(1.04) contrast(1.08) brightness(.8);
}

#hub-app .home-gate__index {
  position: absolute;
  top: 24px;
  left: 24px;
  color: rgba(240, 253, 247, .55);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
}

#hub-app .home-gate__copy {
  position: absolute;
  left: clamp(22px, 3vw, 36px);
  right: clamp(22px, 3vw, 36px);
  bottom: clamp(24px, 3vw, 36px);
  display: grid;
}

#hub-app .home-gate__copy strong {
  color: #f5fff9;
  font-size: clamp(20px, 2vw, 24px);
  letter-spacing: -.04em;
}

#hub-app .home-gate__copy small {
  max-width: 390px;
  margin-top: 8px;
  color: #b9cac4;
  font-size: clamp(15px, 1.1vw, 17px);
  line-height: 1.5;
}

#hub-app .home-gate__copy b {
  margin-top: 20px;
  color: #d6f7e1;
  font-size: clamp(14px, 1vw, 16px);
  letter-spacing: .14em;
  text-transform: uppercase;
}

#hub-app .home-gate__copy b i {
  margin-left: 6px;
  color: var(--gate-color);
  font-style: normal;
}

#hub-app .home-pulse__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, .72fr);
  gap: 18px;
}

#hub-app .home-pulse__feature {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: end;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 26px;
  isolation: isolate;
}

#hub-app .home-pulse__feature::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(1, 7, 8, .03) 20%, rgba(1, 7, 8, .42) 55%, rgba(1, 7, 8, .96) 100%);
}

#hub-app .home-pulse__feature > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.9) brightness(.75);
}

#hub-app .home-pulse__feature > div {
  max-width: 620px;
  padding: clamp(30px, 5vw, 62px);
}

#hub-app .home-pulse__feed {
  min-height: 480px;
  padding: clamp(25px, 3vw, 38px);
  border: 1px solid var(--home-line);
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(9, 30, 31, .86), rgba(3, 13, 16, .92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

#hub-app .home-social {
  min-height: 74px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  border-bottom: 1px solid rgba(151, 232, 201, .1);
  color: #effaf5;
  text-decoration: none;
}

#hub-app .home-social > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(145, 237, 199, .16);
  border-radius: 12px;
  background: rgba(255, 255, 255, .035);
  color: var(--home-green);
  font-size: 9px;
  font-weight: 900;
}

#hub-app .home-social img { width: 20px; height: 20px; object-fit: contain; }
#hub-app .home-social strong { min-width: 0; font-size: 12px; }
#hub-app .home-social small { display: block; overflow: hidden; margin-top: 4px; color: #7f9a91; font-size: 9px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
#hub-app .home-social > i { color: var(--home-green); font-style: normal; }

#hub-app .home-editorial-empty {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #eefaf4;
}

#hub-app .home-editorial-empty strong { font-size: 22px; }
#hub-app .home-editorial-empty p { color: #8fa69e; line-height: 1.7; }

#hub-app .home-live-dot {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
  background: var(--home-green);
  box-shadow: 0 0 12px var(--home-green);
}

#hub-app .home-world {
  position: relative;
  min-height: 760px;
  display: grid;
  grid-template-columns: minmax(310px, .72fr) minmax(520px, 1.28fr);
  align-items: center;
  gap: 20px;
  overflow: hidden;
  padding-inline: max(var(--home-pad), calc((100vw - var(--home-max)) / 2));
  border-block: 1px solid rgba(126, 237, 194, .1);
  background:
    radial-gradient(circle at 70% 50%, rgba(44, 210, 152, .13), transparent 28%),
    radial-gradient(circle at 74% 52%, rgba(41, 142, 151, .09), transparent 46%),
    linear-gradient(110deg, #031112, #02080b 44%, #041214);
}

#hub-app .home-world::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image: radial-gradient(circle, rgba(166, 255, 218, .85) 0 1px, transparent 1.3px);
  background-size: 83px 83px;
  mask-image: linear-gradient(90deg, transparent, #000 55%);
}

#hub-app .home-world__copy { position: relative; z-index: 15; }

#hub-app .home-world__copy h2 {
  margin: 0;
  color: #f1fff8;
  font-size: clamp(30px, 3vw, 36px);
  line-height: 1.1;
  letter-spacing: -.035em;
}

#hub-app .home-world__copy > p:not(.home-kicker) {
  max-width: 470px;
  margin: 26px 0;
  color: #9db2aa;
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.75;
}

#hub-app .home-world__stage {
  position: relative;
  width: 100%;
  height: 720px;
  min-height: 0;
  overflow: hidden;
}

#hub-app .home-world__stage .globe-frame {
  width: 100%;
  height: 680px;
  min-height: 0;
  overflow: hidden;
}

#hub-app .home-world__stage .globe-frame::before {
  width: min(55vw, 730px);
  background: radial-gradient(circle, rgba(35, 255, 169, .15), rgba(23, 168, 126, .06) 42%, transparent 70%);
}

#hub-app .home-world__stage #globe-canvas {
  filter: brightness(1.18) saturate(1.14) contrast(1.04) url("#fp-home-globe-continent-relief");
}

#hub-app .home-world__stage .orbit { width: min(50vw, 690px); }
#hub-app .home-world__stage .orbit-two { width: min(42vw, 590px); }

#hub-app .home-world__hint {
  position: absolute;
  bottom: 24px;
  left: 50%;
  z-index: 16;
  margin: 0;
  color: rgba(181, 212, 200, .54);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  transform: translateX(-50%);
}

#hub-app .home-world__hint span { margin-right: 8px; color: var(--home-green); }

#hub-app .home-people__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

#hub-app .home-people__card {
  position: relative;
  min-height: 470px;
  display: flex;
  align-items: end;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 26px;
  isolation: isolate;
}

#hub-app .home-people__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(1, 7, 8, .05), rgba(1, 7, 8, .35) 42%, rgba(1, 7, 8, .97) 100%);
}

#hub-app .home-people__card > div { padding: clamp(28px, 4vw, 50px); }

#hub-app .home-people__card a {
  color: #c9f7d9;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
}

#hub-app .home-people__card a span { margin-left: 7px; color: var(--home-green); }

#hub-app .home-creators {
  padding-top: 34px;
}

#hub-app .home-creators__stage {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: end;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 26px;
  isolation: isolate;
  box-shadow: 0 28px 76px rgba(0, 0, 0, .28);
}

#hub-app .home-creators__stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(1, 7, 8, .93), rgba(1, 7, 8, .5) 48%, rgba(1, 7, 8, .08) 78%),
    linear-gradient(0deg, rgba(1, 7, 8, .84), transparent 55%);
}

#hub-app .home-creators__stage > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.9) contrast(1.05) brightness(.76);
}

#hub-app .home-creators__stage > div {
  max-width: 650px;
  padding: clamp(34px, 5vw, 66px);
}

#hub-app .home-commerce__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

#hub-app .home-commerce__card {
  position: relative;
  min-height: 460px;
  display: flex;
  align-items: end;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 26px;
  background: #071719;
  color: inherit;
  text-decoration: none;
  isolation: isolate;
  box-shadow: 0 25px 68px rgba(0, 0, 0, .25);
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;
}

#hub-app .home-commerce__card > img {
  position: absolute;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.88) contrast(1.06) brightness(.72);
  transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .32s ease;
}

#hub-app .home-commerce__card > span {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(180deg, rgba(1, 7, 8, .04), rgba(1, 7, 8, .38) 48%, rgba(1, 7, 8, .96) 100%);
}

#hub-app .home-commerce__card > div {
  padding: clamp(30px, 4vw, 52px);
}

#hub-app .home-commerce__card b {
  display: inline-block;
  margin-top: 8px;
  color: #cff6dd;
  font-size: clamp(14px, 1vw, 16px);
  letter-spacing: .08em;
  text-transform: uppercase;
}

#hub-app .home-commerce__card b i {
  margin-left: 7px;
  color: var(--home-green);
  font-style: normal;
}

#hub-app .home-commerce__card:hover,
#hub-app .home-commerce__card:focus-visible {
  transform: translateY(-5px);
  border-color: rgba(105, 244, 183, .48);
  box-shadow: 0 34px 84px rgba(0, 0, 0, .38), 0 0 32px rgba(57, 242, 118, .07);
}

#hub-app .home-commerce__card:hover > img,
#hub-app .home-commerce__card:focus-visible > img {
  transform: scale(1.05);
  filter: saturate(1.02) contrast(1.06) brightness(.8);
}

#hub-app .home-registration {
  position: relative;
  min-height: 600px;
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  border-top: 1px solid rgba(130, 232, 192, .12);
}

#hub-app .home-registration__media,
#hub-app .home-registration__veil {
  position: absolute;
  inset: 0;
}

#hub-app .home-registration__media {
  z-index: -3;
  background: #061313;
}

#hub-app .home-registration__media video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: saturate(.86) contrast(1.08) brightness(.58);
}

#hub-app .home-registration__veil {
  z-index: -2;
  background:
    radial-gradient(circle at 50% 45%, rgba(4, 18, 18, .22), rgba(1, 7, 8, .82) 72%),
    linear-gradient(0deg, #010607, transparent 36%, rgba(1, 7, 8, .22));
}

#hub-app .home-registration__content {
  width: min(760px, calc(100% - var(--home-pad) * 2));
  padding: 70px 0;
  text-align: center;
}

#hub-app .home-registration__content h2 {
  max-width: 650px;
  margin: 0 auto;
  color: #f3fff8;
  font-size: clamp(28px, 2.8vw, 36px);
  line-height: 1.16;
  letter-spacing: -.03em;
  text-wrap: balance;
}

#hub-app .home-registration__content > p:not(.home-kicker) {
  max-width: 590px;
  margin: 20px auto 30px;
  color: #b2c5be;
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.7;
}

#hub-app .home-final-cta {
  max-width: 880px;
  margin: clamp(80px, 10vw, 150px) auto 0;
  padding: clamp(44px, 6vw, 80px);
  border: 1px solid rgba(107, 241, 186, .2);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 100%, rgba(57, 242, 118, .13), transparent 45%),
    linear-gradient(145deg, rgba(8, 28, 27, .92), rgba(3, 13, 16, .96));
  box-shadow: 0 34px 90px rgba(0, 0, 0, .28);
  text-align: center;
}

#hub-app .home-final-cta p:not(.home-kicker) {
  margin: 20px 0 0;
  color: #9bb0a8;
  font-size: 15px;
  line-height: 1.7;
}

#hub-app .home-final-cta .home-actions { justify-content: center; }

#hub-app .home-footer {
  min-height: 180px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 46px max(var(--home-pad), calc((100vw - var(--home-max)) / 2));
  border-top: 1px solid rgba(130, 232, 192, .12);
  background: #010607;
  color: #769087;
}

#hub-app .home-footer__brand {
  color: #effaf5;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .08em;
  text-decoration: none;
}

#hub-app .home-footer__brand span { display: block; margin-top: 5px; color: var(--home-green); font-size: 9px; letter-spacing: .22em; }
#hub-app .home-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 22px; }
#hub-app .home-footer nav a { color: #9cb1aa; font-size: 10px; text-decoration: none; }
#hub-app .home-footer nav a:hover { color: var(--home-green); }
#hub-app .home-footer > p { grid-column: 1 / -1; margin: 0; padding-top: 22px; border-top: 1px solid rgba(130, 232, 192, .08); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }

#hub-app .home-engineering-bridge,
#hub-app #home-commercial-open[hidden],
#hub-app #home-commercial-customer-interface[hidden] {
  display: none !important;
}

@keyframes home-scroll-pulse {
  50% { opacity: .42; transform: scaleY(.72); transform-origin: top; }
}

@media (max-width: 1120px) {
  #hub-app.home-final > .global-header { height: 68px; }
  #hub-app .home-hero { min-height: 720px; }
  #hub-app .home-gate:nth-child(n) { grid-column: span 6; min-height: 340px; }
  #hub-app .home-gate:last-child { grid-column: 4 / span 6; }
  #hub-app .home-world { min-height: 680px; grid-template-columns: minmax(280px, .65fr) minmax(440px, 1.35fr); }
  #hub-app .home-world__stage { height: 650px; }
  #hub-app .home-world__stage .globe-frame { height: 620px; }
}

@media (max-width: 800px) {
  #hub-app .home-hero__content { margin-left: var(--home-pad); margin-right: var(--home-pad); padding-bottom: 110px; }
  #hub-app .home-now__empty,
  #hub-app .home-pulse__layout,
  #hub-app .home-people__grid,
  #hub-app .home-commerce__grid { grid-template-columns: 1fr; }
  #hub-app .home-now__pitch { min-height: 220px; }
  #hub-app .home-pulse__feature { min-height: 430px; }
  #hub-app .home-pulse__feed { min-height: 0; }
  #hub-app .home-creators__stage { min-height: 460px; }
  #hub-app .home-commerce__card { min-height: 420px; }
  #hub-app .home-world { grid-template-columns: 1fr; min-height: 900px; padding-top: 80px; }
  #hub-app .home-world__copy { text-align: center; }
  #hub-app .home-world__copy > p:not(.home-kicker) { margin-inline: auto; }
  #hub-app .home-world__stage { height: 590px; }
  #hub-app .home-world__stage .globe-frame { height: 560px; }
  #hub-app .home-footer { grid-template-columns: 1fr; }
  #hub-app .home-footer nav { justify-content: flex-start; }
}

@media (max-width: 560px) {
  #hub-app.home-final { --home-pad: 18px; }
  #hub-app.home-final > .global-header { height: 62px; }
  #hub-app .home-hero { min-height: calc(100svh - 62px); }
  #hub-app .home-hero__media video { object-position: 62% center; }
  #hub-app .home-hero__veil { background: linear-gradient(90deg, rgba(1, 7, 8, .9), rgba(1, 7, 8, .42)), linear-gradient(0deg, #02080b, transparent 62%); }
  #hub-app .home-hero h1 { font-size: clamp(34px, 10.5vw, 44px); }
  #hub-app .home-hero__lead { font-size: 15px; line-height: 1.6; }
  #hub-app .home-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  #hub-app .home-section__heading { align-items: flex-start; flex-direction: column; }
  #hub-app .home-section__heading--center { align-items: center; }
  #hub-app .home-gates__grid { grid-template-columns: 1fr; }
  #hub-app .home-gate:nth-child(n) { grid-column: 1; min-height: 330px; }
  #hub-app .home-now__empty { padding: 22px; border-radius: 20px; }
  #hub-app .home-now__pitch { min-height: 170px; }
  #hub-app .home-pulse__feature,
  #hub-app .home-people__card,
  #hub-app .home-creators__stage,
  #hub-app .home-commerce__card { min-height: 390px; border-radius: 20px; }
  #hub-app .home-world { min-height: 760px; padding-top: 70px; }
  #hub-app .home-world__stage { width: calc(100% + 36px); height: 470px; margin-left: -18px; }
  #hub-app .home-world__stage .globe-frame { height: 450px; }
  #hub-app .home-world__stage .orbit { width: 112vw; }
  #hub-app .home-world__stage .orbit-two { width: 94vw; }
  #hub-app .world-labels .hotspot-label span { display: none; }
  #hub-app .home-final-cta { padding: 40px 22px; border-radius: 22px; }
  #hub-app .home-registration { min-height: 520px; }
  #hub-app .home-registration__content { width: calc(100% - 36px); }
  #hub-app .home-footer nav { gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #hub-app .home-hero__media video,
  #hub-app .home-registration__media video { display: none; }
  #hub-app .home-hero__scroll i { animation: none; }
  #hub-app .home-gate,
  #hub-app .home-gate img,
  #hub-app .home-button { transition: none; }
}

/* END HOME FINAL EXPERIENCE RESTORATION V1 */

/* ==========================================================
   HOME APPROVED MOCKUP CONTRACT
   Canonical visual layer for the public editorial experience.
   ========================================================== */

#hub-app.home-final.home-approved {
  --home-max: 1380px;
  --home-pad: 32px;
  --home-green: #00f18b;
  --home-soft-green: #32f5ad;
  --home-line: rgba(39, 235, 169, .3);
  color: #f3fbf8;
  background:
    radial-gradient(circle at 12% 27%, rgba(0, 112, 81, .13), transparent 25%),
    radial-gradient(circle at 84% 63%, rgba(0, 99, 79, .11), transparent 24%),
    #001012;
}

#hub-app.home-approved > .global-header {
  position: absolute;
  inset: 0 0 auto;
  z-index: 100;
  height: 82px;
  background: linear-gradient(180deg, rgba(0, 10, 13, .94), rgba(0, 10, 13, .42));
  border-color: rgba(65, 226, 180, .14);
  backdrop-filter: blur(7px);
}

#hub-app.home-approved .home-story {
  overflow: clip;
}

#hub-app.home-approved .home-hero {
  min-height: clamp(680px, 78vh, 760px);
  grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  border: 0;
}

#hub-app.home-approved .home-hero::after,
#hub-app.home-approved [data-light-follow]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  opacity: .58;
  background: radial-gradient(440px circle at var(--light-x, 50%) var(--light-y, 50%), rgba(33, 246, 171, .08), transparent 60%);
  transition: opacity .35s ease;
}

#hub-app.home-approved [data-light-follow] {
  --light-x: 50%;
  --light-y: 50%;
  position: relative;
}

#hub-app.home-approved .home-hero__media,
#hub-app.home-approved .home-hero__veil {
  inset: 0;
}

#hub-app.home-approved .home-hero__media video,
#hub-app.home-approved .home-registration__media video {
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  margin: -10px;
  object-fit: cover;
  transform: translate3d(var(--parallax-x, 0), var(--parallax-y, 0), 0) scale(1.025);
  transition: transform .4s ease-out;
  filter: saturate(.94) contrast(1.12) brightness(.72);
}

#hub-app.home-approved .home-hero__veil {
  background:
    linear-gradient(90deg, rgba(0, 12, 12, .94) 0%, rgba(0, 12, 12, .70) 36%, rgba(0, 12, 12, .18) 68%, rgba(0, 12, 12, .24) 100%),
    linear-gradient(0deg, #001012 0%, transparent 29%, rgba(0, 9, 10, .15) 100%);
}

#hub-app.home-approved .home-hero__content {
  z-index: 5;
  width: min(580px, calc(100% - 32px));
  margin-left: max(32px, calc((100vw - 1380px) / 2));
  padding: 150px 0 52px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#hub-app.home-approved .home-kicker {
  margin-bottom: 12px;
  color: var(--home-green);
  font-size: clamp(10px, .72vw, 12px);
  letter-spacing: .25em;
}

#hub-app.home-approved .home-hero h1 {
  max-width: 600px;
  font-size: clamp(42px, 4vw, 56px);
  line-height: 1.01;
  letter-spacing: -.043em;
}

#hub-app.home-approved .home-hero__lead {
  max-width: 560px;
  margin-top: 17px;
  color: rgba(240, 250, 247, .88);
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.48;
}

#hub-app.home-approved .home-actions {
  gap: 12px;
  margin-top: 24px;
}

#hub-app.home-approved .home-button {
  min-height: 48px;
  padding-inline: 27px;
  border-radius: 999px;
  font-size: clamp(12px, .92vw, 15px);
  letter-spacing: .11em;
  transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

#hub-app.home-approved .home-button:hover,
#hub-app.home-approved .home-button:focus-visible {
  transform: translateY(-1px);
}

#hub-app.home-approved .home-button--primary {
  background: var(--home-green);
  border-color: var(--home-green);
  box-shadow: 0 12px 34px rgba(0, 241, 139, .18);
}

#hub-app.home-approved .home-button--ghost,
#hub-app.home-approved .home-button--outline {
  border-color: rgba(140, 245, 211, .58);
  background: rgba(0, 21, 23, .56);
  color: #f6fffb;
  backdrop-filter: blur(10px);
}

#hub-app.home-approved .home-button--outline {
  min-height: 40px;
  padding-inline: 18px;
  font-size: 11px;
}

#hub-app.home-approved .home-button--ghost:hover,
#hub-app.home-approved .home-button--outline:hover {
  border-color: var(--home-green);
  box-shadow: 0 0 28px rgba(0, 241, 139, .13);
}

#hub-app.home-approved .home-button__play {
  margin-right: 9px;
  color: var(--home-green);
  font-size: 19px;
}

#hub-app.home-approved .home-hero__principles {
  display: flex;
  gap: clamp(22px, 3vw, 44px);
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

#hub-app.home-approved .home-hero__principles li {
  display: grid;
  grid-template-columns: 28px auto;
  grid-template-rows: auto auto;
  column-gap: 8px;
  align-items: center;
}

#hub-app.home-approved .home-hero__principles li > span {
  grid-row: 1 / 3;
  color: var(--home-green);
  font-size: 25px;
}

#hub-app.home-approved .home-hero__principles strong,
#hub-app.home-approved .home-hero__principles small {
  display: block;
  line-height: 1.25;
}

#hub-app.home-approved .home-hero__principles strong { font-size: 10px; }
#hub-app.home-approved .home-hero__principles small { color: rgba(228, 242, 237, .66); font-size: 8px; }

#hub-app.home-approved .home-hero__aside {
  position: absolute;
  z-index: 5;
  right: max(32px, calc((100vw - 1380px) / 2));
  top: 50%;
  margin: 0;
  color: rgba(242, 252, 248, .82);
  font-size: 10px;
  line-height: 1.75;
  letter-spacing: .36em;
  transform: translateY(-42%);
}

#hub-app.home-approved .home-section {
  width: min(var(--home-max), calc(100% - 64px));
  padding-block: 72px 0;
}

#hub-app.home-approved .home-section__heading {
  align-items: end;
  margin-bottom: 20px;
}

#hub-app.home-approved .home-section__heading h2,
#hub-app.home-approved .home-now h2,
#hub-app.home-approved .home-pulse h2,
#hub-app.home-approved .home-creators h2,
#hub-app.home-approved .home-world h2,
#hub-app.home-approved .home-registration h2 {
  margin: 0;
  color: #f3faf7;
  font-size: clamp(28px, 2.5vw, 36px);
  line-height: 1.06;
  letter-spacing: -.035em;
}

#hub-app.home-approved .home-section__heading > p {
  margin: 0 0 4px;
  color: rgba(221, 238, 232, .68);
  font-size: 12px;
}

#hub-app.home-approved .home-now {
  padding-top: 0;
  margin-top: -1px;
}

#hub-app.home-approved .home-now__empty {
  position: relative;
  min-height: 340px;
  display: grid;
  grid-template-columns: 40% 60%;
  align-items: center;
  padding: 36px 40px;
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 20px;
  background: #031718;
  isolation: isolate;
}

#hub-app.home-approved .home-now__media,
#hub-app.home-approved .home-now__veil {
  position: absolute;
  inset: 0;
}

#hub-app.home-approved .home-now__media { z-index: -3; }
#hub-app.home-approved .home-now__media img {
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  margin: -8px;
  object-fit: cover;
  object-position: center 55%;
  transform: translate3d(var(--parallax-x, 0), var(--parallax-y, 0), 0) scale(1.03);
  transition: transform .45s ease-out;
  filter: saturate(.75) brightness(.5) contrast(1.18);
}

#hub-app.home-approved .home-now__veil {
  z-index: -2;
  background: linear-gradient(90deg, rgba(0, 20, 20, .93) 0%, rgba(0, 18, 19, .68) 43%, rgba(0, 15, 16, .46) 100%), linear-gradient(0deg, rgba(0, 12, 13, .8), transparent 70%);
}

#hub-app.home-approved .home-now__copy,
#hub-app.home-approved .home-now__status { position: relative; z-index: 4; }
#hub-app.home-approved .home-now__copy { max-width: 445px; }
#hub-app.home-approved .home-now__copy > p:not(.home-kicker) { max-width: 430px; margin: 16px 0 18px; color: rgba(228, 242, 237, .8); font-size: 14px; line-height: 1.55; }
#hub-app.home-approved .home-now__status { justify-self: center; max-width: 390px; text-align: center; }
#hub-app.home-approved .home-now__calendar { display: grid; width: 48px; height: 48px; place-items: center; margin: 0 auto 15px; border: 1px solid rgba(99, 232, 188, .24); border-radius: 10px; background: rgba(7, 31, 31, .74); color: #eafff7; font-size: 21px; }
#hub-app.home-approved .home-now__status strong { display: block; font-size: 15px; line-height: 1.35; }
#hub-app.home-approved .home-now__status p { margin: 12px 0 0; color: rgba(225, 239, 234, .68); font-size: 12px; }

#hub-app.home-approved .home-gates {
  min-height: 590px;
}

#hub-app.home-approved .home-gates__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}

#hub-app.home-approved .home-gate:nth-child(n) {
  grid-column: auto;
  min-height: 330px;
}

#hub-app.home-approved .home-gate {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(40, 230, 165, .33);
  border-radius: 18px;
  color: #fff;
  background: #031719;
  isolation: isolate;
  transition: border-color .32s ease, box-shadow .32s ease, transform .32s ease;
}

#hub-app.home-approved .home-gate:hover,
#hub-app.home-approved .home-gate:focus-visible {
  border-color: rgba(37, 255, 181, .82);
  box-shadow: 0 16px 48px rgba(0, 0, 0, .32), 0 0 26px rgba(0, 242, 139, .1);
  transform: translateY(-3px);
}

#hub-app.home-approved .home-gate__photo,
#hub-app.home-approved .home-gate__texture,
#hub-app.home-approved .home-gate__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#hub-app.home-approved .home-gate__photo {
  z-index: -3;
  object-fit: cover;
  filter: saturate(.82) brightness(.8);
  transition: transform .45s ease, filter .45s ease;
}

#hub-app.home-approved .home-gate:hover .home-gate__photo,
#hub-app.home-approved .home-gate:focus-visible .home-gate__photo {
  transform: scale(1.035);
  filter: saturate(1) brightness(.92);
}

#hub-app.home-approved .home-gate__texture {
  z-index: -2;
  object-fit: cover;
  opacity: .08;
  mix-blend-mode: screen;
}

#hub-app.home-approved .home-gate__shade {
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 9, 10, .06) 9%, rgba(0, 12, 13, .34) 42%, rgba(0, 14, 15, .96) 100%);
}

#hub-app.home-approved .home-gate__icon {
  position: absolute;
  left: 18px;
  bottom: 122px;
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  border: 1px solid var(--home-green);
  border-radius: 8px;
  color: var(--home-green);
  background: rgba(0, 20, 19, .66);
  font-size: 18px;
}

#hub-app.home-approved .home-gate__copy {
  position: absolute;
  z-index: 4;
  inset: auto 17px 17px;
}

#hub-app.home-approved .home-gate__copy strong { display: block; font-size: clamp(18px, 1.55vw, 24px); line-height: 1.1; }
#hub-app.home-approved .home-gate__copy small { display: block; min-height: 38px; margin-top: 7px; color: rgba(236, 247, 243, .78); font-size: 12px; line-height: 1.42; }
#hub-app.home-approved .home-gate__copy b { display: flex; justify-content: space-between; margin-top: 12px; color: var(--home-green); font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
#hub-app.home-approved .home-gate__copy i { font-style: normal; transition: transform .3s ease; }
#hub-app.home-approved .home-gate:hover .home-gate__copy i { transform: translateX(5px); }

#hub-app.home-approved .home-pulse { padding-top: 0; }
#hub-app.home-approved .home-pulse__layout { display: grid; grid-template-columns: minmax(0, 7fr) minmax(270px, 3fr); gap: 20px; }
#hub-app.home-approved .home-pulse__feature,
#hub-app.home-approved .home-pulse__feed { min-height: 390px; overflow: hidden; border: 1px solid rgba(41, 229, 166, .26); border-radius: 20px; background: rgba(3, 24, 24, .88); }
#hub-app.home-approved .home-pulse__feature { position: relative; isolation: isolate; }
#hub-app.home-approved .home-pulse__photo,
#hub-app.home-approved .home-pulse__texture,
#hub-app.home-approved .home-pulse__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
#hub-app.home-approved .home-pulse__photo { z-index: -3; object-fit: cover; object-position: 58% center; filter: saturate(.8) brightness(.68); transition: transform .45s ease; }
#hub-app.home-approved .home-pulse__feature:hover .home-pulse__photo { transform: scale(1.025); }
#hub-app.home-approved .home-pulse__texture { z-index: -2; object-fit: cover; opacity: .1; mix-blend-mode: screen; }
#hub-app.home-approved .home-pulse__veil { z-index: -1; background: linear-gradient(90deg, rgba(0, 17, 18, .97) 0%, rgba(0, 16, 17, .78) 38%, rgba(0, 13, 14, .07) 74%); }
#hub-app.home-approved .home-pulse__feature > div { position: relative; z-index: 4; width: min(43%, 440px); padding: 38px; }
#hub-app.home-approved .home-pulse__feature p:not(.home-kicker) { color: rgba(232, 244, 239, .8); font-size: 14px; line-height: 1.5; }
#hub-app.home-approved .home-pulse__feed { padding: 30px 24px; }
#hub-app.home-approved .home-pulse__intro { margin: -5px 0 17px; color: rgba(226, 240, 235, .74); font-size: 12px; line-height: 1.45; }
#hub-app.home-approved .home-social { min-height: 65px; margin-top: 10px; padding: 9px 12px; border-color: rgba(68, 220, 170, .2); border-radius: 11px; background: rgba(0, 14, 16, .55); }
#hub-app.home-approved .home-social:hover { border-color: rgba(39, 245, 174, .55); background: rgba(9, 46, 39, .55); }
#hub-app.home-approved .home-social strong { font-size: 13px; }
#hub-app.home-approved .home-social small { font-size: 9px; }

#hub-app.home-approved .home-creators { padding-top: 72px; }
#hub-app.home-approved .home-creators__layout { display: grid; grid-template-columns: 35% minmax(0, 50%) 15%; gap: 20px; align-items: center; min-height: 420px; }
#hub-app.home-approved .home-creators__copy { padding: 26px 12px; }
#hub-app.home-approved .home-creators__copy > p:not(.home-kicker) { max-width: 390px; margin: 17px 0 0; color: rgba(228, 241, 236, .78); font-size: 14px; line-height: 1.55; }
#hub-app.home-approved .home-creators__stage { position: relative; min-height: 340px; overflow: hidden; border: 1px solid rgba(42, 229, 167, .26); border-radius: 18px; background: #031719; isolation: isolate; }
#hub-app.home-approved .home-creators__photo,
#hub-app.home-approved .home-creators__texture { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#hub-app.home-approved .home-creators__photo { z-index: -2; filter: saturate(.75) brightness(.65); transition: transform .45s ease, filter .45s ease; }
#hub-app.home-approved .home-creators__stage:hover .home-creators__photo { transform: scale(1.03); filter: saturate(.95) brightness(.78); }
#hub-app.home-approved .home-creators__texture { z-index: -1; opacity: .1; mix-blend-mode: screen; }
#hub-app.home-approved .home-creators__play { position: absolute; z-index: 4; left: 50%; top: 50%; display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid var(--home-green); border-radius: 50%; color: var(--home-green); background: rgba(0, 20, 20, .76); font-size: 24px; transform: translate(-50%, -50%); transition: box-shadow .3s ease, background .3s ease; }
#hub-app.home-approved .home-creators__stage:hover .home-creators__play { background: rgba(0, 46, 38, .9); box-shadow: 0 0 32px rgba(0, 241, 139, .22); }
#hub-app.home-approved .home-creators__mosaic { height: 340px; display: grid; grid-template-rows: repeat(3, 1fr); gap: 10px; }
#hub-app.home-approved .home-creators__mosaic img { width: 100%; height: 100%; min-height: 0; object-fit: cover; border: 1px solid rgba(42, 229, 167, .2); border-radius: 12px; filter: saturate(.65) brightness(.75); transition: filter .3s ease, transform .3s ease; }
#hub-app.home-approved .home-creators__mosaic img:hover { filter: saturate(.95) brightness(.92); transform: translateX(-2px); }

#hub-app.home-approved .home-world {
  width: 100%;
  min-height: 470px;
  margin-top: 72px;
  display: grid;
  grid-template-columns: minmax(320px, 30%) minmax(0, 70%);
  align-items: center;
  gap: 20px;
  padding: 32px max(32px, calc((100vw - 1380px) / 2));
  overflow: hidden;
  border-block: 1px solid rgba(49, 215, 165, .13);
  background: linear-gradient(90deg, #001315 0%, #011b1d 30%, #001012 100%);
}

#hub-app.home-approved .home-world__copy { z-index: 5; padding-right: 20px; }
#hub-app.home-approved .home-world__copy > p:not(.home-kicker) { margin: 17px 0 20px; color: rgba(227, 241, 236, .78); font-size: 14px; line-height: 1.55; }
#hub-app.home-approved .home-world__map { position: relative; align-self: stretch; min-height: 405px; overflow: hidden; isolation: isolate; }
#hub-app.home-approved .home-world__map::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg, #001719 0%, transparent 16%, transparent 84%, #001012 100%), radial-gradient(circle, transparent 35%, rgba(0, 11, 12, .52) 100%); pointer-events: none; }
#hub-app.home-approved .home-world__map > img { position: absolute; inset: 2% 0; width: 100%; height: 96%; object-fit: cover; object-position: center; opacity: .86; filter: saturate(.92) contrast(1.12) brightness(.76); }
#hub-app.home-approved .home-world__connections { position: absolute; inset: 8% 3%; z-index: 3; width: 94%; height: 84%; overflow: visible; pointer-events: none; }
#hub-app.home-approved .home-world__connections path { fill: none; stroke: rgba(35, 243, 177, .36); stroke-width: 1.1; stroke-dasharray: 4 7; vector-effect: non-scaling-stroke; animation: home-map-flow 16s linear infinite; }
#hub-app.home-approved .home-world__hotspots { position: absolute; inset: 0; z-index: 4; }
#hub-app.home-approved .home-map-hotspot { position: absolute; width: 11px; height: 11px; padding: 0; border: 1px solid #9affda; border-radius: 50%; background: var(--home-green); box-shadow: 0 0 0 6px rgba(0, 241, 139, .08), 0 0 18px rgba(0, 241, 139, .5); cursor: pointer; transform: translate(-50%, -50%); }
#hub-app.home-approved .home-map-hotspot span { position: absolute; left: 14px; top: -7px; width: max-content; max-width: 150px; padding: 5px 7px; border: 1px solid rgba(66, 224, 174, .22); border-radius: 6px; color: #dffff4; background: rgba(0, 20, 21, .88); font-size: 9px; opacity: 0; pointer-events: none; transform: translateY(4px); transition: opacity .25s ease, transform .25s ease; }
#hub-app.home-approved .home-map-hotspot:hover span,
#hub-app.home-approved .home-map-hotspot:focus-visible span,
#hub-app.home-approved .home-map-hotspot.selected span { opacity: 1; transform: translateY(0); }

#hub-app.home-approved .home-commerce { min-height: 520px; }
#hub-app.home-approved .home-commerce__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
#hub-app.home-approved .home-commerce__card { position: relative; min-height: 350px; overflow: hidden; border: 1px solid rgba(42, 228, 166, .3); border-radius: 20px; color: #fff; isolation: isolate; }
#hub-app.home-approved .home-commerce__photo,
#hub-app.home-approved .home-commerce__texture,
#hub-app.home-approved .home-commerce__card > span { position: absolute; inset: 0; width: 100%; height: 100%; }
#hub-app.home-approved .home-commerce__photo { z-index: -3; object-fit: cover; filter: saturate(.8) brightness(.7); transition: transform .45s ease, filter .45s ease; }
#hub-app.home-approved .home-commerce__texture { z-index: -2; object-fit: cover; opacity: .08; mix-blend-mode: screen; }
#hub-app.home-approved .home-commerce__card > span { z-index: -1; background: linear-gradient(90deg, rgba(0, 15, 16, .96) 0%, rgba(0, 15, 16, .7) 44%, rgba(0, 14, 15, .18) 76%); }
#hub-app.home-approved .home-commerce__card > div { position: relative; z-index: 4; width: min(48%, 360px); padding: 34px; }
#hub-app.home-approved .home-commerce__card h3 { margin: 0; font-size: clamp(21px, 1.8vw, 26px); line-height: 1.06; }
#hub-app.home-approved .home-commerce__card p:not(.home-kicker) { color: rgba(233, 245, 240, .78); font-size: 13px; line-height: 1.5; }
#hub-app.home-approved .home-commerce__card b { display: inline-flex; gap: 8px; margin-top: 10px; color: var(--home-green); font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }
#hub-app.home-approved .home-commerce__card i { font-style: normal; transition: transform .3s ease; }
#hub-app.home-approved .home-commerce__card:hover { border-color: rgba(39, 250, 179, .72); }
#hub-app.home-approved .home-commerce__card:hover .home-commerce__photo { transform: scale(1.03); filter: saturate(.95) brightness(.82); }
#hub-app.home-approved .home-commerce__card:hover i { transform: translateX(5px); }

#hub-app.home-approved .home-registration {
  position: relative;
  min-height: 500px;
  margin-top: 72px;
  display: grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
}

#hub-app.home-approved .home-registration__media,
#hub-app.home-approved .home-registration__veil { position: absolute; inset: 0; }
#hub-app.home-approved .home-registration__media { z-index: -3; }
#hub-app.home-approved .home-registration__veil { z-index: -2; background: linear-gradient(90deg, rgba(0, 13, 15, .72), rgba(0, 11, 12, .4), rgba(0, 13, 15, .72)), linear-gradient(0deg, rgba(0, 9, 11, .88), transparent 55%); }
#hub-app.home-approved .home-registration__content { position: relative; z-index: 5; width: min(760px, calc(100% - 64px)); text-align: center; }
#hub-app.home-approved .home-registration__content > p:not(.home-kicker) { margin: 16px auto 0; color: rgba(235, 247, 242, .82); font-size: 15px; }
#hub-app.home-approved .home-registration__content .home-actions { justify-content: center; }

#hub-app.home-approved .home-footer {
  width: min(1380px, calc(100% - 64px));
  min-height: 240px;
  margin: 0 auto;
  display: block;
  padding: 46px 0 30px;
  border-top: 0;
  background: transparent;
}

#hub-app.home-approved .home-footer__main { display: grid; grid-template-columns: 290px 1fr 150px; gap: 30px; align-items: center; padding-bottom: 36px; border-bottom: 1px solid rgba(66, 211, 163, .16); }
#hub-app.home-approved .home-footer__brand { display: flex; gap: 12px; align-items: center; color: #fff; text-decoration: none; }
#hub-app.home-approved .home-footer__brand img { width: 54px; height: 54px; object-fit: contain; }
#hub-app.home-approved .home-footer__brand strong { font-size: 15px; letter-spacing: .08em; }
#hub-app.home-approved .home-footer__brand strong span { display: block; margin-top: 4px; color: var(--home-green); font-size: 9px; letter-spacing: .3em; }
#hub-app.home-approved .home-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 23px; }
#hub-app.home-approved .home-footer nav a { color: rgba(233, 245, 240, .78); font-size: 11px; text-decoration: none; }
#hub-app.home-approved .home-footer nav a:hover { color: var(--home-green); }
#hub-app.home-approved .home-footer__main > p { margin: 0; padding-left: 28px; border-left: 1px solid rgba(80, 224, 175, .26); color: rgba(234, 245, 241, .72); font-size: 9px; line-height: 1.8; letter-spacing: .25em; text-transform: uppercase; }
#hub-app.home-approved .home-footer__legal { display: flex; justify-content: space-between; gap: 24px; padding-top: 22px; color: rgba(219, 235, 229, .5); font-size: 9px; }

#hub-app.home-approved.js-motion-ready [data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
#hub-app.home-approved.js-motion-ready [data-reveal].is-revealed { opacity: 1; transform: translateY(0); }

@keyframes home-map-flow { to { stroke-dashoffset: -88; } }

@media (max-width: 1279px) {
  #hub-app.home-final.home-approved { --home-pad: 28px; }
  #hub-app.home-approved .home-section { width: calc(100% - 56px); }
  #hub-app.home-approved .home-hero__content { margin-left: 28px; }
  #hub-app.home-approved .home-hero__aside { right: 28px; }
  #hub-app.home-approved .home-gates__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #hub-app.home-approved .home-gate:nth-child(n) { min-height: 320px; }
  #hub-app.home-approved .home-gate:last-child { grid-column: 1 / -1; width: calc(50% - 10px); justify-self: center; }
  #hub-app.home-approved .home-gates { min-height: 1080px; }
  #hub-app.home-approved .home-world { padding-inline: 28px; grid-template-columns: minmax(280px, 34%) minmax(0, 66%); }
  #hub-app.home-approved .home-creators__layout { grid-template-columns: 34% minmax(0, 48%) 18%; }
}

@media (max-width: 800px) {
  #hub-app.home-approved > .global-header { height: 68px; }
  #hub-app.home-approved .home-hero { min-height: 760px; display: block; }
  #hub-app.home-approved .home-hero__media video { object-position: 63% center; }
  #hub-app.home-approved .home-hero__veil { background: linear-gradient(90deg, rgba(0, 12, 12, .91), rgba(0, 12, 12, .4)), linear-gradient(0deg, #001012 0%, transparent 42%, rgba(0, 10, 11, .24) 100%); }
  #hub-app.home-approved .home-hero__content { width: min(560px, calc(100% - 56px)); min-height: 760px; padding: 130px 0 48px; }
  #hub-app.home-approved .home-hero__aside { display: none; }
  #hub-app.home-approved .home-now__empty { grid-template-columns: 1fr; align-content: end; min-height: 430px; padding: 30px; }
  #hub-app.home-approved .home-now__copy { max-width: 500px; }
  #hub-app.home-approved .home-now__status { position: absolute; right: 28px; top: 30px; max-width: 280px; }
  #hub-app.home-approved .home-pulse__layout { grid-template-columns: 1fr; }
  #hub-app.home-approved .home-pulse__feature > div { width: min(58%, 440px); }
  #hub-app.home-approved .home-pulse__feed { min-height: 0; }
  #hub-app.home-approved .home-creators__layout { grid-template-columns: 1fr; }
  #hub-app.home-approved .home-creators__copy { padding-inline: 0; }
  #hub-app.home-approved .home-creators__mosaic { height: 160px; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; }
  #hub-app.home-approved .home-world { grid-template-columns: 1fr; min-height: 670px; }
  #hub-app.home-approved .home-world__copy { text-align: left; }
  #hub-app.home-approved .home-world__map { min-height: 350px; }
  #hub-app.home-approved .home-commerce__grid { grid-template-columns: 1fr; }
  #hub-app.home-approved .home-commerce__card { min-height: 340px; }
  #hub-app.home-approved .home-footer__main { grid-template-columns: 1fr; }
  #hub-app.home-approved .home-footer nav { justify-content: flex-start; }
  #hub-app.home-approved .home-footer__main > p { padding: 0; border: 0; }
}

@media (max-width: 560px) {
  #hub-app.home-final.home-approved { --home-pad: 18px; }
  #hub-app.home-approved .home-section,
  #hub-app.home-approved .home-footer { width: calc(100% - 36px); }
  #hub-app.home-approved .home-section { padding-top: 64px; }
  #hub-app.home-approved .home-hero { min-height: 780px; }
  #hub-app.home-approved .home-hero__content { width: calc(100% - 36px); min-height: 780px; margin-left: 18px; padding-top: 112px; justify-content: flex-end; }
  #hub-app.home-approved .home-hero h1 { font-size: clamp(39px, 12vw, 48px); }
  #hub-app.home-approved .home-hero__lead { max-width: 420px; }
  #hub-app.home-approved .home-actions { display: flex; width: auto; }
  #hub-app.home-approved .home-actions .home-button { flex: 1 1 210px; }
  #hub-app.home-approved .home-hero__principles { gap: 14px; justify-content: space-between; }
  #hub-app.home-approved .home-hero__principles li { grid-template-columns: 22px auto; }
  #hub-app.home-approved .home-hero__principles li > span { font-size: 20px; }
  #hub-app.home-approved .home-hero__principles small { display: none; }
  #hub-app.home-approved .home-now { padding-top: 0; }
  #hub-app.home-approved .home-now__empty { min-height: 500px; padding: 24px; }
  #hub-app.home-approved .home-now__media img { object-position: 63% center; }
  #hub-app.home-approved .home-now__status { position: static; justify-self: stretch; order: -1; margin-bottom: 60px; }
  #hub-app.home-approved .home-now__calendar { width: 40px; height: 40px; }
  #hub-app.home-approved .home-section__heading { align-items: flex-start; }
  #hub-app.home-approved .home-section__heading > p { display: none; }
  #hub-app.home-approved .home-gates__grid { grid-template-columns: 1fr; }
  #hub-app.home-approved .home-gate:nth-child(n),
  #hub-app.home-approved .home-gate:last-child { grid-column: auto; width: 100%; min-height: 330px; }
  #hub-app.home-approved .home-gates { min-height: 0; }
  #hub-app.home-approved .home-pulse { padding-top: 64px; }
  #hub-app.home-approved .home-pulse__feature { min-height: 440px; }
  #hub-app.home-approved .home-pulse__photo { object-position: 66% center; }
  #hub-app.home-approved .home-pulse__feature > div { width: 82%; padding: 28px; }
  #hub-app.home-approved .home-creators__stage { min-height: 330px; }
  #hub-app.home-approved .home-world { margin-top: 64px; padding: 54px 18px 28px; }
  #hub-app.home-approved .home-world__map { width: calc(100% + 36px); margin-left: -18px; }
  #hub-app.home-approved .home-map-hotspot span { display: none; }
  #hub-app.home-approved .home-commerce__card > div { width: 72%; padding: 26px; }
  #hub-app.home-approved .home-registration { min-height: 500px; margin-top: 64px; }
  #hub-app.home-approved .home-registration__content { width: calc(100% - 36px); }
  #hub-app.home-approved .home-footer { min-height: 260px; }
  #hub-app.home-approved .home-footer__legal { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  #hub-app.home-approved.js-motion-ready [data-reveal] { opacity: 1; transform: none; transition: none; }
  #hub-app.home-approved .home-world__connections path { animation: none; }
  #hub-app.home-approved [data-parallax] video,
  #hub-app.home-approved [data-parallax] img { transform: none; transition: none; }
}

/* END HOME APPROVED MOCKUP CONTRACT */













/* HOME DOBRA 01 FINAL START */

/* ==========================================================
   DOBRA 01 — REGRA MESTRA
   referência: hero compacto, cinematográfico e sem espaço morto
   ========================================================== */

#hub-app.home-approved > .global-header {
  height: 72px !important;
  min-height: 72px !important;
}

/* ==========================================================
   HERO
   ========================================================== */

#hub-app.home-approved .home-hero {
  position: relative !important;
  width: 100% !important;

  height: 530px !important;
  min-height: 530px !important;
  max-height: 530px !important;

  display: block !important;
  overflow: hidden !important;
  isolation: isolate;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: #001012 !important;
}

/* ==========================================================
   IMAGEM / VIDEO
   ========================================================== */

#hub-app.home-approved .home-hero__media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;

  width: 100% !important;
  height: 100% !important;

  overflow: hidden !important;
}

#hub-app.home-approved .home-hero__media video {
  position: absolute !important;

  width: 100% !important;
  height: 100% !important;

  left: 0 !important;
  top: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: cover !important;

  /*
     Referência:
     jogador dominante centro-direita
     estádio permanece legível
  */
  object-position: 66% 52% !important;

  transform: scale(1.015);

  filter:
    brightness(.86)
    contrast(1.09)
    saturate(.96) !important;
}

/* ==========================================================
   OVERLAY
   ========================================================== */

#hub-app.home-approved .home-hero__veil {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;

  background:

    linear-gradient(
      90deg,
      rgba(0,10,11,.97) 0%,
      rgba(0,10,11,.92) 18%,
      rgba(0,10,11,.72) 35%,
      rgba(0,10,11,.28) 56%,
      rgba(0,8,9,.08) 76%,
      rgba(0,8,9,.25) 100%
    ),

    linear-gradient(
      0deg,
      rgba(0,10,11,.82) 0%,
      rgba(0,10,11,.20) 26%,
      transparent 55%,
      rgba(0,9,10,.10) 100%
    ) !important;
}

/* ==========================================================
   CONTEÚDO PRINCIPAL
   ========================================================== */

#hub-app.home-approved .home-hero__content {
  position: relative !important;
  z-index: 5 !important;

  width: min(535px, 40vw) !important;
  height: 530px !important;
  min-height: 530px !important;

  margin: 0 !important;
  margin-left: max(
    32px,
    calc((100vw - 1380px) / 2)
  ) !important;

  padding: 48px 0 28px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;

  box-sizing: border-box;
}

/* kicker */
#hub-app.home-approved .home-hero .home-kicker {
  margin: 0 0 12px !important;

  font-size: 11px !important;
  line-height: 1 !important;

  font-weight: 800 !important;
  letter-spacing: .24em !important;

  color: #00f18b !important;
}

/* título */
#hub-app.home-approved .home-hero h1 {
  width: 100% !important;
  max-width: 510px !important;

  margin: 0 !important;

  font-size: 52px !important;
  line-height: .96 !important;

  letter-spacing: -.038em !important;
  font-weight: 800 !important;

  color: #f5fbf8 !important;
}

/* subtítulo */
#hub-app.home-approved .home-hero__lead {
  width: 100% !important;
  max-width: 495px !important;

  margin: 16px 0 0 !important;

  font-size: 16px !important;
  line-height: 1.38 !important;

  color: rgba(241,249,246,.90) !important;
}

/* ==========================================================
   CTAs
   ========================================================== */

#hub-app.home-approved .home-hero .home-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;

  gap: 12px !important;

  width: auto !important;

  margin: 20px 0 0 !important;
}

#hub-app.home-approved .home-hero .home-button {
  min-width: 0 !important;

  height: 48px !important;
  min-height: 48px !important;

  padding: 0 24px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  font-size: 13px !important;
  line-height: 1 !important;

  letter-spacing: .08em !important;
  font-weight: 800 !important;

  white-space: nowrap;
}

#hub-app.home-approved .home-hero .home-button--primary {
  background: #00f18b !important;
  color: #00100d !important;
}

#hub-app.home-approved .home-hero .home-button--ghost {
  border: 1px solid rgba(111,247,201,.65) !important;
  background: rgba(0,17,18,.38) !important;
  color: #f1faf6 !important;
  backdrop-filter: blur(7px);
}

/* ==========================================================
   PRINCÍPIOS — BASE DO HERO
   ========================================================== */

#hub-app.home-approved .home-hero__principles {
  width: 500px !important;
  max-width: 100% !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;

  gap: 24px !important;

  margin: 24px 0 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

#hub-app.home-approved .home-hero__principles li {
  min-width: 0 !important;

  display: grid !important;
  grid-template-columns: 28px minmax(0,1fr) !important;
  grid-template-rows: auto auto !important;

  column-gap: 8px !important;

  align-items: center;
}

#hub-app.home-approved .home-hero__principles li > span {
  grid-row: 1 / 3 !important;

  font-size: 26px !important;
  line-height: 1 !important;

  color: #00f18b !important;
}

#hub-app.home-approved .home-hero__principles strong {
  display: block !important;

  font-size: 10px !important;
  line-height: 1.15 !important;

  color: #f4faf7 !important;
}

#hub-app.home-approved .home-hero__principles small {
  display: block !important;

  margin-top: 3px !important;

  font-size: 8px !important;
  line-height: 1.25 !important;

  color: rgba(226,239,234,.72) !important;
}

/* ==========================================================
   FRASE LATERAL
   ========================================================== */

#hub-app.home-approved .home-hero__aside {
  display: block !important;

  position: absolute !important;
  z-index: 5 !important;

  top: 50% !important;
  right: max(
    38px,
    calc((100vw - 1380px) / 2)
  ) !important;

  transform: translateY(-32%) !important;

  width: 150px !important;

  margin: 0 !important;

  color: rgba(241,250,247,.88) !important;

  font-size: 10px !important;
  line-height: 1.75 !important;

  letter-spacing: .31em !important;
  font-weight: 600 !important;
}

/* pequeno traço verde da referência */
#hub-app.home-approved .home-hero__aside::after {
  content: "" !important;

  display: block;

  width: 31px;
  height: 2px;

  margin-top: 14px;

  background: #00f18b;
}

/* ==========================================================
   TRANSIÇÃO DOBRA 01 -> DOBRA 02
   ZERO ESPAÇO MORTO
   ========================================================== */

#hub-app.home-approved .home-now {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#hub-app.home-approved .home-now__empty {
  margin-top: 0 !important;
}

/* garante que regra genérica de section não crie distância */
#hub-app.home-approved .home-section.home-now {
  padding-top: 0 !important;
}

/* ==========================================================
   DESKTOP LARGO
   ========================================================== */

@media (min-width: 1500px) {

  #hub-app.home-approved .home-hero,
  #hub-app.home-approved .home-hero__content {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;
  }

  #hub-app.home-approved .home-hero__content {
    width: 555px !important;
  }

  #hub-app.home-approved .home-hero h1 {
    font-size: 56px !important;
  }
}

/* ==========================================================
   NOTEBOOK
   ========================================================== */

@media (min-width: 1100px) and (max-width: 1366px) {

  #hub-app.home-approved .home-hero,
  #hub-app.home-approved .home-hero__content {
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
  }

  #hub-app.home-approved .home-hero__content {
    width: 480px !important;
  }

  #hub-app.home-approved .home-hero h1 {
    font-size: 46px !important;
  }

  #hub-app.home-approved .home-hero__lead {
    font-size: 14px !important;
  }
}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1099px) {

  #hub-app.home-approved .home-hero {
    height: 620px !important;
    min-height: 620px !important;
    max-height: none !important;
  }

  #hub-app.home-approved .home-hero__content {
    width: min(520px, calc(100% - 56px)) !important;

    height: 620px !important;
    min-height: 620px !important;

    margin-left: 28px !important;

    padding-top: 100px !important;
  }

  #hub-app.home-approved .home-hero__media video {
    object-position: 64% center !important;
  }

  #hub-app.home-approved .home-hero__aside {
    display: none !important;
  }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 699px) {

  #hub-app.home-approved > .global-header {
    height: 68px !important;
  }

  #hub-app.home-approved .home-hero {
    height: 650px !important;
    min-height: 650px !important;
  }

  #hub-app.home-approved .home-hero__content {
    width: calc(100% - 40px) !important;

    height: 650px !important;
    min-height: 650px !important;

    margin-left: 20px !important;

    padding-top: 82px !important;
    padding-bottom: 26px !important;
  }

  #hub-app.home-approved .home-hero h1 {
    font-size: clamp(40px, 12vw, 50px) !important;
  }

  #hub-app.home-approved .home-hero__lead {
    font-size: 15px !important;
  }

  #hub-app.home-approved .home-hero .home-actions {
    width: 100% !important;
  }

  #hub-app.home-approved .home-hero .home-button {
    flex: 1 1 0 !important;
    padding-inline: 14px !important;
  }

  #hub-app.home-approved .home-hero__principles {
    width: 100% !important;
    gap: 10px !important;
  }

  #hub-app.home-approved .home-hero__principles small {
    display: none !important;
  }
}

/* HOME DOBRA 01 FINAL END */


/* HOME FIRST FOLD FINAL START */

/* ==========================================================
   PRIMEIRA DOBRA — CAPA APROVADA
   ========================================================== */

#hub-app.home-approved > .global-header {
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    position: relative !important;

    background:
        rgba(0,14,16,.97) !important;

    border-bottom:
        1px solid rgba(0,239,145,.12) !important;
}


/* HERO MAIS BAIXO E COMPACTO */

#hub-app.home-approved .home-hero {
    position: relative !important;

    width: 100% !important;

    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    display: block !important;

    background: #001012 !important;
}


/* VIDEO */

#hub-app.home-approved .home-hero__media {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;

    z-index: -3 !important;
}

#hub-app.home-approved .home-hero__media video {
    position: absolute !important;

    width: 112% !important;
    height: 112% !important;

    left: -6% !important;
    top: -6% !important;

    margin: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform:
        translateX(5%)
        scale(1.02) !important;

    filter:
        brightness(.72)
        contrast(1.08)
        saturate(.88) !important;
}


/* OVERLAY MAIS FORTE NA ESQUERDA */

#hub-app.home-approved .home-hero__veil {
    position: absolute !important;

    inset: 0 !important;

    z-index: -2 !important;

    background:

        linear-gradient(
            90deg,
            rgba(0,8,10,.98) 0%,
            rgba(0,9,11,.94) 22%,
            rgba(0,10,12,.74) 39%,
            rgba(0,11,12,.32) 58%,
            rgba(0,10,11,.10) 78%,
            rgba(0,8,9,.16) 100%
        ),

        linear-gradient(
            0deg,
            rgba(0,10,11,.82) 0%,
            transparent 38%
        ) !important;
}


/* CONTEUDO SOBE */

#hub-app.home-approved .home-hero__content {
    position: relative !important;

    z-index: 5 !important;

    width: 620px !important;
    max-width: 620px !important;

    height: 500px !important;
    min-height: 500px !important;

    margin-left:
        max(
            32px,
            calc((100vw - 1380px) / 2)
        ) !important;

    padding:
        54px 0 24px !important;

    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}


/* KICKER */

#hub-app.home-approved
.home-hero .home-kicker {
    margin:
        0 0 12px !important;

    color:
        #00ef91 !important;

    font-size:
        10px !important;

    font-weight:
        800 !important;

    letter-spacing:
        .27em !important;
}


/* TITULO — DUAS LINHAS, SEM EXAGERO */

#hub-app.home-approved
.home-hero h1 {
    width:
        470px !important;

    max-width:
        470px !important;

    margin:
        0 !important;

    color:
        #f4faf8 !important;

    font-size:
        40px !important;

    line-height:
        .98 !important;

    font-weight:
        760 !important;

    letter-spacing:
        -.035em !important;
}


/* SUBTEXTO */

#hub-app.home-approved
.home-hero__lead {
    width:
        500px !important;

    max-width:
        500px !important;

    margin:
        14px 0 0 !important;

    color:
        rgba(236,247,243,.84) !important;

    font-size:
        14px !important;

    line-height:
        1.42 !important;
}


/* BOTOES */

#hub-app.home-approved
.home-hero .home-actions {
    margin:
        19px 0 0 !important;

    display:
        flex !important;

    gap:
        12px !important;
}

#hub-app.home-approved
.home-hero .home-button {
    height:
        43px !important;

    min-height:
        43px !important;

    padding:
        0 22px !important;

    font-size:
        11px !important;

    border-radius:
        999px !important;
}


/* PRINCIPIOS */

#hub-app.home-approved
.home-hero__principles {
    width:
        565px !important;

    margin:
        23px 0 0 !important;

    padding:
        0 !important;

    display:
        grid !important;

    grid-template-columns:
        repeat(3, 1fr) !important;

    gap:
        18px !important;
}

#hub-app.home-approved
.home-hero__principles li {
    display:
        grid !important;

    grid-template-columns:
        26px auto !important;

    grid-template-rows:
        auto auto !important;

    column-gap:
        8px !important;
}

#hub-app.home-approved
.home-hero__principles li > span {
    grid-row:
        1 / 3 !important;

    font-size:
        21px !important;

    color:
        #00ef91 !important;
}

#hub-app.home-approved
.home-hero__principles strong {
    font-size:
        10px !important;
}

#hub-app.home-approved
.home-hero__principles small {
    display:
        block !important;

    margin-top:
        2px !important;

    font-size:
        8px !important;

    color:
        rgba(224,239,234,.62) !important;
}


/* FRASE DIREITA */

#hub-app.home-approved
.home-hero__aside {
    position:
        absolute !important;

    right:
        max(
            34px,
            calc((100vw - 1380px) / 2)
        ) !important;

    top:
        50% !important;

    width:
        130px !important;

    margin:
        0 !important;

    transform:
        translateY(-42%) !important;

    color:
        rgba(244,250,248,.86) !important;

    font-size:
        9px !important;

    line-height:
        1.75 !important;

    letter-spacing:
        .32em !important;
}


/* PRIMEIRA E SEGUNDA DOBRA QUASE COLADAS */

#hub-app.home-approved
.home-hero + .home-now {
    margin-top:
        0 !important;

    padding-top:
        10px !important;
}


/* NÃO MOSTRAR SCROLL DECORATIVO DO HERO */

#hub-app.home-approved
.home-hero__scroll {
    display:
        none !important;
}


/* MOBILE */

@media (max-width: 800px) {

    #hub-app.home-approved .home-hero {
        height: auto !important;
        min-height: 640px !important;
        max-height: none !important;
    }

    #hub-app.home-approved .home-hero__content {
        width: calc(100% - 36px) !important;
        height: auto !important;
        min-height: 640px !important;
        margin-left: 18px !important;
        padding-top: 90px !important;
    }

    #hub-app.home-approved .home-hero h1 {
        width: auto !important;
        max-width: 420px !important;
        font-size: 34px !important;
    }

    #hub-app.home-approved .home-hero__lead {
        width: auto !important;
        max-width: 420px !important;
    }

    #hub-app.home-approved .home-hero__aside {
        display: none !important;
    }
}

/* HOME FIRST FOLD FINAL END */











/* HOME SECOND FOLD GATES START */

/* ==========================================================
   SEGUNDA DOBRA
   CINCO PORTAS. UM SO FUTEBOL.
   PRIMEIRA DOBRA INTACTA
   ========================================================== */

#hub-app.home-approved .home-gates {
    position: relative !important;

    width: min(1380px, calc(100% - 64px)) !important;

    margin: 0 auto !important;

    padding: 28px 0 34px !important;

    background: transparent !important;
}


/* CABECALHO DA DOBRA */

#hub-app.home-approved .home-gates__head {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(280px, 430px) !important;

    gap: 40px !important;

    align-items: end !important;

    margin: 0 0 20px !important;
}


#hub-app.home-approved .home-gates .home-kicker {
    margin: 0 0 8px !important;

    color: #00ef91 !important;

    font-size: 9px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .24em !important;
}


#hub-app.home-approved .home-gates h2 {
    margin: 0 !important;

    color: #f3faf7 !important;

    font-size: clamp(28px, 2.2vw, 36px) !important;

    line-height: 1.02 !important;

    font-weight: 720 !important;

    letter-spacing: -.035em !important;
}


#hub-app.home-approved .home-gates__head > p,
#hub-app.home-approved .home-gates__intro {
    margin: 0 !important;

    max-width: 430px !important;

    justify-self: end !important;

    color: rgba(224,239,234,.58) !important;

    font-size: 12px !important;

    line-height: 1.45 !important;

    text-align: right !important;
}


/* ==========================================================
   CINCO CARTOES
   ========================================================== */

#hub-app.home-approved .home-gates__grid {
    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 0 !important;
}


/* CARTAO */

#hub-app.home-approved .home-gate {
    position: relative !important;

    display: block !important;

    height: 292px !important;
    min-height: 292px !important;

    margin: 0 !important;

    overflow: hidden !important;

    border-radius: 18px !important;

    border:
        1px solid rgba(255,255,255,.09) !important;

    background:
        rgba(0,14,15,.80) !important;

    box-shadow:
        0 16px 36px rgba(0,0,0,.22) !important;

    isolation: isolate !important;

    text-decoration: none !important;

    transform: translateZ(0) !important;

    transition:
        transform .38s ease,
        border-color .38s ease,
        box-shadow .38s ease !important;
}


/* ==========================================================
   IMAGEM CORRETA DA HOME
   A TEXTURA / PROMOTION PASSA A SER A IMAGEM PRINCIPAL
   ========================================================== */

#hub-app.home-approved .home-gate__photo {
    opacity: 0 !important;
}


#hub-app.home-approved .home-gate__texture {
    position: absolute !important;

    inset: 0 !important;

    z-index: -3 !important;

    width: 100% !important;
    height: 100% !important;

    opacity: 1 !important;

    object-fit: cover !important;
    object-position: center !important;

    transform: scale(1.015) !important;

    filter:
        brightness(.72)
        contrast(1.06)
        saturate(.96) !important;

    transition:
        transform .48s ease,
        filter .48s ease !important;
}


/* SOMBRA EDITORIAL */

#hub-app.home-approved .home-gate::before {
    content: '' !important;

    position: absolute !important;

    inset: 0 !important;

    z-index: -2 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,12,13,.06) 0%,
            rgba(0,12,13,.10) 36%,
            rgba(0,12,13,.74) 76%,
            rgba(0,10,11,.94) 100%
        ) !important;
}


/* SUTIL PROFUNDIDADE VERDE */

#hub-app.home-approved .home-gate::after {
    content: '' !important;

    position: absolute !important;

    left: 16px !important;
    right: 16px !important;
    bottom: 0 !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(0,239,145,.70),
            transparent
        ) !important;

    opacity: .55 !important;

    pointer-events: none !important;
}


/* ==========================================================
   TEXTO DO CARTAO
   ========================================================== */

#hub-app.home-approved .home-gate__content,
#hub-app.home-approved .home-gate__body {
    position: absolute !important;

    left: 18px !important;
    right: 18px !important;
    bottom: 17px !important;

    z-index: 4 !important;

    margin: 0 !important;
    padding: 0 !important;
}


#hub-app.home-approved .home-gate h3 {
    margin: 0 0 5px !important;

    color: #f6fbf9 !important;

    font-size: 19px !important;

    line-height: 1.05 !important;

    font-weight: 720 !important;

    letter-spacing: -.02em !important;
}


#hub-app.home-approved .home-gate p {
    margin: 0 !important;

    color: rgba(229,239,236,.65) !important;

    font-size: 10px !important;

    line-height: 1.35 !important;
}


/* LABEL / NUMERO / SETA */

#hub-app.home-approved .home-gate__label,
#hub-app.home-approved .home-gate__eyebrow {
    margin: 0 0 7px !important;

    color: #00ef91 !important;

    font-size: 8px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .16em !important;
}


#hub-app.home-approved .home-gate__arrow {
    color: #00ef91 !important;

    font-size: 15px !important;
}


/* ==========================================================
   INTERACAO
   IMERSAO SUAVE, SEM EXAGERO
   ========================================================== */

#hub-app.home-approved .home-gate:hover {
    transform:
        translateY(-5px)
        scale(1.018) !important;

    border-color:
        rgba(0,239,145,.34) !important;

    box-shadow:
        0 22px 48px rgba(0,0,0,.33),
        0 0 26px rgba(0,239,145,.045) !important;
}


#hub-app.home-approved .home-gate:hover .home-gate__texture {
    transform:
        scale(1.045) !important;

    filter:
        brightness(.82)
        contrast(1.07)
        saturate(1.04) !important;
}


/* ==========================================================
   PROXIMA DOBRA
   SEM BURACO ENTRE SECOES
   ========================================================== */

#hub-app.home-approved .home-gates + .home-section {
    margin-top: 0 !important;
}


/* NOTEBOOK */

@media
(max-width: 1100px)
and
(min-width: 701px) {

    #hub-app.home-approved .home-gates {
        width:
            calc(100% - 48px) !important;
    }

    #hub-app.home-approved .home-gates__grid {
        grid-template-columns:
            repeat(5, minmax(150px, 1fr)) !important;

        overflow-x:
            auto !important;

        padding-bottom:
            8px !important;
    }
}


/* MOBILE */

@media (max-width: 700px) {

    #hub-app.home-approved .home-gates {
        width:
            calc(100% - 30px) !important;

        padding-top:
            26px !important;
    }

    #hub-app.home-approved .home-gates__head {
        grid-template-columns:
            1fr !important;

        gap:
            12px !important;
    }

    #hub-app.home-approved .home-gates__head > p,
    #hub-app.home-approved .home-gates__intro {
        justify-self:
            start !important;

        text-align:
            left !important;
    }

    #hub-app.home-approved .home-gates__grid {
        grid-template-columns:
            1fr !important;

        gap:
            12px !important;
    }

    #hub-app.home-approved .home-gate {
        height:
            240px !important;

        min-height:
            240px !important;
    }
}

/* HOME SECOND FOLD GATES END */








/* HOME INTERACTIVE ROOMS START */

/* ==========================================================
   CINCO SALAS VIVAS
   COMPACTAS + IMAGEM + VIDEO + CLICK TOTAL
   ========================================================== */

#hub-app.home-approved .home-gates {
    padding-top: 14px !important;
    padding-bottom: 22px !important;
}


/* CABECALHO MAIS COMPACTO */

#hub-app.home-approved .home-gates__head {
    margin-bottom: 14px !important;
}

#hub-app.home-approved .home-gates h2 {
    font-size: 30px !important;
    line-height: 1 !important;
}


/* ==========================================================
   CINCO SALAS NA MESMA LINHA
   ========================================================== */

#hub-app.home-approved .home-gates__grid {
    display: grid !important;

    grid-template-columns:
        repeat(5, minmax(0, 1fr)) !important;

    gap: 10px !important;

    width: 100% !important;

    align-items: stretch !important;
}


/* TODAS IGUAIS - INCLUSIVE STORE */

#hub-app.home-approved .home-gate,
#hub-app.home-approved .home-gate--partidas,
#hub-app.home-approved .home-gate--canais,
#hub-app.home-approved .home-gate--lives,
#hub-app.home-approved .home-gate--mercado,
#hub-app.home-approved .home-gate--store {
    position: relative !important;

    grid-column: auto !important;
    grid-row: auto !important;

    width: 100% !important;
    max-width: none !important;

    height: 214px !important;
    min-height: 214px !important;
    max-height: 214px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 15px !important;

    border:
        1px solid rgba(117,213,178,.17) !important;

    background:
        #001516 !important;

    cursor: pointer !important;

    isolation: isolate !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.22) !important;

    transform:
        translateZ(0) !important;

    transition:
        transform .34s ease,
        border-color .34s ease,
        box-shadow .34s ease !important;
}


/* ==========================================================
   IMAGEM BASE
   ========================================================== */

#hub-app.home-approved .home-gate__photo {
    display: none !important;
}

#hub-app.home-approved .home-gate__texture {
    position: absolute !important;

    inset: 0 !important;

    z-index: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    opacity: 1 !important;

    filter:
        brightness(.68)
        contrast(1.06)
        saturate(.94) !important;

    transform:
        scale(1.01) !important;

    transition:
        transform .6s cubic-bezier(.2,.7,.2,1),
        filter .5s ease !important;
}


/* ==========================================================
   VIDEO
   FICA SOBRE A IMAGEM MAS SO ENTRA QUANDO A SALA ATIVA
   ========================================================== */

#hub-app.home-approved .home-gate__video {
    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    opacity: 0 !important;

    pointer-events: none !important;

    filter:
        brightness(.72)
        contrast(1.05)
        saturate(.97) !important;

    transform:
        scale(1.025) !important;

    transition:
        opacity .55s ease,
        transform .8s cubic-bezier(.2,.7,.2,1) !important;
}


#hub-app.home-approved
.home-gate.is-video-active
.home-gate__video {
    opacity: 1 !important;

    transform:
        scale(1.055) !important;
}


/* ==========================================================
   SOMBRA CINEMATOGRAFICA
   ========================================================== */

#hub-app.home-approved .home-gate::before {
    content: '' !important;

    position: absolute !important;

    inset: 0 !important;

    z-index: 2 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,8,9,.05) 0%,
            rgba(0,10,11,.10) 28%,
            rgba(0,11,12,.42) 58%,
            rgba(0,10,11,.95) 100%
        ) !important;
}


/* LINHA DE LUZ INFERIOR */

#hub-app.home-approved .home-gate::after {
    content: '' !important;

    position: absolute !important;

    left: 16px !important;
    right: 16px !important;
    bottom: 0 !important;

    z-index: 5 !important;

    height: 1px !important;

    pointer-events: none !important;

    opacity: .52 !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(0,239,145,.82),
            transparent
        ) !important;

    transform:
        scaleX(.48) !important;

    transition:
        transform .4s ease,
        opacity .4s ease !important;
}


/* ==========================================================
   CONTEUDO
   ========================================================== */

#hub-app.home-approved .home-gate__content,
#hub-app.home-approved .home-gate__body {
    position: absolute !important;

    left: 15px !important;
    right: 15px !important;
    bottom: 13px !important;

    z-index: 4 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ICONE */

#hub-app.home-approved .home-gate__icon {
    width: 34px !important;
    height: 34px !important;

    margin: 0 0 10px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 9px !important;

    background:
        rgba(0,16,17,.52) !important;

    border:
        1px solid rgba(0,239,145,.62) !important;

    backdrop-filter:
        blur(7px) !important;
}


/* TITULO */

#hub-app.home-approved .home-gate h3 {
    margin: 0 0 5px !important;

    color: #f7fbf9 !important;

    font-size: 17px !important;
    line-height: 1.05 !important;

    font-weight: 720 !important;

    letter-spacing: -.025em !important;

    transform:
        translateY(0) !important;

    transition:
        transform .35s ease !important;
}


/* DESCRICAO */

#hub-app.home-approved .home-gate p {
    margin: 0 !important;

    color:
        rgba(229,240,236,.72) !important;

    font-size: 9px !important;
    line-height: 1.35 !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;

    overflow: hidden !important;
}


/* EXPLORAR */

#hub-app.home-approved .home-gate__label,
#hub-app.home-approved .home-gate__eyebrow {
    color: #00ef91 !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    letter-spacing: .13em !important;
}


#hub-app.home-approved .home-gate__arrow {
    color: #00ef91 !important;
}


/* ==========================================================
   INTERACAO
   ========================================================== */

#hub-app.home-approved .home-gate:hover,
#hub-app.home-approved .home-gate:focus-visible {
    transform:
        translateY(-4px)
        scale(1.012) !important;

    border-color:
        rgba(0,239,145,.48) !important;

    box-shadow:
        0 20px 44px rgba(0,0,0,.34),
        0 0 25px rgba(0,239,145,.055) !important;

    outline: none !important;
}


#hub-app.home-approved
.home-gate:hover::after,
#hub-app.home-approved
.home-gate:focus-visible::after {
    opacity: .95 !important;

    transform:
        scaleX(1) !important;
}


#hub-app.home-approved
.home-gate:hover
.home-gate__texture {
    transform:
        scale(1.045) !important;

    filter:
        brightness(.78)
        contrast(1.06)
        saturate(1.02) !important;
}


#hub-app.home-approved
.home-gate:hover h3 {
    transform:
        translateY(-2px) !important;
}


/* ==========================================================
   DESKTOP MENOR
   ========================================================== */

@media
(max-width: 1180px)
and
(min-width: 701px) {

    #hub-app.home-approved .home-gates__grid {
        grid-template-columns:
            repeat(5, 210px) !important;

        overflow-x:
            auto !important;

        overscroll-behavior-inline:
            contain !important;

        scroll-snap-type:
            x proximity !important;

        padding-bottom:
            8px !important;
    }

    #hub-app.home-approved .home-gate {
        scroll-snap-align:
            start !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 700px) {

    #hub-app.home-approved .home-gates__grid {
        display: grid !important;

        grid-template-columns:
            82vw 82vw 82vw 82vw 82vw !important;

        gap:
            10px !important;

        overflow-x:
            auto !important;

        scroll-snap-type:
            x mandatory !important;
    }

    #hub-app.home-approved .home-gate {
        height:
            210px !important;

        min-height:
            210px !important;

        scroll-snap-align:
            center !important;
    }
}


/* ACESSIBILIDADE */

@media (prefers-reduced-motion: reduce) {

    #hub-app.home-approved .home-gate,
    #hub-app.home-approved .home-gate__texture,
    #hub-app.home-approved .home-gate__video {
        transition:
            none !important;
    }
}

/* HOME INTERACTIVE ROOMS END */


/* HOME PULSE CENTRAL VIVA START */

/* ==========================================================
   PULSE + CENTRAL VIVA
   70 / 30
   ========================================================== */

#hub-app.home-approved .home-pulse {
    position: relative !important;

    width: min(1380px, calc(100% - 64px)) !important;

    margin: 0 auto !important;

    padding: 18px 0 24px !important;
}


/* SEM BURACO ENTRE CINCO SALAS E PULSE */

#hub-app.home-approved
.home-gates + .home-pulse {
    margin-top: 0 !important;
}


/* ==========================================================
   LAYOUT
   ========================================================== */

#hub-app.home-approved .home-pulse__layout {
    display: grid !important;

    grid-template-columns:
        minmax(0, 2.18fr)
        minmax(290px, .82fr) !important;

    gap: 12px !important;

    align-items: stretch !important;

    width: 100% !important;

    margin: 0 !important;
}


/* ==========================================================
   PAINEL EDITORIAL
   ========================================================== */

#hub-app.home-approved .home-pulse__feature {
    position: relative !important;

    height: 292px !important;
    min-height: 292px !important;

    margin: 0 !important;

    overflow: hidden !important;

    border-radius: 18px !important;

    border:
        1px solid rgba(91,205,165,.18) !important;

    background:
        #001415 !important;

    isolation: isolate !important;

    box-shadow:
        0 16px 38px rgba(0,0,0,.26) !important;

    transition:
        transform .38s ease,
        border-color .38s ease,
        box-shadow .38s ease !important;
}


/* REMOVE A IMAGEM ANTIGA DE STORE */

#hub-app.home-approved
.home-pulse__feature .home-pulse__photo {
    display: none !important;
}


/* POSTER CORRETO DO PULSE */

#hub-app.home-approved .home-pulse__texture {
    position: absolute !important;

    inset: 0 !important;

    z-index: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    opacity: 1 !important;

    filter:
        brightness(.65)
        contrast(1.06)
        saturate(.94) !important;

    transform:
        scale(1.015) !important;

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1),
        filter .55s ease !important;
}


/* VIDEO */

#hub-app.home-approved .home-pulse__video {
    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    opacity: 0 !important;

    pointer-events: none !important;

    filter:
        brightness(.69)
        contrast(1.06)
        saturate(.96) !important;

    transform:
        scale(1.025) !important;

    transition:
        opacity .65s ease,
        transform 1.1s cubic-bezier(.2,.7,.2,1) !important;
}


#hub-app.home-approved
.home-pulse__feature.is-video-active
.home-pulse__video {
    opacity: 1 !important;

    transform:
        scale(1.055) !important;
}


/* SOMBRA EDITORIAL */

#hub-app.home-approved .home-pulse__veil {
    position: absolute !important;

    inset: 0 !important;

    z-index: 2 !important;

    background:
        linear-gradient(
            90deg,
            rgba(0,10,11,.94) 0%,
            rgba(0,11,12,.72) 39%,
            rgba(0,11,12,.28) 72%,
            rgba(0,10,11,.18) 100%
        ) !important;

    pointer-events: none !important;
}


/* TEXTO */

#hub-app.home-approved
.home-pulse__feature > div {
    position: absolute !important;

    left: 26px !important;
    bottom: 24px !important;

    z-index: 4 !important;

    width: min(500px, 64%) !important;

    margin: 0 !important;
}


#hub-app.home-approved
.home-pulse__feature .home-kicker {
    margin: 0 0 8px !important;

    color: #00ef91 !important;

    font-size: 8px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .24em !important;
}


#hub-app.home-approved
.home-pulse__feature h2 {
    margin: 0 !important;

    color: #f6fbf9 !important;

    font-size: 29px !important;

    line-height: 1.02 !important;

    font-weight: 720 !important;

    letter-spacing: -.035em !important;
}


#hub-app.home-approved
.home-pulse__feature > div > p:not(.home-kicker) {
    margin: 9px 0 0 !important;

    max-width: 470px !important;

    color:
        rgba(230,240,237,.68) !important;

    font-size: 10px !important;

    line-height: 1.4 !important;
}


#hub-app.home-approved
.home-pulse__feature .home-button {
    height: 32px !important;
    min-height: 32px !important;

    margin-top: 13px !important;

    padding: 0 15px !important;

    font-size: 8px !important;
}


/* ==========================================================
   CENTRAL VIVA
   ========================================================== */

#hub-app.home-approved .home-pulse__feed {
    position: relative !important;

    height: 292px !important;
    min-height: 292px !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 22px !important;

    overflow: hidden !important;

    border-radius: 18px !important;

    border:
        1px solid rgba(91,205,165,.15) !important;

    background:
        linear-gradient(
            155deg,
            rgba(0,27,27,.82),
            rgba(0,14,16,.94)
        ) !important;

    box-shadow:
        inset 0 1px rgba(255,255,255,.025),
        0 16px 38px rgba(0,0,0,.22) !important;
}


#hub-app.home-approved
.home-pulse__feed > .home-kicker {
    margin: 0 0 8px !important;

    color: #00ef91 !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    letter-spacing: .22em !important;
}


#hub-app.home-approved .home-pulse__intro {
    margin: 0 0 16px !important;

    color:
        rgba(226,239,234,.62) !important;

    font-size: 10px !important;

    line-height: 1.4 !important;
}


/* CANAIS OFICIAIS CONFIRMADOS */

#hub-app.home-approved .home-social {
    display: grid !important;

    grid-template-columns:
        34px minmax(0,1fr) 18px !important;

    align-items: center !important;

    gap: 10px !important;

    min-height: 46px !important;

    margin: 0 0 7px !important;

    padding: 7px 9px !important;

    box-sizing: border-box !important;

    border-radius: 11px !important;

    border:
        1px solid rgba(255,255,255,.065) !important;

    background:
        rgba(255,255,255,.025) !important;

    text-decoration: none !important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease !important;
}


#hub-app.home-approved .home-social:hover {
    transform:
        translateX(3px) !important;

    border-color:
        rgba(0,239,145,.30) !important;

    background:
        rgba(0,239,145,.045) !important;
}


#hub-app.home-approved .home-social > span {
    width: 32px !important;
    height: 32px !important;

    display: grid !important;
    place-items: center !important;

    overflow: hidden !important;

    border-radius: 9px !important;

    color: #00ef91 !important;

    border:
        1px solid rgba(0,239,145,.24) !important;

    background:
        rgba(0,20,20,.64) !important;

    font-size: 9px !important;
}


#hub-app.home-approved .home-social img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


#hub-app.home-approved .home-social strong {
    color: #f0f8f5 !important;

    font-size: 10px !important;

    line-height: 1.15 !important;
}


#hub-app.home-approved .home-social small {
    display: block !important;

    margin-top: 3px !important;

    color:
        rgba(220,235,230,.48) !important;

    font-size: 8px !important;

    font-weight: 400 !important;
}


/* ESTADO VAZIO OFICIAL */

#hub-app.home-approved .home-editorial-empty {
    position: absolute !important;

    left: 22px !important;
    right: 22px !important;
    bottom: 22px !important;

    padding: 15px !important;

    border-radius: 12px !important;

    border:
        1px solid rgba(0,239,145,.12) !important;

    background:
        rgba(0,20,20,.48) !important;
}


#hub-app.home-approved
.home-editorial-empty strong {
    display: block !important;

    color: #edf8f4 !important;

    font-size: 12px !important;
}


#hub-app.home-approved
.home-editorial-empty p {
    margin: 5px 0 0 !important;

    color:
        rgba(218,235,229,.52) !important;

    font-size: 9px !important;

    line-height: 1.4 !important;
}


/* ==========================================================
   INTERACAO
   ========================================================== */

#hub-app.home-approved
.home-pulse__feature:hover {
    transform:
        translateY(-3px) !important;

    border-color:
        rgba(0,239,145,.35) !important;

    box-shadow:
        0 21px 48px rgba(0,0,0,.32),
        0 0 28px rgba(0,239,145,.045) !important;
}


#hub-app.home-approved
.home-pulse__feature:hover
.home-pulse__texture {
    transform:
        scale(1.045) !important;
}


/* PROXIMA DOBRA SEM VALE */

#hub-app.home-approved
.home-pulse + .home-section,
#hub-app.home-approved
.home-pulse + .home-creators {
    margin-top: 0 !important;
}


/* NOTEBOOK */

@media
(max-width: 1050px)
and
(min-width: 701px) {

    #hub-app.home-approved .home-pulse__layout {
        grid-template-columns:
            minmax(0,1.65fr)
            minmax(260px,.75fr) !important;
    }
}


/* MOBILE */

@media (max-width: 700px) {

    #hub-app.home-approved .home-pulse {
        width:
            calc(100% - 30px) !important;
    }

    #hub-app.home-approved .home-pulse__layout {
        grid-template-columns:
            1fr !important;
    }

    #hub-app.home-approved .home-pulse__feature,
    #hub-app.home-approved .home-pulse__feed {
        height:
            260px !important;

        min-height:
            260px !important;
    }

    #hub-app.home-approved
    .home-pulse__feature > div {
        width:
            calc(100% - 44px) !important;
    }
}


@media (prefers-reduced-motion: reduce) {

    #hub-app.home-approved .home-pulse__video,
    #hub-app.home-approved .home-pulse__feature,
    #hub-app.home-approved .home-social {
        transition:
            none !important;
    }
}

/* HOME PULSE CENTRAL VIVA END */


/* HOME PULSE POSITION START */

/*
   Football Pulse.
   Keep the editorial section after the gates on wide desktop too.
*/
@media (min-width: 1200px) {
    #hub-app.home-approved .home-pulse {
        transform: none !important;
        margin-bottom: 0 !important;
    }
}

/* HOME PULSE POSITION END */


/* HOME CREATORS PREMIUM START */

/* ==========================================================
   COMUNIDADE
   REMOVE O GRANDE VAZIO ENTRE AS DOBRAS
   ========================================================== */

#hub-app.home-approved .home-creators {
    position: relative !important;

    width: min(1380px, calc(100% - 64px)) !important;

    /* sobe a dobra para conversar com PULSE */
    margin: -175px auto 0 !important;

    padding: 18px 0 24px !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   34 / 48 / 18
   TEXTO + PALCO + MOSAICO
   ========================================================== */

#hub-app.home-approved .home-creators__layout {
    display: grid !important;

    grid-template-columns:
        minmax(300px, 34%)
        minmax(0, 48%)
        minmax(170px, 18%) !important;

    gap: 12px !important;

    width: 100% !important;

    align-items: stretch !important;

    margin: 0 !important;
}


/* ==========================================================
   TEXTO
   ========================================================== */

#hub-app.home-approved .home-creators__copy {
    min-height: 278px !important;

    padding: 24px 30px 24px 10px !important;

    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    margin: 0 !important;
}


#hub-app.home-approved
.home-creators__copy .home-kicker {
    margin: 0 0 10px !important;

    color: #00ef91 !important;

    font-size: 8px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .24em !important;
}


#hub-app.home-approved
.home-creators__copy h2 {
    margin: 0 !important;

    max-width: 430px !important;

    color: #f3faf7 !important;

    font-size: 29px !important;

    line-height: 1.04 !important;

    font-weight: 720 !important;

    letter-spacing: -.035em !important;
}


#hub-app.home-approved
.home-creators__copy > p:not(.home-kicker) {
    margin: 15px 0 0 !important;

    max-width: 430px !important;

    color:
        rgba(225,239,234,.66) !important;

    font-size: 10px !important;

    line-height: 1.45 !important;
}


#hub-app.home-approved
.home-creators__copy .home-button {
    align-self: flex-start !important;

    height: 34px !important;
    min-height: 34px !important;

    margin-top: 14px !important;

    padding: 0 15px !important;

    font-size: 8px !important;
}


/* ==========================================================
   PALCO CENTRAL
   ========================================================== */

#hub-app.home-approved .home-creators__stage {
    position: relative !important;

    height: 278px !important;
    min-height: 278px !important;
    max-height: 278px !important;

    margin: 0 !important;

    overflow: hidden !important;

    border-radius: 17px !important;

    border:
        1px solid rgba(0,239,145,.26) !important;

    background:
        #001415 !important;

    isolation: isolate !important;

    box-shadow:
        0 16px 38px rgba(0,0,0,.27) !important;

    transform:
        translateZ(0) !important;

    transition:
        transform .38s ease,
        border-color .38s ease,
        box-shadow .38s ease !important;
}


/* ELIMINA A IMAGEM ANTIGA DE STORE */

#hub-app.home-approved
.home-creators__stage .home-creators__photo {
    display: none !important;
}


/* POSTER CANONICO */

#hub-app.home-approved
.home-creators__texture {
    position: absolute !important;

    inset: 0 !important;

    z-index: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    opacity: 1 !important;

    filter:
        brightness(.70)
        contrast(1.07)
        saturate(.98) !important;

    transform:
        scale(1.015) !important;

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1),
        filter .55s ease !important;
}


/* VIDEO */

#hub-app.home-approved
.home-creators__video {
    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    opacity: 0 !important;

    pointer-events: none !important;

    filter:
        brightness(.72)
        contrast(1.07)
        saturate(1) !important;

    transform:
        scale(1.025) !important;

    transition:
        opacity .60s ease,
        transform 1s cubic-bezier(.2,.7,.2,1) !important;
}


#hub-app.home-approved
.home-creators__stage.is-video-active
.home-creators__video {
    opacity: 1 !important;

    transform:
        scale(1.05) !important;
}


/* SOMBRA CINEMATOGRAFICA */

#hub-app.home-approved
.home-creators__stage::after {
    content: '' !important;

    position: absolute !important;

    inset: 0 !important;

    z-index: 2 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,8,10,.08) 0%,
            rgba(0,9,11,.05) 45%,
            rgba(0,10,12,.45) 100%
        ) !important;
}


/* PLAY */

#hub-app.home-approved .home-creators__play {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    z-index: 4 !important;

    width: 54px !important;
    height: 54px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 50% !important;

    color: #00ef91 !important;

    border:
        1px solid rgba(0,239,145,.82) !important;

    background:
        rgba(0,19,20,.58) !important;

    backdrop-filter:
        blur(10px) !important;

    transform:
        translate(-50%, -50%) !important;

    transition:
        transform .35s ease,
        background .35s ease,
        opacity .35s ease !important;
}


#hub-app.home-approved
.home-creators__stage:hover
.home-creators__play {
    transform:
        translate(-50%, -50%)
        scale(1.08) !important;

    background:
        rgba(0,239,145,.10) !important;

    opacity: .82 !important;
}


/* ==========================================================
   MOSAICO HUMANO
   ========================================================== */

#hub-app.home-approved
.home-creators__mosaic {
    display: grid !important;

    grid-template-columns: 1fr !important;
    grid-template-rows:
        repeat(3, 1fr) !important;

    gap: 9px !important;

    height: 278px !important;
    min-height: 278px !important;

    margin: 0 !important;

    overflow: hidden !important;
}


#hub-app.home-approved
.home-creators__mosaic img {
    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 13px !important;

    border:
        1px solid rgba(255,255,255,.08) !important;

    filter:
        brightness(.82)
        saturate(.90)
        contrast(1.03) !important;

    transform:
        scale(1) !important;

    transition:
        transform .45s ease,
        filter .45s ease,
        border-color .45s ease !important;
}


#hub-app.home-approved
.home-creators__mosaic img:hover {
    transform:
        scale(1.035) !important;

    filter:
        brightness(.97)
        saturate(1)
        contrast(1.03) !important;

    border-color:
        rgba(0,239,145,.30) !important;
}


/* ==========================================================
   INTERACAO DO PALCO
   ========================================================== */

#hub-app.home-approved
.home-creators__stage:hover {
    transform:
        translateY(-3px)
        scale(1.006) !important;

    border-color:
        rgba(0,239,145,.48) !important;

    box-shadow:
        0 22px 48px rgba(0,0,0,.34),
        0 0 28px rgba(0,239,145,.045) !important;
}


#hub-app.home-approved
.home-creators__stage:hover
.home-creators__texture {
    transform:
        scale(1.05) !important;

    filter:
        brightness(.80)
        contrast(1.07)
        saturate(1.02) !important;
}


/* ==========================================================
   PROXIMA DOBRA JA FICA PROXIMA
   ========================================================== */

#hub-app.home-approved
.home-creators + .home-world {
    margin-top: 0 !important;
}


/* NOTEBOOK */

@media
(max-width: 1050px)
and
(min-width: 701px) {

    #hub-app.home-approved
    .home-creators__layout {
        grid-template-columns:
            30% minmax(0,50%) 20% !important;
    }

    #hub-app.home-approved
    .home-creators__copy h2 {
        font-size:
            25px !important;
    }
}


/* MOBILE */

@media (max-width: 700px) {

    #hub-app.home-approved .home-creators {
        width:
            calc(100% - 30px) !important;

        margin-top:
            0 !important;
    }

    #hub-app.home-approved
    .home-creators__layout {
        grid-template-columns:
            1fr !important;
    }

    #hub-app.home-approved
    .home-creators__copy {
        min-height:
            0 !important;

        padding:
            20px 0 !important;
    }

    #hub-app.home-approved
    .home-creators__stage {
        height:
            250px !important;

        min-height:
            250px !important;
    }

    #hub-app.home-approved
    .home-creators__mosaic {
        grid-template-columns:
            repeat(3, 1fr) !important;

        grid-template-rows:
            1fr !important;

        height:
            110px !important;

        min-height:
            110px !important;
    }
}


@media (prefers-reduced-motion: reduce) {

    #hub-app.home-approved
    .home-creators__stage,
    #hub-app.home-approved
    .home-creators__texture,
    #hub-app.home-approved
    .home-creators__video,
    #hub-app.home-approved
    .home-creators__mosaic img {
        transition:
            none !important;
    }
}

/* HOME CREATORS PREMIUM END */


/* HOME CREATORS ALIGNMENT FIX START */

/* ==========================================================
   TEXTO ESQUERDO
   ALINHADO COM O TOPO DO PALCO
   ========================================================== */

#hub-app.home-approved .home-creators__layout {
    align-items: start !important;
}

#hub-app.home-approved .home-creators__copy {
    height: 278px !important;
    min-height: 278px !important;

    padding:
        18px 28px 18px 10px !important;

    justify-content:
        flex-start !important;

    align-self:
        start !important;
}

#hub-app.home-approved
.home-creators__copy .home-kicker {
    margin-top: 0 !important;
}

#hub-app.home-approved
.home-creators__copy h2 {
    font-size: 27px !important;
    line-height: 1.05 !important;
}

#hub-app.home-approved
.home-creators__copy > p:not(.home-kicker) {
    margin-top: 13px !important;
}

#hub-app.home-approved
.home-creators__copy .home-button {
    margin-top: 13px !important;
}


/* ==========================================================
   FOTOS DA DIREITA
   MENORES E SEM CORTE
   ========================================================== */

#hub-app.home-approved .home-creators__mosaic {
    height: 278px !important;

    grid-template-columns:
        1fr !important;

    grid-template-rows:
        repeat(3, 1fr) !important;

    gap: 8px !important;

    align-items: center !important;

    overflow: visible !important;
}


#hub-app.home-approved
.home-creators__mosaic img {
    width: 82% !important;
    height: 78px !important;

    min-height: 0 !important;

    justify-self: center !important;
    align-self: center !important;

    /*
       MOSTRA A FOTO INTEIRA.
       NAO CORTA MAIS O ROSTO OU O CORPO.
    */
    object-fit: contain !important;
    object-position: center center !important;

    padding: 3px !important;

    box-sizing: border-box !important;

    border-radius: 12px !important;

    background:
        rgba(0,17,18,.76) !important;

    border:
        1px solid rgba(0,239,145,.13) !important;

    filter:
        brightness(.92)
        saturate(.94)
        contrast(1.02) !important;
}


/* HOVER SUAVE */

#hub-app.home-approved
.home-creators__mosaic img:hover {
    transform:
        scale(1.025) !important;

    filter:
        brightness(1)
        saturate(1)
        contrast(1.02) !important;

    border-color:
        rgba(0,239,145,.38) !important;
}


/* CENTRAL E FOTOS COMEÇAM NA MESMA LINHA */

#hub-app.home-approved .home-creators__stage,
#hub-app.home-approved .home-creators__mosaic {
    align-self: start !important;
}


/* MOBILE */

@media (max-width: 700px) {

    #hub-app.home-approved
    .home-creators__copy {
        height:
            auto !important;

        min-height:
            0 !important;
    }

    #hub-app.home-approved
    .home-creators__mosaic img {
        width:
            100% !important;

        height:
            100px !important;
    }
}

/* HOME CREATORS ALIGNMENT FIX END */


/* HOME WORLD PREMIUM START */

/* ==========================================================
   MUNDO FOOTBALL PULSE
   COMPACTO + GLOBAL + INTERATIVO
   ========================================================== */

#hub-app.home-approved .home-world {
    position: relative !important;

    width: min(1380px, calc(100% - 64px)) !important;

    min-height: 0 !important;
    height: 390px !important;

    /* elimina o grande vazio acima */
    margin: -170px auto 0 !important;

    padding: 22px 0 !important;

    box-sizing: border-box !important;

    display: grid !important;

    grid-template-columns:
        minmax(300px, 32%)
        minmax(0, 68%) !important;

    gap: 28px !important;

    align-items: center !important;

    overflow: hidden !important;

    border-top:
        1px solid rgba(0,239,145,.12) !important;

    border-bottom:
        1px solid rgba(0,239,145,.12) !important;

    background:
        radial-gradient(
            circle at 65% 50%,
            rgba(0,239,145,.035),
            transparent 42%
        ) !important;
}


/* ==========================================================
   TEXTO
   ========================================================== */

#hub-app.home-approved .home-world__copy {
    align-self: center !important;

    margin: 0 !important;

    padding: 0 0 0 10px !important;

    text-align: left !important;
}


#hub-app.home-approved
.home-world__copy .home-kicker {
    margin: 0 0 10px !important;

    color: #00ef91 !important;

    font-size: 8px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .25em !important;
}


#hub-app.home-approved
.home-world__copy h2 {
    margin: 0 !important;

    color: #f4faf7 !important;

    font-size: 30px !important;

    line-height: 1.02 !important;

    font-weight: 720 !important;

    letter-spacing: -.035em !important;
}


#hub-app.home-approved
.home-world__copy > p:not(.home-kicker) {
    margin: 16px 0 0 !important;

    max-width: 360px !important;

    color:
        rgba(226,239,234,.68) !important;

    font-size: 11px !important;

    line-height: 1.48 !important;
}


#hub-app.home-approved
.home-world__copy .home-button {
    height: 34px !important;
    min-height: 34px !important;

    margin-top: 18px !important;

    padding: 0 16px !important;

    font-size: 8px !important;

    background:
        rgba(0,20,20,.28) !important;

    backdrop-filter:
        blur(8px) !important;
}


/* ==========================================================
   MAPA
   ========================================================== */

#hub-app.home-approved .home-world__map {
    position: relative !important;

    width: 100% !important;

    height: 330px !important;
    min-height: 330px !important;

    margin: 0 !important;

    overflow: hidden !important;

    border-radius: 18px !important;

    border:
        1px solid rgba(0,239,145,.14) !important;

    background:
        rgba(0,15,17,.55) !important;

    box-shadow:
        inset 0 1px rgba(255,255,255,.025),
        0 18px 44px rgba(0,0,0,.24) !important;

    isolation: isolate !important;

    transition:
        transform .45s ease,
        border-color .45s ease,
        box-shadow .45s ease !important;
}


#hub-app.home-approved
.home-world__map > img {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;

    object-position: center !important;

    opacity: .91 !important;

    filter:
        brightness(.80)
        contrast(1.08)
        saturate(.92) !important;

    transform:
        scale(.97) !important;

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1),
        filter .6s ease !important;
}


/* CONEXOES */

#hub-app.home-approved
.home-world__connections {
    position: absolute !important;

    inset: 0 !important;

    z-index: 2 !important;

    width: 100% !important;
    height: 100% !important;

    pointer-events: none !important;

    opacity: .62 !important;
}


#hub-app.home-approved
.home-world__connections path {
    fill: none !important;

    stroke: rgba(0,239,145,.62) !important;

    stroke-width: 1.2 !important;

    stroke-dasharray: 7 9 !important;

    vector-effect:
        non-scaling-stroke !important;

    animation:
        fpWorldRoute 14s linear infinite !important;
}


@keyframes fpWorldRoute {
    to {
        stroke-dashoffset: -120;
    }
}


/* ==========================================================
   HOTSPOTS
   ========================================================== */

#hub-app.home-approved
.home-map-hotspot {
    position: absolute !important;

    z-index: 5 !important;

    width: 16px !important;
    height: 16px !important;

    padding: 0 !important;

    border-radius: 50% !important;

    border:
        1px solid rgba(144,255,213,.95) !important;

    background:
        #00e890 !important;

    box-shadow:
        0 0 0 5px rgba(0,239,145,.11),
        0 0 22px rgba(0,239,145,.32) !important;

    cursor: pointer !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease !important;
}


#hub-app.home-approved
.home-map-hotspot:hover,
#hub-app.home-approved
.home-map-hotspot:focus-visible {
    transform:
        scale(1.35) !important;

    box-shadow:
        0 0 0 8px rgba(0,239,145,.10),
        0 0 30px rgba(0,239,145,.48) !important;

    outline: none !important;
}


#hub-app.home-approved
.home-map-hotspot span {
    position: absolute !important;

    left: 50% !important;
    bottom: calc(100% + 9px) !important;

    transform:
        translateX(-50%)
        translateY(4px) !important;

    padding:
        5px 8px !important;

    white-space:
        nowrap !important;

    border-radius:
        7px !important;

    color:
        #eaf8f3 !important;

    background:
        rgba(0,16,18,.90) !important;

    border:
        1px solid rgba(0,239,145,.20) !important;

    font-size:
        8px !important;

    opacity:
        0 !important;

    pointer-events:
        none !important;

    transition:
        opacity .25s ease,
        transform .25s ease !important;
}


#hub-app.home-approved
.home-map-hotspot:hover span,
#hub-app.home-approved
.home-map-hotspot:focus-visible span {
    opacity:
        1 !important;

    transform:
        translateX(-50%)
        translateY(0) !important;
}


/* ==========================================================
   IMERSAO SUAVE
   ========================================================== */

#hub-app.home-approved
.home-world__map:hover {
    transform:
        translateY(-3px) !important;

    border-color:
        rgba(0,239,145,.28) !important;

    box-shadow:
        0 22px 48px rgba(0,0,0,.30),
        0 0 32px rgba(0,239,145,.035) !important;
}


#hub-app.home-approved
.home-world__map:hover > img {
    transform:
        scale(1.005) !important;

    filter:
        brightness(.87)
        contrast(1.08)
        saturate(.98) !important;
}


/* PROXIMA DOBRA SEM VALE */

#hub-app.home-approved
.home-world + .home-commerce {
    margin-top: 0 !important;
}


/* NOTEBOOK */

@media
(max-width: 1050px)
and
(min-width: 701px) {

    #hub-app.home-approved .home-world {
        grid-template-columns:
            30% 70% !important;

        gap:
            18px !important;
    }
}


/* MOBILE */

@media (max-width: 700px) {

    #hub-app.home-approved .home-world {
        width:
            calc(100% - 30px) !important;

        height:
            auto !important;

        margin-top:
            0 !important;

        grid-template-columns:
            1fr !important;

        gap:
            20px !important;
    }

    #hub-app.home-approved
    .home-world__map {
        height:
            260px !important;

        min-height:
            260px !important;
    }
}


@media (prefers-reduced-motion: reduce) {

    #hub-app.home-approved
    .home-world__connections path {
        animation:
            none !important;
    }

    #hub-app.home-approved
    .home-world__map,
    #hub-app.home-approved
    .home-world__map > img {
        transition:
            none !important;
    }
}

/* HOME WORLD PREMIUM END */


/* HOME REMOVE CREATOR DEAD SPACE START */

/*
   A DOBRA COMUNIDADE TEM 278px DE CONTEUDO.
   REMOVE A ALTURA ANTIGA QUE ESTAVA SOBRANDO ABAIXO.
*/

#hub-app.home-approved .home-creators {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding-top: 18px !important;
    padding-bottom: 18px !important;

    overflow: visible !important;
}

#hub-app.home-approved .home-creators__layout {
    height: 278px !important;
    min-height: 278px !important;
    max-height: 278px !important;
}


/* MUNDO COMECA LOGO APOS A DOBRA HUMANA */

#hub-app.home-approved .home-creators + .home-world {
    margin-top: 8px !important;
}


/* CANCELA O -170px USADO ANTES PARA COMPENSAR O ESPACO ERRADO */

#hub-app.home-approved .home-world {
    margin-top: 8px !important;
}


/* MOBILE CONTINUA NATURAL */

@media (max-width: 700px) {

    #hub-app.home-approved .home-creators__layout {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #hub-app.home-approved .home-world {
        margin-top: 12px !important;
    }
}

/* HOME REMOVE CREATOR DEAD SPACE END */


/* HOME COMMERCE PREMIUM START */

/* ==========================================================
   MERCADO + STORE
   DUAS VITRINES HORIZONTAIS
   ========================================================== */

#hub-app.home-approved .home-commerce {
    position: relative !important;

    width: min(1380px, calc(100% - 64px)) !important;

    margin: 8px auto 0 !important;

    padding: 18px 0 24px !important;

    min-height: 0 !important;

    box-sizing: border-box !important;
}


/* TITULO */

#hub-app.home-approved
.home-commerce .home-section__heading {
    margin: 0 0 15px !important;
}


#hub-app.home-approved
.home-commerce .home-kicker {
    margin: 0 0 8px !important;

    color: #00ef91 !important;

    font-size: 8px !important;
    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .24em !important;
}


#hub-app.home-approved
.home-commerce .home-section__heading h2 {
    margin: 0 !important;

    color: #f4faf7 !important;

    font-size: 29px !important;
    line-height: 1.02 !important;

    font-weight: 720 !important;

    letter-spacing: -.035em !important;
}


/* ==========================================================
   DUAS JANELAS
   ========================================================== */

#hub-app.home-approved .home-commerce__grid {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0,1fr)) !important;

    gap: 14px !important;

    width: 100% !important;

    margin: 0 !important;
}


#hub-app.home-approved .home-commerce__card {
    position: relative !important;

    width: 100% !important;

    height: 258px !important;
    min-height: 258px !important;
    max-height: 258px !important;

    margin: 0 !important;

    overflow: hidden !important;

    border-radius: 17px !important;

    border:
        1px solid rgba(0,239,145,.22) !important;

    background:
        #001415 !important;

    isolation: isolate !important;

    text-decoration: none !important;

    box-shadow:
        0 15px 36px rgba(0,0,0,.25) !important;

    transform:
        translateZ(0) !important;

    transition:
        transform .38s ease,
        border-color .38s ease,
        box-shadow .38s ease !important;
}


/* ==========================================================
   IMAGEM BASE
   ========================================================== */

#hub-app.home-approved
.home-commerce__photo {
    display: none !important;
}


#hub-app.home-approved
.home-commerce__texture {
    position: absolute !important;

    inset: 0 !important;

    z-index: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    opacity: 1 !important;

    filter:
        brightness(.67)
        contrast(1.06)
        saturate(.96) !important;

    transform:
        scale(1.015) !important;

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1),
        filter .55s ease !important;
}


/* ==========================================================
   VIDEO
   ========================================================== */

#hub-app.home-approved
.home-commerce__video {
    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    opacity: 0 !important;

    pointer-events: none !important;

    filter:
        brightness(.70)
        contrast(1.06)
        saturate(.98) !important;

    transform:
        scale(1.025) !important;

    transition:
        opacity .60s ease,
        transform 1s cubic-bezier(.2,.7,.2,1) !important;
}


#hub-app.home-approved
.home-commerce__card.is-video-active
.home-commerce__video {
    opacity: 1 !important;

    transform:
        scale(1.05) !important;
}


/* ==========================================================
   SOMBRA PARA LEITURA
   ========================================================== */

#hub-app.home-approved
.home-commerce__card > span {
    position: absolute !important;

    inset: 0 !important;

    z-index: 2 !important;

    background:
        linear-gradient(
            90deg,
            rgba(0,10,11,.92) 0%,
            rgba(0,11,12,.70) 39%,
            rgba(0,11,12,.22) 72%,
            rgba(0,10,11,.14) 100%
        ) !important;

    pointer-events: none !important;
}


/* ==========================================================
   CONTEUDO
   ========================================================== */

#hub-app.home-approved
.home-commerce__card > div {
    position: absolute !important;

    left: 24px !important;
    bottom: 22px !important;

    z-index: 4 !important;

    width: min(330px, 62%) !important;

    margin: 0 !important;
    padding: 0 !important;
}


#hub-app.home-approved
.home-commerce__card > div .home-kicker {
    margin: 0 0 8px !important;
}


#hub-app.home-approved
.home-commerce__card h3 {
    margin: 0 !important;

    color: #f5faf8 !important;

    font-size: 22px !important;
    line-height: 1.03 !important;

    font-weight: 720 !important;

    letter-spacing: -.03em !important;
}


#hub-app.home-approved
.home-commerce__card > div > p:not(.home-kicker) {
    margin: 12px 0 0 !important;

    max-width: 300px !important;

    color:
        rgba(228,240,236,.68) !important;

    font-size: 10px !important;
    line-height: 1.42 !important;
}


#hub-app.home-approved
.home-commerce__card b {
    display: inline-flex !important;

    align-items: center !important;

    gap: 12px !important;

    margin-top: 15px !important;

    color: #00ef91 !important;

    font-size: 8px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .08em !important;

    text-transform: uppercase !important;
}


/* ==========================================================
   IDENTIDADE DIFERENTE SEM QUEBRAR O ECOSSISTEMA
   ========================================================== */

#hub-app.home-approved
.home-commerce__card--market {
    border-color:
        rgba(0,239,145,.27) !important;
}


#hub-app.home-approved
.home-commerce__card--store {
    border-color:
        rgba(79,197,255,.18) !important;
}


/* ==========================================================
   INTERACAO
   ========================================================== */

#hub-app.home-approved
.home-commerce__card:hover,
#hub-app.home-approved
.home-commerce__card:focus-visible {
    transform:
        translateY(-4px)
        scale(1.008) !important;

    border-color:
        rgba(0,239,145,.48) !important;

    box-shadow:
        0 22px 48px rgba(0,0,0,.34),
        0 0 30px rgba(0,239,145,.04) !important;

    outline: none !important;
}


#hub-app.home-approved
.home-commerce__card:hover
.home-commerce__texture {
    transform:
        scale(1.05) !important;

    filter:
        brightness(.77)
        contrast(1.06)
        saturate(1.02) !important;
}


/* ==========================================================
   PROXIMA DOBRA SEM BURACO
   ========================================================== */

#hub-app.home-approved
.home-commerce + .home-registration {
    margin-top: 8px !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 700px) {

    #hub-app.home-approved .home-commerce {
        width:
            calc(100% - 30px) !important;
    }

    #hub-app.home-approved
    .home-commerce__grid {
        grid-template-columns:
            1fr !important;

        gap:
            10px !important;
    }

    #hub-app.home-approved
    .home-commerce__card {
        height:
            235px !important;

        min-height:
            235px !important;

        max-height:
            235px !important;
    }

    #hub-app.home-approved
    .home-commerce__card > div {
        width:
            calc(100% - 48px) !important;
    }
}


@media (prefers-reduced-motion: reduce) {

    #hub-app.home-approved
    .home-commerce__card,
    #hub-app.home-approved
    .home-commerce__texture,
    #hub-app.home-approved
    .home-commerce__video {
        transition:
            none !important;
    }
}

/* HOME COMMERCE PREMIUM END */


/* HOME FINAL PREMIUM START */

/* ==========================================================
   CONVITE FINAL
   COMPACTO - VIDEO - SEM TELA GIGANTE
   ========================================================== */

#hub-app.home-approved .home-registration {
    position: relative !important;

    width: min(1380px, calc(100% - 64px)) !important;

    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;

    margin: 8px auto 0 !important;
    padding: 0 !important;

    display: grid !important;
    place-items: center !important;

    overflow: hidden !important;

    border-radius: 18px !important;

    border:
        1px solid rgba(0,239,145,.15) !important;

    background: #001415 !important;

    box-shadow:
        0 18px 42px rgba(0,0,0,.25) !important;

    isolation: isolate !important;
}


/* VIDEO */

#hub-app.home-approved .home-registration__media {
    position: absolute !important;

    inset: 0 !important;

    z-index: 0 !important;

    width: 100% !important;
    height: 100% !important;
}


#hub-app.home-approved
.home-registration__media video {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    opacity: .76 !important;

    filter:
        brightness(.60)
        contrast(1.07)
        saturate(.92) !important;

    transform:
        scale(1.02) !important;
}


/* CAMADA INTEGRADORA */

#hub-app.home-approved .home-registration__veil {
    position: absolute !important;

    inset: 0 !important;

    z-index: 1 !important;

    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(0,239,145,.10),
            transparent 30%
        ),
        linear-gradient(
            90deg,
            rgba(0,13,14,.76),
            rgba(0,17,17,.42) 50%,
            rgba(0,13,14,.76)
        ) !important;
}


/* CONTEUDO */

#hub-app.home-approved .home-registration__content {
    position: relative !important;

    z-index: 3 !important;

    width: min(720px, calc(100% - 60px)) !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
}


#hub-app.home-approved
.home-registration__content .home-kicker {
    margin: 0 0 10px !important;

    color: #00ef91 !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    letter-spacing: .25em !important;
}


#hub-app.home-approved
.home-registration__content h2 {
    margin: 0 !important;

    color: #f5fbf8 !important;

    font-size: 29px !important;
    line-height: 1.03 !important;

    font-weight: 720 !important;

    letter-spacing: -.035em !important;
}


#hub-app.home-approved
.home-registration__content > p:not(.home-kicker) {
    margin: 12px auto 0 !important;

    max-width: 580px !important;

    color:
        rgba(230,240,237,.70) !important;

    font-size: 11px !important;

    line-height: 1.42 !important;
}


/* BOTOES */

#hub-app.home-approved
.home-registration .home-actions {
    display: flex !important;

    justify-content: center !important;

    gap: 10px !important;

    margin-top: 18px !important;
}


#hub-app.home-approved
.home-registration .home-button {
    height: 38px !important;
    min-height: 38px !important;

    padding: 0 20px !important;

    font-size: 9px !important;

    border-radius: 999px !important;
}


/* MOVIMENTO MUITO SUAVE */

#hub-app.home-approved
.home-registration:hover
.home-registration__media video {
    transform: scale(1.035) !important;

    filter:
        brightness(.67)
        contrast(1.07)
        saturate(.97) !important;

    transition:
        transform 1.2s ease,
        filter .8s ease !important;
}


/* ==========================================================
   FOOTER
   COMPACTO E COLADO AO CONVITE
   ========================================================== */

#hub-app.home-approved .home-footer {
    width: min(1380px, calc(100% - 64px)) !important;

    min-height: 0 !important;

    margin: 0 auto !important;

    padding:
        28px 0 18px !important;

    box-sizing: border-box !important;

    background: transparent !important;
}


#hub-app.home-approved .home-footer__main {
    display: grid !important;

    grid-template-columns:
        280px minmax(0,1fr) 190px !important;

    gap: 28px !important;

    align-items: center !important;

    min-height: 92px !important;

    padding: 0 !important;
}


/* MARCA */

#hub-app.home-approved .home-footer__brand {
    display: flex !important;

    align-items: center !important;

    gap: 12px !important;

    text-decoration: none !important;
}


#hub-app.home-approved
.home-footer__brand img {
    width: 48px !important;
    height: 48px !important;
}


#hub-app.home-approved
.home-footer__brand strong {
    font-size: 15px !important;

    letter-spacing: .05em !important;
}


#hub-app.home-approved
.home-footer__brand strong span {
    display: block !important;

    margin-top: 4px !important;

    color: #00ef91 !important;

    font-size: 8px !important;

    letter-spacing: .24em !important;
}


/* NAVEGACAO */

#hub-app.home-approved .home-footer nav {
    display: flex !important;

    justify-content: center !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 22px !important;
}


#hub-app.home-approved .home-footer nav a {
    color:
        rgba(230,240,237,.70) !important;

    font-size: 9px !important;

    text-decoration: none !important;

    transition: color .25s ease !important;
}


#hub-app.home-approved .home-footer nav a:hover {
    color: #00ef91 !important;
}


/* FRASE */

#hub-app.home-approved
.home-footer__main > p {
    margin: 0 !important;

    padding-left: 26px !important;

    border-left:
        1px solid rgba(0,239,145,.25) !important;

    color:
        rgba(230,240,237,.66) !important;

    font-size: 8px !important;

    line-height: 1.7 !important;

    letter-spacing: .23em !important;

    text-transform: uppercase !important;
}


/* LEGAL */

#hub-app.home-approved .home-footer__legal {
    display: flex !important;

    justify-content: space-between !important;

    align-items: center !important;

    margin-top: 18px !important;

    padding-top: 15px !important;

    border-top:
        1px solid rgba(0,239,145,.12) !important;

    color:
        rgba(220,235,230,.42) !important;

    font-size: 8px !important;
}


/* MOBILE */

@media (max-width: 700px) {

    #hub-app.home-approved .home-registration {
        width:
            calc(100% - 30px) !important;

        height:
            330px !important;

        min-height:
            330px !important;

        max-height:
            330px !important;
    }

    #hub-app.home-approved
    .home-registration .home-actions {
        flex-direction:
            column !important;

        align-items:
            stretch !important;
    }

    #hub-app.home-approved .home-footer {
        width:
            calc(100% - 30px) !important;
    }

    #hub-app.home-approved .home-footer__main {
        grid-template-columns:
            1fr !important;

        gap:
            22px !important;
    }

    #hub-app.home-approved .home-footer nav {
        justify-content:
            flex-start !important;
    }

    #hub-app.home-approved
    .home-footer__main > p {
        padding-left:
            0 !important;

        border-left:
            0 !important;
    }

    #hub-app.home-approved .home-footer__legal {
        flex-direction:
            column !important;

        align-items:
            flex-start !important;

        gap:
            8px !important;
    }
}

/* HOME FINAL PREMIUM END */


/* HOME HERO CLEAN FINAL START */

/*
   HERO SEM REGUA INTERNA.
   SEGUNDA DOBRA COMECA IMEDIATAMENTE DEPOIS.
*/

#hub-app.home-approved .home-hero {
    position: relative !important;
    overflow: hidden !important;
}

#hub-app.home-approved .home-gates {
    transform: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin:
        0 auto !important;

    margin-bottom:
        0 !important;

    padding-top:
        18px !important;
}

/* HOME HERO CLEAN FINAL END */


/* HOME CENTRAL VIVA LIFT START */

/* sobe um pouco todo o conteúdo das redes sociais dentro da mesma janela */
#hub-app.home-approved .home-pulse__feed {
  padding-top: 18px !important;
  padding-bottom: 14px !important;
}

#hub-app.home-approved .home-pulse__feed .home-kicker {
  margin-bottom: 8px !important;
}

#hub-app.home-approved .home-pulse__intro {
  margin: -2px 0 10px !important;
}

#hub-app.home-approved .home-social {
  min-height: 56px !important;
  margin-top: 8px !important;
  padding: 8px 12px !important;
}

#hub-app.home-approved .home-social:first-of-type {
  margin-top: 4px !important;
}

/* HOME CENTRAL VIVA LIFT END */


/* HOME CENTRAL VIVA FIT START */

/* ajusta somente o conteudo interno da janela CENTRAL VIVA */
#hub-app.home-approved .home-pulse__feed {
  padding: 20px 20px 14px !important;
  overflow: hidden !important;
}

/* aproxima texto superior para ganhar altura util */
#hub-app.home-approved .home-pulse__feed .home-kicker {
  margin-bottom: 6px !important;
}

#hub-app.home-approved .home-pulse__intro {
  margin: -2px 0 10px !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* reduz os cards internos e sobe o conjunto */
#hub-app.home-approved .home-social {
  min-height: 54px !important;
  margin-top: 7px !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
}

/* primeiro card mais colado ao topo */
#hub-app.home-approved .home-social:first-of-type {
  margin-top: 4px !important;
}

/* tipografia um pouco menor para caber tudo */
#hub-app.home-approved .home-social strong {
  font-size: 12px !important;
  line-height: 1.1 !important;
}

#hub-app.home-approved .home-social small,
#hub-app.home-approved .home-social span,
#hub-app.home-approved .home-social p {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

/* icone interno um pouco menor */
#hub-app.home-approved .home-social i,
#hub-app.home-approved .home-social svg {
  transform: scale(.92) !important;
  transform-origin: center !important;
}

/* HOME CENTRAL VIVA FIT END */


/* HOME CENTRAL VIVA FINAL FIT START */

/*
   SOMENTE CONTEUDO INTERNO DA CENTRAL VIVA.
   A MOLDURA EXTERNA NAO SE MOVE.
*/

#hub-app.home-approved .home-pulse__feed {
    padding:
        14px 18px 10px !important;

    overflow:
        hidden !important;
}


/* TITULO SUPERIOR MAIS COMPACTO */

#hub-app.home-approved
.home-pulse__feed > .home-kicker {
    margin:
        0 0 4px !important;
}


#hub-app.home-approved
.home-pulse__intro {
    margin:
        0 0 6px !important;

    font-size:
        10px !important;

    line-height:
        1.25 !important;
}


/* ==========================================================
   QUATRO REDES SOCIAIS
   TODAS CABEM DENTRO DA JANELA
   ========================================================== */

#hub-app.home-approved
.home-pulse__feed .home-social {
    display:
        grid !important;

    grid-template-columns:
        30px minmax(0,1fr) 16px !important;

    align-items:
        center !important;

    gap:
        9px !important;

    width:
        100% !important;

    height:
        46px !important;

    min-height:
        46px !important;

    max-height:
        46px !important;

    margin:
        5px 0 0 !important;

    padding:
        5px 9px !important;

    box-sizing:
        border-box !important;

    border-radius:
        10px !important;
}


/* PRIMEIRO CARD SOBE MAIS */

#hub-app.home-approved
.home-pulse__feed .home-social:first-of-type {
    margin-top:
        2px !important;
}


/* ICONE MENOR */

#hub-app.home-approved
.home-pulse__feed .home-social > span {
    width:
        28px !important;

    height:
        28px !important;

    min-width:
        28px !important;

    min-height:
        28px !important;

    padding:
        0 !important;

    font-size:
        8px !important;
}


#hub-app.home-approved
.home-pulse__feed .home-social > span img {
    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        contain !important;
}


/* NOME + HANDLE */

#hub-app.home-approved
.home-pulse__feed .home-social strong {
    font-size:
        10px !important;

    line-height:
        1.05 !important;
}


#hub-app.home-approved
.home-pulse__feed .home-social strong small {
    margin-top:
        2px !important;

    font-size:
        7px !important;

    line-height:
        1 !important;
}


/* SETA */

#hub-app.home-approved
.home-pulse__feed .home-social > i {
    font-size:
        10px !important;

    transform:
        none !important;
}


/* HOME CENTRAL VIVA FINAL FIT END */

/* HOME MOBILE BETA CANONICAL OWNER START */

/*
   Football Pulse Beta.
   Desktop >= 1200 remains unchanged.
   Tablet and mobile return to natural vertical flow.
*/


/* TABLET */

@media (min-width: 768px) and (max-width: 1199px) {

    #hub-app.home-approved {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    #hub-app.home-approved .home-section {
        width: calc(100% - 48px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #hub-app.home-approved .home-gates,
    #hub-app.home-approved .home-pulse,
    #hub-app.home-approved .home-creators,
    #hub-app.home-approved .home-world,
    #hub-app.home-approved .home-commerce {
        height: auto !important;
        min-height: 0 !important;
    }

    #hub-app.home-approved .home-pulse {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    #hub-app.home-approved .home-gates__grid {
        display: grid !important;
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    #hub-app.home-approved .home-gate:nth-child(n) {
        width: 100% !important;
        min-height: 280px !important;
    }

    #hub-app.home-approved .home-gate:last-child {
        grid-column: 1 / -1 !important;
        width: calc(50% - 9px) !important;
        justify-self: center !important;
    }

    #hub-app.home-approved .home-pulse__layout,
    #hub-app.home-approved .home-creators__layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    #hub-app.home-approved .home-pulse__feature,
    #hub-app.home-approved .home-creators__stage {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 16 / 9;
        overflow: hidden !important;
    }

    #hub-app.home-approved .home-pulse__feed {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #hub-app.home-approved .home-world {
        display: grid !important;
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
    }

    #hub-app.home-approved .home-world__map {
        width: 100% !important;
        height: auto !important;
        min-height: 420px !important;
        margin-left: 0 !important;
    }

    #hub-app.home-approved .home-commerce__grid {
        display: grid !important;
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    #hub-app.home-approved .home-commerce__card {
        width: 100% !important;
        min-height: 340px !important;
    }

    #hub-app.home-approved .home-hero__media video,
    #hub-app.home-approved .home-registration__media video,
    #hub-app.home-approved .home-gate__video,
    #hub-app.home-approved .home-pulse__video,
    #hub-app.home-approved .home-commerce__video,
    #hub-app.home-approved .home-promotion-media video {
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    #hub-app.home-approved,
    #hub-app.home-approved .home-story {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    #hub-app.home-approved .home-section {
        width: calc(100% - 28px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #hub-app.home-approved .home-hero {
        width: 100% !important;
        height: auto !important;
        min-height: clamp(620px, 100svh, 780px) !important;
    }

    #hub-app.home-approved .home-hero__content {
        width: calc(100% - 32px) !important;
        min-height: clamp(620px, 100svh, 780px) !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
        padding-top: 96px !important;
        padding-bottom: 54px !important;
    }

    #hub-app.home-approved .home-gates {
        height: auto !important;
        min-height: 0 !important;
        padding-top: 48px !important;
    }

    #hub-app.home-approved .home-gates__grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    #hub-app.home-approved .home-gate:nth-child(n),
    #hub-app.home-approved .home-gate:last-child {
        grid-column: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: clamp(280px, 78vw, 350px) !important;
        justify-self: stretch !important;
    }

    #hub-app.home-approved .home-pulse {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        width: calc(100% - 28px) !important;
        height: auto !important;
        min-height: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 48px !important;
    }

    #hub-app.home-approved .home-pulse__layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    #hub-app.home-approved .home-pulse__feature {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 16 / 10;
        overflow: hidden !important;
    }

    #hub-app.home-approved .home-pulse__feed {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #hub-app.home-approved .home-creators {
        height: auto !important;
        min-height: 0 !important;
        padding-top: 48px !important;
    }

    #hub-app.home-approved .home-creators__layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        min-height: 0 !important;
    }

    #hub-app.home-approved .home-creators__copy {
        padding: 0 !important;
    }

    #hub-app.home-approved .home-creators__stage {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3;
    }

    #hub-app.home-approved .home-creators__mosaic {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 6;
    }

    #hub-app.home-approved .home-world {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin-top: 48px !important;
        padding: 44px 14px 28px !important;
    }

    #hub-app.home-approved .home-world__map {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin-left: 0 !important;
        aspect-ratio: 4 / 3;
    }

    #hub-app.home-approved .home-commerce {
        height: auto !important;
        min-height: 0 !important;
        padding-top: 48px !important;
    }

    #hub-app.home-approved .home-commerce__grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    #hub-app.home-approved .home-commerce__card {
        width: 100% !important;
        min-height: clamp(290px, 82vw, 360px) !important;
    }

    #hub-app.home-approved .home-registration {
        width: 100% !important;
        height: auto !important;
        min-height: clamp(430px, 74svh, 560px) !important;
        margin-top: 48px !important;
    }

    #hub-app.home-approved .home-registration__content {
        width: calc(100% - 28px) !important;
        max-width: 620px !important;
    }

    #hub-app.home-approved .home-promotion-banner,
    #hub-app.home-approved .home-promotion-media {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    #hub-app.home-approved .home-promotion-media {
        height: auto !important;
        aspect-ratio: 16 / 9;
        overflow: hidden !important;
    }

    #hub-app.home-approved .home-hero__media video,
    #hub-app.home-approved .home-registration__media video,
    #hub-app.home-approved .home-gate__video,
    #hub-app.home-approved .home-pulse__video,
    #hub-app.home-approved .home-commerce__video,
    #hub-app.home-approved .home-promotion-media video {
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    #hub-app.home-approved .home-footer {
        width: calc(100% - 28px) !important;
        height: auto !important;
        min-height: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* SMALL MOBILE */

@media (max-width: 430px) {

    #hub-app.home-approved .home-section,
    #hub-app.home-approved .home-pulse,
    #hub-app.home-approved .home-footer {
        width: calc(100% - 22px) !important;
    }

    #hub-app.home-approved .home-hero__content {
        width: calc(100% - 28px) !important;
        margin-left: 14px !important;
        margin-right: 14px !important;
    }

    #hub-app.home-approved .home-creators__stage,
    #hub-app.home-approved .home-world__map {
        aspect-ratio: 1 / 1;
    }

    #hub-app.home-approved .home-commerce__card {
        min-height: clamp(280px, 88vw, 340px) !important;
    }
}

/* HOME MOBILE NATURAL FLOW HARD LOCK START */

/*
   Final structural lock for tablet/mobile.

   Legacy desktop compositions used transforms,
   negative margins and fixed positioning to create
   intentional visual overlaps.

   Below 1200px every public Home fold follows
   normal source order with no structural overlap.
*/
@media (max-width: 1199px) {

    #hub-app.home-approved .home-story > .home-hero,
    #hub-app.home-approved .home-story > .home-gates,
    #hub-app.home-approved .home-story > .home-pulse,
    #hub-app.home-approved .home-story > .home-creators,
    #hub-app.home-approved .home-story > .home-world,
    #hub-app.home-approved .home-story > .home-commerce,
    #hub-app.home-approved .home-story > .home-registration {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        order: 0 !important;
    }

    #hub-app.home-approved .home-gates {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    #hub-app.home-approved .home-pulse {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    #hub-app.home-approved .home-creators {
        margin-top: 0 !important;
        margin-right: auto !important;
        margin-bottom: 0 !important;
        margin-left: auto !important;
    }
}

@media (max-width: 767px) {

    #hub-app.home-approved .home-gates,
    #hub-app.home-approved .home-pulse,
    #hub-app.home-approved .home-creators {
        clear: both !important;
    }

    #hub-app.home-approved .home-creators::after {
        display: none !important;
    }
}

/* HOME MOBILE NATURAL FLOW HARD LOCK END */

/* HOME CREATORS MOBILE SAFE FLOW START */

/*
   Football Pulse Beta
   creators-community / influencers

   Below 1200px:
   - no desktop overlap composition;
   - copy, stage and mosaic return to source order;
   - typography cannot invade media;
   - media cannot cover copy;
   - desktop >= 1200px remains untouched.
*/

@media (max-width: 1199px) {

    #hub-app.home-approved .home-creators {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;

        width: calc(100% - 48px) !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;

        margin:
            48px
            auto
            0 !important;

        padding:
            0
            0
            28px !important;

        overflow: visible !important;
        isolation: isolate;
    }

    #hub-app.home-approved .home-creators::before,
    #hub-app.home-approved .home-creators::after {
        display: none !important;
        content: none !important;
    }

    #hub-app.home-approved .home-creators__layout {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        grid-template-columns: none !important;
        grid-template-rows: none !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        gap: 18px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    #hub-app.home-approved .home-creators__layout > * {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        inset: auto !important;

        grid-column: auto !important;
        grid-row: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        margin:
            0 !important;

        box-sizing: border-box !important;
    }

    #hub-app.home-approved .home-creators__copy {
        order: 1 !important;

        height: auto !important;
        min-height: 0 !important;

        padding:
            4px
            4px
            10px !important;

        z-index: 2 !important;
        overflow: visible !important;
    }

    #hub-app.home-approved .home-creators__copy .home-kicker,
    #hub-app.home-approved .home-creators__copy h2,
    #hub-app.home-approved .home-creators__copy p,
    #hub-app.home-approved .home-creators__copy a,
    #hub-app.home-approved .home-creators__copy button {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        max-width: 100% !important;

        z-index: 3 !important;
    }

    #hub-app.home-approved .home-creators__copy h2 {
        margin:
            0
            0
            14px !important;

        font-size:
            clamp(
                30px,
                5.2vw,
                42px
            ) !important;

        line-height: 1.04 !important;
        letter-spacing: -.025em !important;

        overflow-wrap: anywhere;
        word-break: normal;
    }

    #hub-app.home-approved .home-creators__copy > p:not(.home-kicker) {
        margin:
            0
            0
            18px !important;

        font-size:
            15px !important;

        line-height:
            1.55 !important;
    }

    #hub-app.home-approved .home-creators__stage {
        order: 2 !important;

        position: relative !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        aspect-ratio:
            16 / 9;

        margin: 0 !important;

        overflow: hidden !important;

        z-index: 1 !important;
    }

    #hub-app.home-approved .home-creators__mosaic {
        order: 3 !important;

        position: relative !important;

        display: grid !important;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: auto !important;

        gap: 12px !important;

        margin: 0 !important;

        overflow: hidden !important;

        z-index: 1 !important;
    }

    #hub-app.home-approved .home-creators__stage img,
    #hub-app.home-approved .home-creators__stage video,
    #hub-app.home-approved .home-creators__mosaic img,
    #hub-app.home-approved .home-creators__mosaic video {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 100% !important;

        margin: 0 !important;

        object-fit: cover !important;
        object-position: center !important;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    #hub-app.home-approved .home-creators {
        width:
            calc(100% - 22px) !important;

        margin-top:
            42px !important;

        padding-bottom:
            22px !important;
    }

    #hub-app.home-approved .home-creators__layout {
        gap:
            14px !important;
    }

    #hub-app.home-approved .home-creators__copy {
        padding:
            2px
            4px
            8px !important;
    }

    #hub-app.home-approved .home-creators__copy h2 {
        font-size:
            clamp(
                28px,
                8.2vw,
                36px
            ) !important;

        line-height:
            1.02 !important;

        margin-bottom:
            12px !important;
    }

    #hub-app.home-approved .home-creators__copy > p:not(.home-kicker) {
        font-size:
            14px !important;

        line-height:
            1.5 !important;

        margin-bottom:
            16px !important;
    }

    #hub-app.home-approved .home-creators__stage {
        aspect-ratio:
            4 / 3;
    }

    #hub-app.home-approved .home-creators__mosaic {
        grid-template-columns:
            1fr !important;

        gap:
            12px !important;
    }

    #hub-app.home-approved .home-creators__mosaic > * {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
    }

    #hub-app.home-approved .home-creators__mosaic img,
    #hub-app.home-approved .home-creators__mosaic video {
        width: 100% !important;

        height: auto !important;

        aspect-ratio:
            4 / 3;

        object-fit:
            cover !important;
    }
}

/* HOME CREATORS MOBILE SAFE FLOW END */

/* HOME MOBILE BETA CANONICAL OWNER END */

/* Home layout corrections: retain the existing cards and desktop dimensions. */
#hub-app.home-approved .home-pulse__feature > .home-pulse__photo,
#hub-app.home-approved .home-creators__stage > .home-creators__photo {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important;
}

#hub-app.home-approved .home-creators__stage > .home-creators__video {
    position: absolute !important;
    inset: 0 !important;
}

@media (max-width: 1199px) {
    #hub-app.home-approved .home-pulse__feature {
        aspect-ratio: auto !important;
        min-height: 280px !important;
    }

    #hub-app.home-approved .home-pulse__feature > div {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        padding: 24px !important;
    }
}

@media (max-width: 1120px) {
    #hub-app.home-approved .header-tools {
        grid-column: 3 !important;
    }
}

@media (max-width: 760px) {
    #hub-app.home-approved .header-tools .notification {
        display: none !important;
    }
}

@media (max-width: 700px) {
    #hub-app.home-approved .home-registration .home-actions .home-button {
        flex: 0 0 auto;
    }
}

@media (max-width: 767px) {
    #hub-app.home-approved .home-creators__layout {
        max-height: none !important;
    }

    #hub-app.home-approved .home-creators__mosaic {
        max-height: none !important;
        grid-template-rows: none !important;
        grid-auto-rows: auto;
    }
}

/* FOOTBALL PULSE ADM FOOTER VISIBILITY FIX */
#hub-app.home-approved .home-footer > .adm-footer-link {
    display: block !important;
    width: max-content !important;
    margin: 14px 0 0 auto !important;
    color: rgba(220,235,230,.58) !important;
    opacity: 1 !important;
    font-size: .64rem !important;
    line-height: 1.4 !important;
    letter-spacing: .12em !important;
    text-decoration: none !important;
}

#hub-app.home-approved .home-footer > .adm-footer-link:hover {
    color: #00ef91 !important;
}

@media (max-width: 700px) {
    #hub-app.home-approved .home-footer > .adm-footer-link {
        margin: 14px 0 0 !important;
    }
}
/* FOOTBALL PULSE ADM FOOTER VISIBILITY FIX END */