.shadow_down{
  box-shadow: -1px 5px 7px -1px rgba(0,0,0,0.48);
-webkit-box-shadow: -1px 5px 7px -1px rgba(0,0,0,0.48);
-moz-box-shadow: -1px 5px 7px -1px rgba(0,0,0,0.48);
}

.title_archivo{
  font-size: 20px;
  font-style: normal;
  color: black;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.linea_titulo{
  border: 3px solid #a18745;
  margin: -15px 30px 30px 0px;
}

.subtitle_archivo{
  font-size: 1.2rem;
  font-style: normal;
  color: #1221a9;
  margin-bottom: .5rem;
}

.second_container{
  box-shadow: -1px 29px 10px -21px rgba(0,0,0,0.48) inset;
  -webkit-box-shadow: -1px 29px 10px -21px rgba(0,0,0,0.48) inset;
  -moz-box-shadow: -1px 29px 10px -21px rgba(0,0,0,0.48) inset;
}

.back_blue{
  background-color: #24135F;
}

.banner_title_blue{
  background-color: #24135F;
  border-radius: 0px 0px 20px 20px;
  color: white;
  font-size: 1.3em;
}

.form_container{
  background-color: #f3f3f3;
  border-radius: 20px 20px 0 20px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
}

#boton_b_avanzada{
  color: #1221a9;
  border: none;
  background: none;
  cursor: pointer;
}

.button_search{
  border-radius:0 0 20px 20px;
  border: none;
  padding: 15px 25px;
  text-transform: uppercase;
}

.button_search:hover{
  background-color: #28317c;
  padding: 15px 45px;
}

/* Colores */
.back_verde{
  background-color: #81ba6a; 
}

.back_morado{
   background-color: #7944bd; 
}

.back_azul{
   background-color: #0977aa; 
}

/*Menu lateral izquierdo*/

.menu_aside_left{
   background-color: rgb(194, 191, 207);
}

/* Circulos secciones */

.circulo_externo{
  height:280px;
  width: 280px;
  border-radius: 50%;
  display:flex;
  justify-content: center;
  align-items: center;
}

.circulo_interno{
  height: 250px;
  width: 250px;
  border-radius: 50%;
  display: flex;
  align-items: center;
}

.link_circle .circulo_externo:hover{
  transform: scale(1.05);
}

.punta_a, .punta_m, .punta_v{
  color: white;
}

.link_circle .circulo_externo:hover .punta_v{
  color: #81ba6a;
  bottom: -6px;
  font-size: 1.6em;
}

.link_circle .circulo_externo:hover .punta_m{
  color: #7944bd;
  bottom: -6px;
  font-size: 1.6em;
}

.link_circle .circulo_externo:hover .punta_a{
  color: #0977aa;
  bottom: -6px;
  font-size: 1.6em;
}

.link_circle .circulo_externo:hover .circulo_interno{
  transform: scale(1.07);
}

.div_container_circle{
  height: 238px;
  width: 238px;
  position: relative;
}

.div_container_circle h4{
  font-size: 1.45rem;
}

.photo_circle{
  width: 235px;
  flex-grow: 0; 
}

.link_circle .circulo_externo:hover .photo_circle{
  filter: sepia(60%);
}

.icon_arrow_down{
  font-size: 1.5em;
  position: absolute;
  bottom: 2px;
  left: 47%;
  right: 47%;
}

.llave_abre{
  width: 100%;
  margin-top: -5px;
}

.llave_abre_dos{
  width: 100%;
  margin-top: -5px;
  transform: rotate(180deg);
}

/* Subtemas */

.cotainer_subtema{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  border-radius: 20px; 
  position: relative;
}

.cotainer_subtema:hover{
  transform: scale(1.04);
}

.cotainer_subtema:hover .star_icon{
  top: -28px;
}

.star_icon{
  position: absolute;
  top: -18px;
}

.sub_text_uno{
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: .1rem;
}


/* Carpetas 3er nivel */

.content_folder{
  position: relative;
}

.top_folder{
  position: absolute;
  top:-20px
}

.body_folder{
  margin-top: -2px;
  width: 205px;
  height: 130px;
  border-radius: 0 0px 7px 7px;
  position: relative;
}

