/*
 * Rediseño 2026 — Galería automática v1.0.4
 * Figma: node 1042:1547.
 *
 * Geometría de referencia sobre lienzo de 1920 px:
 * - alto: 289 px
 * - ancho aproximado de cada imagen: 521 px
 * - separación: 20 px
 * - el carrusel desborda lateralmente para dejar las piezas extremas cortadas,
 *   igual que en el diseño.
 */

.r26-auto-gallery,
.r26-auto-gallery * {
    box-sizing: border-box;
}

.r26-auto-gallery {
    --r26-gallery-height: min(289px, 15.052083vw);
    --r26-gallery-slide-width: 27.135417vw;
    --r26-gallery-gap: 1.041667vw;
    --r26-gallery-offset: 5.052083vw;

    position: relative;
    left: 50%;
    width: 100vw;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
    transform: translateX(-50%);
    overflow: hidden;
}


/* ---------------------------------------------------------
 * Título opcional
 * Figma: node 1042:1543
 * Caja de referencia: 1256 px. Autography Regular 80 px.
 * Separación exacta respecto de la galería: 10 px.
 * --------------------------------------------------------- */
.r26-auto-gallery__title {
    width: calc(100% - 48px);
    max-width: 1256px;
    margin: 0 auto 10px !important;
    padding: 0 !important;
    color: #000 !important;
    font-family: "Autography", sans-serif !important;
    font-size: 80px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    word-break: normal;
}

.r26-auto-gallery__title--left {
    text-align: left !important;
}

.r26-auto-gallery__title--center {
    text-align: center !important;
}

.r26-auto-gallery__title--right {
    text-align: right !important;
}

.r26-auto-gallery__viewport {
    position: relative;
    width: 100%;
    height: var(--r26-gallery-height);
    overflow: hidden;
}

.r26-auto-gallery__track {
    display: flex;
    align-items: stretch;
    gap: var(--r26-gallery-gap);
    width: max-content;
    height: 100%;
    margin-left: calc(-1 * var(--r26-gallery-offset));
    transform: translate3d(0, 0, 0);
    transition: none !important;
    will-change: transform;
}

.r26-auto-gallery__slide {
    flex: 0 0 var(--r26-gallery-slide-width);
    width: var(--r26-gallery-slide-width);
    height: 100%;
    overflow: hidden;
    background: #f3f3f3;
}

.r26-auto-gallery__image {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
}

@media (min-width: 1921px) {
    .r26-auto-gallery {
        --r26-gallery-height: 289px;
        --r26-gallery-slide-width: 521px;
        --r26-gallery-gap: 20px;
        --r26-gallery-offset: 97px;
    }
}

@media (max-width: 1199px) {
    .r26-auto-gallery {
        --r26-gallery-height: clamp(230px, 24vw, 285px);
        --r26-gallery-slide-width: 48vw;
        --r26-gallery-gap: 16px;
        --r26-gallery-offset: 7vw;
    }
}

@media (max-width: 767px) {
    .r26-auto-gallery {
        --r26-gallery-height: clamp(220px, 64vw, 300px);
        --r26-gallery-slide-width: 82vw;
        --r26-gallery-gap: 12px;
        --r26-gallery-offset: 8vw;
    }
}

@media (prefers-reduced-motion: reduce) {
    .r26-auto-gallery__track {
        transition: none;
    }
}


@media (max-width: 1199px) {
    .r26-auto-gallery__title {
        width: calc(100% - 64px);
        font-size: clamp(58px, 7.5vw, 76px) !important;
        line-height: 1.08 !important;
    }
}

@media (max-width: 767px) {
    .r26-auto-gallery__title {
        width: calc(100% - 48px);
        font-size: clamp(44px, 13vw, 64px) !important;
        line-height: 1.05 !important;
    }
}