.elementor-kit-6{--e-global-color-primary:#6B8D73;--e-global-color-secondary:#FCF5EB;--e-global-color-text:#2A2322;--e-global-color-accent:#2A2322;--e-global-color-303a770:#F4E6D3;--e-global-color-3b8f428:#7B9785;--e-global-color-c6d5024:#D45F45;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Barlow", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Flechas personalizadas ajustadas y visibles === */
.nav-top-right {
  position: relative;
  overflow: visible !important;
  /* ✅ evita que se recorten */
}

.nav-top-right .jet-listing-grid__slider {
  position: relative;
  overflow: visible !important;
  /* ✅ deja ver las flechas fuera del grid */
}

.nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon svg {
  display: none !important;
}

.nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon {
  position: absolute !important;
  top: -40px !important; /* 🔹 bajamos un poco para que no se corten */
  width: 40px;
  height: 40px;
  
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 100; /* 🔹 más alto para que se muestren sobre todo */
  transform: none !important;
  transition: none !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px auto;
}

/* Flecha derecha (next) */
.nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.next-arrow {
  right: 10px !important;
  background-image: url('https://planadelarc.com/arcplana/wp-content/uploads/2025/11/flecha-der.svg') !important;
}

/* Flecha izquierda (prev) */
.nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.prev-arrow {
  right: 80px !important;
  left: auto !important;
  background-image: url('https://planadelarc.com/arcplana/wp-content/uploads/2025/11/flecha-izq.svg') !important;
}

/* Sin hover */
.nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon:hover {
  background-color: transparent !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

/* Responsive (móvil) */
@media (max-width: 767px) {
  .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon {
    top: -6px !important;
    width: 44px;
    height: 44px;
    background-size: 22px auto;
  }
  .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.next-arrow {
    right: 24px !important;
  }
  .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.prev-arrow {
    right: 88px !important;
  }
}

/* === SOLO HOVER (añadir debajo de tu CSS actual) === */

/* Fondo oscuro al pasar el cursor */
.nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon:hover {
  background-color: #232222 !important;
  border-radius: 50%;
}

/* Cambiar a la flecha clara en hover (derecha) */
.nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.next-arrow:hover {
  background-image: url('https://planadelarc.com/arcplana/wp-content/uploads/2025/11/flecha-negra-color.svg') !important;
}

/* Cambiar a la flecha clara en hover (izquierda) usando el mismo SVG volteado */
.nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.prev-arrow:hover {
  background-image: url('https://planadelarc.com/arcplana/wp-content/uploads/2025/11/flecha-negra-color.svg') !important;
  transform: scaleX(-1) !important; /* fuerza el giro solo en hover */
}

/*FOTO ZOOM EVENTO
/* === Zoom solo del widget de imagen dentro del listing === */

/* El envoltorio de la imagen: recorta el zoom y hereda el radio si hay bordes redondeados */
.img-zoom {
  position: relative;
  overflow: hidden;
  border-radius: inherit;
}

/* La imagen debe “llenar” el hueco y poder hacer cover */
.img-zoom img,
.img-zoom picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;      /* que se comporte como background-size: cover */
  transform: scale(1);
  transition: transform .6s ease;
  will-change: transform;
}

/* Disparadores típicos del hover en JetEngine Listing Grid */
.jet-listing-grid__item:hover .img-zoom img,
.jet-listing-grid__item-inner:hover .img-zoom img,
a.jet-engine-listing-overlay-link:hover ~ .elementor .img-zoom img {
  transform: scale(1.08);
  /* ajusta 1.05–1.15 */
}

/* (Opcional) desactivar el efecto en pantallas táctiles */
@media (hover: none) {
  .jet-listing-grid__item:hover .img-zoom img,
  .jet-listing-grid__item-inner:hover .img-zoom img {
    transform: none;
  }
}

/* ===== RESPONSIVE MÓVIL /* ===== MÓVIL (≤ 767px) – forzar tamaño de flechas ===== */
@media (max-width: 767px){

  /* Forzamos tamaño y posición con máxima prioridad */
  .elementor .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon,
  body .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon,
  .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon {
    top: -15px !important;           /* ajusta si se cortan: -10 / -6 */
    width: 33px !important;         /* 🔽 tamaño del botón */
    height:33px !important;
    background-size: 33px auto !important; /* tamaño del SVG */
  }

  /* Derecha (NEXT) */
  .elementor .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.next-arrow,
  body .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.next-arrow,
  .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.next-arrow {
    right: 1px !important;         /* pegada al borde derecho */
  }

  /* Izquierda (PREV) */
  .elementor .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.prev-arrow,
  body .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.prev-arrow,
  .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon.prev-arrow {
    right: 45px !important;         /* separación respecto a la next */
    left: auto !important;
  }

  /* Desactiva hover en táctiles (por si hay reglas que alteran tamaño/color) */
  @media (hover: none){
    .nav-top-right .jet-listing-grid__slider .jet-listing-grid__slider-icon:hover{
      background-color: transparent !important;
      filter: none !important;
      transform: none !important;
      transition: none !important;
    }
  }

  /* Evita que el overlay del item bloquee los toques en las flechas */
  .nav-top-right .jet-listing-grid__slider .jet-engine-listing-overlay-link{
    pointer-events: none !important;
  }
}


/* Suavizado de la imagen marcada */
.hover-grow .img-grow {
  transition: transform 0.35s ease;
  transform-origin: center center;
  will-change: transform;
}

/* Crece SOLO esa imagen al pasar el ratón por el contenedor */
.hover-grow:hover .img-grow {
  transform: scale(1.25); /* ajusta el factor a tu gusto */
}

/* Opcional: evita desbordes si el contenedor tiene bordes redondeados */
.hover-grow {
  overflow: hidden;
}

/* Accesibilidad: menos movimiento para quien lo prefiera */
@media (prefers-reduced-motion: reduce) {
  .hover-grow .img-grow {
    transition: none;
  }
}

a{
    color: #2A2322;
}

a:hover {
  font-weight: bold !important;
  color: #2A2322 !important;
}

/* Tabla Senderismo*/
.ruta-detail{ display:none !important; }
.ruta-open .ruta-detail{ display:block !important; }

.ruta-detail{
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease;
}

.ruta-open .ruta-detail{
  max-height: 2000px; /* suficiente para el contenido */
}

/* Oculta el SVG original de Elementor */
.ruta-toggle-icon svg {
  display: none !important;
}

/* Contenedor del icono */
.ruta-toggle-icon {
  width: 14px;          /* 👈 tamaño real */
  height: 14px;
  margin-left: auto;
  background-image: url("https://planadelarc.com/arcplana/wp-content/uploads/2025/11/mas.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 14px; /* 👈 CLAVE */
  flex-shrink: 0; /* evita que se deforme */
}

/* Estado abierto */
.ruta-open .ruta-toggle-icon {
  background-image: url("https://planadelarc.com/arcplana/wp-content/uploads/2025/11/menos.svg");
}


.ruta-open .ruta-row {
  font-weight: 700;
}

/* Estado cerrado */
.ruta-detail{
  display: block !important;   /* importante: ya no usamos display none */
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height .35s ease, opacity .25s ease;
}

/* Estado abierto */
.ruta-open .ruta-detail{
  max-height: 2000px;  /* ajustable si tu contenido es más largo */
  opacity: 1;
}

/* Elimina altura y espacio extra del item del Listing 
/* .jet-listing-grid__item {
 /*  align-items: stretch !important;
 /*  min-height: 0 !important;
 /*  padding: 0 !important;
}*/

/* Ajusta la fila visible */
.ruta-row {
  min-height: 0 !important;
  padding: 12px 10px;
}

/* TEXTE DEL TEMPS */
.jet-weather__current-desc{
    display: none;
}

/* iOs y Android */
.android-only,
.ios-only{
  display:none;
}

body.device-android .android-only{
  display:block;
}

body.device-ios .ios-only{
  display:block;
}

/*BOTÓN CERRAR POPUP*/
/* Botón cerrar popup Elementor con SVG propio */
#elementor-popup-modal-662 .dialog-close-button {
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 36px !important;
  height: 36px !important;

  background-image: url("https://planadelarc.com/arcplana/wp-content/uploads/2026/04/cruzz.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;

  top: 7% !important;
  right: 4% !important;

  cursor: pointer;
  z-index: 9999;
}

/* Por si Elementor intenta pintar algún icono interno */
#elementor-popup-modal-662 .dialog-close-button i,
#elementor-popup-modal-662 .dialog-close-button svg,
#elementor-popup-modal-662 .dialog-close-button::before,
#elementor-popup-modal-662 .dialog-close-button::after {
  display: none !important;
  content: none !important;
}

/* Versión móvil - botón cerrar popup */
@media (max-width: 767px) {
  #elementor-popup-modal-662 .dialog-close-button {
    width: 22px !important;
    height: 22px !important;

    background-size: 24px 24px !important;

    top: 14px !important;
    right: 20px !important;
  }
}

/* ============================= */
/* ACORDEÓN PERSONALIZADO */
/* ============================= */

.custom-accordion-item {
  width: 100%;
}

/* Cabecera: título + icono */
.custom-accordion-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  cursor: pointer;
}

/* Ocultamos el icono interno del widget Icono de Elementor */
.custom-accordion-icon .elementor-icon,
.custom-accordion-icon svg,
.custom-accordion-icon i {
  display: none !important;
}

/* Icono personalizado cerrado: + */
.custom-accordion-icon::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("https://planadelarc.com/arcplana/wp-content/uploads/2025/11/mas.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Icono personalizado abierto: - */
.custom-accordion-item.is-open .custom-accordion-icon::before {
  background-image: url("https://planadelarc.com/arcplana/wp-content/uploads/2025/11/menos.svg");
}

/* Carrusel / imagen visible siempre */
.custom-accordion-preview {
  margin-top: 16px;
}

/* Contenido cerrado */
.custom-accordion-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  transition:
    max-height 0.45s ease,
    opacity 0.25s ease,
    margin-top 0.35s ease;
}

/* Contenido abierto */
.custom-accordion-item.is-open .custom-accordion-content {
  opacity: 1;
  margin-top: 20px;
}/* End custom CSS */