.link_folder:hover{
  transform:scale(1.09);
}

.link_folder:hover .body_folder{
  transform: skew(-5deg,-3deg);
}

.link_folder:hover .top_folder{
  transform: rotate(-3deg) translate(-7px);
}


.link_folder:hover .body_folder{
  border-top: #f3f3f3 2px solid;
  border-left: #f3f3f3 2px solid;
  border-radius: 7px;
}

.green_gradient{
  background: rgb(36,19,95);
  background: linear-gradient(180deg, rgba(36,19,95,1) 0%, rgba(85,107,101,1) 100%);  
}

.purple_gradient{
  background: rgb(36,19,95);
  background: linear-gradient(180deg, rgba(36,19,95,1) 0%, rgba(76,42,139,1) 100%); 
}

.blue_gradient{
  background: rgb(36,19,95);
  background: linear-gradient(180deg, rgba(36,19,95,1) 0%, rgba(21,74,136,1) 100%); 
}

.sub_text_dos{
  line-height: 1.05rem;
}

.btn_back{
  background-color: #24135F;
  border:none;
  padding: 4px 10px;
  color: white;
  border-radius: 10px 0 0 10px;
}

.btn_back_dos{
  background-color: #24135F;
  border:none;
  padding: 5px 15px;
  color: white;
  border-radius: 10px 10px 0 0;
}

.division_btn{
  border: 1px solid #24135F;
  border-style: dashed;
}

/* Tablas de resultados */

.result_arrow{
  transform: rotate(-90deg);
}

.tabla_resultados{
  background-color: white;
  box-shadow: -1px 0px 8px 3px rgba(0,0,0,0.36);
  -webkit-box-shadow: -1px 0px 8px 3px rgba(0,0,0,0.36);
  -moz-box-shadow: -1px 0px 8px 3px rgba(0,0,0,0.36);
}

.table-hover tbody tr:hover td {
  background: rgb(224, 224, 224);
}

.header_table_results{
  background-color: #24135F;
  color: white;
}

.text_info{
  margin-bottom: 0;
  line-height: 1.1rem;
}

.link_table_file{
  color: #004DC0;
  line-height: 1.1rem;
}

/* Tabs estilos */
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #24135F;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 8px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color:#837531;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #837531;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: white;
}

.icons_social_media{
  display: flex;
  flex-direction: column;
}

.tabs_icon{
  height: 33px;
}

.iframe_info{
  width: 99%;
  min-height: 65vh;
}

.puntero{
  cursor:pointer;
}

.marca_pagina{
  color: #007bff !important;
  font-weight: bold !important;
}
 /*fin de archivo historico*/



 .container-main-title{
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.container-home{
  min-height: 70vh;
}

.main-title{
  font-size: 1.2em;
  color: var(--mainblue-color);
  text-transform: uppercase;
  padding: 0 .5em;
  text-align: center;
  -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  max-width: 20em;
}

@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}

.golden-bar{
  height: .2em;
  width: 3.5em;
  background-color: var(--maingold-color);
}

.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay: .2s;
}

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.flip-in-diag-1-tr {
  -webkit-animation: flip-in-diag-1-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: flip-in-diag-1-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay: .4s;
}

