/* ==========================================
   LO QUE NOS DEFINE
========================================== */

.valor-section{

    position:relative;

    padding:140px 8%;

    min-height:850px;

    scroll-margin-top:220px;

    background:
        linear-gradient(
            rgba(255, 255, 255, 0.78),
            rgba(255, 255, 255, 0.78)
        ),
        url('../img/loquenosdefine.png');

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;
}

.valor-content{

    max-width:700px;
}

.valor-intro{

    font-size:18px;

    line-height:1.9;

    margin-top:20px;

    margin-bottom:40px;

    color:var(--text);
}

.valor-grid{

    display:grid;

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

    gap:20px;
}

.valor-card{

    background:rgba(255,255,255,.96);

    backdrop-filter:blur(8px);

    border-radius:18px;

    padding:25px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;
}

.valor-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.valor-card h3{

    color:var(--primary);

    font-size:22px;

    font-weight:700;

    margin-bottom:12px;
}

.valor-card p{

    font-size:15px;

    line-height:1.8;

    color:var(--text);

    margin:0;
}

/* TAG */

.valor-section .section-tag{

    display:inline-block;

    background:rgba(8,35,63,.08);

    color:var(--primary);

    padding:10px 18px;

    border-radius:50px;

    font-size:13px;

    font-weight:800;

    letter-spacing:1px;

    margin-bottom:20px;
}

/* TITULO */

.valor-section h2{

    font-size:54px;

    line-height:1.1;

    font-weight:800;

    color:var(--primary);

    margin-bottom:20px;
}

/* RESPONSIVE */

@media(max-width:1200px){
    .valor-section{
        padding:120px 6%;
    }

    .valor-section h2{
        font-size:44px;
    }
}

@media(max-width:992px){
    .valor-section{
        min-height:auto;
        background-position:center;
    }

    .valor-content{
        max-width:100%;
    }

    .valor-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .valor-section{
        padding:90px 6%;
        background:
            linear-gradient(rgba(255,255,255,.86), rgba(255,255,255,.86)),
            url('../img/loquenosdefine.png');
        background-size:cover;
        background-position:center;
    }

    .valor-section h2{
        font-size:32px;
        line-height:1.2;
    }

    .valor-intro{
        font-size:16px;
        line-height:1.7;
        margin-bottom:30px;
    }

    .valor-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .valor-card{
        padding:24px;
    }

    .valor-card h3{
        font-size:20px;
    }
}

@media(max-width:480px){
    .valor-section{
        padding:80px 5%;
    }

    .valor-section h2{
        font-size:29px;
    }

    .valor-card{
        padding:22px;
    }

    .valor-card p{
        font-size:14px;
    }
}