/* 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;
    font-family: 'BreePeru_Bold';
    font-size: 32px;
    font-weight: 700 !important;
}

.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: #8A36D2;
}

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

.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,
.card-festividad.item.festividades .tipo-festividad,
.card-festividad.item.fin-de-semana .tipo-festividad,
.card-festividad.item.talleres .tipo-festividad {
    background: #D6EEEC;
}

.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 !important;
}

.card-festividad.item.eventos .info-detalle.ubicacion .icono-ubicacion,
.card-festividad.item.festividades .info-detalle.ubicacion .icono-ubicacion,
.card-festividad.item.fin-de-semana .info-detalle.ubicacion .icono-ubicacion,
.card-festividad.item.talleres .info-detalle.ubicacion .icono-ubicacion{
    color: #33ABA0;
}

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

.card-festividad.item.eventos .ver-mas .icono-flecha,
.card-festividad.item.festividades .ver-mas .icono-flecha,
.card-festividad.item.fin-de-semana .ver-mas .icono-flecha,
.card-festividad.item.talleres .ver-mas .icono-flecha{
    color: #33ABA0;
}

.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 blog*/
 
.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 {
    padding-bottom: 0px;
}

 .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;
}

.blrutascortas {
    padding-top: 0px;
}


/*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 */
}