/* =====================================================================
   Vender no Whats: ajustes próprios sobre o kit (tema.css)
   Preto + verde da marca (#7ed957). Destaque = grifo, nunca letra verde.
   ===================================================================== */

/* tipografia: Archivo largo nos títulos */
.display, .display-2, .display-3, h1, h2, h3, .nav-brand b, .menu a, .cartao h3, .passo h3, .faq summary {
  font-family: var(--font-display); font-stretch: 112%; }
.display, .display-2 { font-weight: 800; letter-spacing: -.02em; }
.display { font-size: clamp(2.3rem, 4.6vw, 4.3rem); line-height: 1.02; }
.display-2 { font-size: clamp(1.9rem, 3.4vw, 3rem); line-height: 1.06; }
.cartao h3, .passo h3, .display-3 { font-weight: 700; }
@media (max-width: 640px) { .display, .display-2, h1, h2 { font-stretch: 92%; } }

/* destaque = grifo embaixo da palavra (texto continua branco/escuro) */
.display em, .display-2 em, .display-3 em, .claro .display em, .claro .display-2 em, .chamada .display-2 em, .verde .display-2 em {
  font-style: normal; color: inherit;
  background: linear-gradient(transparent 64%, rgba(126, 217, 87, .55) 64%, rgba(126, 217, 87, .55) 92%, transparent 92%);
  padding: 0 .06em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.verde .display-2 em, .chamada .display-2 em { background: linear-gradient(transparent 64%, rgba(11, 15, 13, .22) 64%, rgba(11, 15, 13, .22) 92%, transparent 92%); }

/* ---------- menu de ponta a ponta: transparente no topo, sólido ao rolar ---------- */
.nav { padding: 0; }
.nav-inner { width: 100%; max-width: none; border-radius: 0; border: 0; background: transparent; padding: 14px var(--gutter); transition: background .35s, box-shadow .35s; }
.nav.is-scrolled .nav-inner, body.sem-video .nav-inner { background: rgba(11, 15, 13, .94); box-shadow: 0 10px 30px -18px rgba(0,0,0,.7); }
.nav-brand img { background: transparent; padding: 0; width: 48px; height: 48px; }
.nav-brand b { font-weight: 800; font-size: 1.2rem; color: #fff; }
.nav-brand small { color: var(--celeste); }
.nav-links > a, .nav-drop > button { color: rgba(243,246,241,.86); }
.nav-drop-menu { min-width: 330px; }
.nav-drop-menu.larga { min-width: 560px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
.nav-links .nav-drop-menu a { color: var(--tinta); }
.nav-drop-menu a small { color: var(--tinta-2); }
.nav-drop-menu a:hover, .nav-drop-menu a[aria-current="page"] { background: var(--celeste-claro); color: var(--azul); }
.nav-cta { box-shadow: 0 8px 0 -2px #3f8f22; }
body.admin-bar .nav { top: 32px; }
@media (max-width: 782px) { body.admin-bar .nav { top: 46px; } }

/* botões com sombra sólida (aprovado) */
.btn-primary { background: var(--sol); color: var(--noite); box-shadow: 0 6px 0 0 #3f8f22; }
.btn-primary:hover { background: #94e670; }
.btn-whats { background: #0e8043; color: #fff; box-shadow: 0 6px 0 0 #075a2e; }
.btn-whats:hover { background: #0f8f4a; }
.btn svg { width: 20px; height: 20px; flex: none; fill: currentColor; }

/* ---------- seção VERDE cheia (alterna com o preto) ---------- */
.verde { --fg: #0b0f0d; --muted: #1d2a20; --faint: #2b3a2f; --line: rgba(11, 15, 13, .16);
  background: var(--sol); color: var(--fg); position: relative; overflow: hidden; }
.verde .label { color: #0b0f0d; }
.verde .lead { color: #1d2a20; }
.verde .cartao { background: var(--noite); border-color: transparent; color: #f3f6f1; --muted: rgba(243,246,241,.8); --fg: #f3f6f1; box-shadow: 0 24px 50px -30px rgba(0,0,0,.6); }
.verde .cartao .mais { color: var(--sol); }
.verde .cartao .icone { background: rgba(126,217,87,.16); color: var(--sol); }
.verde .lista li::before { background: #0b0f0d; box-shadow: 0 0 0 4px rgba(11,15,13,.14); }
.verde .faq summary::after { color: #0b0f0d; }
.verde .btn-primary { background: var(--noite); color: #fff; box-shadow: 0 6px 0 0 #000; }
.verde .btn-ghost { color: #0b0f0d; border: 2px solid #0b0f0d; background: transparent; }

/* padrão em movimento no fundo das seções (nada de cor chapada) */
.padrao { position: relative; isolation: isolate; }
.padrao::before { content: ''; position: absolute; inset: -40px; z-index: -1; pointer-events: none; opacity: .5;
  background-image: radial-gradient(rgba(166,227,138,.16) 1.4px, transparent 1.6px); background-size: 26px 26px;
  animation: desliza 24s linear infinite; }
.verde.padrao::before { background-image: radial-gradient(rgba(11,15,13,.13) 1.4px, transparent 1.6px); opacity: 1; }
.claro.padrao::before { background-image: radial-gradient(rgba(21,122,60,.12) 1.4px, transparent 1.6px); opacity: 1; }
@keyframes desliza { to { transform: translate(26px, 26px); } }
.luz { position: absolute; width: 520px; height: 520px; border-radius: 50%; filter: blur(90px); opacity: .22; background: var(--sol); z-index: -1; pointer-events: none; animation: vaga 18s ease-in-out infinite alternate; }
@keyframes vaga { to { transform: translate(120px, 60px) scale(1.15); } }
@media (prefers-reduced-motion: reduce) { .padrao::before, .luz { animation: none; } }

/* ---------- topo da home ---------- */
.topo-media::after {
  background: linear-gradient(to right, rgba(11,15,13,.95) 0%, rgba(11,15,13,.86) 40%, rgba(11,15,13,.35) 74%, rgba(11,15,13,.5) 100%),
              linear-gradient(to top, var(--noite) 0%, transparent 30%, transparent 80%, rgba(11,15,13,.65) 100%); }
.topo h1 { font-size: clamp(2.3rem, 4.4vw, 4.2rem); max-width: 17ch; }
.topo .mascote-topo { position: relative; width: clamp(240px, 24vw, 360px); justify-self: end; }
.topo .mascote-topo img { width: 100%; height: auto; filter: drop-shadow(0 30px 40px rgba(0,0,0,.55)); animation: flutua-m 6s ease-in-out infinite; }
@keyframes flutua-m { 50% { transform: translateY(-14px); } }
.topo .balao { right: auto; left: -40px; top: 8%; }
.topo .selo { left: auto; right: -10px; bottom: 4%; }
.selo img { background: transparent; padding: 0; }
@media (max-width: 960px) { .topo .mascote-topo { justify-self: center; width: min(62%, 280px); margin-top: 10px; } .topo .balao { left: -10px; } }

/* faixa correndo inclinada */
.faixa { background: var(--sol); }
.faixa .marquee-item { font-family: var(--font-display); font-stretch: 112%; font-weight: 800; color: var(--noite); text-transform: uppercase; letter-spacing: .01em; }
.faixa .marquee-item::after { content: '●'; font-size: .45em; color: var(--noite); }
.faixa.escura { background: var(--noite); }
.faixa.escura .marquee-item { color: #fff; }
.faixa.escura .marquee-item::after { color: var(--sol); }

/* topo das internas com mascote */
.pagina-topo { min-height: min(72svh, 660px); align-items: center; padding-top: 140px; }
.pagina-topo .conteudo { max-width: 760px; }
.pagina-topo h1 { font-size: clamp(2.1rem, 4.2vw, 3.7rem); }
.pagina-topo .grade-topo { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(24px, 5vw, 72px); align-items: center; }
.pagina-topo .mascote { width: clamp(200px, 22vw, 330px); }
.pagina-topo .mascote img { width: 100%; height: auto; filter: drop-shadow(0 28px 40px rgba(0,0,0,.55)); animation: flutua-m 6s ease-in-out infinite; }
@media (max-width: 860px) { .pagina-topo .grade-topo { grid-template-columns: minmax(0,1fr); } .pagina-topo .mascote { width: 190px; justify-self: start; order: -1; } }
.pagina-topo .fundo::after { background: linear-gradient(to top, var(--noite) 0%, rgba(11,15,13,.86) 45%, rgba(11,15,13,.7) 100%), linear-gradient(to right, rgba(11,15,13,.85), transparent 75%); }
.pagina-topo.sem-foto { background: radial-gradient(90% 80% at 85% 10%, #1d3a22 0%, var(--noite) 62%); }

/* cards: mesma altura na fileira, brilho no hover */
.grade-2, .grade-3, .grade-4 { align-items: stretch; }
.grade-2.centro-v { align-items: center; }
.cartao { height: 100%; }
.cartao .num { font-family: var(--font-display); font-stretch: 112%; font-weight: 800; font-size: .85rem; letter-spacing: .14em; color: var(--sol); }
.claro .cartao .num { color: var(--azul); }
.cartao .mascotinho { position: absolute; right: -6px; bottom: -10px; width: 96px; opacity: .95; transition: transform .5s var(--ease-out); pointer-events: none; }
a.cartao:hover .mascotinho { transform: translateY(-6px) rotate(-4deg); }
.cartao.com-mascote { padding-right: 96px; min-height: 230px; }
.shine { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.08) 45%, transparent 60%); transform: translateX(-100%); transition: transform 1s var(--ease-out); }
.cartao:hover .shine { transform: translateX(100%); }

/* para quem é / não é */
.cartao.sim { border-top: 5px solid var(--sol); }
.cartao.nao { border-top: 5px solid #e2574c; }
.lista.check li::before { content: '✓'; width: 22px; height: 22px; margin: 2px 0 0; border-radius: 50%; display: grid; place-items: center; background: var(--sol); color: var(--noite); font-weight: 900; font-size: .78rem; box-shadow: none; }
.lista.xis li::before { content: '✕'; width: 22px; height: 22px; margin: 2px 0 0; border-radius: 50%; display: grid; place-items: center; background: #e2574c; color: #fff; font-weight: 900; font-size: .72rem; box-shadow: none; }
.claro .lista.check li::before { background: var(--azul); color: #fff; }

/* aviso de transparência (InvestCRM Web) */
.aviso-box { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 18px 20px; border-radius: 16px; background: #fff7e0; border: 1.5px solid #e9c46a; color: #3a2c05; }
.aviso-box b { color: #2a1f00; }
.aviso-box .ic { width: 44px; height: 44px; border-radius: 12px; background: #f6d77a; display: grid; place-items: center; font-weight: 900; font-size: 1.3rem; color: #3a2c05; }

/* tabela comparativa */
.tabela-wrap { overflow-x: auto; border-radius: var(--radius); border: 1px solid var(--line); }
.tabela { width: 100%; border-collapse: collapse; min-width: 560px; }
.tabela th, .tabela td { padding: 14px 18px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
.tabela thead th { font-family: var(--font-display); font-stretch: 112%; font-weight: 800; background: rgba(126,217,87,.1); }
.claro .tabela thead th { background: var(--celeste-claro); }
.tabela td { color: var(--muted); }

/* chamada final verde com mascote */
.chamada { background: var(--sol); color: var(--noite); }
.chamada .btn-primary { background: var(--noite); color: #fff; box-shadow: 0 6px 0 0 #000; }
.chamada .btn-primary:hover { background: #1b241f; }
.chamada .mascote-cta { position: absolute; right: clamp(-20px, 2vw, 40px); bottom: -14px; width: clamp(130px, 15vw, 210px); pointer-events: none; }
.chamada .mascote-cta.esq { right: auto; left: clamp(-20px, 2vw, 40px); }
@media (max-width: 760px) { .chamada .mascote-cta { position: static; display: block; margin: 22px auto -50px; width: 150px; } }

/* textos longos (páginas legais e artigos) */
.prosa { max-width: 760px; margin-inline: auto; font-size: 1.08rem; line-height: 1.75; color: var(--tinta-2); }
.prosa h2 { font-family: var(--font-display); font-stretch: 112%; font-weight: 800; color: var(--tinta); font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.15; margin: 2em 0 .6em; }
.prosa h3 { font-family: var(--font-display); font-stretch: 108%; font-weight: 700; color: var(--tinta); font-size: 1.3rem; margin: 1.6em 0 .5em; }
.prosa p, .prosa ul, .prosa ol, .prosa table, .prosa .wp-block-buttons, .prosa details { margin: 0 0 1.1em; }
.prosa ul, .prosa ol { padding-left: 1.3em; }
.prosa li { margin-bottom: .45em; }
.prosa a { color: var(--azul); text-decoration: underline; text-underline-offset: 3px; }
.prosa strong { color: var(--tinta); }
.prosa h1.wp-block-heading:first-child { display: none; }
.prosa blockquote { border-left: 4px solid var(--sol); padding: 6px 0 6px 18px; margin: 1.4em 0; color: var(--tinta); }
.prosa table { width: 100%; border-collapse: collapse; font-size: .98rem; }
.prosa th, .prosa td { border: 1px solid var(--linha-clara); padding: 10px 12px; text-align: left; }
.prosa th { background: var(--celeste-claro); color: var(--tinta); }
.prosa details { border: 1px solid var(--linha-clara); border-radius: 12px; padding: 14px 18px; background: #fff; }
.prosa summary { font-weight: 700; color: var(--tinta); cursor: pointer; }
.prosa .wp-block-button__link { display: inline-block; background: var(--azul); color: #fff; text-decoration: none; padding: 12px 20px; border-radius: 12px; font-weight: 700; }
.prosa .is-style-outline .wp-block-button__link { background: transparent; color: var(--azul); border: 2px solid var(--azul); }
.prosa .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.prosa .wp-block-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 18px; }
.prosa .wp-block-column { background: #fff; border: 1px solid var(--linha-clara); border-radius: 16px; padding: 20px; }
.prosa pre { white-space: pre-wrap; background: #fff; border: 1px dashed var(--linha-clara); padding: 14px; border-radius: 12px; font-size: .9rem; }

/* artigos: lista e post */
.post-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: var(--muted); font-weight: 600; font-size: .92rem; }
.post-meta a { color: var(--celeste); }
.caixa-autor { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 18px; align-items: center; max-width: 760px; margin: 40px auto 0; padding: 22px; border-radius: 20px; background: #fff; border: 1px solid var(--linha-clara); }
.caixa-autor img { width: 84px; height: 84px; object-fit: contain; }
.caixa-autor b { display: block; color: var(--tinta); font-family: var(--font-display); font-stretch: 108%; font-size: 1.15rem; }
.caixa-autor p { color: var(--tinta-2); font-size: .97rem; margin: 4px 0 0; }
.cta-artigo { max-width: 760px; margin: 40px auto 0; }
.paginacao { display: flex; gap: 10px; justify-content: center; margin-top: 40px; flex-wrap: wrap; }
.paginacao a, .paginacao span { padding: 10px 16px; border-radius: 12px; background: #fff; border: 1px solid var(--linha-clara); color: var(--tinta); font-weight: 700; }
.paginacao .current { background: var(--azul); color: #fff; border-color: var(--azul); }
.cats { display: flex; flex-wrap: wrap; gap: 10px; }
.cats a { padding: 9px 16px; border-radius: 999px; border: 1.5px solid var(--line); font-weight: 700; font-size: .92rem; color: var(--fg); }
.cats a:hover, .cats a.ativo { background: var(--sol); color: var(--noite); border-color: var(--sol); }
.claro .cats a { color: var(--tinta); border-color: rgba(15,26,19,.2); }
.vazio { text-align: center; padding: 30px; border-radius: 20px; border: 1.5px dashed var(--line); color: var(--muted); }

/* rodapé */
.footer .marca img { background: transparent; padding: 0; }
.footer .aviso-marca { font-size: .8rem; color: var(--faint); max-width: 90ch; margin-top: 12px; }
.whats-float { position: fixed; right: 18px; bottom: 18px; z-index: 45; display: inline-flex; align-items: center; gap: 8px; padding: 14px 18px 14px 16px; border-radius: 999px;
  background: #0e8043; color: #fff; font-weight: 800; box-shadow: 0 14px 34px -10px rgba(0,0,0,.5); transition: transform .4s var(--ease-out); }
.whats-float:hover { transform: translateY(-3px); }
.whats-float svg { width: 24px; height: 24px; fill: #fff; }
@media (max-width: 560px) { .whats-float span { display: none; } .whats-float { padding: 15px; } }

/* ajustes de convivência com o WordPress */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
main#conteudo { display: block; }
.wp-site-blocks, .entry-content > *:first-child { margin-top: 0; }

/* correções após o primeiro print */
html, body { overflow-x: clip; }
main#conteudo, .section, .pagina-topo, .topo { overflow-x: clip; }
.topo h1 { max-width: 20ch; font-size: clamp(2.3rem, 4.1vw, 3.9rem); }
.chamada .label { color: #0b0f0d; }
.chamada p { color: #1d2a20; }
.verde .cartao h3, .verde .cartao p { color: inherit; }
.verde .cartao p { color: rgba(243,246,241,.8); }
.verde .cartao h3 { color: #fff; }
.verde .cartao .lista li::before { background: var(--sol); box-shadow: 0 0 0 4px rgba(126,217,87,.18); }
.texto a, .cartao p a, .lista a { text-decoration: underline; text-underline-offset: 3px; }
.passos + .texto, .grade-2 + .texto, .grade-3 + .texto, .texto + .grade-2, .texto + .grade-3, .texto + .passos, .faq + .texto, .lista + .row, .texto + .row { margin-top: 22px; }
.pagina-topo h1 { font-size: clamp(2rem, 3.4vw, 3.2rem); line-height: 1.05; }
.pagina-topo .conteudo { max-width: 860px; }
@media (max-width: 600px) {
  .cartao .mascotinho { display: none; }
  .cartao.com-mascote { padding-right: clamp(24px, 2.6vw, 34px); min-height: 0; }
  .topo .mascote-topo { width: min(56%, 240px); }
}

/* topo: celular com conversa sobre papel de parede de chat (opções 7 + 8 aprovadas) */
/* 7 · celular com conversa */

.topo .cel { position: absolute; right: clamp(220px, 22vw, 380px); top: 50%; transform: translateY(-50%) rotate(-4deg); width: 300px; height: 600px; border-radius: 42px; background: #0b141a; border: 10px solid #1d2326; box-shadow: 0 50px 90px -30px rgba(0,0,0,.8), 0 0 0 2px #2b3439; overflow: hidden; display: grid; grid-template-rows: auto 1fr auto; }
.cel-top { display: flex; align-items: center; gap: 10px; padding: 14px; background: #202c33; color: #e9edef; }
.cel-top i { width: 34px; height: 34px; border-radius: 50%; background: var(--sol); }
.cel-top b { font-size: .95rem; } .cel-top small { color: #8696a0; font-size: .75rem; margin-left: auto; }
.cel-msgs { display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; padding: 12px; background: #0b141a; }
.cel-msgs .m { max-width: 82%; padding: 8px 12px; border-radius: 4px 12px 12px 12px; background: #202c33; color: #e9edef; font-size: .86rem; opacity: 0; transform: translateY(10px); animation: aparece 9s var(--d) infinite; }
.cel-msgs .m.out { align-self: flex-end; background: #005c4b; border-radius: 12px 4px 12px 12px; }
@keyframes aparece { 0%, 4% { opacity: 0; transform: translateY(10px); } 8%, 88% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; } }
.cel-input { margin: 8px; padding: 11px 16px; border-radius: 999px; background: #202c33; color: #8696a0; font-size: .85rem; }
.topo.com-celular .mascote-topo { width: clamp(180px, 15vw, 240px); transform: translateX(40%); }
@media (max-width: 960px) { .topo .cel { display: none; } .topo.com-celular .mascote-topo { transform: none; width: min(56%, 240px); } }
/* 8 · papel de parede de conversa */
.fundo-doodle { background-color: #0d1b14; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%237ed957' stroke-opacity='.22' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 30h50a10 10 0 0 1 10 10v22a10 10 0 0 1-10 10H40l-14 12v-12h-6a10 10 0 0 1-10-10V40a10 10 0 0 1 10-10z'/%3E%3Cpath d='M120 30l8 8 16-16M132 30l8 8 16-16'/%3E%3Crect x='150' y='70' width='36' height='62' rx='8'/%3E%3Cpath d='M162 124h12'/%3E%3Cpath d='M30 130h40l-6 30H36zM40 170a4 4 0 1 0 0.1 0M60 170a4 4 0 1 0 0.1 0'/%3E%3Cpath d='M110 120c6-10 22-10 22 4 0 12-22 24-22 24s-22-12-22-24c0-14 16-14 22-4z'/%3E%3Cpath d='M170 170l6 12 13 2-10 9 3 13-12-7-12 7 3-13-10-9 13-2z'/%3E%3Cpath d='M96 190h40a8 8 0 0 0 8-8v-10'/%3E%3C/g%3E%3C/svg%3E"); background-size: 220px 220px; animation: papel 30s linear infinite; }
@keyframes papel { to { background-position: 220px 220px; } }
.fundo-doodle { background-color: #0f2318; }
.com-celular .topo-media::after { background: linear-gradient(to right, rgba(11,15,13,.92) 0%, rgba(11,15,13,.7) 40%, rgba(11,15,13,0) 64%), linear-gradient(to top, #0b0f0d 0%, transparent 22%); }
.topo .cel { z-index: 1; }
.topo-media::after { z-index: 0; }
.cel-top .cel-wa { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #25d366; }
.cel-top .cel-wa svg { width: 22px; height: 22px; fill: #fff; }
.pill-wa { display: inline-flex; align-items: center; gap: 8px; }
.pill-wa svg { width: 18px; height: 18px; fill: #25d366; }
.topo h1 { max-width: 24ch; font-size: clamp(2.2rem, 3.8vw, 3.6rem); }
.topo .cel { right: clamp(290px, 25vw, 420px); }
.topo.com-celular .mascote-topo { transform: translateX(8%); width: clamp(190px, 16vw, 250px); }
@media (min-width: 961px) and (max-width: 1200px) { .topo .cel { right: 230px; width: 260px; height: 540px; } }

/* topo v2: celular e touro juntos na coluna da direita (não invadem o título) */
@media (min-width: 961px) { .topo.com-celular .topo-grid { grid-template-columns: minmax(0, 1fr) auto; } }
@media (max-width: 960px) { .topo.com-celular .topo-grid { grid-template-columns: minmax(0, 1fr); } }
.topo.com-celular h1 { max-width: none; font-size: clamp(2.2rem, 3.4vw, 3.3rem); }
.topo.com-celular .mascote-topo { position: relative; width: auto; transform: none; padding: 10px 110px 40px 0; justify-self: end; }
.topo .cel { position: relative; right: auto; top: auto; transform: rotate(-4deg); width: 290px; height: 560px; }
.topo.com-celular .touro-topo { position: absolute; right: -10px; bottom: -10px; width: 190px; height: auto; z-index: 2; }
.topo.com-celular .balao { left: auto; right: 0; top: auto; bottom: 250px; z-index: 3; }
.topo.com-celular .selo { left: -50px; right: auto; bottom: 10px; z-index: 3; }
@media (min-width: 961px) and (max-width: 1200px) { .topo .cel { width: 250px; height: 500px; } .topo.com-celular .mascote-topo { padding-right: 80px; } .topo.com-celular .touro-topo { width: 150px; } }
@media (max-width: 960px) { .topo.com-celular .mascote-topo { padding: 0; justify-self: center; } .topo.com-celular .touro-topo { position: static; width: min(56vw, 230px); } .topo.com-celular .balao { bottom: auto; top: 0; } .topo.com-celular .selo { left: auto; right: -10px; } }