html,
body {
    overflow-x: hidden;
    background-color: #F7F7F7;
}

.marca-chile-header__home {
    display: none;
}

.hero-section,
.hero-content {
    min-height: 550px;
}

.hero-section {
    margin-top: 0px;
}

.hero-content {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
}

.hero-content.mobile-view {
    display: block;
}

.hero-content.desktop-view {
    display: none;
}

/* Mobile XL / Phablet (Desde 375px o 480px hacia arriba) */
@media (min-width: 376px) {}

/* Tablet Portrait (Desde 576px hacia arriba) */
@media (min-width: 576px) {

    .hero-section,
    .hero-content {
        min-height: 664px;
    }
}

/* Tablet Landscape / Laptop pequeña (Desde 768px hacia arriba) */
@media (min-width: 768px) {

    .hero-section,
    .hero-content {
        background-size: contain;
        min-height: 400px;
    }

    .hero-content.mobile-view {
        display: none;
    }

    .hero-content.desktop-view {
        display: block;
    }
}

/* Desktop / Laptop (Desde 992px o 1024px hacia arriba) */
@media (min-width: 992px) {

    .hero-section,
    .hero-content {
        min-height: 550px;
    }

    .marca-chile-header__home {
        display: block;
    }

    .marca-chile-header__mobile {
        display: none;
    }
}

/* Desktop Large (Desde 1200px hacia arriba) */
@media (min-width: 1200px) {}

/* Desktop XL (Desde 1400px o más) */
@media (min-width: 1400px) {

    .hero-section,
    .hero-content {
        min-height: 700px;
    }
}

/* Desktop XL (Desde 1900px o más) */
@media (min-width: 1900px) {

    .hero-section,
    .hero-content {
        min-height: 800px;
    }
}

.container-fluid {
    padding: 0;
    margin: 0;
}

/* INTRO */

.yws-intro-section {
    display: flex;
    width: var(--Breakpoint, 375px);
    padding: 40px var(--Margin, 18px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: var(--Colores-Gris-500, #53565A);
    width: 100%;
}

.yws-intro-section>div.container>div.row>div.col>p {
    color: #FFF;
    text-align: center;
    font-family: 'Chilena Light';
    font-size: 18px;
    font-style: normal;
    line-height: normal;
}

@media (min-width: 576px) {
    .yws-intro-section {
        padding: 80px var(--Margin, 18px);
    }

    .yws-intro-section>div.container>div.row>div.col>p {
        font-size: 26px;
    }
}

/* Tablet Landscape / Laptop pequeña (Desde 768px hacia arriba) */
@media (min-width: 768px) {}

/* Desktop / Laptop (Desde 992px o 1024px hacia arriba) */
@media (min-width: 992px) {}

/* Desktop Large (Desde 1200px hacia arriba) */
@media (min-width: 1200px) {}

/* Desktop XL (Desde 1400px o más) */
@media (min-width: 1400px) {}

/* CLAIM */

.claim-section {
    padding: 40px 0px;
}

.claim-section>div>div.row>div.claim-text {
    z-index: 2;
    font-size: 32px;
    line-height: 38px;
    max-width: 750px;
    align-content: center;
}

.claim-section>div>div.row>div.claim-text>p {
    font-family: 'Chilena Light';
    color: #53565A;
}

.claim-section>div>div.row>div.claim-text>p>strong {
    color: var(--Colores-Rojo-500, #E4002B);
    text-align: center;
    font-family: 'Montserrat';
    font-size: 26px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -1.3px;
    text-transform: uppercase;
}

#intro p {
    text-align: center;
    padding: 0px 20px;
    color: var(--Colores-Gris-500, #53565A);
    font-family: 'Chilena Light';
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}


/* Mobile XL / Phablet (Desde 375px o 480px hacia arriba) */
@media (min-width: 376px) {}

/* Tablet Landscape / Laptop pequeña (Desde 768px hacia arriba) */
@media (min-width: 768px) {


    #intro p {
        text-align: left;
        padding: 0px;
    }


}

/* Desktop / Laptop (Desde 992px o 1024px hacia arriba) */
@media (min-width: 992px) {}

/* Desktop Large (Desde 1200px hacia arriba) */
@media (min-width: 1200px) {}

/* Desktop XL (Desde 1400px o más) */
@media (min-width: 1400px) {}

#noticias {
    padding: 40px 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 40px;
}

#noticias .head {
    padding: 0px 40px;
}

