section.type01.image-full .content {
    height: 650px;
    max-width: 1420px;
}

section.sec01.type01.image-full .text {
    max-width: 700px;
    padding-left: 70px;
    width: 52%;
}

h2{
    font-size: 40px;
}

section.type01.image-full .content::after {
    width: 562px;
    height: 530px;
    content: '';
    background-image: url(../../img/template/banner_servicios.svg);
    position: absolute;
    right: 100px;
    top: 50%;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    max-width: 38%;

     @media screen and (max-width: 1000px) {
        display: none;
     }
}

.sec02{
    margin-bottom: 80px;
}

.sec02.content {
    max-width: 1210px;
}

.sec02.grid3 .content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    max-width: 1210px;
    width: fit-content;

    .card:last-child:nth-child(3n - 2) {
        grid-column-end: 3;
    }

    @media screen and (max-width: 1024px) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    @media screen and (max-width: 768px) {
        gap:24px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.card{
    background-color: #F7F7F7;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap:13px;
    justify-content: space-between;
    max-height: 312px;
    max-width:382px;
    overflow: hidden;
    padding:11px;

    .card-content {
        display: grid;
        height: 100%;

        .cover{
            align-items: center;
            display: flex;
            grid-row: 1;
            grid-column: 1;
            justify-content: center;

            img{
                display: block;
                margin:0 auto;
                width: 100%;
            }
        }

        .description{
            align-items: center;
            background-color: #F7F7F7;
            display: flex;
            flex-direction: column;
            gap:16px;
            grid-row: 1;
            grid-column: 1;
            justify-content: center;
            opacity: 0;
            padding:0 18px;
            transition:300ms;

            header{
                align-items: center;
                height: 50px;
                display: flex;
                justify-content: center;
                width: 100%;

                @media screen and (max-width: 768px) {
                    display: none;
                }
            }

            p{
                align-items: center;
                color:#686664;
                display: flex;
                font:18px 'AvertaStdPE-Regular';
                height: 163px;
                margin:0 0 0 0;

                @media screen and (max-width: 768px) {
                    font-size:16px;
                    height: 133px;
                    line-height: 22px;
                }
            }
        }
    }

    footer{
        text-align: center;

        h4{
            font-size: 23px;
            line-height:27.5px;
            margin:0;

            @media screen and (max-width: 768px) {
                font-size: 19px;
                line-height: 23px;
            }
        }
    }

    &:hover .description{
        opacity: 1;
    }

    @media screen and (max-width: 768px) {

        max-height: 189px;
        max-width: 326px;

        &:last-child {
            grid-column-end: unset!important;
        }
    }
}

section.contacto{
    padding-top: 80px;
}