:root {
  --color-primary: #fafafa;
  --color-secundary: #ec9923;
  --color-indice: #f37261;
  --color-publicaciones: #ffcc01;
  --color-experiencias: #7ac68c;
  --color-datos: #a480b9;
  --black-primary: #1d1d1b;
  --black-soft: #343a40;
  --gray: #d2d2d2;
  --title-font: "Satoshi";
  --body-font: "Manrope";
}

@font-face {
  font-family: "Satoshi";
  font-weight: bold;
  font-style: normal;
  src: local("Satoshi-Bold"),
    url("../assets/fonts/Satoshi/Satoshi-Bold.otf") format("OpenType");
}

@font-face {
  font-family: "Satoshi";
  font-weight: medium;
  font-style: normal;
  src: local("Satoshi-Medium"),
    url("../assets/fonts/Satoshi/Satoshi-Medium.otf") format("OpenType");
}

@font-face {
  font-family: "Manrope";
  font-weight: normal;
  font-style: normal;
  src: local("Manrope-Regular"),
    url("../assets/fonts/manrope/Manrope-Regular.ttf") format("TrueType");
}

@font-face {
  font-family: "Manrope";
  font-weight: medium;
  font-style: normal;
  src: local("Manrope-Medium"),
    url("../assets/fonts/manrope/Manrope-Medium.ttf") format("TrueType");
}

@font-face {
  font-family: "Manrope";
  font-weight: 600;
  font-style: normal;
  src: local("Manrope-SemiBold"),
    url("../assets/fonts/manrope/Manrope-SemiBold.ttf") format("TrueType");
}

@font-face {
  font-family: "Manrope";
  font-weight: bold;
  font-style: normal;
  src: local("Manrope-Bold"),
    url("../assets/fonts/manrope/Manrope-Bold.ttf") format("TrueType");
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--body-font);
  color: var(--black-soft);
}

.content_indice {
  flex-shrink: 0;
  width: 25rem;
  height: 24rem;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
/* Para 768px */
@media only screen and (max-width: 1000px) and (min-width: 760px) {
  .content_indice {
    height: 20rem;
    width: 20rem;
  }
}

@media only screen and (max-width: 331px) and (min-width: 100px) {
  .content_indice {
    height: 17rem;
    width: 17rem;
  }
  .title_indice,
  .title_public,
  .title_experiencias,
  .title_datos {
    font-size: 21px;
    border-bottom: 2.5px solid var(--color-indice) !important;
  }
  .body-font {
    font-size: 12px;
  }
  .conoce {
    font-size: 11px;
  }
}

.bg_borde {
  border-radius: 0 0 120px;
  box-shadow: 0px 3px 6px #00000029;
}

/*//////////////btn login lgtb///////////////////*/

.btnlogin:not(:disabled):not(.disabled) {
  background: #a480b9 !important;
  border-color: #a480b9;
  cursor: pointer;
  right: 4rem;
}

/*portda login*/

@media (max-width: 767.98px) {
  .login {
    display: none !important;
  }

  .content_indice_login {
    display: none !important;
  }
}

.login {
  height: 100%;
}

.content_indice_login {
  width: 100%;
  height: 650px;
}

.loginuno {
  background-color: var(--color-indice);
  height: 25%;
}

.logindos {
  background-color: var(--color-publicaciones);
  height: 25%;
}

.logintres {
  background-color: var(--color-datos);
  height: 25%;
}

.logincuatro {
  background-color: var(--color-experiencias);
  height: 25%;
}

/*****Diseño de cards publicaciones y datos abiertos*******/

.img-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.img-card--inicitaivas {
  width: 100%;
  height: 13rem;
  border-radius: 5px 5px 0 0;
  background-color: rgba(0, 10, 20, 0.3);
  background-blend-mode: soft-light;
}

/* Para 768px */
@media only screen and (max-width: 1000px) and (min-width: 760px) {
  .img-card--inicitaivas {
    width: 100%;
    height: 13rem;
  }
}
.table td,
.table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6 !important;
}

.tableborder {
  border-bottom: #dee2e6 !important;
}

.textresponsive {
  float: right;
  display: flex;
  align-items: center;
  word-break: break-all;
  margin: 0 0 1em 1em;
}

.header-img-container {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-blend-mode: soft-light;
}

/* ///////////////////////////////////////////
/////////////// Navbar ///////////////////// */
.navbar {
  border-bottom: 2px solid rgb(202, 202, 202) !important;
  margin-left: 2rem;
  margin-right: 2rem;
  padding-bottom: 1.3rem;
}

.navbar .container {
  margin: 0px;
  padding: 0px;
  min-width: calc(100% - 5%);
}

.navbar-nav .nav-link {
  margin-left: 20px;
  font-family: var(--title-font);
  font-weight: bold;
  color: var(--black-primary);
  text-align: end;
}

.conteiner .nav-link:focus,
.nav-link:hover {
  color: var(--color-datos) !important;
}

/* ///////////////////////////////////////////
/////////////// Generales ///////////////////// */

.title_home {
  font-family: var(--title-font);
  font-size: 2rem;
  font-weight: bold;
  padding-top: 50px;
  padding-bottom: 80px;
}