#noticias h2 {
    color: var(--Colores-Rojo-500, #E4002B);
    font-family: 'Montserrat';
    font-size: 35.364px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -1.768px;
    text-transform: uppercase;
}

#noticias p {
    font-size: 18px;
    font-family: 'Chilena Light';
}

.align-right {
    text-align: right;
}

#noticias .noticias-list .owl-carousel {
    padding-right: 12.5%;
}

#noticias .noticias-list .owl-stage-outer {
    padding-left: 20px;
}

#noticias .noticias-list .owl-item {
    margin-right: 25px;
    width: 286px;
}

#noticias .noticias-list .item {
    width: 286px;
}

#noticias .box-noticia {
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    background-color: #FFFFFF;
    color: #232B2F;
    font-size: 25px;
    /* font-weight: 700; */
    /* line-height: normal; */
    -webkit-box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.62);
    box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.62);
    margin-top: 10px;
    margin-bottom: 10px;
    /* margin-right: 10px; */
    min-height: 400px;
}

#noticias .box-noticia img {
    border-top-right-radius: 40px;
}

.noticia-card-content {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    height: 200px;
}

.noticia-card-content>.content-text>h3 {
    color: #232B2F;
    font-size: 18px;
    font-family: 'Chilena Bold';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
}

.noticia-card-content>.content-text>p.desc {
    color: #232B2F;
    font-size: 16px;
    font-family: 'Chilena Light';
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
}

#noticias .box-noticia .btn-more {
    display: inline-block;
    padding: 10px 10px 10px 30px;
    transition: background-color 0.3s ease-in-out;
    color: #53565A;
    border: 2px solid #53565A;
    min-width: 160px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    border-bottom-left-radius: 60px;
    font-size: 16px;
    text-decoration: none;
    text-align: left;
    background-image: url(../images/icon/icon-externalLink.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    font-family: 'Chilena Bold';
    background-size: 30px 30px;
}

#noticias .box-noticia .btn-more:hover {
    background-color: #53565A;
    color: #EDEEEF !important;
    background-image: url(../images/icon/icon-externalLink_hover.svg);

}

#noticias .item .btn-danger img {
    width: 20px;
    height: 20px !important;
}

#noticias .item .img-fluid {
    height: 200px !important;
}

#noticias .align-center {
    text-align: center;
    margin-top: 30px;
}

#noticias .owl-theme .owl-nav {
    text-align: right;
    position: absolute;
    right: 20px;
    top: -100px;
}

#noticias .owl-carousel .owl-nav button.owl-prev:hover,
#noticias .owl-carousel .owl-nav button.owl-next:hover {
    background: none;
}

#noticias .owl-theme .owl-dots .owl-dot.active span {
    border: 2px solid #0B3067;
    background: #fff;
}

#noticias .owl-theme .owl-dots .owl-dot span {
    background: #0B3067;
}

/* Mobile XL / Phablet (Desde 375px o 480px hacia arriba) */
@media (min-width: 376px) {}

/* Tablet Portrait (Desde 576px hacia arriba) */
@media (min-width: 576px) {}

/* Tablet Landscape / Laptop pequeña (Desde 768px hacia arriba) */
@media (min-width: 768px) {
    #noticias {
        gap: 40px;
        padding: 80px 0px;
    }

    #noticias .noticias-list .owl-stage-outer {
        padding-left: 40px;
    }
}

