@import url(../bootstrap/bootstrap.min.css);

@import url(../boxicons-2.1.2/css/boxicons.min.css);

@font-face {

  font-family: Monserrat;

  src: url(../font/Montserrat-VariableFont_wght.ttf);

}

/* @font-face {

    font-family: Roboto;

    src: url(../font/Roboto-Regular.ttf);

} */

body {

  box-sizing: border-box;

  margin: 0;

  font-family: "Monserrat";

}



/* --------------------------- Navegador --------------------------- */

.logo {

  display: flex;

  justify-content: center;

}

.logo p {

  margin: 0;

}

.logo p a {

  color: white;

  font-size: 35px;

  font-weight: 600;

  text-decoration: none;

}

@media screen and (max-width: 1000px) and (min-width: 650px) {

  .logo {

    width: 15%;

  }

}



.nav-header {

  background-color: #19aec5;

  position: fixed;

  width: 100%;

  height: 50px;

  display: flex;

  justify-content: space-evenly;

  align-items: center;

  z-index: 100;

}

.nav-header nav {

  display: flex;

}

.nav-header nav li {

  list-style: none;

  padding: 0 10px;

  color: white;

  font-weight: bold;

}

@media screen and (max-width: 1000px) and (min-width: 650px) {

  .nav-header nav {

    width: 85%;

    justify-content: center;

  }

  .nav-header nav .dropdown {

    display: flex;

  }

  .nav-header nav .dropdown .dropbtn {

    font-size: 10.5px;

    flex-grow: 1;

    padding: 10px 8px;

  }

  .nav-header nav .dropdown .dropdown-content {

    margin-top: 50px;

    min-width: 180px;

    font-size: 11px;

  }

  .nav-header nav .dropdown .dropdown-content a {

    padding: 5px 7px;

  }

}

.nav-header #nav-mobile {

  display: none;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .nav-header {

    position: unset;

    height: auto;

  }

  .nav-header #nav-mobile {

    display: block;

    width: 100%;

  }

  .nav-header #nav-mobile .navbar {

    background-color: #F3F4FF !important;

  }

  .nav-header #nav-mobile .navbar-collapse ul {

    margin-bottom: 0 !important;

  }

  .nav-header #nav-mobile .navbar-collapse ul li {

    padding: 0;

  }

  .nav-header #nav-mobile .navbar-collapse ul li a {

    display: flex;

    align-items: center;

    width: 100%;

    padding: 5px 10px;

    text-decoration: none;

    color: #858585;

    transition: 0.3s;

    -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */

    -moz-user-select: none;

         user-select: none; /* Standard syntax */

  }

  .nav-header #nav-mobile .navbar-collapse ul li a i {

    font-size: 20px;

    margin-right: 10px;

  }

  .nav-header #nav-mobile .navbar-collapse ul li a:hover {

    background-color: #19aec5;

    color: #F3F4FF;

  }

  .nav-header #nav-normal {

    display: none;

  }

  .nav-header .logo {

    display: none;

  }

}



.dropbtn {

  background-color: #19aec5;

  color: white;

  padding: 16px;

  font-size: 12px;

  border: none;

  font-weight: bold;

}



.dropdown {

  position: relative;

  display: inline-block;

}

.dropdown:hover .dropdown-content {

  display: block;

}

.dropdown:hover .dropbtn {

  background-color: #61c9da;

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f1f1f1;

  min-width: 360px;

  max-height: 75vh;

  overflow-y: scroll;

  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

  z-index: 1;

  font-size: 13px;

}



.dropdown-content .separador {

  background-color: #ddd;

  color: #393939;

  pointer-events: none;

}

.dropdown-content .link-separador {

  background-color: #ddd;

  color: #393939;

}

.dropdown-content .link-separador:hover {

  background-color: #888888;

  color: black;

}

.dropdown-content a {

  color: #858585;

  padding: 8px 10px;

  font-weight: 600;

  text-decoration: none;

  display: block;

  display: flex;

  align-items: center;

}

.dropdown-content a i {

  font-size: 20px;

  margin-right: 5px;

}

.dropdown-content a:hover {

  background-color: #ddd;

  color: #393939;

  transition: all 0.1s ease-in-out;

}



/* --------------------------- Cuerpo / Main / Index --------------------------- */

.main,

.index {

  min-height: 650px;

  padding: 75px 10% 2% 10%;

  background: rgb(241, 241, 241);

  background: linear-gradient(0deg, rgb(241, 241, 241) 30%, rgb(177, 236, 245) 100%);

}

.main .bcrumb,

.index .bcrumb {

  background: rgba(140, 190, 197, 0.3215686275);

}

.main .bcrumb ul,

.index .bcrumb ul {

  padding: 0;

  display: flex;

  flex-direction: row;

  align-items: center;

  margin: 0;

}

.main .bcrumb ul li,

.index .bcrumb ul li {

  list-style: none;

  color: #000000;

  font-weight: 500;

}

.main .bcrumb ul li a,

.index .bcrumb ul li a {

  text-decoration: none;

  padding: 3px 15px 3px 10px;

  border-left: 10px solid transparent;

  font-size: 13px;

}

.main .bcrumb ul li a:hover,

.index .bcrumb ul li a:hover {

  background: #088397;

  color: white;

  transition: all 0.1s ease-in-out;

  border-left: 10px solid white;

}

@media screen and (max-width: 1000px) and (min-width: 650px) {

  .main .bcrumb ul li a,

  .index .bcrumb ul li a {

    font-size: 12px;

  }

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .bcrumb,

  .index .bcrumb {

    display: none;

  }

}

.main .titulo_menu,

.main .titulo_menu_2,

.main .titulo_menu_3,

.main .titulo_menu_4,

.index .titulo_menu,

.index .titulo_menu_2,

.index .titulo_menu_3,

.index .titulo_menu_4 {

  margin-top: 20px;

}

.main .titulo_menu h2,

.main .titulo_menu_2 h2,

.main .titulo_menu_3 h2,

.main .titulo_menu_4 h2,

.index .titulo_menu h2,

.index .titulo_menu_2 h2,

.index .titulo_menu_3 h2,

.index .titulo_menu_4 h2 {

  color: #177280;

  font-size: 18px;

  color: #177280;

  padding: 0;

  margin: 0;

  display: flex;

  align-items: center;

}

.main .titulo_menu h2 i,

.main .titulo_menu_2 h2 i,

.main .titulo_menu_3 h2 i,

.main .titulo_menu_4 h2 i,

.index .titulo_menu h2 i,

.index .titulo_menu_2 h2 i,

.index .titulo_menu_3 h2 i,

.index .titulo_menu_4 h2 i {

  padding-right: 10px;

  font-size: 25px;

}

.main .titulo_menu p,

.main .titulo_menu_2 p,

.main .titulo_menu_3 p,

.main .titulo_menu_4 p,

.index .titulo_menu p,

.index .titulo_menu_2 p,

.index .titulo_menu_3 p,

.index .titulo_menu_4 p {

  margin-bottom: 0;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .titulo_menu,

  .main .titulo_menu_2,

  .main .titulo_menu_3,

  .main .titulo_menu_4,

  .index .titulo_menu,

  .index .titulo_menu_2,

  .index .titulo_menu_3,

  .index .titulo_menu_4 {

    margin: 15px 0;

  }

  .main .titulo_menu h2,

  .main .titulo_menu_2 h2,

  .main .titulo_menu_3 h2,

  .main .titulo_menu_4 h2,

  .index .titulo_menu h2,

  .index .titulo_menu_2 h2,

  .index .titulo_menu_3 h2,

  .index .titulo_menu_4 h2 {

    font-size: 16px;

  }

  .main .titulo_menu h2 i,

  .main .titulo_menu_2 h2 i,

  .main .titulo_menu_3 h2 i,

  .main .titulo_menu_4 h2 i,

  .index .titulo_menu h2 i,

  .index .titulo_menu_2 h2 i,

  .index .titulo_menu_3 h2 i,

  .index .titulo_menu_4 h2 i {

    font-size: 20px;

    padding-right: 5px;

  }

  .main .titulo_menu p,

  .main .titulo_menu_2 p,

  .main .titulo_menu_3 p,

  .main .titulo_menu_4 p,

  .index .titulo_menu p,

  .index .titulo_menu_2 p,

  .index .titulo_menu_3 p,

  .index .titulo_menu_4 p {

    font-size: 15px !important;

  }

}

.main .titulo_menu,

.index .titulo_menu {

  background: #F3F4FF;

  padding: 10px;

}

.main .titulo_menu_2,

.index .titulo_menu_2 {

  background: white;

  padding: 10px 10px 10px 5px;

  border: solid 2px #19aec5;

  border-left: solid 5px #19aec5;

}

.main .titulo_menu_3,

.index .titulo_menu_3 {

  background: white;

  padding: 15px 5px;

  border: solid 2px rgb(83, 197, 85);

  border-left: solid 10px rgb(83, 197, 85);

}

.main .titulo_menu_3 h2,

.index .titulo_menu_3 h2 {

  font-size: 25px;

}

.main .titulo_menu_3 h2 i,

.index .titulo_menu_3 h2 i {

  font-size: 35px;

  padding-left: 10px;

  color: rgb(83, 197, 85);

}

.main .titulo_menu_3 p,

.index .titulo_menu_3 p {

  font-size: 14px;

  display: flex;

  align-items: center;

}

.main .titulo_menu_3 p i,

.index .titulo_menu_3 p i {

  font-size: 30px;

  padding: 0 10px;

  color: rgb(83, 197, 85);

}

.main .titulo_menu_3 p a,

.index .titulo_menu_3 p a {

  margin: 0 5px;

}

.main .titulo_menu_4,

.index .titulo_menu_4 {

  background: white;

  padding: 15px 5px;

  border: solid 2px #ca4f4f;

  border-left: solid 10px #ca4f4f;

}

.main .titulo_menu_4 p,

.index .titulo_menu_4 p {

  font-size: 14px;

  display: flex;

  align-items: center;

}

.main .titulo_menu_4 p i,

.index .titulo_menu_4 p i {

  font-size: 30px;

  padding: 0 10px;

  color: #ca4f4f;

}

.main .menu,

.index .menu {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;

}

.main .menu .opcion-menu,

.main .menu .opcion-menu-2,

.index .menu .opcion-menu,

.index .menu .opcion-menu-2 {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  width: 49%;

  min-height: 350px;

  padding: 20px 30px;

  background: white;

  color: #137483;

  border-radius: 2px;

  box-shadow: -2px 2px 2px 1px rgba(0, 0, 0, 0.096);

  margin: 20px 0;

  text-decoration: none !important;

}

.main .menu .opcion-menu .desc-opcion,

.main .menu .opcion-menu-2 .desc-opcion,

.index .menu .opcion-menu .desc-opcion,

