@charset "UTF-8";
/*------------------------------------------------------------------
[Indice]

1. Variables y mixins
2. Estructura
3. Páginas
4. Componentes
5. Plugins

/*------------------------------------------------------------------
[1. Variables y mixins]
-------------------------------------------------------------------*/
/*===Tamaños para Query===*/
/*===Colores===*/
:root {
  --colorPrimario: #2e8f8b;
  --colorSecundario: #dad8d5;
  --colorDetalle: #f8f9fa;
  --requerido: #dc3545;
  --colorTerciario: #fff;
  --colorSecundarioClaro: #2e3238;
  --colorSecundarioOscuro: #242424;
  --texto: #616263;
  --alertaDanger: #f56566;
  --alertaSuccess: #1d7e7a;
  --alertaWarning: #e2c418;
  --fondoDanger: #fbefeb;
  --fondoSuccess: #f1f8f4;
  --fondoWarning: #f8f8f1;
  --fondoCampoResaltado: #cde7e480;
}

/*===Animaciones===*/
/* Normal desktop :1200px. */
/* Normal desktop :992px. */
/* Tablet desktop :768px. */
/* small mobile :320px. */
/* Large Mobile :480px. */
/*------------------------------------------------------------------
[2. Estructura]
-------------------------------------------------------------------*/
/*===Clases colores===*/
.colorPrimario {
  color: var(--colorPrimario);
}

.colorTerciario {
  color: var(--colorTerciario);
}

.colorSecundarioClaro {
  color: var(--colorSecundario) Claro;
}

.fondoSecundario {
  background-color: var(--colorSecundario);
}

.fondoTerciario {
  background-color: var(--colorTerciario) !important;
}

.fondoPrimario {
  background-color: var(--colorPrimario);
  color: #fff;
}

.fondoPrimarioClaro {
  background-color: #e6e5e4;
  padding: 2rem;
  border-radius: 8px;
}

.requerido {
  color: #dc3b3b;
}

.colorTexto {
  color: var(--texto);
}

.colorSecundario {
  color: #b46941;
}

small.colorSecundario {
  cursor: pointer;
}

.campoEditado input,
.campoEditado textarea,
.campoEditado .bootstrap-select .btn-light,
.campoEditado .custom-file-label {
  background-color: var(--fondoCampoResaltado);
}
.campoEditado label {
  position: relative;
}
.campoEditado label:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f4ff";
  font-size: 12px;
  position: absolute;
  top: 4px;
  right: -20px;
  color: var(--colorPrimario);
}

/*===Tipo de fuente===*/
/* cabin-regular - latin */
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/cabin-v18-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/cabin-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/cabin-v18-latin-regular.woff2") format("woff2"), url("../fonts/cabin-v18-latin-regular.woff") format("woff"), url("../fonts/cabin-v18-latin-regular.ttf") format("truetype"), url("../fonts/cabin-v18-latin-regular.svg#Cabin") format("svg"); /* Legacy iOS */
}
/* cabin-500 - latin */
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/cabin-v18-latin-500.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/cabin-v18-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/cabin-v18-latin-500.woff2") format("woff2"), url("../fonts/cabin-v18-latin-500.woff") format("woff"), url("../fonts/cabin-v18-latin-500.ttf") format("truetype"), url("../fonts/cabin-v18-latin-500.svg#Cabin") format("svg"); /* Legacy iOS */
}
/* cabin-700 - latin */
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/cabin-v18-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/cabin-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/cabin-v18-latin-700.woff2") format("woff2"), url("../fonts/cabin-v18-latin-700.woff") format("woff"), url("../fonts/cabin-v18-latin-700.ttf") format("truetype"), url("../fonts/cabin-v18-latin-700.svg#Cabin") format("svg"); /* Legacy iOS */
}
/* libre-franklin-regular - latin */
@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/libre-franklin-v7-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/libre-franklin-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/libre-franklin-v7-latin-regular.woff2") format("woff2"), url("../fonts/libre-franklin-v7-latin-regular.woff") format("woff"), url("../fonts/libre-franklin-v7-latin-regular.ttf") format("truetype"), url("../fonts/libre-franklin-v7-latin-regular.svg#LibreFranklin") format("svg"); /* Legacy iOS */
}
/* libre-franklin-500 - latin */
@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/libre-franklin-v7-latin-500.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/libre-franklin-v7-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/libre-franklin-v7-latin-500.woff2") format("woff2"), url("../fonts/libre-franklin-v7-latin-500.woff") format("woff"), url("../fonts/libre-franklin-v7-latin-500.ttf") format("truetype"), url("../fonts/libre-franklin-v7-latin-500.svg#LibreFranklin") format("svg"); /* Legacy iOS */
}
/* libre-franklin-700 - latin */
@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/libre-franklin-v7-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/libre-franklin-v7-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/libre-franklin-v7-latin-700.woff2") format("woff2"), url("../fonts/libre-franklin-v7-latin-700.woff") format("woff"), url("../fonts/libre-franklin-v7-latin-700.ttf") format("truetype"), url("../fonts/libre-franklin-v7-latin-700.svg#LibreFranklin") format("svg"); /* Legacy iOS */
}
/* libre-franklin-800 - latin */
@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/libre-franklin-v7-latin-800.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/libre-franklin-v7-latin-800.eot?#iefix") format("embedded-opentype"), url("../fonts/libre-franklin-v7-latin-800.woff2") format("woff2"), url("../fonts/libre-franklin-v7-latin-800.woff") format("woff"), url("../fonts/libre-franklin-v7-latin-800.ttf") format("truetype"), url("../fonts/libre-franklin-v7-latin-800.svg#LibreFranklin") format("svg"); /* Legacy iOS */
}
strong {
  font-weight: 600;
}

/*===Clases tipografía===*/
/*===Titulos===*/
html {
  font-size: 14px;
}
@media screen and (min-width: 360px) {
  html {
    font-size: calc(
                    14px + 3 *
                        ((100vw - 360px) / 940)
                );
  }
}
@media screen and (min-width: 1300px) {
  html {
    font-size: 17px;
  }
}

p {
  font-weight: 400;
  font-family: "Libre Franklin", sans-serif;
}

.titulo {
  font-size: 4.42050625rem;
  font-family: "Cabin", sans-serif;
  font-weight: 700;
}
.titulo {
  font-size: 18.634px;
}
@media screen and (min-width: 360px) {
  .titulo {
    font-size: calc(
                    18.634px + 24.04675 *
                        ((100vw - 360px) / 940)
                );
  }
}
@media screen and (min-width: 1300px) {
  .titulo {
    font-size: 42.68075px;
  }
}

