/* Inicio, estudio y contacto: escritorio. Los ajustes móviles están en mobile.css. */
.simple-page { color: #4a4a48; font-weight: 400; height: 100svh; min-height: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.simple-header { position: absolute; top: 10svh; left: 6.3vw; z-index: 2; }
.simple-wordmark { display: flex; gap: 1.4vw; align-items: center; text-decoration: none; }
.simple-wordmark img { display: block; width: clamp(30px, 2.35vw, 48px); height: auto; }
.simple-wordmark span { font-family: "Cormorant Infant", serif; font-weight: 600; font-style: italic; font-size: clamp(18px, 1.3vw, 30px); line-height: .92; }
.simple-wordmark em { font-weight: 300; }
.simple-page #website { min-height: 0; }
.simple-layout { display: grid; grid-template-columns: 27vw minmax(0, 1fr); column-gap: 10.6vw; margin: 10svh 9.9vw 3svh; }
.simple-left { min-height: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto; row-gap: 5svh; padding-top: 13svh; padding-bottom: var(--image-bottom-gap, 0px); }
.simple-copy { align-self: center; font-size: clamp(12px, min(.9vw, 1.9svh), 18px); line-height: 1.65; }
.simple-copy p + p { margin-top: 2em; }
.simple-copy em { font-family: "Cormorant Infant", serif; font-size: 1.13em; font-weight: 600; }
.simple-copy a { text-decoration: none; }
.simple-copy a:hover { text-decoration: underline; text-underline-offset: .2em; }
.simple-nav { margin-top: 0; display: flex; flex-direction: column; align-items: center; gap: .45em; font-size: clamp(12px, .85vw, 18px); color: #888; }
.simple-nav a { text-decoration: none; line-height: 1; }
.simple-nav a:hover, .simple-nav a[aria-current] { color: #555; }
.simple-nav a[aria-current] { font-weight: 700; }
.simple-gallery { position: relative; min-width: 0; min-height: 0; height: 100%; isolation: isolate; }
.simple-slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1400ms ease-in-out; pointer-events: none; }
.simple-slide.is-active { opacity: 1; }
.simple-slide picture { display: contents; }
.simple-slide img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.contact-page .simple-copy { text-align: center; font-size: clamp(16px, 1.05vw, 24px); line-height: 1.9; }

.simple-page .home-page-footer { position: static; margin: 0 9.9vw; padding: 12px 0; width: auto; pointer-events: auto; font-size: 11px; }
.simple-page .home-page-footer .home-legal { justify-content: flex-start; }
.simple-page .home-page-footer .home-legal > span { margin-right: 8px; }
@media (max-width: 1100px) and (min-width: 761px) { .simple-layout { grid-template-columns: 32vw minmax(0, 1fr); column-gap: 5.6vw; } }

@media (max-height: 550px) and (min-width: 761px) { .simple-header { top: 4svh; } .simple-layout { margin-top: 4svh; } .simple-left { padding-top: 10svh; padding-bottom: var(--image-bottom-gap, 0px); } .simple-copy { align-self: center; font-size: 11px; line-height: 1.35; } .simple-copy p + p { margin-top: 1em; } .simple-nav { margin-top: 0; } }
@media (prefers-reduced-motion: reduce) { .simple-slide { transition-duration: .01ms; } }

/* Estructura compartida de navegación. */
.simple-nav-toggle { display: none; }
.simple-nav-links { display: flex; flex-direction: column; align-items: center; gap: inherit; }

/* Escritorio: marco reducido y centrado; el móvil no usa esta clase. */
.simple-gallery.is-desktop .simple-slide { top: var(--desktop-image-top, 0px); bottom: auto; height: var(--desktop-image-height, 100%); transform: scale(1.25); transform-origin: center; }

/* Mezcla alfa del fundido: evita el velo entre imágenes con fondos blancos. */

@supports (mix-blend-mode: plus-lighter) {
    .simple-slide { mix-blend-mode: plus-lighter; }
}

/* Alineación de navegación y contacto en escritorio. */
@media (min-width: 1001px), (min-width: 761px) and (pointer: fine), (min-width: 761px) and (min-height: 501px) {
    .simple-left .simple-nav,
    .simple-left .simple-nav-links { align-items: flex-start; text-align: left; }
    .contact-page .simple-copy { text-align: left; font-size: clamp(12px, min(.9vw, 1.9svh), 18px); line-height: 1.65; }
}
@media (min-width: 1001px) and (max-height: 550px), (min-width: 761px) and (pointer: fine) and (max-height: 550px), (min-width: 761px) and (min-height: 501px) and (max-height: 550px) {
    .contact-page .simple-copy { font-size: 11px; line-height: 1.35; }
}
/* Avance del carrusel con ratón, toque o teclado. */
.simple-gallery[role='button'] { cursor: pointer; }
.simple-gallery[role='button'] .simple-slide.is-active { pointer-events: auto; }
.simple-gallery[role='button']:focus-visible { outline: 1px solid currentColor; outline-offset: 5px; }