.diplorazo img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }

      .diplorazo  {
        width:100%;
        display:flex;
        padding:144px 20px 126px 20px;
        /*background-color:brown;*/
        justify-content:center;
      }
      
      .diplorazo .container{
        width:100%;
        display:flex;
        max-width:1328px;
        /*background-color:green;*/
        flex-direction:column;
        align-items:center;
        gap:59px;
      }
      
      .diplorazo .title{
        font-size:38px;
        line-height:44px;
        color:#1A3A4A;
        text-transform: uppercase;
        max-width:576.67px;
        text-align:center;
      }
      
      .diplorazo .compilados{
        width:100%;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        gap:11px;
        /*background-color:maroon;*/
      }
      
      .diplorazo .card{
        width:100%;
        display:flex;
        flex-shrink:1;
        flex:1 1 200px;
        max-width:311px;
        min-width:200px;
        background-color:white;
        box-shadow: 0 0 10px rgba(0,0,0,0.15);
        padding:33px;
        flex-direction:column;
        border-radius:19px;
      }
      
      .diplorazo .icon{
        width:66.5px;
        height:66.5px;
      }
      
      
      
      .diplorazo .tituloCard{
        font-size:16.39px;
        line-height:22px;
        color:#123E69;
        margin-top:27px;
        text-transform:uppercase;
        max-width:160px;
      }
      
      .diplorazo .linea{
        height:1.5px;
        width:100%;
        background-color:#B6A240;
        margin:16px 0 27px 0;
      }
      
      .diplorazo .textoCard{
        font-size:15px;
        line-height:20px;
        color:black;
      }
      
      .diplorazo img{
        width:100%;
        height:100%;
        object-position:center;
        object-fit:cover;
      }

      @media(max-width:895px){

        .diplorazo{
          padding:120px 20px 110px 20px;
        }

        .diplorazo .container{
          gap:42px;
        }

        .diplorazo .compilados{
          justify-content:center;
        }

        .diplorazo .card{
          flex:1 1 320px;
          max-width:320px;
        }

      }

      @media(max-width:600px){

        .diplorazo{
          padding:80px 20px 82px 20px;
        }

        .diplorazo .container{
          gap:30px;
        }

        .diplorazo .title{
          font-size:34px;
          line-height:39px;
        }

        .diplorazo .compilados{
          gap:14px;
        }

        .diplorazo .card{
          width:100%;
          max-width:320px;
          padding:24px 22px;
          align-items: center;
          text-align: center;
        }

        .diplorazo .icon{
          width:58px;
          height:58px;
        }

        .diplorazo .tituloCard{
          font-size:15px;
          line-height:20px;
          margin-top:20px;
          max-width: none;
        }

        .diplorazo .linea{
          margin:14px 0 20px 0;
        }

        .diplorazo .textoCard{
          font-size:14px;
          line-height:19px;
        }

      }