@charset "UTF-8";
:root {
  --primary: #2071B8;
  --primary-100: #1d66a6;
  --primary-200: #1a5a93;
  --primary-300: #164f81;
  --primary--100: #367fbf;
  --primary--200: #4d8dc6;
  --primary--300: #639ccd;
  --primary-rgba-0: rgba(32, 113, 184, 0);
  --primary-rgba-10: rgba(32, 113, 184, 0.1);
  --primary-rgba-20: rgba(32, 113, 184, 0.2);
  --primary-rgba-30: rgba(32, 113, 184, 0.3);
  --primary-rgba-40: rgba(32, 113, 184, 0.4);
  --primary-rgba-50: rgba(32, 113, 184, 0.5);
  --primary-rgba-60: rgba(32, 113, 184, 0.6);
  --primary-rgba-70: rgba(32, 113, 184, 0.7);
  --primary-rgba-80: rgba(32, 113, 184, 0.8);
  --primary-rgba-90: rgba(32, 113, 184, 0.9);
  --secondary: #79B7B4;
  --secondary-100: #6da5a2;
  --secondary-200: #619290;
  --secondary-300: #55807e;
  --secondary--100: #86bebc;
  --secondary--200: #94c5c3;
  --secondary--300: #a1cdcb;
  --secondary-rgba-0: rgba(121, 183, 180, 0);
  --secondary-rgba-10: rgba(121, 183, 180, 0.1);
  --secondary-rgba-20: rgba(121, 183, 180, 0.2);
  --secondary-rgba-30: rgba(121, 183, 180, 0.3);
  --secondary-rgba-40: rgba(121, 183, 180, 0.4);
  --secondary-rgba-50: rgba(121, 183, 180, 0.5);
  --secondary-rgba-60: rgba(121, 183, 180, 0.6);
  --secondary-rgba-70: rgba(121, 183, 180, 0.7);
  --secondary-rgba-80: rgba(121, 183, 180, 0.8);
  --secondary-rgba-90: rgba(121, 183, 180, 0.9);
  --tertiary: #055093;
  --tertiary-100: #054884;
  --tertiary-200: #044076;
  --tertiary-300: #043867;
  --tertiary--100: #1e629e;
  --tertiary--200: #3773a9;
  --tertiary--300: #5085b3;
  --tertiary-rgba-0: rgba(5, 80, 147, 0);
  --tertiary-rgba-10: rgba(5, 80, 147, 0.1);
  --tertiary-rgba-20: rgba(5, 80, 147, 0.2);
  --tertiary-rgba-30: rgba(5, 80, 147, 0.3);
  --tertiary-rgba-40: rgba(5, 80, 147, 0.4);
  --tertiary-rgba-50: rgba(5, 80, 147, 0.5);
  --tertiary-rgba-60: rgba(5, 80, 147, 0.6);
  --tertiary-rgba-70: rgba(5, 80, 147, 0.7);
  --tertiary-rgba-80: rgba(5, 80, 147, 0.8);
  --tertiary-rgba-90: rgba(5, 80, 147, 0.9);
  --quaternary: #003F61;
  --quaternary-100: #003957;
  --quaternary-200: #00324e;
  --quaternary-300: #002c44;
  --quaternary--100: #1a5271;
  --quaternary--200: #336581;
  --quaternary--300: #4d7990;
  --quaternary-rgba-0: rgba(0, 63, 97, 0);
  --quaternary-rgba-10: rgba(0, 63, 97, 0.1);
  --quaternary-rgba-20: rgba(0, 63, 97, 0.2);
  --quaternary-rgba-30: rgba(0, 63, 97, 0.3);
  --quaternary-rgba-40: rgba(0, 63, 97, 0.4);
  --quaternary-rgba-50: rgba(0, 63, 97, 0.5);
  --quaternary-rgba-60: rgba(0, 63, 97, 0.6);
  --quaternary-rgba-70: rgba(0, 63, 97, 0.7);
  --quaternary-rgba-80: rgba(0, 63, 97, 0.8);
  --quaternary-rgba-90: rgba(0, 63, 97, 0.9);
  --quinary: #009293;
  --quinary-100: #008384;
  --quinary-200: #007576;
  --quinary-300: #006667;
  --quinary--100: #1a9d9e;
  --quinary--200: #33a8a9;
  --quinary--300: #4db3b3;
  --quinary-rgba-0: rgba(0, 146, 147, 0);
  --quinary-rgba-10: rgba(0, 146, 147, 0.1);
  --quinary-rgba-20: rgba(0, 146, 147, 0.2);
  --quinary-rgba-30: rgba(0, 146, 147, 0.3);
  --quinary-rgba-40: rgba(0, 146, 147, 0.4);
  --quinary-rgba-50: rgba(0, 146, 147, 0.5);
  --quinary-rgba-60: rgba(0, 146, 147, 0.6);
  --quinary-rgba-70: rgba(0, 146, 147, 0.7);
  --quinary-rgba-80: rgba(0, 146, 147, 0.8);
  --quinary-rgba-90: rgba(0, 146, 147, 0.9);
  --dark: #212529;
  --dark-100: #1e2125;
  --dark-200: #1a1e21;
  --dark-300: #171a1d;
  --dark--100: #373b3e;
  --dark--200: #4d5154;
  --dark--300: #646669;
  --dark-rgba-0: rgba(33, 37, 41, 0);
  --dark-rgba-10: rgba(33, 37, 41, 0.1);
  --dark-rgba-20: rgba(33, 37, 41, 0.2);
  --dark-rgba-30: rgba(33, 37, 41, 0.3);
  --dark-rgba-40: rgba(33, 37, 41, 0.4);
  --dark-rgba-50: rgba(33, 37, 41, 0.5);
  --dark-rgba-60: rgba(33, 37, 41, 0.6);
  --dark-rgba-70: rgba(33, 37, 41, 0.7);
  --dark-rgba-80: rgba(33, 37, 41, 0.8);
  --dark-rgba-90: rgba(33, 37, 41, 0.9);
  --light: #ffffff;
  --light-100: #e6e6e6;
  --light-200: #cccccc;
  --light-300: #b3b3b3;
  --light--100: white;
  --light--200: white;
  --light--300: white;
  --light-rgba-0: rgba(255, 255, 255, 0);
  --light-rgba-10: rgba(255, 255, 255, 0.1);
  --light-rgba-20: rgba(255, 255, 255, 0.2);
  --light-rgba-30: rgba(255, 255, 255, 0.3);
  --light-rgba-40: rgba(255, 255, 255, 0.4);
  --light-rgba-50: rgba(255, 255, 255, 0.5);
  --light-rgba-60: rgba(255, 255, 255, 0.6);
  --light-rgba-70: rgba(255, 255, 255, 0.7);
  --light-rgba-80: rgba(255, 255, 255, 0.8);
  --light-rgba-90: rgba(255, 255, 255, 0.9);
  --grey: #969696;
  --grey-100: #878787;
  --grey-200: #787878;
  --grey-300: dimgray;
  --grey--100: #a1a1a1;
  --grey--200: #ababab;
  --grey--300: #b6b6b6;
  --grey-rgba-0: rgba(150, 150, 150, 0);
  --grey-rgba-10: rgba(150, 150, 150, 0.1);
  --grey-rgba-20: rgba(150, 150, 150, 0.2);
  --grey-rgba-30: rgba(150, 150, 150, 0.3);
  --grey-rgba-40: rgba(150, 150, 150, 0.4);
  --grey-rgba-50: rgba(150, 150, 150, 0.5);
  --grey-rgba-60: rgba(150, 150, 150, 0.6);
  --grey-rgba-70: rgba(150, 150, 150, 0.7);
  --grey-rgba-80: rgba(150, 150, 150, 0.8);
  --grey-rgba-90: rgba(150, 150, 150, 0.9);
  --success: #28a745;
  --success-100: #24963e;
  --success-200: #208637;
  --success-300: #1c7530;
  --success--100: #3eb058;
  --success--200: #53b96a;
  --success--300: #69c17d;
  --success-rgba-0: rgba(40, 167, 69, 0);
  --success-rgba-10: rgba(40, 167, 69, 0.1);
  --success-rgba-20: rgba(40, 167, 69, 0.2);
  --success-rgba-30: rgba(40, 167, 69, 0.3);
  --success-rgba-40: rgba(40, 167, 69, 0.4);
  --success-rgba-50: rgba(40, 167, 69, 0.5);
  --success-rgba-60: rgba(40, 167, 69, 0.6);
  --success-rgba-70: rgba(40, 167, 69, 0.7);
  --success-rgba-80: rgba(40, 167, 69, 0.8);
  --success-rgba-90: rgba(40, 167, 69, 0.9);
  --info: #17a2b8;
  --info-100: #1592a6;
  --info-200: #128293;
  --info-300: #107181;
  --info--100: #2eabbf;
  --info--200: #45b5c6;
  --info--300: #5dbecd;
  --info-rgba-0: rgba(23, 162, 184, 0);
  --info-rgba-10: rgba(23, 162, 184, 0.1);
  --info-rgba-20: rgba(23, 162, 184, 0.2);
  --info-rgba-30: rgba(23, 162, 184, 0.3);
  --info-rgba-40: rgba(23, 162, 184, 0.4);
  --info-rgba-50: rgba(23, 162, 184, 0.5);
  --info-rgba-60: rgba(23, 162, 184, 0.6);
  --info-rgba-70: rgba(23, 162, 184, 0.7);
  --info-rgba-80: rgba(23, 162, 184, 0.8);
  --info-rgba-90: rgba(23, 162, 184, 0.9);
  --warning: #ffc107;
  --warning-100: #e6ae06;
  --warning-200: #cc9a06;
  --warning-300: #b38705;
  --warning--100: #ffc720;
  --warning--200: #ffcd39;
  --warning--300: #ffd451;
  --warning-rgba-0: rgba(255, 193, 7, 0);
  --warning-rgba-10: rgba(255, 193, 7, 0.1);
  --warning-rgba-20: rgba(255, 193, 7, 0.2);
  --warning-rgba-30: rgba(255, 193, 7, 0.3);
  --warning-rgba-40: rgba(255, 193, 7, 0.4);
  --warning-rgba-50: rgba(255, 193, 7, 0.5);
  --warning-rgba-60: rgba(255, 193, 7, 0.6);
  --warning-rgba-70: rgba(255, 193, 7, 0.7);
  --warning-rgba-80: rgba(255, 193, 7, 0.8);
  --warning-rgba-90: rgba(255, 193, 7, 0.9);
  --danger: #dc3545;
  --danger-100: #c6303e;
  --danger-200: #b02a37;
  --danger-300: #9a2530;
  --danger--100: #e04958;
  --danger--200: #e35d6a;
  --danger--300: #e7727d;
  --danger-rgba-0: rgba(220, 53, 69, 0);
  --danger-rgba-10: rgba(220, 53, 69, 0.1);
  --danger-rgba-20: rgba(220, 53, 69, 0.2);
  --danger-rgba-30: rgba(220, 53, 69, 0.3);
  --danger-rgba-40: rgba(220, 53, 69, 0.4);
  --danger-rgba-50: rgba(220, 53, 69, 0.5);
  --danger-rgba-60: rgba(220, 53, 69, 0.6);
  --danger-rgba-70: rgba(220, 53, 69, 0.7);
  --danger-rgba-80: rgba(220, 53, 69, 0.8);
  --danger-rgba-90: rgba(220, 53, 69, 0.9);
  --muted: #6c757d;
  --muted-100: #616971;
  --muted-200: #565e64;
  --muted-300: #4c5258;
  --muted--100: #7b838a;
  --muted--200: #899197;
  --muted--300: #989ea4;
  --muted-rgba-0: rgba(108, 117, 125, 0);
  --muted-rgba-10: rgba(108, 117, 125, 0.1);
  --muted-rgba-20: rgba(108, 117, 125, 0.2);
  --muted-rgba-30: rgba(108, 117, 125, 0.3);
  --muted-rgba-40: rgba(108, 117, 125, 0.4);
  --muted-rgba-50: rgba(108, 117, 125, 0.5);
  --muted-rgba-60: rgba(108, 117, 125, 0.6);
  --muted-rgba-70: rgba(108, 117, 125, 0.7);
  --muted-rgba-80: rgba(108, 117, 125, 0.8);
  --muted-rgba-90: rgba(108, 117, 125, 0.9);
  --white: #ffffff;
  --white-100: #e6e6e6;
  --white-200: #cccccc;
  --white-300: #b3b3b3;
  --white--100: white;
  --white--200: white;
  --white--300: white;
  --white-rgba-0: rgba(255, 255, 255, 0);
  --white-rgba-10: rgba(255, 255, 255, 0.1);
  --white-rgba-20: rgba(255, 255, 255, 0.2);
  --white-rgba-30: rgba(255, 255, 255, 0.3);
  --white-rgba-40: rgba(255, 255, 255, 0.4);
  --white-rgba-50: rgba(255, 255, 255, 0.5);
  --white-rgba-60: rgba(255, 255, 255, 0.6);
  --white-rgba-70: rgba(255, 255, 255, 0.7);
  --white-rgba-80: rgba(255, 255, 255, 0.8);
  --white-rgba-90: rgba(255, 255, 255, 0.9);
  --grey-100: #f4f4f4;
  --grey-200: #eaeaea;
  --grey-300: #e5e5e5;
  --grey-400: #e0e0e0;
  --grey-500: #dbdbdb;
  --grey-600: #cecece;
  --grey-700: #c1c1c1;
  --grey-800: #a8a8a8;
  --grey-900: #8e8e8e;
  --grey-1000: #757575;
  --primary-inverse: #fff;
  --secondary-inverse: #777;
  --tertiary-inverse: #fff;
  --quaternary-inverse: #fff;
  --dark-inverse: #fff;
  --light-inverse: #777;
}

