#collection-content{max-width:1320px;margin:auto;padding:24px clamp(16px,4vw,64px)}.ambient-intro{max-width:820px;margin:24px 0 36px}.ambient-intro h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.1}.ambient-intro p{line-height:1.7}.ambient-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:24px 0 48px}.ambient-card{display:flex;flex-direction:column;gap:10px;color:#2F4A3A;text-decoration:none;border-radius:12px;padding:8px}.ambient-picture{display:block;position:relative;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#e2dacb}.ambient-image{position:absolute;width:100%;height:100%;object-fit:contain;transition:opacity .25s}.ambient-image.alternate{opacity:0}.ambient-card:hover .alternate,.ambient-card:focus-visible .alternate{opacity:1}.ambient-card:focus-visible{outline:3px solid #2F4A3A;outline-offset:4px}.ambient-placeholder{display:grid;place-items:center;height:100%;font-size:1.3rem}.ambient-card strong{font-size:1.35rem}.ambient-back{display:inline-flex;padding:12px 20px;background:#2F4A3A;color:white;border-radius:30px}.ambient-card:active{background:#e2dacb}@media(max-width:760px){.ambient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ambient-card strong{font-size:1.1rem}.ambient-picture{border-radius:10px}}@media(hover:none){.ambient-card:hover .alternate{opacity:0}}@media(prefers-reduced-motion:reduce){.ambient-image{transition:none}}

.ambient-placeholder{font-size:.9rem;text-align:center;padding:16px;color:#514d43}.ambient-cushion{width:100%;height:100%;stroke:none;display:block}.ambient-card img[hidden]{display:none}
.ambient-card:has(.alternate):hover .ambient-image:not(.alternate),.ambient-card:has(.alternate):focus-visible .ambient-image:not(.alternate){opacity:0}

/* Room entry affordance only: fixed geometry, layered surface, no perpetual motion. */
.ambient-card[href*="?ambiente="]{position:relative;background:#f8f4eb;border:1px solid #d9d7c8;box-shadow:0 5px 0 #dedfcf,0 9px 18px #2f4a3a12;padding:12px;transition:transform 160ms ease,box-shadow 160ms ease}
.ambient-card[href*="?ambiente="]>span:last-child{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;background:#2f4a3a;color:#fff;border-radius:8px;box-shadow:0 3px 0 #b9c0aa;font-weight:600;line-height:1.4}
.ambient-card[href*="?ambiente="]:focus-visible{outline:3px solid #2f4a3a;outline-offset:6px;transform:translateY(-3px);box-shadow:0 7px 0 #dedfcf,0 13px 22px #2f4a3a20}
@media(hover:hover) and (pointer:fine){.ambient-card[href*="?ambiente="]:hover{transform:translateY(-3px);box-shadow:0 7px 0 #dedfcf,0 13px 22px #2f4a3a20}}
.ambient-card[href*="?ambiente="]:active{transform:translateY(2px);box-shadow:0 2px 0 #dedfcf,0 4px 9px #2f4a3a12}
@media(prefers-reduced-motion:reduce){.ambient-card[href*="?ambiente="]{transition:none}.ambient-card[href*="?ambiente="]:is(:hover,:focus-visible,:active){transform:none}}