.titulo-lg {
  font-size: 6.5536rem;
  font-family: "Cabin", sans-serif;
  font-weight: 700;
}
.titulo-lg {
  font-size: 21.29225px;
}
@media screen and (min-width: 360px) {
  .titulo-lg {
    font-size: calc(
                    21.29225px + 36.05175 *
                        ((100vw - 360px) / 940)
                );
  }
}
@media screen and (min-width: 1300px) {
  .titulo-lg {
    font-size: 57.344px;
  }
}

.subtitulo {
  font-size: 2.44140625rem;
  font-family: "Cabin", sans-serif;
  font-weight: 700;
}
.subtitulo {
  font-size: 18.634px;
}
@media screen and (min-width: 360px) {
  .subtitulo {
    font-size: calc(
                    18.634px + 8.70975 *
                        ((100vw - 360px) / 940)
                );
  }
}
@media screen and (min-width: 1300px) {
  .subtitulo {
    font-size: 27.34375px;
  }
}

.subtitulo-sm {
  font-size: 2.0736rem;
  font-family: "Cabin", sans-serif;
}
.subtitulo-sm {
  font-size: 18.634px;
}
@media screen and (min-width: 360px) {
  .subtitulo-sm {
    font-size: calc(
                    18.634px + 5.558 *
                        ((100vw - 360px) / 940)
                );
  }
}
@media screen and (min-width: 1300px) {
  .subtitulo-sm {
    font-size: 24.192px;
  }
}

.subtitulo-xs {
  font-size: 1.74900625rem;
  font-family: "Cabin", sans-serif;
}
.subtitulo-xs {
  font-size: 18.634px;
}
@media screen and (min-width: 360px) {
  .subtitulo-xs {
    font-size: calc(
                    18.634px + 2.65825 *
                        ((100vw - 360px) / 940)
                );
  }
}
@media screen and (min-width: 1300px) {
  .subtitulo-xs {
    font-size: 21.29225px;
  }
}

.texto-lg {
  font-size: 15px;
}
@media screen and (min-width: 360px) {
  .texto-lg {
    font-size: calc(
                    15px + 2 *
                        ((100vw - 360px) / 940)
                );
  }
}
@media screen and (min-width: 1300px) {
  .texto-lg {
    font-size: 17px;
  }
}

html {
  min-height: 100%;
  position: relative;
}

img {
  max-width: 100%;
}

.separador {
  height: 3px;
  width: 50px;
  background-color: var(--colorPrimario);
  text-align: center;
  margin: 1rem 0;
}
.separador.fino {
  height: 2px;
}

body {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: "Libre Franklin", sans-serif;
  font-style: normal;
  background-color: #f8f9fa;
  color: var(--texto);
  font-weight: 400;
}

.overflowHidden {
  overflow: hidden;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: inherit;
}

button:focus {
  outline: none;
}

button::-moz-focus-inner {
  border: 0;
}

a:focus {
  outline: none;
}

a::-moz-focus-inner {
  border: 0;
}

hr {
  border-top: 1px solid #fff;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1600px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
/*===Hack H1===*/
.pixel {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  margin: 0;
  border: 0;
}

/*===Prueba===*/
.prueba {
  background-color: var(--colorPrimario);
  height: 500px;
  width: 55%;
  position: absolute;
  right: 0;
}

/*===Cabecera===*/
#cabecera {
  background-color: transparent;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: absolute;
}
#cabecera .container {
  justify-content: flex-end;
}
#cabecera .navbar-collapse {
  justify-content: flex-end;
}
#cabecera .svg {
  width: 20px;
  vertical-align: sub;
  margin-right: 0.5rem;
}
#cabecera.cabeceraPrivada {
  background-color: var(--colorPrimario);
}
#cabecera.cabeceraPrivada.fija {
  background-color: var(--colorPrimario);
}
#cabecera.fija {
  position: fixed;
  background-color: var(--colorPrimario);
  transition: all 0.35s ease;
}
#cabecera.fija .navbar-nav a {
  color: var(--colorTerciario);
  opacity: 1;
}
#cabecera.fija .navbar-nav a:hover {
  opacity: 0.7;
  color: var(--colorTerciario);
}
#cabecera.fija .navbar-nav a.botonPrimario {
  background-color: var(--colorTerciario);
  color: var(--colorPrimario);
  border: 2px solid var(--colorTerciario);
}
#cabecera.fija .navbar-nav .nav-item.active a {
  color: var(--colorTerciario);
  font-weight: 700;
  border-bottom: 2px solid var(--colorTerciario);
}
#cabecera.fija .navbar-nav .nav-item.active a:hover {
  opacity: 0.7;
}
#cabecera.fija .navbar-nav .dropdown-menu a {
  color: var(--colorPrimario);
  top: 100px;
}
#cabecera.fija .navbar-nav span {
  color: var(--colorTerciario);
}
#cabecera.fija .navbar-nav strong.colorPrimario {
  color: var(--colorTerciario);
}
#cabecera.fija .navbar-toggler .icon-bar {
  background-color: #f7f7f7;
}
#cabecera .logo {
  width: 220px;
}
#cabecera .navbar-nav {
  padding: 10px 0;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#cabecera .navbar-nav a {
  font-size: 0.9rem;
  font-weight: 400;
  font-family: "Libre Franklin", sans-serif;
  color: var(--texto);
}
#cabecera .navbar-nav a:hover {
  color: var(--colorPrimario);
  font-weight: 400;
  opacity: 1;
  border-bottom: 2px solid var(--colorPrimario);
}
#cabecera .navbar-nav .nav-item.idioma a {
  border-bottom: 0;
}
#cabecera .navbar-nav .nav-item.active a {
  color: var(--colorPrimario);
  font-weight: 700;
  opacity: 1;
  border-bottom: 2px solid var(--colorPrimario);
}
#cabecera .navbar-nav .nav-item {
  margin-right: 0.8rem;
}
#cabecera .navbar-nav .nav-item:last-of-type {
  margin-right: 0;
}
#cabecera .navbar-nav .botonPrimario {
  padding: 0.45rem 1.1rem;
  color: #fff;
}