:root {
  --border-radius: 4px;
  --border-radius2x: 8px;
}

.form-check-input:checked {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}

@media (min-width: 992px) {
  #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a,
  #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
    color: var(--grey) !important;
  }
  #header .header-nav.header-nav-links nav > ul > li > a:hover {
    color: var(--primary) !important;
  }
  #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
    color: var(--primary) !important;
  }
  #header .header-nav.header-nav-light-text nav > ul > li > a,
  #header .header-nav.header-nav-light-text nav > ul > li > a {
    color: var(--white) !important;
  }
  #header .header-nav.header-nav-light-text nav > ul > li > a:hover {
    color: var(--secondary) !important;
  }
  #header .header-nav.header-nav-light-text nav > ul:not(:hover) > li > a.active {
    color: var(--secondary) !important;
  }
}
.indicator {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -4px;
  left: 0;
  padding: 0;
  display: block;
  line-height: 1;
}
.indicator__info {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.indicator__count {
  position: absolute;
  top: -12px;
  right: -10px;
  width: 15px;
  height: 15px;
  display: block;
  font-size: 9px;
  font-weight: 600;
  color: var(--light);
  background-color: var(--danger);
  text-align: center;
  line-height: 15px;
  border-radius: 20px;
  box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.indicator__count--primary {
  background-color: var(--primary);
  color: var(--primary-inverse, #fff);
}

.indicator__count--secondary {
  background-color: var(--secondary);
  color: var(--secondary-inverse, #fff);
}

.indicator__count--tertiary {
  background-color: var(--tertiary);
  color: var(--tertiary-inverse, #fff);
}

.indicator__count--quaternary {
  background-color: var(--quaternary);
  color: var(--quaternary-inverse, #fff);
}

.indicator__count--dark {
  background-color: var(--dark);
  color: var(--dark-inverse, #fff);
}

.indicator__count--light {
  background-color: var(--light);
  color: var(--light-inverse, #fff);
}

/* -----------------------------------------
   Notifications Dropdown
----------------------------------------- */
.notifications-dropdown {
  width: 300px;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Header */
  /* Notifications List */
  /* Divider for Footer */
  /* Footer */
}
.notifications-dropdown .dropdown-header {
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: var(--primary);
  color: var(--light);
  border-bottom: 1px solid #e3e3e3;
}
.notifications-dropdown .dropdown-header .font-weight-bold {
  font-weight: bold;
}
.notifications-dropdown .notifications-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
}
.notifications-dropdown .notifications-list li {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid #f5f5f5;
}
.notifications-dropdown .notifications-list li:last-child {
  border-bottom: none;
}
.notifications-dropdown .notifications-list li a {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
}
.notifications-dropdown .notifications-list li a .notification-icon {
  font-size: 24px; /* Tamaño del icono */
  color: #29b6d8;
  margin-right: 10px;
  flex-shrink: 0; /* Evita que el icono cambie de tamaño */
}
.notifications-dropdown .notifications-list li a .notification-content {
  display: flex;
  flex-direction: column;
}
.notifications-dropdown .notifications-list li a .notification-content .notification-text {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  transition: color 0.3s ease;
}
.notifications-dropdown .notifications-list li a .notification-content .notification-text:hover {
  color: var(--primary); /* Cambia el texto al color primario */
}
.notifications-dropdown .notifications-list li a .notification-content .notification-right {
  font-size: 12px;
  color: #888;
  margin-top: 4px;
  transition: color 0.3s ease;
}
.notifications-dropdown .notifications-list li a .notification-content .notification-right:hover {
  color: var(--primary); /* Cambia el texto al color primario */
}
.notifications-dropdown .dropdown-divider {
  border-top: 1px solid #e3e3e3;
  margin: 0;
}
.notifications-dropdown .dropdown-footer {
  padding: 10px;
  text-align: center;
}
.notifications-dropdown .dropdown-footer .btn {
  font-size: 14px;
  padding: 8px 16px;
}

@media (min-width: 992px) {
  .page-header .page-header-nav.page-header-nav-light-text nav > ul > li > a {
    color: var(--white) !important;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s ease, font-weight 0.3s ease;
  }
  .page-header .page-header-nav.page-header-nav-light-text nav > ul > li > a:hover {
    color: var(--white) !important;
    font-weight: bold;
  }
  .page-header .page-header-nav.page-header-nav-light-text nav > ul > li > a.active {
    color: var(--quaternary) !important;
    font-weight: bold;
  }
  .page-header .page-header-nav.page-header-nav-light-text nav > ul > li > a.active:hover {
    color: var(--white) !important;
    font-weight: bold;
  }
}
.text-quinary {
  color: var(--quinary) !important;
}

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

.bg-quinary {
  background-color: var(--quinary) !important;
}

/* Estilo por defecto para móviles (mobile-first approach) */
#scrollspyInicio #scrollspyInicio-left {
  height: 50rem;
}

/* Sobrescribe el estilo para pantallas más grandes (desktop) */
@media (min-width: 992px) {
  /* Bootstrap breakpoint para lg */
  #scrollspyInicio #scrollspyInicio-left {
    height: 46rem;
  }
}
#scrollspyComiteCientifico {
  background: linear-gradient(178.88deg, #3d87b7 16.53%, #79b7b4 99.02%);
}

#scrollspyCalendario {
  background: linear-gradient(180deg, #3d87b7 0%, #3d87b7 100%);
}

#scrollspyContenidos {
  background: linear-gradient(0deg, #2071b8 -45.34%, #79b7b4 100%);
}

#scrollspyAfirmacion {
  background: linear-gradient(180deg, #2071b8 0%, #79b7b4 100%);
}

#scrollspyPresentacion {
  background: linear-gradient(180deg, #79b7b4 0%, #79b7b4 100%);
}

#scrollspyPresentacionVideo {
  background: linear-gradient(180deg, #2071b8 0%, #79b7b4 100%);
}

@media (width >= 1024px) {
  .bg-participar {
    background: url("/assets/front/img/home/bg-participar.png");
    background-repeat: no-repeat;
    background-size: 70% 100%;
    background-position: center top;
  }
}
.clock-position {
  position: absolute;
  position: absolute;
  right: -35px;
  top: -136px;
}
@media (width <= 1024px) {
  .clock-position {
    right: -150px;
    top: -136px;
  }
}
@media (width <= 768px) {
  .clock-position {
    right: -160px;
    top: -136px;
  }
}
@media (width <= 425px) {
  .clock-position {
    right: -75px;
    top: -180px;
  }
}

@media (width >= 1024px) {
  .bg-comite {
    background-image: url("/assets/front/img/home/bg-authors.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}
.card-author figure {
  width: 226px;
  height: 285px;
  overflow: hidden;
}
.card-author figure img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.card-author .author-description p {
  color: #fff !important;
}

.card-contest {
  border: 1px solid #283583;
  overflow: hidden;
}

.card .card-contest {
  cursor: pointer;
}

.card-contest .card-header span.count-circle {
  width: 80px;
  height: 80px;
  font-size: inherit;
  color: #283583;
  background-color: var(--primary);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: absolute;
  top: -20px;
  left: -15px;
}
.card-contest .card-header span.count-circle strong {
  font-size: 2rem;
  padding-top: 1rem;
  padding-left: 0.5rem;
  color: #fff;
}

.not-active {
  position: absolute;
  top: 0;
  color: #fff;
  z-index: 2;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(134.22deg, rgba(121, 183, 180, 0.75) 0%, rgba(32, 113, 184, 0.75) 98.67%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.btn-yes {
  background-color: #009ba6;
  border: none;
  color: white;
}

.card-contest .author-image-container {
  height: 50px;
  width: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid var(--secondary);
  overflow: hidden;
}

.card-contest p {
  margin: 0;
  margin-bottom: -7px;
  font-size: 16px;
  color: gray;
}

#author-container p {
  font-size: 12px;
}

.card-contest #card-body-description p {
  max-width: 80%;
}

.date-active {
  color: var(--secondary);
  font-size: 10px;
}

.card-contest .card-body #status-statement {
  position: absolute;
  top: -35px;
  right: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 12px;
  padding: 5px;
  text-align: center;
  color: #fff;
}

.card-contest .card-body #status-statement.status-not-at-time {
  background-color: var(--secondary);
}

.card-contest .card-body #status-statement.status-error {
  background-color: red;
}

.card-contest .card-body #status-statement.status-green {
  background-color: green;
}

.card-contest .card-body #status-statement.status-not-response {
  background-color: var(--secondary);
}

.card-contest .card-body #status-statement .statement-icon {
  font-size: large;
}

.card-contest .card-body #status-statement .statement-score {
  font-size: 14px;
}
.card-contest .card-body #status-statement .statement-score strong {
  color: #fff;
}

