/* Blog W&E Turismo — complementa o site-v3.css (mesmas cores e fontes) */
.previa-tag{background:var(--sol);color:var(--breu);text-align:center;font-weight:600;font-size:14px;padding:8px 12px}
.bl-head{background:var(--breu);color:#fff}
.bl-head .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.bl-head .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-family:var(--head);font-size:26px;font-weight:600}
.bl-head .logo b{color:var(--sol);font-weight:600}
.bl-head ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.bl-head ul a{color:#fff;text-decoration:none;font-weight:500;opacity:.9}
.bl-head ul a:hover,.bl-head ul a.on{color:var(--sol);opacity:1}
.bl-btn{display:inline-block;background:var(--sol);color:var(--breu);font-weight:700;text-decoration:none;padding:12px 20px;border-radius:var(--r)}
.bl-btn:hover{filter:brightness(1.05)}
.bl-hero{background:var(--mar);color:#fff;padding:64px 0 56px}
.bl-hero .kick{color:var(--agua);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:14px;margin-bottom:12px}
.bl-hero h1{font-size:clamp(40px,6vw,64px);max-width:16ch}
.bl-hero p{max-width:52ch;margin-top:18px;color:#d7e6e1;font-size:19px}
.bl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:48px 0 72px}
.bl-card{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.bl-card .thumb{height:150px;background:linear-gradient(135deg,var(--mar),var(--mar-2));display:flex;align-items:center;justify-content:center;color:var(--sol)}
.bl-card .thumb svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bl-card .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.bl-card .meta{font-size:14px;color:var(--muted)}
.bl-card h2{font-size:26px;line-height:1.1;color:var(--mar)}
.bl-card p{color:var(--muted);font-size:16px}
.bl-card .more{margin-top:auto;font-weight:700;color:var(--mar)}
.bl-card.soon{opacity:.62}
.bl-card.soon .thumb{background:linear-gradient(135deg,#6c7c77,#8a9a95);color:#fff}
.tag{display:inline-block;background:var(--papel-2);color:var(--mar);font-size:13px;font-weight:600;padding:3px 10px;border-radius:99px}
.art{padding:48px 0 24px}
.art .crumbs{font-size:14px;color:var(--muted);margin-bottom:18px}
.art .crumbs a{color:var(--mar)}
.art h1{font-size:clamp(36px,5vw,56px);color:var(--mar);max-width:20ch}
.art .by{margin-top:14px;color:var(--muted);font-size:15px}
.art-body{max-width:720px;margin-top:28px;font-size:19px;line-height:1.7}
.art-body p{margin:0 0 18px}
.art-body h2{font-size:32px;color:var(--mar);margin:36px 0 10px;line-height:1.1}
.art-body .lead{font-size:21px;color:var(--tinta)}
.art-body .num{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--sol);color:var(--breu);font-family:var(--head);font-weight:700;font-size:22px;align-items:center;justify-content:center;margin-right:10px;vertical-align:middle}
.callout{background:var(--papel-2);border-left:5px solid var(--sol);padding:18px 22px;margin:26px 0;border-radius:var(--r);font-size:17px}
.cta{background:var(--mar);color:#fff;border-radius:var(--r);padding:34px 32px;margin:44px 0 20px;max-width:720px}
.cta h2{color:#fff;font-size:34px;margin:0 0 8px}
.cta p{color:#d7e6e1;margin:0 0 18px}
.bl-foot{background:var(--breu);color:#b9c8c3;padding:34px 0;margin-top:56px;font-size:15px}
.bl-foot a{color:var(--agua)}
@media(max-width:760px){.bl-head ul{display:none}.art-body{font-size:18px}}
/* texto do artigo centrado numa coluna de leitura */
.art>*{max-width:720px;margin-left:auto;margin-right:auto}
.art-body,.cta{margin-left:auto;margin-right:auto}
.art>h1{max-width:720px}

/* capa imersiva do artigo */
.art-hero{position:relative;min-height:540px;display:flex;align-items:flex-end;color:#fff;background:#0C0F0E url(../img/capa-artigo1.jpg) center 40%/cover no-repeat}
.art-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,15,14,.30) 0%,rgba(12,15,14,.05) 38%,rgba(12,15,14,.86) 100%)}
.art-hero-in{position:relative;width:100%;max-width:760px;margin:0 auto;padding:140px 20px 52px}
.art-hero .crumbs{color:#e6eeea;margin-bottom:16px}.art-hero .crumbs a{color:var(--sol)}
.art-hero h1{color:#fff;font-size:clamp(40px,6vw,68px);max-width:100%;text-shadow:0 2px 24px rgba(0,0,0,.45)}
.art-hero .by{color:#d7e6e1;margin-top:16px}
.art{padding-top:8px}
.bl-card .thumb.foto{height:200px;background-size:cover;background-position:center 40%}
@media(max-width:760px){.art-hero{min-height:460px}.art-hero-in{padding-top:110px}}
.art-fig{max-width:520px;margin:34px auto 10px}
.art-fig img{width:100%;height:auto;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.art-fig figcaption{font-size:15px;color:var(--muted);text-align:center;margin-top:10px}
.art-hero.paris{background-position:92% 30%}
.art-hero.paris::before{background:linear-gradient(90deg,rgba(12,15,14,.82) 0%,rgba(12,15,14,.55) 45%,rgba(12,15,14,.05) 100%),linear-gradient(180deg,rgba(12,15,14,.15) 0%,rgba(12,15,14,.65) 100%)}

/* ===== página inicial do blog (v2) ===== */
.hero2{position:relative;min-height:560px;display:flex;align-items:center;color:#fff;background:#0C0F0E url(../img/hero-blog.jpg) center/cover no-repeat}
.hero2::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,15,14,.86) 0%,rgba(12,15,14,.55) 50%,rgba(12,15,14,.12) 100%)}
.hero2 .in{position:relative;max-width:1160px;margin:0 auto;padding:90px 20px;width:100%}
.hero2 .kick{color:var(--sol);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:14px;margin-bottom:14px}
.hero2 h1{font-size:clamp(44px,7vw,84px);max-width:13ch;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.hero2 p{max-width:50ch;margin-top:18px;font-size:20px;color:#e6eeea}
.hero2 .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.bl-btn.ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.7)}
.sec{padding:64px 0 8px}.sec h2.t{font-size:clamp(32px,4vw,44px);color:var(--mar);margin-bottom:8px}
.sec p.sub{color:var(--muted);margin-bottom:26px;max-width:60ch}
.feat{display:grid;grid-template-columns:1.25fr 1fr;background:#fff;border:1px solid var(--linha);border-radius:6px;overflow:hidden;text-decoration:none;color:inherit}
.feat .img{min-height:340px;background:#0C0F0E center/cover no-repeat}
.feat .tx{padding:36px 34px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.feat .tx h2{font-size:clamp(30px,3.4vw,42px);color:var(--mar);line-height:1.05}
.feat .tx p{color:var(--muted)}
.feat .more{font-weight:700;color:var(--mar)}
.dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dgrid figure{position:relative;margin:0;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:#0C0F0E}
.dgrid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.dgrid figure:hover img{transform:scale(1.05)}
.dgrid figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;color:#fff;font-family:var(--head);font-weight:600;font-size:24px;background:linear-gradient(180deg,transparent,rgba(12,15,14,.85))}
.band{margin:70px 0 10px;background:var(--mar);color:#fff;border-radius:6px;padding:44px 38px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.band h2{font-size:clamp(30px,4vw,44px);color:#fff}.band p{color:#d7e6e1;margin-top:8px;max-width:52ch}
@media(max-width:900px){.feat{grid-template-columns:1fr}.feat .img{min-height:240px}.dgrid{grid-template-columns:repeat(2,1fr)}.hero2{min-height:480px}}
/* foto da torre inteira */
.feat{grid-template-columns:minmax(300px,420px) 1fr}
.feat .img{min-height:0;aspect-ratio:4/5;background-position:center}
.bl-card .thumb.inteira{background-size:contain;background-repeat:no-repeat;background-color:#2f7fd3;height:230px}
@media(max-width:900px){.feat{grid-template-columns:1fr}.feat .img{aspect-ratio:auto;width:100%;height:min(560px,125vw)}}