/* Bloque Ofertas */
.titulares .titulo-ofertas,
.titulares .titulo-festividades-eventos,
.titulo-blog-viajero,
.titulo-noticias {
    font-family: "BreePeru_Regular";
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.card-poster.m--tipo1 {
    border-radius: 10px;
}

    .card-poster.m--tipo1 .card-poster__precio.precio {
        align-items: center;
        right: auto;
        left: auto;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }

.oferta-antes {
    font-family: "BreePeru_Regular";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 11.52px;
    text-decoration-line: none !important;
}

.card-poster__precio-anterior.oferta-antes-precio {
    font-family: "BreePeru_Regular";
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 11.52px;
}

.card-poster.m--tipo1 .card-poster__header.header {
    padding: 14px;
    font-family: "BreePeru_Regular";
}


.card-poster__festividad.festividad {
    padding-left: 0px;
    display: inline-flex;
    height: 24px;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    height: auto; /* evita altura fija */
    white-space: nowrap;
}

.card-poster__compra.compra:before {
    content: none !important;
    display: none !important;
}

.card-poster__compra.compra {
    padding-left: 0px;
    display: inline-flex;
    height: 24px;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    height: auto; /* evita altura fija */
    white-space: nowrap;
}

.card-poster__subtitulo.days {
    font-family: "BreePeru_Regular";
    display: flex;
    height: 15px;
    flex-direction: column;
    justify-content: flex-end;
    align-self: stretch;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px
}

.card-poster__titulo.titulo_oferta {
    font-family: "BreePeru_Bold";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    align-self: stretch;
}

.acceso-oferta {
    align-items: center;
}

    .acceso-oferta .btn-ofertas-home {
        display: flex;
        width: 192px !important;
        height: 42px !important;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 10px;
        background: #7D0063;
        color: #FFF;
        text-align: center;
        font-family: "BreePeru_Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 21px;
    }

.btn-ofertas:hover {
    background-color: #6b004b; /* Color de hover opcionalmente más oscuro */
}


/* Bloque Festividades */
.sec-festividad-noticia.bl-festividad.fondo-festividad {
    background: #7D0063;
}

.card-info.card-festividad {
    display: flex;
    /* min-height: 495px;
    min-width: 300px !important;*/
    padding: 0px 20px 10px 20px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    border-radius: 10px;
}

.card-info.card-festividad {
    flex: 1 1 calc(33.333% - 30px);
    max-width: 350px;
}

.sec-festividad-noticia .bl-fyn .list article .image.img-festividad {
    min-height: 312px;
    border-radius: 10px;
}

.image.img-festividad {
    position: relative;
}

article.card-info .image::before {
    background: none !important;
}

.image.img-festividad .fecha-top {
    left: 20px;
    border-radius: 0 0 10px 10px;
}

.sec-festividad-noticia.bl-festividad .festivo article .img-festividad .fecha-top {
    position: absolute;
    color: #FFFFFF !important;
    font-family: 'ClanOffc-Bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    font-weight: bold;
    line-height: 16px;
    min-width: 50px;
    min-height: 60px;
    padding: 10px 15px;
    z-index: 3;
}

.sec-festividad-noticia.bl-festividad .festivo article .image.img-festividad .fecha-top .month {
    font-family: 'ClanOffc-Medium';
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px; /* 120% */
    letter-spacing: 1px;
}


.card-festividad.item.eventos .fecha-top {
    background: #33ABA0;
}

.card-festividad.item.festividades .fecha-top {
    background: #46BF0D;
}

.card-festividad.item.fin-de-semana .fecha-top {
    background: #8A36D2;
}

.card-festividad.item.feriados .fecha-top {
    background: #E73245;
}

.card-festividad.item.talleres .fecha-top {
    background: #EC9B2B;
}

.image.img-festividad .tipo-festividad {
    display: flex;
    width: 90px;
    height: 33px;
    padding: 10px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    color: #000;
    text-align: center;
    font-family: 'ClanOffc-Medium';
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 20px;
}

.card-festividad.item.eventos .tipo-festividad {
    background: #D6EEEC;
}

.card-festividad.item.festividades .tipo-festividad {
    background: #D3F0C6;
}

.card-festividad.item.fin-de-semana .tipo-festividad {
    background: #EFE4F9;
}

.card-festividad.item.talleres .tipo-festividad {
    background: #FBEBD5;
}

.card-festividad.item.feriados .tipo-festividad {
    background: #FAD6DA;
}

.card-info.m--tipo2 .card-info__header.header-festividad {
    height: 200px;
    padding: 19px 20px 20px 20px;
}

.sec-festividad-noticia .bl-fyn .list article .card-info__header h3 {
    color: #000;
    font-family: 'ClanOffc-Medium';
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none !important;
}

.header-festividad .subtitulo-festividad {
    color: #636363;
    font-family: 'ClanOffc-News';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sec-festividad-noticia .bl-fyn .list article .card-info__header .info-detalle.ubicacion {
    color: #636363;
    font-family: 'ClanOffc-Medium';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: none !important;
}

.card-info__ubicacion .ver-mas {
    color: #636363 !important;
    font-family: 'ClanOffc-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: none !important;
}

.sec-festividad-noticia.bl-festividad .festivo .card-info__ubicacion a {
    color: #636363;
}

.card-festividad.item.eventos .info-detalle.ubicacion .icono-ubicacion {
    color: #33ABA0;
}

.card-festividad.item.festividades .info-detalle.ubicacion .icono-ubicacion {
    color: #46BF0D;
}

.card-festividad.item.fin-de-semana .info-detalle.ubicacion .icono-ubicacion {
    color: #8A36D2;
}

.card-festividad.item.talleres .info-detalle.ubicacion .icono-ubicacion {
    color: #EC9B2B;
}

.card-festividad.item.feriados .info-detalle.ubicacion .icono-ubicacion {
    color: #E73245;
}

.card-festividad.item.eventos .ver-mas .icono-flecha {
    color: #33ABA0;
}

.card-festividad.item.festividades .ver-mas .icono-flecha {
    color: #46BF0D;
}

.card-festividad.item.fin-de-semana .ver-mas .icono-flecha {
    color: #8A36D2;
}

.card-festividad.item.talleres .ver-mas .icono-flecha {
    color: #EC9B2B;
}

.card-festividad.item.feriados .ver-mas .icono-flecha {
    color: #E73245;
}

.sec-festividad-noticia .bl-fyn .list {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.sec-festividad-noticia .bl-fyn .list {
    column-gap: 30px;
}

.sec-ofertas {
    justify-content: center; /* centra en el eje horizontal */
    padding-bottom: 60px;
}


.acceso-festividade-eventos {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
    margin-top: 20px;
}

    .acceso-festividade-eventos .btn-festividades-home {
        display: flex;
        width: 192px !important;
        height: 42px !important;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 10px;
        background: #F2B30C;
        color: #7D0063;
        text-align: center;
        font-family: "BreePeru_Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 21px;
    }

/*Bloque Blog viajero*/

.sec-blogviajero {
    background: #33ABA0;
}

.listblog .item {
    background: #FFFFFF;
    border-radius: 10px;
}

.sec-blogviajero .listblog .item:first-child .caption {
    border-radius: 0px 0px 10px 10px !important;
}

.sec-blogviajero .listblog .item {
    border-top: 0px solid;
}

    .sec-blogviajero .listblog .item:first-child {
        margin-right: 15px;
    }


.item.blog-viajero .titulo-blog-viajero {
    color: #000;
    font-family: 'ClanOffc-Medium';
    text-align: start;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.sec-blogviajero .listblog .item:first-child .caption:before {
    background: none !important;
}

.sec-blogviajero .card-info__ubicacion .ver-mas-blog a {
    color: #636363 !important;
    text-decoration: none !important;
}

.card-info__ubicacion .ver-mas-blog {
    font-family: 'ClanOffc-Medium';
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: none !important;
}


.info-detalle.ubicacion-oferta {
    color: #636363;
    font-family: 'ClanOffc-Medium';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.sec-blogviajero .listblog .item.blog-viajero {
    padding-top: 0px;
    margin-left: 15px;
}

.sec-blogviajero .listblog .item .image {
    width: 260px;
    height: 228px;
    border-radius: 10px;
}


.sec-blogviajero .listblog .item.blog-viajero.end {
    margin-bottom: 0px;
}

.acceso-notas {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.acceso-noticias {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

    .acceso-notas .btn-notas-home,
    .acceso-noticias .btn-noticias-home {
        display: flex;
        width: 192px !important;
        height: 42px !important;
        padding: 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
        border-radius: 10px;
        background: #7D0063;
        color: #FFF;
        text-align: center;
        font-family: "BreePeru_Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 21px;
    }

/*Bloque Noticias*/

.sec-festividad-noticia .bl-fyn .noticia article {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
}

.sec-festividad-noticia .bl-fyn .list article:hover
.card-info__header .noticia-titulo {
    color: #2392B5 !important;
}

.sec-festividad-noticia .bl-fyn .list article .image.img-noticia {
    padding: 10px 10px 0px 10px;
    border-radius: none !important;
}

.sec-festividad-noticia .bl-fyn .list article .image.image.img-noticia img {
    border-radius: 0px;
}

.image.img-noticia img {
    border-radius: 0px;
}

.card-info.m--tipo2 .card-info__header.noticia-header {
    padding: 10px 20px;
    height: 145px;
}

.sec-festividad-noticia .bl-fyn .list article .card-info__header .noticia-titulo {
    color: #27A3CA;
    font-family: 'ClanOffc-Medium';
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.sec-festividad-noticia .bl-fyn .list article .card-info__header .card-info__ubicacion.ubicacion-noticia {
    color: #636363 !important;
    font-family: 'ClanOffc-Medium';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.card-info__ubicacion {
    display: table;
    align-items: center;
    color: #636363 !important; /* color del texto */
    gap: 0.9rem; /* espacio entre grupo fecha y categoría */
}

    .card-info__ubicacion > * {
        display: table-cell;
        vertical-align: middle;
    }

    .card-info__ubicacion .info-detalle {
        display: flex;
        align-items: center;
        /* espacio entre ícono y fecha */
    }

    .card-info__ubicacion .calendario-icon {
        width: 16px;
        height: 16px;
    }

    .card-info__ubicacion .categoria-text {
        text-transform: uppercase;
        font-weight: 500;
        position: relative; /* para posicionar el ::before */
    }

        .card-info__ubicacion .categoria-text::before {
            content: "|";
            position: absolute;
            left: -0.5rem; /* ajusta según el gap deseado */
            color: #636363; /* color del separador */
        }

.sec-festividad-noticia .bl-fyn .list article .card-info__header .info-detalle img {
    margin-bottom: 5px;
}


/* Bloque Descubre */

.slick-fullwidth-slider-pills.slider-descubre .slider-item {
    position: relative;
}

.slick-fullwidth-slider-pills.slider-descubre .img-fondo {
    width: 100%;
    display: block;
    filter: brightness(80%);
}

/* Capa overlay ocupa todo el slide */
.slider-descubre .slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* para que los clics pasen a slick */
}

.slider-descubre .slide-overlay {
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* bloque logo arriba / info abajo */
    padding: 50px 100px 70px; /* ajusta top, lr, bottom */
    pointer-events: none; /* deja pasar clicks al slider */
}

/* 3) Wrapper bottom: apila ubicación + título */
.slider-descubre .slide-info-baja {
    display: flex;
    flex-direction: column;
    gap: 12px; /* espacio entre ubicación y título */
    pointer-events: auto;
}

/* Logo arriba-izquierda */
.slider-descubre .slide-titulo-bloque {
    position: absolute;
    top: 50px;
    left: 100px;
    display: flex;
    align-items: center;
    gap: 22px;
    color: #fff;
    font-family: "BreePeru_Regular";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* Ubicación (icono + texto) */
.slider-descubre .slide-ubicacion {
    position: absolute;
    bottom: 27%;
    left: 100px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    font-family: 'ClanOffc-Medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



/* Título grande */
.slider-descubre .slide-titulo {
    position: absolute;
    bottom: 10%;
    left: 100px;
    margin: 0;
    color: #fff;
    font-family: "BreePeru_Regular";
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


/*Bloque Banner principal*/

/* Cada slide debe ser relativo para overlay */
.hero-slider.slider-banner-home .slide {
    position: relative;
    overflow: hidden;
}

    /* Imagen ocupa todo */
    .hero-slider.slider-banner-home .slide img {
        width: 100%;
        display: block;
    }

/* Overlay global */
.slider-banner-home .slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* Contenido principal (texto + botón) */
.slider-banner-home .slide-content {
    position: absolute;
    bottom: 120px;
    left: 10%;
    max-width: 30%;
    padding: 20px;
    color: #fff;
    pointer-events: auto;
    z-index: 1;
}

/* 2. Creamos la franja oscura con ::before */
.slider-banner-home .slide-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 43%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.slider-banner-home .slide-title {
    line-height: 1.2;
    margin: 0 0 10px;
    font-family: "BreePeru_Regular";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.slider-banner-home .slide-subtitle {
    font-family: "BreePeru_Light";
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    margin: 0 0 20px;
}

.slider-banner-home .btn-slider-home {
    width: 180px;
    height: 46px;
    padding: 10px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    background: #F2B30C;
    color: #7D0063;
    text-align: center;
    font-family: "BreePeru_Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
}

    .slider-banner-home .btn-slider-home strong:hover {
        animation: menuItemOut ease .35s forwards;
    }


.slider-banner-home .slide {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

    .slider-banner-home .slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.hero-slider.slider-banner-home .slide.slick-current.slick-active .slide-overlay .slide-content {
    -webkit-animation: sliderContenidoIn 0.6s ease 0.25s forwards;
    animation: sliderContenidoIn 0.6s ease 0.25s forwards;
}

.slider-banner-home .slide.slick-current.slick-active .slide-overlay::before {
    -webkit-animation: sliderContenidoIn 0.9s ease 0.25s forwards;
    animation: sliderContenidoIn 0.9s ease 0.25s forwards;
}


/*Bullets y flechas de sliders Banner principal y bloque descubre*/

.slider-descubre .slick-dots,
.hero-slider.slider-banner-home .slick-dots {
    bottom: 65px;
    position: relative !important;
}

    .slider-descubre .slick-dots li,
    .hero-slider.slider-banner-home .slick-dots li {
        margin: 0 5px;
        transition: margin 0.3s ease;
    }

        .slider-descubre .slick-dots li button,
        .hero-slider.slider-banner-home .slick-dots li button {
            padding: 0;
            background: transparent;
            border: none;
        }

            .slider-descubre .slick-dots li button:before,
            .hero-slider.slider-banner-home .slick-dots li button:before {
                content: '';
                display: block;
                width: 14px;
                height: 14px;
                background: #ffffff;
                opacity: 1;
                border-radius: 50%;
                transition: width 0.3s ease, background 0.3s ease, border-radius 0.3s ease;
            }

        .slider-descubre .slick-dots li.slick-active,
        .hero-slider.slider-banner-home .slick-dots li.slick-active {
            margin: 0 15px;
        }

            .slider-descubre .slick-dots li.slick-active button:before,
            .hero-slider.slider-banner-home .slick-dots li.slick-active button::before {
                width: 36px;
                border-radius: 100px;
                background: #FFC107;
                opacity: 1;
            }

    .slider-descubre .slick-dots li,
    .hero-slider.slider-banner-home .slick-dots li {
        margin: 0 4px !important;
    }

        .slider-descubre .slick-dots li.slick-active,
        .hero-slider.slider-banner-home .slick-dots li.slick-active {
            margin: 0 24px 0 2px !important;
        }

.slider-descubre .slider-wrapper,
.hero-slider.slider-banner-home .slider-wrapper {
    text-align: center;
}

.slider-descubre.slick-fullwidth-slider-pills .slick-dots,
.hero-slider.slider-banner-home .slick-dots {
    display: flex !important;
    justify-content: center;
    width: fit-content !important;
    margin: 0 auto !important;
    padding: 8px 0px 2px 6px;
    background-color: #0000004D !important;
    border-radius: 15px !important;
}

/*oculta flechas predeterminadas*/
.slider-descubre .slick-prev:before,
.slider-descubre .slick-next:before,
.slider-banner-home .slick-prev:before,
.slider-banner-home .slick-next:before {
    content: none !important;
}

.slider-descubre .custom-arrow,
.slider-banner-home .custom-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 2px solid #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
}

    .slider-descubre .custom-arrow i,
    .slider-banner-home .custom-arrow i {
        color: #fff;
        font-size: 16px;
    }

.slider-descubre .slick-prev.custom-arrow,
.slider-banner-home .slick-prev.custom-arrow {
    left: 3%;
}

.slider-descubre .slick-next.custom-arrow,
.slider-banner-home .slick-next.custom-arrow {
    right: 3%;
}

/*slider ofertas*/

.homeofertas .slick-dots {
    position: relative !important;
}

    .homeofertas .slick-dots li {
        margin: 0 5px;
        transition: margin 0.3s ease;
    }

        .homeofertas .slick-dots li button {
            padding: 0;
            background: transparent;
            border: none;
        }

            .homeofertas .slick-dots li button:before {
                content: '';
                display: block;
                width: 14px;
                height: 14px;
                background: #ffffff;
                opacity: 1;
                border-radius: 50%;
                transition: width 0.3s ease, background 0.3s ease, border-radius 0.3s ease;
            }

        .homeofertas .slick-dots li.slick-active {
            margin: 0 15px;
        }

            .homeofertas .slick-dots li.slick-active button:before {
                width: 36px;
                border-radius: 100px;
                background: #FFC107;
                opacity: 1;
            }

    .homeofertas .slick-dots li {
        margin: 0 4px !important;
    }

        .homeofertas .slick-dots li.slick-active {
            margin: 0 24px 0 2px !important;
        }

.homeofertas .slider-wrapper {
    text-align: center;
}

.homeofertas .slick-dots {
    display: flex !important;
    justify-content: center;
    width: fit-content !important;
    margin: 0 auto !important;
    padding: 8px 0px 2px 6px;
    background-color: #0000004D !important;
    border-radius: 15px !important;
}

/* ===== slider Festividades===== */
.sec-festividad-noticia .list {
    display: flex;
    column-gap: 30px;
    justify-content: center;
}

    /* cuando Slick esté inicializado (añade la clase .slick-initialized) lo sobreescribimos */
    .sec-festividad-noticia .list.slick-initialized {
        display: block;
    }

    .sec-festividad-noticia .list .slick-dots {
        position: relative !important;
    }

        .sec-festividad-noticia .list .slick-dots li {
            margin: 0 5px;
            transition: margin 0.3s ease;
        }

            .sec-festividad-noticia .list .slick-dots li button {
                padding: 0;
                background: transparent;
                border: none;
            }

                .sec-festividad-noticia .list .slick-dots li button:before {
                    content: '';
                    display: block;
                    width: 14px;
                    height: 14px;
                    background: #ffffff;
                    opacity: 1;
                    border-radius: 50%;
                    transition: width 0.3s ease, background 0.3s ease, border-radius 0.3s ease;
                }

            .sec-festividad-noticia .list .slick-dots li.slick-active {
                margin: 0 15px;
            }

                .sec-festividad-noticia .list .slick-dots li.slick-active button:before {
                    width: 36px;
                    border-radius: 100px;
                    background: #FFC107;
                    opacity: 1;
                }

        .sec-festividad-noticia .list .slick-dots li {
            margin: 0 4px !important;
        }

            .sec-festividad-noticia .list .slick-dots li.slick-active {
                margin: 0 24px 0 2px !important;
            }

    .sec-festividad-noticia .list .slider-wrapper {
        text-align: center;
    }

    .sec-festividad-noticia .list .slick-dots {
        display: flex !important;
        justify-content: center;
        width: fit-content !important;
        margin: 0 auto !important;
        padding: 8px 0px 2px 6px;
        background-color: #0000004D !important;
        border-radius: 15px !important;
    }


.slider-mobile .slick-dots {
    position: relative !important;
}

    .slider-mobile .slick-dots li {
        margin: 0 5px;
        transition: margin 0.3s ease;
    }

        .slider-mobile .slick-dots li button {
            padding: 0;
            background: transparent;
            border: none;
        }

            .slider-mobile .slick-dots li button:before {
                content: '';
                display: block;
                width: 14px;
                height: 14px;
                background: #ffffff;
                opacity: 1;
                border-radius: 50%;
                transition: width 0.3s ease, background 0.3s ease, border-radius 0.3s ease;
            }

        .slider-mobile .slick-dots li.slick-active {
            margin: 0 15px;
        }

            .slider-mobile .slick-dots li.slick-active button:before {
                width: 36px;
                border-radius: 100px;
                background: #FFC107;
                opacity: 1;
            }

    .slider-mobile .slick-dots li {
        margin: 0 4px !important;
    }

        .slider-mobile .slick-dots li.slick-active {
            margin: 0 24px 0 2px !important;
        }

.slider-mobile .slider-wrapper {
    text-align: center;
}

.slider-mobile .slick-dots {
    display: flex !important;
    justify-content: center;
    width: fit-content !important;
    margin: 0 auto !important;
    padding: 8px 0px 2px 6px;
    background-color: #0000004D !important;
    border-radius: 15px !important;
}

/* ===== Mobile ===== */

@media screen and (max-width: 1025px) {
    .sec-festividad-noticia .bl-fyn .list {
        display: block !important; /* Evita conflictos con flex */
        column-gap: 0 !important;
    }

    .sec-festividad-noticia .slick-slide {
        padding: 0 10px;
    }

    .sec-festividad-noticia .slick-list {
        margin: 0 -10px;
    }

    .sec-festividad-noticia .bl-fyn .list article {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/*Bloque Banner Home*/

@media (max-width: 768px) {
    /*Bloque Banner Home*/
    .slider-banner-home .slide-overlay {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .slider-banner-home .slide-content {
        left: auto;
        width: 100%;
        text-align: center;
        bottom: 12vmax;
        max-width: none !important;
        align-items: center;
        justify-content: center;
        padding-left: 30px;
        padding-right: 30px;
    }

    .slider-banner-home .slide-overlay::before {
        width: 100% !important;
        height: 40% !important;
        top: auto !important;
        bottom: 0 !important;
        background: rgba(0,0,0,0.3);
        z-index: 1;
    }

    .slider-banner-home .slide-title {
        text-align: center;
        font-size: 24px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .slider-banner-home .btn-slider-home {
        padding: 10px 26px;
        width: 180px;
        height: 46px;
    }


    /*Bloque ofertas*/

    .sec-ofertas .acceso-oferta {
        padding-bottom: 46px;
        padding-top: 17px;
    }

    .acceso-oferta {
        margin-bottom: 0px !important;
    }

    .titulares {
        padding: 10px 0 20px;
    }

        .titulares .titulo-ofertas,
        .titulares .titulo-festividades-eventos {
            font-size: 25px;
            text-align: center;
        }

    /*Bloque festividades*/

    .acceso-festividade-eventos {
        margin-bottom: 0px;
        margin-top: 0px;
        padding-bottom: 42px;
    }

    .sec-festividad-noticia .bl-fyn {
        padding: 25px 0;
    }

        .sec-festividad-noticia .bl-fyn .list {
            row-gap: 0px;
        }

    .card-info.card-festividad.item {
        width: 100%;
        margin-left: 6px;
        margin-right: 6px;
    }

    .sec-festividad-noticia .bl-fyn .list article .image.img-festividad {
        width: 100% !important;
        height: 312px !important;
        border-radius: 10px;
    }


    .sec-festividad-noticia .bl-fyn .list article .image {
        height: 217px !important;
    }

    .sec-festividad-noticia .bl-fyn .list article .card-info__header {
        width: 100%;
    }

    .card-info.card-festividad {
        display: flex;
        min-height: 531px;
        border-radius: 10px;
    }

    .sec-festividad-noticia .bl-fyn .festivo .titulares {
        padding-top: 44px;
    }

    /*Bloque notas blog viajero*/

    .sec-blogviajero .acceso-notas {
        margin-top: 60px;
    }

    .sec-blogviajero .titulares {
        padding-top: 30px;
    }

    .sec-blogviajero .listblog .item {
        display: block !important;
        margin-left: 20px;
        margin-right: 20px;
        padding: 0 !important;
        border: none !important;
        margin: 10px
    }

    .sec-blogviajero .slick-list {
        padding: 0 10px !important; /* padding interno para centrar */
    }

    .sec-blogviajero .listblog .item .image {
        min-width: -webkit-fill-available;
        height: 310px !important;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 10px !important;
        overflow: hidden;
    }

    .sec-blogviajero .listblog .item.blog-viajero {
        margin-left: 11px;
        margin-right: 11px
    }

    .sec-blogviajero .listblog .item .image img {
        border-radius: 10px;
    }

    .sec-blogviajero .listblog .item .caption {
        display: block !important;
        width: 100% !important;
        padding: 16px !important;
        background: #fff;
        border-radius: 0 0 10px 10px !important;
        box-sizing: border-box;
    }

    .sec-blogviajero .listblog .item .image:after {
        display: none !important;
        background: none !important;
        content: none !important;
    }

    .sec-blogviajero .listblog .item .caption {
        display: flex !important;
        flex-direction: column;
        justify-content: space-between; /* separa extremos */
        padding: 8px 20px 20px 20px !important;
        min-height: 160px;
    }

    /* empuja el address al fondo */
    .sec-blogviajero .listblog.slider-mobile
    .item .caption address {
        margin-top: auto;
    }

    /*Bloque descubre*/
    /* Logo arriba-izquierda */
    .slider-descubre .slide-titulo-bloque {
        top: 5%;
        left: 10%;
        font-size: 24px;
    }

    /* Ubicación (icono + texto) */
    .slider-descubre .slide-ubicacion {
        position: absolute;
        bottom: 30%;
        left: 7%;
        display: flex;
        align-items: center;
        gap: 6px;
        color: #fff;
        font-family: 'ClanOffc-Medium';
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    /* Título grande */
    .slider-descubre .slide-titulo {
        position: absolute;
        bottom: 15%;
        left: 7%;
        margin: 0;
        color: #fff;
        font-family: "BreePeru_Regular";
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }


    /*Bloque noticias*/
    /* 1) Artículo en columna */
    .sec-festividad-noticia.bl-noticia .bl-fyn .list article.card-info {
        display: flex !important;
        flex-direction: column !important;
        padding: 10px 10px 10px 10px;
        margin: 10px;
        height: auto !important;
    }

    .sec-festividad-noticia .bl-fyn .list article .image {
        width: 100% !important;
        height: 234px !important;
        border-radius: 10px 0 0 10px;
    }


    /* 2) Imagen full‑width y sin redondeo lateral */
    .sec-festividad-noticia.bl-noticia .bl-fyn .list
    article.card-info .image.img-noticia {
        padding: 0 !important;
        border-radius: 0 !important;
    }

        .sec-festividad-noticia.bl-noticia .bl-fyn .list
        article.card-info .image.img-noticia img {
            width: 100% !important;
            display: block;
        }

    /* 3) Header debajo, auto‑height y 100% ancho */
    .sec-festividad-noticia.bl-noticia .bl-fyn .list
    article.card-info .card-info__header.noticia-header {
        display: block !important;
        flex: none !important;
        height: auto !important;
        padding: 10px 20px !important;
    }

    .sec-festividad-noticia.bl-noticia .bl-fyn .list article.card-info .card-info__header.noticia-header {
        height: 150px !important;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
    }

    .sec-festividad-noticia.bl-noticia .bl-fyn .list article.card-info .card-info__header.noticia-header {
        padding: 10px 20px 4px 20px !important;
    }
}


/*Dark mode*/

body.b-home-ytqp.dark .slider-wrapper.bg-fondo {
    background: #242527;
}

    body.b-home-ytqp.dark .slider-wrapper.bg-fondo .hero-slider.slider-banner-home {
        margin-bottom: 0px;
    }

body.b-home-ytqp.dark .sec-ofertas {
    background: #242527;
}

body.b-home-ytqp.dark .container-fluid.descubre {
    background: #242527;
}

    body.b-home-ytqp.dark .container-fluid.descubre .slick-fullwidth-slider-pills.slider-descubre {
        margin-bottom: 0px;
        padding-bottom: 30px;
        background: #242527;
    }

body.b-home-ytqp.dark .sec-blogviajero {
    background: #33ABA0;
}

body.b-home-ytqp.dark .sec-festividad-noticia.bl-festividad.fondo-festividad {
    background: #7D0063;
}


body.b-home-ytqp.dark .sec-festividad-noticia .bl-fyn .noticia article {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
}

body.b-home-ytqp.dark .sec-festividad-noticia .bl-fyn .list article:hover
.card-info__header .noticia-titulo {
    color: #2392B5 !important;
}

body.b-home-ytqp.dark .sec-festividad-noticia .bl-fyn .list article .card-info__header .card-info__ubicacion.ubicacion-noticia {
    color: #636363 !important;
    font-family: 'ClanOffc-Medium';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

body.b-home-ytqp.dark .card-info__ubicacion {
    display: table;
    align-items: center;
    color: #636363 !important; /* color del texto */
    gap: 0.9rem; /* espacio entre grupo fecha y categoría */
}