.index .menu .opcion-menu-2 .desc-opcion {

  width: 70%;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: space-between;

}

.main .menu .opcion-menu .desc-opcion h2,

.main .menu .opcion-menu-2 .desc-opcion h2,

.index .menu .opcion-menu .desc-opcion h2,

.index .menu .opcion-menu-2 .desc-opcion h2 {

  font-size: 20px;

  font-weight: 500;

  margin: 0;

}

.main .menu .opcion-menu .desc-opcion p,

.main .menu .opcion-menu-2 .desc-opcion p,

.index .menu .opcion-menu .desc-opcion p,

.index .menu .opcion-menu-2 .desc-opcion p {

  font-size: 15px;

  font-weight: 400;

  margin: 0;

  padding-top: 5px;

  padding-right: 20px;

  display: flex;

  align-items: center;

}

.main .menu .opcion-menu .desc-opcion p i,

.main .menu .opcion-menu-2 .desc-opcion p i,

.index .menu .opcion-menu .desc-opcion p i,

.index .menu .opcion-menu-2 .desc-opcion p i {

  font-size: 20px;

  padding-right: 10px;

}

.main .menu .opcion-menu .preview-opcion,

.main .menu .opcion-menu-2 .preview-opcion,

.index .menu .opcion-menu .preview-opcion,

.index .menu .opcion-menu-2 .preview-opcion {

  width: 30%;

}

.main .menu .opcion-menu .preview-opcion img,

.main .menu .opcion-menu-2 .preview-opcion img,

.index .menu .opcion-menu .preview-opcion img,

.index .menu .opcion-menu-2 .preview-opcion img {

  border: solid 1px #19aec5;

  border-radius: 3px;

  width: 100%;

}

.main .menu .opcion-menu a,

.main .menu .opcion-menu button,

.main .menu .opcion-menu-2 a,

.main .menu .opcion-menu-2 button,

.index .menu .opcion-menu a,

.index .menu .opcion-menu button,

.index .menu .opcion-menu-2 a,

.index .menu .opcion-menu-2 button {

  text-decoration: none;

  background-color: #19aec5;

  border: solid 1px #19aec5;

  color: white;

  font-weight: bold;

  padding: 5px 10px;

  border-radius: 3px;

  height: -moz-fit-content;

  height: fit-content;

}

.main .menu .opcion-menu a:hover,

.main .menu .opcion-menu button:hover,

.main .menu .opcion-menu-2 a:hover,

.main .menu .opcion-menu-2 button:hover,

.index .menu .opcion-menu a:hover,

.index .menu .opcion-menu button:hover,

.index .menu .opcion-menu-2 a:hover,

.index .menu .opcion-menu-2 button:hover {

  background-color: #177280;

  transition: all 0.1s ease-in;

}

@media screen and (max-width: 1200px) and (min-width: 1000px) {

  .main .menu .opcion-menu,

  .main .menu .opcion-menu-2,

  .index .menu .opcion-menu,

  .index .menu .opcion-menu-2 {

    min-height: 290px;

  }

  .main .menu .opcion-menu a,

  .main .menu .opcion-menu-2 a,

  .index .menu .opcion-menu a,

  .index .menu .opcion-menu-2 a {

    height: -moz-fit-content;

    height: fit-content;

  }

  .main .menu .opcion-menu .desc-opcion,

  .main .menu .opcion-menu-2 .desc-opcion,

  .index .menu .opcion-menu .desc-opcion,

  .index .menu .opcion-menu-2 .desc-opcion {

    width: 80%;

  }

  .main .menu .opcion-menu .desc-opcion h2,

  .main .menu .opcion-menu-2 .desc-opcion h2,

  .index .menu .opcion-menu .desc-opcion h2,

  .index .menu .opcion-menu-2 .desc-opcion h2 {

    font-size: 17px;

  }

  .main .menu .opcion-menu .desc-opcion p,

  .main .menu .opcion-menu-2 .desc-opcion p,

  .index .menu .opcion-menu .desc-opcion p,

  .index .menu .opcion-menu-2 .desc-opcion p {

    font-size: 13px;

    padding-right: 10px;

  }

  .main .menu .opcion-menu .desc-opcion p i,

  .main .menu .opcion-menu-2 .desc-opcion p i,

  .index .menu .opcion-menu .desc-opcion p i,

  .index .menu .opcion-menu-2 .desc-opcion p i {

    font-size: 15px;

    padding-right: 7px;

  }

  .main .menu .opcion-menu .preview-opcion,

  .main .menu .opcion-menu-2 .preview-opcion,

  .index .menu .opcion-menu .preview-opcion,

  .index .menu .opcion-menu-2 .preview-opcion {

    width: 20%;

  }

}

@media screen and (max-width: 1000px) and (min-width: 650px) {

  .main .menu .opcion-menu,

  .main .menu .opcion-menu-2,

  .index .menu .opcion-menu,

  .index .menu .opcion-menu-2 {

    min-height: 275px;

  }

  .main .menu .opcion-menu a,

  .main .menu .opcion-menu-2 a,

  .index .menu .opcion-menu a,

  .index .menu .opcion-menu-2 a {

    height: -moz-fit-content;

    height: fit-content;

  }

  .main .menu .opcion-menu .desc-opcion,

  .main .menu .opcion-menu-2 .desc-opcion,

  .index .menu .opcion-menu .desc-opcion,

  .index .menu .opcion-menu-2 .desc-opcion {

    width: 100%;

  }

  .main .menu .opcion-menu .desc-opcion h2,

  .main .menu .opcion-menu-2 .desc-opcion h2,

  .index .menu .opcion-menu .desc-opcion h2,

  .index .menu .opcion-menu-2 .desc-opcion h2 {

    font-size: 15px;

  }

  .main .menu .opcion-menu .desc-opcion p,

  .main .menu .opcion-menu-2 .desc-opcion p,

  .index .menu .opcion-menu .desc-opcion p,

  .index .menu .opcion-menu-2 .desc-opcion p {

    font-size: 13px;

  }

  .main .menu .opcion-menu .preview-opcion,

  .main .menu .opcion-menu-2 .preview-opcion,

  .index .menu .opcion-menu .preview-opcion,

  .index .menu .opcion-menu-2 .preview-opcion {

    display: none;

  }

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .menu .opcion-menu,

  .main .menu .opcion-menu-2,

  .index .menu .opcion-menu,

  .index .menu .opcion-menu-2 {

    width: 100%;

    margin: 10px 0;

    min-height: 200px;

  }

  .main .menu .opcion-menu a,

  .main .menu .opcion-menu-2 a,

  .index .menu .opcion-menu a,

  .index .menu .opcion-menu-2 a {

    height: -moz-fit-content;

    height: fit-content;

  }

  .main .menu .opcion-menu .desc-opcion,

  .main .menu .opcion-menu-2 .desc-opcion,

  .index .menu .opcion-menu .desc-opcion,

  .index .menu .opcion-menu-2 .desc-opcion {

    width: 80%;

  }

  .main .menu .opcion-menu .desc-opcion h2,

  .main .menu .opcion-menu-2 .desc-opcion h2,

  .index .menu .opcion-menu .desc-opcion h2,

  .index .menu .opcion-menu-2 .desc-opcion h2 {

    font-size: 17px;

  }

  .main .menu .opcion-menu .desc-opcion p,

  .main .menu .opcion-menu-2 .desc-opcion p,

  .index .menu .opcion-menu .desc-opcion p,

  .index .menu .opcion-menu-2 .desc-opcion p {

    font-size: 13px;

    padding-right: 10px;

  }

  .main .menu .opcion-menu .desc-opcion p i,

  .main .menu .opcion-menu-2 .desc-opcion p i,

  .index .menu .opcion-menu .desc-opcion p i,

  .index .menu .opcion-menu-2 .desc-opcion p i {

    font-size: 15px;

    padding-right: 7px;

  }

  .main .menu .opcion-menu .preview-opcion,

  .main .menu .opcion-menu-2 .preview-opcion,

  .index .menu .opcion-menu .preview-opcion,

  .index .menu .opcion-menu-2 .preview-opcion {

    width: 20%;

  }

}

.main .menu .opcion-menu-2,

.index .menu .opcion-menu-2 {

  width: 32% !important;

  min-height: 200px;

}

.main .menu .opcion-menu-2 .desc-opcion,

.index .menu .opcion-menu-2 .desc-opcion {

  width: 100% !important;

  min-height: 150px;

}

.main .menu .opcion-menu-2 .desc-opcion h2,

.index .menu .opcion-menu-2 .desc-opcion h2 {

  display: flex;

  align-items: center;

}

.main .menu .opcion-menu-2 .desc-opcion h2 i,

.index .menu .opcion-menu-2 .desc-opcion h2 i {

  font-size: 30px;

  margin-right: 10px;

}

.main .menu .opcion-menu-2 .desc-opcion p,

.index .menu .opcion-menu-2 .desc-opcion p {

  text-align: justify;

}

.main .menu .opcion-menu-2:hover,

.index .menu .opcion-menu-2:hover {

  background-color: #F3F4FF;

  transition: all 0.2s ease-in-out;

}

@media screen and (max-width: 1200px) and (min-width: 1000px) {

  .main .menu .opcion-menu-2 .desc-opcion p,

  .index .menu .opcion-menu-2 .desc-opcion p {

    font-size: 13px;

  }

}

@media screen and (max-width: 1000px) and (min-width: 650px) {

  .main .menu .opcion-menu-2,

  .index .menu .opcion-menu-2 {

    width: 49% !important;

    min-height: 150px;

  }

  .main .menu .opcion-menu-2 .desc-opcion p,

  .index .menu .opcion-menu-2 .desc-opcion p {

    font-size: 15px;

  }

  .main .menu .opcion-menu-2 .desc-opcion h2,

  .index .menu .opcion-menu-2 .desc-opcion h2 {

    display: flex;

    align-items: center;

    font-size: 18px;

  }

  .main .menu .opcion-menu-2 .desc-opcion h2 i,

  .index .menu .opcion-menu-2 .desc-opcion h2 i {

    font-size: 30px;

    margin-right: 10px;

  }

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .menu .opcion-menu-2,

  .index .menu .opcion-menu-2 {

    width: 100% !important;

    min-height: 100px;

    display: flex;

    align-items: center;

  }

  .main .menu .opcion-menu-2 .desc-opcion,

  .index .menu .opcion-menu-2 .desc-opcion {

    min-height: 0px;

  }

  .main .menu .opcion-menu-2 .desc-opcion p,

  .index .menu .opcion-menu-2 .desc-opcion p {

    display: none;

  }

  .main .menu .opcion-menu-2 .desc-opcion h2,

  .index .menu .opcion-menu-2 .desc-opcion h2 {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    text-align: center;

  }

  .main .menu .opcion-menu-2 .desc-opcion h2 i,

  .index .menu .opcion-menu-2 .desc-opcion h2 i {

    font-size: 30px;

    margin-right: 10px;

  }

}

