/*
 * Blog — Calazar Imobiliária + Blog.
 * Escrito à mão (fora do Tailwind) para não depender do site.css compilado.
 * Usa as variáveis de tema do site (--cal-*), então acompanha as cores, fontes
 * e cantos escolhidos em Aparência no painel.
 */
.cal-blog-shell{width:min(1152px,calc(100% - 32px));margin-inline:auto}
.cal-blog-narrow{width:min(760px,calc(100% - 32px))}
.cal-blog{background:rgb(var(--cal-bg));color:rgb(var(--cal-ink))}

/* Faixa de topo (fica abaixo do cabeçalho fixo) */
.cal-blog-hero{background:rgb(var(--cal-canvas));color:rgb(var(--cal-on-dark));padding:136px 0 56px}
.cal-blog-hero h1{margin:10px 0 0;font-size:clamp(32px,4.4vw,52px);line-height:1.08;letter-spacing:-.02em;color:#fff}
.cal-blog-hero p{margin:14px 0 0;max-width:640px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.72)}
.cal-blog-hero .cal-blog-lead{font-size:19px}
.cal-blog-hero-post{padding-bottom:48px}
.cal-blog-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--cal-accent))}
.cal-blog-back{display:inline-block;margin-bottom:6px;font-size:14px;color:rgba(255,255,255,.7);text-decoration:none;transition:color .2s}
.cal-blog-back:hover{color:rgb(var(--cal-accent))}
.cal-blog-hero .cal-blog-meta{margin-top:8px;color:rgba(255,255,255,.65)}
.cal-blog-hero .cal-blog-chip{background:rgba(255,255,255,.1);color:#fff}

/* Busca */
.cal-blog-search{display:flex;gap:8px;max-width:520px;margin-top:26px}
.cal-blog-search input{flex:1;min-width:0;height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:inherit;outline:none}
.cal-blog-search input::placeholder{color:rgba(255,255,255,.5)}
.cal-blog-search input:focus{border-color:rgb(var(--cal-accent))}
.cal-blog-search button{height:46px;padding:0 22px;border:0;border-radius:999px;background:rgb(var(--cal-button));color:rgb(var(--cal-on-button));font:inherit;font-weight:600;cursor:pointer;transition:background .2s}
.cal-blog-search button:hover{background:rgb(var(--cal-button-hover))}

.cal-blog-body{padding:40px 0 80px}
.cal-blog-results{margin:0 0 20px;font-size:14px;color:rgb(var(--cal-muted))}
.cal-blog-results a{color:rgb(var(--cal-ink));text-decoration:underline;text-decoration-color:rgb(var(--cal-accent))}

/* Categorias */
.cal-blog-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.cal-blog-chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:rgb(var(--cal-accent) / .16);color:rgb(var(--cal-ink));font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}
.cal-blog-cats .cal-blog-chip{padding:8px 16px;font-size:13px;background:rgb(var(--cal-panel));color:rgb(var(--cal-ink));border:1px solid rgb(var(--cal-hairline))}
.cal-blog-cats .cal-blog-chip:hover{border-color:rgb(var(--cal-accent))}
.cal-blog-cats .cal-blog-chip.is-active{background:rgb(var(--cal-button));border-color:rgb(var(--cal-button));color:rgb(var(--cal-on-button))}

/* Cards */
.cal-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cal-blog-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--cal-r-xl,20px);background:rgb(var(--cal-panel));border:1px solid rgb(var(--cal-hairline));box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .25s,box-shadow .25s}
.cal-blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.cal-blog-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:rgb(var(--cal-tint))}
.cal-blog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cal-blog-card:hover .cal-blog-card-media img{transform:scale(1.04)}
.cal-blog-card-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:rgb(var(--cal-canvas));color:rgb(var(--cal-accent));font-family:var(--cal-font-heading);font-size:56px}
.cal-blog-card-body{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}
.cal-blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:13px;color:rgb(var(--cal-muted))}
.cal-blog-card-title{margin:12px 0 0;font-size:20px;line-height:1.3;color:rgb(var(--cal-ink))}
.cal-blog-card-title a{color:inherit;text-decoration:none}
.cal-blog-card-title a:hover{color:rgb(var(--cal-accent))}
.cal-blog-card-excerpt{margin:10px 0 0;font-size:15px;line-height:1.6;color:rgb(var(--cal-muted))}
.cal-blog-more{margin-top:auto;padding-top:16px;font-size:14px;font-weight:600;color:rgb(var(--cal-ink));text-decoration:underline;text-decoration-color:rgb(var(--cal-accent));text-underline-offset:4px}
.cal-blog-more:hover{text-decoration:underline}

