.frentesTitles{
         font-family: "Open Sans", sans-serif;
         font-weight: 600;
         font-style: normal;
         font-size:28px; /*px*/
         line-height:36px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.01em; /*ej. 2px o 0.1 em*/
   } 

   .frentesParrafo{
         font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: normal;
         font-size: 15px; /*px*/
         line-height: 25px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.015em; /*ej. 2px o 0.1 em*/
   }
      
      
      .frentesItalica{
        font-family: "Open Sans", sans-serif;
         font-weight: 400;
         font-style: italic;
         font-size: 22px; /*px*/
         line-height: 26px; /* ej. 1.5, 20px, auto*/
         letter-spacing:0.03em; /*ej. 2px o 0.1 em*/
      }
      
      
      .frentes{
        display:flex;
        width:100%;
        flex-direction:column;
        gap:97px;
        padding:124px 58px 164px 58px;
        /*background-color:beige;*/
        justify-content:center;
        align-items:center;
      }

      
      .frentesTitular{
        width:100%;
        justify-content:center;
        text-align:center;
        max-width:437px;
        /*background-color:lightblue;*/
      }
      
      .frentesProductos{
        width:100%;
        display:flex;
        padding:0 60px;
        gap:7px;
        flex-wrap:wrap;
        justify-content:center;
        row-gap: 20px; 
        /*background-color:grey;*/
      }
      
      .frentesTarjeta{
        display:flex;
        width:258px;
        height:391px;
        background-position:center;
        background-size:cover;
        background-repeat:no-repeat;
        border-radius:10px;
        align-items:flex-end;
        /*background-color:black;*/
      }

      .frentesTarjeta:nth-child(1){
           background-image:url("./imgs/inicio/frentes/frente1.png");
      }

      .frentesTarjeta:nth-child(2){
           background-image:url("./imgs/inicio/frentes/frente2.png");
      }


      .frentesTarjeta:nth-child(3){
           background-image:url("./imgs/inicio/frentes/frente3.png");
      }

      .frentesTarjeta:nth-child(4){
           background-image:url("./imgs/inicio/frentes/frente4.png");
      }

     .frentesTarjeta:nth-child(5){
           background-image:url("./imgs/inicio/frentes/frente5.png");
      }
      
      
      .frentesTextos{
        display:flex;
        gap:37px;
        flex-direction:column;
        /*background-color:green;*/
        padding:35px;
        color:white;
      }
      
      .frentesCTA{
        all:unset;
        cursor:pointer;
        display:none;
        width:fit-content;
        gap:11px;
        /*background-color:pink;*/
        align-items:center;
      }

      .frentesTarjeta:hover .frentesCTA{
          display:flex;
      }
      
      .frentesBoton{
        display:flex;
        width:29px;
        height:29px;
        background-image:url("./imgs/flecha.svg");
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
        /*background-color:pink;*/
      }



        @media(max-width:1574px){
            .frentes{
              padding:100px 60px;
            }

            .frentesProductos{
              max-width: 1000px;
            }
        }


    @media(max-width:800px){
            

      .frentesTarjeta{
          width:100%;
          height:350px;
        }

        .frentes{
          gap:70px;
        }



    }


    @media(max-width:460px){
            
        .frentes{
          padding:80px 40px;
          /*background-color:blue;*/
          gap:60px;
        }

      .frentesTarjeta{
          width:100%;
          height:250px;
        }

      .frentesProductos{
        padding:0;
      }

    }

      .frentesTarjeta:hover .frentesCTA{
          display:flex;
      }