body {
    font-family: 'Montserrat', sans-serif;
    color: #333;
}

.hero-section {
    background: linear-gradient(rgba(0, 56, 147, 0.7), rgba(0, 56, 147, 0.7)), url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
    height: 80vh;
    min-height: 500px;
}

.section-title {
    font-weight: 700;
    position: relative;
    padding-bottom: 15px;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background-color: #0d6efd;
}

.section-title.text-center::after {
    left: 50%;
    transform: translateX(-50%);
}

.card {
    transition: transform 0.3s ease;
    cursor: default;
}

.card:hover {
    transform: translateY(-5px);
}

.navbar-brand img {
    max-height: 50px;
}

.btn-primary {
    padding: 12px 30px;
}

#sectores .card {
    background-color: #2c3e50 !important;
}

.badge {
    vertical-align: middle;
    margin-left: 5px;
}