/* Botões */
.cal-blog-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:999px;background:rgb(var(--cal-button));color:rgb(var(--cal-on-button));font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s}
.cal-blog-button:hover{background:rgb(var(--cal-button-hover))}
.cal-blog-button-outline{background:transparent;color:rgb(var(--cal-ink));border:1px solid rgb(var(--cal-hairline))}
.cal-blog-button-outline:hover{background:rgb(var(--cal-tint))}

/* Paginação / vazio */
.cal-blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px}
.cal-blog-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:999px;border:1px solid rgb(var(--cal-hairline));background:rgb(var(--cal-panel));color:rgb(var(--cal-ink));text-decoration:none;font-weight:600}
.cal-blog-pagination a.is-active{background:rgb(var(--cal-button));border-color:rgb(var(--cal-button));color:rgb(var(--cal-on-button))}
.cal-blog-empty{padding:56px 24px;border:1px dashed rgb(var(--cal-hairline));border-radius:var(--cal-r-xl,20px);text-align:center;color:rgb(var(--cal-muted))}
.cal-blog-empty p{margin:0 0 18px}

/* Seção na página inicial */
.cal-blog-home{padding:88px 0;background:rgb(var(--cal-bg))}
.cal-blog-home-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}
.cal-blog-home-head h2{margin:8px 0 0;font-size:clamp(28px,3.4vw,40px);line-height:1.15;color:rgb(var(--cal-ink))}
.cal-blog-home-head p{margin:10px 0 0;max-width:560px;color:rgb(var(--cal-muted))}

/* Artigo */
.cal-blog-cover{margin:0 0 36px;overflow:hidden;border-radius:var(--cal-r-xl,20px)}
.cal-blog-cover img{display:block;width:100%;height:auto}
.cal-blog-single .cal-blog-body{padding-top:44px}
.cal-blog-prose{font-size:18px;line-height:1.75;color:rgb(var(--cal-ink))}
.cal-blog-prose>*:first-child{margin-top:0}
.cal-blog-prose p{margin:0 0 1.15em}
.cal-blog-prose h2{margin:1.8em 0 .6em;font-size:30px;line-height:1.2}
.cal-blog-prose h3{margin:1.6em 0 .5em;font-size:23px;line-height:1.3}
.cal-blog-prose h4{margin:1.4em 0 .5em;font-size:19px}
.cal-blog-prose a{color:rgb(var(--cal-ink));text-decoration:underline;text-decoration-color:rgb(var(--cal-accent));text-decoration-thickness:2px;text-underline-offset:3px}
.cal-blog-prose ul,.cal-blog-prose ol{margin:0 0 1.15em;padding-left:1.4em}
.cal-blog-prose ul{list-style:disc}
.cal-blog-prose ol{list-style:decimal}
.cal-blog-prose li{margin:.35em 0}
.cal-blog-prose blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid rgb(var(--cal-accent));font-family:var(--cal-font-heading);font-size:21px;font-style:italic;color:rgb(var(--cal-ink))}
.cal-blog-prose img{max-width:100%;height:auto;border-radius:var(--cal-r-lg,14px)}
.cal-blog-prose figure{margin:1.8em 0}
.cal-blog-prose figcaption{margin-top:8px;font-size:14px;text-align:center;color:rgb(var(--cal-muted))}
.cal-blog-prose hr{margin:2.4em 0;border:0;border-top:1px solid rgb(var(--cal-hairline))}
.cal-blog-prose strong{font-weight:700}
.cal-blog-prose .aligncenter,.cal-blog-prose [style*="text-align: center"]{text-align:center}
.cal-blog-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:48px;padding:26px 28px;border-radius:var(--cal-r-xl,20px);background:rgb(var(--cal-canvas));color:#fff}
.cal-blog-cta strong{display:block;font-family:var(--cal-font-heading);font-size:21px}
.cal-blog-cta p{margin:6px 0 0;color:rgba(255,255,255,.7)}
.cal-blog-related{padding:0 0 88px}
.cal-blog-related h2{margin:0 0 26px;font-size:28px;color:rgb(var(--cal-ink))}

@media (max-width:1023px){
  .cal-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:639px){
  .cal-blog-hero{padding:104px 0 40px}
  .cal-blog-grid{grid-template-columns:1fr}
  .cal-blog-prose{font-size:17px}
  .cal-blog-prose h2{font-size:25px}
  .cal-blog-search button{padding:0 16px}
  .cal-blog-cta{padding:22px}
  .cal-blog-cta .cal-blog-button{width:100%}
  .cal-blog-home{padding:64px 0}
}