@media (max-width: 1200px) {
  #cabecera .navbar-brand {
    z-index: 2;
  }
  #cabecera .logoResponsive {
    width: 200px;
  }
  #cabecera .navbar-toggler {
    border: none;
    z-index: 2;
  }
  #cabecera .navbar-toggler i {
    color: var(--colorTerciario);
  }
  #cabecera .svg {
    vertical-align: baseline;
  }
  #cabecera .navbar-nav {
    align-items: initial;
  }
  #cabecera .navbar-nav a {
    font-size: 1rem;
  }
  #cabecera .container.espaciado {
    display: block;
  }
  #cabecera .navbar-toggler.blanco .icon-bar {
    background-color: var(--colorPrimario);
  }
  #cabecera .navbar-collapse {
    position: fixed;
    top: 0;
    z-index: 1;
    right: 0;
    width: 100%;
    background-color: #f8f9fa;
    max-height: none;
    opacity: 0.97;
  }
  #cabecera .navbar-collapse .espaciado {
    padding: 3rem;
    padding-top: 5rem;
    height: 100vh;
    overflow-y: auto;
    align-items: baseline;
  }
  #cabecera .navbar-collapse a {
    font-size: 21px;
  }
  #cabecera .navbar-collapse .nav-item {
    margin-right: 0;
    margin-top: 20px;
    text-align: center;
  }
  #cabecera .navbar-collapse .nav-item.acceso {
    order: -1;
  }
  #cabecera .navbar-collapse .nav-item.acceso .botonPrimario {
    display: block;
  }
  #cabecera .navbar-collapse .nav-item.dropdown {
    border-left: none !important;
    padding-left: 0 !important;
  }
  #cabecera .navbar-collapse .dropdown-menu.show {
    border: none;
  }
  #cabecera .navbar-collapse .dropdown-menu.show a {
    padding-left: 0.5rem;
  }
  #cabecera .navbar-collapse.fijo .nav-item a {
    color: var(--colorPrimario);
  }
  #cabecera .navbar-collapse.fijo .nav-item a.botonPrimario {
    color: var(--colorTerciario);
  }
  #cabecera .navbar-collapse.fijo .nav-item a.botonPrimario:hover {
    color: var(--colorPrimario);
  }
  #cabecera .navbar-collapse.fijo .nav-item.active a {
    color: var(--colorPrimario);
    border-bottom: 2px solid var(--colorPrimario);
  }
  #cabecera .navbar-collapse.fijo span {
    color: var(--colorTerciario);
  }
  #cabecera.fija .navbar-collapse.fijo .nav-item a.botonPrimario {
    background-color: var(--colorPrimario);
  }
}
@media (min-width: 1200px) {
  #cabecera .dropdown-menu {
    right: 0;
    left: auto;
    padding: 1rem;
    border: none;
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);
    text-align: right;
    min-width: 5.5rem;
  }
  #cabecera .dropdown-menu-xl {
    min-width: 30rem;
    top: 140%;
  }
  #cabecera .dropdown-menu-xl a {
    color: var(--texto);
    display: block;
    opacity: 1;
  }
  #cabecera .dropdown-menu-xl a:last-child {
    border-bottom: none;
  }
  #cabecera .dropdown-menu-xl small {
    color: var(--texto);
  }
  #cabecera .dropdown-menu-xl i {
    color: var(--texto);
  }
}
@media (max-width: 576px) {
  #cabecera .logo {
    width: 200px;
  }
}
.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler:hover {
  background: transparent !important;
}

.navbar-toggler .icon-bar {
  height: 2px;
  width: 22px;
  border-radius: 1px;
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-color: var(--colorPrimario);
}

.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}

/*---Animation menu (create X)---*/
.navbar-toggler.x .icon-bar:nth-of-type(1) {
  -webkit-transform: translateX(3px) rotate(45deg); /* Safari 3-8 & Chrome 4-35 & Opera 15-22 */
  -ms-transform: translateX(3px) rotate(45deg); /* IE 9 */
  -moz-transform: translateX(3px) rotate(45deg); /* Firefox 3-15 */
  -o-transform: translateX(3px) rotate(45deg); /* Opera 10-14 */
  transform: translateX(3px) rotate(45deg);
  -webkit-transform-origin: 10% 10%;
  -ms-transform-origin: 10% 10%;
  -moz-transform-origin: 10% 10%;
  -o-transform-origin: 10% 10%;
  transform-origin: 10% 10%;
}

.navbar-toggler.x .icon-bar:nth-of-type(2) {
  opacity: 0;
  filter: alpha(opacity=0); /* For IE8 and earlier */
  -moz-opacity: 0; /* Older Firefox 1 */
}

.navbar-toggler.x .icon-bar:nth-of-type(3) {
  -webkit-transform: translateX(3px) rotate(-45deg);
  -ms-transform: translateX(3px) rotate(-45deg);
  -moz-transform: translateX(3px) rotate(-45deg);
  -o-transform: translateX(3px) rotate(-45deg);
  transform: translateX(3px) rotate(-45deg);
  -webkit-transform-origin: 10% 90%;
  -ms-transform-origin: 10% 90%;
  -moz-transform-origin: 10% 90%;
  -o-transform-origin: 10% 90%;
  transform-origin: 10% 90%;
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(1) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(2) {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
}

.navbar-toggler.x.collapsed .icon-bar:nth-of-type(3) {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

/*===MenuLateral===*/
.navegacionTabs {
  padding-top: 0;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 1.5rem;
}
.navegacionTabs .nav.nav-tabs {
  border-bottom: 2px solid var(--colorPrimario);
}
.navegacionTabs .nav.nav-tabs .nav-link {
  border: none;
}
.navegacionTabs .nav.nav-tabs .nav-link.text-danger {
  font-weight: 600;
}
.navegacionTabs .nav.nav-tabs .nav-link.text-danger.active {
  color: var(--colorPrimario) !important;
}
.navegacionTabs .nav.nav-tabs .nav-item {
  margin-bottom: 0;
}
.navegacionTabs .nav.nav-tabs .nav-item .nav-link.active {
  color: var(--colorPrimario);
  font-weight: 600;
}
.navegacionTabs.subNav {
  background-color: #f5f5f5;
}
.navegacionTabs.subNav .nav.nav-tabs {
  border-bottom: 2px solid #fff;
  font-size: 0.95rem;
}
.navegacionTabs.navbar {
  padding: 0;
}
.navegacionTabs ul {
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
}
.navegacionTabs ul li {
  list-style: none;
}
.navegacionTabs ul li .nav-link {
  color: #a0a0a0;
  padding: 0.5rem 0.5rem;
}
.navegacionTabs ul li .nav-link:after {
  content: "|";
  margin-left: 1rem;
}
.navegacionTabs ul li .nav-link.text-danger:after {
  color: #a0a0a0;
}
.navegacionTabs ul li .nav-link:hover {
  color: var(--colorPrimario);
  font-weight: 600;
}
.navegacionTabs ul li.active .nav-link {
  color: var(--colorTerciario);
  font-weight: 600;
  border-radius: 4px;
  background-color: var(--colorPrimario);
  border-bottom: 2px solid var(--colorPrimario);
}
.navegacionTabs ul .nav-item:first-of-type {
  padding: 0;
}
.navegacionTabs ul .nav-item:last-of-type .nav-link:after {
  content: "";
}

@media (max-width: 1200px) {
  .menuLateral {
    background-color: #fff;
    margin-bottom: 1rem;
  }
  .menuLateral button {
    padding: 1rem;
  }
}
#pie {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #dad8d5;
}
#pie .subfooter {
  background-color: #dad8d5;
}
#pie .subfooter p {
  margin-bottom: 0;
  color: var(--colorPrimario);
}
#pie .subfooter a {
  color: var(--colorPrimario);
}
#pie .subfooter a:hover {
  opacity: 0.7;
}

