/* Ajustes generales para el nuevo landing */
@media (min-width: 900px){
  .page-wrapper{
    padding-left: 64px;
    padding-right: 0;
  }
}

body.landing-v2{
  padding-right: 0 !important;
  overflow-x: hidden;
}
html, body.landing-v2{
  width: 100%;
}

@media (min-width: 769px){
  .hero-integrated{
    margin-right: 0 !important;
  }
}

@media (min-width: 900px){
  .sobre-nosotros{
    padding-right: 0;
  }
  .sobre-nosotros .container{
    margin-right: 0;
  }
}

@media (min-width: 900px){
  .sobre-nosotros .container.contenido-sobre,
  .sobre-nosotros .contenedor-dinamico{
    margin-left: auto;
    margin-right: auto;
  }
}

/* Quita el logo flotante y libera espacio superior */
.logo-hero{ display: none !important; }

/* WhatsApp a la derecha */
.whatsapp-flotante{
  left: auto !important;
  right: 40px;
}
@media (max-width: 768px){
  .whatsapp-flotante{ right: 20px; }
}

/* Hero streaming: fondo a la izquierda + media full-bleed derecha */
.hero-modern__slide--main.theme-1{
  --stream-grad: linear-gradient(140deg, #20a3e5 0%, #2b6bdc 45%, #1c2c7a 100%);
  --stream-tint: rgba(32,163,229,0.9);
  --stream-rgb: 32,163,229;
}
.hero-modern__slide--main.theme-2{
  --stream-grad: linear-gradient(140deg, #602b69 0%, #7a3bb0 45%, #3a1c66 100%);
  --stream-tint: rgba(96,43,105,0.9);
  --stream-rgb: 96,43,105;
}
.hero-modern__slide--main.theme-3{
  --stream-grad: linear-gradient(140deg, #d6b25c 0%, #c8904d 45%, #a85f36 100%);
  --stream-tint: rgba(191, 155, 71, 0.9);
  --stream-rgb: 214,178,92;
}

.hero-card.hero-card-stream{
  padding: 0;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: none;
}
.hero-card.hero-card-stream::before,
.hero-card.hero-card-stream::after{
  display: none;
}

.hero-modern__content.hero-stream{
  position: relative;
  min-height: clamp(320px, 38vw, 420px);
  background: var(--stream-grad);
  overflow: hidden;
  align-items: stretch;
}

.hero-modern__content.hero-stream::before{
  content:"";
  position:absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(var(--stream-rgb), 1) 10%,
      rgba(var(--stream-rgb), 0.9) 25%,
      rgba(var(--stream-rgb), 0.8) 33%,
      rgba(var(--stream-rgb), 0.55) 45%,
      rgba(var(--stream-rgb), 0) 60%);
  pointer-events: none;
  z-index: 1;
}

.hero-modern__content.hero-stream .hero-modern__media{
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.hero-modern__content.hero-stream .hero-modern__copy{
  position: relative;
  z-index: 2;
  width: 65%;
  padding: clamp(18px, 3vw, 30px);
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}

/* ====== Móvil: media arriba, info abajo, sin fondo morado ====== */
@media (max-width: 900px){
  .hero-shell__welcome{
    color: #602b69;
  }
  .hero-shell{
    background: transparent !important;
    box-shadow: none;
  }
  .hero-shell::after{
    display: none;
  }

  .hero-card.hero-card-stream{
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.08);
    box-shadow: none;
  }

  .hero-modern__content.hero-stream{
    min-height: auto;
    background: transparent;
  }

  .hero-modern__content.hero-stream::before{
    display: none;
  }

  .hero-modern__content.hero-stream .hero-modern__media{
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
  }

  .hero-modern__content.hero-stream .hero-modern__media-frame{
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .hero-modern__content.hero-stream .hero-modern__copy{
    width: 100%;
    padding: 16px 14px 18px;
    min-height: auto;
  }

  .hero-modern__title{
    font-size: clamp(1.6rem, 6vw, 2rem);
  }
  .hero-modern__tagline{
    font-size: .9rem;
    letter-spacing: .12em;
    margin-bottom: 12px;
  }
  .hero-modern__desc{
    font-size: 1.05rem;
    line-height: 1.35;
  }

  .hero-modern__actions{
    margin-top: 16px;
    gap: 10px;
    flex-wrap: nowrap;
  }
  .hero-modern__cta{
    padding: .55rem 1.1rem;
    font-size: .9rem;
    white-space: nowrap;
  }
}

.hero-modern__content.hero-stream .hero-modern__media-frame{
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  aspect-ratio: auto;
}

.hero-modern__content.hero-stream .hero-modern__media-frame img,
.hero-modern__content.hero-stream .hero-modern__media-frame video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Empuje leve para que el video llene mejor (si trae bandas) */
.hero-modern__content.hero-stream .hero-modern__media-frame video{
  transform: scale(1.04);
  transform-origin: center;
}

/* Ajuste de scroll para anclas nuevas */
#servicios-nuevo{ scroll-margin-top: 120px; }