:root{
  --bg:#1b0508;
  --bg-2:#33070d;
  --bordeaux:#7b1420;
  --bordeaux-2:#9f2632;
  --wine:#4b0b13;
  --rose:#bf4a55;
  --gold:#c89b4a;
  --gold-2:#e9cf88;
  --cream:#fff4df;
  --cream-2:#f7e4bd;
  --ink:#2a0f12;
  --muted:#795b55;
  --panel:#fff8ea;
  --radius:24px;
  --shadow:0 22px 58px rgba(0,0,0,.30);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,rgba(183,154,104,.18),transparent 24%),radial-gradient(circle at 85% 8%,rgba(191,122,110,.18),transparent 28%),linear-gradient(180deg,#f7f1e8 0%,#efe2d6 54%,#f8f2eb 100%);min-height:100svh}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}
.hero{position:relative;display:grid;place-items:center;padding:24px 18px 42px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;bottom:-240px;background:radial-gradient(circle,rgba(232,207,136,.16),transparent 72%);pointer-events:none}.compact-hero{min-height:auto}.topbar{position:relative;z-index:5;width:min(1160px,calc(100% - 10px));min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 auto 34px;padding:10px 16px 10px 24px;border:1px solid rgba(232,207,136,.38);border-radius:999px;background:rgba(111,70,58,.95);backdrop-filter:blur(16px);box-shadow:0 14px 34px rgba(95,58,44,.16)}.brand img{height:44px;width:auto;max-width:250px;object-fit:contain}.hero-socials{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.social-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(232,207,136,.38);background:rgba(255,255,255,.18);color:#fffaf1;border-radius:999px;padding:10px 15px;font-weight:900;transition:.22s ease}.social-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.16)}.social-btn img{width:21px;height:21px}.social-btn.compact-nav{font-size:.92rem;padding:9px 14px}.hero-inner{position:relative;z-index:2;width:min(930px,100%);text-align:center;padding:34px 28px;border:1px solid rgba(232,207,136,.28);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,248,239,.75));box-shadow:var(--shadow);backdrop-filter:blur(8px)}.hero-card-small{max-width:900px}.hero-logo-card{display:inline-flex;align-items:center;justify-content:center;margin:0 auto 16px;padding:14px 24px;background:#fffdf9;border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 16px 34px rgba(0,0,0,.17)}.hero-logo-card img{height:78px;max-width:min(450px,78vw);object-fit:contain}.eyebrow{margin:0 0 10px;color:var(--gold-2);letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:900}.hero h1{font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,5.2rem);line-height:.94;margin:0 0 14px;color:#6c4337;text-shadow:none}.hero-text{max-width:710px;margin:0 auto;color:#6f5a52;font-size:clamp(1rem,1.55vw,1.17rem);line-height:1.55}
main{position:relative;margin-top:0}.intro-strip{width:min(1100px,calc(100% - 24px));margin:0 auto 24px;padding:16px;border:1px solid rgba(232,207,136,.52);background:linear-gradient(135deg,rgba(255,248,234,.98),rgba(243,219,177,.96));box-shadow:var(--shadow);border-radius:28px;color:var(--ink);display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.intro-strip div{min-height:82px;border-radius:22px;background:linear-gradient(135deg,#fffdf3,#f1d7aa);border:1px solid rgba(91,21,32,.10);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.intro-strip strong{font-size:2.05rem;line-height:1;color:var(--bordeaux)}.intro-strip span{font-weight:850;color:#76534b}.tile-section{width:min(1160px,calc(100% - 24px));margin:0 auto 30px;padding:34px;border-radius:32px;background:linear-gradient(180deg,rgba(255,250,244,.98),rgba(248,240,228,.98));color:var(--ink);box-shadow:var(--shadow);border:1px solid rgba(255,241,205,.8)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:24px;flex-wrap:wrap}.section-heading h2{margin:0;font-family:Georgia,serif;font-size:clamp(2.1rem,4vw,3.7rem);line-height:1;color:#6f463a}.section-heading p:not(.eyebrow){max-width:650px;margin:0;color:#7e685e;line-height:1.58}.tile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:start}.portal-tile{border-radius:28px;overflow:hidden;position:relative;box-shadow:0 18px 38px rgba(111,70,58,.11)}.portal-tile.open{grid-column:1/-1}.tile-button{width:100%;min-height:214px;text-align:left;border:1px solid rgba(255,230,188,.24);border-radius:28px;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 82% 92%,rgba(232,207,136,.16),transparent 30%),linear-gradient(145deg,#b67869,#7a4b3f 70%);color:#fffaf0;padding:22px;cursor:pointer;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.24s ease}.tile-button:before{content:"";position:absolute;inset:auto -24px -60px auto;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.10)}.tile-button:hover{transform:translateY(-4px);filter:brightness(1.08)}.portal-tile.open .tile-button{border-radius:28px 28px 0 0;min-height:145px;background:radial-gradient(circle at 90% 18%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,#c28779,#835447 72%)}.tile-icon{width:54px;height:54px;border-radius:19px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:1.6rem;margin-bottom:auto}.tile-kicker{text-transform:uppercase;font-weight:950;letter-spacing:.12em;color:var(--gold-2);font-size:.74rem;margin-top:22px}.tile-button strong{display:block;font-size:clamp(1.16rem,1.85vw,1.5rem);line-height:1.06;margin:7px 0}.tile-button small{display:block;line-height:1.38;color:#fff4eb;font-weight:650}.tile-arrow{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);display:grid;place-items:center;transition:.22s ease}.portal-tile.open .tile-arrow{transform:rotate(180deg)}.tile-panel{border:1px solid rgba(91,21,32,.13);border-top:0;background:#fffdf8;color:#3b271f;border-radius:0 0 28px 28px;padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.panel-head h3,.content-card h3{margin:10px 0 8px;color:#6f463a;font-size:1.42rem}.panel-head p,.content-card p{margin:0;color:#74544f;line-height:1.55}.badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(91,21,32,.09);border:1px solid rgba(91,21,32,.14);color:#851927;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:950}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid rgba(91,21,32,.18);background:#fff;color:#6f463a;padding:12px 18px;font-weight:950;cursor:pointer;transition:.22s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(91,21,32,.14)}.btn.primary{background:linear-gradient(135deg,#b67869,#7a4b3f);color:#fff;border-color:#c58c7e}.btn.small{padding:10px 15px;font-size:.92rem;margin-top:auto}.mini-list{display:flex;flex-wrap:wrap;gap:9px}.mini-list span{border-radius:999px;background:#f4e2c2;border:1px solid rgba(91,21,32,.12);padding:9px 12px;color:#5a362c;font-weight:800}.cards{display:grid;gap:16px}.cards.three{grid-template-columns:repeat(3,1fr)}.content-card{min-height:250px;border-radius:24px;background:linear-gradient(180deg,#fffdf9,#f5e8d2);border:1px solid rgba(91,21,32,.12);box-shadow:0 14px 36px rgba(91,21,32,.09);padding:24px;display:flex;flex-direction:column}.content-card:before{content:"";height:68px;margin:-24px -24px 20px;border-radius:24px 24px 0 0;background:radial-gradient(circle at 24% 60%,rgba(255,255,255,.45),transparent 24%),linear-gradient(135deg,#a82634,#c89b4a)}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.comic-card{display:block;text-align:left;border:0;border-radius:24px;overflow:hidden;background:#fffdf5;box-shadow:0 14px 34px rgba(91,21,32,.14);color:var(--ink);cursor:pointer;transition:.24s ease}.comic-card:hover{transform:translateY(-4px)}.comic-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.comic-card div{padding:16px}.comic-card h3{margin:0 0 7px;color:#6f463a;font-size:1.05rem}.comic-card p{margin:0;color:#765950;line-height:1.42;font-size:.94rem}.video-box{position:relative;min-height:360px;border-radius:26px;background:radial-gradient(circle at 62% 38%,rgba(232,207,136,.16),transparent 34%),linear-gradient(135deg,#7b5143,#b67869);display:grid;place-items:center;color:#fffaf0;overflow:hidden}.video-placeholder{text-align:center;padding:34px}.video-placeholder span{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);font-size:2rem}.video-placeholder h3{font-size:2rem;margin:0 0 8px}.video-placeholder p{max-width:670px;margin:0 auto;color:#f8efe6;line-height:1.65}.video-placeholder code{background:rgba(255,255,255,.12);padding:2px 6px;border-radius:8px}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.review-grid.two-reviews{max-width:740px;margin:0 auto}.review-card{text-align:left;min-height:126px;border:1px solid rgba(255,230,188,.22);border-radius:24px;background:radial-gradient(circle at 90% 90%,rgba(255,255,255,.12),transparent 28%),linear-gradient(135deg,#b67869,#7a4b3f);color:#fffaf0;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:.22s ease}.review-card:hover{transform:translateY(-3px);filter:brightness(1.07)}.review-card strong{display:block;margin-bottom:5px;font-size:1.08rem}.review-card small{display:block;line-height:1.35;color:#f1d5c4}.review-icon{width:52px;height:52px;flex:0 0 auto;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);font-weight:950;font-size:1.25rem}.review-icon.google{font-family:Arial,sans-serif;color:#fff}.review-icon.trip{color:#24e3a2;font-size:1.5rem}.footer{width:min(1160px,calc(100% - 24px));margin:30px auto;padding:30px 20px;text-align:center;color:#7e685e}.footer img{height:58px;width:auto;margin:0 auto 12px;object-fit:contain}.modal{border:0;border-radius:28px;padding:0;background:#fffdf8;color:#3b271f;box-shadow:0 32px 100px rgba(0,0,0,.55);max-width:min(94vw,1100px);max-height:92svh}.modal::backdrop{background:rgba(12,5,6,.74);backdrop-filter:blur(8px)}.modal img{max-width:94vw;max-height:84svh;width:auto;object-fit:contain;border-radius:28px 28px 0 0}.modal-caption{padding:14px 20px;font-weight:900;color:#6f463a}.modal-close{position:absolute;z-index:8;top:12px;right:12px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.9);font-size:1.45rem;cursor:pointer}
@media(max-width:1040px){.tile-grid{grid-template-columns:repeat(3,1fr)}.cards.three,.comic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{border-radius:24px;align-items:center;flex-wrap:wrap;justify-content:center}.brand img{height:38px;max-width:220px}.hero-socials{width:100%;justify-content:center}.hero{padding-top:14px}.hero-inner{padding:30px 20px}.hero-logo-card img{height:56px}.intro-strip{grid-template-columns:repeat(2,1fr)}.tile-section{padding:22px}.tile-grid{grid-template-columns:repeat(2,1fr)}.portal-tile.open{grid-column:1/-1}.panel-head{flex-direction:column;align-items:flex-start}.review-grid,.cards.three,.comic-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading h2{margin-bottom:10px}.tile-button{min-height:185px}.portal-tile.open .tile-button{min-height:128px}}
@media(max-width:520px){.hero h1{font-size:2.75rem}.hero-logo-card{padding:12px 18px}.intro-strip{grid-template-columns:1fr 1fr;padding:12px}.intro-strip div{min-height:72px}.intro-strip strong{font-size:1.75rem}.tile-grid{grid-template-columns:1fr}.tile-section{width:calc(100% - 16px);padding:16px}.tile-panel{padding:16px}.hero{padding-left:10px;padding-right:10px}.topbar{width:calc(100% - 16px)}.social-btn{width:auto}.video-box{min-height:280px}.modal img{max-height:80svh}}

.hero-logo-card{min-width:220px}
.brand img{height:42px;max-width:170px}
.modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(111,70,58,.18);background:rgba(255,255,255,.92);color:#6f463a;font-size:2rem;line-height:1;cursor:pointer;display:grid;place-items:center;z-index:7;box-shadow:0 10px 22px rgba(95,58,44,.12)}
.modal-nav.prev{left:12px}
.modal-nav.next{right:12px}
.modal-caption{text-align:center;padding:16px 72px;font-weight:900;color:#6f463a}
@media(max-width:760px){.modal-nav{width:42px;height:42px;font-size:1.7rem}.modal-caption{padding:14px 56px}}


/* ========= V5 — afinação visual ========= */
:root{
  --bg:#fbf6ef;
  --bg-2:#efe1d4;
  --terracotta:#a96356;
  --terracotta-2:#bd7a6c;
  --clay:#7b5044;
  --clay-dark:#4f3029;
  --gold:#b79a68;
  --gold-2:#e8d4a5;
  --cream:#fff8ee;
  --cream-2:#f4e4c6;
  --ink:#3b2922;
  --muted:#7f675c;
  --panel:#fffdf8;
  --shadow:0 18px 48px rgba(89,58,45,.16);
}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 10% -4%, rgba(183,154,104,.20), transparent 24rem),
    radial-gradient(circle at 84% 5%, rgba(189,122,108,.20), transparent 24rem),
    linear-gradient(180deg,#fbf6ef 0%,#efe1d4 54%,#fbf7f1 100%);
}
.hero{padding:16px 18px 28px}
.hero:before{
  background:
    linear-gradient(rgba(111,80,68,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(111,80,68,.04) 1px,transparent 1px);
  background-size:46px 46px;
}
.hero:after{
  background:radial-gradient(circle,rgba(183,154,104,.20),transparent 70%);
  right:-210px; bottom:-260px;
}
.topbar{
  margin:0 auto 18px;
  min-height:62px;
  background:rgba(255,251,244,.84);
  border:1px solid rgba(183,154,104,.42);
  box-shadow:0 12px 28px rgba(89,58,45,.10);
}
.brand img{
  height:48px;
  max-width:210px;
  background:transparent;
  filter:drop-shadow(0 5px 10px rgba(89,58,45,.10));
}
.social-btn{
  background:#fff;
  color:#6e4b40;
  border:1px solid rgba(183,154,104,.34);
  box-shadow:0 8px 18px rgba(89,58,45,.07);
}
.social-btn:hover{background:#fff8ec;color:#5a352d}
.hero-inner{
  border:1px solid rgba(183,154,104,.34);
  background:
    radial-gradient(circle at 7% 0%,rgba(255,255,255,.9),transparent 42%),
    linear-gradient(135deg,rgba(255,253,248,.96),rgba(249,238,222,.94));
  color:var(--ink);
  box-shadow:var(--shadow);
}
.hero-v5{
  width:min(980px,100%);
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  align-items:center;
  gap:26px;
  padding:26px 34px;
  text-align:left;
}
.hero-logo-card{
  margin:0;
  min-width:0;
  min-height:126px;
  padding:18px 22px;
  border-radius:26px;
  background:linear-gradient(145deg,#fffdf8,#f4e3c9);
  border:1px solid rgba(183,154,104,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 15px 30px rgba(89,58,45,.10);
}
.hero-logo-card img{
  height:auto;
  width:100%;
  max-height:88px;
  object-fit:contain;
  filter:drop-shadow(0 5px 10px rgba(89,58,45,.10));
}
.eyebrow{color:#a47e48}
.hero h1{
  color:#6e4b40;
  font-size:clamp(2.25rem,4.2vw,4rem);
  line-height:1;
  margin-bottom:12px;
  text-shadow:none;
}
.hero-text{
  color:#6d5a51;
  max-width:650px;
  margin:0;
}
.hero-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:16px;
}
.hero-tags span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:9px 12px;
  background:#fff8eb;
  border:1px solid rgba(183,154,104,.30);
  color:#6f463a;
  font-weight:850;
  font-size:.9rem;
}
.tile-section{
  margin-top:8px;
  border:1px solid rgba(183,154,104,.34);
  background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(248,238,224,.98));
  box-shadow:0 18px 44px rgba(89,58,45,.12);
}
.section-heading h2{color:#6e4b40}
.section-heading p:not(.eyebrow){color:#806a5f}
.tile-button{
  background:
    radial-gradient(circle at 86% 16%,rgba(255,255,255,.22),transparent 28%),
    radial-gradient(circle at 82% 92%,rgba(232,207,136,.16),transparent 30%),
    linear-gradient(145deg,#bd7a6c,#70483e 72%);
  border-color:rgba(255,255,255,.22);
}
.portal-tile.open .tile-button{
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.24),transparent 28%),
    linear-gradient(145deg,#c98a7d,#7b5044 72%);
}
.tile-kicker{color:#f3d9ad}
.tile-button small{color:#fff5ea}
.tile-panel{background:#fffdf8;color:#3b2922}
.panel-head h3,.content-card h3,.comic-card h3{color:#6e4b40}
.badge{background:rgba(183,154,104,.13);border-color:rgba(183,154,104,.28);color:#7b5044}
.btn.primary{
  background:linear-gradient(135deg,#bd7a6c,#72493e);
  border-color:#d0a194;
}
.content-card:before{
  background:
    radial-gradient(circle at 24% 60%,rgba(255,255,255,.45),transparent 24%),
    linear-gradient(135deg,#bd7a6c,#b79a68);
}
.review-grid.two-reviews{max-width:820px}
.review-card{
  background:
    radial-gradient(circle at 90% 90%,rgba(255,255,255,.13),transparent 28%),
    linear-gradient(135deg,#bd7a6c,#70483e);
}
.footer{color:#7e685e}
.footer img{height:54px}
.modal-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:50px;
  height:50px;
  border-radius:50%;
  border:1px solid rgba(111,70,58,.20);
  background:rgba(255,255,255,.94);
  color:#6e4b40;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  z-index:7;
  box-shadow:0 12px 24px rgba(89,58,45,.14);
}
.modal-nav.prev{left:12px}
.modal-nav.next{right:12px}
.modal-caption{text-align:center;padding:16px 74px;color:#6e4b40}
@media(max-width:760px){
  .hero-v5{
    grid-template-columns:1fr;
    text-align:center;
    padding:24px 20px;
  }
  .hero-logo-card{width:min(280px,100%);margin:0 auto}
  .hero-text{margin:0 auto}
  .hero-tags{justify-content:center}
  .modal-nav{width:42px;height:42px;font-size:1.7rem}
  .modal-caption{padding:14px 56px}
}


/* Navegação de regresso à Estadia Digital */
.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}
.back-stay-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid rgba(183,154,104,.38);background:#fff;color:#6e4b40;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 8px 18px rgba(89,58,45,.07);transition:.22s ease}
.back-stay-btn:hover{transform:translateY(-2px);background:#fff8ec;color:#5a352d}
@media(max-width:760px){.topbar-left{width:100%;justify-content:center;flex-wrap:wrap}.back-stay-btn{order:2}.brand{order:1}.hero-socials{order:3}}