.main .formulario,

.index .formulario {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;

  padding: 20px 0;

}

.main .formulario .form-left,

.index .formulario .form-left {

  text-align: left;

  width: 70%;

  padding-right: 10px;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .form-left,

  .index .formulario .form-left {

    width: 100%;

    padding-right: 0px;

  }

}

.main .formulario .form-left-2,

.index .formulario .form-left-2 {

  text-align: left;

  width: 75%;

  padding-left: 10px;

}

@media screen and (max-width: 1000px) and (min-width: 0px) {

  .main .formulario .form-left-2,

  .index .formulario .form-left-2 {

    width: 100%;

    padding-left: 0px;

  }

}

.main .formulario .form-right,

.index .formulario .form-right {

  text-align: center;

  width: 30%;

  padding-left: 10px;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .form-right,

  .index .formulario .form-right {

    width: 100%;

    padding-left: 0px;

  }

}

.main .formulario .form-right-2,

.index .formulario .form-right-2 {

  text-align: center;

  width: 25%;

  padding-right: 10px;

}

@media screen and (max-width: 1000px) and (min-width: 0px) {

  .main .formulario .form-right-2,

  .index .formulario .form-right-2 {

    width: 100%;

    padding-right: 0px;

  }

}

.main .formulario .form-full,

.index .formulario .form-full {

  text-align: left;

  width: 100%;

  padding: 5px 0;

}

.main .formulario .form-half,

.index .formulario .form-half {

  text-align: left;

  width: 49%;

  padding: 5px 0;

}

@media screen and (max-width: 1000px) and (min-width: 0px) {

  .main .formulario .form-half,

  .index .formulario .form-half {

    padding: 1%;

    width: 100%;

  }

}

.main .formulario .card-desc,

.index .formulario .card-desc {

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  background: #F3F4FF !important;

}

.main .formulario .card-desc hr,

.index .formulario .card-desc hr {

  width: 100%;

}

.main .formulario .card-desc p,

.index .formulario .card-desc p {

  font-size: 15px !important;

  font-weight: 400 !important;

  margin: 20px 0 0 0 !important;

  text-align: justify;

}

.main .formulario .card-desc .preview,

.index .formulario .card-desc .preview {

  width: 85%;

  border: solid 1px #19aec5;

  border-radius: 3px;

  margin: 15px 0;

}

.main .formulario .card-desc .preview img,

.index .formulario .card-desc .preview img {

  width: 100%;

}

.main .formulario .card-desc h4,

.index .formulario .card-desc h4 {

  margin: 0;

}

.main .formulario .card-desc .tiempo,

.index .formulario .card-desc .tiempo {

  width: 100%;

  background: #61c9da;

  margin: 0 20PX;

  padding: 10px;

  font-size: 18px !important;

  font-weight: bold !important;

  color: white;

  text-align: center;

}

.main .formulario .card-desc .accordion,

.index .formulario .card-desc .accordion {

  width: 100%;

  background: unset;

}

.main .formulario .card-desc .accordion .accordion-item,

.index .formulario .card-desc .accordion .accordion-item {

  border: none;

  border-bottom: solid 1px rgba(8, 132, 151, 0.3803921569);

}

.main .formulario .card-desc .accordion .accordion-item .accordion-button,

.index .formulario .card-desc .accordion .accordion-item .accordion-button {

  background-color: #F3F4FF;

  font-size: 12px;

}

.main .formulario .card-desc .accordion .accordion-item .accordion-collapse .accordion-body,

.index .formulario .card-desc .accordion .accordion-item .accordion-collapse .accordion-body {

  background-color: #F3F4FF;

  padding: 20px 10px;

}

.main .formulario .card-desc .accordion .accordion-item .accordion-collapse .accordion-body p,

.index .formulario .card-desc .accordion .accordion-item .accordion-collapse .accordion-body p {

  font-size: 12px !important;

  margin: 0px !important;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .card-desc,

  .index .formulario .card-desc {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

  }

  .main .formulario .card-desc h3, .main .formulario .card-desc .preview,

  .index .formulario .card-desc h3,

  .index .formulario .card-desc .preview {

    display: none;

  }

  .main .formulario .card-desc h4,

  .index .formulario .card-desc h4 {

    width: 100%;

  }

  .main .formulario .card-desc .ws-cbr, .main .formulario .card-desc .tiempo,

  .index .formulario .card-desc .ws-cbr,

  .index .formulario .card-desc .tiempo {

    width: 90%;

    font-size: 15px !important;

  }

}

.main .formulario .card-form,

.index .formulario .card-form {

  background: white;

  color: #137483;

  border-radius: 2px;

  padding: 15px;

  box-shadow: -2px 2px 2px 1px rgba(0, 0, 0, 0.096);

  margin-bottom: 10px;

}

.main .formulario .card-form h2,

.index .formulario .card-form h2 {

  font-size: 20px;

  font-weight: 500;

  margin: 0;

}

.main .formulario .card-form .h2-1,

.index .formulario .card-form .h2-1 {

  font-size: 14px;

}

.main .formulario .card-form h3,

.index .formulario .card-form h3 {

  font-size: 18px;

  margin: 0;

}

.main .formulario .card-form h4,

.index .formulario .card-form h4 {

  font-size: 15px;

}

.main .formulario .card-form hr,

.index .formulario .card-form hr {

  margin: 10px 0;

}

.main .formulario .card-form p,

.index .formulario .card-form p {

  font-size: 13px;

  font-weight: 500;

  margin: 2px 0;

}

.main .formulario .card-form .opciones,

.index .formulario .card-form .opciones {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: left;

}

.main .formulario .card-form .opciones a,

.index .formulario .card-form .opciones a {

  width: 100%;

  display: flex;

  align-items: center;

  font-size: 12px;

  padding: 8px;

  color: #858585;

  text-decoration: none;

  font-weight: 600;

  border-radius: 5px;

  border: solid 1px transparent;

  margin: 3px 0;

}

.main .formulario .card-form .opciones a i,

.index .formulario .card-form .opciones a i {

  font-size: 20px;

  margin-right: 10px;

}

.main .formulario .card-form .opciones a:hover,

.index .formulario .card-form .opciones a:hover {

  background-color: #F3F4FF;

  color: #19aec5;

  border: solid 1px #19aec5;

  transition: all 0.2s ease-in-out;

}

.main .formulario .card-form .opciones .activo,

.index .formulario .card-form .opciones .activo {

  background-color: #F3F4FF !important;

  color: #19aec5 !important;

  border: solid 1px #19aec5;

  pointer-events: none;

}

.main .formulario .card-form .accordion-body ul,

.index .formulario .card-form .accordion-body ul {

  margin: 15px 0;

}

.main .formulario .card-form .accordion-body ul li,

.index .formulario .card-form .accordion-body ul li {

  font-size: 13px;

  font-weight: 500;

  margin: 8px 0;

}

.main .formulario .card-form .accordion-button,

.index .formulario .card-form .accordion-button {

  font-size: 13px;

  font-weight: 500;

  padding: 10px 15px;

}

.main .formulario .card-form input[type=number],

.main .formulario .card-form input[type=text],

.main .formulario .card-form input[type=date],

.index .formulario .card-form input[type=number],

.index .formulario .card-form input[type=text],

.index .formulario .card-form input[type=date] {

  width: 100%;

  padding: 2px 8px;

  border: solid 1px #858585;

  border-radius: 2px;

  font-size: 14px;

  letter-spacing: 0.5px;

}

.main .formulario .card-form input[type=number]::-moz-placeholder, .main .formulario .card-form input[type=text]::-moz-placeholder, .main .formulario .card-form input[type=date]::-moz-placeholder, .index .formulario .card-form input[type=number]::-moz-placeholder, .index .formulario .card-form input[type=text]::-moz-placeholder, .index .formulario .card-form input[type=date]::-moz-placeholder {

  color: #c4c4c4;

}

.main .formulario .card-form input[type=number]::placeholder,

.main .formulario .card-form input[type=text]::placeholder,

.main .formulario .card-form input[type=date]::placeholder,

.index .formulario .card-form input[type=number]::placeholder,

.index .formulario .card-form input[type=text]::placeholder,

.index .formulario .card-form input[type=date]::placeholder {

  color: #c4c4c4;

}

.main .formulario .card-form select,

.index .formulario .card-form select {

  width: 100%;

  padding: 3px 8px;

  border: solid 1px #858585;

  border-radius: 3px;

}

.main .formulario .card-form .dt-length select,

.index .formulario .card-form .dt-length select {

  width: 25% !important;

  margin: 0;

}

.main .formulario .card-form .card-tramites,

.main .formulario .card-form .card-documentos,

.index .formulario .card-form .card-tramites,

.index .formulario .card-form .card-documentos {

  width: 100%;

  background: #F3F4FF;

  color: #137483;

  border-radius: 2px;

  padding: 15px;

  box-shadow: -2px 2px 2px 1px rgba(0, 0, 0, 0.096);

  display: flex;

  flex-direction: row;

  justify-content: space-evenly;

  align-items: center;

  flex-wrap: wrap;

}

.main .formulario .card-form .card-tramites h2,

.main .formulario .card-form .card-documentos h2,

.index .formulario .card-form .card-tramites h2,

.index .formulario .card-form .card-documentos h2 {

  width: 100%;

  font-size: 20px;

  font-weight: 500;

  margin: 0;

  text-align: center;

}

.main .formulario .card-form .card-tramites hr,

.main .formulario .card-form .card-documentos hr,

.index .formulario .card-form .card-tramites hr,

.index .formulario .card-form .card-documentos hr {

  width: 100%;

  margin: 10px 0;

}

.main .formulario .card-form .card-tramites .doc-group,

.main .formulario .card-form .card-documentos .doc-group,

.index .formulario .card-form .card-tramites .doc-group,

.index .formulario .card-form .card-documentos .doc-group {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  width: 48%;

  padding: 3px;

  margin: 5px 0;

}

.main .formulario .card-form .card-tramites .doc-group p,

.main .formulario .card-form .card-documentos .doc-group p,

.index .formulario .card-form .card-tramites .doc-group p,

.index .formulario .card-form .card-documentos .doc-group p {

  text-align: center;

  width: 100%;

  font-size: 12px;

  font-weight: 500;

  margin: 2px 0;

  border-bottom: solid 1px #858585;

  margin-bottom: 10px;

}

.main .formulario .card-form .card-tramites .doc-group a,

.main .formulario .card-form .card-documentos .doc-group a,

.index .formulario .card-form .card-tramites .doc-group a,

.index .formulario .card-form .card-documentos .doc-group a {

  width: 100%;

  display: flex;

  justify-content: space-evenly;

  align-items: center;

  text-align: center;

  padding: 5px;

  font-size: 12px;

}