.btn-modal-info {
  font-size: 25px;
  color: white;
  z-index: 2;
  cursor: pointer;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-modal-info:hover {
  color: rgb(231, 231, 231);
  text-decoration: none;
}

.card-modules {
  text-decoration: none !important;
}
.card-modules .card-module {
  background-color: rgba(32, 113, 184, 0.8);
  transition: 0.65s;
}
.card-modules .card-module h4,
.card-modules .card-module .date-active {
  color: #ffffff;
}
.card-modules .card-module:hover {
  background-color: rgba(32, 113, 184, 0.9529411765);
}
.card-modules .card-module:hover h4 {
  color: #fff;
}
.card-modules .card-module:hover .date-active {
  color: #fff;
}

.card-badge {
  padding: 3px 5px 2px;
  position: absolute;
  top: 4px;
  right: 5px;
  display: inline-block;
  min-width: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background-color: var(--secondary);
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
}

.stopwatch {
  background-color: var(--secondary);
  padding: 10px 20px 10px 20px;
  width: 150px;
  border: 1px solid var(--secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  top: -43px;
  text-align: center;
}
.stopwatch .fa-stopwatch {
  font-size: 22px;
}
.stopwatch #timer {
  font-size: 18px;
}

/* #pre-pregunta-container {
    background-color: var(--secondary);
    padding: 30px;
    border-radius: 6px;

    p{
        color: #fff !important;
    }
} */
.pregunta-descripcion-container {
  padding: 20px;
  border-radius: 5px;
  background-color: #f2f8f7;
  border-radius: 4px;
  position: relative;
}
.pregunta-descripcion-container .question {
  background-color: white;
  padding: 3rem 1rem 0rem !important;
  border-radius: 4px;
}
.pregunta-descripcion-container .question_box_title {
  color: black;
}
.pregunta-descripcion-container .question_box_desc {
  color: black;
}

.botones-respuesta-container {
  display: flex;
  justify-content: center;
  align-content: center;
}

.pregunta-btn {
  padding: 7px 15px;
  background-color: #fff;
  color: #fff;
  border-radius: 30px;
  border: 1px solid var(--primary);
  position: relative;
  cursor: pointer;
  color: var(--primary);
}
.pregunta-btn i {
  font-size: 1.5rem;
  margin-left: 1.2rem;
}

button#btn-verdad:hover,
button#btn-mito:hover {
  color: var(--primary);
  background-color: #ecedf5;
}

