.page-view-centro-sco {
    .views-element-container.contextual-region {
        width: 100%;
    }
}

.centro-sco {
    .view-header {
        min-height: 275px;
        background: #fff4f4;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 32px;

        h1 {
            color: var(--color-secondary-09);
            font-family: 'neosanspro', sans-serif;
            font-style: normal;
            font-size: 40px;
            line-height: 48px;
            font-weight: 500;
        }
    }
    .filtros-desktop {
        display: block;
    }

    .filtros-mobile {
        display: none;
    }

}

.breadcrumb-centro {
    nav {
        color: var(--color-secondary-09);
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        margin-bottom: 32px;
        margin-top: 31px;

        .breadcrumb {
            align-items: center;
        }

        li {
            &.breadcrumb-item {
                &.active {
                    color: var(--color-secondary-09);
                    font-family: 'neosanspro', sans-serif;
                    font-size: 14px;
                    line-height: 16.4px;
                    font-weight: 500;
                    padding-left: 4px;

                    &::before {
                        color: var(--color-secondary-09);
                        content: '/' !important;
                        padding-right: 4px;
                    }
                }
            }
        }

        a {
            border-bottom: none;
            font-family: 'neosanspro', sans-serif;
            font-size: 14px;
            line-height: 16.4px;
            font-weight: 300;
            color: var(--color-secondary-09);

            &:hover {
                color: var(--color-secondary-09);
            }
        }
    }
}

.view-filters-centro {
    ul {
        list-style: none;
        padding: 0;
        display: flex;
        gap: 24px;
        margin-bottom: 32px;
        align-items: center;
        justify-content: center;

        li {
            display: flex;
            box-shadow: 4px 4px 4.6px 0px rgba(38, 49, 66, 0.09);
            a {
                font-size: 16px;
                font-weight: 500;
                line-height: 25.6px;
                color: var(--color-primary-09);
                border: 1px solid #d6d2d2;
                text-decoration: none;
                font-family: 'neosanspro', sans-serif;
                min-width: 236px;
                width: 100%;
                padding: 40px 24px;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;

                &.bef-link--selected {
                    color: var(--color-primary-09);
                    border-color: var(--color-primary-09);
                }
            }
            &.active {
                a {
                    color: var(--color-primary-09);
                    border-color: var(--color-primary-09);

                }
            }
        }
    }
}


.views-field-field-intro {
    p {
        font-family: 'neosanspro', sans-serif;
        font-size: 16px;
        line-height: 25.6px;
        font-weight: 300;
        color: var(--color-secondary-09);
    }
}

.info-block {
    background: #FFF4F4;
    padding: 22px 0;

    &:last-child {
        margin-bottom: 59px;
    }

    .info-block__content {
        margin: 38px 0;
        display: flex;
        flex-direction: column;
        gap: 24px;

        .views-field-field-horario,
        .views-field-field-telefono,
        .views-field-field-direccion {
            display: flex;
            gap: 8px;
            span{
                font-size: 16px;
                font-weight: 500;
                line-height: 19.2px;
                color: var(--color-secondary-09);
                font-family: 'neosanspro', sans-serif;
            }
            .field-content {
                font-size: 16px;
                font-weight: 300;
                line-height: 19.2px;
                color: var(--color-secondary-09);
                font-family: 'neosanspro', sans-serif;
                text-align: left;
            }
        }

        .views-field-nothing {
            margin-right: auto;
            a {
                color: var(--color-white);
                font-size: 16px;
                font-weight: 500;
                line-height: 19.2px;
                padding: 12.5px 61px;
                font-family: 'neosanspro', sans-serif;
                background-color: var(--color-primary-09);
                border-color: var(--color-primary-09);
                border-radius: 100px;
                &:focus {
                    box-shadow: 0 0 0 .25rem rgba(104, 31, 36, .5);
                }
                &::after {
                    content: "";
                    display: inline-block;
                    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.42247 15.0834C2.0015 15.0834 1.64518 14.9376 1.35352 14.6459C1.06185 14.3542 0.916016 13.9979 0.916016 13.577V2.42321C0.916016 2.00223 1.06185 1.64591 1.35352 1.35425C1.64518 1.06258 2.0015 0.916748 2.42247 0.916748H7.05372C7.23109 0.916748 7.37963 0.976609 7.49935 1.09633C7.61893 1.21591 7.67872 1.36439 7.67872 1.54175C7.67872 1.71911 7.61893 1.86758 7.49935 1.98716C7.37963 2.10689 7.23109 2.16675 7.05372 2.16675H2.42247C2.35831 2.16675 2.29956 2.19348 2.24622 2.24696C2.19275 2.30029 2.16602 2.35904 2.16602 2.42321V13.577C2.16602 13.6411 2.19275 13.6999 2.24622 13.7532C2.29956 13.8067 2.35831 13.8334 2.42247 13.8334H13.5762C13.6404 13.8334 13.6991 13.8067 13.7525 13.7532C13.8059 13.6999 13.8327 13.6411 13.8327 13.577V8.94571C13.8327 8.76835 13.8925 8.6198 14.0123 8.50008C14.1319 8.3805 14.2803 8.32071 14.4577 8.32071C14.635 8.32071 14.7835 8.3805 14.9031 8.50008C15.0228 8.6198 15.0827 8.76835 15.0827 8.94571V13.577C15.0827 13.9979 14.9369 14.3542 14.6452 14.6459C14.3535 14.9376 13.9972 15.0834 13.5762 15.0834H2.42247ZM13.8327 3.04487L6.53789 10.3399C6.42247 10.4552 6.27741 10.5142 6.10268 10.517C5.9281 10.5196 5.78039 10.4606 5.65956 10.3399C5.53886 10.219 5.47852 10.0727 5.47852 9.90071C5.47852 9.72876 5.53886 9.58237 5.65956 9.46154L12.9546 2.16675H10.291C10.1137 2.16675 9.96518 2.10689 9.8456 1.98716C9.72588 1.86758 9.66602 1.71911 9.66602 1.54175C9.66602 1.36439 9.72588 1.21591 9.8456 1.09633C9.96518 0.976609 10.1137 0.916748 10.291 0.916748H14.3294C14.5442 0.916748 14.7234 0.988623 14.8671 1.13237C15.0108 1.27598 15.0827 1.45522 15.0827 1.67008V5.70842C15.0827 5.88578 15.0228 6.03425 14.9031 6.15383C14.7835 6.27355 14.635 6.33342 14.4577 6.33342C14.2803 6.33342 14.1319 6.27355 14.0123 6.15383C13.8925 6.03425 13.8327 5.88578 13.8327 5.70842V3.04487Z' fill='white'/%3E%3C/svg%3E");
                    background-size: contain;
                    background-repeat: no-repeat;
                    width: 16px;
                    height: 16px;
                    vertical-align: middle;
                }
            }
        }
    }

    .info-block__title {
        h2, h3 {
            font-size: 20px;
            font-weight: 500;
            line-height: 24px;
            color: var(--color-secondary-09);
            font-family: 'neosanspro', sans-serif;
            font-style: normal;
            text-align: left;
        }
    }

    .info-block__map {
        .map-responsive {
            padding-bottom: 317px;
        }
        iframe{
            max-height: 317px;
            padding: 0;
            border-radius: 0;
        }

    }

}

