@charset "UTF-8";

/*!
 * +----------------------------------------------------------------------------+
 * | RETO FRAMEWORK v9.0.0
 * +----------------------------------------------------------------------------+
 * | Copyright (c) 2004 - 2022, RETOWARE.COM (www.retoware.com)
 * | Jorge Alberto Reteguin Pimentel <jorge.reteguin@retoware.com>
 * | Released under the MIT license
 * | www.retoware.com/retoframework/license/license.txt
 * |
 * | version: 0.9.8.1
 * +----------------------------------------------------------------------------+
 */
:root {
    --ar-font-sans-serif: "Signika", sans-serif;
    --ipade-blue: #002d74;
    --ipade-blue-sec: #0640B0;
    --ipade-gold: #bc955c;
    --ipade-red: #ce0e2d;
    --ipade-red-sec: #F51037;
    --ipade-emerald: #267784;
    --ipade-emerald-2: #afe3e4;
    --ipade-emerald-sec: #27899B;
    --ipade-emerald-rgb: 38, 119, 132;
    --ipade-gold: #bc955c;
    --ipade-brown-0: #51341f;
    --ipade-brown-1: #5e452b;
    --ipade-brown-1-sec: #745536;
    --ipade-brown-2: #bb935b;
    --ipade-brown-2-sec: #C79E64;
    --ipade-brown-3: #c6ae92;
    --ipade-brown-3-sec: #D2B89B;
    --ipade-brown-4: #f7ede2;
    --ipade-blue-0: #002d74;
    --ipade-blue-1: #005487;
    --ipade-blue-2: #238dc1;
    --ipade-blue-3: #6bc4e8;
    --ipade-red-1: #79242f;
    --ipade-red-2: #ce0e2d;
    --ipade-red-3: #e8b8a6;
    --ipade-green: #1A5632;
    --ipade-green-2: #279655;
    --ipade-green-3: #6BB68D;
    --ipade-blue-cife: #5f99af;
    --white: #fff;
    --black: #000;
    --gradient-black: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.95));
}

html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

@keyframes highlight {
    0% {
        background: #ffa800;
    }

    100% {
        background: none;
    }

    ;
}

.highlight {
    animation: highlight 1s;
}

img#headerLogo {
    content: url(/img/CIFE/escudo_ipade_color.svg);
}

.dark-mode img#headerLogo {
    content: url(/img/CIFE/escudo_ipade_blanco.svg);
}

.ipade-bg-blue {
    background-color: var(--ipade-blue);
}

.ipade-bg-gold {
    background-color: var(--ipade-gold);
}

.ipade-bg-red {
    background-color: var(--ipade-red);
}

.ipade-bg-green {
    background-color: var(--ipade-green);
}

.ipade-bg-green-2 {
    background-color: var(--ipade-green-2);
}

.ipade-bg-green-3 {
    background-color: var(--ipade-green-3);
}

.ipade-bg-emerald {
    background-color: var(--ipade-emerald);
}

.ipade-bg-emerald-2 {
    background-color: var(--ipade-emerald-2);
}

.ipade-bg-blue-cife {
    background-color: var(--ipade-blue-cife);
}

.ipade-text-emerald {
    color: var(--ipade-emerald) !important;
}

.btn-ipade-blue {
    background-color: var(--ipade-blue);
    border-color: var(--ipade-blue);
    color: #fff;
}

.btn-ipade-blue.active,
.btn-ipade-blue.show,
.btn-ipade-blue:active,
.btn-ipade-blue:focus,
.btn-ipade-blue:hover {
    background-color: var(--ipade-blue-sec);
    border-color: var(--ipade-blue-sec);
    color: #fff;
}

.btn-ipade-emerald {
    background-color: var(--ipade-emerald);
    border-color: var(--ipade-emerald);
    color: #fff;
}

.btn-ipade-emerald.active,
.btn-ipade-emerald.show,
.btn-ipade-emerald:active,
.btn-ipade-emerald:focus,
.btn-ipade-emerald:hover {
    background-color: var(--ipade-emerald-sec);
    border-color: var(--ipade-emerald-sec);
    color: #fff;
}

.btn-ipade-outline-emerald {
    border-color: var(--ipade-emerald);
    color: var(--ipade-emerald);
}

.btn-ipade-outline-emerald.active,
.btn-ipade-outline-emerald.show,
.btn-ipade-outline-emerald:active,
.btn-ipade-outline-emerald:focus,
.btn-ipade-outline-emerald:hover {
    background-color: var(--ipade-emerald-sec);
    border-color: var(--ipade-emerald-sec);
    color: #fff;
}

.border-color-emerald {
    border-color: var(--ipade-emerald) !important;
}

.form-switch.mode-switch .form-check-label:first-of-type {
    color: var(--ipade-blue-cife);
}

.form-switch.mode-switch .form-check-input:checked~.form-check-label:last-of-type {
    color: var(--ipade-blue-cife);
}

.form-switch.mode-switch .form-check-input {
    background-color: var(--ipade-blue-cife) !important;
}

.dropdown-menu {
    --ar-dropdown-link-hover-color: var(--ipade-emerald);
}

.nav {
    --ar-nav-link-hover-color: var(--ipade-emerald);
}

.nav-tabs {
    --ar-nav-tabs-link-active-color: var(--ipade-emerald);
    --ar-nav-tabs-link-active-border-color: var(--ipade-emerald);
}

.nav-link {
    border: 2px solid var(--white);
    border-width: 0 0 2px 0;
}

.nav-link:hover,
.nav-link:focus {
    color: var(--ipade-emerald);
    border: 2px solid var(--ipade-emerald);
    border-width: 0 0 2px 0;
}

.navbar {
    --ar-navbar-active-color: var(--ipade-emerald);
}

.navbar .nav-item:hover>.nav-link:not(.disabled),
.navbar .nav-item .nav-link.show:not(.disabled) {
    color: var(--ipade-emerald);
}

.btn-primary {
    --ar-btn-color: #000;
    --ar-btn-bg: #3f7fca;
    --ar-btn-border-color: #3f7fca;
    --ar-btn-hover-color: #fff;
    --ar-btn-hover-bg: #5c92d2;
    --ar-btn-hover-border-color: #528ccf;
    --ar-btn-focus-shadow-rgb: 54, 108, 172;
    --ar-btn-active-color: #000;
    --ar-btn-active-bg: #6599d5;
    --ar-btn-active-border-color: #528ccf;
    --ar-btn-active-shadow: unset;
    --ar-btn-disabled-color: #000;
    --ar-btn-disabled-bg: #3f7fca;
    --ar-btn-disabled-border-color: #3f7fca;
}

.form-label,
.form-control,
.form-text {
    font-size: 1rem !important;
}

.form-control {
    border: var(--ar-border-width) solid var(--ar-gray-600);
}

.input-group-text {
    border: var(--ar-border-width) solid var(--ar-gray-600);
}

.form-select {
    border: var(--ar-border-width) solid var(--ar-gray-600);
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
}

.bg-contact-form {
    background-color: rgba(255, 255, 255, 0.95);
}

.dark-mode .bg-contact-form {
    background-color: rgba(0, 0, 0, 0.75);
}

.breadcrumb-item+.breadcrumb-item::before {
    font-family: "Font Awesome 5 Pro";
    font-size: .9em;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: var(--ar-breadcrumb-divider, "\f054")
}

.blockquote::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f10d";
}

.footer {
    color: var(--white);
}

.footerAnchor {
    color: rgba(255, 255, 255, 0.75);
}

.view {
    display: none;
}

.view.show {
    display: block;
}