.hero{
  min-height:100vh;
  display: flex;
  align-items: center;
  position: relative; overflow: hidden; 
border-bottom:1px solid var(--border-soft);

}

.hero__acciones {
     z-index:9; 
      gap:1rem; 
      margin-top:3rem;}




.hero-lead{max-width: 67ch}

@media (min-width:1921px) and (max-width:2560px){
.hero__contenedor {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr);
  align-items: center;
}
}



@media (min-width:800px){
.hero__titulo-linea { display: block; }

/* Opcional: si quieres que la segunda línea tenga otro tratamiento global */
.hero__titulo-acento { display:block; }
}

        .vertical-strip {
            position: fixed;
            transform: translateY(-30%) rotate(180deg);
            writing-mode: vertical-rl;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: rgb(var(--palette-2) /0.05);
            display: flex;
            align-items: center;
            gap: 0px;
            z-index: 2;
            font-family: var(--ff-mono);
            font-size: var(--fs-body); 
 
        }




@media (max-width:400px){
            .vertical-strip {
            position: absolute;
            top: 40%;
            left:1%;
        }
        .hero {
              min-height:90vh;padding-top:6rem;}
}

@media (min-width:401px) and (max-width:1340px){
          .vertical-strip {
            position: absolute;
            top: 40%;
            left: 3%;
        }  
}

@media (min-width:769px) and (max-width:992px){
         .vertical-strip {
            position: absolute;
            top: 40%;
            left: 3%;
        }   
}


@media (min-width:1341px) and (max-width:1920px){
  
        .vertical-strip {
            position: absolute;
            top: 50%;
            left: 3%;
        }

  
}

@media (min-width:1921px) and (max-width:2560px){
        .vertical-strip {
            position: absolute;
            top: 43%;
            left: 5%;
        }    
}

@media (min-width:2561px) and (max-width:3840px){
   
        .vertical-strip {
            position: absolute;
            top: 40%;
            left: 15%;
        }

 
}