/* Start custom CSS *//* ===== La Dimora – box 'Alzate lo sguardo' (prefisso dim-) ===== */
/* ===== La Dimora v2 – stili della pagina (prefisso dim-) ===== */
.dim-sguardo-wrap { width: 100%; }
.dim-sguardo { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.dim-sguardo .dim-sguardo__foto { position: relative; margin: 0; }
.dim-sguardo .dim-sguardo__foto img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.dim-sguardo .dim-sguardo__punto,
.dim-sguardo .dim-sguardo__punto:hover,
.dim-sguardo .dim-sguardo__punto:focus { position: absolute; transform: translate(-50%, -50%); width: 40px; height: 40px; padding: 0; border-radius: 50%; border: 2px solid var(--e-global-color-16dc2436, #F6F1E8); background: rgba(43, 38, 34, .72); color: var(--e-global-color-16dc2436, #F6F1E8); font-family: var(--e-global-typography-accent-font-family, 'Instrument Sans'), sans-serif; font-size: 15px; font-weight: 600; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .25s ease, background-color .25s ease; }
.dim-sguardo .dim-sguardo__punto:hover { transform: translate(-50%, -50%) scale(1.08); }
.dim-sguardo .dim-sguardo__punto[aria-pressed="true"] { background: var(--e-global-color-primary, #5E3D26); transform: translate(-50%, -50%) scale(1.15); }
.dim-sguardo .dim-sguardo__punto:focus-visible { outline: 3px solid var(--e-global-color-16dc2436, #F6F1E8); outline-offset: 3px; }
.dim-sguardo__pannello { display: flex; flex-direction: column; gap: 14px; padding-top: 24px; border-top: 1px solid var(--e-global-color-f9925ae2, #D8C7A9); }
.dim-sguardo__pannello.is-visibile { animation: dim-comparsa .45s ease both; }
@keyframes dim-comparsa { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.dim-sguardo__conta { margin: 0; font-family: var(--e-global-typography-accent-font-family, 'Instrument Sans'), sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--e-global-color-primary, #5E3D26); }
.dim-sguardo__titolo { margin: 0; font-family: var(--e-global-typography-primary-font-family, 'Newsreader'), Georgia, serif; font-weight: 400; font-size: clamp(1.7rem, 2.2vw, 2.2rem); line-height: 1.15; color: var(--e-global-color-secondary, #2B2622); }
.dim-sguardo__testo { margin: 0; font-family: var(--e-global-typography-text-font-family, 'Instrument Sans'), sans-serif; font-size: 18px; line-height: 1.65; color: var(--e-global-color-text, #6B5F55); min-height: 6.6em; }
.dim-sguardo__nav { display: flex; gap: 24px; padding-top: 8px; }
.dim-sguardo .dim-sguardo__btn,
.dim-sguardo .dim-sguardo__btn:hover,
.dim-sguardo .dim-sguardo__btn:focus { background: transparent; border: 0; border-bottom: 1px solid var(--e-global-color-secondary, #2B2622); border-radius: 0; padding: 8px 0; color: var(--e-global-color-secondary, #2B2622); font-family: var(--e-global-typography-accent-font-family, 'Instrument Sans'), sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; cursor: pointer; }
.dim-sguardo .dim-sguardo__btn:hover { color: var(--e-global-color-primary, #5E3D26); border-color: var(--e-global-color-primary, #5E3D26); }
@media (max-width: 1024px) {
  .dim-sguardo { grid-template-columns: 1fr; gap: 24px; }
  .dim-sguardo__pannello { margin: 0 24px; }
  .dim-sguardo .dim-sguardo__punto, .dim-sguardo .dim-sguardo__punto:hover, .dim-sguardo .dim-sguardo__punto:focus { width: 32px; height: 32px; font-size: 13px; }
  .dim-sguardo__testo { font-size: 17px; min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .dim-sguardo__pannello.is-visibile { animation: none; }
  .dim-sguardo .dim-sguardo__punto { transition: none; }
}
/* Variante su fondo scuro per La Dimora */
.dim-sguardo--scuro .dim-sguardo__pannello { border-top-color: rgba(216, 199, 169, .35); }
.dim-sguardo--scuro .dim-sguardo__conta { color: var(--e-global-color-f9925ae2, #D8C7A9); }
.dim-sguardo--scuro .dim-sguardo__titolo { color: var(--e-global-color-16dc2436, #F6F1E8); }
.dim-sguardo--scuro .dim-sguardo__testo { color: var(--e-global-color-f9925ae2, #D8C7A9); }
.dim-sguardo.dim-sguardo--scuro .dim-sguardo__btn, .dim-sguardo.dim-sguardo--scuro .dim-sguardo__btn:hover, .dim-sguardo.dim-sguardo--scuro .dim-sguardo__btn:focus { color: var(--e-global-color-16dc2436, #F6F1E8); border-bottom-color: var(--e-global-color-16dc2436, #F6F1E8); }
.dim-sguardo.dim-sguardo--scuro .dim-sguardo__btn:hover { color: var(--e-global-color-f9925ae2, #D8C7A9); border-bottom-color: var(--e-global-color-f9925ae2, #D8C7A9); }
.dim-sguardo.dim-sguardo--scuro .dim-sguardo__punto[aria-pressed="true"] { background: var(--e-global-color-accent, #9A6B45); }/* End custom CSS */