:root {
    --bs-danger-rgb: 228, 73, 145;
    --bs-info-rgb: 135, 114, 213;
    --bs-primary-rgb: 90, 69, 169;
    --bs-secondary-rgb: 44, 135, 223;
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

#hero .h5 {
    color: #2c87df;
}

li::marker {
    color: orange;
    font-family: "Passion One", sans-serif;
}

.text-special {
    font-family: "Pacifico", sans-serif;
}

.text-special2 {
    font-family: "Passion One", sans-serif;
}

.text-special3 {
    color: #2c87df;
}

.nav-item {
    border-width: 1px;
    border-style: dashed;
    border-radius: 2rem;
    overflow: hidden;
    transition: background-color 0.3s ease;
}

.nav-item:hover {
    background-color: rgba(255, 255, 255, 0.75);
}

.nav-link:focus,
.nav-link:hover {
    color: #5a45a9 !important;
}

.bg-info a {
    color: #ffd655;
}

.bg-blur {
    backdrop-filter: blur(4px);
}

.btn {
    border-radius: 2rem;
}

.btn-primary {
    color: #fff;
    background-color: #5a45a9;
    border-color: #45328c;
}

.btn-danger {
    color: #fff;
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(var(--bs-danger-rgb));
    --bs-btn-border-color: rgb(var(--bs-danger-rgb));
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: color-mix(in srgb, rgb(var(--bs-danger-rgb)), black 10%);
    --bs-btn-hover-border-color: color-mix(in srgb, rgb(var(--bs-danger-rgb)), black 10%);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: color-mix(in srgb, rgb(var(--bs-danger-rgb)), black 10%);
    --bs-btn-active-border-color: color-mix(in srgb, rgb(var(--bs-danger-rgb)), black 10%);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: color-mix(in srgb, rgb(var(--bs-danger-rgb)), black 10%);
    --bs-btn-disabled-border-color: color-mix(in srgb, rgb(var(--bs-danger-rgb)), black 10%);
}

.card-border {
    border-width: 1px;
    border-style: dashed;
    border-radius: 2rem;
    border-color: #fff;
}

.text-stretch {
    letter-spacing: 0.08em;
}

#programa {
    [data-bs-toggle="tab"] {
        cursor: pointer;
    }

    [data-bs-toggle="tab"].active>div {
        border-bottom: 0.5rem solid rgba(255, 255, 255, 0.85) !important;
    }
}

@media (max-width: 380px) {
    #programa table {
        font-size: 0.9rem;
    }
}

#valores h1 {
    color: #2c87df;
}

#valores table th {
    font-size: 1.1rem;
    color: #fff !important;
    background-color: #2c87df !important;
}

#valores table td strong {
    color: #2c87df;
    font-weight: 400;
}

@media (max-width: 576px) {

    #valores table,
    #valores tbody,
    #valores tr,
    #valores th,
    #valores td {
        display: block;
        position: relative;
    }

    #valores thead {
        display: none;
    }

    #valores td span {
        text-align: left;
        display: block;
        margin-bottom: 0.5rem;
    }
}

#sede li {
    border-bottom: 1px solid #0f486812;
    align-items: flex-start;
    gap: .65rem;
    padding: .6rem 0;
    font-size: .95rem;
    display: flex;
}