/* Encontro das Deusas, RED0_001_SITE_RETIRO, lugar.css
   Koh Samui, Dois lugares, Hospedagem (Easy Time) e Práticas (Vikasa). */
/* lugar */
.lugar{background:var(--ameixa);color:#e7e1f0;padding:0}
.lugar .faixa{position:relative;height:88vh;min-height:560px;overflow:hidden;display:flex;align-items:flex-end}
.lugar .faixa .bg{position:absolute;inset:-12% 0;background:url(../../imagens/o-lugar/por-que-koh-samui/koh-samui-praia.webp) center/cover;will-change:transform}
.lugar .faixa:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(46,36,64,.05),rgba(46,36,64,.8))}
.lugar .faixa .wrap{position:relative;z-index:2;padding-bottom:80px;width:100%}
.lugar .faixa h2{color:#fff;font-size:clamp(2.6rem,7.4vw,6rem)}
.lugar .faixa .rot{color:var(--lilas-cl)}
.lugar .porq{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px 0}
.lugar .porq p{color:rgba(231,225,240,.82)}
.lugar .porq p+p{margin-top:1em}
.lugar .big{font-family:var(--serif);font-style:italic;font-size:2rem;color:#fff;line-height:1.3}
.premio{display:inline-flex;gap:10px;align-items:center;margin-top:26px;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 18px;font-size:.84rem;color:#fff}
.premio b{color:var(--ouro);font-weight:500}
.lugar .porq ~ .wrap .rot{color:var(--lilas-cl)}

/* dois lugares, dois papéis */
.papeis{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:10px}
.papel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:30px 30px 28px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.papel .ic{width:58px;height:70px;border:1px solid var(--ouro);border-bottom:0;border-radius:999px 999px 0 0;display:flex;align-items:center;justify-content:center;padding-top:10px;color:var(--ouro);font-family:var(--serif);font-style:italic;font-size:1.3rem}
.papel .tp{font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ouro)}
.papel h3{font-size:1.6rem;color:#fff;font-style:italic;margin-top:4px}
.papel p{color:rgba(231,225,240,.78);margin-top:6px;font-size:.95rem}
.papel a{color:var(--lilas-cl);font-size:.88rem}
.selo-tipo{display:inline-flex;align-items:center;gap:10px;background:var(--ameixa);color:#fff;border-radius:999px;padding:7px 16px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;margin-top:16px}
.selo-tipo b{color:var(--ouro);font-weight:500}

/* hospedagem */
.hotel{background:var(--areia);color:var(--texto);padding:120px 0}
.hotel .cab{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.galeria{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:14px;margin-top:60px}
.galeria figure{overflow:hidden;border-radius:3px;position:relative}
.galeria img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.galeria figure:hover img{transform:scale(1.08)}
.galeria figcaption{position:absolute;left:14px;bottom:12px;color:#fff;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.g1{grid-column:span 4;grid-row:span 3}.g2{grid-column:span 2;grid-row:span 2}.g3{grid-column:span 2;grid-row:span 1}.g4{grid-column:span 2;grid-row:span 2}.g5{grid-column:span 2;grid-row:span 2}.g6{grid-column:span 2;grid-row:span 2}
.itens{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.itens div{border-top:1px solid rgba(110,90,153,.3);padding-top:16px;font-size:.95rem;color:var(--suave)}
.itens b{display:block;font-family:var(--serif);font-weight:500;font-size:1.25rem;color:var(--ameixa);margin-bottom:4px}
.exclusivo{margin-top:50px;text-align:center;font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--lilas-esc)}

/* Seção Práticas: Vikasa */
.praticas{background:#1d1729;color:#e7e1f0;padding:120px 0}
.praticas .rot{color:var(--lilas-cl)}
.praticas h2{color:#fff}.praticas h2 b{color:var(--lilas-cl)}
.praticas .cab{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.praticas .lead{color:rgba(231,225,240,.8)}
.praticas .lead b{color:#fff;font-weight:500}
.praticas .selo-tipo{background:rgba(255,255,255,.1)}
.galeria.vk{grid-template-columns:repeat(6,1fr);grid-auto-rows:150px}
.vk1{grid-column:span 4;grid-row:span 3}.vk2{grid-column:span 2;grid-row:span 2}.vk3{grid-column:span 2;grid-row:span 2}
.vk4{grid-column:span 2;grid-row:span 2}.vk5{grid-column:span 2;grid-row:span 2}.vk6{grid-column:span 2;grid-row:span 1}
/* bloco .vikasa (sem uso no index.html atual) */
.vikasa{margin-top:60px;display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;background:var(--ameixa);color:#e7e1f0;border-radius:6px;padding:40px 44px}
.vikasa .ic{width:84px;height:100px;border:1px solid var(--ouro);border-bottom:0;border-radius:999px 999px 0 0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;color:var(--ouro);font-size:1.6rem;padding-top:14px}
.vikasa h3{font-size:1.9rem;font-style:italic;color:#fff}
.vikasa p{margin-top:8px;color:rgba(231,224,240,.8)}

@media (max-width:980px){
  .lugar .porq,.hotel .cab{grid-template-columns:1fr;gap:44px}
  .galeria{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}
  .g1{grid-column:span 2;grid-row:span 2}.g2,.g3,.g4,.g5,.g6{grid-column:span 1;grid-row:span 1}
  .itens{grid-template-columns:1fr 1fr}
  .vikasa{grid-template-columns:1fr;gap:18px;padding:32px 28px}
  .papeis,.praticas .cab{grid-template-columns:1fr;gap:24px}
  .galeria.vk{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}
  .vk1{grid-column:span 2;grid-row:span 2}.vk2,.vk3,.vk4,.vk5,.vk6{grid-column:span 1;grid-row:span 1}
}
@media (max-width:640px){
  .itens{grid-template-columns:1fr}
  .papel{grid-template-columns:1fr;padding:24px}.praticas{padding:90px 0}
}

/* ===== etapa 1b ===== */
/* Dois lugares: cards claramente clicáveis */
.papel{box-shadow:0 24px 40px -24px rgba(0,0,0,.65);transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .5s,box-shadow .5s,background .5s}
.papel:hover{transform:translateY(-6px);border-color:var(--ouro);background:rgba(255,255,255,.09);box-shadow:0 34px 56px -26px rgba(0,0,0,.8)}
.papel .ver{display:inline-block;margin-top:12px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro);opacity:.75;transition:opacity .4s,transform .4s}
.papel:hover .ver{opacity:1;transform:translateX(6px)}
.papel .foto-lugar{grid-column:1/-1;height:170px;border-radius:4px;overflow:hidden;margin-top:6px}
.papel .foto-lugar img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.papel:hover .foto-lugar img{transform:scale(1.06)}
/* Nomes do hotel e do Vikasa: 2 px maiores, com link */
.lead .nome-lugar{font-size:calc(1.18rem + 2px);font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;transition:color .4s}
.hotel .lead .nome-lugar{color:var(--ameixa)}.hotel .lead .nome-lugar:hover{color:var(--lilas-esc)}
.praticas .lead .nome-lugar{color:#fff}.praticas .lead .nome-lugar:hover{color:var(--ouro)}
/* Práticas: troca suave de fotos */
.galeria.vk figure img.nova{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.galeria.vk figure img.nova.vis{opacity:1}
.galeria.vk figcaption{z-index:2;transition:opacity .7s}

/* ===== etapa 2 ===== */
/* Dois lugares: logo de cada hotel dentro do arco, no lugar da letra */
.papel .ic{width:76px;height:92px;padding-top:16px;align-items:flex-start}
.papel .ic img{display:block;width:auto;height:auto;max-width:50px;max-height:54px;margin-top:6px}
/* Hospedagem e Práticas: troca suave de fotos nas duas galerias */
.galeria figure img.nova{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.galeria figure img.nova.vis{opacity:1}
.galeria figcaption{z-index:2;transition:opacity .7s}