.resultado-descripcion-container {
  padding: 20px;
}
.resultado-descripcion-container.result-success {
  background-color: #d8efed;
}
.resultado-descripcion-container.result-error {
  background-color: #f9dede;
}
.resultado-descripcion-container #status-statement {
  width: 110px;
  height: 110px;
  background-color: #38baec;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  /* right: 225px;
  margin-top: -50px; */
}
.resultado-descripcion-container #status-statement.status-gray {
  background-color: rgb(211, 211, 211);
}
.resultado-descripcion-container #status-statement.status-error {
  background-color: red;
}
.resultado-descripcion-container #status-statement.status-success {
  background-color: #00c7ad;
}
.resultado-descripcion-container #status-statement.status-not-at-time {
  background-color: #38baec;
}

#verdadOmitoHeader .btn-modal-info,
#verdadOmitoHeader .btn-back-header {
  font-size: 25px;
  color: white;
  z-index: 2;
  cursor: pointer;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#verdadOmitoHeader .btn-modal-info:hover,
#verdadOmitoHeader .btn-back-header:hover {
  color: rgb(231, 231, 231);
  text-decoration: none;
}

@media only screen and (min-width: 320px) {
  /* .resultado-descripcion-container #status-statement {
      right: 0;
      margin-top: -68px;
  } */
}
@media only screen and (max-width: 320px) {
  .resultado-descripcion-container #status-statement {
    right: 0;
    margin-top: -68px;
  }
  #btn-verdad,
  #btn-mito {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1140px) {
  .resultado-descripcion-container #status-statement {
    right: 100px;
    margin-top: -70px;
  }
}
@media only screen and (max-width: 1280px) {
  .resultado-descripcion-container #status-statement {
    right: 25px;
    margin-top: -50px;
  }
}
.btn-confirm {
  background-color: #1f59ff !important;
  color: #fff !important;
}

