/* ===== CARRUSEL FULL VIDEO ===== */

  .carousel {
      position: relative;
      height: 100vh;
      background-color: #000;
      overflow: hidden;
  }

  /* Videos responsive: mismo patr¨Žn que gs7-phev.html (display + JS preload/play) */
  .item .home-hero__media--video {
      pointer-events: none;
  }

  .item .home-hero__media--desktop {
      display: block;
  }

  .item .home-hero__media--mobile {
      display: none;
  }

  @media (max-width: 767px) {
      .item .home-hero__media--desktop {
          display: none;
      }

      .item .home-hero__media--mobile {
          display: block;
      }
  }

  .carousel-inner {
      height: 100%;
  }

  .item {
      position: relative;
      height: 100%;
  }

  /* Media de fondo (video o imagen hero desde MRP) */
  .item .home-hero__media--video,
  .item .home-hero__media--picture,
  .item .home-hero__media--picture img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .item .home-hero__media--picture {
      display: block;
  }

  .carousel-caption .home-hero__logo {
      height: auto;
      width: auto;
      max-width: 100%;
      object-fit: contain;
  }

  @media (min-width: 768px) {
      .item[data-hero-id="emzoom"] .carousel-caption .home-hero__logo {
          height: 30px;
          max-height: 30px;
          width: auto;
          max-width: none;
      }
  }

  /* Overlay oscuro ligero (opcional) */
  .item::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to bottom,
              rgba(0, 0, 0, 0.65) 0%,
              rgba(0, 0, 0, 0.35) 40%,
              rgba(0, 0, 0, 0.8) 100%);
      pointer-events: none;
  }

  /* ===== CAPTION CENTRADO SUPERIOR ===== */

  .carousel-caption {
      position: absolute;
      top: 10%;
      /* altura aprox. como el dise?o */
      bottom: auto;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
      padding: 0;
      width: auto;
      max-width: 90%;
      z-index: 2;
      /* encima del video y overlay */
  }

  .carousel-caption h1 {
      font-size: 3rem;
      color: #fff;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 10px;
      letter-spacing: 0.08em;
  }

  .carousel-caption p {
      color: #fff;
      margin-bottom: 24px;
      font-family: Instrument Sans;
      font-weight: 600;
      font-size: 24px;
      text-align: center;
  }

  /*.btn-primary,
    .btn-secondarywhite {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 26px;
        margin: 0 6px;
        border-radius: 999px;
        text-transform: uppercase;
        font-size: 0.9rem;
        letter-spacing: 0.08em;
        border: 1px solid #fff;
        background: transparent;
        color: #fff;
        transition: background .3s ease, color .3s ease, border-color .3s ease;
    }

    .btn-primary {
        background: #fff;
        color: #000;
        border-color: #fff;
    }

    .btn-secondarywhite {
        background: transparent;
        color: #fff;
    }

    .btn-primary:hover {
        background: #d40021;
        border-color: #d40021;
        color: #fff;
    }

    .btn-secondarywhite:hover {
        background: rgba(255, 255, 255, 0.15);
    }

    .btn-primary .icon {
        margin-left: 6px;
    }*/

  /* ===== INDICADORES TIPO PUNTO / PASTILLA ===== */

  .carousel-control {
      display: flex !important;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      /*background: rgba(255,255,255,0.18);*/
      border-radius: 50%;
      /*border: 1px solid rgba(255,255,255,0.3);*/
      opacity: 1;
      z-index: 3;
      transition: background .3s ease;
      background-color: white;
      color: black;
  }

  .carousel-control:hover {
      background: rgba(255, 255, 255, 0.35);
  }

  /* Contenedor inferior de navegaci¨Žn (flechas + bullets) */
  .nav-bullets-wrap {
      position: absolute;
      bottom: 80px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
      z-index: 3;
      width: 210px;
  }

  /* Estilo de flechas */
  .nav-arrow {
      font-size: 22px;
      color: #fff;
  }

  .carousel-indicators {
      margin: 0;
      padding: 0;
      position: static;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      padding-top: 15px;
  }

  .carousel-indicators li {
      width: 8px;
      height: 8px;
      background-color: rgba(255, 255, 255, 0.45);
      border-radius: 999px;
      border: none;
      margin: 0;
      cursor: pointer;
      opacity: 0.8;
  }

  .carousel-indicators .active {
      width: 28px;
      background-color: #fff;
      opacity: 1;
  }


  /* ===== RESPONSIVE ===== */
  @media (max-width: 768px) {
      .carousel {
          height: 100vh;
      }

      .carousel-caption {
          top: 20%;
          max-width: 90%;
          left: 5%;
          right: 1%;
          transform: none;
      }

      .carousel-caption h1 {
          font-size: 2.1rem;
      }

      .carousel-caption p {
          font-size: 1.1rem;
      }

      .btn-primary,
      .btn-secondarywhite {
          width: auto;
          min-width: 140px;
          margin-top: 6px;
      }
  }