.hero-text {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 2.8rem;
    line-height: 1;
    
  }
  
  .linea-uno,
  .linea-dos,
  .linea-tres {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    background: #00ff005e;
    clip-path: polygon(0% 0%, 100% 10%, 90% 100%, 5% 90%);
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .linea-dos {
    background: #1b961b5e;
    clip-path: polygon(5% 10%, 100% 0%, 95% 85%, 0% 95%);
}
  
  .linea-tres {
    /* font-size: 3.5rem; */
    background: #00ff005e;
    clip-path: polygon(0% 0%, 100% 10%, 90% 100%, 5% 90%);
    
  }

  /* Oculto por defecto */
.mobile {
    display: none;
    /* margin-top: -50px; */
    margin-bottom: 0px;
  }
  
  /* Solo lo muestro en pantallas pequeñas (ej: <768px) */
  @media (max-width: 768px) {
    .mobile {
      display: block;
     
    }
    .section_variable{
        height: 650px;
      }
  }

  @media (min-width: 769px) {
    .section_variable{
        height: 650px;
      }
  }