/*
Theme Name: César Heroico Conversion Elementor
Theme URI: https://cesar-heroico.usesquare.com.br/
Author: Sparking Food / Mario de Souza
Description: Tema WordPress Elementor-first para imóveis, com landing de alta conversão, SEO/AEO/GEO estruturado, Schema em grafo, 81 imagens locais, captação de leads, teste A/B, métricas próprias, integrações de marketing e painel comercial.
Version: 2.3.2.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cesar-heroico
*/


/* Final brand + conversion polish. Loaded after the main and Elementor styles. */
.ch-sparking-credit{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:48px;
  margin:0!important;
  padding:14px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:#0e2749!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.ch-sparking-credit a{
  margin:0 auto!important;
  color:#fff!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  white-space:nowrap;
  transition:opacity .2s ease,transform .2s ease!important;
}
.ch-sparking-credit a:hover,.ch-sparking-credit a:focus-visible{color:#fff!important;opacity:.84;transform:translateY(-1px)}

/* The official wordmark is white. Keep a navy brand plate behind it so the typography
   is always legible, including when the header passes over light photos. */
.header .brand-mark{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto;
  padding:8px 12px!important;
  min-height:52px;
  border-radius:15px!important;
  background:rgba(14,39,73,.96)!important;
  box-shadow:0 10px 26px rgba(14,39,73,.18)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  text-decoration:none!important;
}
.header .brand-mark .brand-logo{display:block!important;width:116px!important;max-width:116px!important;max-height:46px!important;height:auto!important;object-fit:contain!important}


/* Keep the white footer wordmark readable on the light footer as well. */
.footer-brand{display:inline-flex!important;align-items:center!important;gap:10px!important;background:#0e2749!important;color:#fff!important;padding:8px 11px!important;border-radius:14px!important;width:max-content!important;max-width:100%!important}
.footer-brand img{display:block!important;width:104px!important;max-height:42px!important;object-fit:contain!important}
.footer-brand strong{color:#fff!important;font-size:11px!important;white-space:nowrap!important}
/* More premium sticky conversion card. */
.sticky{
  width:min(820px,calc(100% - 28px))!important;
  padding:8px!important;
  border-radius:24px!important;
  border:1px solid rgba(14,39,73,.10)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 22px 60px rgba(14,39,73,.22),0 4px 14px rgba(14,39,73,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.sticky-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:82px;
  padding:10px 10px 10px 20px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff 0%,#f7f9fd 100%)!important;
}
.sticky-property{min-width:0;display:grid;gap:3px}
.sticky-eyebrow{display:block!important;color:#0042ff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;line-height:1.2!important;margin-bottom:2px}
.sticky strong{font-size:21px!important;line-height:1.05!important;letter-spacing:-.02em!important;color:#0e2749!important}
.sticky-meta{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:3px}
.sticky-meta span{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#62718a!important;font-size:11px!important;line-height:1.2!important;font-weight:700!important}
.sticky-meta span+span:before{content:"";width:3px;height:3px;border-radius:50%;background:#aeb9c9;display:inline-block}
.sticky .sticky-cta{min-width:154px!important;min-height:58px!important;border-radius:16px!important;padding:0 22px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 14px 30px rgba(0,66,255,.28)!important}
.sticky .sticky-cta:hover{transform:translateY(-2px)!important;box-shadow:0 18px 36px rgba(0,66,255,.38)!important}

/* Instagram is part of the broker's trust layer, not a decorative icon. */
.broker-social,.ch-el-broker-social{position:relative;z-index:3;margin-top:13px;display:flex;justify-content:center}
.broker-instagram,.ch-el-instagram{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:38px;padding:0 13px;border-radius:12px!important;
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:850!important;
  transition:background .2s ease,transform .2s ease,border-color .2s ease!important;
}
.broker-instagram svg,.ch-el-instagram svg{width:17px;height:17px;flex:0 0 17px}
.broker-instagram:hover,.broker-instagram:focus-visible,.ch-el-instagram:hover,.ch-el-instagram:focus-visible{background:#0042ff!important;border-color:#0042ff!important;transform:translateY(-1px)}

@media(max-width:767px){
  .ch-sparking-credit{padding:12px 16px!important;font-size:12px!important}
  .header .brand-mark{padding:7px 10px!important;min-height:46px;border-radius:13px!important}
  .header .brand-mark .brand-logo{width:100px!important;max-width:100px!important;max-height:40px!important}
  .sticky{width:calc(100% - 16px)!important;bottom:8px!important;padding:6px!important;border-radius:20px!important}
  .sticky-inner{min-height:70px;padding:8px 8px 8px 13px!important;gap:10px!important;border-radius:15px!important}
  .sticky-eyebrow{font-size:8px!important}.sticky strong{font-size:17px!important}.sticky-meta{gap:5px!important}.sticky-meta span{font-size:9px!important}
  .sticky .sticky-cta{min-width:112px!important;min-height:50px!important;padding:0 14px!important;border-radius:13px!important;font-size:12px!important}
}


/* Partner CTA desktop/mobile polish 2.3.2 */

.partner{display:block!important;padding:42px 0 54px;background:linear-gradient(180deg,#fff 0%,#f7faff 100%)}
.partner .container.partner-inner,.partner-inner{
  display:flex;align-items:center;justify-content:space-between;gap:32px;
  border:1px solid var(--line);border-radius:28px;padding:28px 32px;
  background:#fff;box-shadow:0 18px 46px rgba(14,39,73,.08)
}
.partner .container.partner-inner>div,.partner-inner>div:first-child{flex:1 1 auto;min-width:0}
.partner strong{display:block;font-size:clamp(28px,2.6vw,42px);line-height:1.08;letter-spacing:-.035em;max-width:920px}
.partner p{margin-top:10px;color:var(--muted);font-size:16px;line-height:1.62;max-width:900px}
.partner .btn{flex:0 0 auto;min-width:184px;padding-inline:28px;margin-left:auto;white-space:nowrap}
@media(max-width:980px){
  .partner{display:block!important;padding:30px 0 44px}
  .partner .container.partner-inner,.partner-inner{display:grid!important;grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 22px}
  .partner .btn{width:100%;margin-left:0}
}
@media(max-width:640px){
  .partner{display:block!important;padding:24px 0 36px}
  .partner .container.partner-inner,.partner-inner{display:grid!important;grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 18px;border-radius:24px}
  .partner strong{font-size:clamp(24px,8vw,32px);line-height:1.12}
  .partner p{font-size:15px;line-height:1.58}
  .partner .btn{width:100%;min-height:54px;display:inline-flex!important;justify-content:center;align-items:center}
}