@media (max-width: 576px) {
  #pie {
    padding-top: 1.5rem;
  }
  #pie img {
    width: 250px !important;
  }
}
/*===Loader===*/
#loader .modal-content {
  text-align: center;
  background-color: transparent;
  border: none;
}

#loader img {
  width: 450px;
}

.modal-backdrop.loader {
  opacity: 0.9;
  background-color: #fff;
}

/*===Acordeones===*/
.accordion .card {
  box-shadow: none;
}
.accordion .card:hover {
  transform: translate(0);
}
.accordion .card .card-header {
  padding: 0;
  margin-bottom: 0;
}
.accordion .card .card-header .btn-link {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: var(--colorTerciario);
  background-color: var(--colorPrimario);
  font-weight: 600;
}
.accordion .card .card-header .btn-link.collapsed {
  color: var(--colorPrimario);
  background-color: var(--colorTerciario);
}
.accordion .card .card-header .btn-link:hover {
  text-decoration: none;
}
.accordion .card .card-header .btn-link:focus {
  text-decoration: none;
}
.accordion .card .card-body {
  background-color: var(--colorTerciario);
  border-bottom: 1px solid var(--colorPrimario);
}
.accordion .btn-link::after {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-image: none;
  transition: transform 0.3s;
}
.accordion .btn-link:not(.collapsed)::after {
  background-image: none;
  transform: rotate(-45deg);
  transition: transform 0.3s;
}

/*===Clases de seccion===*/
section {
  padding: 3rem 0;
}

/*===Migas===*/
.migas {
  padding: 0.5rem;
  border-bottom: 3px solid var(--colorPrimario);
  background-color: var(--colorTerciario);
  margin-bottom: 2rem;
}
.migas a {
  font-weight: 400;
  color: #616263;
  margin-right: 0.5rem;
  font-size: 0.9rem;
}
.migas a:hover {
  opacity: 0.7;
}
.migas .activo {
  color: var(--colorPrimario);
  font-weight: 600;
  margin-left: 0.5rem;
}

.svg img {
  width: 80px;
}

.navegacion .colorTexto:hover {
  color: var(--colorPrimario);
}

/*===Presentacion===*/
.presentacion {
  padding: 0.5rem;
  border-bottom: 3px solid var(--colorPrimario);
  background-color: var(--colorTerciario);
  margin-bottom: 2rem;
}
.presentacion img {
  max-width: 130px;
}

/*===ScrollUp===*/
#scrollUp {
  position: fixed;
  bottom: 2.5rem;
  left: 2%;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: none;
  z-index: 9999;
  background-color: var(--colorPrimario);
  align-items: center;
  justify-content: center;
  transition: opacity 1s;
}
#scrollUp .contenedor {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#scrollUp a {
  line-height: 1;
}
#scrollUp i {
  color: #fff;
}

#scrollUp:hover {
  color: #fff;
}

.jq_oculto {
  display: none;
}

/*===Checkboxes===*/
input[type=checkbox],
input[type=radio] {
  position: absolute;
  left: -9999px;
}

.customCheck {
  position: relative;
  padding: 2px 0 0 25px;
  font-size: 1rem;
  cursor: pointer;
}

.customCheck::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20.5px;
  content: "\f0c8";
  display: block;
  position: absolute;
  opacity: 1;
  top: -1px;
  left: 0;
  color: #dad8d5;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.form-group .customCheck {
  padding-top: 0;
}
.form-group .customCheck:before {
  top: -3px;
}

span.aspNetDisabled.checked + .customCheck::before,
input:checked + .customCheck::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f14a";
  color: var(--colorPrimario);
  opacity: 1;
}

th span.aspNetDisabled.checked + .customCheck::before,
th input:checked + .customCheck::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f14a";
  color: var(--colorTerciario);
  opacity: 1;
}

span.aspNetDisabled.checked + .customCheck::before,
input:disabled + .customCheck::before {
  opacity: 0.4;
}

span.aspNetDisabled.checked.colorPrimario + .customCheck::before,
input:disabled + .customCheck::before {
  opacity: 1;
}

span.aspNetDisabled.checked + .customCheck::before,
input:disabled + .customCheck::before {
  cursor: no-drop;
}

span.aspNetDisabled + .customCheck::before,
input:disabled + .customCheck::before {
  cursor: no-drop;
}

span.aspNetDisabled + .customCheck {
  cursor: default;
}

.checkBoxModal .customCheck {
  padding: 18px 0 0 28px;
}

.customRadio {
  display: block;
  position: relative;
  padding: 2px 0 0 25px;
  cursor: pointer;
  font-size: 1rem;
}

.customRadio::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
  font-size: 19px;
  content: "\f111";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  color: #dad8d5;
  cursor: pointer;
}

.fondoOpciones {
  padding: 0.8rem 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--colorPrimario);
  background-color: #f8f8f8;
}

.fondoSubSeccion {
  padding: 0.8rem 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--colorPrimario);
  background-color: #efefef;
}

.imagenPresentacion {
  text-align: center;
  margin: 1.5rem 0;
}
.imagenPresentacion img {
  max-width: 400px;
}

.fondoSeccionOpciones {
  padding: 15px;
  background-color: #fff;
  margin-bottom: 2rem;
  border-bottom: 2px solid #d0cad1;
}
.fondoSeccionOpciones .pl-3 {
  padding-left: 15px !important;
}
.fondoSeccionOpciones.pestanias .customCheck {
  min-width: 295px;
}
.fondoSeccionOpciones .selectpicker-sm .bootstrap-select .btn-light {
  border: 1px solid #e4e4e4;
  font-size: 0.8rem;
}
.fondoSeccionOpciones label {
  margin-bottom: 0;
}
.fondoSeccionOpciones label {
  margin-top: 0.5rem;
}
.fondoSeccionOpciones a.colorSecundario,
.fondoSeccionOpciones small.colorSecundario {
  margin-bottom: 0 !important;
}

@media (max-width: 450px) {
  .fondoSeccionOpciones.pestanias .customCheck {
    min-width: auto;
  }
}
input:checked + .customRadio::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f192";
  color: var(--colorPrimario);
  opacity: 1;
}

input:checked + .customRadio.activo::before,
input:checked + .customRadio.activo::before {
  color: #b1d0ca;
}

.badge.badge-primary {
  background-color: var(--colorPrimario);
}

/*===Switches===*/
.custom-control-label {
  cursor: pointer;
}

.custom-switch input:checked ~ .custom-control-label::before {
  border-color: var(--colorPrimario);
  background-color: var(--colorPrimario);
  cursor: pointer;
}

