/* POINT UP - Home no padrão visual da OV nova e da Formalización, 23/10/2026.
   Camada por cima dos estilos atuais da Home (Elementor post 237 + hero-home/configurador-home/secao-servicos-home/blog-home): só estilo, sem mudar texto nem estrutura.
   Prefixo .elementor-237 repetido + !important para vencer as regras do Elementor. Para desfazer: tirar este arquivo do WPCode. */

/* ---------- 1. Títulos: Inter Tight 600, escala da OV, quebra equilibrada ---------- */
html body .elementor-237.elementor-237 :is(h1,h2,h3,h4){font-family:"Inter Tight",ui-sans-serif,system-ui,sans-serif !important;font-weight:600 !important;text-wrap:balance}
html body .elementor-237.elementor-237 .ph-title{letter-spacing:-.02em !important;line-height:1.02 !important}
/* títulos de seção (os que abrem cada bloco) */
html body .elementor-237.elementor-237 :is(.elementor-element-7199a03 h2,.elementor-element-543c61d h2,.elementor-element-e4a5034 h4,.elementor-element-6fcad65 h3,.elementor-element-933c772 h3,.elementor-element-7450140 h3,.elementor-element-279aef5 h3,.elementor-element-69cde5c h2,.pu-blog__title){font-size:clamp(28px,3.1vw,44px) !important;line-height:1.15 !important;letter-spacing:-.01em !important}
/* títulos de seção alinhados à direita → centralizados (como na OV); botões deles também */
html body .elementor-237.elementor-237 :is(.elementor-element-6fcad65,.elementor-element-933c772,.elementor-element-279aef5,.elementor-element-69cde5c,.elementor-element-7450140) .elementor-widget-heading .elementor-heading-title{text-align:center !important;margin-inline:auto !important}
html body .elementor-237.elementor-237 :is(.elementor-element-6fcad65,.elementor-element-69cde5c) .elementor-widget-button{text-align:center !important;align-self:center !important}
html body .elementor-237.elementor-237 :is(.elementor-element-6fcad65,.elementor-element-69cde5c) .elementor-widget-button .elementor-button-wrapper{text-align:center !important;justify-content:center !important;display:flex !important}
/* o widget do título também vai para o centro (alguns estavam presos à direita do container) */
html body .elementor-237.elementor-237 :is(.elementor-element-6fcad65,.elementor-element-933c772,.elementor-element-279aef5,.elementor-element-7450140) .elementor-widget-heading{align-self:center !important;width:100% !important;max-width:100% !important;margin-inline:auto !important}
/* títulos dentro de cartões */
html body .elementor-237.elementor-237 .pu-cam4-card h3,html body .elementor-237.elementor-237 [class*="pu-cam4"] h3{font-size:clamp(24px,2.2vw,32px) !important;letter-spacing:-.01em !important}
html body .elementor-237.elementor-237 .elementor-element-dfed838 .elementor-heading-title{letter-spacing:-.01em !important}
html body .elementor-237.elementor-237 .elementor-element-dfed838 h3.elementor-heading-title{font-weight:600 !important}
html body .elementor-237.elementor-237 .pu-blog__card h3{font-size:20px !important;line-height:1.25 !important}
/* preços em 600 com aperto leve (como $79.990 da OV) */
html body .elementor-237.elementor-237 :is(.plan-card__price,.elementor-element-dfed838 h4){font-weight:600 !important;letter-spacing:-.02em !important}

