/* Landing page do Escola Acolhedora. Só esta página carrega este arquivo.
   Título branco sobre turquesa, como no carrossel, dá 2,43:1: na web a base é o petróleo,
   e a turquesa fica para o realce claro (--turquesa-300: 6,09:1 no --petroleo-800, medido). */
.ea-largura{max-width:1160px;margin-inline:auto;padding-inline:var(--sp-5)}
.ea-topo{background:var(--petroleo-900);padding-block:var(--sp-3)}
.ea-topo .ea-largura{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}
.ea-topo img{filter:brightness(0) invert(1);height:25px;width:auto}
.ea-topo-cta{color:var(--turquesa-300);font-weight:700;font-size:.92rem;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.ea-topo-cta:hover{text-decoration:underline}

mark{background:var(--ambar-500);color:var(--tinta);padding:0 .22em;font-style:italic;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}

.ea-hero{position:relative;overflow:hidden;background-color:var(--petroleo-800);
  background-image:linear-gradient(color-mix(in srgb,var(--branco) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--branco) 6%,transparent) 1px,transparent 1px);background-size:96px 96px}
.ea-hero::before{content:"";position:absolute;left:-130px;bottom:-110px;width:340px;height:430px;border:42px solid var(--ambar-500);border-radius:50%;opacity:.9}
.ea-hero-grade{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:var(--sp-7);align-items:start;padding-top:var(--sp-8)}
.ea-hero-texto{display:flex;flex-direction:column;align-items:flex-start;min-height:100%}
.ea-selo{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--turquesa-300);font-size:.86rem;margin-bottom:var(--sp-3)}
.ea-titulo{font-family:var(--font-titulo);text-transform:uppercase;font-weight:700;color:var(--branco);font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.04}
.ea-tarja{display:block;width:fit-content;font-size:1.72em;line-height:1;color:var(--turquesa-300);margin-block:var(--sp-1)}
.ea-pergunta{margin-top:var(--sp-4);color:var(--branco);font-size:clamp(1.15rem,2.1vw,1.45rem);line-height:1.5}
.ea-menino{width:min(430px,82%);height:auto;margin-top:var(--sp-4);align-self:center;display:block}

.ea-cartao{background:var(--branco);border-radius:var(--raio-md);padding:var(--sp-6);margin-bottom:var(--sp-8);box-shadow:var(--sombra-pop);scroll-margin-top:var(--sp-4)}
.ea-form-tit{font-family:var(--font-titulo);text-transform:uppercase;color:var(--petroleo-800);font-size:1.9rem;line-height:1.1}
.ea-form-sub{color:var(--tinta-60);margin:var(--sp-2) 0 var(--sp-4);font-size:.98rem}
.ea-cartao .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
.ea-cartao .checks{margin-top:var(--sp-4);display:block}
.ea-cartao .form-grid>.field:last-child{grid-column:1/-1}
.ea-consent{font-size:.84rem;line-height:1.45;align-items:flex-start}
.ea-consent a{color:var(--petroleo-700)}
.ea-cartao .form-submit{margin-top:var(--sp-4)}
.ea-enviar{width:100%;justify-content:center}
.ea-cartao .form-note{text-align:center;font-size:.84rem;margin-top:var(--sp-2)}

.ea-faixa-fila{background:var(--papel);padding-block:var(--sp-10)}
.ea-mais{font-size:clamp(1.3rem,2.6vw,1.8rem);color:var(--petroleo-800)}
.ea-numero{display:inline-block;font-family:var(--font-titulo);font-weight:700;text-transform:uppercase;line-height:1;font-size:clamp(2.8rem,10vw,7rem);color:var(--turquesa-300);background:var(--petroleo-800);padding:.1em .18em .24em;   /* o rabo do Ç sai da caixa de linha */
margin-block:var(--sp-2) var(--sp-3)}
.ea-numero--escuro{color:var(--petroleo-900);background:var(--turquesa-500)}
.ea-texto{color:var(--petroleo-800);font-size:clamp(1.15rem,2.4vw,1.6rem);line-height:1.4;max-width:34em}
.ea-texto--grande{font-size:clamp(1.3rem,3vw,2.1rem);line-height:1.3}

.ea-sem-laudo{background:var(--branco);padding-block:var(--sp-10)}
.ea-duas{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--sp-7);align-items:center}
.ea-destaque{background:var(--petroleo-800);color:var(--branco);font-family:var(--font-titulo);font-weight:700;text-transform:uppercase;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.15;padding:var(--sp-6);border-radius:var(--raio-md)}

.ea-solucao{background:var(--papel);padding-top:var(--sp-10);overflow:hidden}
.ea-solucao-grade{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:var(--sp-7);align-items:end}
.ea-menina{width:100%;height:auto;display:block}
.ea-solucao-grade>div{padding-bottom:var(--sp-10)}
.ea-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-5)}
.ea-kpi{background:var(--branco);border-left:6px solid var(--turquesa-500);border-radius:var(--raio-sm);padding:var(--sp-4)}
.ea-kpi b{display:block;font-family:var(--font-titulo);font-size:clamp(2rem,4vw,3rem);color:var(--petroleo-800);line-height:1.05}
.ea-kpi span{color:var(--tinta-60);font-size:.98rem}

.ea-final{background:var(--petroleo-800);text-align:center;padding-top:var(--sp-10);overflow:hidden}
.ea-final-kick{color:var(--branco);font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:700}
.ea-final-tit{display:inline-block;font-family:var(--font-titulo);font-weight:700;text-transform:uppercase;color:var(--petroleo-900);background:var(--turquesa-500);font-size:clamp(2rem,6vw,4.2rem);line-height:1.05;padding:.12em .3em;margin-block:var(--sp-2) var(--sp-3)}
.ea-final-sub{color:var(--branco);font-size:1.1rem;margin-bottom:var(--sp-5)}
.ea-criancas{display:block;width:min(900px,100%);height:auto;margin:var(--sp-7) auto 0}

@media(max-width:900px){
  .ea-hero-grade{grid-template-columns:minmax(0,1fr);padding-top:var(--sp-6);gap:var(--sp-4)}
  .ea-hero::before{left:-200px;top:400px;bottom:auto;width:300px;height:330px;border-width:32px}
  .ea-menino{width:min(300px,72%)}
  .ea-duas,.ea-solucao-grade{grid-template-columns:minmax(0,1fr)}
  .ea-menina{width:min(300px,72%);margin-inline:auto;order:2}
  .ea-solucao-grade>div{padding-bottom:0}
}
@media(max-width:560px){
  .ea-cartao{padding:var(--sp-4)}
  .ea-cartao .form-grid,.ea-kpis{grid-template-columns:minmax(0,1fr)}
}