.main .formulario .card-form .card-tramites .doc-group a i,

.main .formulario .card-form .card-documentos .doc-group a i,

.index .formulario .card-form .card-tramites .doc-group a i,

.index .formulario .card-form .card-documentos .doc-group a i {

  font-size: 25px;

}

.main .formulario .card-form .card-tramites,

.index .formulario .card-form .card-tramites {

  background: #f1f1f1 !important;

  justify-content: start;

}

.main .formulario .card-form .card-tramites ul,

.index .formulario .card-form .card-tramites ul {

  width: 100%;

  list-style: none;

  padding: 0 10px;

  margin: 5px 0;

}

.main .formulario .card-form .card-tramites ul li,

.index .formulario .card-form .card-tramites ul li {

  font-weight: bold;

}

.main .formulario .card-form .card-tramites ul .sub-i,

.index .formulario .card-form .card-tramites ul .sub-i {

  padding-left: 15px !important;

}

.main .formulario .card-form .card-tramites ul .sub-i li,

.index .formulario .card-form .card-tramites ul .sub-i li {

  font-weight: normal !important;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.main .formulario .card-form .card-tramites ul .sub-i li p,

.index .formulario .card-form .card-tramites ul .sub-i li p {

  width: 10%;

}

.main .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item h2 button,

.index .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item h2 button {

  background: #f1f1f1;

  font-weight: normal !important;

  display: flex;

  align-items: center;

  justify-content: space-between;

  background-image: unset !important;

  padding: 6px 0 6px 10px;

}

.main .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item h2 button h4,

.index .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item h2 button h4 {

  font-weight: normal !important;

  width: 90%;

  padding: 0;

  margin: 0;

}

.main .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item h2 button p,

.index .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item h2 button p {

  width: 10%;

  color: #137483;

}

.main .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item .accordion-collapse .accordion-body,

.index .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item .accordion-collapse .accordion-body {

  background: #f4f4f4;

  padding: 10px;

}

.main .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item .accordion-header .accordion-button::after,

.index .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item .accordion-header .accordion-button::after {

  background-image: initial;

  display: none;

}

.main .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after,

.index .formulario .card-form .card-tramites ul .sub-i .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {

  background-image: initial;

}

.main .formulario .card-form .card-tramites ul .sub-i .obs,

.index .formulario .card-form .card-tramites ul .sub-i .obs {

  list-style: circle !important;

  margin-left: 20px !important;

  margin-top: 5px !important;

  font-size: 13px !important;

}

.main .formulario .card-form .card-tramites h3,

.main .formulario .card-form .card-tramites h4,

.index .formulario .card-form .card-tramites h3,

.index .formulario .card-form .card-tramites h4 {

  width: 100%;

  padding: 0 10px;

}

.main .formulario .card-form .card-tramites h3,

.index .formulario .card-form .card-tramites h3 {

  font-weight: bold;

  font-size: 15px;

  margin-bottom: 5px;

}

.main .formulario .card-form .card-tramites h4,

.index .formulario .card-form .card-tramites h4 {

  font-size: 14px;

}

.main .formulario .card-form .card-tramites p,

.index .formulario .card-form .card-tramites p {

  font-size: 15px;

  font-weight: bold;

  text-align: center;

  width: 100%;

}

.main .formulario .card-form .subtotal,

.index .formulario .card-form .subtotal {

  width: 30%;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-evenly;

}

.main .formulario .card-form .subtotal,

.index .formulario .card-form .subtotal {

  padding: 10px 0 0 0;

  margin: 15px 0 5px 0;

}

.main .formulario .card-form .subtotal h3,

.index .formulario .card-form .subtotal h3 {

  font-weight: bold;

  margin: 0;

}

.main .formulario .card-form .subtotal h4,

.index .formulario .card-form .subtotal h4 {

  margin: 0;

}

.main .formulario .card-form .radio-group,

.index .formulario .card-form .radio-group {

  display: flex;

  flex-wrap: wrap;

  margin: 5px 0;

}

.main .formulario .card-form .radio-group input[type=radio],

.index .formulario .card-form .radio-group input[type=radio] {

  width: 2.5%;

  margin-right: 10px;

}

.main .formulario .card-form .radio-group label,

.index .formulario .card-form .radio-group label {

  width: 95%;

  font-size: 15px;

}

.main .formulario .card-form .form-group,

.index .formulario .card-form .form-group {

  position: relative;

  margin-top: 15px;

  padding: 5px;

}

.main .formulario .card-form .form-group label,

.index .formulario .card-form .form-group label {

  position: absolute;

  font-size: 14px;

  background: white;

  padding: 0 3px;

  left: 15px;

  top: -8px;

}

.main .formulario .card-form .form-group button,

.index .formulario .card-form .form-group button {

  background: #19aec5;

  border: solid 2px #19aec5;

  border-radius: 3px;

  color: white;

  font-weight: 500;

}

.main .formulario .card-form .form-group button:hover,

.index .formulario .card-form .form-group button:hover {

  background: #177280;

  transition: all 0.1s ease-in-out;

}

.main .formulario .card-form #resultado_doc,

.main .formulario .card-form #respuestaContainer,

.index .formulario .card-form #resultado_doc,

.index .formulario .card-form #respuestaContainer {

  width: 100%;

}

.main .formulario .card-form #resultado_doc .doc-select,

.main .formulario .card-form #respuestaContainer .doc-select,

.index .formulario .card-form #resultado_doc .doc-select,

.index .formulario .card-form #respuestaContainer .doc-select {

  width: 100%;

  margin-top: 30px;

  display: flex;

  justify-content: space-evenly;

  align-items: center;

  flex-wrap: wrap;

}

.main .formulario .card-form #resultado_doc .doc-select h3,

.main .formulario .card-form #respuestaContainer .doc-select h3,

.index .formulario .card-form #resultado_doc .doc-select h3,

.index .formulario .card-form #respuestaContainer .doc-select h3 {

  text-align: center;

}

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad,

.main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad,

.index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad,

.index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad {

  width: 20%;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad #quantity,

.main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad #quantity,

.index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad #quantity,

.index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad #quantity {

  width: 60% !important;

  padding: 2px 8px;

  border: solid 1px #858585;

  border-radius: 2px;

  text-align: center;

}

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad #quantity::-moz-placeholder, .main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad #quantity::-moz-placeholder, .index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad #quantity::-moz-placeholder, .index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad #quantity::-moz-placeholder {

  color: #c4c4c4;

}

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad #quantity::placeholder,

.main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad #quantity::placeholder,

.index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad #quantity::placeholder,

.index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad #quantity::placeholder {

  color: #c4c4c4;

}

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn,

.main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn,

.index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn,

.index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn {

  width: 20%;

}

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-mas,

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-menos,

.main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-mas,

.main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-menos,

.index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-mas,

.index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-menos,

.index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-mas,

.index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-menos {

  width: 100%;

  height: 100%;

  color: white;

}

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-mas:hover,

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-menos:hover,

.main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-mas:hover,

.main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-menos:hover,

.index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-mas:hover,

.index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-menos:hover,

.index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-mas:hover,

.index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-menos:hover {

  background: #858585;

  border: solid 1px #858585;

  transition: all 0.1s ease-in;

}

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-menos,

.main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-menos,

.index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-menos,

.index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-menos {

  border: solid 1px #177280;

  background: #177280;

  border-top-left-radius: 5px !important;

  border-bottom-left-radius: 5px !important;

}

.main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-mas,

.main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-mas,

.index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad .input-group-btn .boton-mas,

.index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad .input-group-btn .boton-mas {

  border: solid 1px #19aec5;

  background: #19aec5;

  border-top-right-radius: 5px !important;

  border-bottom-right-radius: 5px !important;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .card-form #resultado_doc .doc-select h3,

  .main .formulario .card-form #respuestaContainer .doc-select h3,

  .index .formulario .card-form #resultado_doc .doc-select h3,

  .index .formulario .card-form #respuestaContainer .doc-select h3 {

    margin-bottom: 10px;

  }

  .main .formulario .card-form #resultado_doc .doc-select .input-group-cantidad,

  .main .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad,

  .index .formulario .card-form #resultado_doc .doc-select .input-group-cantidad,

  .index .formulario .card-form #respuestaContainer .doc-select .input-group-cantidad {

    width: 45%;

  }

}

.main .formulario .card-form #resultado_tabla,

.index .formulario .card-form #resultado_tabla {

  width: 100%;

  margin-top: 10px;

}

.main .formulario .card-form #resultado_tabla .filtrar,

.index .formulario .card-form #resultado_tabla .filtrar {

  border: solid 1px #19aec5;

  border-radius: 5px;

  margin: 5px 0;

  padding: 5px 10px !important;

}

.main .formulario .card-form #resultado_tabla .tabla,

.index .formulario .card-form #resultado_tabla .tabla {

  width: 100% !important;

  margin: 0;

}

.main .formulario .card-form #resultado_tabla .tabla thead tr,

.main .formulario .card-form #resultado_tabla .tabla tbody tr,

.index .formulario .card-form #resultado_tabla .tabla thead tr,

.index .formulario .card-form #resultado_tabla .tabla tbody tr {

  width: 100%;

}

.main .formulario .card-form #resultado_tabla .tabla thead tr:hover,

.main .formulario .card-form #resultado_tabla .tabla tbody tr:hover,

.index .formulario .card-form #resultado_tabla .tabla thead tr:hover,

.index .formulario .card-form #resultado_tabla .tabla tbody tr:hover {

  background-color: #F3F4FF;

}

.main .formulario .card-form #resultado_tabla .tabla thead tr .th-50,

.main .formulario .card-form #resultado_tabla .tabla thead tr .th-25,

.main .formulario .card-form #resultado_tabla .tabla thead tr .th-1,

.main .formulario .card-form #resultado_tabla .tabla tbody tr .th-50,

.main .formulario .card-form #resultado_tabla .tabla tbody tr .th-25,

.main .formulario .card-form #resultado_tabla .tabla tbody tr .th-1,

.index .formulario .card-form #resultado_tabla .tabla thead tr .th-50,

.index .formulario .card-form #resultado_tabla .tabla thead tr .th-25,

.index .formulario .card-form #resultado_tabla .tabla thead tr .th-1,

.index .formulario .card-form #resultado_tabla .tabla tbody tr .th-50,

.index .formulario .card-form #resultado_tabla .tabla tbody tr .th-25,

.index .formulario .card-form #resultado_tabla .tabla tbody tr .th-1 {

  text-align: center;

  border-bottom: solid 1px #858585;

  border-top: solid 1px #858585;

  padding: 10px 0;

  letter-spacing: 2px;

}

.main .formulario .card-form #resultado_tabla .tabla thead tr .th-50,

.main .formulario .card-form #resultado_tabla .tabla tbody tr .th-50,