@-webkit-keyframes flip-in-diag-1-tr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, -80deg);
            transform: rotate3d(1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flip-in-diag-1-tr {
  0% {
    -webkit-transform: rotate3d(1, 1, 0, -80deg);
            transform: rotate3d(1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}

.btn-home-procesos{
  width: 12em;
  height: 11em;
  border: .2em solid var(--maingold-color);
  border-radius: .5em;
}

.btn-home-procesos:hover{
  background-color: var(--mainblue-color);
  transform: translateY(10px);
}

.flip-in-diag-2-tl {
  -webkit-animation: flip-in-diag-2-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: flip-in-diag-2-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay: .4s;
}

@-webkit-keyframes flip-in-diag-2-tl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 80deg);
            transform: rotate3d(-1, 1, 0, 80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes flip-in-diag-2-tl {
  0% {
    -webkit-transform: rotate3d(-1, 1, 0, 80deg);
            transform: rotate3d(-1, 1, 0, 80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate3d(1, 1, 0, 0deg);
            transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}

.rotate-in-2-bck-cw {
	-webkit-animation: rotate-in-2-bck-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: rotate-in-2-bck-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation-delay: .5s;
}

@-webkit-keyframes rotate-in-2-bck-cw {
  0% {
    -webkit-transform: translateZ(200px) rotate(-45deg);
            transform: translateZ(200px) rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) rotate(0);
            transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-bck-cw {
  0% {
    -webkit-transform: translateZ(200px) rotate(-45deg);
            transform: translateZ(200px) rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) rotate(0);
            transform: translateZ(0) rotate(0);
    opacity: 1;
  }
}

.btn-home-procesos:hover .img-btn-procesos img{
  filter: brightness(8);
  transform: scale(1.1);
}

.img-btn-procesos img{
  height: 5.5em;
}

.img-btn-procesos{
  height: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-btn-procesos{
  height: 35%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1em;
  border-top: 1px solid var(--maingold-color);
  margin: 0 .3em;
}

.text-btn-procesos p{
  text-transform: uppercase;
  color: var(--mainblue-color);
  font-family: 'Myriad Pro Bold';
  text-align: center;
  padding: 0 .3em;
}

.btn-home-procesos:hover .text-btn-procesos p{
  color: white;
}

/* Home estilos */

/* Pre bases estilos */
.table-bases tbody tr td{
  vertical-align: middle;
}

.table-bases tbody tr td:first-child{
  font-weight: bolder;
  font-size: 1.2;
}

.table-bases tbody tr{
  border-bottom: .05em solid rgb(219, 219, 219);
}

.table-bases thead tr th{
  vertical-align: middle;
  text-align: center;
  line-height: 1em;
  color: var(--white-color);
}

.table-bases thead{
  background-color: var(--mainblue-color);
}

.icon-bases{
  height: 2.5em;
}

.col-center-bases{
  text-align: center;
}

.col-icono{
  width: 8em !important;
}

.link-bases-file{
  color: #0243d1;
}

.container-icon-bases{
  overflow: hidden;
  position: relative;
  cursor:pointer;
  padding: .7em;
}

.container-icon-bases .bi-caret-down-fill{
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: auto;
  fill: var(--mainblue-color);
  transition: .2s !important;
}

.container-icon-bases:hover .bi-caret-down-fill{
  transform: translateY(-.75em);
}

.container-icon-bases:hover .icon-bases{
  border-radius: .3em;
  padding: .2em;
  outline: 3px solid rgba(128, 172, 229, 0.973);
  border-radius: .2rem;
}

.file-icon{
  height: 3em;
}

.icons-file{
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-container{
  padding: 0 1em;
}

.icon-container:first-child{
  border-right: 2px solid var(--mainblue-color);
}

.icon-container:hover img{
  filter: drop-shadow(0px 0px 3px #5f5f81);
}

.info-text-consulta{
  color: #301496;
  font-size: 1em;
}

.tr-collapse-bases{
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.40) inset;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.40) inset;
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.40) inset;
}

.swing-in-top-fwd {
	-webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}

.gray-zone{
  background-color: var(--maingrey-color);
  color: white;
  min-height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}

.lightgray-zone{
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30) inset;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30) inset;
  -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30) inset;
}

.btn-send-comments{
  padding: .4em .6em;
  background-color: var(--mainblue-color);
  color: white;
  border: none;
  border-radius: .2em;
}

.btn-send-comments:hover{
  background-color: #0243d1;
  padding: .4em 1em;
}

.arrow-top-square{
  background-color: var(--mainblue-color);
  height: 1.2em;
  width: 5em;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -.3em;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 0 0 .5em .5em;
  border: 1px solid rgb(160, 160, 160);
}

.arrow-top-square svg{
  fill: white;
}

.th-nombre{
  min-width: 15em;
}

.lightgray-zone textarea{
  resize: none;
  width: 100%;
  border-radius: .375rem;
  border: 1px solid #dee2e6;
  padding: 0.375rem 0.75rem;
}
/* FIN Pre bases estilos */
h4,button,div,th,td,a{
  font-family: "Open Sans", sans-serif;
}