.hero{
        display:flex;
        width:100%;
        padding:192px 20px 118px 20px;
        position:relative;
        justify-content:center;
      }
      
      .heroFondo{
        width:100%;
        height:100%;
        top:0;
        left:0;
        position:absolute;
      }
      
      .heroFondo img{
        width:100%;
        height: 100%;
        object-position:bottom right;
        object-fit:cover;
      }

      @media(min-width:1250px){
   .heroFondo img{
        width:100%;
        height: auto;
        object-position:center right;
        object-fit:cover;
      }
      }
      
      .heroContainer{
        display:flex;
        width:100%;
        max-width:1234px;
      }
      
      .hero .parrafo{
        display:flex;
        width:100%;
        max-width:700px;
        padding:54px 20px;
        border-radius:30px;
        background-color:rgba(188,188,188,0.2);
        border:1px solid rgba(255,255,255,0.2);
        backdrop-filter: blur(10px);
        align-items:center;
        justify-content:center;
      }
      
      .hero .contenedorTexto{
        display:flex;
        width:100%;
        max-width:583px;
        gap:32px;
        flex-direction:column;
        color:white;
      }
      
      .hero .subtitle{
        display:flex;
        width:fit-content;
        padding:14px 22px;
        background-color:rgba(0,0,0,0.3);
        border-radius:15px;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size:16px;
        line-height:20px;
        letter-spacing:0.02em;
      }
      
      .hero .title{
        font-family: "Bebas Neue", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:65.48px;
        line-height:61.9px;
        letter-spacing:; 
      }
      
      .hero .bottomTexto{
        display:flex;
        width:100%;
        gap:24px;
        flex-direction:column;
        /*background-color:green;*/
      }
      
      .hero .fila{
        display:flex;
        gap:25px;
        width:100%;
      }
      
      .hero .circle{
        display:flex;
        width:35px;
        height:35px;
      }
      
      .hero .circle img{
        width:100%;
        object-fit:cover;
        object-position:center;
      }
      
      .hero .fila .texto{
        width:100%;
        max-width:474px;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:15px;
        line-height:20px;
        padding-top:8px;
      }
      
      .hero .blankSpace{
        width:100%;
        max-width:535px;
      }
      
      .green{
        color:var(--color-acento);
      }