.sol-rs-dinamica{
    padding:44px 0;
    background:#fff;
}

/* HEADER */

.sol-rs-intro-content span{
    display:inline-block;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:#667085;
    margin-bottom:8px;
}

/* INTRO */

.sol-rs-intro{
    background:#fcfcfd;
    border:1px solid #eef2f6;
    border-radius:28px;
    padding:18px;
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:30px;
    align-items:center;
    margin-bottom:30px;
    box-shadow:0 4px 18px rgba(16,24,40,.03);
}

.sol-rs-intro-image{
    height:330px;
    border-radius:22px;
    overflow:hidden;
    background:#101828;
}

.sol-rs-intro-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.sol-rs-intro-content{
    padding:10px 10px 10px 0;
}

.sol-rs-intro-content h3{
    font-size:26px;
    line-height:1.25;
    color:#101828;
    margin:0 0 14px;
    font-weight:800;
}

.sol-rs-intro-content p{
    font-size:14px;
    line-height:1.8;
    color:#667085;
    margin:0 0 12px;
}

/* FILTROS */

.sol-rs-filtros{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:24px;
}

.sol-rs-filtros button{
    height:38px;
    padding:0 16px;
    border:0;
    border-radius:999px;
    background:#f2f4f7;
    color:#101828;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    transition:.3s ease;
}

.sol-rs-filtros button.active,
.sol-rs-filtros button:hover{
    background:#FFD200;
}

/* GRID */

.sol-rs-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.sol-rs-card{
    background:#fcfcfd;
    border:1px solid #eef2f6;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 6px 20px rgba(16,24,40,.03);
    transition:.3s ease;
}

.sol-rs-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 32px rgba(16,24,40,.06);
}

.sol-rs-card img{
    width:100%;
    height:190px;
    object-fit:cover;
    display:block;
}

.sol-rs-card-body{
    padding:18px;
}

.sol-rs-card-body span{
    display:inline-block;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:#667085;
    margin-bottom:8px;
}

.sol-rs-card-body h3{
    font-size:17px;
    line-height:1.35;
    color:#101828;
    margin:0 0 8px;
    font-weight:800;
}

.sol-rs-card-body p{
    font-size:13px;
    line-height:1.7;
    color:#667085;
    margin:0;
}

/* BOTÃO */

.sol-rs-more{
    margin-top:28px;
    display:flex;
    justify-content:center;
}

.sol-rs-more button{
    height:48px;
    padding:0 28px;
    border:none;
    border-radius:999px;
    background:#07162E;
    color:#fff;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    transition:.3s ease;
}

.sol-rs-more button span{
    display:block;
    line-height:1;
    position:relative;
    top:1px;
}

.sol-rs-more button:hover{
    transform:translateY(-2px);
}

/* RESPONSIVO */

@media(max-width:980px){
    .sol-rs-intro,
    .sol-rs-grid{
        grid-template-columns:1fr 1fr;
    }

    .sol-rs-intro{
        grid-template-columns:1fr;
    }

    .sol-rs-intro-content{
        padding:0;
    }
}

@media(max-width:640px){
    .sol-rs-dinamica{
        padding:36px 0;
    }

    .sol-rs-intro{
        padding:14px;
        border-radius:22px;
    }

    .sol-rs-intro-image{
        height:230px;
        border-radius:18px;
    }

    .sol-rs-intro-content h3{
        font-size:20px;
    }

    .sol-rs-grid{
        grid-template-columns:1fr;
    }
}
