/*==================================================
                HERO
==================================================*/

.hero-nosotros{

    background:linear-gradient(rgba(0,0,0,.60),rgba(0,0,0,.2)),
               url("../assets/banner-tasaciones.jpg") center/cover no-repeat;

    color:#fff;

    text-align:center;

    padding:110px 20px;

}

.hero-nosotros h1{

    font-size:54px;

    margin-bottom:20px;

    font-family:'Cinzel', serif;

}

.hero-nosotros p{

    max-width:720px;

    margin:auto;

    font-size:22px;

}


/*==================================================
                NOSOTROS
==================================================*/

.nosotros{

    padding:90px 20px;

}

.grid-nosotros{

    display:grid;

    grid-template-columns:380px 1fr;

    gap:60px;

    align-items:center;

}

.foto img{

    width:100%;

    border-radius:18px;

    box-shadow:0 18px 35px rgba(0,0,0,.15);

}

.texto h2{

    color:#0f0f0f;

    font-size:42px;

    margin-bottom:8px;

    font-family:'Cinzel', serif;

}

.texto h3{

    color:#cc9406;

    margin-bottom:28px;

    font-size:22px;

}

.texto p{

    font-size:18px;

    line-height:1.8;

    color:#555;

    margin-bottom:20px;

}


/*==================================================
                VALORES
==================================================*/

.valores{

    background:#056997;

    padding:20px 10px;

}

.valores h2{

    text-align:center;

    color:#f7f6fc;

    font-size:42px;

    margin-bottom:55px;

    font-family:'Cinzel', serif;

}

.cards-valores{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:10px;

}

.cards-valores article{

    background:#e2df8a;

    text-align:center;

    padding:20px 50px;

    border-radius:14px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.cards-valores i{

    font-size:44px;

    color:#8b1010;

    margin-bottom:20px;

}

.cards-valores h3{

    margin-bottom:16px;

    color:#8b1010;

}

.cards-valores p{

    color:#666;

    line-height:1.7;

}


/*==================================================
                CTA
==================================================*/

.cta-nosotros{

    background:#000000;

    color:#2ece0d;

    text-align:center;

    padding:80px 20px;

}

.cta-nosotros h2{

    font-size:40px;

    margin-bottom:20px;

    font-family:'Cinzel', serif;

}

.cta-nosotros p{

    max-width:700px;

    margin:auto auto 35px;

    font-size:20px;

}

.btn-cta{

    display:inline-block;

    background:#d6a320;

    color:#fff;

    padding:18px 42px;

    border-radius:10px;

    text-decoration:none;

    font-weight:700;

    transition:.30s;

}

.btn-cta:hover{

    background:#be8b11;

}


/*==================================================
                RESPONSIVE
==================================================*/

@media(max-width:900px){

.grid-nosotros{

    grid-template-columns:1fr;

}

.cards-valores{

    grid-template-columns:1fr;

}

.texto{

    text-align:center;

}

.hero-nosotros h1{

    font-size:40px;

}

.texto h2{

    font-size:34px;

}

.valores h2{

    font-size:34px;

}

}