.index .formulario .card-form #resultado_tabla .tabla thead tr .th-50,

.index .formulario .card-form #resultado_tabla .tabla tbody tr .th-50 {

  width: 50%;

}

.main .formulario .card-form #resultado_tabla .tabla thead tr .th-25,

.main .formulario .card-form #resultado_tabla .tabla tbody tr .th-25,

.index .formulario .card-form #resultado_tabla .tabla thead tr .th-25,

.index .formulario .card-form #resultado_tabla .tabla tbody tr .th-25 {

  width: 25%;

}

.main .formulario .card-form #resultado_tabla .tabla thead tr td,

.main .formulario .card-form #resultado_tabla .tabla tbody tr td,

.index .formulario .card-form #resultado_tabla .tabla thead tr td,

.index .formulario .card-form #resultado_tabla .tabla tbody tr td {

  padding: 12px 0;

  text-align: center;

  font-size: 13px;

  font-weight: 500;

}

.main .formulario .card-form #resultado_tabla .tabla thead tr td a i,

.main .formulario .card-form #resultado_tabla .tabla tbody tr td a i,

.index .formulario .card-form #resultado_tabla .tabla thead tr td a i,

.index .formulario .card-form #resultado_tabla .tabla tbody tr td a i {

  font-size: 25px;

}

.main .formulario .card-form #resultado_tabla .tabla tbody,

.index .formulario .card-form #resultado_tabla .tabla tbody {

  border-bottom: solid 1px #858585;

}

.main .formulario .card-form #resultado_tabla .pagination,

.index .formulario .card-form #resultado_tabla .pagination {

  width: 100%;

  display: flex;

  justify-content: center;

  margin-top: 15px;

}

.main .formulario .card-form #resultado_tabla .pagination a,

.index .formulario .card-form #resultado_tabla .pagination a {

  font-size: 15px;

  padding: 0 10px;

  font-weight: bold;

  text-decoration: none;

  border-radius: 3px;

  margin: 0 5px;

}

.main .formulario .card-form #resultado_tabla .pagination a:hover,

.index .formulario .card-form #resultado_tabla .pagination a:hover {

  background-color: #61c9da;

  transition: all 0.2s ease-in-out;

}

.main .formulario .card-form #resultado_tabla .pagination .actual,

.index .formulario .card-form #resultado_tabla .pagination .actual {

  color: white;

  background-color: #61c9da;

  pointer-events: none;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .card-form #resultado_tabla #tabla_requerimiento td:nth-child(1), .main .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(1), .main .formulario .card-form #resultado_tabla #tabla_requerimiento td:nth-child(5), .main .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(5),

  .index .formulario .card-form #resultado_tabla #tabla_requerimiento td:nth-child(1),

  .index .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(1),

  .index .formulario .card-form #resultado_tabla #tabla_requerimiento td:nth-child(5),

  .index .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(5) {

    display: none;

  }

  .main .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(2), .main .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(3), .main .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(4), .main .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(6),

  .index .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(2),

  .index .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(3),

  .index .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(4),

  .index .formulario .card-form #resultado_tabla #tabla_requerimiento th:nth-child(6) {

    font-size: 12px;

    letter-spacing: 0px;

  }

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .card-form #resultado_tabla #tabla_req_escritura td:nth-child(1), .main .formulario .card-form #resultado_tabla #tabla_req_escritura th:nth-child(1),

  .index .formulario .card-form #resultado_tabla #tabla_req_escritura td:nth-child(1),

  .index .formulario .card-form #resultado_tabla #tabla_req_escritura th:nth-child(1) {

    display: none;

  }

  .main .formulario .card-form #resultado_tabla #tabla_req_escritura th:nth-child(2), .main .formulario .card-form #resultado_tabla #tabla_req_escritura th:nth-child(3), .main .formulario .card-form #resultado_tabla #tabla_req_escritura th:nth-child(4), .main .formulario .card-form #resultado_tabla #tabla_req_escritura th:nth-child(6),

  .index .formulario .card-form #resultado_tabla #tabla_req_escritura th:nth-child(2),

  .index .formulario .card-form #resultado_tabla #tabla_req_escritura th:nth-child(3),

  .index .formulario .card-form #resultado_tabla #tabla_req_escritura th:nth-child(4),

  .index .formulario .card-form #resultado_tabla #tabla_req_escritura th:nth-child(6) {

    font-size: 12px;

    letter-spacing: 0px;

  }

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .card-form #resultado_tabla #tabla-registros th:nth-child(1), .main .formulario .card-form #resultado_tabla #tabla-registros th:nth-child(2), .main .formulario .card-form #resultado_tabla #tabla-registros th:nth-child(3),

  .index .formulario .card-form #resultado_tabla #tabla-registros th:nth-child(1),

  .index .formulario .card-form #resultado_tabla #tabla-registros th:nth-child(2),

  .index .formulario .card-form #resultado_tabla #tabla-registros th:nth-child(3) {

    font-size: 12px;

    letter-spacing: 0px;

  }

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .card-form #resultado_tabla #tabla-registros_wrapper label, .main .formulario .card-form #resultado_tabla #tabla-registros_wrapper .dt-info,

  .index .formulario .card-form #resultado_tabla #tabla-registros_wrapper label,

  .index .formulario .card-form #resultado_tabla #tabla-registros_wrapper .dt-info {

    font-size: 13px;

  }

}

.main .formulario .card-form #resultado_tabla #tabla-registros_wrapper .dt-paging ul .disabled,

.index .formulario .card-form #resultado_tabla #tabla-registros_wrapper .dt-paging ul .disabled {

  background: unset !important;

  border: none !important;

  pointer-events: none;

  color: white;

}

.main .formulario .card-form .info,

.main .formulario .card-form .alerta,

.main .formulario .card-form .alerta-1,

.main .formulario .card-form .alerta-2,

.index .formulario .card-form .info,

.index .formulario .card-form .alerta,

.index .formulario .card-form .alerta-1,

.index .formulario .card-form .alerta-2 {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin: 10px 0;

}

.main .formulario .card-form .info .alerta-bold,

.main .formulario .card-form .info .alerta-light,

.main .formulario .card-form .alerta .alerta-bold,

.main .formulario .card-form .alerta .alerta-light,

.main .formulario .card-form .alerta-1 .alerta-bold,

.main .formulario .card-form .alerta-1 .alerta-light,

.main .formulario .card-form .alerta-2 .alerta-bold,

.main .formulario .card-form .alerta-2 .alerta-light,

.index .formulario .card-form .info .alerta-bold,

.index .formulario .card-form .info .alerta-light,

.index .formulario .card-form .alerta .alerta-bold,

.index .formulario .card-form .alerta .alerta-light,

.index .formulario .card-form .alerta-1 .alerta-bold,

.index .formulario .card-form .alerta-1 .alerta-light,

.index .formulario .card-form .alerta-2 .alerta-bold,

.index .formulario .card-form .alerta-2 .alerta-light {

  padding: 20px;

  border-radius: 5px;

}

.main .formulario .card-form .info .alerta-bold,

.main .formulario .card-form .alerta .alerta-bold,

.main .formulario .card-form .alerta-1 .alerta-bold,

.main .formulario .card-form .alerta-2 .alerta-bold,

.index .formulario .card-form .info .alerta-bold,

.index .formulario .card-form .alerta .alerta-bold,

.index .formulario .card-form .alerta-1 .alerta-bold,

.index .formulario .card-form .alerta-2 .alerta-bold {

  width: 30%;

  display: flex;

  flex-direction: column;

}

.main .formulario .card-form .info .alerta-light,

.main .formulario .card-form .alerta .alerta-light,

.main .formulario .card-form .alerta-1 .alerta-light,

.main .formulario .card-form .alerta-2 .alerta-light,

.index .formulario .card-form .info .alerta-light,

.index .formulario .card-form .alerta .alerta-light,

.index .formulario .card-form .alerta-1 .alerta-light,

.index .formulario .card-form .alerta-2 .alerta-light {

  width: 69%;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

}

.main .formulario .card-form .info .alerta-light i,

.main .formulario .card-form .alerta .alerta-light i,

.main .formulario .card-form .alerta-1 .alerta-light i,

.main .formulario .card-form .alerta-2 .alerta-light i,

.index .formulario .card-form .info .alerta-light i,

.index .formulario .card-form .alerta .alerta-light i,

.index .formulario .card-form .alerta-1 .alerta-light i,

.index .formulario .card-form .alerta-2 .alerta-light i {

  font-size: 30px;

  width: 8%;

}

.main .formulario .card-form .info .alerta-light p,

.main .formulario .card-form .alerta .alerta-light p,

.main .formulario .card-form .alerta-1 .alerta-light p,

.main .formulario .card-form .alerta-2 .alerta-light p,

.index .formulario .card-form .info .alerta-light p,

.index .formulario .card-form .alerta .alerta-light p,

.index .formulario .card-form .alerta-1 .alerta-light p,

.index .formulario .card-form .alerta-2 .alerta-light p {

  width: 92%;

}

.main .formulario .card-form .info,

.index .formulario .card-form .info {

  width: 100% !important;

  padding: 10px;

  background-color: white;

  border: solid 1px #858585;

  border-left: solid 10px #858585;

  border-radius: 5px;

}

.main .formulario .card-form .info h2,

.main .formulario .card-form .info p,

.index .formulario .card-form .info h2,

.index .formulario .card-form .info p {

  width: 100% !important;

  padding: 2px 10px;

  margin: 0;

}

.main .formulario .card-form .info ul li,

.index .formulario .card-form .info ul li {

  font-size: 14px;

  font-weight: 600;

}

.main .formulario .card-form .info h2,

.index .formulario .card-form .info h2 {

  display: flex;

  align-items: center;

}

.main .formulario .card-form .info h2 i,

.index .formulario .card-form .info h2 i {

  margin-right: 5px;

}

.main .formulario .card-form .alerta .alerta-bold,

.index .formulario .card-form .alerta .alerta-bold {

  width: 100% !important;

  padding: 15px !important;

  background-color: #19aec5;

  color: white !important;

}

.main .formulario .card-form .alerta .alerta-bold p,

.index .formulario .card-form .alerta .alerta-bold p {

  display: flex;

  align-items: center;

  font-size: 14px;

}

.main .formulario .card-form .alerta .alerta-bold p i,

.index .formulario .card-form .alerta .alerta-bold p i {

  font-size: 20px;

  margin-right: 10px;

}

.main .formulario .card-form .alerta .alerta-light,

.index .formulario .card-form .alerta .alerta-light {

  width: 100% !important;

  padding: 5px;

  background-color: white;

  border: solid 1px rgb(185, 213, 255);

  border-left: solid 10px rgb(185, 213, 255);

}

.main .formulario .card-form .alerta .alerta-light p,

.index .formulario .card-form .alerta .alerta-light p {

  width: 100% !important;

  padding: 5px;

}

