.elementor-10 .elementor-element.elementor-element-899e2ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-ab6d457{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-dd43085{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-d12caaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-cd479b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-cea1a86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-347a921{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-608f272{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10 .elementor-element.elementor-element-496c35a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-9b9e2f2 *//* ===================== VARIÁVEIS GLOBAIS ===================== */
:root { --header-h: 64px; } /* altura visual do header; ajuste se desejar */

/* ===================== HEADER / NAV ===================== */
header.header.header--transparent{
  position: fixed; top:0; left:0; right:0;
  z-index:1000;
  background: rgba(44,62,45,.35);
  backdrop-filter: blur(6px);
  padding:10px 0;
}
header.header--transparent.scrolled{
  background: rgba(44,62,45,.95);
  backdrop-filter: blur(10px);
}
body.admin-bar header.header.header--transparent{ top:32px; } /* WP logado */

header.header .nav{
  max-width:1200px; margin:0 auto; padding:0 20px;
  display:flex; align-items:center; justify-content:space-between;
}

/* Logo com imagem */
header.header .logo{
  display:inline-flex; align-items:center; line-height:1;
  text-decoration:none; white-space:nowrap;
}
header.header .logo img{
  display:block; height:48px; width:auto; object-fit:contain;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.08));
}

/* Links desktop */
header.header .nav-links{
  display:flex !important; align-items:center; gap:28px;
  list-style:none !important; margin:0 !important; padding:0 !important;
}
header.header .nav-links li{ margin:0 !important; padding:0 !important; }
header.header .nav-links a{
  display:inline-block; color:#f8f6f0; text-decoration:none; font-size:16px; padding:8px 0;
  position:relative; transition:color .2s ease, transform .2s ease;
}
header.header .nav-links a:hover{ color:#7d9c65; transform:translateY(-2px); }
header.header .nav-links a::after{
  content:''; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:#7d9c65; transition:width .25s ease;
}
header.header .nav-links a:hover::after{ width:100%; }
header.header .nav-links a.nav-cta{
  padding:8px 14px; border:1.5px solid #7d9c65; border-radius:24px;
}
header.header .nav-links a.nav-cta:hover{ background:#7d9c65; color:#0e140f; }

/* ===================== BOTÃO HAMBÚRGUER (mobile) ===================== */
.nav-toggle{
  display:none; align-items:center; justify-content:center;
  background:transparent; border:none; width:44px; height:44px; cursor:pointer;
  position:relative; z-index:10000;
}
.nav-toggle span,
.nav-toggle::before,
.nav-toggle::after{
  content:""; position:absolute; left:10px; right:10px; height:2px;
  background:#ffffff; transform-origin:center;
  transition: transform .2s ease, opacity .2s ease, top .2s ease;
}
.nav-toggle span{ top:21px; }
.nav-toggle::before{ top:13px; }
.nav-toggle::after{ top:29px; }
/* Estado aberto (X) */
.nav-toggle[aria-expanded="true"]::before{ transform:rotate(45deg); top:21px; }
.nav-toggle[aria-expanded="true"]::after{ transform:rotate(-45deg); top:21px; }
.nav-toggle[aria-expanded="true"] span{ opacity:0; }

/* ===================== DRAWER MOBILE ===================== */
.mobile-drawer{
  position: fixed; top:0; right:0; width:min(82vw,360px); height:100vh;
  background: rgba(25,36,30,.96); backdrop-filter: blur(6px);
  transform: translateX(100%); transition: transform .25s ease;
  z-index:9998; padding:24px; display:flex; flex-direction:column; gap:12px;
  border-left:1px solid rgba(255,255,255,.08);
}
.mobile-drawer.open{ transform: translateX(0%); }
.mobile-drawer a{
  color:#fff; text-decoration:none; font-size:16px;
  padding:12px 10px; border-radius:10px; border:1px solid rgba(255,255,255,.12);
}
.mobile-drawer a.nav-cta{
  border:1.5px solid rgba(255,255,255,.45);
  text-align:center; margin-top:12px; background:rgba(255,255,255,.05);
}

/* Overlay (clica fora para fechar) */
.drawer-overlay{
  position: fixed; inset:0; background:rgba(0,0,0,.45);
  opacity:0; pointer-events:none; transition:opacity .25s ease; z-index:9997;
}
.drawer-overlay.open{ opacity:1; pointer-events:auto; }

/* ===================== HERO COM VÍDEO ===================== */
.page-section.hero,
.page-section.hero.hero--video{ background: transparent !important; }

.hero.hero--video{
  position:relative;
  margin-top: var(--header-h);
  min-height: calc(100vh - var(--header-h));
  display:grid; place-items:center;
  overflow:hidden;
}
.hero-video__bg{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; pointer-events:none; z-index:1;
}
.hero-video__overlay{
  position:absolute; inset:0; z-index:2;
  background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.55) 100%);
}
.hero-content{
  position:relative; z-index:3;
  text-align:center; color:#fff;
  max-width:900px; padding:4rem 1.5rem;
}
.hero-content h1{
  margin:0 0 14px; font-weight:400;
  font-size: clamp(2rem, 5vw, 3.5rem);
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}
.hero-content p{
  margin:0 0 28px; font-size: clamp(1.05rem, 2.2vw, 1.25rem);
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.cta-button{
  display:inline-block; padding:14px 34px; border-radius:50px; font-weight:700; text-decoration:none;
  background:#7d9c65; color:#0e140f; box-shadow:0 10px 24px rgba(125,156,101,.28);
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.cta-button:hover{ background:#5a7a47; transform: translateY(-2px); box-shadow:0 16px 32px rgba(90,122,71,.35); }

@media (prefers-reduced-motion: reduce){
  .hero-video__bg{ display:none; }
  .hero.hero--video{
    background: #5a7a47 url('https://purple-mantis-308668.hostingersite.com/wp-content/uploads/2025/08/poster-girassol.jpg') center/cover no-repeat !important;
  }
}

/* ===================== AJUSTES RESPONSIVOS ===================== */
@media (max-width: 1024px){
  :root { --header-h: 60px; }
  header.header .nav-links{ display:none !important; }  /* esconde links no mobile */
  .nav-toggle{ display:inline-flex !important; }        /* mostra o hambúrguer */
  header.header .logo img{ height:44px; }
}
@media (max-width: 768px){
  :root { --header-h: 56px; }
  .hero-content{ padding:3.25rem 1.25rem; }
  header.header .logo img{ height:40px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57d2e43 *//* Tipografia e espaçamento mais fluidos */
.our-space h2 { font-size: clamp(2rem, 4.2vw, 3rem); }
.space-subtitle { font-size: clamp(1rem, 2.2vw, 1.2rem); }

/* Grid responsivo robusto */
.spaces-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap:28px;
}

/* Cards */
.space-card{ background:#fff; border-radius:15px; overflow:hidden;
  box-shadow:0 8px 25px rgba(0,0,0,.08); transition:transform .25s ease, box-shadow .25s ease; }
.space-card:hover{ transform:translateY(-4px); box-shadow:0 12px 30px rgba(0,0,0,.14); }
.space-card.expanded{ grid-column:1 / -1; }

/* Imagem principal (agora com lazy-bg) */
.space-main-image{ width:100%; height:200px; border-radius:10px; margin-bottom:18px; position:relative; overflow:hidden; background:#e9ede6 center/cover no-repeat; }
.space-main-image::before{ content:''; position:absolute; inset:0; background:linear-gradient(135deg, rgba(44,62,45,.18), transparent); transition:opacity .25s ease; }
.space-card:hover .space-main-image::before{ opacity:.55; }
.space-icon{ position:absolute; top:10px; right:10px; width:30px; height:30px; background-size:contain; background-position:center; filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3)); }
.space-card:nth-child(1) .space-icon{ background-image:url('https://motoradsbr.com.br/wp-content/uploads/2025/07/8.png'); }
.space-card:nth-child(2) .space-icon{ background-image:url('https://motoradsbr.com.br/wp-content/uploads/2025/07/5.png'); }
.space-card:nth-child(3) .space-icon{ background-image:url('https://motoradsbr.com.br/wp-content/uploads/2025/07/3.png'); }
.space-card:nth-child(4) .space-icon{ background-image:url('https://motoradsbr.com.br/wp-content/uploads/2025/07/2.png'); }

/* Texto do card */
.space-header{ padding:22px; text-align:center; }
.space-card h3{ font-size:1.25rem; margin:0 0 8px; color:#2c3e2d; }
.space-card:hover h3{ color:#7d9c65; }
.space-description{ color:#666; font-size:.95rem; margin:0 0 12px; }

/* Features */
.space-features{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:0 0 14px; list-style:none; padding:0; }
.feature-tag{ background:#f0f4ed; color:#2f4a25; padding:4px 10px; border-radius:14px; font-size:.8rem; }

/* Botão de expandir (acessível) */
.expand-toggle{ appearance:none; border:0; background:transparent; cursor:pointer; }
.expand-indicator{ display:inline-flex; align-items:center; gap:6px; color:#7d9c65; font-weight:600; }
.expand-indicator::after{ content:'▾'; font-size:12px; transition:transform .25s ease; }
.space-card[aria-expanded="true"] .expand-indicator::after,
.expand-toggle[aria-expanded="true"] .expand-indicator::after{ transform:rotate(180deg); }

/* Galeria expandida com altura dinâmica controlada via JS */
.space-gallery{ max-heigh/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a4636d *//* ===== SG Serviços – Base ===== */
.sg-services{
  position:relative;
  padding:96px 20px;
  background: linear-gradient(135deg,#ffffff 0%, #f9f7f1 100%);
  overflow:hidden;
}
.sg-container{ max-width:1200px; margin:0 auto; }
.sg-title{ text-align:center; font-size:clamp(2rem,4.6vw,3rem); color:#2c3e2d; margin:0 0 12px; }
.sg-subtitle{ text-align:center; font-size:clamp(1rem,2.2vw,1.2rem); color:#666; font-style:italic; margin:0 0 56px; }

/* ===== Grid responsivo ===== */
.sg-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap:24px;
}
@media (max-width:1100px){ .sg-grid{ grid-template-columns: repeat(8, 1fr); } }
@media (max-width:768px){ .sg-grid{ grid-template-columns: 1fr; } }

/* ===== Cards ===== */
.sg-card{
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(249,247,241,.9));
  border:1px solid rgba(125,156,101,.12);
  border-radius:20px;
  box-shadow:0 10px 25px rgba(125,156,101,.10);
  backdrop-filter: blur(8px);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sg-card:hover{
  transform: translateY(-5px);
  box-shadow:0 16px 36px rgba(125,156,101,.16);
  border-color: rgba(125,156,101,.24);
}
.sg-card__inner{ padding:24px; display:flex; flex-direction:column; height:100%; }

/* Destaque ocupa o centro no desktop */
.sg-card--featured{ grid-column: 4 / 10; }
.sg-grid > .sg-card:nth-of-type(2){ grid-column: 1 / 5; }
.sg-grid > .sg-card:nth-of-type(3){ grid-column: 9 / 13; }
.sg-grid > .sg-card:nth-of-type(4){ grid-column: 1 / 5; }
.sg-grid > .sg-card:nth-of-type(5){ grid-column: 9 / 13; }

@media (max-width:1100px){
  .sg-card--featured{ grid-column:1 / -1; }
  .sg-grid > .sg-card:nth-of-type(2){ grid-column:1 / 5; }
  .sg-grid > .sg-card:nth-of-type(3){ grid-column:5 / 9; }
  .sg-grid > .sg-card:nth-of-type(4){ grid-column:1 / 5; }
  .sg-grid > .sg-card:nth-of-type(5){ grid-column:5 / 9; }
}
@media (max-width:768px){
  .sg-card, .sg-card--featured{ grid-column:1 / -1; }
}

/* Ícones (placeholders – trocamos depois se quiser) */
.sg-icon{ width:56px; height:56px; margin:0 0 14px; background-position:center; background-repeat:no-repeat; background-size:contain; transition:transform .25s ease; }
.sg-card:hover .sg-icon{ transform: scale(1.06) rotate(3deg); }
.sg-icon--wedding{   width:64px; height:64px; background-image:url('https://motoradsbr.com.br/wp-content/uploads/2025/07/21.png'); }
.sg-icon--mini{      background-image:url('https://motoradsbr.com.br/wp-content/uploads/2025/07/5.png'); }
.sg-icon--graduation{background-image:url('https://motoradsbr.com.br/wp-content/uploads/2025/07/8.png'); }
.sg-icon--birthday{  background-image:url('https://motoradsbr.com.br/wp-content/uploads/2025/07/21.png'); }
.sg-icon--corporate{ background-image:url('https://motoradsbr.com.br/wp-content/uploads/2025/07/3.png'); }

/* Textos */
.sg-card__title{ font-size:clamp(1.15rem,2.4vw,1.6rem); color:#2c3e2d; margin:0 0 8px; font-weight:600; }
.sg-card--featured .sg-card__title{ font-size:clamp(1.4rem,3vw,2rem); }
.sg-card__desc{ color:#666; font-size:.95rem; line-height:1.6; margin:0 0 16px; }
.sg-card--featured .sg-card__desc{ font-size:1.05rem; }

/* Lista de detalhes */
.sg-details{ display:grid; grid-template-columns:1fr 1fr; gap:10px; list-style:none; padding:0; margin:0 0 18px; color:#555; font-size:.9rem; }
.sg-card--featured .sg-details{ grid-template-columns:1fr; gap:12px; font-size:.98rem; }
.sg-detail{ display:flex; align-items:center; gap:8px; }
.sg-detail::before{ content:'🌿'; font-size:12px; }

/* CTA */
.sg-cta{
  display:inline-block;
  background: linear-gradient(135deg,#7d9c65,#9bb380);
  color:#fff; text-decoration:none;
  padding:12px 20px; border-radius:24px; font-weight:700; font-size:.95rem;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
  text-align:center;
}
.sg-card--featured .sg-cta{ padding:14px 26px; }
.sg-cta:hover{ background: linear-gradient(135deg,#5a7a47,#7d9c65); transform: translateY(-2px); box-shadow:0 10px 24px rgba(125,156,101,.30); }

/* Acessibilidade ao teclado */
.sg-card:focus-within{ box-shadow:0 0 0 3px rgba(125,156,101,.35); outline:none; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-069fbc4 */.wa-fab{
  position:fixed; right:18px; bottom:18px; z-index:9995;
  width:56px; height:56px; border-radius:50%; background:#25D366;
  box-shadow:0 14px 30px rgba(0,0,0,.25); display:inline-block;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%230e140f" d="M19.1 17.3c-.3-.2-1.8-.9-2.1-1s-.5-.2-.7.2-.8 1-1 1.2-.4.2-.7.1c-.3-.2-1.3-.5-2.4-1.6-.9-.8-1.6-1.8-1.8-2.1-.2-.3 0-.5.1-.7s.3-.4.4-.6.2-.3.3-.5 0-.4 0-.6c0-.2-.7-1.8-.9-2.4s-.5-.6-.7-.6h-.6c-.2 0-.6.1-.9.4s-1.2 1.1-1.2 2.7 1.2 3.1 1.4 3.3c.2.3 2.4 3.6 5.8 5 .8.3 1.4.5 1.9.6.8.2 1.6.2 2.2.1.7-.1 1.8-.7 2-1.4s.2-1.2.1-1.4c-.1-.2-.2-.3-.5-.5z"/><path fill="%23ffffff" d="M26.7 5.3C24 2.6 20.6 1.1 17 1.1 9.5 1.1 3.4 7.2 3.4 14.7c0 2.4.6 4.8 1.8 6.9L3 29l7.6-2c2 1.1 4.3 1.6 6.5 1.6 7.5 0 13.6-6.1 13.6-13.6 0-3.6-1.5-7-4.1-9.7zm-9.7 22c-2 0-3.9-.5-5.7-1.5l-.4-.2-4.5 1.2 1.2-4.4-.2-.4c-1.1-1.8-1.6-3.8-1.6-5.9C5.8 8.4 10.8 3.5 17 3.5c3 0 5.9 1.2 8.1 3.4 2.2 2.2 3.4 5.1 3.4 8.1 0 6.2-5.1 11.1-11.5 11.1z"/></svg>');
  background-repeat:no-repeat; background-position:center; background-size:28px;
}
@media (max-width:540px){ .wa-fab{ width:52px; height:52px; right:14px; bottom:14px; } }/* End custom CSS */