.elementor-kit-206{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#1A1A1A;--e-global-color-accent:#F5F5F5;--e-global-color-c1:#000000;--e-global-color-c2:#FFFFFF;--e-global-color-c3:#F5F5F5;--e-global-color-c4:#1A1A1A;--e-global-color-c5:rgba(255,255,255,0.14);--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Playfair Display";--e-global-typography-accent-font-weight:400;background-color:#000000;}.elementor-kit-206 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   caon.lab — CSS GLOBAL DA MARCA
   Cole em: Elementor → Configurações do site → CSS personalizado
   (ou no Customizador do tema → CSS adicional)
   Estiliza as classes usadas nos templates importados
   (caon-hero, caon-h2, caon-btn, caon-img, caon-plan, etc.)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=Montserrat:wght@300;400;500&display=swap');

:root{
  --caon-black:#000; --caon-white:#fff; --caon-soft:#F5F5F5; --caon-dark:#1A1A1A;
  --caon-line:rgba(255,255,255,.14); --caon-dim:rgba(255,255,255,.55);
  --caon-serif:'Playfair Display',Georgia,serif;
  --caon-sans:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --caon-ease:cubic-bezier(.2,.7,.2,1);
}

/* Fundo preto do site (ajuste conforme seu tema) */
body{ background:var(--caon-black); color:var(--caon-white); font-family:var(--caon-sans); font-weight:300; letter-spacing:.01em; }
body ::selection{ background:#fff; color:#000; }

/* Tipografia base das páginas caon.lab */
.caon-h2, .caon-wordmark, .caon-plan-name, .caon-plan-price, .caon-tile-t, .caon-quote p{ font-family:var(--caon-serif) !important; }
.caon-h2 .elementor-heading-title, .caon-h2{ font-weight:500; font-size:clamp(2rem,5vw,3.4rem); line-height:1.06; letter-spacing:-.01em; color:#fff; }
.caon-wordmark .elementor-heading-title{ font-size:clamp(52px,13vw,150px); line-height:.9; color:#fff; font-weight:500; }
.caon-sub .elementor-heading-title{ font-family:var(--caon-serif); font-style:italic; font-size:clamp(1.2rem,3vw,1.9rem); color:rgba(255,255,255,.85); font-weight:400; }

/* Sobrescrita / rótulo de seção */
.caon-eyebrow .elementor-heading-title{
  font-family:var(--caon-sans); font-size:11px; letter-spacing:.32em; text-transform:uppercase;
  color:var(--caon-dim); font-weight:400; display:flex; align-items:center; gap:14px;
}
.caon-eyebrow .elementor-heading-title::after{ content:""; flex:1; height:1px; background:var(--caon-line); }

.caon-lead p{ font-size:1.15rem; color:rgba(255,255,255,.86); font-weight:300; }
.caon-p p, .caon-note p{ color:rgba(255,255,255,.78); font-weight:300; }

/* Botões */
.caon-btn .elementor-button, .caon-btn-ghost .elementor-button{
  font-size:11px; letter-spacing:.24em; text-transform:uppercase; padding:16px 32px; border-radius:100px;
  transition:.4s var(--caon-ease); font-weight:400; border:1px solid #fff;
}
.caon-btn .elementor-button{ background:#fff; color:#000; }
.caon-btn .elementor-button:hover{ background:transparent; color:#fff; }
.caon-btn-ghost .elementor-button{ background:transparent; color:#fff; border-color:var(--caon-line); }
.caon-btn-ghost .elementor-button:hover{ border-color:#fff; }

/* Imagens: preto e branco -> cor no hover (vale para todo o site) */
.caon-img img, .caon-tile img, .caon-grid2 img, .caon-grid3 img{
  filter:grayscale(1); transition:filter .7s var(--caon-ease), transform .8s var(--caon-ease);
  width:100%; display:block;
}
.caon-img:hover img, .caon-tile:hover img{ filter:grayscale(0); transform:scale(1.03); }

/* Para aplicar o efeito P&B->cor em TODAS as imagens do site,
   descomente o bloco abaixo:
.elementor img{ filter:grayscale(1); transition:filter .6s ease; }
.elementor img:hover{ filter:grayscale(0); }
*/

/* Hero */
.caon-hero .caon-btnrow{ margin-top:12px; }

/* Split 2 colunas */
.caon-split{ align-items:center; }
@media(max-width:820px){ .caon-split{ flex-direction:column !important; } .caon-split-col{ width:100% !important; } }

/* Pilares */
.caon-pillars{ border-top:1px solid var(--caon-line); }
.caon-pillar{ border-bottom:1px solid var(--caon-line); border-right:1px solid var(--caon-line); }
.caon-pillar:last-child{ border-right:none; }
.caon-pillar-n .elementor-heading-title{ font-family:var(--caon-serif); font-style:italic; color:var(--caon-dim); font-size:14px; }
.caon-pillar-t .elementor-heading-title{ font-family:var(--caon-serif); font-size:1.1rem; color:#fff; }
@media(max-width:700px){ .caon-pillar{ width:50% !important; } }

/* Faixa (band) */
.caon-band .caon-h2 .elementor-heading-title{ text-align:center; max-width:720px; margin:0 auto; }

/* Planos (Experiências) — vidro */
.caon-plans{ align-items:stretch; }
.caon-plan{
  border-radius:22px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(24px) saturate(1.6); -webkit-backdrop-filter:blur(24px) saturate(1.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 26px 60px rgba(0,0,0,.42);
  transition:transform .45s var(--caon-ease), border-color .45s;
}
.caon-plan:hover{ transform:translateY(-10px); border-color:rgba(255,255,255,.32); }
.caon-plan-feat{ background:rgba(255,255,255,.13); border-color:rgba(255,255,255,.4); }
.caon-plan-name .elementor-heading-title{ font-size:1.5rem; letter-spacing:.06em; color:#fff; }
.caon-plan-price .elementor-heading-title{ font-size:2.5rem; color:#fff; }
.caon-plan-ul{ list-style:none; padding:0; margin:0 0 8px; }
.caon-plan-ul li{ border-bottom:1px solid rgba(255,255,255,.12); padding:11px 0; font-size:.85rem; color:rgba(255,255,255,.9); display:flex; gap:10px; }
.caon-plan-ul li::before{ content:""; width:6px; height:6px; margin-top:8px; border:1px solid rgba(255,255,255,.65); border-radius:50%; flex:none; }
@media(max-width:820px){ .caon-plan{ width:100% !important; } }

/* Grades e tiles */
.caon-grid2 > *{ width:calc(50% - 7px); }
.caon-grid3 > *{ width:calc(33.333% - 10px); }
.caon-tile{ position:relative; overflow:hidden; border-radius:16px; }
.caon-tile-lbl{ position:absolute; bottom:0; left:0; right:0; padding:20px; background:linear-gradient(0deg,rgba(0,0,0,.82),transparent); }
.caon-tile-t .elementor-heading-title{ font-family:var(--caon-serif); font-style:italic; font-size:1.25rem; color:#fff; }
.caon-tile-s .elementor-heading-title{ font-size:9px; letter-spacing:.24em; text-transform:uppercase; color:var(--caon-dim); }
@media(max-width:700px){ .caon-grid2 > *, .caon-grid3 > *{ width:100%; } }

/* Portfólio grid (imagens simples) */
.caon-grid3 img{ border-radius:14px; }

/* Citação */
.caon-quote{ text-align:center; max-width:760px; margin:30px auto 0; }
.caon-quote p{ font-family:var(--caon-serif); font-style:italic; font-size:1.5rem; color:#fff; }
.caon-quote span{ font-size:10px; letter-spacing:.28em; text-transform:uppercase; color:var(--caon-dim); display:block; margin-top:20px; }

/* Contato */
.caon-contact{ list-style:none; padding:0; margin:0; }
.caon-contact li{ display:flex; justify-content:space-between; border-bottom:1px solid var(--caon-line); padding:16px 0; font-size:.9rem; }
.caon-contact li span:last-child{ color:var(--caon-dim); }

/* ============================================================
   MENU EM VIDRO (LIQUID GLASS)
   Adicione a classe "caon-glass-nav" ao container do seu
   cabeçalho no Theme Builder do Elementor.
   ============================================================ */
.caon-glass-nav{
  background:rgba(10,10,10,.34) !important;
  backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
/* Botão destacado "Galeria Online" no menu: dê a classe caon-cta ao item */
.caon-cta a{
  border:1px solid rgba(255,255,255,.3) !important; border-radius:100px; padding:11px 20px !important;
  background:rgba(255,255,255,.04); transition:.4s;
}
.caon-cta a:hover{ background:#fff !important; color:#000 !important; }

/* ============================================================
   ÁLBUNS ESPORTIVOS — estilos usados pelo plugin caon.lab
   (marca d'água nas prévias, badge do esporte, grade da loja)
   ============================================================ */
.caon-album-grid{ column-count:4; column-gap:12px; }
@media(max-width:900px){ .caon-album-grid{ column-count:3; } }
@media(max-width:600px){ .caon-album-grid{ column-count:2; } }
.caon-photo{ position:relative; margin-bottom:12px; break-inside:avoid; border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,.1); }
.caon-photo img{ width:100%; display:block; filter:grayscale(1); transition:filter .6s var(--caon-ease); }
.caon-photo:hover img{ filter:grayscale(0); }
/* marca d'água diagonal nas prévias (removida no arquivo final entregue) */
.caon-photo .caon-wm{ position:absolute; inset:0; pointer-events:none; opacity:.6; background-repeat:repeat; background-size:200px 118px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='118'%3E%3Ctext x='8' y='70' fill='rgba(255,255,255,0.3)' font-family='Georgia,serif' font-style='italic' font-size='24' transform='rotate(-18 100 60)'%3Ecaon.lab%3C/text%3E%3C/svg%3E"); }
.caon-photo .caon-foot{ display:flex; justify-content:space-between; align-items:center; gap:8px; padding:10px 12px; background:rgba(20,20,20,.6); backdrop-filter:blur(14px); }
.caon-photo .caon-foot .price{ font-family:var(--caon-serif); font-size:1.05rem; }
.caon-photo .caon-add{ font-size:9px; letter-spacing:.12em; text-transform:uppercase; border:1px solid rgba(255,255,255,.3); padding:8px 13px; border-radius:100px; background:transparent; color:#fff; cursor:pointer; }
.caon-sbadge{ position:absolute; top:8px; left:8px; z-index:2; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(0,0,0,.5); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.28); color:#fff; }
.caon-sbadge svg{ width:17px; height:17px; }

/* ---- Header (Theme Builder) ---- */
.caon-navlink .elementor-button{ background:transparent !important; border:none !important; color:rgba(255,255,255,.62) !important;
  font-size:11px; letter-spacing:.2em; text-transform:uppercase; padding:6px 2px !important; }
.caon-navlink .elementor-button:hover{ color:#fff !important; }
.caon-logo-mark .elementor-heading-title{ font-family:var(--caon-serif); font-size:1.5rem; color:#fff; }
.caon-footer{ border-top:1px solid var(--caon-line); }
.caon-foot-big .elementor-heading-title{ font-family:var(--caon-serif); font-style:italic; font-size:1.7rem; color:#fff; }
.caon-fmenu{ display:flex; gap:20px; flex-wrap:wrap; }
.caon-fmenu a{ font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--caon-dim); }
.caon-fine p{ font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:var(--caon-dim); }

/* ---- 404 ---- */
.caon-404{ text-align:center; }
.caon-404-num .elementor-heading-title{ font-family:var(--caon-serif); font-size:clamp(90px,20vw,220px); line-height:.9; color:#fff; }
.caon-404 .caon-eyebrow .elementor-heading-title{ justify-content:center; }/* End custom CSS */