.main .formulario .card-form .alerta-1 .alerta-bold,

.index .formulario .card-form .alerta-1 .alerta-bold {

  background-color: rgb(235, 235, 120);

}

.main .formulario .card-form .alerta-1 .alerta-light,

.index .formulario .card-form .alerta-1 .alerta-light {

  background-color: white;

  border: solid 1px rgb(235, 235, 120);

  border-left: solid 10px rgb(235, 235, 120);

}

.main .formulario .card-form .alerta-2 .alerta-bold,

.index .formulario .card-form .alerta-2 .alerta-bold {

  background-color: rgb(185, 213, 255);

}

.main .formulario .card-form .alerta-2 .alerta-light,

.index .formulario .card-form .alerta-2 .alerta-light {

  background-color: white;

  border: solid 1px rgb(185, 213, 255);

  border-left: solid 10px rgb(185, 213, 255);

}

.main .formulario .solicitud-lista p,

.index .formulario .solicitud-lista p {

  padding: 10px;

  font-size: 18px;

  text-align: justify;

}

.main .formulario .solicitud-lista h2,

.index .formulario .solicitud-lista h2 {

  text-align: center;

  font-weight: bold;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .solicitud-lista p,

  .index .formulario .solicitud-lista p {

    font-size: 13px;

  }

  .main .formulario .solicitud-lista h2,

  .index .formulario .solicitud-lista h2 {

    font-size: 15px;

  }

}

.main .formulario .advertencia,

.index .formulario .advertencia {

  background-color: #F3F4FF;

  margin: 30px 20px;

  padding: 20px;

  border: solid 1px #61c9da;

  border-radius: 5px;

}

.main .formulario .advertencia h2,

.index .formulario .advertencia h2 {

  text-align: center;

  text-transform: uppercase;

}

.main .formulario .advertencia p,

.index .formulario .advertencia p {

  text-align: center;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .advertencia,

  .index .formulario .advertencia {

    padding: 8px 5px;

    margin: 15px 0px;

  }

  .main .formulario .advertencia p,

  .index .formulario .advertencia p {

    font-size: 13px;

  }

  .main .formulario .advertencia h2,

  .index .formulario .advertencia h2 {

    font-size: 15px;

  }

}

.main .formulario .link_bancos,

.index .formulario .link_bancos {

  display: flex;

  justify-content: space-evenly;

  flex-wrap: wrap;

}

.main .formulario .link_bancos a,

.index .formulario .link_bancos a {

  width: 30% !important;

  margin: 10px;

  background: #61c9da;

  min-height: 120px;

  padding: 10px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-decoration: none;

  border: solid 2px #19aec5;

  border-radius: 3px;

  align-self: center;

  box-shadow: -3px 3px 3px 2px rgba(0, 0, 0, 0.096);

}

.main .formulario .link_bancos a:hover,

.index .formulario .link_bancos a:hover {

  background: #F3F4FF;

  border: solid 1px #61c9da;

  transition: all 0.2s ease-in-out;

}

.main .formulario .link_bancos a:hover p,

.index .formulario .link_bancos a:hover p {

  color: #858585;

  transition: all 0.2s ease-in-out;

}

.main .formulario .link_bancos a p,

.index .formulario .link_bancos a p {

  width: 80%;

  color: white;

  text-align: center;

  font-weight: bold;

  margin-bottom: 0;

}

.main .formulario .link_bancos a img,

.index .formulario .link_bancos a img {

  width: 20%;

}

.main .formulario .link_bancos h2,

.index .formulario .link_bancos h2 {

  width: 100%;

  margin-bottom: 10px;

}

@media screen and (max-width: 1200px) and (min-width: 1000px) {

  .main .formulario .link_bancos a,

  .index .formulario .link_bancos a {

    min-height: 100px;

  }

  .main .formulario .link_bancos a p,

  .index .formulario .link_bancos a p {

    font-size: 15px;

  }

}

@media screen and (max-width: 1000px) and (min-width: 650px) {

  .main .formulario .link_bancos a,

  .index .formulario .link_bancos a {

    width: 45% !important;

    min-height: 80px;

  }

  .main .formulario .link_bancos a p,

  .index .formulario .link_bancos a p {

    font-size: 15px;

    padding-right: 0;

  }

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main .formulario .link_bancos a,

  .index .formulario .link_bancos a {

    width: 85% !important;

    min-height: 80px;

  }

  .main .formulario .link_bancos a p,

  .index .formulario .link_bancos a p {

    font-size: 16px !important;

  }

}

.main .formulario .contacto,

.index .formulario .contacto {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  flex-direction: column;

  align-items: center;

}

.main .formulario .contacto h3,

.main .formulario .contacto p,

.index .formulario .contacto h3,

.index .formulario .contacto p {

  text-align: center;

}

.main .formulario .contacto h3,

.index .formulario .contacto h3 {

  font-size: 14px;

  font-weight: bold;

}

.main .formulario .contacto p,

.index .formulario .contacto p {

  font-size: 12px;

}

.main .formulario .contacto hr,

.index .formulario .contacto hr {

  width: 100%;

}

.main .formulario .contacto .hr2,

.index .formulario .contacto .hr2 {

  width: 55%;

  margin: 8px 0;

}

@media screen and (max-width: 1000px) and (min-width: 0px) {

  .main .formulario .contacto p,

  .index .formulario .contacto p {

    width: 100%;

  }

  .main .formulario .contacto p iframe,

  .index .formulario .contacto p iframe {

    width: 90%;

  }

}

@media screen and (max-width: 1200px) and (min-width: 1000px) {

  .main,

  .index {

    padding: 8% 7% 5% 7%;

  }

}

@media screen and (max-width: 1000px) and (min-width: 650px) {

  .main,

  .index {

    padding: 8% 5% 5% 5%;

  }

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .main,

  .index {

    padding: 4%;

  }

  .main .formulario .col-2, .main .formulario .col-3, .main .formulario .col-4, .main .formulario .col-5, .main .formulario .col-6, .main .formulario .col-7, .main .formulario .col-8, .main .formulario .col-9, .main .formulario .col-10,

  .index .formulario .col-2,

  .index .formulario .col-3,

  .index .formulario .col-4,

  .index .formulario .col-5,

  .index .formulario .col-6,

  .index .formulario .col-7,

  .index .formulario .col-8,

  .index .formulario .col-9,

  .index .formulario .col-10 {

    width: 100%;

    margin-top: 10px;

  }

  .main .formulario .col-7,

  .index .formulario .col-7 {

    padding-right: 0px !important;

  }

  .main .formulario .col-5,

  .index .formulario .col-5 {

    padding-left: 0px !important;

  }

  .main .formulario .col-2,

  .index .formulario .col-2 {

    margin-left: 0px !important;

  }

}



/* --------------------------- Buscar Certificados --------------------------- */

.buscar-cert {

  display: flex;

  flex-wrap: wrap;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  background-image: linear-gradient(0deg, rgba(100, 100, 143, 0.861) 16%, rgba(25, 174, 197, 0.8372325737) 96%), url(../img/fondo1.jpg);

  background-size: cover;

  padding: 2%;

  border-radius: 5px;

  margin: 20px 0 40px 0;

}

.buscar-cert .dropdown .input-buscar {

  width: 100%;

  font-size: 15px;

  font-weight: bold;

  color: #000000;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.buscar-cert .dropdown ::-moz-placeholder {

  color: #7e7e7e;

  font-weight: 500;

}

.buscar-cert .dropdown ::placeholder {

  color: #7e7e7e;

  font-weight: 500;

}

.buscar-cert .dropdown .dropdown-content {

  width: 100%;

  overflow: scroll;

  overflow-x: hidden;

  max-height: 400px;

  z-index: 11;

}

.buscar-cert .dropdown .dropdown-content a {

  display: flex;

  flex-wrap: wrap;

  text-align: left;

  align-items: center;

  background: white;

}

.buscar-cert .dropdown .dropdown-content a h3 {

  width: 100%;

  width: 100%;

  font-size: 15px;

  margin: 2px 5px;

}

.buscar-cert .dropdown .dropdown-content a h4 {

  width: 10%;

  display: flex;

  align-items: center;

  font-size: 13px;

  margin: 2px 5px;

  color: #19aec5;

}

.buscar-cert .dropdown .dropdown-content a h4 i {

  font-size: 25px;

  margin-right: 10px;

}

.buscar-cert .dropdown .dropdown-content a .libro {

  width: 18%;

}

.buscar-cert .dropdown .dropdown-content a:hover {

  background: #f1f1f1;

}

.buscar-cert .dropdown .dropdown-content .separador {

  font-size: 17px;

  background: #19aec5;

  color: white;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .buscar-cert .dropdown .dropdown-content a h4 {

    width: 50%;

    margin: 2px 0;

  }

  .buscar-cert .dropdown .dropdown-content a .libro {

    width: 100%;

  }

}



/* --------------------------- Buscar Estado de Caratulas --------------------------- */

.buscar-estado {

  display: flex;

  flex-wrap: wrap;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  background-image: linear-gradient(0deg, rgba(100, 100, 143, 0.861) 16%, rgba(25, 174, 197, 0.8372325737) 96%), url(../img/fondo1.jpg);

  background-size: cover;

  padding: 3%;

  margin-bottom: 3%;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .buscar-estado {

    border-radius: 3px;

  }

}

.buscar-estado .cbr-estado h2 {

  font-weight: bold;

  color: white;

  text-align: center;

  margin: 0;

  font-size: 45px;

}

.buscar-estado .cbr-estado p {

  font-size: 15px;

  margin: 0;

  color: white;

  text-align: center;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .buscar-estado .cbr-estado h2 {

    font-size: 30px;

    padding: 10px 10px 0px 10px;

  }

  .buscar-estado .cbr-estado p {

    font-size: 15px;

    padding-bottom: 10px;

  }

}

.buscar-estado .buscador {

  margin-top: 2%;

  width: 60%;

  background: rgba(57, 57, 57, 0.5019607843);

  border-top-left-radius: 6px;

  border-top-right-radius: 6px;

}

.buscar-estado .buscador .nav-link {

  font-weight: bold;

  color: white;

  font-size: 12px;

}

.buscar-estado .buscador .nav-link:hover {

  color: white;

}

.buscar-estado .buscador .nav-item {

  display: flex;

}

.buscar-estado .buscador .nav-item .nav-link {

  flex-grow: 1;

}

.buscar-estado .buscador .tab-content .tab-pane {

  padding: 3%;

}