.custom-switch input.requerido:checked ~ .custom-control-label.requerido::before {
  border-color: #c74848;
  background-color: #c74848;
  cursor: no-drop;
}

.custom-switch .custom-control-label::before {
  width: 2.1rem;
  height: 1rem;
  border-color: #2e8f8b;
}

.custom-switch .custom-control-label::after {
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
}

.custom-switch input:checked ~ .custom-control-label::after {
  transform: translateX(1rem) !important;
  background-color: var(--colorTerciario);
}

.custom-switch input[disabled=disabled] + .custom-control-label::before {
  border-color: #adb5bd;
  opacity: 0.6;
}

.custom-switch input[disabled=disabled] + .custom-control-label::after {
  opacity: 0.4;
}

.enlace {
  color: var(--colorPrimario);
}

/*===Menu lateral===*/
aside .enlace {
  color: var(--colorPrimario);
  font-weight: 600;
}
aside .espaciado {
  padding-top: 0.5rem;
}
aside .navbar {
  padding-left: 0;
}
aside .fa {
  transition: 0.3s transform ease-in-out;
}
aside .show .fa {
  transform: rotate(0);
}
aside .collapsed .fa {
  transform: rotate(45deg);
}
aside .collapsed .fa.fa-filter {
  transform: rotate(0);
}
aside .apartados .enlace {
  font-size: 0.85rem;
  font-weight: 500;
  display: inline-block;
  line-height: 1.5;
}
aside .apartados hr {
  margin: 0.3rem 0;
  border-top: 1px solid #ebebeb;
}

hr.colorPrimario {
  margin: 1rem 0;
  border-top: 2px solid var(--colorSecundario);
}

hr.colorSecundario {
  margin: 1rem 0;
  border-top: 1px solid #f8f9fa;
}

@media (max-width: 991px) {
  aside .separador.fino {
    width: 100%;
  }
}
/*===Columna imagen===*/
.container-fluid .imagen {
  background-image: url(../temp/estudios/estudio5.jpg);
  min-height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
}

/*===Zona privada===*/
.wrapperZonaPrivada {
  padding-top: 7rem;
}

/*------------------------------------------------------------------
[3. Páginas]
-------------------------------------------------------------------*/
/*===Inicio===*/
.counter {
  background-image: url(../img/inicio/datos/duotone.png);
  height: 375px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.counter .row {
  margin-right: 0;
  margin-left: 0;
}
.counter .counter-value {
  font-weight: 700;
}
.counter i {
  color: #f8f9fa;
}
.counter p {
  color: #f8f9fa;
}

img {
  border-radius: 4px;
}

@media (max-width: 761px) {
  .counter {
    height: auto;
  }
}
.svgInicio {
  max-width: 525px;
  margin: 0 auto;
}

/*------------------------------------------------------------------
[4. Componentes]
-------------------------------------------------------------------*/
.botonTerciario, .botonSecundario, .botonRequerido, .botonPrimario {
  display: inline-block;
  padding: 0.65rem 1.3rem;
  font-size: 16px;
  border-radius: 4px;
  font-weight: 500;
  text-align: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  background-position: 100% 0;
  text-align: center;
}

.boton-sm {
  padding: 0.35rem 0.8rem;
}

.botonPrimario {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
  border: 2px solid var(--colorPrimario);
}
.botonPrimario:hover {
  color: var(--colorPrimario);
  border: 2px solid var(--colorPrimario);
  background-color: transparent;
}
.botonPrimario:not([href]) {
  color: var(--colorTerciario);
}

.botonRequerido {
  background-color: var(--requerido);
  color: var(--colorTerciario);
  border: 2px solid var(--requerido);
}
.botonRequerido:hover {
  color: var(--requerido);
  border: 2px solid var(--requerido);
  background-color: transparent;
}

.botonSecundario {
  background-color: var(--colorTerciario);
  color: var(--colorPrimario);
  border: 2px solid var(--colorPrimario);
}
.botonSecundario:hover {
  color: var(--colorPrimario);
  background-color: #dbdbdb;
  border: 2px solid #dbdbdb;
}
.botonSecundario:not([href]) {
  color: var(--colorPrimario);
}

.botonTerciario {
  background-color: var(--colorDetalle);
  color: var(--colorPrimario);
  border: 2px solid var(--colorPrimario);
}
.botonTerciario:hover {
  color: var(--colorTerciario);
  background-color: var(--colorPrimario);
  border: 2px solid #dbdbdb;
}

.botonConfiguracion {
  display: inline-block;
  padding: 0 0 0 0.2rem;
  border: none;
  background-color: transparent;
  color: var(--colorPrimario);
}
.botonConfiguracion:hover {
  border: none;
  background-color: transparent;
}
.botonConfiguracion:hover i {
  color: var(--colorPrimario);
  opacity: 0.7;
}
.botonConfiguracion:focus {
  border: none;
  background-color: transparent;
}
.botonConfiguracion:focus i {
  color: var(--colorPrimario);
  opacity: 0.7;
}

.input-group-append .botonPrimario {
  padding: 0 1rem;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .botonPrimario,
.botonSecundario,
.botonRequerido {
    display: block;
    margin-bottom: 1rem;
  }
  .btn-group .botonPrimario,
.btn-group .botonSecundario,
.btn-group .botonRequerido {
    display: inline-block;
  }
  .input-group .botonPrimario,
.input-group .botonSecundario {
    margin-bottom: 0;
  }
}
.btn-group a:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -4px;
}
.btn-group a:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.botonesXL .deshabilitado {
  pointer-events: none;
  filter: opacity(0.5);
}
.botonesXL .deshabilitado .card {
  box-shadow: none;
}

/*===Barra de cookies===*/ /*===Fornulario===*/
textarea {
  resize: none;
}

.form-control {
  border: 1px solid rgb(228, 228, 228);
  color: var(--texto);
  box-shadow: 0 0.2rem 0.8rem rgba(202, 203, 204, 0.125);
}
.form-control:focus {
  border-color: var(--colorPrimario);
  box-shadow: 0 0 0 0.1rem rgba(46, 143, 139, 0.2);
}

.nuevaOpcion {
  justify-content: space-between;
}
.nuevaOpcion .input-group-text {
  background: transparent;
  border: none;
  font-size: 0.9rem;
  padding: 0;
}
.nuevaOpcion .input-group-text .botonPrimario, .nuevaOpcion .input-group-text .botonSecundario {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-width: 7rem;
  text-align: center;
  border-left: 3px solid var(--colorPrimario);
  height: 100%;
  padding: inherit;
  align-items: center;
  display: flex;
  justify-content: center;
}

.logoImagen {
  max-width: 140px;
  padding-bottom: 1rem;
}

