/* Área Mondial de la Bière. Usa só tokens do DS do T2 (navy + laranja), fontes herdadas do site. */
.fator_criativo .mondial{
  --md-navy:#1a2b42; --md-navy-d:#0f1620; --md-navy-m:#263850;
  --md-orange:#f9a431; --md-orange-plus:#ff3c00;
  --md-bg:#f7f9fc; --md-line:#e8edf6; --md-text:#263850; --md-muted:#5578a4;
  --md-r:12px;
  color:var(--md-text);
}
.fator_criativo .mondial *{box-sizing:border-box}
.fator_criativo .mondial .md-section{padding:24px 0 72px}

/* Ritmo: blocos separados por 64px, título a 22px do conteúdo */
.fator_criativo .mondial .md-bloco{margin-top:64px}
.fator_criativo .mondial h2.md-h2{font-size:26px;font-weight:600;line-height:1.2;color:var(--md-navy);margin:0 0 22px !important;padding-bottom:14px;position:relative}
.fator_criativo .mondial h2.md-h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--md-orange),var(--md-orange-plus))}

/* Botões */
.fator_criativo .mondial .md-btn{display:inline-block;padding:13px 26px;border-radius:4px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.fator_criativo .mondial .md-btn--sm{padding:9px 18px;font-size:14px;margin-top:12px}
.fator_criativo .mondial .md-btn--primary{background:linear-gradient(120deg,var(--md-orange),var(--md-orange-plus));color:#fff;box-shadow:0 8px 22px rgba(249,164,49,.28)}
.fator_criativo .mondial .md-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(249,164,49,.4);color:#fff}
.fator_criativo .mondial .md-btn--ghost{border:2px solid rgba(255,255,255,.55);color:#fff}
.fator_criativo .mondial .md-btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}

/* Hero */
.fator_criativo .mondial .md-hero{background-color:var(--md-navy-d);background-size:cover;background-position:center;color:#fff;border-radius:16px;padding:64px 48px;min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 24px 60px rgba(15,22,32,.28)}
.fator_criativo .mondial .md-hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:600;font-size:13px;padding:6px 14px;border-radius:100px;margin-bottom:22px}
.fator_criativo .mondial .md-hero__dot{width:8px;height:8px;border-radius:50%;background:var(--md-orange);box-shadow:0 0 0 4px rgba(249,164,49,.3)}
.fator_criativo .mondial .md-hero__titulo{font-size:clamp(34px,5.6vw,58px);line-height:1.05;font-weight:600;margin:0 0 12px;color:#fff;max-width:640px}
.fator_criativo .mondial .md-hero__titulo em{font-style:normal;color:var(--md-orange)}
.fator_criativo .mondial .md-hero__data{font-size:18px;font-weight:500;margin:0 0 6px;color:#fff;opacity:.95}
.fator_criativo .mondial .md-hero__sub{font-size:16px;margin:0 0 30px;color:#fff;opacity:.8}
.fator_criativo .mondial .md-hero__acoes{display:flex;gap:12px;flex-wrap:wrap}

/* Faixa de números: uma barra só, divisórias finas */
.fator_criativo .mondial .md-faixa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-34px;position:relative;z-index:2;margin-left:28px;margin-right:28px;background:#fff;border:1px solid var(--md-line);border-radius:var(--md-r);box-shadow:0 14px 34px rgba(20,34,53,.14)}
.fator_criativo .mondial .md-faixa>div{padding:20px 12px;text-align:center;border-left:1px solid var(--md-line)}
.fator_criativo .mondial .md-faixa>div:first-child{border-left:0}
.fator_criativo .mondial .md-faixa strong{display:block;font-size:28px;font-weight:600;color:var(--md-navy);line-height:1.1}
.fator_criativo .mondial .md-faixa span{font-size:13px;color:var(--md-muted)}

/* Sobre */
.fator_criativo .mondial .md-sobre{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:center}
.fator_criativo .mondial .md-sobre__texto p{font-size:16.5px;line-height:1.7;max-width:62ch;margin:0 0 16px}
.fator_criativo .mondial .md-sobre__fotos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fator_criativo .mondial .md-sobre__fotos img{width:100%;height:340px;object-fit:cover;border-radius:14px;box-shadow:0 16px 40px rgba(15,22,32,.18)}
.fator_criativo .mondial .md-sobre__fotos img:nth-child(2){margin-top:36px}

/* Tiles com foto de fundo e texto sobreposto */
.fator_criativo .mondial .md-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fator_criativo .mondial .md-tile{position:relative;min-height:300px;border-radius:var(--md-r);overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 22px rgba(15,22,32,.12)}
.fator_criativo .mondial .md-tile:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,22,32,.22)}
.fator_criativo .mondial .md-tile__texto{width:100%;padding:60px 24px 22px;background:linear-gradient(180deg,rgba(15,22,32,0) 0%,rgba(15,22,32,.88) 70%)}
.fator_criativo .mondial .md-tile h3{font-size:20px;font-weight:600;margin:0 0 6px !important;color:#fff}
.fator_criativo .mondial .md-tile p{font-size:14.5px;line-height:1.55;margin:0;color:#fff;opacity:.88;max-width:52ch}

/* Ingresso Experiência */
.fator_criativo .mondial .md-exp{margin-top:64px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:var(--md-navy);color:#fff;border-radius:16px;overflow:hidden}
.fator_criativo .mondial .md-exp__texto{padding:44px}
.fator_criativo .mondial .md-exp__tag{display:inline-block;background:var(--md-orange);color:var(--md-navy-d);font-weight:600;font-size:12px;padding:5px 12px;border-radius:100px}
.fator_criativo .mondial .md-exp h2{font-size:28px;font-weight:600;color:#fff;margin:14px 0 18px !important;line-height:1.2}
.fator_criativo .mondial .md-exp ul{list-style:none;padding:0;margin:0 0 26px}
.fator_criativo .mondial .md-exp li{padding:9px 0 9px 26px;position:relative;line-height:1.5;border-top:1px solid rgba(255,255,255,.12)}
.fator_criativo .mondial .md-exp li:first-child{border-top:0}
.fator_criativo .mondial .md-exp li::before{content:"";position:absolute;left:0;top:16px;width:10px;height:10px;border-radius:50%;background:var(--md-orange)}
.fator_criativo .mondial .md-exp__foto{background-size:cover;background-position:center;min-height:300px}

/* Dias */
.fator_criativo .mondial .md-dias{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fator_criativo .mondial .md-dia{background:#fff;border:1px solid var(--md-line);border-top:4px solid var(--md-orange);border-radius:var(--md-r);padding:20px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;transition:transform .2s ease,box-shadow .2s ease}
.fator_criativo .mondial .md-dia:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,34,53,.12)}
.fator_criativo .mondial .md-dia__dow{color:var(--md-orange-plus);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.fator_criativo .mondial .md-dia__data{font-size:26px;font-weight:600;color:var(--md-navy)}
.fator_criativo .mondial .md-dia__hora{font-size:14px;color:var(--md-muted)}

/* Cervejarias */
.fator_criativo .mondial .md-cervejarias{display:flex;flex-wrap:wrap;gap:8px;background:var(--md-bg);border:1px solid var(--md-line);border-radius:var(--md-r);padding:24px}
.fator_criativo .mondial .md-cervejarias span{background:#fff;border:1px solid var(--md-line);border-radius:100px;padding:7px 15px;font-size:14px;font-weight:500;color:var(--md-navy)}
.fator_criativo .mondial .md-cervejarias .md-cervejarias__mais{background:var(--md-navy);border-color:var(--md-navy);color:#fff}

/* Antes de ir: lista com ícone, sem caixas */
.fator_criativo .mondial .md-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
.fator_criativo .mondial .md-info__item{display:flex;gap:16px;align-items:flex-start}
.fator_criativo .mondial .md-info__icon{flex:0 0 48px;width:48px;height:48px;border-radius:var(--md-r);background:linear-gradient(135deg,rgba(249,164,49,.18),rgba(255,60,0,.14));color:var(--md-orange-plus);display:flex;align-items:center;justify-content:center;font-size:20px}
.fator_criativo .mondial .md-info h3{font-size:17px;font-weight:600;margin:0 0 4px !important;color:var(--md-navy)}
.fator_criativo .mondial .md-info p{font-size:15px;line-height:1.6;margin:0;color:var(--md-text)}
.fator_criativo .mondial .md-regras2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
.fator_criativo .mondial .md-regras2__col{border-radius:var(--md-r);padding:24px;background:#fff;border:1px solid var(--md-line)}
.fator_criativo .mondial .md-regras2__col h3{font-size:18px;font-weight:600;margin:0 0 10px !important}
.fator_criativo .mondial .md-regras2__col ul{padding-left:18px;line-height:1.75;margin:0;color:var(--md-text)}
.fator_criativo .mondial .md-regras2__col--ok{border-top:4px solid var(--md-orange)}
.fator_criativo .mondial .md-regras2__col--ok h3,.fator_criativo .mondial .md-regras2__col--no h3{color:var(--md-navy)}
.fator_criativo .mondial .md-regras2__col--ok h3 .fi{color:var(--md-orange)}
.fator_criativo .mondial .md-regras2__col--no{border-top:4px solid var(--md-orange-plus)}
.fator_criativo .mondial .md-regras2__col--no h3 .fi{color:var(--md-orange-plus)}

/* Como chegar */
.fator_criativo .mondial .md-local{margin-top:64px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;background:var(--md-navy-d);color:#fff;border-radius:16px;padding:36px 40px}
.fator_criativo .mondial .md-local h2{font-size:24px;font-weight:600;color:#fff;margin:0 0 10px !important}
.fator_criativo .mondial .md-local h2 .fi{color:var(--md-orange)}
.fator_criativo .mondial .md-local p{margin:0 0 8px;max-width:58ch;line-height:1.6;color:#fff;opacity:.85}
.fator_criativo .mondial .md-local .md-local__end{opacity:1;font-weight:500}
.fator_criativo .mondial .md-fonte{margin-top:28px;font-size:13px;color:var(--md-muted);max-width:80ch}

/* Intro das páginas internas */
.fator_criativo .mondial .md-intro{font-size:17px;line-height:1.65;max-width:68ch;margin:0 0 28px}

/* Shows */
.fator_criativo .mondial .md-shows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.fator_criativo .mondial .md-show{background:var(--md-navy);color:#fff;border-radius:var(--md-r);padding:22px;overflow:hidden;box-shadow:0 8px 22px rgba(15,22,32,.12)}
.fator_criativo .mondial .md-show__head{margin-bottom:16px}
.fator_criativo .mondial .md-show__dow{color:var(--md-orange);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.fator_criativo .mondial .md-show__data{font-size:26px;font-weight:600;margin:2px 0 4px !important;color:#fff}
.fator_criativo .mondial .md-show__hora{font-size:14px;opacity:.8}
.fator_criativo .mondial .md-show__img{width:100%;height:auto;border-radius:8px;display:block;margin-bottom:16px}
.fator_criativo .mondial .md-show__breve{opacity:.7;margin:0}
.fator_criativo .mondial .md-show__lista{list-style:none;padding:0;margin:0}
.fator_criativo .mondial .md-show__lista li{padding:7px 0;font-size:16px;border-top:1px solid rgba(255,255,255,.12)}
.fator_criativo .mondial .md-show__lista li.md-show__head-liner{font-size:24px;font-weight:600;color:var(--md-orange);border-top:0;padding-top:0}

/* Ingressos */
.fator_criativo .mondial .md-precos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fator_criativo .mondial .md-preco{background:#fff;border:1px solid var(--md-line);border-top:4px solid var(--md-orange);border-radius:var(--md-r);padding:26px}
.fator_criativo .mondial .md-preco--premium{background:var(--md-navy);border-color:var(--md-navy);border-top-color:var(--md-orange-plus);color:#fff}
.fator_criativo .mondial .md-preco h3{font-size:22px;font-weight:600;margin:0 0 4px !important;color:var(--md-navy)}
.fator_criativo .mondial .md-preco--premium h3{color:#fff}
.fator_criativo .mondial .md-preco__desc{opacity:.8;margin:0 0 10px}
.fator_criativo .mondial .md-preco ul,.fator_criativo .mondial .md-regras{padding-left:18px;line-height:1.75;margin:0}
.fator_criativo .mondial .md-nota{margin-top:20px;font-size:14px;color:var(--md-muted);max-width:75ch}
.fator_criativo .mondial .md-cta{margin-top:40px}
.fator_criativo .mondial .md-cta p{margin-top:12px;font-size:14px;color:var(--md-muted)}

@media (max-width:900px){
 .fator_criativo .mondial .md-hero{padding:40px 24px;min-height:360px}
 .fator_criativo .mondial .md-faixa{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:12px;margin-right:12px}
 .fator_criativo .mondial .md-faixa>div:nth-child(3){border-left:0}
 .fator_criativo .mondial .md-faixa>div:nth-child(n+3){border-top:1px solid var(--md-line)}
 .fator_criativo .mondial .md-sobre,.fator_criativo .mondial .md-exp,.fator_criativo .mondial .md-info,.fator_criativo .mondial .md-regras2,.fator_criativo .mondial .md-tiles,.fator_criativo .mondial .md-shows,.fator_criativo .mondial .md-precos{grid-template-columns:1fr}
 .fator_criativo .mondial .md-dias{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fator_criativo .mondial .md-sobre{gap:28px}
 .fator_criativo .mondial .md-sobre__fotos img{height:230px}
 .fator_criativo .mondial .md-exp__texto{padding:26px}
 .fator_criativo .mondial .md-local{padding:26px}
 .fator_criativo .mondial .md-bloco{margin-top:48px}
}
.fator_criativo .mondial h2.md-h2{margin-top:56px !important}
.fator_criativo .mondial .md-bloco>h2.md-h2{margin-top:0 !important}
.fator_criativo .mondial .md-dias+.md-h2,.fator_criativo .mondial .md-regras+.md-cta{margin-top:56px !important}