/* ---------------- Banner de notícias (topo da página do blog) ---------------- */
.cal-news{position:relative;background:rgb(var(--cal-canvas));color:#fff;padding-top:64px}
@media (min-width:640px){.cal-news{padding-top:80px}}
.cal-news-stage{position:relative;height:clamp(420px,62vh,600px);overflow:hidden}
.cal-news-slide{position:absolute;inset:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s}
.cal-news-slide.is-active{opacity:1;visibility:visible}
.cal-news-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s ease-out}
.cal-news-slide.is-active .cal-news-bg{transform:scale(1)}
.cal-news-bg-empty{background:radial-gradient(ellipse at 70% 30%,rgb(var(--cal-accent) / .35),transparent 60%),rgb(var(--cal-canvas))}
.cal-news-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.1) 100%)}
.cal-news-content{position:relative;z-index:1;padding-bottom:48px}
.cal-news-content .cal-blog-meta{color:rgba(255,255,255,.8)}
.cal-news-content .cal-blog-chip{background:rgb(var(--cal-accent));color:rgb(var(--cal-on-accent))}
.cal-news-content h2{max-width:min(780px,calc(100% - 140px));margin:14px 0 0;font-size:clamp(28px,4vw,50px);line-height:1.1;letter-spacing:-.02em;color:#fff}
.cal-news-content h2 a{color:inherit;text-decoration:none}
.cal-news-content h2 a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.cal-news-content p{max-width:620px;margin:14px 0 22px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.82)}
/* Setas: mesma altura e mesma linha do botão "Ler mais"; a da direita encosta na margem do conteúdo. */
.cal-news-arrow{position:absolute;bottom:48px;z-index:2;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(0,0,0,.25);color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s,border-color .2s}
.cal-news-arrow svg{display:block}
.cal-news-arrow:hover{border-color:#fff}
.cal-news-arrow:focus-visible{outline:2px solid rgb(var(--cal-accent));outline-offset:3px}
.cal-news-arrow:hover{background:rgba(0,0,0,.5)}
.cal-news-prev{right:calc(max(16px,(100% - 1152px) / 2) + 58px)}
.cal-news-next{right:max(16px,calc((100% - 1152px) / 2))}
.cal-news-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.12)}
.cal-news-tabs button{position:relative;display:flex;width:100%;gap:12px;align-items:flex-start;padding:18px 16px 20px 0;border:0;background:none;color:rgba(255,255,255,.55);text-align:left;font:inherit;cursor:pointer;transition:color .2s}
.cal-news-tabs button:hover,.cal-news-tabs button.is-active{color:#fff}
.cal-news-num{flex-shrink:0;font-family:var(--cal-font-heading);font-size:20px;line-height:1.2;color:rgb(var(--cal-accent))}
.cal-news-tab-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4}
.cal-news-progress{position:absolute;left:0;right:16px;top:-1px;height:2px;background:transparent}
.cal-news-tabs button.is-active .cal-news-progress{background:rgb(var(--cal-accent));transform-origin:left;animation:cal-news-progress var(--cal-news-delay,7000ms) linear}
.cal-news.is-paused .cal-news-tabs button.is-active .cal-news-progress{animation-play-state:paused}
@keyframes cal-news-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* Faixa de título logo abaixo do banner */
.cal-blog-hero-compact{padding:44px 0 40px;border-top:1px solid rgba(255,255,255,.08)}
.cal-blog-hero-compact h1{margin-top:0;font-size:clamp(28px,3.2vw,40px)}
@media (max-width:767px){
  .cal-news-stage{height:clamp(440px,74vh,560px)}
  .cal-news-arrow{display:none}
  .cal-news-content{padding-bottom:32px}
  .cal-news-content p{font-size:15px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .cal-news-tabs{display:flex;justify-content:center;gap:8px;padding:16px 0;border-top:0}
  .cal-news-tabs li{display:block}
  .cal-news-tabs button{width:28px;height:4px;padding:0;border-radius:4px;background:rgba(255,255,255,.3)}
  .cal-news-tabs button.is-active{background:rgb(var(--cal-accent))}
  .cal-news-num,.cal-news-tab-title,.cal-news-progress{display:none}
}
@media (prefers-reduced-motion:reduce){
  .cal-news-slide,.cal-news-bg{transition:none}
  .cal-news-tabs button.is-active .cal-news-progress{animation:none;transform:scaleX(1)}
}