/* Mina Jeje — dentro da rocha: terra de laterita, sombra e o ouro da lanterna. */
@font-face{font-family:"DM Serif Display";font-weight:400;font-display:swap;src:url(../fonts/dm-serif-display-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Serif Display";font-weight:400;font-style:italic;font-display:swap;src:url(../fonts/dm-serif-display-400-italic.woff2) format("woff2")}
@font-face{font-family:"Karla";font-weight:400;font-display:swap;src:url(../fonts/karla-400-normal.woff2) format("woff2")}
@font-face{font-family:"Karla";font-weight:600;font-display:swap;src:url(../fonts/karla-600-normal.woff2) format("woff2")}
:root{--azul:#9a4a1f;--azul-noite:#6e3214;--veneziana:#d9a441;--ouro:#e3b450;--noite:#120d09;--cal:#f3ece2;--cal2:#e6d9c6;--tinta:#1c140e;--tinta2:#5d4f43;
  --disp:"DM Serif Display",Georgia,serif;--sans:"Karla",system-ui,"Segoe UI",sans-serif}
h1,h2,h3{letter-spacing:.005em}
h2 em,h1 em{font-style:italic;color:var(--ouro)}
html,body.escuro-pedra{background:#120d09}
body.escuro-pedra{color:#efe4d2}
.escuro-pedra .secao,.escuro-pedra .quartos,.escuro-pedra .saber,.escuro-pedra .horario,.escuro-pedra .contato{background:transparent;color:#efe4d2}
.escuro-pedra .horario,.escuro-pedra .saber,.escuro-pedra .ape{background:#18110c}
.escuro-pedra h2,.escuro-pedra h3,.escuro-pedra .marca{color:#f7efe2}
.escuro-pedra .corpo,.escuro-pedra .paradas li p,.escuro-pedra .regras dd,.escuro-pedra .trilho-nota,.escuro-pedra .quando-nota,.escuro-pedra .credito-ape,.escuro-pedra .tambem,.escuro-pedra .slide figcaption,.escuro-pedra .mapa-ape figcaption,.escuro-pedra .dados dd,.escuro-pedra .dados dt,.escuro-pedra .mapa p,.escuro-pedra .card-txt p,.escuro-pedra .piso-txt p{color:#cbbda8}
.escuro-pedra .regras,.escuro-pedra .regras div,.escuro-pedra .paradas li{border-color:rgba(239,228,210,.14)}
.escuro-pedra .regras dt{color:#f7efe2}
.escuro-pedra .paradas li.ativo,.escuro-pedra .paradas li.atual{background:rgba(227,180,80,.1)}
.escuro-pedra .paradas li em{color:var(--ouro)}
.escuro-pedra .depo{background:#f3eadb;color:#1c140e}
.escuro-pedra .depo.dest{background:#2a1d14;color:#f7efe2}
.escuro-pedra .horas{background:#f3eadb;color:#1c140e}
.escuro-pedra .fontes a{background:transparent;color:#efe4d2;box-shadow:inset 0 0 0 1px rgba(239,228,210,.28)}
.escuro-pedra .ilha{background:rgba(18,13,9,.8);box-shadow:0 0 0 1px rgba(239,228,210,.12),0 18px 40px -26px #000}
.escuro-pedra .ilha.rolou{background:rgba(18,13,9,.94)}
.escuro-pedra .menu a{color:#cfc2ad}
.escuro-pedra .menu a:hover{background:rgba(227,180,80,.12);color:var(--ouro)}
.escuro-pedra .link-sob,.escuro-pedra .dados a{color:#f7efe2}
.escuro-pedra .rodape{background:#0b0805;color:#a99b85}
.escuro-pedra .rodape a{color:#efe4d2}
.escuro-pedra .bezel .mapa{background:#20160f;color:#cbbda8}
.escuro-pedra .idiomas{background:rgba(239,228,210,.08)}
.escuro-pedra .idiomas button{color:#cfc2ad}
.escuro-pedra .idiomas button[aria-pressed="true"]{background:#efe4d2;color:#120d09}
.escuro-pedra .atalhos-sec{background:#120d09}
.escuro-pedra .atalho{background:#1e150f;color:#f7efe2;box-shadow:inset 0 0 0 1px rgba(239,228,210,.14)}
.escuro-pedra .atalho span{color:#cbbda8}
.escuro-pedra .atalho .atalho-seta{background:rgba(239,228,210,.1)}
.escuro-pedra .atalho.principal{background:var(--azul)}
.escuro-pedra .atalho.principal span{color:rgba(255,255,255,.88)}
.escuro-pedra .agora.mini{background:rgba(239,228,210,.1);color:#f7efe2}
.escuro-pedra .card3d{background:#1e150f;box-shadow:0 0 0 1px rgba(239,228,210,.1)}
.escuro-pedra .card3d h3{color:#f7efe2}
.escuro-pedra .selo-card{background:var(--ouro);color:#120d09}
.escuro-pedra .horas li.hoje b,.escuro-pedra .horas li.hoje span{color:#fff}
.olho{border:0;padding:0;border-radius:0;font:400 1.05rem/1 var(--disp);letter-spacing:.04em;text-transform:none;color:var(--ouro)}
.olho::before{width:22px;height:1px;border-radius:0;background:var(--ouro)}
.mono{background:#120d09;color:var(--ouro);box-shadow:inset 0 0 0 2px var(--ouro)}
.reservar{background-image:url(../img/patio.webp)}
.placar{background-image:url(../img/rocha.webp)}
.andares{background:#0f0a07;color:#efe4d2}
.andares .olho{color:var(--ouro)}
.piso-txt span{background:var(--ouro);color:#120d09}
.chk{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:.95rem;line-height:1.4}
.chk input{margin-top:3px;accent-color:var(--azul)}
/* lanterna do capacete: a capa fica no escuro e acende onde o mouse passa */
.breu{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:calc(.92 * var(--some,1));
  background:radial-gradient(260px circle at var(--lx,62%) var(--ly,45%),transparent 0,rgba(10,7,4,.25) 45%,rgba(10,7,4,.9) 100%)}
@media (prefers-reduced-motion:reduce){.breu{display:none}}

/* ═══════════ Mina Jeje v2 (27/10/2026): túnel 3D, curiosidades, escolas, pagamento, Instagram ═══════════ */
/* correções da base: selo do Google (o .anel da bandeja vazava pra cá), faixas de frases sem encavalar, selects com cara de campo */
.selo-booking .anel{position:static;left:auto;top:auto;transform:none;width:44px;height:44px}
.esteira{transform:none;margin-bottom:clamp(40px,6vw,72px)}
.faixa{padding:5px 0}
.campo select{width:100%;min-height:50px;padding:12px 40px 12px 14px;border:0;border-radius:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239a4a1f' stroke-width='1.8'/%3E%3C/svg%3E") right 16px center/12px 8px no-repeat;-webkit-appearance:none;appearance:none;font:inherit;color:#1c140e;box-shadow:inset 0 0 0 1.5px rgba(28,20,14,.14)}
.campo select:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--azul),0 0 0 4px rgba(154,74,31,.16)}

/* ── túnel 3D: a seção fica "presa" na tela enquanto a rolagem leva a câmera pelos 160 m ── */
.tunel3d{padding-bottom:0}
.t3d-trilho{position:relative;height:420vh;margin-top:28px}
.t3d-palco{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#070504}
.t3d-tela{display:block;width:100%;height:100%}
.t3d-metros{position:absolute;left:clamp(16px,4vw,48px);top:clamp(84px,12vh,120px);margin:0;color:#f7efe2;font:400 1rem/1 var(--sans);letter-spacing:.06em;z-index:2}
.t3d-metros b{font:400 clamp(3.4rem,9vw,6.4rem)/.9 var(--disp);color:var(--ouro);font-variant-numeric:tabular-nums;display:inline-block;min-width:2.2ch}
.t3d-metros span{opacity:.6}
.t3d-paradas{list-style:none;margin:0;padding:0;position:absolute;inset:auto clamp(16px,4vw,48px) clamp(28px,7vh,64px) auto;width:min(420px,calc(100% - 32px));z-index:2}
.t3d-parada{position:absolute;right:0;bottom:0;width:100%;padding:20px 22px;border-radius:16px;background:rgba(18,13,9,.78);border:1px solid rgba(227,180,80,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#efe4d2;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}
.t3d-parada.ativa{opacity:1;transform:none}
.t3d-parada span{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.t3d-parada h3{margin:6px 0 6px;font:400 1.7rem/1.1 var(--disp);color:#f7efe2}
.t3d-parada p{margin:0;font-size:.98rem;line-height:1.55;opacity:.88}
.t3d-dica{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);margin:0;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,239,226,.55);z-index:2}
/* sem WebGL (ou antes de carregar): a seção vira uma lista simples e a versão em fotos aparece */
.tunel3d:not(.t3d-ok) .t3d-trilho{height:auto}
.tunel3d:not(.t3d-ok) .t3d-palco{position:static;height:auto;background:none}
.tunel3d:not(.t3d-ok) .t3d-metros,.tunel3d:not(.t3d-ok) .t3d-dica{display:none}
.tunel3d:not(.t3d-ok) .t3d-paradas{position:static;width:auto;display:grid;gap:12px;padding:0 clamp(16px,4vw,48px);max-width:1100px;margin:0 auto}
.tunel3d:not(.t3d-ok) .t3d-parada{position:static;opacity:1;transform:none}
.com-tunel #mina{display:none}
@media (max-width:700px){.t3d-paradas{left:16px;right:16px;width:auto}.t3d-parada h3{font-size:1.4rem}}

/* ── curiosidades: cartões que viram em 3D ── */
.viras{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.vira{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;perspective:1100px;aspect-ratio:3/4}
.vira-in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.vira[aria-pressed="true"] .vira-in{transform:rotateY(180deg)}
@media (hover:hover) and (pointer:fine){.vira:hover .vira-in{transform:rotateY(-8deg) rotateX(4deg)}.vira[aria-pressed="true"]:hover .vira-in{transform:rotateY(172deg) rotateX(4deg)}}
.vira-frente,.vira-verso{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;border-radius:18px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 30px 50px -30px rgba(0,0,0,.85),inset 0 0 0 1px rgba(227,180,80,.22)}
.vira-frente img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) brightness(.62)}
.vira-frente::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,8,5,.92) 0%,rgba(12,8,5,.1) 60%)}
.vira-frente b,.vira-frente small{position:relative;z-index:1}
.vira-frente b{font:400 clamp(1.7rem,3vw,2.2rem)/1 var(--disp);color:#f7efe2}
.vira-frente small{margin-top:6px;font-size:.9rem;color:var(--ouro)}
.vira-verso{transform:rotateY(180deg);background:linear-gradient(160deg,#2a1d14,#140e0a);justify-content:center;gap:10px;font-size:1rem;line-height:1.6;color:#efe4d2}
.vira-verso b{font:400 1.5rem/1.15 var(--disp);color:var(--ouro)}
@media (prefers-reduced-motion:reduce){.vira-in{transition:none}}

/* ── excursões escolares ── */
.escolas{background:#18110c}
.esc-grade{display:grid;gap:28px;margin-top:36px}
@media (min-width:980px){.esc-grade{grid-template-columns:1fr 1.15fr;align-items:start}}
.esc-info h3{font:400 1.5rem/1.15 var(--disp);color:#f7efe2;margin:0 0 12px}
.esc-info h3+ul,.esc-info h3+ol{margin-bottom:26px}
.esc-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.esc-lista li{position:relative;padding-left:26px;color:#e6dac6}
.esc-lista li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,var(--ouro) 0 40%,transparent 45%);box-shadow:0 0 0 1.5px var(--ouro)}
.esc-passos{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:p}
.esc-passos li{counter-increment:p;display:grid;grid-template-columns:auto 1fr;gap:2px 14px;color:#cdbfa9}
.esc-passos li::before{content:counter(p);grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(227,180,80,.14);color:var(--ouro);font-weight:600}
.esc-passos b{color:#f7efe2}
.esc-roteiro{margin:4px 0 0}
.esc-roteiro .link-sob{color:var(--ouro)}
.esc-form{margin:0}
.esc-check{display:flex!important;align-items:center;gap:10px;grid-column:1/-1}
.esc-check input{width:20px;height:20px;accent-color:var(--azul)}
.esc-sinal{justify-self:start;color:var(--azul)}

/* ── pagamento antecipado ── */
.pag-grade{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pag-card{display:flex;flex-direction:column;gap:8px;padding:26px 24px;border-radius:18px;background:#1c140e;border:1px solid rgba(227,180,80,.2)}
.pag-card.destaque{background:linear-gradient(160deg,#3a2414,#1c140e);border-color:rgba(227,180,80,.5)}
.pag-tipo{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.pag-card h3{margin:0;font:400 1.9rem/1.05 var(--disp);color:#f7efe2}
.pag-card p{margin:0 0 10px;color:#cdbfa9;flex:1}
.pag-bt{align-self:flex-start}

/* ── Instagram ── */
.insta-grade{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.insta-card{position:relative;display:flex;align-items:flex-end;aspect-ratio:4/3;border-radius:18px;overflow:hidden;text-decoration:none;color:#f7efe2}
.insta-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.insta-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,8,5,.9),rgba(12,8,5,.05) 65%)}
.insta-card:hover img{transform:scale(1.06)}
.insta-txt{position:relative;z-index:1;display:grid;gap:4px;padding:18px 20px}
.insta-txt b{font:400 1.4rem/1.1 var(--disp)}
.insta-txt small{font-size:.9rem;color:#e6dac6}

.menu a{white-space:nowrap}
/* títulos dentro dos cartões claros (reserva) e campos com texto escuro */
.escuro-pedra .bezel h3,.escuro-pedra .etapa-cab h3,.escuro-pedra .evento h3{color:#1c140e}
.escolas .evento h3{color:#1c140e}
.campo input,.campo textarea{color:#1c140e}
.esc-form .ev-enviar{justify-self:start}
.esc-sinal{display:inline-block;margin-top:4px}