.centro-galeria {
    padding: 64px 0 144px 0;
    h2, h3 {
        padding-bottom: 48px;
        color: var(--color-secondary-09);
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        font-family: 'neosanspro', sans-serif;
        font-style: normal;
    }
    .centro-galeria__container {
        max-width: 1440px;
        margin: 0 auto;
        max-height: 506px;
        overflow: hidden;

        .glide__slide {
            transform: scale(0.85);
            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
            opacity: 0.7;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            position: relative;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .glide__slide--active {
            transform: scale(1.15);
            opacity: 1;
        }

        .glide__arrow--left {
            width: 46px;
            height: 44px;
            border-radius: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 2px solid var(--color-white);
            &::after{
                content: "";
                display: inline-block;
                background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.14423 7.62496H13.25V6.375H3.14423L7.89102 1.62819L7.00002 0.75L0.75004 6.99998L7.00002 13.25L7.89102 12.3718L3.14423 7.62496Z' fill='white'/%3E%3C/svg%3E");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 14px;
                height: 14px;
                color: var(--color-white)
            }
        }

        .glide__arrow--right {
            width: 46px;
            height: 44px;
            border-radius: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 2px solid var(--color-white);
            &::after {
                content: "";
                display: inline-block;
                background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8558 7.62496H0.75V6.375H10.8558L6.10898 1.62819L6.99998 0.75L13.25 6.99998L6.99998 13.25L6.10898 12.3718L10.8558 7.62496Z' fill='white'/%3E%3C/svg%3E");
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                width: 14px;
                height: 14px;
                color: var(--color-white);
            }
        }
    }
}

@media (max-width: 992px) {
    .view-filters-centro {
        ul {
            gap: 24px;
            li {
                width: 100%;
                a{
                    min-width: fit-content;
                }
                &.glide__slide {
                    a {
                        min-width: 164px;
                    }
                }

                &.glide__slide--active {
                    a {
                        color: var(--color-primary-09);
                        border-color: var(--color-primary-09);

                    }
                }

            }
        }
    }
}

@media (max-width: 768px) {
    .centro-sco {
        .filtros-desktop {
            display: none;
        }

        .filtros-mobile {
            display: block;
        }
    }

    .view-filters-centro {
        ul {
            margin-bottom: 72px;
            gap: 0;
            li{
                width: auto;
            }
        }

        .glide__bullets
        {
            bottom: 45px;

            .glide__bullet {
                width: 7px;
                height: 7px;
                background: #EAEAEA;
                &:hover {
                    border: none;
                }
            }
            .glide__bullet--active{
                background: var(--color-primary-09);
                width: 27px;
                height: 7px;
                border-radius: 4px;
                border: none;
            }
        }
    }

    .centro-galeria {
        padding: 64px 16px 144px 16px;
    }

    .info-block {
        padding: 0;
        &:last-child {
            margin-bottom: 17px;
        }
        .info-block__content {
            margin: 35px 0 30px 0;
        }
        .info-block__map {
            margin-bottom: 40px;

        }
    }

}

@media (max-width: 400px) {
    .view-filters-centro {
        ul {
            li {
                &.glide__slide {
                    a {
                        min-width: 120px;
                    }
                }
            }
        }
    }
}