.elementor-widget-les-gemeaux-experience-tabs{min-width:0;width:100%}
.lgw-experience-tabs{
  --lgw-exp-columns:4;
  --lgw-exp-visible:3.2;
  --lgw-exp-gap:26px;
  --lgw-exp-card-bg:#ffffff;
  --lgw-exp-border:#e3edf1;
  --lgw-exp-badge-bg:#143f57;
  --lgw-exp-badge-text:#ffffff;
  --lgw-exp-eyebrow:#2f95c8;
  --lgw-exp-title:#143f57;
  --lgw-exp-text:#5c7c8c;
  --lgw-exp-price:#143f57;
  --lgw-exp-link:#2f95c8;
  --lgw-exp-filter-active-bg:#143f57;
  --lgw-exp-filter-active-ink:#ffffff;
  width:100%;
  max-width:100%;
}
.lgw-experience-tabs,.lgw-experience-tabs *{box-sizing:border-box}
.lgw-experience-tabs__filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.lgw-experience-tabs__filter{
  appearance:none;border:1px solid var(--lgw-exp-border);background:#fff;color:var(--lgw-exp-title);
  font-family:"DM Sans",Arial,sans-serif;font-size:14px;font-weight:500;
  padding:10px 20px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.lgw-experience-tabs__filter:hover{border-color:var(--lgw-exp-filter-active-bg)}
.lgw-experience-tabs__filter.is-active{background:var(--lgw-exp-filter-active-bg);color:var(--lgw-exp-filter-active-ink);border-color:var(--lgw-exp-filter-active-bg)}

/* Grid mode */
.lgw-experience-tabs__grid{
  display:grid;grid-template-columns:repeat(var(--lgw-exp-columns),1fr);gap:var(--lgw-exp-gap);
}

/* Carousel mode */
.lgw-experience-tabs--carousel .lgw-experience-tabs__viewport{position:relative;padding:0 2px}
.lgw-experience-tabs__rail{
  --lgw-exp-rail-columns:min(var(--lgw-exp-count,8),var(--lgw-exp-visible));
  display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - (var(--lgw-exp-rail-columns) - 1)*var(--lgw-exp-gap))/var(--lgw-exp-rail-columns));
  gap:var(--lgw-exp-gap);
  overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;
  margin:0;padding:2px;
}
.lgw-experience-tabs__rail::-webkit-scrollbar{display:none}
.lgw-experience-tabs__rail .lgw-experience-tabs__slide{scroll-snap-align:start;min-width:0}
.lgw-experience-tabs__rail.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}

.lgw-experience-tabs__arrow{
  position:absolute;top:35%;z-index:2;display:grid;place-items:center;
  width:48px;height:48px;padding:0;margin:0;border:1px solid var(--lgw-exp-border);border-radius:50%;
  background:#fff;color:var(--lgw-exp-title);box-shadow:0 2px 9px rgba(20,63,87,.1);cursor:pointer;
}
.lgw-experience-tabs__arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lgw-experience-tabs__arrow:hover:not(:disabled){background:var(--lgw-exp-filter-active-bg);color:var(--lgw-exp-filter-active-ink);border-color:var(--lgw-exp-filter-active-bg)}
.lgw-experience-tabs__arrow:disabled{opacity:.35;cursor:default}
.lgw-experience-tabs__prev{left:-6px}
.lgw-experience-tabs__next{right:-6px}
.lgw-experience-tabs--carousel .lgw-experience-tabs__viewport{padding:0 30px}
.lgw-experience-tabs--carousel .lgw-experience-tabs__prev{left:-14px}
.lgw-experience-tabs--carousel .lgw-experience-tabs__next{right:-14px}
.lgw-experience-tabs__arrow[hidden]{display:none}

