/* Estilos unificados para los títulos de secciones */

/* Estilo común para todos los títulos de sección */
.section-title {
    margin: 40px 0 30px;
    text-align: center;
}

/* Estilos para los títulos en cada sección */
.section-title h3 {
    color: #333;
    font-size: 2.2em;
    font-weight: 600;
    margin-bottom: 10px;
}

.section-title span {
    color: #003d7c;
}

/* Estilo para el separador/línea debajo de los títulos */
.section-title:after {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: linear-gradient(to right, #003d7c, #5bc0de);
    margin: 15px auto 30px;
}

/* Estilos específicos para cada sección */
#quienes-somos .section-title span,
#business .section-title span, 
#portafolio .section-title span,
#blog .section-title span,
#contactanos .section-title span {
    color: #5bc0de;
}

/* Estilos adicionales para mantener la consistencia en los títulos de sección */
.w3l_header.w3_agileits_header {
    color: #333;
    font-size: 2.2em;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.w3l_header.w3_agileits_header span {
    color: #5bc0de;
}

/* Responsive */
@media (max-width: 768px) {
    .w3l_header.w3_agileits_header,
    .section-title h3 {
        font-size: 1.8em;
    }
}