.disabledContent {
  cursor: not-allowed !important;
}

.disabledContent > * {
  pointer-events: none !important;
}

.btn-eval {
  display: flex;
  width: 124px;
  height: 124px;
  padding: 75px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 236px;
  cursor: pointer;
}
.btn-eval--success {
  border: 1px solid #0ea22f;
  background: #41a60e;
}
.btn-eval--success.active, .btn-eval--success:hover {
  border-color: #005f00;
  border-width: 4px;
}
.btn-eval--danger {
  border: 1px solid var(--Rojo, #c61618);
  background: var(--Rojo, #c61618);
}
.btn-eval--danger.active, .btn-eval--danger:hover {
  border-color: #8b0000;
  border-width: 4px;
}

.btn-outline-success.btn-toggle.active {
  background-color: rgb(142, 205, 110) !important;
  color: white;
  border-width: 4px;
}

.btn-outline-danger.btn-toggle.active {
  background-color: rgb(221, 125, 126) !important;
  color: white;
  border-width: 4px;
}

.btn:hover.btn-outline-success {
  background-color: rgb(142, 205, 110) !important;
  border-color: rgb(142, 205, 110) !important;
  color: white;
  border-width: 0px;
}
.btn:hover.btn-outline-danger {
  background-color: rgb(221, 125, 126) !important;
  border-color: rgb(221, 125, 126) !important;
  color: white;
  border-width: 0px;
}

.btn-vom {
  width: 158px;
  height: 37px;
}

.form-check-input:checked {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.question-mark-orange {
  position: absolute;
  top: -40px;
  left: 44%;
}
@media (width <= 1024px) {
  .question-mark-orange {
    top: -40px;
    left: 44%;
  }
}
@media (width <= 768px) {
  .question-mark-orange {
    top: -40px;
    left: 41%;
  }
}
@media (width <= 425px) {
  .question-mark-orange {
    top: -40px;
    left: 44%;
  }
}
@media (width <= 375px) {
  .question-mark-orange {
    top: -40px;
    left: 36%;
  }
}
@media (width <= 320px) {
  .question-mark-orange {
    top: -40px;
    left: 31%;
  }
}

.post-question-mark-orange {
  position: absolute;
  top: -40px;
  left: 44%;
}
@media (width <= 1024px) {
  .post-question-mark-orange {
    top: -40px;
    left: 44%;
  }
}
@media (width <= 768px) {
  .post-question-mark-orange {
    top: -40px;
    left: 41%;
  }
}
@media (width <= 425px) {
  .post-question-mark-orange {
    top: -40px;
    left: 34%;
  }
}
@media (width <= 375px) {
  .post-question-mark-orange {
    top: -40px;
    left: 32%;
  }
}
@media (width <= 320px) {
  .post-question-mark-orange {
    top: -40px;
    left: 29%;
  }
}

.pre-timer {
  position: absolute;
  left: 42%;
  top: 229px;
}
@media (width <= 1024px) {
  .pre-timer {
    left: 40%;
    top: 229px;
  }
}
@media (width <= 768px) {
  .pre-timer {
    left: 37%;
    top: 249px;
  }
}
@media (width <= 425px) {
  .pre-timer {
    left: 29%;
    top: 255px;
  }
}
@media (width <= 375px) {
  .pre-timer {
    left: 26%;
    top: 323px;
  }
}
@media (width <= 320px) {
  .pre-timer {
    left: 23%;
    top: 346px;
  }
}

.post-timer {
  position: absolute;
  left: 42%;
  top: -30px;
  /* @media (width <= 1024px) {
      left: 40%;
      top: 229px;
  } */
}
@media (width <= 768px) {
  .post-timer {
    left: 38%;
    top: -30px;
  }
}
@media (width <= 425px) {
  .post-timer {
    left: 29%;
    top: -30px;
  }
}
@media (width <= 375px) {
  .post-timer {
    left: 26%;
    top: -30px;
  }
}
@media (width <= 320px) {
  .post-timer {
    left: 23%;
    top: -60px;
  }
}

/*
Edición de los formularios de registro, solicitud de código y login form (excepto el de home)
*/
#register-form-container, #codeIntroductor, #reset-form-container, .card-login {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 3px 3px 2px 0 rgba(179, 179, 179, 0.25);
  border-radius: 8px;
}
#register-form-container .card-subtitle, #codeIntroductor .card-subtitle, #reset-form-container .card-subtitle, .card-login .card-subtitle {
  font-size: 14px;
}
#register-form-container .btn-submit-auth, #codeIntroductor .btn-submit-auth, #reset-form-container .btn-submit-auth, .card-login .btn-submit-auth {
  font-size: 18px;
  padding: 10px 30px;
  letter-spacing: 1px;
}
#register-form-container .link, #codeIntroductor .link, #reset-form-container .link, .card-login .link {
  font-size: 14px;
  color: var(--tertiary);
}
#register-form-container .link:hover, #codeIntroductor .link:hover, #reset-form-container .link:hover, .card-login .link:hover {
  text-decoration: none !important;
  font-size: 14px;
  color: var(--secondary);
}
#register-form-container label, #codeIntroductor label, #reset-form-container label, .card-login label {
  font-size: 14px !important;
  color: #777777;
}
#register-form-container select, #codeIntroductor select, #reset-form-container select, .card-login select {
  color: #777777;
}
#register-form-container input, #codeIntroductor input, #reset-form-container input, .card-login input {
  font-size: 14px;
}
#register-form-container .link-card-footer, #codeIntroductor .link-card-footer, #reset-form-container .link-card-footer, .card-login .link-card-footer {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0.5px;
  text-align: center;
  font-weight: 500;
}
#register-form-container .link-card-footer:hover, #codeIntroductor .link-card-footer:hover, #reset-form-container .link-card-footer:hover, .card-login .link-card-footer:hover {
  font-size: 14px;
  color: #E9E9E9;
  text-decoration: none !important;
}

/* BTN REENVIAR CODIGO DE CONFIRMACION */
.btn-reenviar {
  font-size: 18px;
  color: #FFFFFF;
  text-align: center;
  line-height: 32px;
  font-weight: 500;
}