.bloque-promocional {
    position: relative;
    width: 100%;        
    max-width: none;      
    margin: 0;           
    text-align: center;
    font-family: sans-serif;
    color: white;
    overflow: hidden;
    font-family: "Spy Agency Bold Italic", sans-serif;
  }
  
  .bloque-superior {
    background-image: url('https://serviciosgraficosard.com/wp-content/uploads/2025/05/imagen-box-scaled.webp');
    background-size: cover;
    background-position: center 10%;
    height: 800px;
    position: relative; 
    z-index: 1;
  }
  
 .letra-grande {
  font-size: clamp(2rem, 7vw, 6rem); /* Letras capitales mucho más grandes */
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  }

  
  .bloque-inferior {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 600px; */
    z-index: 1;
  }
  


  .bloque-texto {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
    font-family: "Spy Agency Bold Italic", sans-serif;
    pointer-events: none;
    z-index: 3;
  }
  
  .linea-1,
  .linea-2,
  .linea-3,
  .linea-4 {
    color: white;
    font-size: 2.4rem;
    font-family: "Spy Agency Bold Italic", sans-serif;
    font-style: italic;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    margin: 0;
  }
  

  .linea-verde {
    color: #b3ff00;
    font-size: 54px;
  }
  
  .linea-4 {
    color: #ffff; 
    font-size: 74px;
  }
  

  /* .transicion-sombra {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.956), rgba(0, 0, 0, 0));
    z-index: 3;
    pointer-events: none;
    top: 57%;
  } */

  @media (max-width: 1024px) {
    .bloque-superior {
      height: 600px;
      background-position: center 15%;
    }
  
    /* .bloque-inferior {
      height: 300px;
    } */
  
    .linea-1,
    .linea-2,
    .linea-3,
    .linea-4 {
      font-size: 1.8rem;
    }
  
    .linea-verde {
      font-size: 36px;
    }
  
    .linea-4 {
       font-size: clamp(1.5rem, 6vw, 4.6rem); /* Escala entre móviles y desktop grandes */
  transform: translateY(-10px); /* Ajuste vertical opcional */
    }
  }
  
  @media (max-width: 768px) {
    .bloque-superior {
      height: 480px;
      background-position: center 20%;
    }
  
    /* .bloque-inferior {
      height: 230px;
    } */
  
    .linea-1,
    .linea-2,
    .linea-3,
    .linea-4 {
      font-size: 1.5rem;
    }
  
    .linea-verde {
      font-size: 30px;
    }
  
    .linea-4 {
      font-size: 42px;
    }
    /* .transicion-sombra {
      top: 65%;
    } */
  }
  
  @media (max-width: 620px) { 
    /* .bloque-inferior {
      height: 200px;
    } */
    /* .transicion-sombra {
      top: 68%;
    } */
  }

  @media (max-width: 500px) {
    .bloque-superior {
      height: 400px;
      background-position: center 25%;
    }
  
    /* .bloque-inferior {
      height: 130px;
    } */
  
    .linea-1,
    .linea-2,
    .linea-3,
    .linea-4 {
      font-size: 1.2rem;
    }
  
    .linea-verde {
      font-size: 26px;
    }
  
    .linea-4 {
      font-size: 22px;
    }
    /* .transicion-sombra {
      top: 75%;
    } */
  }
  


.fondo-inferior {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}


@media (max-width: 300px) { 

  .linea-4 {
    font-size: 15px;
  }

  .bloque-texto {
    top: 0px;
  }

}