/* Desktop / Laptop (Desde 992px o 1024px hacia arriba) */
@media (min-width: 992px) {}

/* Desktop Large (Desde 1200px hacia arriba) */
@media (min-width: 1200px) {}

/* Desktop XL (Desde 1400px o más) */
@media (min-width: 1400px) {
    #noticias .head {
        padding: 0px 80px;
    }

    #noticias .noticias-list .owl-stage-outer {
        padding-left: 80px;
    }
}

#header2024 {
    background: rgba(0, 0, 0, 0.1) !important;
    height: 100px !important;
    backdrop-filter: blur(10px);
}

#header2024 .navbar {
    padding: 10px 20px !important;
}

#header2024 .navbar .logo {
    height: 68px;
    height: 75px;
}

#header2024 .navbar .logo2 {
    height: 75px;
    width: 186px;
}

#header2024 button {
    border: 0
}

#header2024 button .navbar-toggler-icon {
    width: 40px !important;
    height: 40px !important;
    margin-top: 17px;
}

.wglanguage-name {
    display: none;
}


/* GRID contenedor */
.calugas {
    background-color: #E3E3E3;
    padding: 50px 0;
}

/* CARD */
.caluga {
    background: #fff;
    border-radius: 20px;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 240px;
    gap: 20px;
}

/* Columna texto */
.caluga__content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap: 20px
}

.caluga__logoYWS {
    width: 90px;
}

.caluga__desc {
    font-size: 22px;
    line-height: 1.2;
    color: #050505;
    font-family: 'Chilena Light';
}


/* Media cuadrada a la derecha */
.caluga__media {
    flex: 0 0 auto;
    width: min(300px, 50%);
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden;
    border-radius: 0 18px 18px 0;
    /* redondeo fuerte a la derecha */
    display: block;
}

.caluga__media img,
.caluga__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Mobile XL / Phablet (Desde 375px o 480px hacia arriba) */
@media (min-width: 376px) {}

/* Tablet Portrait (Desde 576px hacia arriba) */
@media (min-width: 576px) {}

/* Tablet Landscape / Laptop pequeña (Desde 768px hacia arriba) */
@media (min-width: 768px) {
    .caluga {
        padding: 36px;
        gap: 20px;
    }

    .caluga__content {
        align-items: flex-start;
    }

    .caluga__media {
        min-height: 240px;
    }

}

/* Desktop / Laptop (Desde 992px o 1024px hacia arriba) */
@media (min-width: 992px) {
    .caluga__logoYWS {
        width: 140px;
    }
}

/* Desktop Large (Desde 1200px hacia arriba) */
@media (min-width: 1200px) {
    .caluga__content {
        flex: 1;
    }

    .caluga__media {
        flex: 2;
        max-height: 240px;
    }
}

/* Desktop XL (Desde 1400px o más) */
@media (min-width: 1400px) {}

/* Play button */
.caluga__play {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    pointer-events: none;
}

.caluga__play::before {
    content: "";
    width: 74px;
    height: 74px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

.caluga__play::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 18px solid rgba(0, 0, 0, .45);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    margin-left: 4px;
}

/* Hover suave */
.caluga__media:hover img {
    transform: scale(1.03);
}

.caluga__media img {
    transition: transform .25s ease;
}

/* Responsive */
@media (max-width: 900px) {
    .calugas {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .caluga {
        flex-direction: column;
        align-items: stretch;
        min-height: auto;
    }

    .caluga__content {
        max-width: 100%;
        padding-right: 0;
    }

    .caluga__media {
        width: 100%;
        aspect-ratio: 16/9;
        border-radius: 16px;
        /* en mobile queda “bloque” completo */
        margin-top: 16px;
    }
}

#footer_carrusel {
    margin-top: 0px;
    /*min-height:500px;*/
}

.container-fluid {
    padding: 0;
    margin: 0;
}

