/* Cruzeiros temáticos — hero "drop" com as artes oficiais, agenda e filtros (20/10/2026) */
.tm-hero{position:relative;overflow:hidden;background:#05070D;color:#fff;isolation:isolate;display:flex;flex-direction:column}
.tm-drop{position:relative;order:2;display:flex;flex-direction:column;gap:12px;transform:rotate(-3deg);margin:6px -6% clamp(40px,6vw,72px);opacity:0;transition:opacity .8s ease}
.tm-drop.on{opacity:1}
.tm-row{overflow:hidden}
.tm-track{display:flex;gap:14px;width:max-content;animation:tm-esq 70s linear infinite}
.tm-r2 .tm-track{animation-name:tm-dir;animation-duration:80s}
@keyframes tm-esq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes tm-dir{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.tm-tile{position:relative;width:clamp(230px,30vw,420px);aspect-ratio:8/3;border-radius:14px;overflow:hidden;flex:none;box-shadow:0 14px 40px rgba(0,0,0,.55)}
.tm-tile img{width:100%;height:100%;object-fit:cover}
.tm-tile{display:block;text-decoration:none;color:#fff}
.tm-tile:hover img{transform:scale(1.04)}.tm-tile img{transition:transform .4s ease}
.tm-cap{position:absolute;left:10px;bottom:10px;background:rgba(5,7,13,.78);backdrop-filter:blur(4px);color:#fff;font:600 12px/1 'Inter',sans-serif;padding:7px 10px;border-radius:999px;letter-spacing:.02em}
.tm-cap i{font-style:normal;color:#F5A623;font-weight:800}
.tm-cap b{color:#F5A623;font-weight:800;margin-right:4px}
.tm-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 70% at 85% 10%,rgba(245,166,35,.22) 0%,rgba(245,166,35,0) 60%),radial-gradient(ellipse 70% 60% at 0% 100%,rgba(2,119,189,.28) 0%,rgba(2,119,189,0) 60%)}
.tm-hero .wrap{position:relative;order:1;padding:clamp(48px,8vw,104px) 0 clamp(26px,4vw,40px)}
.tm-kicker{display:inline-flex;align-items:center;gap:10px;font:800 12px/1 'Inter',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#05070D;background:#F5A623;padding:9px 14px;border-radius:999px}
.tm-kicker i{width:8px;height:8px;border-radius:50%;background:#B71C1C;box-shadow:0 0 0 0 rgba(183,28,28,.7);animation:tm-pulso 1.6s infinite}
@keyframes tm-pulso{70%{box-shadow:0 0 0 10px rgba(183,28,28,0)}100%{box-shadow:0 0 0 0 rgba(183,28,28,0)}}
.tm-hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:900;font-size:clamp(36px,6.2vw,78px);line-height:1;letter-spacing:-.02em;margin:20px 0 0;max-width:17ch;text-shadow:0 6px 30px rgba(0,0,0,.6)}
.tm-hero h1 em{font-style:normal;color:#F5A623;display:block}
.tm-hero .tm-lead{margin-top:18px;max-width:54ch;font-size:clamp(16px,1.9vw,20px);color:#E8EDF5}
.tm-hero .tm-lead b{color:#fff}
.tm-num{display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,44px);margin-top:26px}
.tm-num div{font:600 13px/1.2 'Inter',sans-serif;color:#C9D3E2;text-transform:uppercase;letter-spacing:.08em}
.tm-num b{display:block;font:900 clamp(30px,4.4vw,46px)/1 'Playfair Display',Georgia,serif;color:#fff;letter-spacing:0;text-transform:none;margin-bottom:6px}
.tm-num b span{color:#F5A623}
.tm-hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media (prefers-reduced-motion:reduce){.tm-track{animation:none}.tm-kicker i{animation:none}}

/* Agenda da temporada */
.tm-agenda{background:#05070D;color:#fff;padding:clamp(40px,6vw,72px) 0}
.tm-agenda .eyebrow{color:#F5A623}
.tm-agenda h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,3.6vw,42px)}
.tm-ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:26px}
.tm-mes h3{font:800 14px/1 'Inter',sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#F5A623;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.14)}
.tm-mes h3 span{color:#8C98AB}
.tm-mes ol{list-style:none;margin:0;padding:0}
.tm-mes a{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;color:#fff;min-height:56px}
.tm-mes a:hover,.tm-mes a:focus-visible{background:rgba(245,166,35,.08)}
.tm-dt{text-align:center;font:700 11px/1 'Inter',sans-serif;color:#8C98AB;letter-spacing:.08em}
.tm-dt b{display:block;font:900 24px/1 'Playfair Display',Georgia,serif;color:#fff;margin-bottom:3px}
.tm-nm{font-weight:700;font-size:15px;line-height:1.25}
.tm-nm small{display:block;font-weight:500;font-size:12px;color:#8C98AB;margin-top:2px}
.tm-pc{font:800 13px/1.2 'Inter',sans-serif;color:#F5A623;text-align:right;white-space:nowrap}

/* Filtros por mês */
.tm-filtros{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.tm-filtros button{border:1.5px solid #DCE3EC;background:#fff;color:#0E1726;border-radius:999px;padding:9px 16px;font:600 14px 'Inter',sans-serif;cursor:pointer;min-height:44px}
.tm-filtros button[aria-pressed="true"]{background:#003366;border-color:#003366;color:#fff}
.vd-card[hidden]{display:none}
.vd-card.tm-foco{animation:tm-foco 1.8s ease}
@keyframes tm-foco{0%,60%{box-shadow:0 0 0 4px #F5A623}100%{box-shadow:var(--shadow)}}

.tm-pc small{display:block;font:600 11px/1.2 'Inter',sans-serif;color:#C9D3E2;margin-top:3px}
.tm-pc em{display:inline-block;font-style:normal;margin-top:6px;background:#F5A623;color:#05070D;font:800 11px/1 'Inter',sans-serif;padding:6px 10px;border-radius:999px}
.tm-pay{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:22px;background:rgba(245,166,35,.12);border:1.5px solid #F5A623;border-radius:14px;padding:12px 16px;font-size:clamp(15px,1.8vw,18px);color:#fff}
.tm-pay b{color:#F5A623;font-weight:900;font-size:1.15em}

/* Varanda Experience */
.tm-exp{background:linear-gradient(135deg,#05070D 0%,#0B1B33 100%);color:#fff;padding:clamp(44px,6vw,80px) 0}
.tm-exp .eyebrow{color:#F5A623}
.tm-exp h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,3.8vw,44px);color:#fff}
.tm-exp h2 em{font-style:normal;color:#F5A623}
.tm-exp-lead{max-width:62ch;margin-top:12px;color:#D7E0EC}
.tm-exp .vd-por div{background:rgba(255,255,255,.06);border:1px solid rgba(245,166,35,.35);color:#fff}
.tm-exp .vd-por div span{color:#C9D3E2}
.tm-exp-nota{margin-top:16px;font-size:13px;color:#8C98AB}
.tm-exp-h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(20px,2.4vw,26px);margin-top:26px;color:#fff}
.tm-exp-h3 em{font-style:normal;color:#F5A623}
