body{ overflow-x: hidden; }

    /* =========================
      EXPERIENCES HERO (video + texto centrado)
    ========================= */
    .experiences-hero{
      position: relative;
      width: 100%;
      height: 85vh;
      min-height: 560px;
      overflow: hidden;
      background: #000;
    }

    .experiences-hero__video{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .experiences-hero__overlay{
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,.25);
    }

    .experiences-hero__content{
      position: relative;
      z-index: 2;
      height: 100%;
      width: 100%;
      padding: 24px 18px;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;

      text-align: center;
      color: #fff;
    }

    .experiences-hero__soon{
      margin: 0;
      font-size: 42px;
      font-weight: 300;
      letter-spacing: .01em;
      opacity: .95;
    }

    .experiences-hero__title{
      margin: 8px 0 18px;
      font-size: clamp(48px, 8vw, 110px);
      font-family: "Poppins", Arial, sans-serif;
      font-weight: 800;
      letter-spacing: -0.04em;
      line-height: .9;
      text-transform: uppercase;
    }

    .experiences-hero__pill{
      background: #84cce4;
      color: #111;
      font-size: 18px;
      padding: 6px 18px;
      border-radius: 999px;
      font-weight: 300;
    }

    .experience-card__price {
  margin-top: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #FFFFFF;
}

.experience-card__price strong {
  font-size: 2.1rem;
  font-weight: 800;
}


    .experiences-hero__dividerline{
      width: 240px;
      height: 1px;
      margin: 120px auto 10px;
      background-color: #fff;
      opacity: .9;
    }

    .experiences-hero__bottom{
      margin: 0;
      font-size: 15px;
      font-weight: 400;
      opacity: .95;
    }

    .experiences-hero__arrow{
      display: inline-block;
      margin-top: 10px;
      font-size: 20px;
      line-height: 1;
      opacity: .95;
    }

    @media (max-width: 760px){
      .experiences-hero{
        height: 70vh;
        min-height: 460px;
      }
      .experiences-hero__soon{ font-size: 30px; }
      .experiences-hero__pill{
        font-size: 20px;
        padding: 12px 20px;
      }
      .experiences-hero__bottom{ font-size: 16px; }
    }

    /* =========================
      CARRUSEL HERO
    ========================= */
    .experiences-hero--carousel{ position: relative; }

    .experiences-hero__viewport{
      position: relative;
      height: 100%;
      overflow: hidden;
    }

    .experiences-hero__track{
      display: flex;
      width: 100%;
      height: 100%;
      transition: transform 500ms ease;
      will-change: transform;
    }

    .experiences-hero__slide{
      position: relative;
      flex: 0 0 100%;
      width: 100%;
      height: 100%;
      cursor: pointer;
    }

    .experiences-hero__nav{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 20;
      border: none;
      cursor: pointer;
      padding: 12px 14px;
      border-radius: 999px;
      background: rgba(0,0,0,0.45);
      color: #fff;
      font-size: 28px;
      line-height: 1;
    }

    .experiences-hero__nav--prev{ left: 16px; }
    .experiences-hero__nav--next{ right: 16px; }

    .experiences-hero__indicators{
      position: absolute;
      left: 50%;
      bottom: 16px;
      transform: translateX(-50%);
      z-index: 25;
      display: flex;
      gap: 8px;
    }

    .experiences-hero__dot{
      width: 8px;
      height: 8px;
      padding: 0;
      border-radius: 50%;
      border: 1.5px solid rgba(255,255,255,.9);
      background: transparent;
      cursor: pointer;
      transition: background .25s ease, transform .25s ease;
    }

    .experiences-hero__dot.is-active{
      background: #fff;
      transform: scale(1.1);
    }

    /* ================= CONTENIDO ================= */
    .experiences-page{
      max-width: 1200px;
      margin: 0 auto;
      padding: 60px 20px;
    }

    .experiences-title{
      margin: 0 0 12px;
      font-size: 44px;
      font-weight: 800;
    }

    .experiences-subtitle{
      margin: 0 0 40px;
      font-size: 18px;
      opacity: .8;
      max-width: 900px;
    }

    .experiences-list{
      display: grid;
      gap: 40px;
    }

    /* ================= CARD EXPERIENCIA ================= */
    .experience-card{
      background: #111;
      color: #fff;
      border-radius: 26px;
      overflow: hidden;
      box-shadow: 0 18px 40px rgba(0,0,0,.25);
    }

    .experience-card__grid{
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
    }

    .experience-card__info{
      padding: 32px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .experience-card__title{
      margin: 0;
      font-size: 42px;
      font-weight: 800;
      color: #84CCE4;
      text-decoration: underline;
    }

    .experience-card__meta{
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .experience-pill{
      padding: 8px 14px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.3);
      font-size: 14px;
      opacity: .9;
    }

    .experience-card__desc{
      font-size: 16px;
      line-height: 1.7;
      opacity: .9;
      max-width: 720px;
    }

    .experience-card__box{
      background: #141414;
      border-radius: 18px;
      padding: 18px;
      font-size: 15px;
      line-height: 1.6;
    }

    .experience-card__btn{
      margin-top: 12px;
      align-self: flex-start;
      padding: 14px 26px;
      border-radius: 999px;
      border: 2px solid var(--c-primary);
      color: #FFFFFF;
      text-decoration: none;
      font-weight: 700;
      transition: background .2s ease, transform .2s ease;
    }

    .experience-card__btn:hover{
      background: rgba(249,110,12,.15);
      transform: translateY(-1px);
    }

    .experience-card__media img{
      width: 100%;
      height: 100%;
      min-height: 360px;
      object-fit: cover;
      display: block;
    }

    .experience-card--inverted .experience-card__media{
      order: -1;
    }

    @media (max-width: 980px){
      .experience-card__grid{ grid-template-columns: 1fr; }
      .experience-card__media img{ height: 320px; }
    }

    @media (max-width: 620px){
      .experiences-title{ font-size: 34px; }
      .experience-card__title{ font-size: 32px; }
    }