/**
 * Carbon2O2 - Correcciones responsive para evitar desbordes
 * Evita overflow horizontal y ajusta dimensiones en resoluciones intermedias
 */

/* ===== Evitar overflow horizontal por 100vw ===== */
/* 100vw incluye scrollbar → provoca scroll lateral; usamos 100% donde aplique */
.promo,
.features,
.biogas,
.docs,
.license,
.scene_promo {
  max-width: 100%;
}

/* Líneas de navegación derecha: evitar overflow en pantallas estrechas */
@media (max-width: 1400px) {
  .navigation_spaceship_right_marc_vertical {
    left: 96%;
  }
  .navigation_spaceship_right_vertical {
    left: 96.5%;
  }
}

/* ===== Breakpoint 992-1199px: navbar y escenas tablet landscape ===== */
@media (min-width: 992px) and (max-width: 1199px) {
  .header {
    width: 90vw;
  }
  .header .main-nav .nav .nav-item {
    width: auto;
    min-width: 0;
  }
  .header .main-nav .nav .nav-item .nav-link {
    padding: 22px 0.6vw;
    font-size: 14px;
  }
  .navigation_spaceship_background_menu {
    width: 82vw;
    left: 13vw;
  }
  .navigation_spaceship_top_marc_horizontal {
    width: 88vw;
  }
  /* Promo: ajustes para pantallas medianas */
  .subtitle_promo {
    top: -55vh;
  }
  .img-carbon {
    width: 50vw;
  }
  .img-coin-01 {
    top: -58vh;
  }
  /* Features: texto más legible */
  .nightmare_title,
  .biogas_title {
    font-size: 2.5vw;
    margin: 0 28vw;
  }
  .nightmare_text,
  .biogas_text {
    font-size: 1.05vw;
    margin: 0 22vw;
  }
}

/* ===== 768-991px: tablet - nav compacto para evitar overflow ===== */
@media (min-width: 768px) and (max-width: 991px) {
  .header {
    width: 95vw;
  }
  .header .main-nav .nav .nav-item {
    width: auto;
    min-width: 0;
  }
  .header .main-nav .nav .nav-item .nav-link {
    padding: 22px 0.4vw;
    font-size: 13px;
  }
  .navigation_spaceship_background_menu {
    width: 85vw;
    left: 10vw;
  }
  .navigation_spaceship_top_marc_horizontal {
    width: 90vw;
  }
}

/* ===== 1200-1280px: desktop pequeño ===== */
@media (min-width: 1200px) and (max-width: 1280px) {
  .header .main-nav .nav .nav-item .nav-link {
    padding: 22px 0.9vw;
  }
}

/* ===== Pantallas muy anchas: límite para evitar elementos muy dispersos ===== */
@media (min-width: 1920px) {
  .img-carbon {
    max-width: 800px;
  }
  .nightmare_text,
  .biogas_text {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ===== Imágenes: evitar desborde horizontal ===== */
.scene_features img,
.scene_docs img {
  max-width: 100%;
}

/* ===== Alturas mínimas en móvil para evitar cortes ===== */
@media (max-width: 767px) {
  .promo {
    min-height: 500px;
  }
  .features {
    min-height: 600px;
  }
}