.lgw-experience-tabs__dots{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;margin-top:18px}
.lgw-experience-tabs__dot{display:grid;place-items:center;position:relative;width:26px;height:28px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.lgw-experience-tabs__dot::before{content:"";display:block;width:7px;height:7px;border-radius:8px;background:var(--lgw-exp-border)}
.lgw-experience-tabs__dot[aria-current="true"]::before{width:19px;background:var(--lgw-exp-filter-active-bg)}
.lgw-experience-tabs__dots[hidden]{display:none}

/* Card */
.lgw-experience-tabs__card{
  display:flex;flex-direction:column;background:var(--lgw-exp-card-bg);border:1px solid var(--lgw-exp-border);
  border-radius:6px;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease;
}
.lgw-experience-tabs__card[hidden]{display:none}
.lgw-experience-tabs__grid .lgw-experience-tabs__card:hover{box-shadow:0 18px 40px rgba(20,63,87,.12);transform:translateY(-2px)}
.lgw-experience-tabs__photo{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#eaf7fb}
.lgw-experience-tabs__photo img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.lgw-experience-tabs__badge{
  position:absolute;top:12px;left:12px;background:var(--lgw-exp-badge-bg);color:var(--lgw-exp-badge-text);
  font-family:"DM Sans",Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:6px 12px;border-radius:3px;
}
.lgw-experience-tabs__body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px;gap:6px}
.lgw-experience-tabs__eyebrow{font-family:"DM Sans",Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lgw-exp-eyebrow)}
.lgw-experience-tabs__title{margin:0;font-family:"DM Sans",Arial,sans-serif;font-size:19px;font-weight:600;line-height:1.3;color:var(--lgw-exp-title)}
.lgw-experience-tabs__description{margin:0;flex:1;font-family:"DM Sans",Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--lgw-exp-text)}
.lgw-experience-tabs__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--lgw-exp-border)}
.lgw-experience-tabs__price{font-family:"DM Sans",Arial,sans-serif;font-size:15px;font-weight:600;color:var(--lgw-exp-price)}
.lgw-experience-tabs__price-prefix{margin-right:4px;font-size:12px;font-weight:400;color:var(--lgw-exp-text)}
.lgw-experience-tabs__button{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--lgw-exp-link);
  background:var(--lgw-exp-button-bg,transparent);
  border:1px solid var(--lgw-exp-button-border,transparent);
  font-family:"DM Sans",Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  transition:background-color .2s ease,border-color .2s ease,opacity .2s ease;
}
.lgw-experience-tabs__button:hover{opacity:.85}
.lgw-experience-tabs__button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease}
.lgw-experience-tabs__button:hover svg{transform:translateX(3px)}

.lgw-experience-tabs a:focus-visible,.lgw-experience-tabs button:focus-visible,.lgw-experience-tabs__rail:focus-visible{outline:2px solid var(--lgw-exp-filter-active-bg);outline-offset:-4px}

/* Fallback breakpoints: Elementor's own responsive "Columnas"/"Tarjetas visibles"
   controls override these via inline CSS custom properties at their configured
   breakpoints. These cover editors who never touch the responsive controls. */
@media(max-width:1024px){
  .lgw-experience-tabs__grid{--lgw-exp-columns:2}
  .lgw-experience-tabs__rail{--lgw-exp-visible:2.15}
}
@media(max-width:600px){
  .lgw-experience-tabs__grid{--lgw-exp-columns:1}
  .lgw-experience-tabs__rail{--lgw-exp-visible:1.1}
  .lgw-experience-tabs--carousel .lgw-experience-tabs__viewport{padding:0 26px}
  .lgw-experience-tabs__arrow{width:40px;height:40px}
  .lgw-experience-tabs__arrow svg{width:18px;height:18px}
  .lgw-experience-tabs__prev{left:-10px}
  .lgw-experience-tabs__next{right:-10px}
  .lgw-experience-tabs__badge{font-size:9px;padding:5px 10px}
  .lgw-experience-tabs__title{font-size:17px}
  .lgw-experience-tabs__body{padding:16px 18px 18px}
  /* Con la grilla en 2 columnas en mobile, la tarjeta queda muy angosta y el
     precio + botón no entran en la misma fila (el botón se corta). Se apilan
     en columna: precio arriba, botón abajo a todo lo ancho. */
  .lgw-experience-tabs__footer{flex-direction:column;align-items:stretch;gap:10px}
  .lgw-experience-tabs__button{justify-content:center;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .lgw-experience-tabs__rail{scroll-behavior:auto!important}
  .lgw-experience-tabs__card{transition:none!important}
}