/* ==========================================================================
   MozaTour — conceitos próprios de cada modelo (Horizonte, Aventura, Editorial, Moderno)
   ========================================================================== */

/* menos espaço entre o cabeçalho e o herói */
.tc-hero{padding-top:28px!important}
.md-hero{padding-top:28px!important}

/* ================= HORIZONTE: herói emoldurado ================= */
.hz-frame{padding:14px 14px 0}
.hz-frame .fr{position:relative;border-radius:30px;overflow:hidden;min-height:min(78vh,720px);display:flex;align-items:flex-end;color:#fff}
.hz-frame .fr>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hz-frame .fr::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(14,11,9,.72) 0%,rgba(14,11,9,.25) 55%,rgba(14,11,9,.1) 100%),linear-gradient(0deg,rgba(14,11,9,.5),transparent 45%)}
.hz-frame .in{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1.3fr .7fr;gap:2.4rem;align-items:end;padding:110px clamp(24px,5vw,64px) 120px}
.hz-frame h1{font-family:var(--sans);font-weight:800;font-size:clamp(2.6rem,6vw,5rem);line-height:.98;letter-spacing:-.045em;margin:.6rem 0 1.1rem;max-width:13ch}
.hz-frame .k{font-family:'Caveat',cursive;font-size:1.9rem;color:#FFD2BE}
.hz-frame p{max-width:46ch;color:#F1ECE7;font-size:1.06rem}
.hz-glass{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);border-radius:20px;padding:1.1rem 1.2rem}
.hz-glass h6{margin:0 0 .6rem;font:800 .7rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#FFD2BE}
.hz-glass a{display:grid;grid-template-columns:48px 1fr auto;gap:.8rem;align-items:center;padding:.55rem 0;border-top:1px solid rgba(255,255,255,.14)}
.hz-glass a:first-of-type{border-top:0}
.hz-glass img{width:48px;height:48px;border-radius:12px;object-fit:cover}
.hz-glass b{display:block;font-size:.95rem}
.hz-glass small{color:#E6DED6;font-size:.8rem}
.hz-glass em{font-style:normal;font-weight:800;font-size:.9rem}
.hz-search{position:relative;z-index:5;margin-top:-58px}
.hz-split{display:grid;grid-template-columns:1.25fr 1fr;gap:1.4rem}
.hz-big{position:relative;border-radius:24px;overflow:hidden;min-height:520px;color:#fff;display:flex;align-items:flex-end;padding:2rem}
.hz-big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.hz-big:hover img{transform:scale(1.04)}
.hz-big::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.82))}
.hz-big>div{position:relative;z-index:1}
.hz-big h3{font-family:var(--sans);font-weight:800;font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.02em;margin:.5rem 0}
.hz-big .row{display:flex;gap:1.2rem;flex-wrap:wrap;font-weight:700;margin:1rem 0 1.4rem;font-size:.92rem}
.hz-stack{display:grid;gap:1.4rem}
.hz-mini{display:grid;grid-template-columns:42% 1fr;background:#fff;border:1px solid var(--line-2);border-radius:22px;overflow:hidden;transition:box-shadow .25s}
.hz-mini:hover{box-shadow:var(--sh-lg)}
.hz-mini img{width:100%;height:100%;object-fit:cover;min-height:230px}
.hz-mini>div{padding:1.4rem;display:flex;flex-direction:column;gap:.5rem}
.hz-mini h4{font-family:var(--sans);font-weight:800;font-size:1.25rem;letter-spacing:-.01em}
.hz-mini p{color:var(--ink-2);font-size:.9rem}
.hz-mini .ft{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-weight:800}
.hz-band{background:var(--brand);color:#fff;border-radius:28px;display:grid;grid-template-columns:repeat(4,1fr)}
.hz-band>div{padding:2.2rem 1.8rem;border-left:1px solid rgba(255,255,255,.25)}
.hz-band>div:first-child{border-left:0}
.hz-band .ic{width:30px;height:30px;margin-bottom:1rem}
.hz-band h4{font-family:var(--sans);font-weight:800;font-size:1.08rem;letter-spacing:0;margin-bottom:.35rem}
.hz-band p{font-size:.9rem;opacity:.92}
.tpl-horizonte .grid-trips.g4{grid-template-columns:repeat(4,1fr)}

/* ================= AVENTURA: slider com miniaturas verticais ================= */
.ta-thumbs{position:absolute;z-index:3;right:clamp(16px,4vw,56px);top:50%;transform:translateY(-50%);display:grid;gap:.7rem;width:290px}
.ta-thumbs button{display:grid;grid-template-columns:72px 1fr;gap:.8rem;align-items:center;text-align:left;background:rgba(20,18,17,.45);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);border-radius:16px;padding:.5rem;color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:background .3s,border-color .3s}
.ta-thumbs button img{width:72px;height:72px;border-radius:12px;object-fit:cover}
.ta-thumbs button b{display:block;font-size:.95rem;line-height:1.2}
.ta-thumbs button small{color:#CFC6BD;font-size:.78rem}
.ta-thumbs button.on{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.45)}
.ta-thumbs button i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--brand)}
.ta-thumbs button.on i{animation:taProg 6.5s linear forwards}
@keyframes taProg{to{width:100%}}
.tpl-aventura .ta-slide .wrap{padding-right:330px}
.tpl-aventura .ta-dots{display:none}

