/* Climagerais — Clima e Conforto
   Paleta do tema do site (lida ao vivo em 07/10/2026): #0A3D62 · #062B45 · #1B6CA8 · #F6F8FB · Inter. */

.cgcl{
  --cg-primario:#0A3D62; --cg-escuro:#062B45; --cg-claro:#1B6CA8; --cg-fundo:#F6F8FB;
  --cg-ciano:#00B4D8; --cg-verde:#0E8F6F; --cg-zap:#1FAF5A;
  --cg-cena-1:#1B6CA8; --cg-cena-2:#00B4D8; --cg-destaque:#0A3D62;
  position:relative; overflow:hidden; isolation:isolate;
  margin:24px 0; border-radius:22px; color:#fff;
  font-family:var(--wp--preset--font-family--texto, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif);
  background:linear-gradient(135deg,var(--cg-cena-1) 0%,var(--cg-cena-2) 100%);
  box-shadow:0 18px 40px -18px rgba(6,43,69,.55);
  transition:background .8s ease;
  line-height:1.4;
}
.cgcl *,.cgcl *::before,.cgcl *::after{box-sizing:border-box}
.cgcl[data-modo="calor"]{--cg-cena-1:#F2994A;--cg-cena-2:#E8473B;--cg-destaque:#C2410C}
.cgcl[data-modo="frio"]{--cg-cena-1:#062B45;--cg-cena-2:#3D8BC9;--cg-destaque:#1B6CA8}
.cgcl[data-modo="ameno_calor"],.cgcl[data-modo="ameno_frio"]{--cg-cena-1:#1B6CA8;--cg-cena-2:#00B4D8;--cg-destaque:#0A3D62}

/* --------------------------------------------------------- cena animada */
.cgcl__cena{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.cgcl__brilho{position:absolute;width:520px;height:520px;border-radius:50%;top:-220px;right:-140px;
  background:radial-gradient(circle,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 65%);animation:cgcl-pulso 6s ease-in-out infinite}
.cgcl__onda{position:absolute;left:-10%;width:120%;height:60px;opacity:.0}
.cgcl[data-modo="calor"] .cgcl__onda{opacity:.22;animation:cgcl-sobe 7s linear infinite}
.cgcl[data-modo="calor"] .cgcl__onda:nth-child(3){animation-delay:-2.3s}
.cgcl[data-modo="calor"] .cgcl__onda:nth-child(4){animation-delay:-4.6s}
.cgcl__floco{position:absolute;top:-20px;color:#fff;opacity:0;font-size:14px;user-select:none}
.cgcl[data-modo="frio"] .cgcl__floco{animation:cgcl-neve linear infinite}
.cgcl__nuvem{position:absolute;opacity:0}
.cgcl[data-modo^="ameno"] .cgcl__nuvem{opacity:.25;animation:cgcl-deriva linear infinite}

@keyframes cgcl-pulso{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}
@keyframes cgcl-sobe{0%{transform:translateY(120%)}100%{transform:translateY(-900%)}}
@keyframes cgcl-neve{0%{transform:translate(0,0) rotate(0);opacity:0}10%{opacity:.9}100%{transform:translate(40px,620px) rotate(220deg);opacity:0}}
@keyframes cgcl-deriva{0%{transform:translateX(-30%)}100%{transform:translateX(130vw)}}

/* --------------------------------------------------------- estrutura */
.cgcl__inner{position:relative;padding:26px 28px 18px}
.cgcl__topo{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:18px}
.cgcl__rotulo{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.cgcl__local{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:16px}
.cgcl__local svg{width:16px;height:16px}
.cgcl__acoes-local{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.cgcl__chip{appearance:none;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.14);color:#fff;
  font:inherit;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;transition:background .2s,transform .2s;backdrop-filter:blur(4px)}
.cgcl__chip:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)}
.cgcl__chip:focus-visible,.cgcl__btn:focus-visible,.cgcl__prod:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cgcl__chip svg{width:14px;height:14px}

.cgcl__busca{display:none;width:100%;margin:-6px 0 16px}
.cgcl__busca.is-aberta{display:block;animation:cgcl-entra .35s ease both}
.cgcl__busca form{display:flex;gap:8px;max-width:520px}
.cgcl__busca input{flex:1;min-width:0;border:0;border-radius:12px;padding:11px 14px;font:inherit;font-size:15px;color:var(--cg-escuro)}
.cgcl__busca button{border:0;border-radius:12px;padding:0 16px;font:inherit;font-weight:700;background:var(--cg-escuro);color:#fff;cursor:pointer}
.cgcl__resultados{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cgcl__msg{font-size:13px;opacity:.95;margin-top:8px}

.cgcl__grade{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:stretch}

/* --------------------------------------------------------- tempo agora */
.cgcl__agora{display:flex;align-items:center;gap:18px}
.cgcl__icone-grande{width:118px;height:118px;flex:0 0 118px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.cgcl__temp{font-size:76px;font-weight:800;line-height:.9;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.cgcl__temp sup{font-size:.42em;font-weight:700;vertical-align:top;position:relative;top:.25em;margin-left:2px}
.cgcl__cond{font-size:16px;font-weight:600;margin-top:8px}
.cgcl__dados{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;opacity:.95;margin-top:6px}
.cgcl__dados span{display:inline-flex;align-items:center;gap:5px}
.cgcl__dados svg{width:14px;height:14px}

.cgcl__dias{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:8px;margin-top:20px}
.cgcl__dia{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:10px 6px;text-align:center;backdrop-filter:blur(4px)}
.cgcl__dia b{display:block;font-size:13px}
.cgcl__dia svg{width:38px;height:38px;margin:4px auto;display:block}
.cgcl__dia .mx{font-weight:800;font-size:15px}
.cgcl__dia .mn{opacity:.8;font-size:13px;margin-left:4px}

/* --------------------------------------------------------- recomendação */
.cgcl__dica{background:#fff;color:var(--cg-escuro);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;
  box-shadow:0 14px 30px -16px rgba(6,43,69,.6);animation:cgcl-entra .6s ease both .15s}
.cgcl__selo{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--cg-fundo);color:var(--cg-destaque)}
.cgcl__selo svg{width:14px;height:14px}
.cgcl .cgcl__dica h3{margin:12px 0 6px;font-size:22px;line-height:1.2;font-weight:800;color:var(--cg-escuro);letter-spacing:-.01em}
.cgcl .cgcl__dica p{margin:0 0 14px;font-size:15px;color:#3b4a57}
.cgcl__aviso{font-size:13px;background:#EAF4FB;color:#0A3D62;border-radius:10px;padding:8px 10px;margin:-4px 0 12px}
.cgcl__botoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.cgcl__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;font-weight:700;font-size:15px;
  padding:12px 16px;border-radius:12px;transition:transform .2s,box-shadow .2s,background .2s;flex:1 1 auto;min-width:150px;text-align:center}
.cgcl__btn svg{width:18px;height:18px;flex:0 0 18px}
.cgcl__btn--alugar{background:var(--cg-destaque);color:#fff!important;box-shadow:0 8px 18px -8px var(--cg-destaque);animation:cgcl-chama 2.6s ease-in-out infinite 1.2s}
.cgcl__btn--comprar{background:var(--cg-fundo);color:var(--cg-primario)!important;border:2px solid var(--cg-primario)}
.cgcl__btn--whatsapp{background:var(--cg-zap);color:#fff!important}
.cgcl__btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px -10px rgba(6,43,69,.55)}
@keyframes cgcl-chama{0%,100%{box-shadow:0 8px 18px -8px var(--cg-destaque)}50%{box-shadow:0 8px 26px -4px var(--cg-destaque)}}

/* --------------------------------------------------------- produtos */
.cgcl__produtos{margin-top:22px}
.cgcl .cgcl__produtos h4{margin:0 0 10px;font-size:15px;font-weight:700;letter-spacing:.02em;color:#fff!important}
.cgcl__lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,230px));gap:12px}
.cgcl__prod{display:flex;flex-direction:column;background:#fff;color:var(--cg-escuro)!important;text-decoration:none!important;border-radius:16px;overflow:hidden;
  transition:transform .25s,box-shadow .25s;animation:cgcl-entra .6s ease both}
.cgcl__prod:hover{transform:translateY(-4px);box-shadow:0 16px 28px -14px rgba(6,43,69,.6)}
.cgcl__prod figure{margin:0;aspect-ratio:1/1;background:var(--cg-fundo);display:flex;align-items:center;justify-content:center;overflow:hidden}
.cgcl__prod img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .4s}
.cgcl__prod:hover img{transform:scale(1.06)}
.cgcl__prod span{display:block;padding:10px 12px 2px;font-size:14px;font-weight:700;line-height:1.3}
.cgcl__prod em{display:block;padding:0 12px 12px;font-style:normal;font-size:13px;color:var(--cg-claro);font-weight:700}

/* 1.2.0: agora, pico, argumentos e botão principal */
.cgcl__agora-rotulo{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin-bottom:2px}
.cgcl__pico{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.35);font-size:14px}
.cgcl__pico svg{width:15px;height:15px}
.cgcl__pico b{font-size:16px}
.cgcl .cgcl__beneficios{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.cgcl .cgcl__beneficios li{display:flex;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:600;color:var(--cg-escuro)}
.cgcl__beneficios svg{width:18px;height:18px;flex:0 0 18px;color:var(--cg-verde);background:#E7F7EE;border-radius:50%;padding:3px}
.cgcl .cgcl__reforco{margin:-2px 0 14px;font-size:13.5px;font-weight:700;color:var(--cg-destaque)}
.cgcl__btn--principal{flex:1 1 100%;font-size:16px;padding:14px 18px}
.cgcl__btn--whatsapp.cgcl__btn--principal{animation:cgcl-zap 2.4s ease-in-out infinite 1s}
@keyframes cgcl-zap{0%,100%{box-shadow:0 8px 18px -8px rgba(31,175,90,.8)}50%{box-shadow:0 10px 28px -4px rgba(31,175,90,.95)}}
@media (max-width:820px){.cgcl .cgcl__beneficios{grid-template-columns:1fr}}

/* abas por público */
.cgcl__abas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.cgcl .cgcl__aba{appearance:none;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff;font:inherit;font-weight:700;font-size:14px;
  padding:9px 16px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s,transform .2s}
.cgcl .cgcl__aba:hover{transform:translateY(-1px);background:rgba(255,255,255,.22)}
.cgcl .cgcl__aba.is-ativa{background:#fff;color:var(--cg-escuro);border-color:#fff;box-shadow:0 8px 18px -10px rgba(0,0,0,.5)}
.cgcl .cgcl__grupo-titulo{margin:0 0 10px;font-size:15px;font-weight:700;color:#fff!important}
.cgcl__painel.is-ativo{animation:cgcl-entra .45s ease both}
.cgcl__painel-topo{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:10px}
.cgcl .cgcl__painel-topo p{margin:0;font-size:14px;opacity:.95;color:#fff}
.cgcl__painel-topo a{color:#fff!important;font-weight:700;font-size:14px;text-decoration:underline}
.cgcl__prod figure{position:relative}
.cgcl__vazao{position:absolute;left:8px;top:8px;background:var(--cg-escuro);color:#fff;font-size:11.5px;font-weight:800;padding:4px 8px;border-radius:999px;letter-spacing:.01em}

/* --------------------------------------------------------- rodapé */
.cgcl__rodape{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:space-between;font-size:11.5px;opacity:.85;margin-top:18px}
.cgcl__rodape a{color:#fff!important;text-decoration:underline}

/* --------------------------------------------------------- carregando */
.cgcl__esqueleto{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cgcl__esqueleto i{display:block;height:150px;border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.28),rgba(255,255,255,.12));
  background-size:200% 100%;animation:cgcl-brilha 1.3s linear infinite}
@keyframes cgcl-brilha{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes cgcl-entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* --------------------------------------------------------- ícones */
.cgcl-raios{transform-origin:50% 50%;animation:cgcl-gira 18s linear infinite}
.cgcl-sol-nucleo{animation:cgcl-pulso 3.5s ease-in-out infinite;transform-origin:50% 50%}
.cgcl-nuvem-anda{animation:cgcl-balanca 6s ease-in-out infinite}
.cgcl-gota{animation:cgcl-gota 1.1s linear infinite}
.cgcl-gota:nth-of-type(2){animation-delay:-.35s}.cgcl-gota:nth-of-type(3){animation-delay:-.7s}
.cgcl-raio{animation:cgcl-raio 3s steps(1) infinite}
.cgcl-floco-ic{transform-origin:50% 50%;animation:cgcl-gira 9s linear infinite}
@keyframes cgcl-gira{to{transform:rotate(360deg)}}
@keyframes cgcl-balanca{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes cgcl-gota{0%{transform:translateY(-6px);opacity:0}30%{opacity:1}100%{transform:translateY(14px);opacity:0}}
@keyframes cgcl-raio{0%,88%,100%{opacity:0}90%,94%{opacity:1}}

/* --------------------------------------------------------- variações */
.cgcl--compacto .cgcl__grade{grid-template-columns:1fr}
.cgcl--compacto .cgcl__temp{font-size:58px}
.cgcl--compacto .cgcl__icone-grande{width:86px;height:86px;flex-basis:86px}

@media (max-width:820px){
  .cgcl__grade,.cgcl__esqueleto{grid-template-columns:1fr}
  .cgcl__inner{padding:20px 16px 14px}
  .cgcl__acoes-local{margin-left:0;width:100%}
  .cgcl__temp{font-size:62px}
  .cgcl__icone-grande{width:92px;height:92px;flex-basis:92px}
  .cgcl__dica h3{font-size:19px}
  .cgcl__dias{grid-template-columns:repeat(var(--n,4),minmax(64px,1fr));overflow-x:auto}
  .cgcl__lista{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgcl__btn{min-width:0;flex:1 1 100%}
}

@media (prefers-reduced-motion:reduce){
  .cgcl *,.cgcl *::before,.cgcl *::after{animation:none!important;transition:none!important}
  .cgcl__floco,.cgcl__onda,.cgcl__nuvem{display:none}
}

/* conteúdo de reserva (sem JavaScript) */
.cgcl-reserva{padding:22px 26px}
.cgcl-reserva a{color:#fff;font-weight:700}