.hero {
    background: url('/wp-content/uploads/2026/03/hero.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 120px 10px 50px;
}

h1{
    font-size: 2.5rem;
}

p.hero-text{
    font-size: 1.1rem;
}

.hero-stats{
    padding-top: 30px;
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
}

@media (min-width: 767px){
    .hero{padding: 200px 0px 100px;}
    h1{font-size: 3.5rem;}
}

@media (min-width: 1200px){
    h1{
        font-size: 5rem;
        line-height: 5rem;
    }
}


.card-custom{
    transition: .3s;
}

.card-custom:hover{
    border-color: var(--verde);
}


.cta-box{
    background: var(--azul);
    padding: 20px;
    border-radius: 20px;
}

.card-border{
    overflow: hidden;
    position: relative;
}

.card-border::after{
    left: 0;
    right: 0;
    height: 4px;
    top: 0;
    content: '';
    background: var(--verde);
    position: absolute;
}