#footer_carrusel .owl-carousel .item {
    /*min-height: 500px;*/
    background-size: cover;
    background-position: center;
}


#footer_carrusel .carousel-caption.right {
    position: absolute;
    right: 0;
    left: unset;
    padding-left: unset;
    border-radius: 8px;
    text-align: left;
    height: 100%;
    align-content: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 60px;
    padding: 40px 60px 60px;
    gap: 20px;
    background-image: url(https://dev.marcachile.cl/wp-content/themes/marcachile/you-will-see/images/icon/logo_marcachile_footer.svg);
    background-repeat: no-repeat;
    background-position: 100% 70%;
    background-size: 15%;
}

#footer_carrusel .carousel-caption h2 {
    color: var(--Colores-Rojo-50, #FFECED);
    font-weight: 300;
    font-size: 16px;
    font-family: "Chilena";
    text-transform: uppercase;
    text-align: center;
}

/* Tablet Portrait (Desde 576px hacia arriba) */
@media (min-width: 576px) {
    #footer_carrusel .carousel-caption.right {
        background-position: 100% 70%;
        background-size: 85%;
    }

    #footer_carrusel .carousel-caption h2 {
        font-size: 18px;
    }
}

/* Tablet Landscape / Laptop pequeña (Desde 768px hacia arriba) */
@media (min-width: 768px) {
    #footer_carrusel .carousel-caption.right {
        background-position: 100% 85%;
        background-size: 15%;
    }
}

/* Desktop / Laptop (Desde 992px o 1024px hacia arriba) */
@media (min-width: 992px) {
    #footer_carrusel .carousel-caption.right {
        background-position: 100% 50%;
        background-size: 10%;
    }
}

/* Desktop Large (Desde 1200px hacia arriba) */
@media (min-width: 1200px) {
    #footer_carrusel .carousel-caption.right {
        background-position: 100% 50%;
        background-size: 80px;
    }
}

/* Desktop XL (Desde 1400px o más) */
@media (min-width: 1400px) {
    #footer_carrusel .carousel-caption.right {
        background-position: 100% 50%;
        background-size: 120px;
    }
}

#footer_carrusel .carousel-caption .btn {
    display: inline-block;
    padding: 7px 10px 7px 30px;
    transition: background-color 0.3s ease-in-out;
    color: #FFFFFF;
    border: 2px solid #E4002B;
    min-width: 160px;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    border-bottom-left-radius: 60px;
    font-size: 16px;
    text-decoration: none;
    text-align: left;
    background: #E4002B;
    background-image: url(../images/icon/ico_ChevroneDerecha.svg);
    background-position: right 3px center;
    background-repeat: no-repeat;
    font-family: 'Chilena Bold';
    background-size: 30px 30px;
}

#footer_carrusel .carousel-caption .btn:hover {
    background-color: #8E0017 !important;
    border: 2px solid #8E0017;
    background-image: url(../images/icon/ico_ChevroneDerecha.svg);
}

#footer_carrusel .owl-carousel .owl-nav button.owl-prev,
#footer_carrusel .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 2rem;
    color: #fff;
}

#footer_carrusel .owl-carousel .owl-nav button.owl-prev {
    left: 10px;
}

#footer_carrusel .owl-carousel .owl-nav button.owl-next {
    right: 10px;
}

#footer_carrusel .owl-carousel .owl-nav button.owl-prev:hover,
#footer_carrusel .owl-carousel .owl-nav button.owl-next:hover {
    background: none;
}

#footer_carrusel .owl-carousel .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 50px;
    width: 100%;
}

/* Mobile XL / Phablet (Desde 375px o 480px hacia arriba) */
@media (min-width: 376px) {
    #footer_carrusel .owl-carousel .owl-dots {
        bottom: 20px;
    }
}

/* Tablet Portrait (Desde 576px hacia arriba) */
@media (min-width: 576px) {}