/* ---------- 2. Etiquetas: texto simples (sem caixa alta), como "Cotizador · precio final…" ---------- */
html body .elementor-237.elementor-237 .pu-blog__eyebrow{font:400 14px/1.5 "Inter Tight",sans-serif !important;letter-spacing:0 !important;text-transform:none !important;color:#4A4944 !important}
html body .elementor-237.elementor-237 .duration-pill{text-transform:none !important;letter-spacing:0 !important;font:500 14px/1 "Inter Tight",sans-serif !important}
html body .elementor-237.elementor-237 .pu-btn-name{text-transform:none !important;letter-spacing:0 !important;font:600 15px/1.25 "Inter Tight",sans-serif !important}

/* ---------- 3. Botões: pílula 56px, 600; os amarelos principais ganham o círculo da seta (como "Cotizar mi Oficina Virtual") ---------- */
html body .elementor-237.elementor-237 :is(.ph-btn,a.elementor-button,.step-pill-link,.pu-blog__all,.pu-cam4-btn){font-family:"Inter Tight",sans-serif !important;font-weight:600 !important;font-size:16px !important;letter-spacing:0 !important;border-radius:100px !important;min-height:56px !important;box-shadow:none !important}
html body .elementor-237.elementor-237 :is(.ph-btn-primary,a.elementor-button,.step-pill-link){display:inline-flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;padding:11px 11px 11px 26px !important;line-height:1.2 !important}
html body .elementor-237.elementor-237 :is(.ph-btn-primary,a.elementor-button,.step-pill-link)::after{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:#151515 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4D000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px 16px no-repeat;transition:transform .2s cubic-bezier(0.23,1,0.32,1)}
@media (hover:hover) and (pointer:fine){html body .elementor-237.elementor-237 :is(.ph-btn-primary,a.elementor-button,.step-pill-link):hover::after{transform:translateX(3px)}}
html body .elementor-237.elementor-237 .ph-btn-ghost{display:inline-flex !important;align-items:center !important;padding:0 26px !important}
html body .elementor-237.elementor-237 .pu-cam4-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:52px !important}
html body .elementor-237.elementor-237 .pu-blog__all{display:inline-flex !important;align-items:center !important;min-height:48px !important;border:1px solid #151515 !important}
/* Instagram: botões quadrados (raio 4) → pílulas */
html body .elementor-237.elementor-237 .elementor-element-016b359 :is(.sbi_load_btn,.sbi_follow_btn > a){border-radius:100px !important;font-family:"Inter Tight",sans-serif !important;font-weight:600 !important;font-size:14px !important;min-height:44px !important;padding:0 20px !important;display:inline-flex !important;align-items:center !important;gap:8px}

/* ---------- 4. Cartões: raio 24 e fio fino (cartão da OV) ---------- */
html body .elementor-237.elementor-237 .plan-card{border-radius:24px !important}
html body .elementor-237.elementor-237 .pu-space-btn{border-radius:20px !important;border-color:#E3E1D8 !important;box-shadow:none !important}
/* faixa dos logos fica como está: os círculos cinza fazem parte das imagens dos logos (trocar o fundo deixava os círculos aparentes) */

/* ---------- 5. Planos da OV dentro da Home (bloco e7d4744 no container 543c61d) ---------- */
/* o container do Elementor deixa de desenhar o painel: quem desenha é a faixa da OV (.band.beige), igual à página de Oficina Virtual */
html body .elementor-237.elementor-237 .elementor-element-543c61d{background:transparent !important;padding:0 !important;margin:0 !important;border-radius:0 !important;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--margin-top:0px;--margin-bottom:0px}
html body .elementor-237.elementor-237 .elementor-element-543c61d > .e-con-inner{padding:0 !important;max-width:none !important;width:100% !important}
html body .elementor-237.elementor-237 .elementor-element-543c61d .elementor-widget-html,html body .elementor-237.elementor-237 .elementor-element-543c61d .elementor-widget-container{width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important}
html body .pu-ov2-home .home-next{display:flex;justify-content:center;margin-top:4px}
@media (max-width:600px){html body .pu-ov2-home .home-next .btn{width:100%;justify-content:space-between}}
/* na Home algum estilo antigo deixa o conteúdo dos cartões mais largo que a tela no celular: os blocos podem encolher até a largura disponível */
html body .pu-ov2-home .in > *,html body .pu-ov2-home .plans,html body .pu-ov2-home .plan,html body .pu-ov2-home .plan > *{min-width:0 !important}
html body .pu-ov2-home .plans{width:100% !important;max-width:100% !important}
/* botão "Continuar con mi plan": o texto pequeno quebra em vez de empurrar a seta para fora (celular) */
html body .pu-ov2-home .home-next .btn .t{min-width:0;flex:1 1 auto}
html body .pu-ov2-home .home-next .btn small{white-space:normal;text-wrap:balance}
/* duas saídas: WhatsApp (botão principal) e "Ver más detalles del plan" (link) */
html body .pu-ov2-home .home-next{flex-direction:column;align-items:center;gap:14px}
html body .pu-ov2-home .home-more{font:500 15px/1.4 "Inter Tight",sans-serif;min-height:44px;display:inline-flex;align-items:center}

/* ---------- 6. Estrutura em grupos (fase 2, 23/10) — ordem nova no Elementor:
   hero · ¿Qué necesitas? · planos (bege) · PROVA (logos 933c772/82b15d2 + avaliações 6fcad65 + foto a6932ec, branco)
   · ESPAÇOS (e4a5034 + 279aef5/dfed838 + 7450140/5102376, um painel bege) · Instagram (escuro) · ambiente/mapa (branco) · blog (bege) ---------- */
/* prova social: logos deixam de ser um painel separado e entram na faixa branca */
html body .elementor-237.elementor-237 :is(.elementor-element-933c772,.elementor-element-82b15d2){background-color:transparent !important;border-radius:0 !important;margin-left:0 !important;margin-right:0 !important}
/* espaços: os 5 containers viram UM painel bege (cantos só no primeiro e no último) */
html body .elementor-237.elementor-237 :is(.elementor-element-e4a5034,.elementor-element-279aef5,.elementor-element-dfed838,.elementor-element-7450140,.elementor-element-5102376){background-color:#F3F2EC !important;border-radius:0 !important;margin-top:0 !important;margin-bottom:0 !important}
html body .elementor-237.elementor-237 .elementor-element-e4a5034{border-radius:40px 40px 0 0 !important;margin-top:12px !important}
html body .elementor-237.elementor-237 .elementor-element-5102376{border-radius:0 0 40px 40px !important;padding-bottom:64px !important}
/* dentro do painel, "¡Da un UP…" e "Simula tu reserva" viram subtítulos (o título do grupo é "Menos ruido, más productividad") */
html body .elementor-237.elementor-237 :is(.elementor-element-279aef5,.elementor-element-7450140) .elementor-heading-title{font-size:clamp(22px,1.9vw,28px) !important}
html body .elementor-237.elementor-237 :is(.elementor-element-279aef5,.elementor-element-7450140){padding-top:40px !important;padding-bottom:8px !important}
html body .elementor-237.elementor-237 .pu-space-btn{background:#FFFFFF !important}
/* painel de espaços com a mesma margem lateral dos outros painéis da Home (24px) no computador */
@media (min-width:961px){
  html body .elementor-237.elementor-237 :is(.elementor-element-e4a5034,.elementor-element-279aef5,.elementor-element-dfed838,.elementor-element-7450140,.elementor-element-5102376){margin-left:24px !important;margin-right:24px !important;width:calc(100% - 48px) !important;max-width:calc(100% - 48px) !important}
}
@media (max-width:960px){
  html body .elementor-237.elementor-237 :is(.elementor-element-e4a5034,.elementor-element-279aef5,.elementor-element-dfed838,.elementor-element-7450140,.elementor-element-5102376){margin-left:0 !important;margin-right:0 !important}
  html body .elementor-237.elementor-237 .elementor-element-e4a5034{border-radius:28px 28px 0 0 !important;margin-top:0 !important}
  html body .elementor-237.elementor-237 .elementor-element-5102376{border-radius:0 !important;padding-bottom:48px !important}
}

/* ---------- 7. Logos no estilo da OV (faixa .pu-ov2 .logos dentro do container 933c772; carrossel 82b15d2 removido) ---------- */
html body .elementor-237.elementor-237 .elementor-element-933c772{padding:0 !important;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
html body .elementor-237.elementor-237 .elementor-element-933c772 > .e-con-inner{max-width:none !important;width:100% !important;padding:0 !important}
html body .elementor-237.elementor-237 .elementor-element-933c772 :is(.elementor-widget-html,.elementor-widget-container){width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important}
html body .pu-ov2-home-logos .logos{border-top:0 !important;border-bottom:0 !important}