:root{font-family:Arial,Helvetica,sans-serif;color:#080d58}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e8f7ff}.landing{position:relative;isolation:isolate;min-height:min(56.28vw,941px);background:#edfaff url('cenario-hd.png') center top/cover no-repeat;overflow:hidden}.content{position:relative;z-index:2;width:min(100%,820px);margin:0 auto;padding:clamp(165px,16.7vw,285px) 14px 110px;text-align:center}.logo{font-size:clamp(31px,4.2vw,69px);font-weight:900;letter-spacing:-.065em;white-space:nowrap;line-height:1}.logo span:last-child{color:#0787ff}.tagline{font-size:clamp(9px,1.05vw,17px);letter-spacing:.24em;font-weight:800;margin:8px 0 0}.content h1{font-size:clamp(20px,2vw,34px);letter-spacing:-.05em;margin:8px 0 4px;white-space:nowrap}.intro{font-size:clamp(13px,1.22vw,20px);line-height:1.24;margin:0 auto 15px}.coming{margin:0 auto 7px;width:min(335px,70%);padding:7px 10px;border-radius:40px;background:linear-gradient(#02a8ff,#0032be 70%,#0074ed);box-shadow:0 2px 12px #1498ff8a;color:white;font-size:clamp(20px,2.3vw,37px);font-weight:900;font-style:italic}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:710px;margin:auto}.time-card{min-height:80px;background:#f8fcffeb;border:2px solid #c9e9ff;border-radius:13px;box-shadow:0 2px 8px #87c4e54a;display:flex;flex-direction:column;align-items:center;justify-content:center}.time-card strong{font-size:clamp(20px,2vw,32px);line-height:1.2}.time-card span{font-size:clamp(11px,.9vw,15px);font-weight:800}.time-status{font-size:11px;margin:5px 0 0;min-height:13px;color:#1460b0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin:8px auto 16px;max-width:735px}.benefit{display:flex;flex-direction:column;align-items:center;gap:6px;border-right:1px solid #0099ff;font-size:clamp(10px,.94vw,15px);line-height:1.1}.benefit:last-child{border-right:0}.benefit svg{width:45px;height:45px;stroke:#0788ff;stroke-width:2;fill:none;stroke-linejoin:round;stroke-linecap:round}.market-title{display:flex;align-items:center;gap:18px;justify-content:center;font-size:clamp(13px,1.12vw,19px);letter-spacing:.2em;color:#008aff;white-space:nowrap;margin:0 0 8px}.market-title:before,.market-title:after{content:'';height:2px;background:#148aff;flex:1}.marketplaces{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.market{background:#fff;border:2px solid #d0eaff;border-radius:13px;min-height:64px;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 2px 10px #81bddd66;font-size:clamp(12px,1vw,17px);white-space:nowrap}.meli{font-size:24px}.shopee{color:#f45418;font-size:22px}.bag{border:2px solid currentColor;padding:3px 6px;border-radius:4px}.amazon{color:#101010;font-size:25px;letter-spacing:-1px}.amazon strong{border-bottom:3px solid #ff9900}.aliexpress{color:#f43d17;font-size:21px}.hero-art,.bottom-art{display:none}footer{display:flex;justify-content:space-between;gap:15px;padding:16px max(20px,5%);background:#062477;color:white;font-size:13px}
@media(min-width:1672px){.landing{max-width:1672px;margin:auto;min-height:941px}.content{padding-top:280px}}
@media(max-width:1050px) and (min-width:701px){.content{padding-top:17vw;padding-bottom:7vw;width:62%}.content h1{white-space:normal}.time-card{min-height:58px}.benefit svg{width:30px;height:30px}.market{min-height:45px}.marketplaces{gap:5px}.market{font-size:11px}.amazon,.shopee,.aliexpress{font-size:15px}}
@media(max-width:700px){.landing{min-height:100vh;background:linear-gradient(160deg,#6ac7ff 0%,#e9faff 24%,#fff 48%,#d5f1ff 85%,#42aaf6 100%);padding-bottom:150px}.hero-art{display:flex;position:relative;height:190px;overflow:hidden}.mobile-spool{position:absolute;left:-10%;top:0;width:85%;height:180px;object-fit:contain}.mobile-printer{position:absolute;right:-19%;top:-25px;width:60%;height:230px;object-fit:contain}.content{padding:0 14px 10px;width:100%;max-width:520px}.logo{font-size:clamp(28px,8vw,44px)}.tagline{font-size:9px;letter-spacing:.13em}.content h1{white-space:normal;font-size:clamp(21px,5.6vw,29px);margin-top:20px}.intro{font-size:15px;margin-bottom:18px}.desktop{display:none}.coming{font-size:26px}.countdown{gap:5px}.time-card{min-height:73px;border-radius:10px}.time-card strong{font-size:23px}.time-card span{font-size:10px}.benefits{margin:20px auto;gap:8px}.benefit{font-size:10px}.benefit svg{width:30px;height:30px}.market-title{font-size:12px;letter-spacing:.1em;gap:8px}.marketplaces{grid-template-columns:repeat(2,1fr);gap:9px}.market{min-height:60px;font-size:13px}.amazon,.shopee,.aliexpress{font-size:19px}.bottom-art{display:flex;position:absolute;bottom:0;left:0;right:0;height:160px;justify-content:space-between;align-items:end;pointer-events:none}.bottom-art img{width:47%;max-height:155px;object-fit:contain;object-position:bottom}footer{font-size:11px;flex-wrap:wrap}}
@media(max-width:370px){.hero-art{height:145px}.mobile-spool{height:145px}.mobile-printer{height:175px}.benefit{font-size:9px}.tagline{font-size:8px}}

/* Correção pontual: texto HTML livre, abaixo do carretel */
@media(min-width:1060px){.content{padding-top:clamp(290px,18.4vw,310px)}}
.branding,.content h1,.intro{background:transparent;position:relative}

/* Cards dos marketplaces: recortes fiéis da referência aprovada */
.marketplaces .market{border:0;background:transparent;box-shadow:none;overflow:hidden;min-height:0}
.marketplaces .market-logo-ref{display:block;width:100%;height:auto;object-fit:contain}

/* FO_RODAPE_IAUSER_FINAL */
.fo-footer {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:20px;
  width:100%;
  padding:13px 18px;
  background:#061b50;
  color:#fff;
  text-align:center;
}
.fo-domain {
  font-size:12px;
  font-weight:400;
  letter-spacing:.16em;
}
.fo-separator {
  display:block;
  width:1px;
  height:24px;
  background:#b7d7ff;
  opacity:.75;
}
.fo-iauser {
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
  text-decoration:none;
}
.fo-powered {font-size:11px;white-space:nowrap}
.fo-iauser-brand {
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1;
}
.fo-iauser-name {
  font-size:32px;
  font-weight:800;
  letter-spacing:-.07em;
  color:#fff;
}
.fo-iauser-i {color:#00baff}
.fo-iauser-slogan {
  font-size:6px;
  letter-spacing:.14em;
  margin-top:3px;
  white-space:nowrap;
}
@media(max-width:700px) {
  .fo-footer {
    flex-direction:column;
    gap:8px;
    padding:15px 10px;
  }
  .fo-domain {font-size:10px}
  .fo-separator {width:85px;height:1px}
  .fo-iauser-name {font-size:28px}
  .fo-iauser-slogan {font-size:6px}
}

/* FO_RODAPE_LOGO_OFICIAL_1 */
.fo-footer-oficial{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:22px;min-height:83px;padding:10px 18px;background:#061b50;color:#fff;text-align:center}
.fo-footer-oficial .fo-domain{display:block;color:#fff;font-size:clamp(10px,1vw,13px);font-weight:400;letter-spacing:.16em;white-space:nowrap}
.fo-footer-oficial .fo-separator{display:block;flex:0 0 1px;width:1px;height:32px;background:#b7d7ff;opacity:.8}
.fo-footer-oficial .fo-iauser{display:flex;flex-direction:row;align-items:center;gap:10px;color:#fff;text-decoration:none}
.fo-footer-oficial .fo-powered{display:block;color:#fff;font-size:11px;white-space:nowrap}
.fo-footer-oficial .fo-iauser-logo{display:block;width:145px;height:64px;object-fit:contain;object-position:center;mix-blend-mode:screen}
@media(max-width:700px){.fo-footer-oficial{gap:9px;padding:12px 8px;flex-wrap:wrap}.fo-footer-oficial .fo-domain{font-size:10px;letter-spacing:.09em}.fo-footer-oficial .fo-separator{height:25px}.fo-footer-oficial .fo-iauser{gap:5px}.fo-footer-oficial .fo-powered{font-size:10px}.fo-footer-oficial .fo-iauser-logo{width:112px;height:52px}}
@media(max-width:440px){.fo-footer-oficial{flex-direction:column;gap:3px}.fo-footer-oficial .fo-separator{width:80px;height:1px}.fo-footer-oficial .fo-iauser-logo{width:132px;height:60px}}

/* FO_RODAPE_POSICAO_FINAL_V2 — somente rodapé */
.fo-footer.fo-footer-fixed{display:grid!important;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important;align-items:center!important;justify-content:initial!important;gap:24px!important;min-height:86px;padding:9px clamp(16px,3.2vw,56px)!important;background:#061b50!important;color:#fff!important;text-align:initial!important}
.fo-footer-fixed .fo-domain{justify-self:center;font-size:clamp(10px,1.03vw,15px);letter-spacing:.14em;white-space:nowrap;color:white}
.fo-footer-fixed .fo-separator{width:1px!important;height:34px!important;background:#b8cfff!important;opacity:.8}
.fo-footer-fixed .fo-iauser{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:14px;color:white;text-decoration:none;min-width:0}
.fo-footer-fixed .fo-powered{display:inline;white-space:nowrap;font-size:clamp(10px,.9vw,13px);font-weight:400}
.fo-footer-fixed .fo-iauser-logo{display:block;width:clamp(145px,15vw,215px);height:auto;max-height:72px;object-fit:contain;background:transparent;border:0;box-shadow:none}
@media(max-width:700px){.fo-footer.fo-footer-fixed{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)!important;gap:8px!important;min-height:68px;padding:9px 8px!important;flex-direction:initial!important}.fo-footer-fixed .fo-domain{font-size:clamp(7px,2vw,10px);letter-spacing:.03em;white-space:normal;text-align:center}.fo-footer-fixed .fo-separator{height:27px!important;width:1px!important}.fo-footer-fixed .fo-iauser{gap:4px}.fo-footer-fixed .fo-powered{font-size:8px}.fo-footer-fixed .fo-iauser-logo{width:clamp(82px,25vw,130px);max-height:48px}}

/* RODAPE_IAUSER_ISOLADO */
.fo-footer-final {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  padding: 16px 5% !important;
  background: #061b50 !important;
}
.fo-footer-link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
  text-decoration: none !important;
  color: #fff !important;
}
.fo-footer-logo {
  display: block !important;
  width: 190px !important;
  height: 53px !important;
  object-fit: cover !important;
  object-position: top !important;
}
.fo-footer-slogan {
  display: block !important;
  color: white !important;
  font: 700 16px/1.3 Arial, sans-serif !important;
  letter-spacing: .04em !important;
  text-align: center !important;
  white-space: nowrap !important;
}
@media(max-width:700px) {
  .fo-footer-final {
    justify-content: center !important;
  }
  .fo-footer-logo {
    width: 160px !important;
    height: 45px !important;
  }
  .fo-footer-slogan {
    font-size: 13px !important;
  }
}

/* FO_LOGO_SEM_SLOGAN_20261018 */
.fo-footer-final .fo-footer-logo { width:180px !important; height:auto !important; object-fit:contain !important; }
.fo-footer-final .fo-footer-slogan { font-size:12px !important; font-weight:600 !important; letter-spacing:.05em !important; line-height:1.3 !important; }
@media(max-width:700px) {
 .fo-footer-final .fo-footer-logo {width:150px !important;height:auto !important;}
 .fo-footer-final .fo-footer-slogan {font-size:10px !important;letter-spacing:.025em !important;}
}

/* FO_RODAPE_REDUCAO_40 */
.fo-footer-final {
    min-height: 0 !important;
    padding: 9px 3% !important;
    gap: 0 !important;
}

.fo-footer-link {
    gap: 3px !important;
}

.fo-footer-logo {
    width: 114px !important;
    height: 32px !important;
    object-fit: contain !important;
}

.fo-footer-slogan {
    font-size: 9.6px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.02em !important;
}

@media (max-width: 700px) {
    .fo-footer-final {
        padding: 9px 3% !important;
        justify-content: flex-end !important;
    }

    .fo-footer-logo {
        width: 96px !important;
        height: 27px !important;
    }

    .fo-footer-slogan {
        font-size: 8px !important;
    }
}

/* FO_RODAPE_MAIS_20 */
.fo-footer-final {
    padding: 7px 2.4% !important;
}
.fo-footer-link {
    gap: 2px !important;
}
.fo-footer-logo {
    width: 91px !important;
    height: 26px !important;
}
.fo-footer-slogan {
    font-size: 7.7px !important;
    line-height: 1.2 !important;
}
@media (max-width: 700px) {
    .fo-footer-final {
        padding: 7px 2.4% !important;
    }
    .fo-footer-logo {
        width: 77px !important;
        height: 22px !important;
    }
    .fo-footer-slogan {
        font-size: 6.4px !important;
    }
}

/* FO_LOGO_SLOGAN_MENOS_30 */
.fo-footer-logo {
    width: 64px !important;
    height: 18px !important;
}
.fo-footer-slogan {
    font-size: 5.4px !important;
}
@media (max-width: 700px) {
    .fo-footer-logo {
        width: 54px !important;
        height: 15px !important;
    }
    .fo-footer-slogan {
        font-size: 4.5px !important;
    }
}

/* FO_TAMANHO_CORRIGIDO_PRIORIDADE */
.fo-footer-final .fo-footer-logo {
    width: 64px !important;
    height: auto !important;
    max-width: 64px !important;
}
.fo-footer-final .fo-footer-slogan {
    font-size: 5.4px !important;
    line-height: 1.2 !important;
}
@media (max-width: 700px) {
    .fo-footer-final .fo-footer-logo {
        width: 54px !important;
        max-width: 54px !important;
    }
    .fo-footer-final .fo-footer-slogan {
        font-size: 4.5px !important;
    }
}

/* FO_AUMENTO_30_FINAL */
.fo-footer-final .fo-footer-logo {
    width: 83px !important;
    max-width: 83px !important;
    height: auto !important;
}
.fo-footer-final .fo-footer-slogan {
    font-size: 7px !important;
}
@media (max-width: 700px) {
    .fo-footer-final .fo-footer-logo {
        width: 70px !important;
        max-width: 70px !important;
    }
    .fo-footer-final .fo-footer-slogan {
        font-size: 5.9px !important;
    }
}

/* FO_POWERED_BY */
.fo-footer-final .fo-footer-link {
    display: inline-flex;
    align-items: center;
}
.fo-footer-final .fo-powered-by {
    color: #ffffff;
    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
}
@media (max-width: 700px) {
    .fo-footer-final .fo-powered-by {
        font-size: 9px;
    }
}

/* FO_CONJUNTO_MAIS_15 */
.fo-footer-final .fo-footer-logo {
    width: 95.5px !important;
    max-width: 95.5px !important;
}
.fo-footer-final .fo-footer-slogan {
    font-size: 8.05px !important;
}
.fo-footer-final .fo-powered-by {
    font-size: 11.5px !important;
}

@media (max-width: 700px) {
    .fo-footer-final .fo-footer-logo {
        width: 80.5px !important;
        max-width: 80.5px !important;
    }
    .fo-footer-final .fo-footer-slogan {
        font-size: 6.8px !important;
    }
    .fo-footer-final .fo-powered-by {
        font-size: 10.35px !important;
    }
}

/* FO_POWERED_ANTES_LOGO */
.fo-footer-final .fo-footer-link {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
}
.fo-footer-final .fo-powered-by {
    order: -1 !important;
    color: #fff !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* FO_SLOGAN_EMBAIXO_LOGO */
.fo-footer-final .fo-footer-link {
    display: grid !important;
    grid-template-columns: auto auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 5px !important;
    row-gap: 0 !important;
    align-items: center !important;
}

.fo-footer-final .fo-powered-by {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
}

.fo-footer-final .fo-footer-logo {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
}

.fo-footer-final .fo-footer-slogan {
    grid-column: 2 !important;
    grid-row: 2 !important;
    text-align: center !important;
}


/* FO_CENARIO_HORIZONTAL_EXCLUSIVO */
@media screen and (orientation: landscape)
       and (max-height: 550px)
       and (max-width: 1050px) {
  .landing {
    background-image: url('cenario-horizontal.png');
  }
}

/* FO_TESTE_DESCER_5PX */
@media (orientation:landscape) and (max-height:550px) and (max-width:1050px) {
  .content {
    transform: translateY(5px);
  }
}

/* FO_LOGO_VERTICAL_TESTE */
@media (orientation:portrait) and (max-width:700px) {
  .branding {
    transform: translateY(-10px);
  }
}

/* FO_TESTE_ESPACO_TOPO_VERTICAL */
@media (orientation:portrait) and (min-width:371px) and (max-width:700px) {
  .hero-art {
    height:175px;
  }
}

/* FO_LOGO_SLOGAN_ESQUERDA_65PX */
@media (orientation:portrait) and (max-width:700px) {
  .branding {
    position:relative;
    left:-65px;
  }
  .branding .logo {
    left:auto;
  }
}

/* FO_CONTEUDO_SUBIR_15PX */
@media (orientation:portrait) and (max-width:700px) {
  .content > h1 {
    position:relative;
    top:-15px;
    margin-bottom:-15px;
  }
  .content > h1 ~ *:not(.fo-footer) {
    position:relative;
    top:-15px;
  }
}

/* FO_CORRECAO_TITULOS_5PX */
@media (orientation:portrait) and (max-width:700px) {
  .content > h1 {
    top:-13px;
    margin-bottom:0;
  }
  .content > h1 + * {
    top:-6px;
  }
}

/* FO_CARRETEL_ESQUERDA_3PX */
@media (orientation:portrait) and (max-width:700px) {
  .mobile-spool {
    transform:translateX(-3px);
  }
}

/* FO_LOGO_SLOGAN_SUBIR_10PX */
@media (orientation:portrait) and (max-width:700px) {
  .branding {
    transform:translateY(-20px);
  }
}
