/* Caminho A, escolhido em 20/10/2026: as cores do manual da Patera (azul escuro na primeira tela, marrom na faixa da
   frase, amarelo na consultoria, azul claro no fundo das seções), com as texturas de antes: patinhas tom sobre tom,
   grão e trama nos fundos, feltro no amarelo. Sem as manchas, a pata grande e a insígnia do manual (ele preferiu assim). */

.marca{--fundo:#EEF4FE;--fundo-2:#F7FAFF;--fundo-patas:var(--tx-patas-ceu);--sublinhado:#FFD766}

/* primeira tela em azul escuro com patinhas */
.marca .o1-hero h1{font-size:clamp(40px,4.9vw,64px);color:#fff}
.marca .o1-hero .lead,.marca .o1-hero .on-line,.marca .o1-hero .outra{color:#D6E3FC}
.marca .o1-hero .olho{color:#FFD766}
.marca .o1-hero .olho::before{background:#FFD766}
.marca .o1-hero .outra a{color:#FFD766}
.marca .o1-hero .link{color:#fff;border-bottom-color:rgba(255,255,255,.45)}
.marca .o1-hero .on-line i{box-shadow:0 0 0 3px rgba(37,211,102,.35)}
.marca .o1-foto .circ{border-color:#FFD766}

/* história da LS em marrom com patinhas: a frase no topo e quatro passos curtos com patch bordado */
.lema{position:relative;overflow:hidden;padding:clamp(64px,8vw,104px) 0}
.lema .wrap{position:relative;z-index:1}
.lema .olho{color:#FFD766}
.lema .olho::before{background:#FFD766}
.lema-topo{display:flex;justify-content:space-between;align-items:center;gap:40px}
.lema-frase{margin-top:16px;max-width:17em;font-family:var(--fonte-tit);font-weight:700;font-size:clamp(32px,4.2vw,52px);line-height:1.1;letter-spacing:-.02em;color:#FFD766;text-wrap:balance}
.lema-selo .patch{width:116px;height:auto;transform:rotate(-6deg)}
.lema-linha{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:40px}
.lema-linha::before{content:"";position:absolute;left:12%;right:12%;top:38px;border-top:2.5px dashed rgba(255,215,102,.55)}
.lema-passo{position:relative;margin-top:38px;padding:0 22px 26px;border-radius:22px;background:rgba(255,255,255,.07)}
.lema-passo .patch{width:76px;margin:-38px 0 14px;position:relative;z-index:3}
.lema-passo small{display:block;font-family:var(--fonte-tit);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#FFD766}
.lema-passo h3{margin-top:6px;font-size:21px;font-weight:700;color:#fff}
.lema-passo p{margin-top:8px;font-size:15.5px;line-height:1.55;color:#F3DEDE}
.lema-link{display:inline-block;margin-top:30px;font-family:var(--fonte-tit);font-weight:600;font-size:16px;color:#FFD766;text-decoration:none;padding-bottom:3px;border-bottom:2px solid rgba(255,215,102,.45)}
.lema-link:hover{border-bottom-color:#FFD766}

/* fechamento em azul escuro */
.marca .o1-final{background:#1A085D}
.marca .o1-final::before{background:linear-gradient(90deg,#1A085D 0%,#1A085D 34%,rgba(26,8,93,.7) 41%,rgba(26,8,93,0) 58%)}

@media (max-width:900px){
  .marca .o1-hero .texto{padding-bottom:8px}
  .lema-linha{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 18px}
  .lema-linha::before{display:none}
  .lema-selo .patch{width:92px}
}
@media (max-width:640px){
  .marca .o1-hero .texto{padding-top:34px}
  .marca .o1-hero .olho{font-size:11.5px;letter-spacing:.1em}
  .marca .o1-hero h1{font-size:clamp(33px,9.4vw,40px);line-height:1.14;letter-spacing:-.012em;margin-top:18px}
  .marca .o1-hero .lead{font-size:16.5px;line-height:1.62;margin-top:26px}
  .marca .o1-hero .ctas{margin-top:32px}
  .marca .o1-hero .on-line{margin-top:24px;font-size:13.5px;line-height:1.5}
  .marca .o1-hero .outra{margin-top:16px;font-size:14.5px;line-height:1.6}
  .marca .o1-foto{margin-top:36px}
  .lema-topo{display:block}
  .lema-selo{display:none}
  .lema-frase{font-size:30px;line-height:1.15}
  .lema-linha{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}
  .lema-passo{margin-top:0;padding:18px 18px 20px 90px;min-height:96px}
  .lema-passo .patch{position:absolute;left:14px;top:18px;width:62px;margin:0}
  .lema-passo h3{font-size:18.5px}
  .lema-passo p{font-size:15px}
  .marca .o1-final::before{background:linear-gradient(0deg,#1A085D 0%,#1A085D 40%,rgba(26,8,93,.6) 50%,rgba(26,8,93,0) 66%)}
}