/* ================= EDITORIAL: revista ================= */
.ed-mast{padding:34px 0 30px;text-align:center;border-bottom:1px solid var(--line)}
.ed-mast .meta{display:flex;justify-content:center;gap:1.4rem;font:700 .74rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.ed-mast h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,7.4vw,6.4rem);line-height:.98;letter-spacing:-.03em;margin:1rem auto 1.1rem;max-width:16ch}
.ed-mast h1 i{color:var(--coral-d)}
.ed-mast p{max-width:58ch;margin:0 auto;color:var(--ink-2);font-size:1.1rem}
.ed-car{position:relative;padding:42px 0 30px;overflow:hidden}
.ed-track{display:flex;gap:1.4rem;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ed-card{flex:0 0 min(420px,78vw);border-radius:26px;overflow:hidden;position:relative;aspect-ratio:4/5;color:#fff;display:flex;align-items:flex-end;padding:1.6rem;opacity:.55;transform:scale(.92);transition:opacity .6s,transform .6s}
.ed-card.on{opacity:1;transform:scale(1)}
.ed-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ed-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8))}
.ed-card>div{position:relative;z-index:1}
.ed-card small{font:700 .74rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#FFD2BE}
.ed-card h3{font-size:2rem;margin:.4rem 0 .5rem}
.ed-card .row{display:flex;justify-content:space-between;font-weight:700;font-size:.92rem}
.ed-nav{display:flex;justify-content:center;gap:.6rem;margin-top:1.6rem}
.ed-nav button{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;font-size:1.2rem}
.ed-nav button:hover{border-color:var(--ink)}
.ed-story{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:56px 0;border-top:1px solid var(--line)}
.ed-story:nth-child(even) .ph{order:2}
.ed-story .ph{border-radius:4px;overflow:hidden;aspect-ratio:5/4}
.ed-story .ph img{width:100%;height:100%;object-fit:cover}
.ed-story .no{font:400 5rem/1 var(--serif);color:var(--coral);opacity:.4}
.ed-story h3{font-size:clamp(2rem,3.4vw,2.8rem);margin:.4rem 0 1rem}
.ed-story p{color:var(--ink-2);margin-bottom:1.2rem;font-size:1.04rem}
.ed-quote{position:relative;color:#fff;padding:140px 0;text-align:center;overflow:hidden}
.ed-quote img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ed-quote::before{content:"";position:absolute;inset:0;background:rgba(15,12,10,.55);z-index:1}
.ed-quote blockquote{position:relative;z-index:2;margin:0 auto;max-width:20ch;font:italic 400 clamp(2.2rem,5vw,4rem)/1.1 var(--serif)}
.ed-quote cite{position:relative;z-index:2;display:block;margin-top:1.4rem;font:700 .8rem var(--sans);letter-spacing:.18em;text-transform:uppercase;font-style:normal;color:#FFD2BE}
.ed-agenda{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0;border-top:2px solid var(--ink)}
.ed-agenda a{padding:1.4rem 1.2rem 1.6rem;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.ed-agenda a:hover{background:#fff}
.ed-agenda .d{font:400 3rem/1 var(--serif)}
.ed-agenda small{display:block;font:700 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--coral-d);margin:.3rem 0 .8rem}
.ed-agenda h4{font-size:1.35rem;margin-bottom:.3rem}
.ed-agenda span{color:var(--muted);font-size:.9rem}

/* ================= MODERNO: bento ================= */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:1rem}
.bx{border-radius:24px;padding:1.5rem;background:#fff;border:1px solid var(--line-2);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
.bx h4{font-family:var(--sans);font-weight:800;font-size:1.1rem;letter-spacing:-.01em}
.bx p,.bx small{color:var(--ink-2);font-size:.9rem}
.bx .big{font:800 3rem/1 var(--sans);letter-spacing:-.04em;background:var(--brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.bx.w2{grid-column:span 2}.bx.h2{grid-row:span 2}
.bx.photo{padding:0;color:#fff;justify-content:flex-end}
.bx.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bx.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.75))}
.bx.photo>div{position:relative;z-index:1;padding:1.5rem}
.bx.photo h4{color:#fff;font-size:1.5rem}
.bx.dark{background:var(--night);color:#fff;border-color:var(--night)}
.bx.dark h4{color:#fff}.bx.dark p,.bx.dark small{color:#B8B1AA}
.bx.brand{background:var(--brand);color:#fff;border:0}
.bx.brand h4,.bx.brand p{color:#fff}
.bx.wa{background:#E9F8EF;border-color:#CDEBD9}
.bx .pms{display:flex;gap:.4rem;flex-wrap:wrap}
.bx .cd{display:flex;gap:.5rem}
.bx .cd div{flex:1;background:rgba(255,255,255,.08);border-radius:12px;text-align:center;padding:.5rem 0;font-size:.7rem;color:#B8B1AA;text-transform:uppercase;letter-spacing:.06em}
.bx .cd b{display:block;font:800 1.4rem/1.2 var(--sans);color:#fff}
.tlist{display:grid;gap:1rem}
.trow{display:grid;grid-template-columns:240px 1fr auto;gap:1.6rem;align-items:center;background:#fff;border:1px solid var(--line-2);border-radius:22px;padding:.8rem;transition:box-shadow .25s,transform .25s}
.trow:hover{box-shadow:var(--sh-lg);transform:translateY(-2px)}
.trow img{width:240px;height:170px;object-fit:cover;border-radius:16px}
.trow .where{font:800 .74rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--coral-d)}
.trow h3{font-family:var(--sans);font-weight:800;font-size:1.4rem;letter-spacing:-.02em;margin:.3rem 0 .4rem}
.trow p{color:var(--ink-2);font-size:.92rem;max-width:60ch}
.trow .tags{display:flex;gap:.4rem;margin-top:.7rem;flex-wrap:wrap}
.trow .pr{text-align:right;padding-right:1rem;min-width:180px}
.trow .pr small{display:block;color:var(--muted);font-size:.78rem}
.trow .pr b{display:block;font:800 1.5rem var(--sans);margin:.2rem 0 .8rem}

@media (max-width:1080px){
  .hz-frame .in{grid-template-columns:1fr;padding:100px 24px 110px}
  .hz-split{grid-template-columns:1fr}
  .hz-band{grid-template-columns:1fr 1fr}
  .hz-band>div:nth-child(3){border-left:0}
  .tpl-horizonte .grid-trips.g4{grid-template-columns:1fr 1fr}
  .ta-thumbs{display:none}
  .tpl-aventura .ta-slide .wrap{padding-right:0}
  .tpl-aventura .ta-dots{display:block}
  .ed-story{grid-template-columns:1fr;gap:1.6rem}
  .ed-story:nth-child(even) .ph{order:0}
  .bento{grid-template-columns:1fr 1fr}
  .trow{grid-template-columns:200px 1fr}
  .trow img{width:200px;height:150px}
  .trow .pr{grid-column:1/-1;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:0 .6rem .4rem}
  .trow .pr b{margin:0}
}
@media (max-width:640px){
  .hz-frame{padding:8px 8px 0}
  .hz-frame .fr{border-radius:22px}
  .hz-glass{display:none}
  .hz-band{grid-template-columns:1fr}
  .hz-band>div{border-left:0;border-top:1px solid rgba(255,255,255,.25)}
  .hz-mini{grid-template-columns:1fr}
  .tpl-horizonte .grid-trips.g4{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr;grid-auto-rows:auto}
  .bx{min-height:170px}.bx.w2{grid-column:auto}.bx.h2{grid-row:auto;min-height:280px}
  .trow{grid-template-columns:1fr}
  .trow img{width:100%;height:200px}
  .ed-card h3{font-size:1.6rem}
}