/* Tablet Landscape / Laptop pequeña (Desde 768px hacia arriba) */
@media (min-width: 768px) {}

/* Desktop / Laptop (Desde 992px o 1024px hacia arriba) */
@media (min-width: 992px) {}

/* Desktop Large (Desde 1200px hacia arriba) */
@media (min-width: 1200px) {}

/* Desktop XL (Desde 1400px o más) */
@media (min-width: 1400px) {}

#footer_carrusel .owl-carousel .owl-dot {
    display: inline-block;
    margin: 0 5px;
}

#footer_carrusel .owl-carousel .owl-dot span {
    width: 15px !important;
    height: 15px !important;
    background: #fff;
    display: block;
    border-radius: 50%;
    transition: background 0.3s ease;
    border: 2px solid #E4002B;
}

#footer_carrusel .owl-carousel .owl-dot.active span {
    background: #E4002B;
}

#footer_carrusel .carousel-control-prev-icon {
    background-image: url(../images/arrow-left.png);
    width: 49px;
    height: 87px;
}

#footer_carrusel .carousel-control-next-icon {
    background-image: url(../images/arrow-right.png);
    width: 49px;
    height: 87px;
}

.logo-footer-yws {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 0;
}

.logo-footer-yws>img {
    position: relative;
    margin-top: -80px;
    width: 90px;
}

/* Mobile XL / Phablet (Desde 375px o 480px hacia arriba) */
@media (min-width: 376px) {}

/* Tablet Portrait (Desde 576px hacia arriba) */
@media (min-width: 576px) {
    #footer_carrusel .carousel-caption.right {
        padding: 40px 60px 60px;
    }

    .logo-footer-yws>img {
        /* margin-top: -20%; */
    }
}

/* Tablet Landscape / Laptop pequeña (Desde 768px hacia arriba) */
@media (min-width: 768px) {
    #footer_carrusel .carousel-caption.right {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-end;
    }

    #footer_carrusel .carousel-caption h2 {
        font-size: 18px;
        text-align: right;
    }

    #footer_carrusel .carousel-caption.right {
        padding: 60px 110px 60px;
    }

    .logo-footer {
        padding: 80px 0;
    }

    .logo-footer>img {
        width: 160px;
    }

    .logo-footer-yws>img {
        /* margin-top: -11%; */
    }
}

/* Desktop / Laptop (Desde 992px o 1024px hacia arriba) */
@media (min-width: 992px) {
    .logo-footer>img {
        margin-top: -8%;
    }
}

/* Desktop Large (Desde 1200px hacia arriba) */
@media (min-width: 1200px) {}

/* Desktop XL (Desde 1400px o más) */
@media (min-width: 1400px) {
    #footer_carrusel .carousel-caption.right {
        padding: 80px 10% 60px;
    }

    .logo-footer>img {
        margin-top: -6%;
    }
}

/* Desktop XL (Desde 1920px o más) */
@media (min-width: 1920px) {}

/* MOBILE */

