@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.4
 * +----------------------------------------------------------------------------+
 */
: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-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;
    --white: #fff;
    --black: #000;
    --gradient-black: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.95));
    
    --ar-body-color: var(--ipade-blue-0);
    --ar-gray-900: var(--ipade-blue-0);
    --ar-primary: var(--ar-info);
}

html {
	scroll-behavior: smooth;
}

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

.dark-mode {
    --ar-body-color: var(--white);
    --ar-gray-900: var(--white);
}

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

    100% {
        background: none;
    };
}

.highlight {
    animation: highlight 1s;
}

img#headerLogo {
    content: url(/img/InspireLeaders/escudo_ipade_azul.svg?ver=2);
}

.dark-mode img#headerLogo {
    content: url(/img/InspireLeaders/escudo_ipade_blanco.svg?ver=2);
}

img#footerImage {
    content: url(/img/InspireLeaders/monumentos_azul.svg?ver=2);
}

.dark-mode img#footerImage {
    content: url(/img/InspireLeaders/monumentos_blanco.svg?ver=2);
}

.dark-mode #headerNavBar {
    background-color: var(--ipade-blue) !important;
}

.dark-mode img#icon-graduation-cap {
    content: url(/img/InspireLeaders/icono_birrete_solido_blanco.svg);
}

.dark-mode img#icon-mexico {
    content: url(/img/InspireLeaders/icono_mexico_blanco.svg);
}

.dark-mode img#icon-persons {
    content: url(/img/InspireLeaders/icono_personas_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);
}

.form-switch.mode-switch .form-check-label:first-of-type {
    color: var(--ar-info);
}

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

.form-switch.mode-switch .form-check-input {
    background-color: var(--ar-info) !important;
}

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

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

.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 {
    font-size: 1rem !important;
}

.swiper-pagination-bullet {
    border-color: #3f7fca;
}

.swiper-pagination-bullet-active {
    background-color: #3f7fca;
}

#swiperImageContainer img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#swiperImageContainer img.opaque {
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}