.perfil-info{
    background: transparent linear-gradient(180deg, #122C4A 0%, #1C1C1C 100%) 0% 0% no-repeat padding-box;
    padding:var(--padding-screen);
    box-sizing: border-box;
}

.perfil-info__title
{
        text-align: center;
        font-size: var(--fn-h2);
        padding-bottom: 2rem ;
        color: var(--bg-amarillo);
        text-transform: uppercase;
        opacity: 1;
}

.perfil-info__description
{
    text-align: center;
    font-size: var(--fn-p);
    padding-bottom: 2rem;
    color: var(--bg-white);
    opacity: 1;
    font-weight: 300;
}

.perfil-info__grid{
    padding: 2rem 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap:80px;
    box-sizing: border-box;
}

.perfil-info__grid article{
    border: 1px solid var(--bg-narjanja);
    border-radius: var(--borde-card);
    opacity: 1;
    background:  #1C1C1C 0% 0% no-repeat padding-box;
    transition: all .3s;
}

.perfil-info__grid article:hover {
    box-shadow: 0 1rem 3rem rgba(160, 57, 25, 0.309) !important;
    transform: scale(1.02);
}

.perfil-info__grid  .card__image-placeholder{
    border-radius: var(--borde-card);
    height: 15rem;
    width: 100%;

    background-size: cover;
    background-position: center;
}


.perfil-info__grid article .card__title{
    color: var(--bg-narjanja);
    text-align: center;
    padding: 2rem 3rem;
    box-sizing: border-box;
    font-size: var(--fn-p);
}

.perfil-info__grid article .card__content{
    box-sizing: border-box;
    padding: 0 3rem;
}

.perfil-info__grid article .card__content p{
    color: var(--bg-white);
    padding-bottom: 2rem;
    font-size: var(--fn-p);
    font-weight: 300;
}


@media(max-width:1650px) {
    .perfil-info {
            background: transparent linear-gradient(180deg, #122C4A 0%, #1C1C1C 100%) 0% 0% no-repeat padding-box;
            box-sizing: border-box;   
    }
   
        .perfil-info__grid 
        {
            padding: 2rem 0;
            grid-gap: 50px;
            box-sizing: border-box;
           }
}


@media(max-width:1250px) {
    .perfil-info {
            background: transparent linear-gradient(180deg, #122C4A 0%, #1C1C1C 100%) 0% 0% no-repeat padding-box;
            box-sizing: border-box;
        }
    .perfil-info__grid {
            padding: 2rem 0;
            display: grid;
            grid-template-columns: repeat(2, 1fr) !important;
            grid-gap: 30px;
            box-sizing: border-box;
        }

                .perfil-info__grid >*:nth-child(3) {
                    grid-column: 1 / -1;
                    justify-self: center;
                }
}

@media(max-width:800px) {

    .perfil-info {
            background: transparent linear-gradient(180deg, #122C4A 0%, #1C1C1C 100%) 0% 0% no-repeat padding-box;
            padding:var(--padding-screen);
            box-sizing: border-box;
    
        }

    .perfil-info__grid {
            padding: 2rem 0;
            display: grid;
            grid-template-columns: repeat(1, 1fr) !important;
            grid-gap: 50px;
            box-sizing: border-box;
        }

           .perfil-info__title {
               font-size: var(--fn-h1);
               color: var(--bg-amarillo);     
           }
  
     .perfil-info__description 
     {
        font-size: var(--fn-h3);
     }   

       .perfil-info__grid article .card__content p {
           font-size: var(--fn-h3);
      }

       .perfil-info__grid article .card__content {
           box-sizing: border-box;
           padding: 0 1rem;      
          }


}