.seccionConfigurable {
  text-align: center;
  background-color: rgba(231, 231, 231, 0.5333333333);
  padding: 1.5rem;
}

@media (max-width: 991px) {
  .nuevaOpcion .input-group-text .botonPrimario, .nuevaOpcion .input-group-text .botonSecundario {
    min-width: 3rem;
  }
}
.botonesXL {
  margin-bottom: 1rem;
}
.botonesXL .fondoPrimario {
  padding: 1rem;
}
.botonesXL img {
  max-width: 220px;
}
.botonesXL a {
  display: block;
  height: 100%;
}
.botonesXL a:hover {
  display: block;
  border-radius: 8px;
  background-color: var(--colorPrimario);
}
.botonesXL .card {
  padding: 1rem;
  text-align: center;
}
.botonesXL .card i {
  margin-bottom: 0.5rem;
}
.botonesXL a.activo {
  display: block;
  border-radius: 8px;
  background-color: var(--colorPrimario);
}
.botonesXL a.activo .card {
  transform: translateY(-8px);
  transition: all 0.5s;
}

.input-group-append .botonPrimario {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

ul.sinEstilos {
  list-style: none;
  padding-left: 0;
}
ul.sinEstilos li {
  margin: 0.5rem 0;
}
ul.sinEstilos a {
  color: var(--texto);
}
ul.sinEstilos a:hover {
  color: var(--colorPrimario);
}

.input-group .botonPrimario:not([href]):hover {
  color: var(--colorPrimario);
  cursor: pointer;
}

/*===Hero===*/
.hero {
  border-radius: 8px;
}
.hero .fondo {
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 2rem;
}

/*===Tablas===*/
.tabla {
  border-radius: 8px;
  width: 100%;
  font-weight: 400;
}
.tabla td,
.tabla th {
  padding: 1rem;
  text-align: center;
}
.tabla th {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
}
.tabla th:first-of-type {
  border-top-left-radius: 4px;
}
.tabla th:last-of-type {
  border-top-right-radius: 4px;
}
.tabla .filaEnlace:hover {
  background-color: rgba(46, 143, 140, 0.0745098039);
  cursor: pointer;
}
.tabla tr .customCheck:before {
  top: -9px;
}
.tabla tr:nth-of-type(odd) {
  background-color: #fff;
}
.tabla .seleccionado {
  border-left: 4px solid var(--colorPrimario);
  background-color: rgba(46, 143, 139, 0.1490196078);
}
.tabla .desactivado {
  border-left: 4px solid var(--requerido);
  background-color: rgba(240, 128, 128, 0.219) !important;
}
.tabla.iconos i {
  font-size: 1rem;
}
.tabla.iconos i:not(:last-of-type) {
  margin-right: 0.5rem;
}
.tabla.iconos i.fa-link {
  font-size: 0.85rem;
}

@media (min-width: 991px) and (max-width: 1200px) {
  .scroll {
    overflow-x: scroll;
    /* Scrollbars en firefox */
    scrollbar-face-color: var(--colorPrimario); /* Firefox 63 compatibility */
    scrollbar-track-color: #dedede; /* Firefox 63 compatibility */
    scrollbar-color: var(--colorPrimario);
    scrollbar-width: thin;
    /* Scrollbars en chrome */
  }
  .scroll::-webkit-scrollbar {
    width: 0.4em;
    height: 0.4em;
  }
  .scroll::-webkit-scrollbar-track {
    background-color: #dedede;
    border-radius: 10px;
  }
  .scroll::-webkit-scrollbar-thumb {
    background-color: var(--colorPrimario);
    border-radius: 10px;
  }
}
@media (max-width: 991px) {
  .tabla.responsive {
    border: 0;
    min-width: auto;
  }
  .tabla.responsive caption {
    font-size: 1.3em;
  }
  .tabla.responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .tabla.responsive tr:last-of-type {
    border-bottom: 0;
  }
  .tabla.responsive td {
    display: flex;
    justify-content: space-between;
    font-size: 1em;
    align-items: center;
  }
  .tabla.responsive tr {
    border-top: 2px solid var(--colorPrimario);
  }
  .tabla.responsive td:first-child {
    border-top: 2px solid var(--colorPrimario);
  }
  .tabla.responsive .ocultoDown-lg {
    display: none;
  }
  .tabla.publica.responsive span {
    display: contents;
  }
  .tabla.responsive td::before {
    content: attr(data-label);
  }
  .tabla.responsive td:last-child {
    border-bottom: 0;
  }
  .tabla .seleccionado {
    border-left: none;
  }
}
.pagination {
  margin-bottom: 0;
}

.page-item .page-link, .page-item > span {
  margin: 0 3px;
  border-radius: 4px;
  text-align: center;
  font-size: 0.8rem;
}

/*===Tooltip===*/
.tooltip > .tooltip-inner {
  background-color: var(--colorPrimario);
  max-width: 400px;
  color: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  background: var(--colorPrimario);
  text-align: left;
  opacity: 1 !important;
}

.tooltip.show {
  opacity: 1;
}

/*===Clases Auxiliares===*/
/*===Ocultar===*/
.opacity:hover {
  opacity: 1;
}

.puntero {
  cursor: pointer;
}

.oculto {
  display: none;
}

.css_oculto {
  display: none;
}

.overflowHidden {
  overflow: hidden;
}

a.deshabilitado small {
  opacity: 0.5;
}
a.deshabilitado small:hover {
  opacity: 0.5;
  cursor: no-drop;
}

.sinResultados img {
  max-width: 450px;
}

@media (max-width: 991px) {
  .ocultoDown-lg {
    display: none;
  }
}
@media (max-width: 576px) {
  .ocultoDown-sm {
    display: none;
  }
}
@media (min-width: 991px) {
  .ocultoUp-lg {
    display: none;
  }
}
.imagenError {
  max-width: 600px;
  margin: 4rem auto 2rem auto;
}

.disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.disabled a {
  pointer-events: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.pointer-events-none {
  pointer-events: none;
}

/*---------Video container-------*/
.videoContainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 6px;
}

.videoContainer iframe,
.videoContainer object,
.videoContainer embed,
.videoContainer video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*===Modales===*/
.modal-title {
  color: var(--colorPrimario);
  font-weight: 500;
}

.modal-header {
  border-bottom: 10px solid var(--colorPrimario);
}

.close {
  text-shadow: none;
  color: var(--colorPrimario);
}
.close:hover {
  text-shadow: none;
  color: var(--colorPrimario);
}

.modal-content {
  color: var(--texto);
}
.modal-content .modal-body .botonPrimario {
  color: var(--colorTerciario);
}
.modal-content .modal-body .botonPrimario:hover {
  color: var(--colorPrimario);
}
.modal-content .modal-body a {
  color: var(--colorPrimario);
}
.modal-content .modal-body a.dropdown-item {
  color: #212529;
}
.modal-content .modal-body a.dropdown-item.active {
  color: var(--colorTerciario);
}
.modal-content .modal-body a.dropdown-item:hover, .modal-content .modal-body a.dropdown-item:focus {
  color: var(--colorTerciario);
}
.modal-content .modal-footer {
  border-top: none;
}

.modal-body video {
  max-width: 100%;
}

@media (max-width: 768px) {
  .modal-footer {
    display: block;
  }
  .modal-footer a {
    display: block;
  }
  .modal-footer a:last-of-type {
    margin-top: 1rem;
  }
}
/*===Card===*/
.estudios a {
  color: var(--texto);
}

.estudios .botonPrimario {
  color: #fff;
}
.estudios .botonPrimario:hover {
  color: var(--colorPrimario);
}

.card {
  border: none;
  height: 100%;
  box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);
}
.card:hover {
  transform: translateY(-8px);
  transition: all 0.5s;
}
.card .imagen {
  text-align: center;
}
.card .imagen img {
  width: 300px;
}
.card.noHover {
  transform: translateY(0);
  box-shadow: none;
}
.card.login .fondoPrimario {
  display: flex;
  justify-content: center;
}
.card.login .botonera .botonSecundario:hover {
  color: var(--colorTerciario);
  border: 2px solid var(--colorPrimario);
  background-color: var(--colorPrimario);
}
.card.login .botonera .botonSecundario.activo {
  color: var(--colorTerciario);
  border: 2px solid var(--colorPrimario);
  background-color: var(--colorPrimario);
}

