/* =========================================
   ✅ Mobile fixes (phones)
   No borra nada: solo override en pantallas chicas
========================================= */
@media (max-width: 575.98px) {

  /* El hero debe ocupar toda la pantalla */
  .Normal-hero-section{
    height: 100vh;
    min-height: 100vh;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Wrapper full alto + recorte */
  .Normal-hero-image-wrapper{
    position: relative;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
  }

  /* Capas SIEMPRE cubriendo todo */
  .Normal-hero-image-wrapper img.sky,
  .Normal-hero-image-wrapper img.mountains,
  .Normal-hero-image-wrapper img.man-standing{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    transform: none !important; /* <- clave: quita el translateY(-50%) */
  }

  /* Por si tu CSS viejo solo afectaba al sky */
  .Normal-hero-image-wrapper img.sky{
    top: 0 !important;
  }
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .Normal-menu-block-link {
    font-size: 17px;
  }

  /* Hero Section Start */
  .Normal-hero-image-wrapper img.sky {
    margin-top: -30%;
    transform: translateY(10%);
    height: auto;
  }

  .Normal-hero-image-wrapper img.mountains {
    margin-top: -10%;
    height: auto;
  }

  .Normal-hero-image-wrapper img.man-standing {
    margin-top: -58%;
    height: auto;
  }
  /* Hero Section End */
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /* Hero Section Start */
  .Normal-hero-subtitle {
    font-size: 18px;
  }

  .Normal-hero-subtitle::before {
    height: 2px;
    width: 50px;
  }

  .Normal-hero-title {
    font-size: 66px;
    line-height: 70px;
  }
  /* Hero Section End */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .container {
    padding: 0 80px;
  }

  /* Hero Section Start */
  .Normal-hero-section {
    max-height: unset;
    padding-bottom: 200px;
    max-height: unset;
  }

  .Normal-hero-section::after {
    height: 60%;
  }

  .Normal-hero-content {
    padding: 0 80px;
    z-index: 3;
    top: 14%;
  }

  .Normal-hero-subtitle {
    font-size: 18px;
  }

  .Normal-hero-subtitle::before {
    height: 2px;
    width: 72px;
  }

  .Normal-hero-title {
    font-size: 88px;
    line-height: 100px;
  }

  .Normal-hero-image-wrapper img.sky {
    transform: translateY(40%);
  }
  /* Hero Section End */

  .Normal-content-wrapper .Normal-content-image {
    width: auto;
  }

  .Normal-content-image img {
    width: 566px;
    height: auto;
  }

  .Normal-content-wrapper:nth-child(odd) .Normal-content-image {
    order: 2;
  }

  .Normal-content-wrapper:nth-child(odd) .Normal-content-content {
    order: 1;
  }

  .Normal-content-wrapper:not(:last-child) {
    margin-bottom: 200px;
  }

  .Normal-content-wrapper:nth-child(1) .Normal-content-subtitle {
    margin-bottom: 208px;
  }

  .Normal-content-subtitle::before {
    height: 2px;
    width: 72px;
  }

  .Normal-content-section {
    margin-top: -30%;
  }

  .Normal-content-content {
    padding-left: 50px;
  }

  .Normal-content-image img {
    width: 466px;
    height: auto;
  }

  .Normal-content-row {
    gap: 75px;
    flex-direction: row;
  }

  .Normal-content-subtitle {
    font-size: 18px;
  }

  .Normal-content-title {
    font-size: 54px;
  }

  .Normal-content-copy {
    font-size: 18px;
  }

  .Normal-content-subtitle .counter {
    font-size: 240px;
    left: -20%;
    transform: translateY(-50%);
  }

  /* (Opcional) footer responsivo lo puedes dejar aquí o moverlo a footer.css */
  .Normal-footer {
    padding-top: 200px;
    padding-bottom: 120px;
  }

  .Normal-footer-row {
    gap: 100px;
    flex-direction: row;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .Normal-content-content {
    padding-left: 100px;
  }

  .Normal-content-row {
    gap: 85px;
  }

  .Normal-content-subtitle .counter {
    left: -20%;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .Normal-content-content {
    padding-left: 150px;
  }

  .Normal-content-image img {
    width: 566px;
    height: auto;
  }

  .Normal-content-row {
    gap: 114px;
  }

  .Normal-content-title {
    font-size: 64px;
  }

  .Normal-content-subtitle .counter {
    left: -40%;
  }

  .Normal-footer-row {
    gap: 200px;
  }
}