/* ///////////////////////////////////////////
/////////////// Estilos Home ///////////////////// */
.title_indice,
.title_public,
.title_experiencias,
.title_datos {
  font-family: var(--body-font);
  font-size: 23px;
  text-align: left;
  font-weight: bold;
  padding-top: 2rem;
  border-bottom: 3px solid var(--color-indice) !important;
}

.title_public {
  border-bottom: 3px solid var(--color-publicaciones) !important;
}

.title_experiencias {
  border-bottom: 3px solid var(--color-experiencias) !important;
}

.title_datos {
  border-bottom: 3px solid var(--color-datos) !important;
}

.py-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

/* ///////////////////////////////////////////
/////////////// indice inclusion///////////////////// */
.title_visualizaciones {
  width: fit-content;
  font-family: var(--body-font);
  font-size: 2rem !important;
  text-align: left;
  font-weight: bold;
  border-bottom: 3px solid var(--color-indice) !important;
  color: var(--black-soft);
}

@media (max-width: 991.98px) {
}

.title-inclu {
  font-family: var(--title-font);
  font-weight: bold;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 48px;
}

.body-font {
  font-family: var(--body-font);
  font-size: 17px;
  font-weight: normal;
}

/* ///////////////////////////////////////////
/////////////// 2 filas 750x750 web ///////////////////// */

.box_shadow {
  box-shadow: 0px 3px 6px #00000029;
}

.square {
  background-color: var(--color-indice);
  height: 100%;
  padding: 6px;
}

.square2 {
  background-color: var(--color-publicaciones);
  height: 100%;
  padding: 6px;
}

.scuare3 {
  background-color: var(--color-experiencias);
  height: 100%;
  padding: 6px;
}

.square4 {
  background-color: #a480b9;
  height: 100%;
  padding: 6px;
}

.text_indice {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}

/* ///////////////////////////////////////////
/////////////// Accordion ///////////////////// */
.accordion .card,
.accordion .card-header {
  background: none !important;
  border: 0px;
  width: 19rem;
  height: 30rem;
}

.accordion-item {
  border: none !important;
  font-size: 20px;
  font-family: var(--body-font);
  font-weight: var(--black-primary);
}

.accordion-body {
  border-bottom: 2px solid #d2d2d2 !important;
}

.table-responsive {
  padding-top: 3rem;
  margin-left: 2rem;
  margin-right: 2rem;
  table-layout: fixed;
}

.accordion-button {
  text-decoration: none !important;
  width: 100%;
}

.accordion-button:is(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f37261'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f37261'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-button:is(.collapsed)::after {
  box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
  box-shadow: none;
}

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

/* ///////////////////////////////////////////
/////////////// Conoce más ///////////////////// */
.conoce {
  text-decoration: none;
  color: #1d1d1b;
  font-size: 20px;
  font-family: var(--body-font);
  font-weight: bold;
}

.title-expe {
  font-family: var(--title-font);
  font-weight: bold;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 2rem;
  text-align: left;
}

.conten-experiencias {
  font-family: var(--body-font);
  font-size: 18px;
  text-align: justify;
  padding-block-end: 17px;
}

/* ///////////// Publicaciones ///////////////*/

.title-publicaciones {
  font-family: var(--title-font);
  font-weight: bold;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 2.5rem;
}

.card-title {
  font-family: var(--title-font);
  font-size: 16px;
  font-weight: bold;
}

.card-text {
  font-family: var(--body-font);
  font-size: 1rem;
  position: absolute;
  height: 190px;
  overflow: auto;
}

.card-body {
  width: 100%;
  height: 250px;
}

/* ///////////// fotter///////////////*/
.footer {
  height: 10rem;
  margin-top: 4rem;
}

#table-excel {
  display: grid;
  table-layout: auto;
  width: 100%;
}

#table-excel td {
  font-size: 0.8rem !important;
}

#table-excel th {
  font-size: 1rem !important;
  font-weight: bold;
}

/*/////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////P R E L O A D E R//////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////////*/

#preloader {
  z-index: 20000000;
}

/* preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.8;
  /* Opacidad 60% */
  z-index: 100000;
  display: none;
}

.color_preloader {
  color: 233052 !important;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  height: 150px;
  margin: -75px 0 0 -75px;
  /*border-radius: 50%;
    border: 8px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;*/
}

#loader:before {
  /*content: "";*/
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  /*bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BA55D3;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;*/
}

#loader:after {
  /*content: "";*/
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  /*border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FF00FF;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;*/
}

/*
@-webkit-keyframes spin {
    0%   {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    }
    100% {
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    }
    100% {
            -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
    }
}*/

/*fin preloader*/

.footer-card {
  padding: 20px 10px !important;
}

button.bootbox-close-button.close {
  background: none;
  border: 0px;
  float: right;
  font-size: 1.5rem;
  top: 0;
}

.accordion-button:not(.collapsed) {
  background: none !important;
  color: var(--black-soft) !important;
}

.accordion-button {
  border: 0px !important;
  box-shadow: none !important;
}