﻿/*body {
    background-color: #f3f6f9;
}*/

.card {
    --bs-card-box-shadow: var(--bs-root-card-box-shadow);
    --bs-card-border-color: var(--bs-root-card-border-color);
    border: 1px solid var(--bs-card-border-color);
}

.grecaptcha-badge {
    bottom: 100px !important;
}

.menu-item button {
    background-color: transparent;
    border-color: transparent;
    width: 100%;
    font-weight: 500;
}

    .menu-item button .active {
        transition: color .2s ease;
        color: var(--bs-menu-link-color-active)
    }

.header {
    height: 70px;
}

.header .header-menu .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.header .header-menu .menu > .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here)
[fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #009ef7
}

.header .header-menu .menu > .menu-item.show > .menu-link > span.svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #009ef7
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    height: 2rem;
    width: 2rem;
}

table.dataTable > tbody > tr.child span.dtr-title {
    display: block;
    /*margin-bottom: 8px;*/
    font-size: 15px;
}

.select2-container--bootstrap5 .select2-dropdown {
    box-shadow: 0 0 50px 0rgba(82,63,105,.15);
    background-color: #fff;
}

.select2-container--bootstrap5 .select2-selection__clear {
    background-color: #181c32 !important;
    top: 40%;
    right: 4rem;
    transform: none;
}

.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:active, .select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:focus {
    border: 1px solid #f3f6f9;
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #e4e6ef;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: #e4e6ef;
    color: #181c32;
}

.select2-container--bootstrap5 .select2-selection__clear:hover {
    background-color: #e4e6ef !important;
}

    .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        background-color: #000000;
    }

        .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
            background-color: #f3f6f9 !important;
        }

    .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
        background-color: #7239ea;
        color: #fff;
        transition: color .2s ease,background-color .2s ease;
    }

    .select2-container--bootstrap5 .select2-selection--multiple {
        overflow: hidden !important;
        height: auto !important;
    }

    .select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
        font-weight: 500;
        font-family: Poppins,Helvetica,sans-serif;
        -webkit-font-smoothing: antialiased;
    }

/* ===== Página PRR ===== */

.prr-page {
    background-color: #ffffff;
}

.prr-landing-hero {
    position: relative;
}

.prr-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .65rem 1.25rem;
    border-radius: 50rem;
    background: rgba(255, 199, 0, .16);
    color: #ffc700;
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.prr-hero-text {
    max-width: 860px;
    line-height: 1.75;
}

.prr-card {
    overflow: hidden;
    border-radius: 1.25rem;
}

.prr-section-label {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    color: #ffc700;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

    .prr-section-label::before {
        content: "";
        display: block;
        width: 32px;
        height: 2px;
        border-radius: 999px;
        background: #ffc700;
    }

.prr-objective {
    padding: 1.75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: #ffffff;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

    .prr-objective:hover {
        transform: translateY(-3px);
        border-color: rgba(255, 199, 0, .55);
        box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .05);
    }

.prr-objective-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 1.25rem;
    border-radius: 50%;
    background: #ffc700;
    color: #071437;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    font-weight: 800;
}

.prr-image-full {
    width: 100%;
    background: #ffffff;
    border-top: 1px solid var(--bs-border-color);
    padding: 2rem;
}

    .prr-image-full a {
        display: block;
        width: 100%;
    }

    .prr-image-full img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: .75rem;
    }

@media (max-width: 991.98px) {
    .prr-hero-text {
        max-width: 100%;
    }

    .prr-image-full {
        padding: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .prr-eyebrow {
        font-size: .75rem;
        padding: .55rem 1rem;
    }

    .prr-objective {
        padding: 1.35rem;
    }

    .prr-image-full {
        padding: 1rem;
    }

        .prr-image-full img {
            border-radius: .5rem;
        }
}