@media only screen and (max-width: 767px) {

    .bg-slider {
        height: 250px !important;
    }

    #noticias .noticias-list {
        padding-left: 10px;
    }

    #header2024 button .navbar-toggler-icon {
        width: 40px !important;
        height: 40px !important;
        margin-top: 0px;
    }

    /*.marca-chile-header__home {
        display:block !important;
    }*/

    .owl-nav {
        display: none;
    }

    #hero .owl-carousel .item {
        min-height: 500px;
        background-size: cover;
        background-position: center;
    }

    #footer_carrusel .owl-carousel .item {
        min-height: 500px;
        background-size: cover;
        background-position: center;
    }

    #footer_carrusel .carousel-caption .white-bg {
        padding: 10px;
    }

    .navimobile {
        text-align: right;
        padding: 0px 30px 30px 0;
    }

    #noticias .head {
        padding-bottom: 20px;
    }

    #noticias .align-center {
        text-align: center;
        margin-top: 30px;
    }

    .marca-chile-header__home .navbar {
        padding: 10px !important;
    }

    #header2024 .navbar .logo2 {
        margin-top: 5px;
        height: 30px !important;
        width: auto !important;
    }

    /*
    #footer_carrusel .carousel-caption h2 {
        font-size: 25px;
        padding-right: 50px;
    }

    
    #footer_carrusel .carousel-caption {
        position: absolute;
        right: 0;
        bottom: 20px;
        left: unset;
        padding-left: unset;
        border-radius: 8px;
        text-align: left;
        height: 200px;
        align-content: center;
        padding-right: 120px;
        background-position: right;
        background-repeat: no-repeat;
        background-size: 70px;
    }

    
    #footer_carrusel .carousel-caption.right {
        position: absolute;
        right: 0;
        bottom: 20px;
        left: unset;
        padding-left: unset;
        border-radius: 8px;
        text-align: left;
        height: 200px;
        align-content: center;
        padding-right: 120px;
        background-position: right;
        background-repeat: no-repeat;
        background-size: 70px;
    }*/

}


@media only screen and (min-width: 1399px) {
    #hero .owl-carousel .item {
        min-height: 500px;
        background-size: cover;
        background-position: center;
    }

    #footer_carrusel .owl-carousel .item {
        min-height: 500px;
        background-size: cover;
        background-position: center;
    }
}

.cont_weglot {
    display: inline;
    margin-top: 20px;
}

/* PARTE INFERIOR con foto */
.yws-bottom {
    position: relative;
    /* ajusta si quieres */
    overflow: hidden;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 520px;
}

/* Tablet Portrait (Desde 576px hacia arriba) */
@media (min-width: 576px) {
    .yws-bottom {
        min-height: 620px;
    }
}

/* Tablet Landscape / Laptop pequeña (Desde 768px hacia arriba) */
@media (min-width: 768px) {
    .yws-bottom {
        min-height: 970px;
    }
}

@media (min-width: 1200px) {
    .yws-bottom {
        min-height: 990px;
    }
}

.yws-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Overlay centrado (logo + links) */
.yws-overlay {
    position: absolute;
    inset: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 18px;
    padding: 16px;
    bottom: 0;
}

/* LOGO ROJO (HTML real) */
.yws-logo {
    width: 90px;
    height: 90px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.yws-logo img {
    width: 100%;
    height: auto;
    display: block;
}

/* LINKS abajo */
.yws-links {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    opacity: .9;
    white-space: nowrap;
}

.yws-links a {
    color: #fff;
    text-decoration: none;
    opacity: .85;
}

.yws-links a:hover {
    opacity: 1;
    text-decoration: underline;
}

.yws-dot {
    opacity: .6;
}

/* Responsive */
@media (max-width: 520px) {
    .yws-logo {
        width: 76px;
        height: 76px;
    }

    .yws-links {
        font-size: 13px;
        gap: 8px;
        bottom: 12px;
    }
}


.bg-slider {
    position: relative;
    height: 300px;
    overflow: hidden;
}

.bg-slide {
    position: absolute;
    inset: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    padding: 0;
    margin: 0;
}

.bg-slide.active {
    opacity: 1;
}

.content {
    position: relative;
    z-index: 2;
    color: #fff;
}


/* Mobile XL / Phablet (Desde 375px o 480px hacia arriba) */
@media (min-width: 376px) {}

/* Tablet Portrait (Desde 576px hacia arriba) */
@media (min-width: 576px) {}

/* Tablet Landscape / Laptop pequeña (Desde 768px hacia arriba) */
@media (min-width: 768px) {}

/* Desktop / Laptop (Desde 992px o 1024px hacia arriba) */
@media (min-width: 992px) {}

/* Desktop Large (Desde 1200px hacia arriba) */
@media (min-width: 1200px) {}

/* Desktop XL (Desde 1400px o más) */
@media (min-width: 1400px) {}