/* Google Font CDN Link */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  scroll-behavior: smooth;
  color: #606060;
}
:root {
  --color-primario: #ab2c49;
  --color-secundario: #284b8c;
  --color-tercero: red;
  --color-gris: #a1a1a1;
  --color-gris2: #ececec;
  --color-prima2: #6e93f7;
  --color-fondo: white;
  --color-whatsnegro: #075e54;
  --color-whatsverde: #25d366;
  --color-texto: #606060;
  --color-textoN: #1f1f1f;
}

/* Custom Scroll Bar CSS */
::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: var(--color-tercero);
  border-radius: 12px;
  transition: all 0.3s ease;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-primario);
}
.enlace {
  color: var(--color-secundario);
  transition: all 0.25s ease;
  cursor: pointer;
}
.enlace:hover {
  color: #5a7dbe;
}
p {
  line-height: 1.86;
  font-size: 1rem;
}
.hr_main {
  display: flex;
  justify-content: center;
}
.hr_a {
  margin-bottom: 32px;
  width: 15%;
  height: 8px;
  border-top: 0;
  /*background-image: -webkit-linear-gradient(0deg, #4776e6 0%, #8e54e9 100%);*/
  background-color: var(--color-tercero);
  transition: all 0.25s ease;
}
.hr_b {
  margin-bottom: 32px;
  width: 15%;
  height: 8px;
  border-top: 0;
  background-image: -webkit-linear-gradient(0deg, #d3d3d3 0%, #d3d3d3 100%);
  transition: all 0.25s ease;
}

.hr_class {
  background: url("../img/hr.png") no-repeat;
  background-position: center;
  height: 7px;
}
.hr_classw {
  background: url("../img/hr-white.png") no-repeat;
  background-position: center;
  height: 7px;
}
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.delay-c {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
/******************************************************/
/* navbar styling */
nav {
  position: fixed;
  width: 100%;
  padding: 20px 0;
  z-index: 999;
  transition: all 0.3s ease;
  font-family: "Ubuntu", sans-serif;
}
nav.sticky {
  background: var(--color-primario);
  padding: 13px 0;
}
nav .navbar {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: auto;
}
nav .navbar .logo a {
  letter-spacing: -1px;
  font-weight: bold;
  font-size: 35px;
  color: #ffffff;
}
nav.sticky .navbar .logo a {
  color: #ffffff;
}
nav .navbar .menu {
  display: flex;
  position: relative;
}
nav .navbar .menu li {
  list-style: none;
  margin: 0 10px;
}
.navbar .menu a {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  padding: 6px 0;
  transition: all 0.4s ease;
}
.navbar .menu a:hover {
  color: var(--color-primario);
}
nav.sticky .menu a {
  color: #ffffff;
}
nav.sticky .menu a:hover {
  color: var(--color-tercero);
}
.navbar .media-icons a {
  color: #ffffff;
  font-size: 18px;
  margin: 0 6px;
}
.navbar .media-icons a i {
  color: #ffffff;
  transition: all 0.4s ease;
}
.navbar .media-icons a i:hover {
  color: var(--color-tercero);
}
nav.sticky .media-icons a {
  color: #ffffff;
}
nav.sticky .media-icons a i {
  color: #ffffff;
}

/* Side Navigation Menu Button CSS */
nav .menu-btn,
.navbar .menu .cancel-btn {
  position: absolute;
  color: #ffffff;
  right: 30px;
  top: 20px;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: none;
}
nav .menu-btn {
  color: var(--color-primario);
}
nav.sticky .menu-btn {
  color: #fff;
}
.navbar .menu .menu-btn {
  color: #fff;
}

.home {
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-attachment: initial;
  font-family: "Ubuntu", sans-serif;
}
.home .home-content {
  width: 90%;
  height: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 250px;
}
.home .home-content .home-logo {
  padding-bottom: 30px;
}

.home .text-one {
  font-weight: 800;
  font-size: 25px;
  color: var(--color-primario);
  padding-left: 60px;
  text-shadow: rgb(255, 255, 255) 0.1em 0.1px 7px;
}
.home .text-two {
  color: var(--color-primario);
  font-size: 70px;
  font-weight: 600;
  margin-left: -3px;
  padding-left: 30px;
  text-shadow: rgb(255, 255, 255) 0.1em 0.1px 7px;
}
.home .text-oct {
  width: 430px;
  background-color: var(--color-tercero);
  color: #ffffff;
  font-family: "Bebas Neue", cursive;
  font-size: 23px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
  padding: 5px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.home .text-three {
  width: 430px;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  margin: 5px 0;
  color: #ffffff;
  letter-spacing: 0cqmin;
  text-shadow: rgb(32, 32, 32) 0.1em 0.1em 0.2em;
}
.home .text-four {
  font-size: 23px;
  margin: 10px 0 5px 0;
  color: #b3b3b3;
}
.home .button {
  margin: 14px 0;
}
.home .button button {
  outline: none;
  padding: 8px 30px;
  font-size: 25px;
  font-weight: 400;
  background: var(--color-primario);
  color: #ffffff;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.4s ease;
}
.home .button button:hover {
  border-color: var(--color-prima2);
  background-color: var(--color-prima2);
  color: #ffffff;
}
.beneficios .button button {
  outline: none;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 25px;
  font-weight: 400;
  background: #6e93f7;
  color: #ffffff;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.4s ease;
}
.beneficios .button button:hover {
  border-color: var(--color-secundario);
  background-color: var(--color-secundario);
  color: #ffffff;
}

.beneficios .descripcion {
  /*max-width: 900px;*/
  padding: 0 5px;
  margin: 50px auto 80px;
  text-align: justify;
  display: flex;
  justify-content: center;
  align-items: center;
}
.beneficios .descripcion .des_img {
  display: flex;
  align-items: center;
}
.beneficios .descripcion .des_img iframe {
  padding-right: 50px;
}
.beneficios .descripcion .des_img img {
  padding-right: 50px;
}
.beneficios .descripcion .des_txt span,
.obten .descripcion .des_txt span,
.bene_hr span {
  font-family: "Bebas Neue", cursive;
  font-size: 2.5rem;
}
.beneficios .descripcion .des_txt hr,
.beneficios .content hr,
.obten .descripcion .des_txt hr {
  margin-bottom: 32px;
  width: 50px;
  height: 5px;
  border-top: 0;
  background-color: var(--color-tercero);
  /*background-image: -webkit-linear-gradient(0deg, #4776e6 0%, #8e54e9 100%);*/
  transition: all 0.25s ease;
}
.beneficios .content .bene_hr {
  text-align: center;
}
.beneficios .content .bene_hr hr {
  margin: auto;
  margin-bottom: 35px;
}
.beneficios .boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.beneficios .boxes .box {
  margin: 20px 0;
  width: 260px;
  text-align: center;
  cursor: default;
  transition: all 0.4s ease;
}
.beneficios .boxes .box:hover {
  color: #111111;
}
.beneficios .boxes .box .icon {
  height: 195px;
  width: 260px;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  display: flex;
  margin: auto;
  transition: all 0.4s ease;
}
.beneficios .boxes .box .btxt {
  height: 196px;
  width: 260px;
  background-color: #ffffff;
  padding: 10px 15px 10px 15px;
  overflow: hidden;
}
.beneficios .boxes .box .btxt p {
  line-height: 1.9;
  font-size: 0.8rem;
  padding: 10px 8px;
}
.beneficios .boxes .box .btxtpago p {
  padding: 0px 0px !important;
}
.beneficios .boxes .box .btxtcolor {
  background-color: var(--color-primario);
}
.boxes .box hr {
  margin: auto;
  margin-bottom: 32px;
  margin-top: 29px;
  width: 30px;
  height: 5px;
  border-top: 0;
  background-image: -webkit-linear-gradient(0deg, #4776e6 0%, #8e54e9 100%);
  transition: all 0.25s ease;
}
.boxes .box:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
}
.boxes .box:hover .icon {
  background-color: none;
  color: var(--color-primario);
}
.beneficios .boxes .box:hover .topic,
.beneficios .boxes .box:hover p {
  color: var(--color-texto);
  transition: all 0.4s ease;
}
.beneficios .boxes .box:hover .topic,
.beneficios .boxes .box:hover p {
  color: #838383;
}
.pdf_boxes {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pdf_boxes .pdf_box {
  width: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pdf_boxes .pdf_box .pdfb_img {
  width: 280px;
  height: 390px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pdf_boxes .pdf_box .pdfb_img img {
  width: 250px;
  transition: all 0.4s ease;
}
.pdf_boxes .pdf_box .pdfb_img img:hover {
  width: 270px;
  transition: all 0.4s ease;
  scale: 1;
}
.pdf_boxes .pdf_box .pdfb_txta {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.pdf_boxes .pdf_box .pdfb_txtb {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*********************************************************/
/*********************************************************/
section {
  padding-top: 40px;
}
section .content,
footer .content {
  width: 70%;
  margin: 40px auto;
  font-family: "Poppins", sans-serif;
}
.about .about-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section .title {
  font-family: "Bebas Neue", cursive;
  letter-spacing: 1px;
  word-spacing: 10px;
  display: flex;
  justify-content: center;
}
section .title span {
  color: var(--color-textoN);
  font-size: 40px;
  font-weight: 600;
  position: relative;
  text-transform: uppercase;
  text-align: center;
}
/**section .title span::before,
section .title span::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 100%;
  background: var(--color-primario);
  left: 0;
  bottom: 0;
}**/
section .title span::after {
  bottom: -7px;
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
}
.about .about-details .left {
  width: 45%;
}
.about .left img {
  height: 400px;
  width: 400px;
  object-fit: cover;
  border-radius: 12px;
}
.about-details .right {
  width: 55%;
}
section .topic {
  color: #606060;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 10px;
}
.about-details .right p {
  text-align: justify;
  color: var(--color-texto);
}
section .button {
  margin: 16px 0px;
}
section .button button {
  outline: none;
  padding: 10px 40px;
  font-size: 25px;
  font-weight: 400;
  background: var(--color-whatsverde);
  color: #ffffff;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.4s ease;
}
section .button button:hover {
  border-color: #21b657;
  background-color: #21b657;
}
section .button i {
  color: #ffffff;
}
/* My Skills CSS */
.skills .content {
  padding: 40px 0;
}
.skills .skills-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.skills-details .text {
  width: 50%;
}
.skills-details p {
  color: var(--color-texto);
  text-align: justify;
}
.skills .skills-details .experience {
  display: flex;
  align-items: center;
  margin: 0 10px;
}
.skills-details .experience .num {
  color: var(--color-texto);
  font-size: 80px;
}
.skills-details .experience .exp {
  color: var(--color-texto);
  margin-left: 20px;
  font-size: 18px;
  font-weight: 500;
  margin: 0 6px;
}
.skills-details .boxes {
  width: 45%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.skills-details .box {
  width: calc(100% / 2 - 20px);
  margin: 20px 0;
}
.skills-details .boxes .topic {
  font-size: 20px;
  color: var(--color-primario);
}
.skills-details .boxes .per {
  font-size: 60px;
  color: var(--color-primario);
}
.frase {
  height: 200px;
  padding-top: 0;
  background-color: var(--color-primario);
}
.frase .content {
  margin-top: 0;
}
.fraimg {
  display: flex;
  height: 100%;
}
.fraimg .fratxt {
  display: flex;
  flex-direction: column;
  background-color: var(--color-primario);
  color: #ffffff;
  font-family: "Ubuntu", sans-serif;
  font-size: 2rem;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
  width: 300px;
}
.fraimg .frabox {
  height: 200px;
}
.fraimg .fratxt .txta {
  color: #ffffff;
  font-weight: 400;
}
.fraimg .fratxt .txtb {
  color: #ffffff;
  font-weight: bold;
}
.fraimg .fratxt .txtc {
  color: #ffffff;
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1.9;
}
.fraimg .frafra {
  display: flex;
  align-items: center;
  background-image: url(../img/frasecomilla.svg);
  background-repeat: no-repeat;
  background-position: right;
}
.fraimg .frafra .txtd {
  color: #ffffff;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.9;
}

.fraimg .frabox img {
  width: 100px;
  height: 100px;
}
.fraimage {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 30px;
  padding-left: 30px;
}

.inversion {
  padding-bottom: 100px;
  background: var(--color-fondo);
}
.inversion .descripcion {
  max-width: 660px;
  padding: 0 15px;
  margin: 0px auto 30px;
  text-align: center;
}
.inversion .boxes_fun {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 50px;
}
.inversion .boxes_fun .box_fun {
  width: 260px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
}
.inversion .boxes_fun .box_fun .step-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease;
}
.inversion .boxes_fun .box_fun .step-img:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
}
.inversion .boxes_fun .box_fun .step-img .stp_top {
  width: 260px;
  height: 150px;
  padding-bottom: 0;
  background-color: #ffffff;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  overflow: hidden;
}
.inversion .boxes_fun .box_fun .step-img .stp_top img {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  transition: all 0.25s ease;
}
.inversion .boxes_fun .box_fun .step-img .stp_top img:hover {
  /*animation-duration: 4s;
  transition: ease-out;
  transition-delay: 2s;*/
  /*transition: width 2s ease-in 1s;*/
  cursor: pointer;
  transition: all 0.25s ease;
  /*opacity: 0.5;
  filter: saturate(200%);*/
  filter: sepia(30%);
  -webkit-transform: scale(1.3);
  transform: scale(1.2);
}
.inversion .boxes_fun .box_fun .step-img .stp_name {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
}
.inversion .boxes_fun .box_fun .step-img .stp_name .a_title {
  color: #ffffff;
}
.at_pleno {
  background-color: var(--color-primario);
}
.at_obse {
  background-color: var(--color-secundario);
}
.at_estu {
  background-color: var(--color-tercero);
}
.inversion .boxes_fun .box_fun .step-img .stp_middle {
  width: 262px;
  padding-bottom: 20px;
  background-color: #ffffff;
}
.inversion .boxes_fun .box_fun .step-img .stp_middle .stp_line {
  background-color: var(--color-gris2);
  width: 70%;
  height: 3px;
  margin: auto;
}
.inversion .boxes_fun .box_fun .step-img .stp_middle .stp_a {
  height: 135px;
  padding: 5px 15px 10px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.inversion .boxes_fun .box_fun .step-img .stp_middle .stp_a .a_title {
  font-size: 1.8rem;
  padding: 10px 0;
  font-weight: bold;
}
.inversion .boxes_fun .box_fun .step-img .stp_middle .stp_a .a_desc,
.inversion .boxes_fun .box_fun .step-img .stp_botton .stp_txt .a_desc {
  font-size: 0.8rem;
}
.inversion .colorPle span,
.inversion .colorPle span i {
  color: var(--color-primario) !important;
}
.inversion .colorObs span,
.inversion .colorObs span i {
  color: var(--color-secundario) !important;
}
.inversion .colorEst span,
.inversion .colorEst span i {
  color: var(--color-tercero) !important;
}
.inversion .boxes_fun .box_fun .step-img .stp_middle .stp_b {
  padding-bottom: 15px;
}
.inversion .boxes_fun .box_fun .step-img .stp_middle .stp_b .ico {
  padding-right: 10px;
}
.inversion .boxes_fun .box_fun .step-img .stp_middle .stp_b .stp_precio {
  font-size: 1.6rem;
  font-weight: bold;
}
.inversion .boxes_fun .box_fun .step-img .stp_middle .stp_b .stp_pres,
.inversion .boxes_fun .box_fun .step-img .stp_middle .stp_b .stp_virt {
  padding: 15px 5px 3px 5px;
  /*font-weight: bold;*/
  font-size: 1.2rem;
}
.inversion .boxes_fun .box_fun .step-img .stp_botton {
  width: 262px;
  height: 80px;
  background-color: var(--color-gris);
  display: flex;
  justify-content: center;
  align-items: center;
}
.inversion .boxes_fun .box_fun .step-img .stp_botton .stp_descS,
.inversion .boxes_fun .box_fun .step-img .stp_botton .a_desc {
  color: #ffffff;
}
.inversion .boxes_fun .box_fun .step-img .stp_botton .stp_descS {
  font-size: 1.5rem;
  font-weight: bold;
}
.inversion .boxes_fun .box_fun .step-desc {
  padding-top: 50px;
  width: 262px;
}
.inversion .boxes_fun .box_fun .step-desc span {
  display: block;
  margin: 0 auto 22px;
  height: 45px;
  width: 45px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  line-height: 43px;
  font-weight: 700;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}
.inversion .boxes_fun .box_fun .step-desc .topic {
  font-weight: 500;
  font-size: 24px;
}
.inversion .boxes_fun .box_fun hr {
  margin: auto;
  margin-bottom: 32px;
  margin-top: 29px;
  width: 30px;
  height: 5px;
  border-top: 0;
  background-image: -webkit-linear-gradient(0deg, #f1f1f1 0%, #ffffff 100%);
  transition: all 0.25s ease;
}
.inversion .boxes_fun .box_fun p {
  color: rgba(255, 255, 255, 0.8);
}
.mediospago {
  background-color: var(--color-fondo);
}
.mediospago .content {
  margin: 60px auto 0px auto;
  padding-bottom: 50px;
}
.inver_button {
  display: flex;
  flex-direction: row;
  text-align: center;
}
.inver_button .button {
  flex: 1;
}
.inversion .boxes_fun .box_fun .step-img .stp_boton {
  width: 100%;
  height: 150px;
  background-color: #ffffff;
  padding-top: 20px;
}
.inversion .boxes_fun .box_fun .step-img .stp_boton .stp_pre {
  font-weight: bold;
  font-size: 1.2rem;
}
.inversion .boton-modal .enlace {
  background-color: #ffffff;
  color: var(--color-texto);
}
.inversion .boton-modal .enlace:hover {
  width: 100%;
  padding: 5px 50px;
  background-color: var(--color-fondo);
  color: #000;
}
/************* MODAL INVERSION ****************/
.inversion .button {
  margin: 10px 0px;
}
/*:::Boton-Modal:::*/
.inversion .boton-modal {
  padding: 10px 0px 10px 0px;
}
.inversion .boton-modal label {
  padding: 15px 35px;
  background-color: var(--color-whatsverde);
  color: #ffffff;
  cursor: pointer;
  transition: all 300ms ease;
}
.inversion .boton-modal label:hover {
  background-color: #a78736;
}
/*:::::::Fin Boton-Modal:::::::*/

/*::::::: Ventana Modal :::::::*/
#btn-modalPle,
#btn-modalVir,
#btn-modalObs,
#btn-modalEst,
#btn-modalPAGO,
#btn-modalWEB,
#btn-modalAPP {
  display: none;
}
.container-modalPle,
.container-modalObs,
.container-modalEst,
.container-modalVir,
.container-modalWEB,
.container-modalAPP {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(144, 148, 150, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
#btn-modalPle:checked ~ .container-modalPle,
#btn-modalObs:checked ~ .container-modalObs,
#btn-modalEst:checked ~ .container-modalEst,
#btn-modalVir:checked ~ .container-modalVir,
#btn-modalWEB:checked ~ .container-modalWEB,
#btn-modalAPP:checked ~ .container-modalAPP {
  display: flex;
}
.content-modalPle,
.content-modalObs,
.content-modalEst,
.content-modalVir,
.content-modalWEB,
.content-modalAPP {
  width: 100%;
  /*height: 500px;*/
  max-width: 500px;
  overflow: overlay;
  padding: 40px 30px 30px 30px;
  background-color: #ffffff;
  border-radius: 4px;
}
.content-modalPle .content-title,
.content-modalObs .content-title,
.content-modalEst .content-title,
.content-modalVir .content-title,
.content-modalWEB .content-title,
.content-modalAPP .content-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.content-modalPle .content-title img,
.content-modalObs .content-title img,
.content-modalEst .content-title img,
.content-modalVir .content-title img {
  width: 100%;
}
.content-modalPle h2,
.content-modalObs h2,
.content-modalEst h2,
.content-modalVir h2,
.content-modalWEB h2,
.content-modalAPP h2 {
  font-size: 1.2rem;
  /*padding-bottom: 15px;*/
  padding-left: 20px;
  margin: auto;
}
.content-modalPle p,
.content-modalObs p,
.content-modalEst p,
.content-modalVir p,
.content-modalWEB p,
.content-modalAPP p {
  padding: 5px 0px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.content-modalPle ol,
.content-modalObs ol,
.content-modalEst ol,
.content-modalVir ol,
.content-modalWEB ol,
.content-modalAPP ol {
  text-align: left;
  padding: 20px 30px;
}
.content-modalPle .btn-cerrarPle,
.content-modalObs .btn-cerrarObs,
.content-modalEst .btn-cerrarEst,
.content-modalVir .btn-cerrarVir,
.content-modalWEB .btn-cerrarWEB,
.content-modalAPP .btn-cerrarAPP {
  width: 100%;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.content-modalPle .btn-cerrarPle label,
.content-modalObs .btn-cerrarObs label,
.content-modalEst .btn-cerrarEst label,
.content-modalVir .btn-cerrarVir label,
.content-modalWEB .btn-cerrarWEB label,
.content-modalAPP .btn-cerrarAPP label {
  padding: 10px 35px;
  background-color: #5488a3;
  color: #fff;
  cursor: pointer;
  transition: all 300ms ease;
}
.content-modalPle .btn-cerrarPle label:hover,
.content-modalObs .btn-cerrarObs label:hover,
.content-modalEst .btn-cerrarEst label:hover,
.content-modalVir .btn-cerrarVir label:hover,
.content-modalWEB .btn-cerrarWEB label:hover,
.content-modalAPP .btn-cerrarAPP label:hover {
  background-color: #185e83;
}
.cerrar-modalPle,
.cerrar-modalObs,
.cerrar-modalEst,
.cerrar-modalVir,
.cerrar-modalWEB,
.cerrar-modalAPP {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.documentos .descripcion {
  max-width: 660px;
  padding: 0 15px;
  margin: 19px auto 90px;
  text-align: center;
}

.contacto {

  background-size: cover;
  background-position: right;
  background-attachment: fixed;
}
.contacto .content {
  margin: 0 auto;
  padding: 60px 0 60px 0;
}
.contacto .text {
  width: 50%;
  text-align: center;
  margin: auto;
  background-color: #ffffff;
  padding: 20px 50px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
}

.container {
  max-width: 1120px;
  width: 100%;
  padding: 40px 0;
}
.slide-container {
  margin: 0 30px;
  overflow: hidden;
}
.card {
  background: #ffffff;
  border-radius: 8px;
}
.card .image-box {
  transition: all 0.25s ease;
  cursor: pointer;
  opacity: 0.8;
  display: flex;
  justify-content: center;
  margin: auto;
}
.card .image-box:hover {
  width: 100%;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  opacity: 1;
}
.card .image-box img {
  width: 212px;
  height: 100%;
  /*border-radius: 8px 8px 0 0;*/
}
.card .profile-details {
  display: flex;
  align-items: center;
  column-gap: 12px;
  padding: 15px 5px;
  width: 212px;
  margin: auto;
}
.card .profile-details img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.profile-details .name {
  font-size: 13px;
  font-weight: 500;
}
.profile-details .job {
  font-size: 11px;
  font-weight: 500;
  color: #4d4d4d;
}
.swiper {
  height: 100%;
}
.swiper-navBtn {
  color: #000;
  height: 40px;
  width: 40px;
  background: #fff;
  border-radius: 50%;
}
.swiper-navBtn::before,
.swiper-navBtn::after {
  font-size: 18px;
}

.swiper-pagination-bullet {
  background-color: #000;
}
.swiper-button-next,
.swiper-button-prev {
  top: 40% !important;
  background-color: rgb(233, 233, 233);
  width: calc(var(--swiper-navigation-size) / 50 * 50) !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 1.5rem !important;
  font-weight: bold;
}
.swiper-slide {
  padding-bottom: 50px;
}

.expositores {
  background-color: var(--color-fondo);
}
.expo_boxes {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-evenly;
}
.expo_boxes .expo_box {
  width: 350px;
  height: 180px;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  transition: all 0.4s ease;
}
.expo_boxes .expo_box:hover {
  background-color: rgb(250, 250, 250);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease;
}
.expo_boxes .expo_box:hover .ex_b img {
  transition: all 0.4s ease;
  scale: 1.2;
}
.expo_boxes .expo_box .ex_a {
  width: 230px;
  height: 180px;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 20px;
  padding-left: 20px;
}
.expo_boxes .expo_box .ex_a .ex_name {
  font-weight: bold;
}
.expo_boxes .expo_box .ex_a .ex_cargo {
  font-size: 0.7rem;
  padding-top: 3px;
}
.expo_boxes .expo_box .ex_a .ex_social {
  display: flex;
  padding-top: 10px;
  flex-direction: row;
  justify-content: end;
}
.expo_boxes .expo_box .ex_a .ex_social .es_so {
  width: 25px;
  text-align: center;
}
.expo_boxes .expo_box .ex_a .ex_social .es_so i {
  color: var(--color-tercero);
  cursor: pointer;
  transition: all 0.25s ease;
}
.expo_boxes .expo_box .ex_a .ex_social .es_so i:hover {
  color: var(--color-primario);
}
.expo_boxes .expo_box .ex_b {
  width: 120px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.expo_boxes .expo_box .ex_b img {
  width: 100px;
  height: 100px;
  transition: all 0.4s ease;
}
/**************************************/
/**.expositores .boton-modal .enlace {
  background-color: #ffffff;
  color: var(--color-texto);
}
.expositores .boton-modal .enlace:hover {
  padding: 5px 50px;
  background-color: var(--color-fondo);
  color: #000;
}**/
/******* MODAL EXPOSITORES ************/

/*:::::::::::::Boton-Modal:::::::::::::*/
.expositores .boton-modal {
  height: 30px;
  padding: 0px;
  display: flex;
  justify-content: end;
  align-items: center;
}
.expositores .boton-modalexp01 label,
.expositores .boton-modalexp02 label,
.expositores .boton-modalexp03 label,
.expositores .boton-modalexp04 label,
.expositores .boton-modalexp05 label,
.expositores .boton-modalexp06 label,
.expositores .boton-modalexp07 label,
.expositores .boton-modalexp08 label,
.expositores .boton-modalexp09 label,
.expositores .boton-modalexp10 label,
.expositores .boton-modalexp11 label,
.expositores .boton-modalexp12 label,
.expositores .boton-modalexp13 label {
  width: auto;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: end;
  color: var(--color-tercero) !important;
  cursor: pointer;
  transition: all 300ms ease;
}
.expositores .boton-modalexp01 label:hover,
.expositores .boton-modalexp02 label:hover,
.expositores .boton-modalexp03 label:hover,
.expositores .boton-modalexp04 label:hover,
.expositores .boton-modalexp05 label:hover,
.expositores .boton-modalexp06 label:hover,
.expositores .boton-modalexp07 label:hover,
.expositores .boton-modalexp08 label:hover,
.expositores .boton-modalexp09 label:hover,
.expositores .boton-modalexp10 label:hover,
.expositores .boton-modalexp11 label:hover,
.expositores .boton-modalexp12 label:hover,
.expositores .boton-modalexp13 label:hover {
  width: auto;
}
.expositores .boton-modalexp01 label i,
.expositores .boton-modalexp02 label i,
.expositores .boton-modalexp03 label i,
.expositores .boton-modalexp04 label i,
.expositores .boton-modalexp05 label i,
.expositores .boton-modalexp06 label i,
.expositores .boton-modalexp07 label i,
.expositores .boton-modalexp08 label i,
.expositores .boton-modalexp09 label i,
.expositores .boton-modalexp10 label i,
.expositores .boton-modalexp11 label i,
.expositores .boton-modalexp12 label i,
.expositores .boton-modalexp13 label i {
  color: var(--color-tercero) !important;
  transition: all 300ms ease;
}
.expositores .boton-modalexp01 label i:hover,
.expositores .boton-modalexp02 label i:hover,
.expositores .boton-modalexp03 label i:hover,
.expositores .boton-modalexp04 label i:hover,
.expositores .boton-modalexp05 label i:hover,
.expositores .boton-modalexp06 label i:hover,
.expositores .boton-modalexp07 label i:hover,
.expositores .boton-modalexp08 label i:hover,
.expositores .boton-modalexp09 label i:hover,
.expositores .boton-modalexp10 label i:hover,
.expositores .boton-modalexp11 label i:hover,
.expositores .boton-modalexp12 label i:hover,
.expositores .boton-modalexp13 label i:hover {
  color: #000000 !important;
}
.expositores .content-modalexp01 .content-title,
.expositores .content-modalexp02 .content-title,
.expositores .content-modalexp03 .content-title,
.expositores .content-modalexp04 .content-title,
.expositores .content-modalexp05 .content-title,
.expositores .content-modalexp06 .content-title,
.expositores .content-modalexp07 .content-title,
.expositores .content-modalexp08 .content-title,
.expositores .content-modalexp09 .content-title,
.expositores .content-modalexp10 .content-title,
.expositores .content-modalexp11 .content-title,
.expositores .content-modalexp12 .content-title,
.expositores .content-modalexp13 .content-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 10px;
}
.expositores .content-modalexp01 .content-title .ct-txt,
.expositores .content-modalexp02 .content-title .ct-txt,
.expositores .content-modalexp03 .content-title .ct-txt,
.expositores .content-modalexp04 .content-title .ct-txt,
.expositores .content-modalexp05 .content-title .ct-txt,
.expositores .content-modalexp06 .content-title .ct-txt,
.expositores .content-modalexp07 .content-title .ct-txt,
.expositores .content-modalexp08 .content-title .ct-txt,
.expositores .content-modalexp09 .content-title .ct-txt,
.expositores .content-modalexp10 .content-title .ct-txt,
.expositores .content-modalexp11 .content-title .ct-txt,
.expositores .content-modalexp12 .content-title .ct-txt,
.expositores .content-modalexp13 .content-title .ct-txt {
  margin-left: 20px;
}
.expositores .content-modalexp01 .content-title .ct-txt span,
.expositores .content-modalexp01 .content-title .ct-txt h2,
.expositores .content-modalexp02 .content-title .ct-txt span,
.expositores .content-modalexp02 .content-title .ct-txt h2,
.expositores .content-modalexp03 .content-title .ct-txt span,
.expositores .content-modalexp03 .content-title .ct-txt h2,
.expositores .content-modalexp04 .content-title .ct-txt span,
.expositores .content-modalexp04 .content-title .ct-txt h2,
.expositores .content-modalexp05 .content-title .ct-txt span,
.expositores .content-modalexp05 .content-title .ct-txt h2,
.expositores .content-modalexp06 .content-title .ct-txt span,
.expositores .content-modalexp06 .content-title .ct-txt h2,
.expositores .content-modalexp07 .content-title .ct-txt span,
.expositores .content-modalexp07 .content-title .ct-txt h2,
.expositores .content-modalexp08 .content-title .ct-txt span,
.expositores .content-modalexp08 .content-title .ct-txt h2,
.expositores .content-modalexp09 .content-title .ct-txt span,
.expositores .content-modalexp09 .content-title .ct-txt h2,
.expositores .content-modalexp10 .content-title .ct-txt span,
.expositores .content-modalexp10 .content-title .ct-txt h2,
.expositores .content-modalexp11 .content-title .ct-txt span,
.expositores .content-modalexp11 .content-title .ct-txt h2,
.expositores .content-modalexp12 .content-title .ct-txt span,
.expositores .content-modalexp12 .content-title .ct-txt h2,
.expositores .content-modalexp13 .content-title .ct-txt span,
.expositores .content-modalexp13 .content-title .ct-txt h2 {
  padding-left: 0px;
}
.expositores .content-modalexp01 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp02 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp03 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp04 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp05 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp06 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp07 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp08 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp09 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp10 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp11 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp12 .content-title .ct-txt .ct_expo,
.expositores .content-modalexp13 .content-title .ct-txt .ct_expo {
  font-size: 1rem;
  line-height: 0.5;
}
.expositores .content-modalexp01 .content-title .ct-txt h2,
.expositores .content-modalexp02 .content-title .ct-txt h2,
.expositores .content-modalexp03 .content-title .ct-txt h2,
.expositores .content-modalexp04 .content-title .ct-txt h2,
.expositores .content-modalexp05 .content-title .ct-txt h2,
.expositores .content-modalexp06 .content-title .ct-txt h2,
.expositores .content-modalexp07 .content-title .ct-txt h2,
.expositores .content-modalexp08 .content-title .ct-txt h2,
.expositores .content-modalexp09 .content-title .ct-txt h2,
.expositores .content-modalexp10 .content-title .ct-txt h2,
.expositores .content-modalexp11 .content-title .ct-txt h2,
.expositores .content-modalexp12 .content-title .ct-txt h2,
.expositores .content-modalexp13 .content-title .ct-txt h2 {
  padding-bottom: 0px;
}
.expositores .content-modalexp01 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp02 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp03 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp04 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp05 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp06 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp07 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp08 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp09 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp10 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp11 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp12 .content-title .ct-txt .ct_cargo,
.expositores .content-modalexp13 .content-title .ct-txt .ct_cargo {
  font-size: 0.7rem;
  line-height: 0.5;
}
.expositores .container-modalexp01 .des_cont,
.expositores .container-modalexp02 .des_cont,
.expositores .container-modalexp03 .des_cont,
.expositores .container-modalexp04 .des_cont,
.expositores .container-modalexp05 .des_cont,
.expositores .container-modalexp06 .des_cont,
.expositores .container-modalexp07 .des_cont,
.expositores .container-modalexp08 .des_cont,
.expositores .container-modalexp09 .des_cont,
.expositores .container-modalexp10 .des_cont,
.expositores .container-modalexp11 .des_cont,
.expositores .container-modalexp12 .des_cont,
.expositores .container-modalexp13 .des_cont {
text-align: justify;
padding: 10px 0px;
}
.expositores .container-modalexp01 .des_cont ul,
.expositores .container-modalexp02 .des_cont ul,
.expositores .container-modalexp03 .des_cont ul,
.expositores .container-modalexp04 .des_cont ul,
.expositores .container-modalexp05 .des_cont ul,
.expositores .container-modalexp06 .des_cont ul,
.expositores .container-modalexp07 .des_cont ul,
.expositores .container-modalexp08 .des_cont ul,
.expositores .container-modalexp09 .des_cont ul,
.expositores .container-modalexp10 .des_cont ul,
.expositores .container-modalexp11 .des_cont ul,
.expositores .container-modalexp12 .des_cont ul,
.expositores .container-modalexp13 .des_cont ul {
  padding-left: 30px;
}
/*::::::: Fin Boton-Modal :::::::*/

/*:::Ventana Modal:::*/
#btn-modalexp01,
#btn-modalexp02,
#btn-modalexp03,
#btn-modalexp04,
#btn-modalexp05,
#btn-modalexp06,
#btn-modalexp07,
#btn-modalexp08,
#btn-modalexp09,
#btn-modalexp10,
#btn-modalexp11,
#btn-modalexp12,
#btn-modalexp13 {
  display: none;
}
.container-modalexp01,
.container-modalexp02,
.container-modalexp03,
.container-modalexp04,
.container-modalexp05,
.container-modalexp06,
.container-modalexp07,
.container-modalexp08,
.container-modalexp09,
.container-modalexp10,
.container-modalexp11,
.container-modalexp12,
.container-modalexp13 {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(144, 148, 150, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
#btn-modalexp01:checked ~ .container-modalexp01,
#btn-modalexp02:checked ~ .container-modalexp02,
#btn-modalexp03:checked ~ .container-modalexp03,
#btn-modalexp04:checked ~ .container-modalexp04,
#btn-modalexp05:checked ~ .container-modalexp05,
#btn-modalexp06:checked ~ .container-modalexp06,
#btn-modalexp07:checked ~ .container-modalexp07,
#btn-modalexp08:checked ~ .container-modalexp08,
#btn-modalexp09:checked ~ .container-modalexp09,
#btn-modalexp10:checked ~ .container-modalexp10,
#btn-modalexp11:checked ~ .container-modalexp11,
#btn-modalexp12:checked ~ .container-modalexp12,
#btn-modalexp13:checked ~ .container-modalexp13 {
  display: flex;
}
.content-modalexp01,
.content-modalexp02,
.content-modalexp03,
.content-modalexp04,
.content-modalexp05,
.content-modalexp06,
.content-modalexp07,
.content-modalexp08,
.content-modalexp09,
.content-modalexp10,
.content-modalexp11,
.content-modalexp12,
.content-modalexp13 {
  width: 100%;
  height: 500px;
  max-width: 500px;
  overflow: overlay;
  padding: 40px 30px 30px 30px;
  background-color: #ffffff;
  border-radius: 4px;
}
.content-modalexp01 .content-title,
.content-modalexp02 .content-title,
.content-modalexp03 .content-title,
.content-modalexp04 .content-title,
.content-modalexp05 .content-title,
.content-modalexp06 .content-title,
.content-modalexp07 .content-title,
.content-modalexp08 .content-title,
.content-modalexp09 .content-title,
.content-modalexp10 .content-title,
.content-modalexp11 .content-title,
.content-modalexp12 .content-title,
.content-modalexp13 .content-title {
  display: flex;
  flex-direction: row;
}
.content-modalexp01 h2,
.content-modalexp02 h2,
.content-modalexp03 h2,
.content-modalexp04 h2,
.content-modalexp05 h2,
.content-modalexp06 h2,
.content-modalexp07 h2,
.content-modalexp08 h2,
.content-modalexp09 h2,
.content-modalexp10 h2,
.content-modalexp11 h2,
.content-modalexp12 h2,
.content-modalexp13 h2 {
  font-size: 1.2rem;
  padding-bottom: 15px;
  padding-left: 20px;
}
.content-modalexp01 p,
.content-modalexp02 p,
.content-modalexp03 p,
.content-modalexp04 p,
.content-modalexp05 p,
.content-modalexp06 p,
.content-modalexp07 p,
.content-modalexp08 p,
.content-modalexp09 p,
.content-modalexp10 p,
.content-modalexp11 p,
.content-modalexp12 p,
.content-modalexp13 p {
  padding: 5px 0px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.content-modalexp01 .btn-cerrarexp01,
.content-modalexp02 .btn-cerrarexp02,
.content-modalexp03 .btn-cerrarexp03,
.content-modalexp04 .btn-cerrarexp04,
.content-modalexp05 .btn-cerrarexp05,
.content-modalexp06 .btn-cerrarexp06,
.content-modalexp07 .btn-cerrarexp07,
.content-modalexp08 .btn-cerrarexp08,
.content-modalexp09 .btn-cerrarexp09,
.content-modalexp10 .btn-cerrarexp10,
.content-modalexp11 .btn-cerrarexp11,
.content-modalexp12 .btn-cerrarexp12,
.content-modalexp13 .btn-cerrarexp13 {
  width: 100%;
  margin-top: 15px;
  display: flex;
  justify-content: flex-end;
}
.content-modalexp01 .btn-cerrarexp01 label,
.content-modalexp02 .btn-cerrarexp02 label,
.content-modalexp03 .btn-cerrarexp03 label,
.content-modalexp04 .btn-cerrarexp04 label,
.content-modalexp05 .btn-cerrarexp05 label,
.content-modalexp06 .btn-cerrarexp06 label,
.content-modalexp07 .btn-cerrarexp07 label,
.content-modalexp08 .btn-cerrarexp08 label,
.content-modalexp09 .btn-cerrarexp09 label,
.content-modalexp10 .btn-cerrarexp10 label,
.content-modalexp11 .btn-cerrarexp11 label,
.content-modalexp12 .btn-cerrarexp12 label,
.content-modalexp13 .btn-cerrarexp13 label {
  padding: 10px 35px;
  background-color: var(--color-secundario);
  color: #ffffff;
  cursor: pointer;
  transition: all 300ms ease;
  width: 100%;
  text-align: center;
}
.content-modalexp01 .btn-cerrarexp01 label:hover,
.content-modalexp02 .btn-cerrarexp02 label:hover,
.content-modalexp03 .btn-cerrarexp03 label:hover,
.content-modalexp04 .btn-cerrarexp04 label:hover,
.content-modalexp05 .btn-cerrarexp05 label:hover,
.content-modalexp06 .btn-cerrarexp06 label:hover,
.content-modalexp07 .btn-cerrarexp07 label:hover,
.content-modalexp08 .btn-cerrarexp08 label:hover,
.content-modalexp09 .btn-cerrarexp09 label:hover,
.content-modalexp10 .btn-cerrarexp10 label:hover,
.content-modalexp11 .btn-cerrarexp11 label:hover,
.content-modalexp12 .btn-cerrarexp12 label:hover,
.content-modalexp13 .btn-cerrarexp13 label:hover {
  background-color: #185e83;
}
.cerrar-modalexp01,
.cerrar-modalexp02,
.cerrar-modalexp03,
.cerrar-modalexp04,
.cerrar-modalexp05,
.cerrar-modalexp06,
.cerrar-modalexp07,
.cerrar-modalexp08,
.cerrar-modalexp09,
.cerrar-modalexp10,
.cerrar-modalexp11,
.cerrar-modalexp12,
.cerrar-modalexp13 {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
/**************************************/
/************* MODAL ****************/
/*:::Boton-Modal:::*/
.boton-modal {
  padding: 30px 0px 30px 0px;
}
.boton-modal label {
  padding: 10px 35px;
  background-color: var(--color-primario);
  color: #fff;
  cursor: pointer;
  transition: all 300ms ease;
}
.boton-modal label:hover,
.boton-modal2 label:hover,
.boton-modal3 label:hover {
  background-color: #185e83;
}
/*:::Fin Boton-Modal:::*/

/*:::Ventana Modal:::*/
#btn-modal,
#btn-modal2,
#btn-modal3 {
  display: none;
}
.container-modal,
.container-modal2,
.container-modal3 {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(144, 148, 150, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
#btn-modal:checked ~ .container-modal,
#btn-modal2:checked ~ .container-modal2,
#btn-modal3:checked ~ .container-modal3 {
  display: flex;
}
.content-modal,
.content-modal2,
.content-modal3 {
  width: 100%;
  height: 500px;
  max-width: 500px;
  overflow: overlay;
  padding: 40px 30px 30px 30px;
  background-color: #ffffff;
  border-radius: 4px;
}
.content-modal .content-title,
.content-modal2 .content-title,
.content-modal3 .content-title {
  display: flex;
  flex-direction: row;
}
.content-modal h2,
.content-modal2 h2,
.content-modal3 h2 {
  font-size: 1.2rem;
  padding-bottom: 15px;
  padding-left: 20px;
}
.content-modal p,
.content-modal2 p,
.content-modal3 p {
  padding: 5px 0px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
.content-modal .btn-cerrar,
.content-modal2 .btn-cerrar2,
.content-modal3 .btn-cerrar3 {
  width: 100%;
  margin-top: 15px;
  display: flex;
  justify-content: flex-end;
}
.content-modal .btn-cerrar label,
.content-modal2 .btn-cerrar2 label,
.content-modal3 .btn-cerrar3 label {
  padding: 10px 35px;
  background-color: var(--color-secundario);
  color: #ffffff;
  cursor: pointer;
  transition: all 300ms ease;
  width: 100%;
  text-align: center;
}
.content-modal .btn-cerrar label:hover,
.content-modal2 .btn-cerrar2 label:hover,
.content-modal3 .btn-cerrar3 label:hover {
  background-color: #185e83;
}
.cerrar-modal,
.cerrar-modal2,
.cerrar-modal3 {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}


.investigacion {
  background-color: var(--color-fondo);
  padding-bottom: 30px;
}
.investigacion .text {
  display: flex;
  flex-direction: row;
}
.investigacion .text .inves_iz img {
  width: 300px;
}
.investigacion .text .inves_der img {
  width: 300px;
}



.investigacion .text .inves_de {
  padding: 0 10%;
}
.investigacion .text .inves_de .inde_tra ul {
  padding-left: 30px;
}
.investigacion .text .inves_de .inde {
  display: flex;
  flex-direction: row;
}
.investigacion .text .inves_de .inde .inde_inv {
  text-align: center;
}
.investigacion .text .inves_de .inde .inde_inv ul .stp_line {
  background-color: var(--color-gris2);
  width: 70%;
  height: 3px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.investigacion .text .inves_de .topic {
  text-align: center;
}
.investigacion .text .inves_de .topicb,
.investigacion .text .inves_de .inde {
  padding-bottom: 20px;
}
.investigacion .text .inves_de .topicb,
.investigacion .text .inves_de .topicc {
  text-align: center;
  font-size: 1rem;
}
.investigacion .text .inves_de .inde .inde_tra,
.investigacion .text .inves_de .inde .inde_inv {
  flex: 1;
}

.informacion .info_boxes .info_box {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.informacion .info_boxes .info_box .i_date {
  background-color: var(--color-fondo);
  width: 150px;
  padding: 20px 10px;
  margin-bottom: 20px;
}
.informacion .info_boxes .info_box .i_date .id_txta {
  text-align: center;
  font-weight: bold;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.informacion .info_boxes .info_box .i_date .id_txtb {
  text-align: center;
}
.informacion .info_boxes .info_box .i_date .id_txtb span {
  color: var(--color-gris);
}
.informacion .info_boxes .info_box .i_date .id_mas {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.informacion .info_boxes .info_box .i_date .id_mas .idicon {
  width: 35px;
}
.informacion .info_boxes .info_box .i_date .id_mas .idicon a i{
  color: var(--color-primario);
}
.informacion .info_boxes .info_box .i_date .id_mas .idicon a i:hover{
  color: var(--color-tercero);
}
.informacion .info_boxes .info_box .i_date .id_img {
  width: 80px;
  height: 80px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.informacion .info_boxes .info_box .i_date .id_img i{
  color: var(--color-tercero);
  font-size: 2rem;
}

.auspicias {
  background-color: var(--color-fondo);
  padding-bottom: 20px;
  border-style: solid;
}
.auspicias .ausimgs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;

}

footer {
  background: var(--color-fondo);

  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0% 75%;
  padding: 50px 0;
  text-align: center;
  font-family: "Poppins", sans-serif;
}
footer .fooimg {
  padding: 10px 10px 50px 10px;
}
footer .fooimg img {
  width: 250px;
}
footer .footext {
  padding: 10px 0 30px;
}
footer .footext span {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
}
footer .footext span a {
  font-weight: 500;
  color: #fff;
}
footer .footext span a:hover {
  text-decoration: underline;
}
footer .foocontacto {
  display: flex;
  flex-direction: row;
}
footer .foocontacto .foociz,
footer .foocontacto .foocde {
  flex: 1;
}
footer .foocontacto .foociz .footxt,
footer .foocontacto .foocde .footxt {
  display: flex;
  flex-direction: row;
  padding: 5px 0px;
  text-align: left;
}
footer .foocontacto .foociz .footxt span,
footer .foocontacto .foocde .footxt span {
  text-align: center;
}
footer .foocontacto .foociz .footxt .fooicon i,
footer .foocontacto .foociz .footxt .fooctxt,
footer .foocontacto .foociz .footxt .fooctxt a,
footer .foocontacto .foociz .footxt span a,
footer .foocontacto .foocde .footxt .fooicon i,
footer .foocontacto .foocde .footxt .fooctxt,
footer .foocontacto .foocde .footxt span a {
  color: #000000 !important;
}

footer .foocontacto .foociz .footxt span,
footer .foocontacto .foocde .footxt span {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.3rem;
  color: red;
}
footer .foocontacto .foociz .footxt .fooicon,
footer .foocontacto .foocde .footxt .fooicon {
  padding-right: 25px;
  display: flex;
  align-items: center;
}
footer .foocontacto .foociz .footxt .fooicon i,
footer .foocontacto .foocde .footxt .fooicon i {
  font-size: 1.3rem;
}
/* Scroll TO Top Button CSS */
.scroll-button a {
  position: fixed;
  bottom: 20px;
  right: 20px;
  color: #ffffff;
  background: var(--color-primario);
  padding: 7px 12px;
  font-size: 18px;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.15);
  display: none;
}

/****** Responsive Media Query ******/
/***********************************/
/************** 1190 ****************/
@media (max-width: 1190px) {
  section .content {
    width: 85%;
  }
}

/***********************************/
/************** 1000 ****************/
@media (max-width: 1000px) {
  .about .about-details {
    justify-content: center;
    flex-direction: column;
  }
  .about .about-details .left {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .about-details .right {
    width: 90%;
    margin: 40px 0;
  }
  .beneficios .descripcion {
    flex-wrap: wrap;
  }
  .beneficios .boxes .box {
    margin: 20px 1px;
    /*width: calc(100% / 2 - 50px);*/
  }
  /*********************************/
  /*.inversion .boxes_fun .box_fun .step-img {
    height: 450px;
  }*/
  /**.inversion .boxes_fun .box_fun .step-img img {
    width: 80%;
  }**/
}

/***********************************/
/************** 850 ****************/
@media (max-width: 850px) {
  .about .left img {
    height: 350px;
    width: 350px;
  }
  /*********************************/
  .inversion .boxes_fun .box_fun .step-img {
    height: 800px;
  }
  .inversion .boxes_fun .box_fun .step-img img {
    width: 100%;
  }
  .inversion .boxes_fun .box_fun .step-desc {
    font-size: 0.8rem;
    padding: 0 20px;
  }
  .inversion .boxes_fun {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .beneficios .descripcion .des_img {
    padding-bottom: 20px;
  }
  .beneficios .descripcion .des_img iframe {
    padding-right: 50px;
  }
}

/***********************************/
/************** 750 ****************/
@media (max-width: 750px) {
  nav .navbar {
    width: 90%;
  }
  nav .navbar .menu {
    position: fixed;
    left: -100%;
    top: 0;
    background: var(--color-texto);
    height: 100vh;
    max-width: 400px;
    width: 100%;
    padding-top: 60px;
    flex-direction: column;
    align-items: center;
    transition: all 0.5s ease;
  }
  .navbar.active .menu {
    left: 0;
  }
  nav .navbar .menu a {
    font-size: 23px;
    display: block;
    color: #fff;
    margin: 10px 0;
  }
  nav.sticky .menu a:hover {
    color: var(--color-primario);
  }
  nav .navbar .media-icons {
    display: none;
  }
  nav .menu-btn,
  .navbar .menu .cancel-btn {
    display: block;
  }
  /********************************/
  .home {
    height: 100vh;
    width: 100%;
    background: url("../img/background-750.webp") no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    font-family: "Ubuntu", sans-serif;
  }
  .home .text-two {
    font-size: 60px;
  }
  .home .text-three {
    font-size: 30px;
  }
  .home .text-four {
    font-size: 15px;
    margin: 15px 0 5px 0;
  }
  .home .button button {
    font-size: 20px;
  }
  .skills .skills-details {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .skills-details .text {
    width: 100%;
    margin-bottom: 50px;
  }
  .skills-details .boxes {
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .beneficios .descripcion .des_img {
    overflow: hidden;
  }
  .beneficios .boxes .box {
    margin: 20px 0;
    /*width: 100%;*/
  }
  .contacto .text {
    width: 100%;
  }
  /*******************************/
  .beneficios .boxes {
    flex-wrap: wrap;
  }
  section .topic {
    font-size: 1.3rem;
  }

  .aqpb2,
  .aqpb3 {
    display: none;
  }
  /*********************************/
  .obten_tema {
    flex-direction: column;
  }
  .obten_box {
    align-items: normal;
  }
  .obten_box .obten_img {
    justify-content: right;
  }
  .obten_tema .obtentxt {
    width: 100%;
    padding-bottom: 40px;
  }
  /********** MODAL ****************/
  .content-modal {
    width: 90%;
  }
  /********** INVESTIGACION ****************/
  .investigacion .text {
    flex-direction: column;
  }
  .investigacion .text .inves_iz {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }
  .investigacion .text .inves_de {
    padding-left: 0;
  }
  /******************************************/
  .inver_button {
    flex-direction: column;
  }
}
/***********************************/
/************** 600 ****************/
@media (max-width: 600px) {
  .obten .descripcion {
    text-align: center;
    padding-top: 30px;
  }
  .obten_tema .obtentxt {
    display: none;
  }
  .obten .descripcion .des_txt hr {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .obten_box {
    flex-direction: column;
  }
  .reves {
    flex-direction: column !important;
  }
  .obten_box .obten_fw .descripcion .des_txt span {
    padding-top: 20px;
  }
  .boton-modal label {
    padding: 10px 85px;
  }

  .beneficios .boxes .box,
  .beneficios .boxes .box .icon,
  .beneficios .boxes .box .btxt {
    width: 100%;
  }
  .boxes .box .btxt {
    height: auto !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .beneficios .boxes .box .icon {
    height: 195px;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .beneficios .boxes .box .icon img {
    width: 100%;
    height: max-content;
  }
  .txtc,
  .fraimage {
    display: none;
  }
  .aqpb2,
  .aqpb3,
  .aqpb4 {
    display: none;
  }
  /******************************/
  footer .foocontacto {
    flex-direction: column;
  }
  footer .fooaudita,
  footer .fooccpa {
    justify-content: center;
  }
  .foociz {
    padding-bottom: 50px;
  }
}
/***********************************/
/************** 500 ****************/
@media (max-width: 500px) {
  .home .text-one {
    padding-left: 0;
    text-align: center;
  }
  .home .text-two {
    font-size: 60px;
    padding-left: 0;
    text-align: center;
  }
  .home .text-oct {
    width: 400px;
    font-size: 20px;
  }
  .home .home-content .home-logo img {
    width: 80%;
  }
  .home-logo {
    text-align: center;
  }
  .aqpb2,
  .aqpb3,
  .aqpb4,
  .aqpb5 {
    display: none;
  }
  /*********************************/
  .beneficios .descripcion {
    flex-wrap: wrap;
  }
  .beneficios .descripcion img {
    padding-right: 0;
    padding-bottom: 20px;
  }
  /*********************************/
  .skills-details .boxes .per {
    font-size: 50px;
    color: var(--color-primario);
  }
  .beneficios .boxes {
    flex-wrap: wrap;
  }
  /*********************************/
  .obten .content {
    flex-direction: column;
  }
  .obten .content .obten_fw,
  .obten .content .obten_img {
    width: 100%;
    text-align: center;
  }
  .obten .hr_class {
    background-position: center !important;
  }
  .obten .descripcion {
    text-align: center;
    margin: 19px 0 20px;
  }
  .obten .content .obten_img {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .obten .obten_img img {
    width: 100%;
  }
  .obten_box .obten_img {
    justify-content: center;
  }
  footer {
    background-position: center;
  }
}

/***********************************/
/************** 400 ****************/
@media (max-width: 400px) {
  .home .text-oct {
    width: 100%;
    font-size: 19px;
  }
  .home .text-three {
    width: 100%;
    font-size: 30px;
  }
  .fraimg .frafra .txtd {
    font-size: 0.8rem;
  }
  /***********************************/
  .content-modal,
  .content-modal2,
  .content-modal3 {
    width: 90%;
  }
  .content-modal h2,
  .content-modal2 h2,
  .content-modal3 h2 {
    font-size: 0.9rem;
  }
  .obten .descripcion .des_cont {
    padding: 20px 10px 20px 10px;
    text-align: left;
    font-size: 0.9rem;
    line-height: 1.2;
  }
  .content-modal p,
  .content-modal2 p,
  .content-modal3 p {
    display: none;
  }
}






.punito {
  height: 180px;
  padding-top: 0;
}
.punoimg {
  display: flex;
  height: 100%;

}



.punobox {
  overflow: hidden;
  flex: 1;
  display: flex;
  justify-content: center;  

}

.puno {
  opacity: 0.7;
  transition: all 0.25s ease;
}

.puno:hover {
  opacity: 1;

}



.punito_aus {
  height: 140px;
  padding-top: 0;
}
.punoimg_aus {
  display: flex;
  height: 100%;

}

.punobox_aus {
  overflow: hidden;
  flex: 1;
  display: flex;
  justify-content: center;  

}