body {
    font-family: 'Nunito Sans', sans-serif;
    background: #f5f6f8;
}

h1,
h2,
.nunito {
    font-family: 'Nunito', sans-serif;
}

.eyebrow {
    font-family: 'Poppins', sans-serif;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--ya-azul);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Nunito Sans', sans-serif;
    background: #f5f6f8;
}


.qs-hero {
    background: #fff;
    padding: 3.5rem 0;
    text-align: center;
    position: relative;
}

/* .qs-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--ya-azul) 50%, var(--ya-naranja) 50%);
} */

.qs-eyebrow {
    font-family: Poppins;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #0099CC
}

.qs-title {
    font-family: Nunito;
    font-size: 2.5rem;
    font-weight: 800;
    color: #0A4A6B;
    margin-bottom: .75rem
}

.qs-subtitle {
    font-size: 1rem;
    color: #5A7A8A;
    max-width: 640px;
    margin: 0 auto
}

.qs-stats {
    background: #F5F6F8;
    padding: 2rem 0
}

.qs-stats-inner {
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.stat-num {
    font-family: Nunito;
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1
}

.stat-num.azul {
    color: #0099CC
}

.stat-num.naranja {
    color: #FF9900
}

.stat-label {
    font-size: .72rem;
    color: #8AACBC;
    margin-top: .3rem;
    text-align: center
}

.qs-inner {
    max-width: 820px;
    margin: 0 auto;
    padding: 3rem 0
}

.btn-close-white {
    background: #fff;
    color: var(--ya-marino);
    border: none;
    border-radius: 6px;
    padding: .75rem 2rem;
    font-weight: 700;
    font-size: .85rem;
}

.btn-close-ghost {
    background: transparent;
    color: #fff;
    border: 1.5px solid #fff;
    border-radius: 6px;
    padding: .75rem 2rem;
    font-weight: 700;
    font-size: .85rem;
}

.qs-p {
    font-size: .95rem;
    color: #3A5A6A;
    line-height: 1.8;
    margin-bottom: 1.25rem;
    text-align: justify
}

.accent-azul {
    color: #0099CC;
    font-weight: 600
}

.accent-naranja {
    color: #FF9900;
    font-weight: 600
}

.qs-firma-nombre {
    font-family: Nunito;
    font-size: 1.15rem;
    font-weight: 800;
    color: #0A4A6B
}

.val-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem
}

.val-card {
    background: #fafafa;
    border: .5px solid rgba(0, 74, 107, .1);
    border-radius: 10px;
    padding: 1.25rem
}

.val-card .val-icon {
    font-size: 1.5rem;
    margin-bottom: .5rem
}

.val-card::before {
    content: '';
    display: block;
    width: 28px;
    height: 3px;
    background: #0099CC;
    margin-bottom: .75rem (naranja → #FF9900)
}

.val-name {
    font-size: .88rem;
    font-weight: 700;
    color: #0A4A6B;
    margin-bottom: .35rem
}

.val-desc {
    font-size: .75rem;
    color: #5A7A8A;
    line-height: 1.55
}

.qs-cta {
    background: #0A4A6B;
    padding: 3.5rem 0
}

.qs-cta-inner {
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.qs-cta-tit {
    font-family: Nunito;
    font-size: 1.35rem;
    font-weight: 800;
    color: #fff
}

.btn-white {
    background: #fff;
    color: #0A4A6B;
    border: none;
    border-radius: 100px;
    padding: 10px 22px;
    font-weight: 700 13.12px;
}

.btn-ghost {
    background: transparent;
    border: 1.5px solid #fff;
    color: #fff;
    border-radius: 100px;
    padding: 10px 22px;
    font-weight: 700
}