:root {
    --dv-blue: #0096dc;
    --dv-green: #8cc841;
    --dv-light-blue: #f2fafd;
    --dv-light-gray: #f0f0f0;
    --dv-text: #1f2d3d;
}

body {
    background-color: var(--dv-light-gray);
    color: var(--dv-text);
    background-image: url("assets/img/fondo-textura.png");
    background-repeat: repeat-x;
    background-position: top center;
}

.hero-section {
    position: relative;
}

.hero-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fdff 100%);
    border-top: 5px solid var(--dv-green);
}

.hero-contact {
    background-color: var(--dv-light-blue);
    min-width: 240px;
}

.brand-logo {
    width: 190px;
    height: auto;
}

.content-card {
    border-top: 3px solid rgba(0, 150, 220, 0.26);
}

.service-list .list-group-item {
    background: transparent;
    border-color: rgba(0, 150, 220, 0.18);
    padding-left: 0;
    padding-right: 0;
}

.info-list li {
    margin-bottom: 0.4rem;
}

a {
    color: #0077b6;
}

a:hover {
    color: #005b89;
}

.btn-primary {
    --bs-btn-bg: var(--dv-blue);
    --bs-btn-border-color: var(--dv-blue);
    --bs-btn-hover-bg: #007fb9;
    --bs-btn-hover-border-color: #007fb9;
    --bs-btn-active-bg: #006f9f;
    --bs-btn-active-border-color: #006f9f;
}

.btn-outline-primary {
    --bs-btn-color: var(--dv-blue);
    --bs-btn-border-color: var(--dv-blue);
    --bs-btn-hover-bg: var(--dv-blue);
    --bs-btn-hover-border-color: var(--dv-blue);
    --bs-btn-active-bg: #006f9f;
    --bs-btn-active-border-color: #006f9f;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #7dc4e9;
    box-shadow: 0 0 0 0.25rem rgba(0, 150, 220, 0.2);
}

.form-check-input:checked {
    background-color: var(--dv-green);
    border-color: var(--dv-green);
}

.footer-bar {
    background-color: #ffffff;
}

@media (max-width: 991.98px) {
    .brand-logo {
        width: 170px;
    }
}

@media (max-width: 575.98px) {
    .hero-contact {
        min-width: 100%;
    }
}