.buscar-estado .buscador .tab-content .tab-pane .input-buscar {

  font-size: 15px;

  font-weight: bold;

  color: #000000;

  width: 80%;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.buscar-estado .buscador .tab-content .tab-pane .button-buscar,

.buscar-estado .buscador .tab-content .tab-pane .g-recaptcha {

  position: relative;

  background: white;

  display: flex;

  justify-content: center;

  align-items: center;

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

}

.buscar-estado .buscador .tab-content .tab-pane .button-buscar:hover,

.buscar-estado .buscador .tab-content .tab-pane .g-recaptcha:hover {

  background: #19aec5;

  transition: all 0.2s ease-in-out;

}

.buscar-estado .buscador .tab-content .tab-pane .button-buscar i,

.buscar-estado .buscador .tab-content .tab-pane .g-recaptcha i {

  font-size: 20px;

  position: absolute;

}

.buscar-estado .buscador .tab-content .tab-pane ::-moz-placeholder {

  color: #7e7e7e;

  font-weight: 500;

}

.buscar-estado .buscador .tab-content .tab-pane ::placeholder {

  color: #7e7e7e;

  font-weight: 500;

}

.buscar-estado .buscador .active {

  color: black;

}

.buscar-estado .buscador .active:hover {

  color: black;

}

@media screen and (max-width: 1200px) and (min-width: 0px) {

  .buscar-estado .buscador {

    width: 100%;

  }

  .buscar-estado .buscador .nav .nav-item {

    width: 100%;

  }

  .buscar-estado .buscador .nav .nav-item .nav-link {

    font-size: 11.5px;

  }

  .buscar-estado .buscador .tab-content .tab-pane {

    padding: 1.5%;

  }

  .buscar-estado .buscador .nav-link {

    font-size: 10px;

  }

}



/* --------------------------- Shorcuts de Menus de Registros --------------------------- */

.shortcuts {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-evenly;

}

.shortcuts .box-enlace {

  width: 25%;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: end;

  padding: 1% 2%;

  border-radius: 5px;

  margin-bottom: 10px;

}

.shortcuts .box-enlace:hover {

  background: white;

  transition: all 0.3s ease-in-out;

}

.shortcuts .box-enlace .enlace-short {

  width: 78%;

  height: 100%;

  padding: 5%;

  background: #19aec5;

  visibility: visible;

  float: right;

  display: flex;

  align-items: center;

  color: white;

  text-decoration: none;

  font-weight: bold;

  border-radius: 5px;

  font-size: 15px;

  z-index: 10;

}

.shortcuts .box-enlace .color-enlace-2 {

  background: #177280;

}

.shortcuts .box-enlace .color-enlace-3 {

  background: rgb(83, 197, 85);

}

.shortcuts .box-enlace .color-enlace-4 {

  background: #61c9da;

}

.shortcuts .box-enlace:hover .enlace-short {

  background: rgba(241, 241, 241, 0);

  color: rgba(0, 0, 0, 0);

  transition: 0.3s;

}

.shortcuts .box-enlace .bx {

  font-size: 70px;

  color: #137483;

  top: 10;

  left: 0;

  position: absolute;

  padding-left: 5px;

}

.shortcuts .box-enlace .desc-enlace {

  visibility: hidden;

  opacity: 0;

  left: 90px;

  width: 60%;

  pointer-events: none;

  position: absolute;

  text-align: center;

  font-size: 11px;

  font-weight: 600;

  padding-top: 10px;

  transition: visibility 0s, opacity 0.3s;

  transition-timing-function: ease-in-out;

  -webkit-user-select: none;

  -moz-user-select: none;

       user-select: none;

  z-index: 1;

}

.shortcuts .box-enlace:hover .desc-enlace {

  visibility: visible;

  opacity: 1;

}

@media screen and (max-width: 1200px) and (min-width: 0px) {

  .shortcuts .box-enlace {

    padding: 0.5% 1%;

    margin-bottom: 10px;

  }

  .shortcuts .box-enlace .bx {

    font-size: 80px;

    top: 15;

    left: 12;

  }

  .shortcuts .box-enlace a {

    font-size: 18px !important;

  }

  .shortcuts .box-enlace .desc-enlace {

    left: 25%;

    width: 70%;

    padding-right: 2%;

  }

}

@media screen and (max-width: 1200px) and (min-width: 1000px) {

  .shortcuts .box-enlace {

    width: 45%;

  }

  .shortcuts .box-enlace .desc-enlace {

    font-size: 15px;

    left: 25%;

    width: 70%;

    padding-right: 2%;

  }

}

@media screen and (max-width: 1000px) and (min-width: 650px) {

  .shortcuts .box-enlace {

    width: 49%;

  }

  .shortcuts .box-enlace .bx {

    font-size: 60px;

    top: 15;

    left: 12;

  }

  .shortcuts .box-enlace .desc-enlace {

    font-size: 11px;

    left: 30%;

    width: 70%;

    padding-right: 2%;

  }

  .shortcuts .box-enlace .enlace-short {

    width: 70%;

  }

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .shortcuts .box-enlace {

    width: 90%;

    margin: 15px 0;

    min-height: 80px;

  }

  .shortcuts .box-enlace .desc-enlace {

    font-size: 12px;

    left: 31%;

    width: 68%;

    padding-right: 2%;

    padding-left: 2%;

  }

  .shortcuts .box-enlace .bx {

    font-size: 60px;

    top: 15px;

  }

  .shortcuts .box-enlace .enlace-short {

    width: 70%;

    font-size: 14px !important;

  }

}



/* --------------------------- Historial --------------------------- */

.timeline {

  padding: 10px;

  background: white;

  box-shadow: -2px 2px 2px 1px rgba(0, 0, 0, 0.096);

  border: solid 1px #61c9da;

  border-radius: 5px;

}

.timeline h2 {

  width: 100%;

  text-align: center;

  border-bottom: solid 1px #61c9da;

  margin-bottom: 30px !important;

}

.timeline ul,

.timeline li {

  list-style: none;

  padding: 0;

}

.timeline .sessions {

  margin: 10px 0;

  border-radius: 12px;

  position: relative;

}

.timeline li {

  padding-bottom: 10px;

  border-left: 1px solid #19aec5 !important;

  position: relative;

  padding-left: 20px;

  margin-left: 10px;

}

.timeline li .time {

  font-weight: bold !important;

  display: flex;

  align-items: flex-start;

}

.timeline li .time p {

  margin: 0px !important;

}

.timeline li .time i {

  margin-right: 5px;

  font-size: 18px;

}

.timeline li:last-child {

  border: 0px;

  padding-bottom: 0;

}

.timeline li:before {

  content: "";

  width: 15px;

  height: 15px;

  background: #61c9da;

  border: 1px solid #19aec5;

  box-shadow: 3px 3px 0px rgba(25, 174, 197, 0.2549019608);

  border-radius: 50%;

  position: absolute;

  left: -8px;

  top: 0px;

}



.estado-cardex-1,

.estado-cardex-2 {

  display: flex;

  flex-wrap: wrap;

  padding: 5px;

  margin-bottom: 10px;

}



.estado-cardex-1 {

  background: rgba(25, 174, 197, 0.2549019608);

  width: 50%;

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.estado-cardex-1 h2 {

  font-size: 16px !important;

}



.estado-cardex-2 {

  background: #F3F4FF;

  width: 50%;

  border-top-right-radius: 3px;

  border-top-right-radius: 3px;

  border: solid 1px rgba(25, 174, 197, 0.2549019608);

  display: flex;

  justify-content: center;

  align-items: center;

}

.estado-cardex-2 p {

  font-weight: bold !important;

}



.modal-content .modal-header h5 {

  font-size: 15px !important;

}

.modal-content .modal-body {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

}

.modal-content .modal-body h2 {

  width: 90%;

  text-align: center;

  font-size: 15px !important;

  color: green;

}

.modal-content .modal-body i {

  width: 10%;

  text-align: center;

  font-size: 30px;

  color: green;

}

.modal-content .modal-footer {

  display: flex;

  justify-content: space-between;

}

.modal-content .modal-footer button {

  font-size: 13px !important;

}



/* --------------------------- Footers --------------------------- */

.footer-1 {

  left: 0;

  bottom: 0;

  width: 100%;

  border-top: solid 5px #088397;

  padding: 15px 10%;

  background-color: #f1f1f1;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}

.footer-1 div {

  display: flex;

  flex-direction: column;

  padding: 8px 15px;

}

.footer-1 div h2 {

  color: #137483;

  text-align: left;

  font-size: 18px;

  font-weight: bold;

}

.footer-1 div hr {

  border-width: 3px;

  margin-bottom: 1px;

}

.footer-1 div p,

.footer-1 div a {

  color: #393939;

  text-decoration: none;

  width: 100%;

  font-size: 15px;

  margin: 0px;

  padding: 8px 0;

  border-bottom: solid 2px #b1b1b1;

}

.footer-1 div p i,

.footer-1 div a i {

  font-size: 20px;

  margin-left: 5px;

}

.footer-1 div a {

  display: flex;

  align-items: center;

}

.footer-1 div a:hover {

  text-decoration: underline;

}

.footer-1 div a:hover i {

  text-decoration: none !important;

}

.footer-1 div .copy {

  font-size: 15px;

  margin-top: 10px;

  text-align: center;

  border-bottom: none;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .footer-1 .col-4 {

    width: 100% !important;

    text-align: center;

  }

  .footer-1 .col-4 h2 {

    text-align: center;

  }

  .footer-1 .col-4 a {

    display: flex;

    justify-content: center;

  }

}

@media screen and (max-width: 1000px) and (min-width: 650px) {

  .footer-1 {

    padding: 3% 4%;

  }

  .footer-1 h2 {

    font-size: 15px !important;

    margin: 0;

  }

  .footer-1 a, .footer-1 p {

    font-size: 13px !important;

  }

}



/* --------------------------- Clases personalizadas --------------------------- */

.resumen-botones {

  width: 50%;

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-end;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .resumen-botones {

    width: 100%;

  }

}



.boton-1,

.boton-2,

.boton-3,

.boton-4 {

  border-radius: 3px;

  color: white;

  font-weight: 500;

  text-decoration: none;

  padding: 5px 10px !important;

  display: flex;

  align-items: center;

  justify-content: center;

}

.boton-1 i,

.boton-2 i,

.boton-3 i,

.boton-4 i {

  margin-right: 5px;

}



.boton-1 {

  background: #19aec5;

  border: solid 2px #19aec5;

}

.boton-1:hover {

  background: #177280;

  transition: all 0.1s ease-in-out;

}



.boton-2 {

  background: #b6a234;

  border: solid 2px #b6a234;

}

.boton-2:hover {

  background: #746721;

  transition: all 0.1s ease-in-out;

}



.boton-3 {

  background: rgb(197, 83, 83);

  border: solid 2px rgb(197, 83, 83);

}

.boton-3:hover {

  background: rgb(109, 54, 54);

  transition: all 0.1s ease-in-out;

}



.boton-4 {

  background: rgb(83, 197, 85) !important;

  border: solid 2px rgb(83, 197, 85) !important;

}

.boton-4:hover {

  background: rgb(220, 241, 220) !important;

  color: rgb(83, 197, 85) !important;

  transition: all 0.1s ease-in-out;

}



.link {

  color: blue;

  text-decoration: none;

  pointer-events: visible;

  border: none;

  background: unset;

  font-size: 13px;

}

.link:hover {

  text-decoration: underline;

}



.disabled {

  background: rgb(214, 214, 214) !important;

  color: rgb(145, 145, 145) !important;

  pointer-events: none;

}



.vacio {

  border: solid 2px red !important;

  border-radius: 4px !important;

  background-color: rgba(255, 122, 122, 0.0509803922);

}



.vacio2 {

  border: solid 2px red !important;

  border-radius: 4px !important;

  background-color: white;

}



.campo-invalido {

  border: 2px solid red;

  /* Cambia el borde del campo a rojo */

}



.mensaje-error {

  color: red;

  font-size: 0.8em;

}



.ocultar {

  display: none !important;

}



.mostrar {

  display: block;

}



.ms-n5 {

  margin-left: -40px;

}



.disabled {

  background: rgb(160, 160, 160);

  border: solid 1px rgb(160, 160, 160);

  pointer-events: none;

  color: white;

}



.ws-cbr {

  color: rgb(114, 192, 24) !important;

  font-size: 20px !important;

  font-weight: bolder;

  display: flex;

  border-radius: 5px;

  justify-content: center;

  text-decoration: none !important;

  align-items: center;

  width: -moz-fit-content;

  width: fit-content;

  transition: 0.3s;

  border: solid 3px rgba(0, 0, 0, 0) !important;

  padding: 5px !important;

  width: 100%;

}

.ws-cbr i {

  font-size: 35px;

  margin-right: 5px;

}

.ws-cbr:hover {

  color: white !important;

  background-color: rgb(148, 202, 85) !important;

  text-decoration: none !important;

  border: solid 3px rgb(172, 255, 77) !important;

}



.ws-header {

  padding: 12px;

  background-color: rgb(148, 202, 85) !important;

}

.ws-header i {

  font-size: 26px;

}

.ws-header:hover {

  color: rgb(148, 202, 85) !important;

  background-color: white !important;

  text-decoration: none !important;

}



.cart-header {

  padding: 12px;

  background-color: #19aec5 !important;

}

.cart-header i {

  font-size: 26px;

}

.cart-header:hover {

  color: #61c9da !important;

  background-color: white !important;

  text-decoration: none !important;

}



.tabla {

  width: 100%;

}

.tabla thead tr {

  border-bottom: solid 1px black;

}

.tabla thead tr th {

  text-align: center;

  padding: 15px;

  font-size: 17px;

}

.tabla tbody tr td {

  text-align: center;

  color: #858585;

  padding: 5px;

}

.tabla tbody tr:hover {

  background-color: #F3F4FF;

  transition: all 0.2s ease-in-out;

}

.tabla tbody tr:hover td {

  color: black;

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  .tabla thead tr th {

    font-size: 15px;

    padding: 0px;

  }

  .tabla tbody tr td {

    font-size: 10px !important;

    padding: 10px 8px !important;

    font-weight: 600 !important;

  }

  .tabla tbody tr td a i {

    font-size: 20px !important;

  }

}



::-webkit-scrollbar {

  position: absolute;

  width: 8px;

}



::-webkit-scrollbar-track {

  background-color: rgba(0, 0, 0, 0);

}



::-webkit-scrollbar-thumb {

  background-color: #177280;

}



@media screen and (max-width: 1200px) and (min-width: 1000px) {

  #respuestaEscritura .boton-1, #respuestaEscritura .boton-3 {

    font-size: 12px;

  }

}

@media screen and (max-width: 1000px) and (min-width: 650px) {

  #respuestaEscritura .boton-1, #respuestaEscritura .boton-3 {

    font-size: 10px;

  }

}

@media screen and (max-width: 650px) and (min-width: 0px) {

  #respuestaEscritura .col-10 {

    flex-direction: column;

  }

  #respuestaEscritura .col-10 .boton-1, #respuestaEscritura .col-10 .boton-3 {

    font-size: 12px;

    margin-bottom: 10px;

    width: 100%;

  }

}



