/* Seção 7 — A sala 605: as três frases escritas dentro dela */
.sala-fundo { position: absolute; inset: 0; z-index: -2;
  background:
    radial-gradient(40% 36% at 20% 34%, var(--luz), transparent 72%),
    radial-gradient(46% 44% at 90% 60%, var(--lilas-ceu), transparent 72%),
    linear-gradient(180deg in oklch, oklch(0.925 0.035 20), oklch(0.915 0.035 310)); }
.sala-abre .h2 { margin-top: .8rem; }
.sala-sub { margin-top: 1.1rem; max-width: 32rem; color: #3d2c1f; }
.sala-grade { display: grid; grid-template-columns: 4.6fr 3.4fr 3.6fr; column-gap: clamp(1.5rem, 4vw, 4rem); row-gap: clamp(1.6rem, 3.4vw, 3rem); align-items: center; }
.sala-lousa { grid-column: 1; grid-row: 1 / 3; align-self: start; }
.sala-abre { grid-column: 2 / 4; grid-row: 1; align-self: start; }
.fr1 { grid-column: 2; grid-row: 2; }
.sala-parede { grid-column: 3; grid-row: 2; }
.sala-sonho { grid-column: 2; grid-row: 3; width: 82%; }
.fr3 { grid-column: 3; grid-row: 3; }
.fr2 { grid-column: 1; grid-row: 3; padding-right: 12%; }
.sala-sonho .moldura { aspect-ratio: 1 / 1.16; } .sala-parede .moldura { aspect-ratio: 1 / 1.22; }
.sala-f { position: relative; }
.amplia { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; font: inherit; }
.amplia .moldura { display: block; }
.amplia img { transition: scale 1.2s cubic-bezier(.2,.8,.2,1); }
.amplia:hover img, .amplia:focus-visible img { scale: 1.05; }
.etq { position: absolute; left: 50%; bottom: -.7rem; translate: -50% 0; rotate: -2deg; white-space: nowrap; background: var(--papel); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; padding: .4rem .75rem; border-radius: 4px; box-shadow: 0 1px 0 rgba(184,141,60,.55), 0 8px 14px -8px rgba(80,50,20,.5); }
.sala-parede .etq { rotate: 2deg; }
.sala-frase .frase { font-family: var(--f-titulo); font-size: clamp(1.6rem, 2.9vw, 2.7rem); line-height: 1.08; letter-spacing: -.015em; }
.sala-frase .quer { margin-top: .7rem; font-size: .96rem; line-height: 1.5; color: #3d2c1f; max-width: 22rem; }

.sala-detalhes { margin-top: clamp(3rem, 6vw, 5rem); display: grid; grid-template-columns: 1.15fr 1fr; gap: clamp(1.5rem, 4vw, 4rem); align-items: end; }
.sala-mini { list-style: none; padding: 0 .6rem; display: flex; gap: 1.2rem; align-items: flex-end; border-bottom: 5px solid var(--ouro); }
.sala-mini li { flex: 1; position: relative; transition: translate .5s var(--pisa); }
.sala-mini li:hover { translate: 0 -8px; }
.sala-mini .moldura { aspect-ratio: 1 / 1.3; }
.sala-mini p { position: absolute; top: calc(100% + .75rem); left: 0; right: 0; text-align: center; font-size: .78rem; line-height: 1.25; color: var(--tinta-2); }
.sala-info { display: grid; gap: .8rem; padding-bottom: .4rem; }
.sala-info div { display: grid; grid-template-columns: 5rem 1fr; gap: 1rem; padding-bottom: .8rem; border-bottom: 1px solid rgba(43,29,18,.16); }
.sala-info dt { font-size: .74rem; letter-spacing: .13em; text-transform: uppercase; font-weight: 600; color: var(--tinta-2); padding-top: .2rem; }
.sala-info dd { margin: 0; }

.ampliada { border: 0; padding: 0; background: transparent; max-width: min(92vw, 60rem); max-height: 92vh; margin: auto; overflow: visible; }
.ampliada::backdrop { background: rgba(43,29,18,.82); backdrop-filter: blur(4px); }
.ampliada img { max-width: 100%; max-height: 82vh; width: auto; margin: 0 auto; border-radius: 10px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); }
.ampliada p { color: var(--papel); text-align: center; margin-top: .9rem; font-size: .92rem; }
.ampliada .fechar { position: absolute; top: -1rem; right: -1rem; width: 2.6rem; height: 2.6rem; border-radius: 50%; border: 0; background: var(--papel); color: var(--tinta); font-size: 1.5rem; line-height: 1; cursor: pointer; z-index: 1; }
.ampliada[open] { animation: amplia .45s var(--pisa); }
@keyframes amplia { from { opacity: 0; transform: scale(.94); } }

@media (max-width: 900px) {
  .sala-grade { grid-template-columns: 1fr 1fr; column-gap: 1rem; row-gap: 2.2rem; }
  .sala-abre { grid-column: 1 / 3; grid-row: 1; }
  .sala-lousa { grid-column: 1 / 3; grid-row: 2; } .fr2 { grid-column: 1 / 3; grid-row: 3; padding: 0; }
  .fr1 { grid-column: 1; grid-row: 4; } .sala-parede { grid-column: 2; grid-row: 4; }
  .sala-sonho { grid-column: 1; grid-row: 5; width: 100%; } .fr3 { grid-column: 2; grid-row: 5; }
  .sala-frase .quer { font-size: .88rem; }
  .sala-detalhes { grid-template-columns: 1fr; gap: 4rem; }
  .sala-mini { gap: .6rem; padding: 0 .2rem; }
  .sala-mini p { font-size: .7rem; }
  .ampliada .fechar { top: -.6rem; right: -.2rem; }
}
@media (prefers-reduced-motion: reduce) { .ampliada[open] { animation: none; } }