@media (max-width: 768px) {
  .card.noHover img {
    width: 200px;
  }
}
/*------------------------------------------------------------------
[Modales]
-------------------------------------------------------------------*/
.foro {
  margin-top: 3rem;
}
.foro .row.titulos .col:first-of-type {
  padding-left: 15px;
}
.foro .row:not(.titulos) {
  background-color: var(--colorTerciario);
  margin-left: 0;
  margin-right: 0;
  align-items: center;
  padding: 1.5rem 0;
  box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.05);
}
.foro .row:not(.titulos):first-of-type {
  margin-top: 1rem;
}
.foro .row:nth-of-type(odd):not(.titulos) {
  background-color: #f5f5f5;
}
.foro.mensajes .row:nth-of-type(even) {
  background-color: #f5f5f5;
}
.foro.mensajes .row:nth-of-type(odd):not(.titulos) {
  background-color: #fff;
}
.foro.mensajes .row.respuesta {
  background-color: var(--colorTerciario);
}
.foro .row.pinned:not(.titulos) {
  background-color: rgba(0, 150, 136, 0.0901960784);
}
.foro .row .pagination {
  margin: 0.2rem 0;
  align-items: center;
}
.foro .row .pagination .page-link {
  border: 1px solid rgba(0, 150, 136, 0.2392156863);
}
.foro .row .pagination .page-item .page-link,
.foro .row .pagination .page-item > span {
  font-size: 0.65rem;
  margin: 0 1px;
}
.foro .row .pagination a {
  padding: 0.3rem 0.5rem;
  color: var(--texto);
}
.foro .pagination .page-item .page-link,
.foro .pagination .page-item > span {
  color: var(--texto);
}

/*------------------------------------------------------------------
[Badges]
-------------------------------------------------------------------*/
.badge {
  font-size: 0.9rem;
  padding: 0.3rem;
  min-width: 6.2rem;
}
.badge.badge-orange {
  background-color: #ff9401;
  color: var(--colorTerciario);
}

.etiquetas-xs .badge {
  font-size: 0.7rem;
  padding: 0.3rem;
  min-width: auto;
}
.etiquetas-xs .badge.badge-orange {
  background-color: #ff9401;
  color: var(--colorTerciario);
}

.badge-info.reserva {
  filter: hue-rotate(59deg);
  opacity: 0.8;
}

.badge-success.reserva {
  filter: hue-rotate(167deg);
  opacity: 0.8;
}

.badge-light {
  background-color: var(--colorTerciario);
  color: var(--colorPrimario);
}

/*===Alertas===*/
.alert {
  border: 1px solid;
  text-align: start;
}
.alert .btn-close {
  font-size: 0.8rem;
  background: none;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #645f5d;
  top: -2px;
  opacity: 1;
}
.alert .btn-close:after {
  content: "\f00d";
}
.alert .btn-close:focus {
  box-shadow: none;
}
.alert.alert-warning .icono, .alert.alert-success .icono, .alert.alert-danger .icono {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 3rem;
}
.alert.alert-warning .icono i, .alert.alert-success .icono i, .alert.alert-danger .icono i {
  font-size: 1.5rem;
  color: var(--colorSecundario);
  margin-right: 0;
}
.alert.alert-danger {
  color: var(--alertaDanger);
  background-color: var(--fondoDanger);
  border-color: #efcfc6;
}
.alert.alert-danger .icono {
  --colorSecundario: #fff;
  background-color: var(--alertaDanger);
  border-radius: 50%;
}
.alert.alert-danger .icono i {
  border: 0.7rem solid var(--alertaDanger);
  border-radius: 50%;
}
.alert.alert-success {
  color: var(--alertaSuccess);
  background-color: var(--fondoSuccess);
  border-color: #cde8d1;
}
.alert.alert-success .icono {
  --colorSecundario: #fff;
  background-color: var(--alertaSuccess);
  border-radius: 50%;
}
.alert.alert-success .icono i {
  border: 0.7rem solid var(--alertaSuccess);
  border-radius: 50%;
}
.alert.alert-warning {
  color: var(--alertaWarning);
  background-color: var(--fondoWarning);
  border-color: var(--alertaWarning);
}
.alert.alert-warning .icono {
  --colorSecundario: #fff;
  background-color: var(--alertaWarning);
  border-radius: 50%;
}
.alert.alert-warning .icono i {
  border: 0.7rem solid var(--alertaWarning);
  border-radius: 50%;
}

@media (max-width: 576px) {
  .alert {
    text-align: center;
    padding-right: 1rem;
  }
  .alert.alert-danger .icono, .alert.alert-success .icono, .alert.alert-warning .icono {
    margin: 0 auto;
  }
}
/*------------------------------------------------------------------
[5. Plugins]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Select]
-------------------------------------------------------------------*/
.bootstrap-select .btn-light {
  border: 1px solid #e4e4e4;
  background: #fff;
}
.bootstrap-select .dropdown-toggle .filter-option {
  height: auto;
}
.bootstrap-select .dropdown-item:hover {
  background-color: var(--colorPrimario);
  opacity: 1;
  color: var(--colorTerciario);
}
.bootstrap-select .dropdown-item.active {
  background-color: var(--colorPrimario);
}
.bootstrap-select .dropdown-toggle::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  border: none;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: var(--colorPrimario);
}
.bootstrap-select .dropdown-item {
  white-space: normal;
}
.bootstrap-select.readonly .btn-light {
  background: #e9ecef;
  color: var(--texto);
}