@media screen and (max-width: 650px) and (min-width: 0px) {

  #tablaProductos2890 {

    margin-top: 10px;

  }

  #tablaProductos2890 thead tr th {

    font-size: 13px;

    padding: 7px 5px;

  }

}



@media screen and (max-width: 650px) and (min-width: 0px) {

  .valor_insc {

    font-size: 13px;

    text-align: center;

    font-weight: 700;

  }

}



.modal-dialog .modal-content {

  border-radius: 0;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

}

.modal-dialog .modal-content .modal-header {

  background-color: #19aec5;

  border-radius: 0;

}

.modal-dialog .modal-content .modal-header .modal-title {

  width: 90%;

  color: #f1f1f1;

  font-size: 15px;

}

.modal-dialog .modal-content .modal-header .btn-close {

  width: 10%;

  margin: 0;

}

.modal-dialog .modal-content .modal-body p {

  text-align: justify;

  font-size: 15px;

  font-weight: 500;

  padding: 1% 3%;

  margin: 0;

}

.modal-dialog .modal-content .modal-footer {

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

}

.modal-dialog .modal-content .modal-footer p {

  width: 100%;

  text-align: center;

  font-weight: 700;

  font-size: 13px;

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







.btn {

	padding: 10px 20px;

	font-size: 20px;

	background: #000;

	border: none;

	cursor: pointer;

	color: #fff;

	border-radius: 5px;

	transition: 0.3s ease all;

}



.btn.exito {

	background: var(--exito);

}

.btn.error {

	background: var(--error);

}

.btn.info {

	background: var(--info);

}

.btn.warning {

	background: var(--warning);

}



/* Hover */

.btn.exito:hover {

	background: var(--exito-hover);

}

.btn.error:hover {

	background: var(--error-hover);

}

.btn.info:hover {

	background: var(--info-hover);

}

.btn.warning:hover {

	background: var(--warning-hover);

}



.contenedor-noti, .contenedor-noti-mobile {

	position: fixed;

	right: 40px;

	bottom: 40px;

	width: 100%;

	max-width: 400px;

	display: flex;

	flex-direction: column-reverse;

	gap: 20px;

}



.contenedor-noti{

  max-width: 500px;

}

.contenedor-noti-mobile{

  max-width: 400px;

}

.noti {

	background: #ccc;

	display: flex;

	justify-content: space-between;

	border-radius: 10px;

	overflow: hidden;

	animation-name: apertura;

	animation-duration: 200ms;

	animation-timing-function: ease-out;

	position: relative;

}



.noti .contenido {

	display: grid;

	grid-template-columns: 30px auto;

	align-items: center;

	gap: 15px;

	padding: 15px;

}



.noti .icono {

	color: rgba(0, 0, 0, 0.4);

  font-size:30px;

}



.noti .titulo {

	font-size: 18px;

	font-weight: 600;

	margin-bottom: 5px;

}



@keyframes apertura {

	from {

		transform: translateY(100px);

		opacity: 0;

	}

	to {

		transform: translateY(0);

		opacity: 1;

	}

}



.noti.cerrando {

	animation-name: cierre;

	animation-duration: 200ms;

	animation-timing-function: ease-out;

	animation-fill-mode: forwards;

}



@keyframes cierre {

	from {

		transform: translateX(0);

	}

	to {

		transform: translateX(calc(100% + 40px));

	}

}



.noti.autoCierre::after {

	content: '';

	width: 100%;

	height: 6px;

	background: rgba(0, 0, 0, 0.336);

	position: absolute;

	bottom: 0;

	animation-name: autoCierre;

	animation-duration: 5s;

	animation-timing-function: ease-out;

	animation-fill-mode: forwards;

}



@keyframes autoCierre {

	from {

		width: 100%;

	}

	to {

		width: 0%;

	}

}



.aviso_1{

  background: white;

  border: solid 4px rgb(83, 197, 85);

}

.aviso_2{

  background: white;

  border: solid 4px rgb(197, 83, 83);

}



.contenedor-carrito, .contenedor-carrito-mobile {

	background: #ffffff;

	display: flex;

	justify-content: space-between;

	border-radius: 5px;

  width: 98%;

  height: fit-content;

  max-width: 600px;

  max-height: 350px;

  overflow: auto;

	position: fixed;

  top: 55px;

  right: 1%;

  -webkit-box-shadow: 6px 9px 28px -2px rgba(117,117,117,0.35);

	-moz-box-shadow: 6px 9px 28px -2px rgba(117,117,117,0.35);

	box-shadow: 6px 9px 28px -2px rgba(117,117,117,0.35);

}



.contenedor-carrito button, .contenedor-carrito-mobile button{

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}



.oculto{

  display: none !important;

}



.contenedor-carrito .tabla td, .contenedor-carrito-mobile .tabla td{

  font-size: 13px;

}



.contenedor-carrito .tabla th, .contenedor-carrito-mobile .tabla th{

  font-size: 14px;

  padding-top: 4px;

  padding-bottom: 4px;

}

.contenedor-pdf {
    background: #ffffff;
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 5px;
    width: 90%;
    height: 85%;
    overflow: auto;
    position: fixed;
    top: 55px;
    right: 5%;
    -webkit-box-shadow: -16px 53px 101px 53px rgba(117, 117, 117, 0.35);
    -moz-box-shadow: -16px 53px 101px 53px rgba(117, 117, 117, 0.35);
    box-shadow: -16px 53px 101px 53px rgba(117, 117, 117, 0.35);
}


.contenedor-pdf .header-pdf{
  background-color: #19aec5;
  color: white;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}

.contenedor-pdf .header-pdf h5{
  width: 80%;
  padding: 4px 1%;
}

.contenedor-pdf .body-pdf{
  width: 40%;
  border-right: solid 3px #22565f;
  height: inherit;
}
.contenedor-pdf .frame-pdf{
  width: 60%;
  height: inherit;
}

.contenedor-pdf .frame-pdf iframe{
  width: 100%;
  height: 100%;
}

.contenedor-pdf .body-pdf ul li{
  color: black;
  margin: 0;
  padding: 0;
}

.prod{
  width: 100%;
  background: whitesmoke;
  border-top: solid 2px rgb(232, 232, 232);
  border-bottom: solid 2px rgb(232, 232, 232);
  text-align: center;
  font-size: 14px;
  padding: 7px;
  font-weight: 600;
  margin: 0;
}

.docs{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.doc{
  margin: 0;
  width: 50%;
  background-color: #19aec5;
  text-align: center;
  font-weight: 600;
  color: white;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px white;
}

.doc b{
  font-size: 12px;
  font-weight: 400;
  width: 100%;
}

.botones_doc{
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 5px;
}

.botones_doc a{
  width: 40%;
}