/*
 * Prohall — index.php (Home): classes exclusivas desta página
 * (padrões que só aparecem aqui; o que se repete em outras páginas está em
 * assets/css/components.css). Nenhum style="" deveria sobrar em index.php,
 * exceto o posicionamento left/top dos marcadores do mapa-múndi, que é
 * calculado por país no PHP (renderização dinâmica, não um valor fixo).
 *
 * NOTA para consolidação futura: as regras .ph-g4 / .ph-cta / .ph-g5 abaixo
 * são a base "desktop" dessas classes-hook (hoje só existem overrides de
 * @media em prohall.css). Elas foram adicionadas aqui porque não podem
 * entrar em components.css/prohall.css neste momento (arquivos compartilhados
 * em edição por outros agentes). Se outra página também precisar da mesma
 * base, o ideal é mover .ph-g4/.ph-cta/.ph-g5 para components.css e remover
 * a duplicata daqui.
 */

/* ---- 1. Hero ---- */
.home-hero{width:100%;min-height:600px;display:flex;align-items:center}
.home-hero-img{object-position:center right}
.home-hero-scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.6) 34%,rgba(10,10,10,.2) 62%,rgba(10,10,10,0) 88%)}
.home-hero-inner{position:relative;padding:80px 40px;width:100%}
.home-hero-text{max-width:580px;color:#fff}
.home-hero-badge{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.28)}
.home-hero-title{font:800 54px/1.06 'Manrope',sans-serif;letter-spacing:-1.8px;margin:24px 0 0;text-wrap:balance}
.home-hero-lead{font:400 16.5px/1.65 'Manrope',sans-serif;color:rgba(255,255,255,.78);max-width:480px;margin:22px 0 0}
.home-hero-btnrow{display:flex;gap:13px;margin-top:34px;flex-wrap:wrap}
.ph-btn-solid.home-btn-invert-hero{color:#141414;background:#fff;white-space:nowrap}
.home-btn-line-hero{font:700 13.5px 'Manrope',sans-serif;color:#fff;padding:15px 28px;border:1.5px solid rgba(255,255,255,.4);border-radius:9px;text-decoration:none;white-space:nowrap}

/* ---- 2. Marquee de confiança ---- */
.home-marquee-wrap{background:#141414;overflow:hidden}
.home-marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}
.home-marquee-group{display:flex;align-items:center;padding:14px 0;color:#fff;white-space:nowrap}
.home-marquee-item{font:700 11.5px 'Manrope',sans-serif;letter-spacing:2px;padding:0 32px}
.home-marquee-sep{color:#5a5a5a}

/* ---- Utilitários compartilhados dentro desta página ---- */
.home-container-pad80{padding:80px 40px}
.home-bg-soft{background:#f7f7f8}
.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:34px;gap:20px}
.home-h2{font:800 34px/1.05 'Manrope',sans-serif;letter-spacing:-1px;margin:12px 0 0}
.home-nav-link{font:700 13px 'Manrope',sans-serif;white-space:nowrap;padding-bottom:2px}
.home-empty-msg{color:#8a8a8a;font:400 14px 'Manrope',sans-serif}

/* ---- 3. Prohall em números ---- */
.home-stats-inner{padding:76px 40px 72px}
.home-stats-head{max-width:640px;margin:0 0 40px}
.home-stats-lead{font:700 25px/1.38 'Manrope',sans-serif;margin:14px 0 0;letter-spacing:-.6px;text-wrap:balance}
.ph-g5{display:grid;grid-template-columns:repeat(5,1fr)}
.ph-stats-panel{border:1px solid rgba(0,0,0,.1);border-radius:16px;overflow:hidden;background:#fff}
.home-stat-cell{padding:38px 26px 34px;border-right:1px solid rgba(0,0,0,.08)}
.home-stat-cell-last{padding:38px 26px 34px}
.home-stat-num{font:800 50px 'Manrope',sans-serif;letter-spacing:-2px}
.home-stat-label{font:600 11px 'Manrope',sans-serif;letter-spacing:.7px;color:#8a8a8a;margin-top:12px}

/* ---- 4. Produtos ---- */
.home-produtos-inner{padding:76px 40px 80px}
.home-prod-card{display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.11);border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;color:inherit}
.home-prod-imgwrap{position:relative;height:280px;background:#f6f6f8;border-bottom:1px solid rgba(0,0,0,.07);overflow:hidden}
.home-prod-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.home-prod-title{font:700 18px 'Manrope',sans-serif;letter-spacing:-.3px;margin:0}
.home-prod-more{margin-top:auto;padding-top:16px;font:700 11.5px 'Manrope',sans-serif;letter-spacing:.5px;color:#9a9a9a}

/* ---- 5. Do Brasil para o Mundo (mapa) ---- */
.home-map-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;flex-wrap:wrap;margin-bottom:44px}
.home-map-head-text{max-width:600px}
.home-map-title{font:800 40px/1.05 'Manrope',sans-serif;letter-spacing:-1.4px;margin:14px 0 0}
.home-map-lead{font:400 16px/1.7 'Manrope',sans-serif;color:#555;margin:20px 0 0;max-width:520px}
.home-map-figure{text-align:right;flex-shrink:0}
.home-map-bignum{font:800 64px/.9 'Manrope',sans-serif;letter-spacing:-3px}
.home-map-bignum-label{font:600 11px 'Manrope',sans-serif;letter-spacing:.8px;color:#8a8a8a;margin-top:8px}
.home-map-panel{background:#fafafb;border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:32px 40px}
.home-map-imgwrap{position:relative;max-width:1000px;margin:0 auto}
.home-map-img{width:100%;display:block}
.home-map-tags{display:flex;flex-wrap:wrap;gap:10px 8px;justify-content:center;margin-top:26px}
.home-map-cta-wrap{display:flex;justify-content:center;margin-top:36px}
.home-btn-solid-wide{padding:15px 30px}

/* ---- 6. Prohall Pro ---- */
.home-pro-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;flex-wrap:wrap;margin-bottom:46px}
.home-pro-head-text{max-width:560px}
.home-pro-title{font:800 38px/1.06 'Manrope',sans-serif;letter-spacing:-1.3px;margin:14px 0 0;text-wrap:balance}
.home-pro-desc-wrap{max-width:400px}
.home-pro-desc{font:400 15.5px/1.65 'Manrope',sans-serif;color:#555;margin:0}
.home-pro-hero-media{position:relative;height:450px;border-radius:18px;overflow:hidden;margin-bottom:28px;background:#0d0d0d}
.home-pro-hero-img{object-position:center 32%}
.home-pro-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.85) 0%,rgba(8,8,8,.4) 42%,rgba(8,8,8,.12) 72%,rgba(8,8,8,.45) 100%)}
.home-pro-caption{position:absolute;left:40px;right:40px;bottom:40px;color:#fff;max-width:640px}
.home-pro-caption-eyebrow{font:600 14px/1.5 'Manrope',sans-serif;color:rgba(255,255,255,.82)}
.home-pro-caption-title{font:800 36px/1.08 'Manrope',sans-serif;letter-spacing:-1.2px;margin:10px 0 0;text-wrap:balance}
.home-pro-grid{gap:18px}
.home-pro-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.home-pro-card-num{font:700 11px 'Manrope',sans-serif;opacity:.35}
.home-pro-card-title{font:800 16px 'Manrope',sans-serif;letter-spacing:-.3px}
.home-pro-card-desc{font:400 13.5px/1.5 'Manrope',sans-serif;margin:7px 0 0}
.home-pro-cta-wrap{display:flex;justify-content:center;margin-top:42px}
.home-pro-cta-btn{padding:15px 30px;border:1.5px solid #141414}

/* ---- 7. Blog ---- */
.home-blog-inner{padding:80px 40px 84px}
.home-blog-grid{gap:26px}
.home-blogcard-link{text-decoration:none;color:inherit}
.home-blogimg-el{position:relative;height:220px;border-radius:14px;overflow:hidden;margin-bottom:16px;background:#f2f2f4}
.home-blog-badge{position:absolute;top:12px;left:12px;z-index:2;font:700 9.5px 'Manrope',sans-serif;letter-spacing:1px;color:#fff;background:#141414;padding:5px 10px;border-radius:100px}
.home-blog-title{font:700 19px/1.28 'Manrope',sans-serif;letter-spacing:-.3px;margin:9px 0 8px}
.home-blog-excerpt{font:400 13.5px/1.55 'Manrope',sans-serif;color:#666;margin:0}

/* ---- 8. CTA final ---- */
.home-cta-section{background:#141414}
.home-cta-bgmap{position:absolute;right:-6%;top:50%;transform:translateY(-50%);width:62%;opacity:.07;filter:invert(1);pointer-events:none}
.ph-cta{position:relative;max-width:1240px;margin:0 auto;padding:84px 40px;display:grid;grid-template-columns:1.4fr .6fr;gap:48px;align-items:center}
.home-cta-eyebrow{color:rgba(255,255,255,.5)}
.home-cta-title{font:800 46px/1.03 'Manrope',sans-serif;letter-spacing:-1.6px;margin:14px 0 0;text-wrap:balance}
.home-cta-text{font:400 16px/1.65 'Manrope',sans-serif;color:#a8a8a8;max-width:540px;margin:18px 0 0}
.home-cta-feats{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:28px}
.home-cta-feat{display:flex;align-items:center;gap:9px}
.home-cta-feat-text{font:600 13.5px 'Manrope',sans-serif;color:#e6e6e6}
.home-cta-btns{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.ph-btn-solid.home-btn-invert-cta{font:700 14px 'Manrope',sans-serif;color:#141414;background:#fff;padding:16px 30px;white-space:nowrap;text-align:center}
.home-btn-line-cta{font:700 14px 'Manrope',sans-serif;color:#fff;padding:16px 30px;border:1.5px solid rgba(255,255,255,.35);border-radius:9px;text-decoration:none;white-space:nowrap;text-align:center}

/* ---- Responsivo (mobile/tablet) ----
   As paddings de seção acima (.home-hero-inner, .home-stats-inner,
   .home-container-pad80, .home-produtos-inner, .home-blog-inner, .ph-cta)
   eram bespoke desta página e não tinham nenhum ajuste para telas pequenas
   até agora — corrigido aqui, mesmo corte de breakpoint do resto do site
   (ver assets/css/tokens.css: 860px). */
@media (max-width:860px){
  .home-hero-inner{padding:40px 24px}
  .home-stats-inner,
  .home-container-pad80,
  .home-produtos-inner,
  .home-blog-inner{padding:50px 24px}
  .ph-cta{padding:50px 24px !important}

  /* números "Prohall em números": empilha 1 coluna e reduz um pouco a fonte */
  .ph-g5{grid-template-columns:1fr !important}
  .home-stat-num{font-size:40px}
  .home-stat-cell{border-right:none;border-bottom:1px solid rgba(0,0,0,.08)}
  .home-stat-cell-last{border-bottom:none}

  /* títulos de seção — só o h1 do hero (.ph-heroh1) tinha redução até agora;
     os h2/h3 de cada seção ficam no tamanho de desktop sem isso */
  .home-h2{font-size:26px}
  .home-stats-lead{font-size:19px}
  .home-map-title{font-size:30px}
  .home-pro-title{font-size:28px}
  .home-pro-caption-title{font-size:26px}
  .home-cta-title{font-size:32px}

  /* mapa — o rótulo "Brasil · Sede" (.ph-tip, sempre visível) fica grande
     demais proporcionalmente quando o mapa encolhe; e os países extras
     (.home-map-tags) ficam mais compactos */
  .home-map-panel{padding:20px}
  .ph-tip{font-size:9px;padding:4px 7px}
  .home-map-tags{gap:6px}
  .ph-country{font:600 11px 'Manrope',sans-serif;padding:5px 10px}
}