/*------------------------------------------------------------------
[Datepicker]
-------------------------------------------------------------------*/
.bootstrap-datetimepicker-widget.dropdown-menu {
  width: auto;
  background-color: var(--colorTerciario);
}

.bootstrap-datetimepicker-widget {
  box-shadow: 0 0.5rem 1rem rgba(23, 31, 56, 0.15);
}
.bootstrap-datetimepicker-widget thead th {
  color: var(--colorPrimario);
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--colorPrimario);
}

.bootstrap-datetimepicker-widget table td.day:hover {
  background: var(--colorPrimario);
  color: var(--colorTerciario);
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: var(--colorPrimario);
}

.bootstrap-datetimepicker-widget table td.day,
.bootstrap-datetimepicker-widget table th {
  transition: all 0.2s ease;
  width: 36px;
  border: none;
  text-align: center;
  font-size: 0.875rem;
}

.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle {
  display: none;
}

.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: var(--colorPrimario);
}

/*------------------------------------------------------------------
[Fileinput]
-------------------------------------------------------------------*/
.btn-file {
  width: 100%;
}
.btn-file .form-control {
  background-color: var(--colorTerciario);
}
.btn-file .btn-primary {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
  border: 1px solid transparent;
  font-size: 16px;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.btn-file .btn-primary:hover {
  color: var(--colorPrimario);
  border: 1px solid var(--colorPrimario);
  background-color: transparent;
}
.btn-file .btn-primary:active {
  background-color: var(--colorPrimario) !important;
  border-color: var(--colorPrimario) !important;
}
.btn-file .btn-primary:focus {
  background-color: var(--colorPrimario);
}
.btn-file .btn-primary:before {
  content: "\f07c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 0.4rem;
}

/*===Colorpicker===*/
.colorPickSelector {
  border-radius: 5px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

#colorPick {
  background: rgb(255, 255, 255);
  bottom: -5px !important;
  right: -5px !important;
}

/*------------------------------------------------------------------
[iGuider]
-------------------------------------------------------------------*/
.start-tour {
  position: fixed;
  right: 20px;
  bottom: 40px;
  z-index: 999;
}

/*# sourceMappingURL=estilos.css.map */

#loader {
	background-color: #fff;
	opacity: 0.9;
}

.input-group-addon-error,
.dropdown-toggle-error,
.panel-default-error,
.fileInputError .file-caption-name,
.fileInputError .btn-file,
input[type=text].error,
input[type=text].error:focus,
input[type=password].error,
input[type=password].error:focus,
textarea.error,
textarea.error:focus,
select.error,
select.error:focus,
.TxDescripcion_DesignBox.error {
	border-color: #a94442;
}

input[type="submit"] {
	border: none;
}

.bootstrap-tagsinput input[type=text]:not(.error):focus {
	box-shadow: none;
}

input[type="file"]:focus,
input[type="checkbox"]:focus,
select:focus {
	box-shadow: none;
	outline: 1px dotted #666666;
}

.rowInterior {
	margin-right: -15px;
	margin-left: -0px;
}

.imagenBoton1 {
	max-width: 100%;
}

.imagenBoton2 {
	max-width: 90%;
	vertical-align: middle;
}

.captcha {
	max-width: 100%;
	vertical-align: central;
	align-content: center;
	box-sizing: border-box;
	display: inline-block;
	margin-top: 15px;
}

.captchaError {
	color: #cc0000;
	line-height: normal;
	font-size: 11px;
	font-weight: normal;
	display: block;
}

.input-group.error .file-caption,
input[type=text].error,
input[type=password].error,
textarea.error,
select.error,
.dropdown-toggle.error,
.dropdown-toggle-error,
.bootstrap-select .btn.dropdown-toggle.btn-light.dropdown-toggle-error {
	border-color: #aa0000;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
	color: #333333;
	outline: 0 none;
}

.input_msg_write textarea:focus {
	box-shadow: none;
}

div.error, span.error {
	color: #cc0000;
	line-height: normal;
	font-size: 14px;
	font-weight: normal;
}

	span.error::before {
		content: "\f071";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		margin-right: .2rem;
	}

.fondoOpciones.fondoError {
	background-color: rgba(240, 128, 128, 0.219);
	border-bottom: 1px solid #cc0000;
}

.fondoSubSeccion.fondoError {
	background-color: rgba(240, 128, 128, 0.219);
	border-bottom: 1px solid #cc0000;
}

.fondoSeccionOpciones.fondoError {
	background-color: rgba(240, 128, 128, 0.219);
	border-bottom: 2px solid #cc0000;
}

.input-group-addon-error {
	color: #a94442;
	background-color: #f2dede;
}

.panel-default-error .panel-heading {
	color: #a94442 !important;
	background-color: #f2dede !important;
}

	.panel-default-error .panel-heading > * {
		color: #a94442 !important;
	}
/* FIN Errores */


/*Boton borde*/
input[type="submit"].botonPrimario.jQ_CheckErrors,
input[type="submit"].botonPrimario.jQ_CheckErrors:active,
input[type="submit"].botonPrimario.jQ_CheckErrors:focus {
	border: none;
	outline: none;
}

.oculto {
	display: none;
}

.fileImagen .file-input {
	display: none;
}

.file-caption-name:not(.file-caption-disabled) {
	background-color: #fff;
}

.file-error-message {
	color: #dc3545;
	background-color: transparent;
	margin-top: 5px;
	border: none;
	border-radius: 4px;
	padding: 0;
	font-size: 11px;
}

.close.kv-error-close {
	display: none;
}

/*Color Picker*/
.row .colorpickerContainer .input-group-addon i {
	width: 20px;
	height: 20px;
	border-radius: 4px;
	background-color: #2e8f8b;
}

.file-input .botonPrimario {
	border-width: 1px;
}

input[disabled=disabled] + .customCheck,
input[disabled=disabled] + .customRadio {
    opacity: 0.65;
    cursor: not-allowed;
}

/*Bot�n eliminar de mutaciones*/
input[disabled="disabled"] + .input-group-append a.deshabilitado {
	pointer-events: none;
	opacity: 0.65;
	border-color: darkgray;
}

.contadorCaracteres{
	margin-top:0.4rem;
	font-size:0.9rem;
	font-style: oblique;
}

.campoEditado input,
.campoEditado textarea,
.campoEditado .bootstrap-select .btn-light,
.campoEditado .custom-file-label {
	background-color: var(--fondoCampoResaltado) !important;
}

.card-image img{
	aspect-ratio:16/9;
	object-fit:cover;
	height:100%;
	width:100%;
}