@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Montserrat:wght@400;500;600&display=swap');


        * {
            box-sizing: border-box;
        }

        html,
        body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            background: #000;
            overflow: hidden;
        }


/* Slider flexible: las animaciones se calculan desde fotos-home.php */
.slider{position:fixed;inset:0;width:100%;height:100%;background:#000;overflow:hidden}
.slider a{position:relative;display:block;width:100%;height:100%}
.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;margin:0;padding:0;border:0;opacity:0}
        /* ================================
           TABLET EN VERTICAL

           Portada 1 alineada arriba
           para evitar el corte superior.
           ================================ */

        @media (orientation: portrait) and (min-width: 600px) {

            .slide-1 {
                object-position: center top;
            }

        }


        /* ================================
           LANDSCAPE / ORDENADOR

           100% del ancho.
           Altura proporcional.
           ================================ */

        @media (orientation: landscape) {

            .slide {

                width: 100vw;
                height: auto;

                top: 50%;
                left: 50%;
                right: auto;
                bottom: auto;

                object-fit: initial;

                transform:
                    translate(
                        -50%,
                        calc(-50% + var(--scroll-y, 0px))
                    );
            }

        }

/* Navegación editorial: gesto lateral sin flechas. */
.slider{touch-action:pan-y;cursor:grab}
.slider.is-dragging{cursor:grabbing}
.slider-images{position:relative;width:100%;height:100%}
.slider.is-manual .slide{animation:none!important;opacity:0;transition:opacity .65s ease}
.slider.is-manual .slide.is-selected{opacity:1}
@media(prefers-reduced-motion:reduce){.slider.is-manual .slide{transition:none}}
.slider.is-manual .slide.is-selected{z-index:100}