/*!
	STYLE LESS
	Roger @ planetoide.mx
*/
/* =General
-----------------------------------------------------------------------------*/
/*
	TOOLBOX
*/
@import url('https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css');
[v-cloak] {
  display: none;
}
/* = Alignments
-----------------------------------------------------------------------------*/
.vertical-align {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.horizontal-align {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.center-align {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.centrador {
  position: relative;
  max-width: 1160px;
  margin: 0px auto;
  padding: 0px 30px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 20;
}
.centrar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.centro {
  position: relative;
  z-index: 20;
}
.square {
  position: relative;
}
.square:after {
  display: block;
  content: '';
  padding-bottom: 100%;
}
/* = Layers
-----------------------------------------------------------------------------*/
.coverfull {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blurcolor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.blurfoto {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ofhidden {
  overflow: hidden;
}
.borderbox {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/* = Positions
-----------------------------------------------------------------------------*/
.fixed {
  position: fixed;
}
.overall {
  z-index: 100;
}
.relative {
  position: relative;
}
/* =Visual
-----------------------------------------------------------------------------*/
.dashed {
  border: 1px dashed black;
}
.blurry {
  filter: blur(4px);
  -webkit-filter: blur(4px);
  pointer-events: none;
}
/* =Flexbox
-----------------------------------------------------------------------------*/
.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* =Transition
-----------------------------------------------------------------------------*/
/* =Transforms
-----------------------------------------------------------------------------*/
/* =Colors
-----------------------------------------------------------------------------*/
/*
	PLUGINS


*/
/*
	GENERAL
*/
/* = General Items
-----------------------------------------------------------------------------*/
body {
  margin: 0px;
}
.centrador {
  max-width: 1380px;
  padding: 0px 50px;
}
section {
  position: relative;
}
img {
  display: block;
}
main {
  position: relative;
}
.foto,
#foto {
  position: relative;
}
.foto .blurfoto,
#foto .blurfoto {
  background-size: cover !important;
}
.ico {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
.text {
  position: relative;
}
.image {
  position: relative;
}
.avatar {
  position: relative;
  background: #C9C8CB;
  border-radius: 50%;
}
.avatar .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.photo {
  background-size: cover !important;
}
dialog {
  display: block;
  position: relative;
  margin: 0px;
  border: none;
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
dialog > .head {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
dialog > .head .title {
  position: relative;
}
dialog > .body {
  position: relative;
}
dialog.minimizable > .head h5 {
  color: #1763FA;
}
dialog.minimizable > .head .actions {
  align-items: center;
}
dialog.minimizable > .head .actions .action {
  cursor: pointer;
}
dialog.minimizable .body {
  display: none;
}
dialog.minimizable.active .body {
  display: block;
}
.t_heads {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.t_heads .t_head {
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.t_heads .t_head b {
  display: block;
}
.actions {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.actions .action {
  position: relative;
}
.actions .action .ico {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  border: 2px solid #1763FA;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.actions .action.multiple:hover .subs {
  display: block;
}
.actions .action.multiple .subs {
  position: absolute;
  top: 100%;
  right: 0px;
  background: #ffffff;
  width: 100px;
  display: none;
  z-index: 50;
  box-shadow: 0px 0px 12px -4px #1763FA;
  min-width: max-content;
  border-radius: 8px;
  overflow: hidden;
}
.actions .action.multiple .subs .link {
  position: relative;
  padding: 8px 10px;
  border-bottom: 1px solid #C9C8CB;
  cursor: pointer;
  min-width: max-content;
}
.actions .action.multiple .subs .link:last-of-type {
  border-bottom: none;
}
.actions .action.multiple .subs .link u {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #050508;
  text-decoration: none;
  min-width: max-content;
}
.actions .action.top .subs {
  position: absolute;
  top: 100%;
  right: 0px;
}
.actions .action.top .subs .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  position: fixed;
  z-index: 20;
}
.actions .action.top .subs .links {
  position: relative;
  background: #ffffff;
  width: 100px;
  z-index: 50;
  box-shadow: 0px 0px 12px -4px #1763FA;
  min-width: max-content;
  overflow: hidden;
  border-radius: 8px;
}
.actions .action.top .subs .links .link {
  position: relative;
  padding: 8px 10px;
  border-bottom: 1px solid #C9C8CB;
  cursor: pointer;
  min-width: max-content;
}
.actions .action.top .subs .links .link:last-of-type {
  border-bottom: none;
}
.actions .action.top .subs .links .link u {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #050508;
  text-decoration: none;
  min-width: max-content;
}
.actions .action.min .ico {
  border: none;
  width: 24px;
  height: 24px;
  min-width: 24px;
}
.count {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  gap: 16px;
}
.count .info {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}
.count .info .tag {
  position: relative;
  padding: 2px 12px;
  border-radius: 12px;
  border: 1px solid #050508;
}
.count .info .tag small {
  display: block;
  font-size: 14px;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  pointer-events: none;
}
.count .info .text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.count .info .text span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
}
.count .info .text strong {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  color: #050508;
  line-height: 1;
}
.count .ico img {
  width: 16px;
}
.count .ico img:last-of-type {
  display: none;
}
.count.max {
  padding: 24px;
  border-radius: 16px;
}
.count.max .info .text {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.count.max .info .text span {
  font-size: 16px;
}
.count.max .info .text strong {
  font-size: 60px;
}
.count.max .info .text strong.sm {
  font-size: 30px;
}
.count.regular {
  padding: 16px;
  border-radius: 16px;
}
.count.regular .info {
  width: 100%;
}
.count.regular .info .text {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.count.regular .info .text span {
  font-size: 16px;
}
.count.regular .info .text strong {
  font-size: 20px;
}
.count.small {
  padding: 8px 16px;
  border-radius: 16px;
}
.count.small .info {
  width: 100%;
}
.count.small .info .text {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.count.small .info .text span {
  font-size: 13px;
}
.count.small .info .text strong {
  font-size: 13px;
}
.count.min {
  padding: 16px;
  border-radius: 16px;
  width: 130px;
  min-width: 130px;
}
.count.min .info {
  width: 100%;
}
.count.min .info .text {
  flex-direction: column;
  gap: 4px;
}
.count.min .info .text span {
  font-size: 13px;
}
.count.min .info .text strong {
  font-size: 32px;
}
.count.black {
  background: black;
}
.count.black .info .text span,
.count.black .info .text strong {
  color: #ffffff;
}
.count.black .ico img:first-of-type {
  display: none;
}
.count.black .ico img:last-of-type {
  display: block;
}
.count.green {
  background: #D7FD83;
}
.count.orange {
  background: #FCB97E;
}
.count.yellow {
  background: #FFE780;
}
.count.cerulean {
  background: #82EBFD;
}
.count.gray {
  background: #C9C9CB;
}
.count.pink {
  background: #F7556C;
}
.count.purple {
  background: #7CA7FB;
}
.count.blue {
  background: #1763FA;
}
.count.blue .info .text span,
.count.blue .info .text strong {
  color: #ffffff;
}
.count.blue .ico img:first-of-type {
  display: none;
}
.count.blue .ico img:last-of-type {
  display: block;
}
.count.active {
  cursor: default;
}
.count.active:after {
  content: '';
  position: absolute;
  width: calc(100% + 12px);
  width: -webkit-calc(100% + 12px);
  height: calc(100% + 12px);
  height: -webkit-calc(100% + 12px);
  left: -6px;
  top: -6px;
  pointer-events: none;
  border: 2px solid #1763FA;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 20px;
}
.table {
  position: relative;
  width: 100%;
}
.table .t_heads .t_head {
  padding: 8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: default;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.table .t_heads .t_head b {
  display: block;
  color: #1763FA;
  font-size: 13px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}
.table .t_heads .t_head.clickable {
  cursor: pointer;
}
.table .records {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column-reverse;
}
.table .records .record {
  position: relative;
  border-radius: 16px;
  background: #F3F7FF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}
.table .records .record .text {
  position: relative;
  padding: 13px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.table .records .record .text .avatar {
  width: 32px;
  height: 32px;
  min-width: 32px;
  overflow: hidden;
}
.table .records .record .text span {
  display: block;
  color: #050508;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}
.table .records .record .text.member {
  align-items: center;
  padding: 8px 16px;
}
.table .records .record .tags {
  position: relative;
  padding: 13px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.table .records .record .tags .tag {
  position: relative;
  background: #D7FD83;
  padding: 2px 12px;
  border-radius: 12px;
}
.table .records .record .tags .tag small {
  display: block;
  font-size: 14px;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  pointer-events: none;
}
.table .records .record .tags .tag.blue {
  background: #1763FA;
}
.table .records .record .tags .tag.blue small {
  color: white;
}
.table .records .record .tags .tag.yellow {
  background: #FFE780;
}
.table .records .record .tags .tag.orange {
  background: #FCB97E;
}
.table .records .record .tags .tag.cerulean {
  background: #82EBFD;
}
.table .records .record .tags .tag.green {
  background: #D7FD83;
}
.table .records .record .tags .tag.pink {
  background: #F7556C;
}
.table .records .record .tags .tag.gray {
  background: #C9C9CB;
}
.table .records .record .tags .dot {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  min-width: 8px;
  background: #EF233C;
}
.table .records .record .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 30;
}
.table .records .record.clickable > .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 10;
}
.table .records .record:nth-child(even) {
  background: #ffffff;
}
.table .m_records {
  position: relative;
  display: none;
}
.table .m_records .m_record {
  position: relative;
  border-radius: 8px;
  background: #F3F7FF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.table .m_records .m_record.member {
  flex-direction: row;
}
.table .m_records .m_record.member .t_rows {
  position: relative;
  width: 100%;
}
.table .m_records .m_record .t_row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.table .m_records .m_record .t_row.head .tags {
  width: 100%;
}
.table .m_records .m_record .t_row.fill {
  justify-content: flex-start;
}
.table .m_records .m_record .t_row.fill .text {
  width: 100%;
}
.table .m_records .m_record .avatar {
  width: 36px;
  height: 36px;
  min-width: 36px;
  overflow: hidden;
}
.table .m_records .m_record .text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.table .m_records .m_record .text b {
  display: block;
  color: #050508;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}
.table .m_records .m_record .text span {
  display: block;
  color: #6E7070;
  font-size: 12px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}
.table .m_records .m_record .tags {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.table .m_records .m_record .tags .tag {
  position: relative;
  background: #D7FD83;
  padding: 2px 12px;
  border-radius: 12px;
}
.table .m_records .m_record .tags .tag small {
  display: block;
  font-size: 14px;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  pointer-events: none;
}
.table .m_records .m_record .tags .tag.blue {
  background: #1763FA;
}
.table .m_records .m_record .tags .tag.blue small {
  color: white;
}
.table .m_records .m_record .tags .tag.yellow {
  background: #FFE780;
}
.table .m_records .m_record .tags .tag.orange {
  background: #FCB97E;
}
.table .m_records .m_record .tags .tag.cerulean {
  background: #82EBFD;
}
.table .m_records .m_record .tags .tag.green {
  background: #D7FD83;
}
.table .m_records .m_record .tags .tag.pink {
  background: #F7556C;
}
.table .m_records .m_record .tags .tag.gray {
  background: #C9C9CB;
}
.table .m_records .m_record .tags .dot {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  min-width: 8px;
  background: #EF233C;
}
.table .m_records .m_record .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 30;
}
.table .m_records .m_record.clickable > .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 10;
}
.table .m_records .m_record:nth-child(even) {
  background: #ffffff;
}
.mobile_actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 200;
  display: none;
}
.mobile_actions .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.4;
}
.mobile_actions .links {
  position: relative;
  background: #ffffff;
  width: 90%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 8px 16px 24px;
  border-radius: 16px 16px 0px 0px;
}
.mobile_actions .links .link {
  position: relative;
  padding: 8px 10px;
  border-bottom: 1px solid #C9C8CB;
  cursor: pointer;
  min-width: max-content;
}
.mobile_actions .links .link:last-of-type {
  border-bottom: none;
}
.mobile_actions .links .link u {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #050508;
  text-decoration: none;
  min-width: max-content;
}
.over {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: scroll;
}
.over .close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.5;
  z-index: 10;
}
.over dialog {
  z-index: 50;
  width: 100%;
}
#welcome {
  padding: 0px 24px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  align-items: flex-start;
  z-index: 200;
}
#welcome #user {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
#welcome #user .avatar {
  overflow: hidden;
  width: 60px;
  min-width: 60px;
  height: 60px;
}
#welcome #user #info {
  position: relative;
  padding-bottom: 24px;
}
#welcome #user #info #contact {
  position: relative;
  margin-top: 16px;
}
#welcome #user #info #contact .info {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
#welcome #user #info #contact .info img {
  width: 14px;
}
#welcome #user #info #contact .info span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  font-size: 16px;
}
.alt {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.alt .hover {
  position: relative;
  height: 100%;
  width: 20px;
}
.alt .hover .tip {
  display: none;
  position: absolute;
  bottom: 150%;
  right: 100%;
  z-index: 100;
  background: #F3F7FF;
  box-shadow: 0px 0px 12px #DEE8FE;
  padding: 24px;
  border-radius: 16px;
}
.alt .hover .tip small {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  display: block;
  white-space: pre-line;
}
.alt .hover .tip.right {
  right: auto;
  left: 100%;
}
.alt .hover:hover .tip {
  display: block;
}
#tips {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
#tips #close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#tips .center {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  width: 100%;
  max-width: 320px;
  align-items: center;
}
#tips .center .tip {
  position: relative;
  background: #F3F7FF;
  box-shadow: 0px 0px 12px #DEE8FE;
  padding: 24px;
  border-radius: 16px;
  width: 100%;
}
#tips .center .tip small {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  display: block;
  white-space: pre-line;
}
a {
  text-decoration: none;
  color: inherit;
}
a:focus {
  outline: none;
}
button {
  cursor: pointer;
}
button:focus {
  outline: none;
}
button.button {
  height: 52px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1763FA;
  border: none;
  border-radius: 26px;
  padding: 0px 32px;
  gap: 10px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
button.button span {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
}
button.button:hover {
  box-shadow: 0px 0px 10px 0px #1763FA;
}
button.single {
  padding: 0px 24px;
}
button.accent {
  background: #D7FD83;
}
button.accent span {
  color: #050508;
}
button.accent:hover {
  box-shadow: 0px 0px 10px 0px #D7FD83;
}
button.border {
  background: none;
  border: 2px solid #1763FA;
}
button.border span {
  color: #1763FA;
}
button.min {
  height: 44px;
}
button.off {
  opacity: 0.5;
  pointer-events: none;
}
#pagination {
  position: relative;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 10px;
}
.search {
  position: relative;
  width: 100%;
}
.search .ico {
  position: absolute;
  height: 100%;
  width: 50px;
  pointer-events: none;
  z-index: 40;
  left: 0;
  top: 0;
}
.search .input {
  position: relative;
  height: 52px;
}
.search .input ::-webkit-input-placeholder {
  color: #6E7070;
}
.search .input ::-moz-placeholder {
  color: #6E7070;
}
.search .input :-ms-input-placeholder {
  color: #6E7070;
}
.search .input :-moz-placeholder {
  color: #6E7070;
}
.search .input input {
  height: 100%;
  width: 100%;
  border: none;
  background: none;
  font-size: 16px;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  border: 1px solid #C9C8CB;
  border-radius: 26px;
  padding: 0px 16px 0px 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background: #ffffff;
}
.search .input input:focus {
  outline: none;
  border: 1px solid #1763FA;
}
.search .clear {
  position: absolute;
  height: 46px;
  width: 46px;
  cursor: pointer;
  z-index: 40;
  right: 2px;
  top: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 26px;
}
.stage {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 100px;
  align-items: center;
}
.stage:nth-child(even) {
  flex-direction: row-reverse;
}
.stage .text {
  width: 100%;
}
.stage .text h4 {
  color: #050508;
}
.stage .text .search {
  margin-bottom: 16px;
}
.stage .image .circle {
  position: relative;
  width: 516px;
  min-width: 516px;
  border-radius: 50%;
  background: #C9C8CB;
  overflow: hidden;
}
.stage .image .circle:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.stage .image .circle .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
}
#planetoide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  pointer-events: none;
}
#planetoide .blurcolor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #273237;
}
#planetoide .logo {
  position: relative;
  z-index: 1002;
  width: 60%;
  max-width: 200px;
}
#planetoide .logo img {
  width: 100%;
}
#planetoide.temp .blurcolor {
  opacity: 0.8;
}
#errorView {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #273237;
}
#errorView .content {
  width: 80%;
  max-width: 600px;
}
#errorView .content strong {
  font-family: 'Reem Kufi';
  color: white;
  font-size: 50px;
  display: block;
  text-align: center;
  pointer-events: none;
  opacity: 0.85;
}
#errorView .content span {
  font-family: 'Reem Kufi';
  color: white;
  font-size: 22px;
  pointer-events: none;
  letter-spacing: 0.2px;
  opacity: 0.2;
  display: block;
  text-align: center;
  line-height: 1.2;
}
#errorView .content img {
  width: 140px;
  margin: 70px auto 0px;
}
/*
	MEDIA SCREEN
*/
/* =Full Screen
-----------------------------------------------------------------------------*/
/* = Tablet Horizontal
-----------------------------------------------------------------------------*/
/* = Tablet Vertical / Movil Ancho
-----------------------------------------------------------------------------*/
/* = Mobile Small
-----------------------------------------------------------------------------*/
/* =Fonts
-----------------------------------------------------------------------------*/
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk6jFO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format('truetype');
}
h1 {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  margin: 0px;
  font-size: 61px;
  line-height: 1.2;
}
h2 {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  margin: 0px;
  font-size: 49px;
  line-height: 1.2;
}
h3 {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  margin: 0px;
  font-size: 39px;
  line-height: 1.2;
}
h4 {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  margin: 0px;
  font-size: 31px;
  line-height: 1.2;
}
h5 {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  margin: 0px;
  font-size: 25px;
  line-height: 1.2;
}
h6 {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  margin: 0px;
  font-size: 20px;
  line-height: 1.2;
}
p {
  display: block;
  white-space: pre-line;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  margin: 0px;
  font-size: 16px;
}
/* = Forms
-----------------------------------------------------------------------------*/
.flatpickr-calendar {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}
#form,
.form {
  position: relative;
}
#form .form_input,
.form .form_input {
  position: relative;
  margin-bottom: 32px;
}
#form .form_input > label,
.form .form_input > label {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  font-size: 13px;
  margin-bottom: 4px;
}
#form .form_input .inputs,
.form .form_input .inputs {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
#form .form_input .input,
.form .form_input .input {
  position: relative;
}
#form .form_input .input ::-webkit-input-placeholder,
.form .form_input .input ::-webkit-input-placeholder {
  color: #6E7070;
}
#form .form_input .input ::-moz-placeholder,
.form .form_input .input ::-moz-placeholder {
  color: #6E7070;
}
#form .form_input .input :-ms-input-placeholder,
.form .form_input .input :-ms-input-placeholder {
  color: #6E7070;
}
#form .form_input .input :-moz-placeholder,
.form .form_input .input :-moz-placeholder {
  color: #6E7070;
}
#form .form_input .input input,
.form .form_input .input input,
#form .form_input .input textarea,
.form .form_input .input textarea {
  height: 52px;
  display: block;
  padding: 0px 16px;
  width: 100%;
  border: 1px solid #C9C8CB;
  background: #ffffff;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 12px;
  background: white;
}
#form .form_input .input input:focus,
.form .form_input .input input:focus,
#form .form_input .input textarea:focus,
.form .form_input .input textarea:focus {
  outline: none;
  border: 1px solid #1763FA;
}
#form .form_input .input textarea,
.form .form_input .input textarea {
  padding: 24px;
  height: auto;
  resize: none;
}
#form .form_input .input .selector,
.form .form_input .input .selector {
  position: relative;
  border: 1px solid #C9C8CB;
  background: #ffffff;
  border-radius: 12px;
}
#form .form_input .input .selector select,
.form .form_input .input .selector select {
  height: 52px;
  display: block;
  padding: 0px 16px;
  width: 100%;
  background: none;
  border: none;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#form .form_input .input .selector select:focus,
.form .form_input .input .selector select:focus {
  outline: none;
}
#form .form_input .input .selector .arrow,
.form .form_input .input .selector .arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  height: 100%;
  pointer-events: none;
  border-radius: 12px;
}
#form .form_input .input .checkbox,
.form .form_input .input .checkbox {
  position: relative;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #C9C8CB;
  height: 52px;
  padding: 0px 24px;
  gap: 16px;
}
#form .form_input .input .checkbox:last-of-type,
.form .form_input .input .checkbox:last-of-type {
  margin-bottom: 0px;
}
#form .form_input .input .checkbox .check,
.form .form_input .input .checkbox .check {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #1763FA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
#form .form_input .input .checkbox .check img,
.form .form_input .input .checkbox .check img {
  opacity: 0;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
#form .form_input .input .checkbox .radio,
.form .form_input .input .checkbox .radio {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #1763FA;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
#form .form_input .input .checkbox .radio .circle,
.form .form_input .input .checkbox .radio .circle {
  opacity: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1763FA;
}
#form .form_input .input .checkbox input[type="checkbox"],
.form .form_input .input .checkbox input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  cursor: pointer;
  opacity: 0;
}
#form .form_input .input .checkbox input[type="checkbox"]:checked + .check img,
.form .form_input .input .checkbox input[type="checkbox"]:checked + .check img {
  opacity: 1;
}
#form .form_input .input .checkbox input[type="radio"],
.form .form_input .input .checkbox input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  cursor: pointer;
  opacity: 0;
}
#form .form_input .input .checkbox input[type="radio"]:checked + .radio .circle,
.form .form_input .input .checkbox input[type="radio"]:checked + .radio .circle {
  opacity: 1;
}
#form .form_input .input .checkbox span,
.form .form_input .input .checkbox span {
  display: block;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#form .form_input .input .checkbox span a,
.form .form_input .input .checkbox span a {
  display: inline;
}
#form .form_input .input .calendar,
.form .form_input .input .calendar {
  position: absolute;
  width: 36px;
  height: 36px;
  background: #1763FA;
  border-radius: 6px;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}
#form .form_input .input.error input,
.form .form_input .input.error input,
#form .form_input .input.error textarea,
.form .form_input .input.error textarea {
  color: #EF233C;
}
#form .form_input .input.error input,
.form .form_input .input.error input,
#form .form_input .input.error textarea,
.form .form_input .input.error textarea,
#form .form_input .input.error .selector,
.form .form_input .input.error .selector,
#form .form_input .input.error .checkbox,
.form .form_input .input.error .checkbox {
  border: 1px solid #EF233C;
}
#form .form_input .input.error .checkbox .check,
.form .form_input .input.error .checkbox .check,
#form .form_input .input.error .checkbox .radio,
.form .form_input .input.error .checkbox .radio {
  border: 1px solid #EF233C;
}
#form .form_input .loadarea,
.form .form_input .loadarea {
  position: relative;
  background: #ffffff;
  border: 1px solid #C9C8CB;
  border-radius: 16px;
  height: 250px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#form .form_input .loadarea .ico img,
.form .form_input .loadarea .ico img {
  pointer-events: none;
}
#form .form_input .loadarea .link,
.form .form_input .loadarea .link {
  position: relative;
  margin-top: 8px;
  max-width: 162px;
}
#form .form_input .loadarea .link span,
.form .form_input .loadarea .link span {
  display: block;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #6E7070;
  text-align: center;
}
#form .form_input .loadarea .link span u,
.form .form_input .loadarea .link span u {
  display: block;
  color: #1763FA;
  text-decoration: underline;
  cursor: pointer;
}
#form .form_input .loadarea input[type="file"],
.form .form_input .loadarea input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
#form .form_input .tip,
.form .form_input .tip {
  position: relative;
  margin-top: 16px;
}
#form .form_input .tip small,
.form .form_input .tip small {
  display: block;
  font-size: 13px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #6E7070;
}
#form .form_input .tip:nth-child(2),
.form .form_input .tip:nth-child(2) {
  margin-top: 0px;
  margin-bottom: 16px;
}
#form .form_inputs,
.form .form_inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
#form .form_inputs .form_input,
.form .form_inputs .form_input {
  width: 100%;
}
/* =Views
-----------------------------------------------------------------------------*/
header {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
}
header .header {
  position: relative;
  padding: 20px 0px 0px;
}
header .header .centrador {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .header .centrador #logo {
  position: relative;
  z-index: 30;
}
header .header .centrador #logo .trademarcas {
  position: relative;
  cursor: pointer;
}
header .header .centrador #logo .trademarcas svg {
  width: 220px;
}
header .header .centrador #logo .trademarcas svg path {
  fill: #ffffff;
}
header .header .centrador .menu {
  position: relative;
}
header .header .centrador .menu menu {
  padding: 0px;
  margin: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
header .header .centrador .menu menu .link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
header .header .centrador .menu menu .link span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
}
header .header .centrador #menu_site {
  height: 60px;
}
header .header .centrador #menu_site menu.desktop {
  background: #ffffff;
  padding: 8px;
  border-radius: 30px;
  gap: 8px;
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: fixed;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
header .header .centrador #menu_site menu.desktop.show {
  opacity: 1;
  pointer-events: all;
}
header .header .centrador #menu_site menu.desktop .link {
  border: 2px solid #1763FA;
  height: 44px;
  border-radius: 22px;
  padding: 0px 24px;
  cursor: pointer;
  background: #ffffff;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
header .header .centrador #menu_site menu.desktop .link span {
  color: #1763FA;
}
header .header .centrador #menu_site menu.desktop .link.active {
  background: #1763FA;
  cursor: default;
}
header .header .centrador #menu_site menu.desktop .link.active span {
  color: #ffffff;
}
header .header .centrador #menu_site menu.desktop .link.active:hover {
  box-shadow: none;
}
header .header .centrador #menu_site menu.desktop .link:hover {
  box-shadow: 0px 0px 12px -4px #1763FA;
}
header .header .centrador #menu_site menu.mobile {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #1763FA;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 100px 50px 40px;
}
header .header .centrador #menu_site menu.mobile .link {
  cursor: pointer;
  margin-bottom: 18px;
  justify-content: flex-start;
}
header .header .centrador #menu_site menu.mobile .link span {
  color: #ffffff;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
}
header .header .centrador #menu_register menu {
  padding: 8px;
  gap: 8px;
  background: #ffffff;
  border-radius: 24px;
}
header .header .centrador #menu_register menu .link {
  height: 32px;
  background: #F3F7FF;
  width: 125px;
  padding: 0px 16px;
  border-radius: 16px;
  justify-content: space-between;
  cursor: default;
  pointer-events: none;
}
header .header .centrador #menu_register menu .link span {
  font-size: 14px;
  color: #6E7070;
}
header .header .centrador #menu_register menu .link span.mobile {
  display: none;
}
header .header .centrador #menu_register menu .link img {
  display: none;
}
header .header .centrador #menu_register menu .link.active {
  background: #1763FA;
  cursor: default;
}
header .header .centrador #menu_register menu .link.active span {
  color: #ffffff;
}
header .header .centrador #menu_register menu .link.done {
  background: #D7FD83;
  cursor: pointer;
  pointer-events: all;
}
header .header .centrador #menu_register menu .link.done span {
  color: #050508;
}
header .header .centrador #menu_register menu .link.done img {
  display: block;
}
header .header .centrador #menu_app menu {
  gap: 32px;
}
header .header .centrador #menu_app menu .link {
  padding: 0px 16px;
  cursor: pointer;
  height: 32px;
  border-radius: 16px;
}
header .header .centrador #menu_app menu .link span {
  font-size: 16px;
  color: #1763FA;
}
header .header .centrador #menu_app menu .link.active {
  background: #1763FA;
}
header .header .centrador #menu_app menu .link.active span {
  color: #ffffff;
}
header .header .centrador #busqueda {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 12px;
}
header .header .centrador #busqueda .search {
  width: 500px;
}
header .header .centrador #controls {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 190px;
  justify-content: flex-end;
}
header .header .centrador #controls .control {
  position: relative;
  cursor: pointer;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border: 2px solid #1763FA;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .header .centrador #buttons {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
header .header .centrador #user {
  position: relative;
  gap: 12px;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
header .header .centrador #user .avatar {
  width: 48px;
  height: 48px;
  min-width: 48px;
  overflow: hidden;
}
header .header .centrador #user .control {
  position: relative;
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1763FA;
  border-radius: 50%;
  cursor: pointer;
}
header .header .centrador #links {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 32px;
}
header .header .centrador #links .link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
header .header .centrador #links .link span {
  font-size: 18px;
  color: #ffffff;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  display: block;
}
header .header .centrador #btnMenu {
  position: relative;
  display: none;
}
header .header .centrador #btnMenu .ico {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #ffffff;
}
header .header .centrador #btnMenu .ico svg {
  width: 24px;
}
header .header#header_site #btnMenu .ico svg path {
  fill: #ffffff;
}
header .header#header_site.light {
  background: #ffffff;
}
header .header#header_site.light #logo .trademarcas svg path {
  fill: #1763FA;
}
header .header#header_site.light #links .link span {
  color: #1763FA;
}
header .header#header_site.light #btnMenu .ico svg path {
  fill: #1763FA;
}
header .header#header_site.gray {
  background: #F2F2F5;
}
header .header#header_site.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
header .header#header_site.menu .centrador #menu_site menu.mobile {
  display: block;
}
header .header#header_site.menu .centrador #logo .trademarcas svg path {
  fill: #ffffff;
}
header .header#header_register {
  background: #F2F2F5;
}
header .header#header_register #logo .trademarcas svg path {
  fill: #1763FA;
}
header .header#header_search {
  background: #ffffff;
}
header .header#header_search #logo .trademarcas svg path {
  fill: #1763FA;
}
header .header#header_app {
  background: #F2F2F5;
}
header .header#header_app #logo .trademarcas svg {
  width: 150px;
}
header .header#header_app #logo .trademarcas svg path {
  fill: #1763FA;
}
header .header.menu {
  background: #1763FA !important;
}
header .header.menu #btnMenu .ico svg path {
  fill: #ffffff !important;
}
footer {
  position: relative;
  background: #1763FA;
}
footer .centrador #footer {
  position: relative;
  padding-top: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
footer .centrador #footer .text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
footer .centrador #footer .text h4 {
  color: #ffffff;
  max-width: 500px;
}
footer .centrador #foot {
  position: relative;
  padding-bottom: 36px;
  margin-top: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .centrador #foot #copy {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 9px;
}
footer .centrador #foot #copy span {
  display: block;
  color: #ffffff;
  font-size: 13px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}
footer .centrador #foot #mail {
  position: relative;
}
footer .centrador #foot #mail span {
  display: block;
  color: #ffffff;
  font-size: 13px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}
section.focus_screen {
  background: #1763FA;
}
section.focus_screen .centrador {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.focus_screen .centrador .circle {
  width: 700px;
  height: 700px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.focus_screen .centrador .circle.focus {
  box-shadow: inset 0px 0px 20px 10px #D7FD83;
}
section.focus_screen .centrador .circle .centro {
  position: relative;
  width: 100%;
}
section.focus_screen#register_done #thankyou {
  max-width: 540px;
}
section.focus_screen#register_done #thankyou h1 {
  color: #D7FD83;
  text-align: center;
  font-size: 64px;
}
section.focus_screen#register_done #thankyou > span {
  margin-top: 32px;
  display: block;
  color: #ffffff;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}
section.focus_screen#register_done #thankyou button {
  margin: 25px auto 0px;
}
section.focus_screen#acceso #login {
  max-width: 414px;
}
section.focus_screen#acceso #login h5 {
  color: #ffffff;
  text-align: center;
}
section.focus_screen#acceso #login .form {
  margin-top: 32px;
}
section.focus_screen#acceso #login .form .form_input {
  margin-bottom: 18px;
}
section.focus_screen#acceso #login .form .form_input label {
  color: #ffffff;
}
section.focus_screen#acceso #login button {
  margin: 25px auto 0px;
}
#preview {
  position: relative;
  width: 100%;
}
#preview .step {
  width: 100%;
  margin-bottom: 24px;
}
#preview .step:last-of-type {
  margin-bottom: 0px;
}
#preview .step .head {
  cursor: pointer;
}
#preview .step .head h5 {
  color: #1763FA;
}
#preview .step .head .actions .action img {
  width: 26px;
}
#preview .step .questions {
  margin-top: 16px;
}
#preview .step .questions .question {
  position: relative;
  background: #F3F7FF;
  padding: 16px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 8px;
}
#preview .step .questions .question .qhead {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
#preview .step .questions .question .qhead .title {
  position: relative;
}
#preview .step .questions .question .qhead .title b {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #050508;
}
#preview .step .questions .question .qhead .actions .copy {
  position: relative;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
}
#preview .step .questions .question .qhead .actions button {
  padding: 0px 16px;
  height: 32px;
  gap: 8px;
  font-size: 14px;
}
#preview .step .questions .question .text {
  position: relative;
  margin-top: 16px;
}
#preview .step .questions .question .text input,
#preview .step .questions .question .text textarea {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #050508;
  border: none;
  width: 100%;
  background: none;
}
#preview .step .questions .question .text input:focus,
#preview .step .questions .question .text textarea:focus {
  outline: none;
}
#preview .step .questions .question .text textarea {
  resize: none;
}
#preview .step .questions .question .text p b {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
}
#preview .step .questions .question .image {
  position: relative;
}
#preview .step .questions .question .image .logo {
  position: relative;
  width: 240px;
  height: 240px;
  border: 1px solid #C9C8CB;
  border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  overflow: hidden;
}
#preview .step .questions .question .image .logo img {
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}
#preview .step .questions .question .image button {
  margin-top: 16px;
  display: none;
}
#preview .step .questions .question:nth-child(even) {
  background: #ffffff;
}
#preview .step .questions .group {
  position: relative;
  border-bottom: 1px solid #C9C9CB;
  padding-bottom: 16px;
  margin-bottom: 16px;
  margin-top: 16px;
}
#preview .step .questions .group h6 {
  color: #1763FA;
  margin-bottom: 8px;
}
section#estatus_registro {
  padding-top: 100px;
  padding-bottom: 60px;
  background: #F2F2F5;
}
section#estatus_registro .centrador .row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
  margin-top: 24px;
}
section#estatus_registro .centrador .row .side {
  position: relative;
  width: 100%;
}
section#estatus_registro .centrador .row .side dialog {
  margin-bottom: 24px;
}
section#estatus_registro .centrador .row .side:first-of-type {
  width: 436px;
  min-width: 436px;
}
section#estatus_registro .centrador dialog#marca {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
section#estatus_registro .centrador dialog#marca .content {
  position: relative;
}
section#estatus_registro .centrador dialog#marca .content h4 {
  margin-top: 8px;
}
section#estatus_registro .centrador dialog#marca .content > label {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #6E7070;
}
section#estatus_registro .centrador dialog#marca .content .details {
  position: relative;
  margin-top: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 100px;
}
section#estatus_registro .centrador dialog#marca .content .details .detail {
  position: relative;
}
section#estatus_registro .centrador dialog#marca .content .details .detail .info {
  position: relative;
  margin-bottom: 24px;
}
section#estatus_registro .centrador dialog#marca .content .details .detail .info:last-of-type {
  margin-bottom: 0px;
}
section#estatus_registro .centrador dialog#marca .content .details .detail .info label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #6E7070;
}
section#estatus_registro .centrador dialog#marca .content .details .detail .info span {
  display: block;
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  white-space: pre-line;
}
section#estatus_registro .centrador dialog#marca .content .details .detail .info br:last-of-type {
  display: none;
}
section#estatus_registro .centrador dialog#marca #logo {
  position: relative;
  width: 300px;
  min-width: 300px;
  height: 300px;
  border-radius: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #C9C8CB;
  overflow: hidden;
}
section#estatus_registro .centrador dialog#marca #logo img {
  pointer-events: none;
  max-width: 100%;
  max-height: 100%;
}
section#estatus_registro .centrador dialog#estado {
  width: 100%;
}
section#estatus_registro .centrador dialog#estado .head {
  display: block;
}
section#estatus_registro .centrador dialog#estado .head h4 {
  color: #050508;
}
section#estatus_registro .centrador dialog#estado .head label {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  margin-top: 4px;
  color: #6E7070;
}
section#estatus_registro .centrador dialog#estado .body {
  margin-top: 115px;
}
section#estatus_registro .centrador dialog#estado .body span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  font-size: 16px;
}
section#estatus_registro .centrador dialog#estado .body p {
  margin-top: 4px;
  color: #6E7070;
  font-size: 13px;
}
section#estatus_registro .centrador dialog#notas {
  width: 100%;
}
section#estatus_registro .centrador dialog#notas .head h4 {
  color: #050508;
}
section#estatus_registro .centrador dialog#notas .body {
  margin-top: 16px;
}
section#estatus_registro .centrador dialog#notas .body .notes {
  position: relative;
}
section#estatus_registro .centrador dialog#notas .body .notes .note {
  position: relative;
  margin-bottom: 16px;
}
section#estatus_registro .centrador dialog#notas .body .notes .note:last-of-type {
  margin-bottom: 0px;
}
section#estatus_registro .centrador dialog#notas .body .notes .note span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  color: #6E7070;
  font-size: 15px;
  margin-bottom: 9px;
}
section#estatus_registro .centrador dialog#notas .body .notes .note p {
  font-size: 16px;
}
section#estatus_registro .centrador dialog#clases {
  width: 100%;
}
section#estatus_registro .centrador dialog#clases .head h4 {
  color: #050508;
}
section#estatus_registro .centrador dialog#clases .clases {
  position: relative;
  margin-top: 40px;
}
section#estatus_registro .centrador dialog#clases .clases .clase {
  position: relative;
  margin-bottom: 24px;
}
section#estatus_registro .centrador dialog#clases .clases .clase:last-of-type {
  margin-bottom: 0px;
}
section#estatus_registro .centrador dialog#clases .clases .clase b {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #050508;
}
section#estatus_registro .centrador dialog#clases .clases .clase span {
  display: block;
  margin-top: 4px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #050508;
}
section#estatus_registro .centrador dialog#clases .clases .clase p {
  margin-top: 16px;
  font-size: 16px;
  color: #6E7070;
}
section#estatus_registro .centrador dialog#legal {
  width: 100%;
}
section#estatus_registro .centrador dialog#legal .head h4 {
  color: #050508;
}
section#estatus_registro .centrador dialog#legal .head .actions .link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
section#estatus_registro .centrador dialog#legal .head .actions .link u {
  display: block;
  color: #6E7070;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
}
section#estatus_registro .centrador dialog#legal #historial {
  position: relative;
  margin-top: 16px;
}
section#estatus_registro .centrador dialog#legal #historial .t_heads .t_head {
  padding: 8px;
}
section#estatus_registro .centrador dialog#legal #historial .t_heads .t_head b {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #6E7070;
  font-size: 13px;
}
section#estatus_registro .centrador dialog#legal #historial .t_heads .t_head:nth-child(1) {
  width: 20%;
}
section#estatus_registro .centrador dialog#legal #historial .t_heads .t_head:nth-child(2) {
  width: 80%;
}
section#estatus_registro .centrador dialog#legal #historial .procedures {
  position: relative;
}
section#estatus_registro .centrador dialog#legal #historial .procedures .procedure {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info {
  position: relative;
  padding: 8px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  font-size: 16px;
}
section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info:nth-child(1) {
  width: 20%;
}
section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info:nth-child(2) {
  width: 80%;
}
.errors {
  position: relative;
  background: #EFD7DA;
  padding: 10px 18px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border-radius: 16px;
}
.errors ul {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.errors ul li {
  display: block;
  color: #EF233C;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
}
.errors ul li:last-of-type {
  margin-bottom: 0px;
}
#alerts {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  z-index: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#alerts .alert {
  position: relative;
  width: 80%;
  margin: 0px auto;
  border-radius: 10px 10px 0px 0px;
  padding: 20px 60px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transform: translate(0%, 100%);
  -moz-transform: translate(0%, 100%);
  -o-transform: translate(0%, 100%);
  -ms-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
#alerts .alert .msg {
  position: relative;
}
#alerts .alert .msg strong {
  display: block;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: white;
}
#alerts .alert.active {
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
#alerts .alert.ok {
  background: #1763FA;
}
#alerts .alert.error {
  background: #EF233C;
}
section#cta_contacto {
  background: #0C45A8;
  overflow: hidden;
  padding: 120px 0px;
}
section#cta_contacto .centrador {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1060px;
}
section#cta_contacto .centrador .circle {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  border-radius: 50%;
}
section#cta_contacto .centrador .circle:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
section#cta_contacto .centrador .circle.focus {
  box-shadow: inset 0px 0px 20px 10px #ffffff;
}
section#cta_contacto .centrador .center {
  position: relative;
  max-width: 750px;
}
section#cta_contacto .centrador .center h2 {
  text-align: center;
  color: #ffffff;
}
section#cta_contacto .centrador .center h4 {
  text-align: center;
  color: #ffffff;
  margin-top: 16px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 300;
}
section#cta_contacto .centrador .center button {
  margin: 48px auto 0px;
}
#site {
  position: relative;
  overflow: hidden;
}
#site section#cover {
  height: 100vh;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-top: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 860px;
}
#site section#cover .color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1763FA;
}
#site section#cover .centrador {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#site section#cover .centrador .text {
  max-width: 540px;
}
#site section#cover .centrador .text h1 {
  color: #ffffff;
}
#site section#cover .centrador .text p {
  color: #ffffff;
  font-size: 20px;
  margin-top: 22px;
}
#site section#cover .centrador .text button {
  margin-top: 32px;
}
#site section#cover .image {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: calc(100% - 80px);
  height: -webkit-calc(100% - 80px);
}
#site section#cover .image img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
}
#site section#cover .image img.mobile {
  display: none;
}
#site section#about {
  padding: 120px 0px;
}
#site section#about .centrador #intro {
  position: relative;
  margin: 0px auto;
  max-width: 560px;
}
#site section#about .centrador #intro h3 {
  text-align: center;
  color: #050508;
}
#site section#about .centrador #intro p {
  margin-top: 24px;
  text-align: center;
}
#site section#about .centrador #stages {
  position: relative;
  margin: 124px auto 0px;
  max-width: 1000px;
}
#site section#about .centrador #stages .stage {
  margin-bottom: 100px;
}
#site section#about .centrador #stages .stage:last-of-type {
  margin-bottom: 0px;
}
#site section#about .centrador #stages .stage .text {
  max-width: 400px;
}
#site section#about .centrador #stages .stage .text p {
  margin-top: 24px;
  margin-bottom: 36px;
}
#site section#ourfee .centrador .color {
  position: relative;
  background: #1763FA;
  border-radius: 24px;
  padding: 124px 100px;
  gap: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}
#site section#ourfee .centrador .color .text h2 {
  color: #ffffff;
}
#site section#ourfee .centrador .color .text p {
  margin-top: 20px;
  color: #ffffff;
  font-size: 20px;
}
#site section#ourfee .centrador .color .text ul {
  margin: 0px;
  margin-top: 70px;
  padding: 0px;
  max-width: 440px;
}
#site section#ourfee .centrador .color .text ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}
#site section#ourfee .centrador .color .text ul li span {
  font-size: 16px;
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #ffffff;
}
#site section#ourfee .centrador .color .text ul li span .hover {
  display: inline-block;
}
#site section#ourfee .centrador .color .circle {
  position: relative;
  width: 515px;
  min-width: 515px;
  height: 515px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#site section#ourfee .centrador .color .circle .center {
  position: relative;
}
#site section#ourfee .centrador .color .circle .center h2 {
  color: #D7FD83;
  text-align: center;
}
#site section#ourfee .centrador .color .circle .center #price {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
}
#site section#ourfee .centrador .color .circle .center #price h1 {
  color: #D7FD83;
  font-size: 100px;
}
#site section#ourfee .centrador .color .circle .center #price h3 {
  color: #D7FD83;
  margin-bottom: 15px;
}
#site section#ourfee .centrador .color .circle .center .alt {
  justify-content: center;
}
#site section#ourfee .centrador .color .circle .center .alt > span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}
#site section#ourfee .centrador .color .circle .center > span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}
#site section#ourfee .centrador .color .circle .center button {
  margin: 36px auto 0px;
}
#site section#ourfee .centrador .color .circle.focus {
  box-shadow: inset 0px 0px 20px 10px #D7FD83;
}
#site section#ourfee .centrador .color .buttons {
  display: none;
  justify-content: center;
  margin-top: 24px;
}
#site section#ourfee .centrador .color .disclaimer {
  position: relative;
  margin: 45px auto 0px;
  max-width: 820px;
}
#site section#ourfee .centrador .color .disclaimer p {
  display: block;
  font-size: 12px;
  color: #ffffff;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 15px;
}
#site section#ourfee.simple {
  background: #1763FA;
  padding-top: 130px;
  padding-bottom: 100px;
}
#site section#ourfee.simple .centrador .color {
  display: block;
  background: none;
  padding: 0px;
}
#site section#ourfee.simple .centrador .color .text {
  margin: 0px auto;
}
#site section#ourfee.simple .centrador .color .text h2 {
  color: #D7FD83;
  text-align: center;
  font-size: 61px;
}
#site section#ourfee.simple .centrador .color .text p {
  margin-left: auto;
  margin-right: auto;
  max-width: 540px;
  text-align: center;
}
#site section#ourfee.simple .centrador .color .circle {
  margin: 45px auto 0px;
}
#site section#ourfee.simple .centrador .color .disclaimer {
  display: block;
}
#site section#why {
  padding-top: 140px;
  padding-bottom: 220px;
}
#site section#why .centrador {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  gap: 60px;
}
#site section#why .centrador .eu {
  position: absolute;
  top: 90px;
  left: -240px;
  z-index: 20;
}
#site section#why .centrador .eu img {
  pointer-events: none;
}
#site section#why .centrador .text {
  z-index: 40;
  width: 450px;
}
#site section#why .centrador .text h3 {
  color: #050508;
}
#site section#why .centrador .text p {
  margin-top: 30px;
  font-size: 20px;
}
#site section#why .centrador #features {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
  max-width: 616px;
  z-index: 50;
}
#site section#why .centrador #features .feature {
  position: relative;
  width: calc(50% - 18px);
  width: -webkit-calc(50% - 18px);
  box-shadow: 0px 0px 24px -8px #1763FA;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 16px;
  padding: 24px;
  background: #ffffff;
}
#site section#why .centrador #features .feature h5 {
  text-align: center;
  color: #050508;
  margin-top: 15px;
}
#site section#why .centrador #features .feature span {
  display: block;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  color: #050508;
  margin-top: 16px;
}
#site section#why .centrador #features .feature:nth-child(even) {
  -webkit-transform: translate(0px, 80px);
  -moz-transform: translate(0px, 80px);
  -o-transform: translate(0px, 80px);
  -ms-transform: translate(0px, 80px);
  transform: translate(0px, 80px);
}
#site section#benefits {
  background: #82EBFD;
  padding: 120px 0px;
}
#site section#benefits .centrador h3 {
  text-align: center;
  color: #050508;
}
#site section#benefits .centrador .carousel {
  position: relative;
  margin-top: 60px;
}
#site section#benefits .centrador .carousel .carousel__track {
  margin: 0px;
  align-items: normal;
}
#site section#benefits .centrador .carousel .carousel__slide {
  flex-direction: column;
  padding: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#site section#benefits .centrador .carousel .page {
  padding: 50px;
  margin-right: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 16px;
  height: 100%;
  box-shadow: 0px 0px 10px #6E7070;
}
#site section#benefits .centrador .carousel .page h4 {
  color: #050508;
  text-align: left;
}
#site section#benefits .centrador .carousel .page .alt.mobile {
  display: none;
}
#site section#benefits .centrador .carousel .page p {
  margin-top: 32px;
  text-align: left;
}
#site section#benefits .centrador .carousel .carousel__pagination {
  position: absolute;
  bottom: -68px;
  left: 0px;
  width: 100%;
  margin-top: 0px;
}
#site section#benefits .centrador .carousel .carousel__pagination .carousel__pagination-button::after {
  background: #050508;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0.2;
}
#site section#benefits .centrador .carousel .carousel__pagination .carousel__pagination-button--active::after {
  background: #050508;
  opacity: 1;
}
#site section#benefits .centrador nav {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
#site section#benefits .centrador nav .arrow {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#site section#benefits .centrador > small {
  display: block;
  margin: 48px auto 0px;
  max-width: 840px;
  font-size: 13px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  color: #050508;
}
#site section#simple {
  padding-top: 100px;
}
#site section#simple .centrador .color {
  position: relative;
  background: #23c0ec;
  background: radial-gradient(circle at bottom, #23c0ec 0%, #1763fa 100%);
  border-radius: 24px;
  padding: 150px 50px;
}
#site section#simple .centrador .color > .eu {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.3;
}
#site section#simple .centrador .color > .eu img {
  pointer-events: none;
}
#site section#simple .centrador .color .text {
  max-width: 820px;
  margin: 0px auto;
}
#site section#simple .centrador .color .text h3 {
  color: #ffffff;
  text-align: center;
}
#site section#simple .centrador .color .text .eu {
  display: none;
  width: 420px;
  margin: 60px auto 0px;
}
#site section#simple .centrador .color .text .eu img {
  width: 100%;
}
#site section#simple .centrador .color .text p {
  max-width: 720px;
  font-size: 20px;
  margin: 48px auto 0px;
  text-align: center;
  color: #ffffff;
}
#site section#process {
  padding: 80px 0px 120px;
}
#site section#process .centrador #stages .stage {
  margin-bottom: 80px;
  justify-content: center;
}
#site section#process .centrador #stages .stage:last-of-type {
  margin-bottom: 0px;
}
#site section#process .centrador #stages .stage .text {
  max-width: 400px;
}
#site section#process .centrador #stages .stage .text h6 {
  color: #050508;
  margin-top: 25px;
}
#site section#process .centrador #stages .stage .text p {
  margin-top: 25px;
}
#site section#how {
  padding-bottom: 120px;
}
#site section#how .centrador .color {
  position: relative;
  background: #1763FA;
  border-radius: 24px;
  padding: 80px 80px 60px;
}
#site section#how .centrador .color h3 {
  margin: 0px auto;
  max-width: 640px;
  text-align: center;
  color: #ffffff;
}
#site section#how .centrador .color .content {
  position: relative;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 80px;
  align-items: center;
}
#site section#how .centrador .color .content #processes {
  position: relative;
  max-width: 470px;
}
#site section#how .centrador .color .content #processes .process {
  position: relative;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
#site section#how .centrador .color .content #processes .process:last-of-type {
  margin-bottom: 0px;
}
#site section#how .centrador .color .content #processes .process .num {
  position: relative;
  width: 84px;
  height: 84px;
  min-width: 84px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #82EBFD;
  border-radius: 50%;
}
#site section#how .centrador .color .content #processes .process .num b {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 52px;
  color: #82EBFD;
}
#site section#how .centrador .color .content #processes .process .text h4 {
  color: #ffffff;
}
#site section#how .centrador .color .content #processes .process .text small {
  color: #ffffff;
  margin-top: 4px;
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
}
#site section#how .centrador .color .content #processes .process .text p {
  color: #ffffff;
  margin-top: 16px;
}
#site section#how .centrador .color .content .image {
  width: 580px;
  min-width: 580px;
}
#site section#how .centrador .color .content .image img {
  pointer-events: none;
  width: 100%;
}
#site section#ourprocess {
  background: #F2F2F5;
  padding-top: 100px;
  padding-bottom: 140px;
}
#site section#ourprocess .centrador h2 {
  color: #1763FA;
  text-align: center;
}
#site section#ourprocess .centrador .carousel {
  position: relative;
  margin-top: 48px;
}
#site section#ourprocess .centrador .carousel .carousel__track {
  margin: 0px;
  align-items: normal;
}
#site section#ourprocess .centrador .carousel .carousel__slide {
  flex-direction: column;
  padding: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#site section#ourprocess .centrador .carousel .page {
  position: relative;
  height: 100%;
}
#site section#ourprocess .centrador .carousel .page .count {
  position: relative;
  width: 84px;
  height: 84px;
  min-width: 84px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0px auto;
  box-shadow: inset 0 0 10px 2px #1763FA;
}
#site section#ourprocess .centrador .carousel .page .count b {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  color: #1763FA;
}
#site section#ourprocess .centrador .carousel .page span {
  display: block;
  text-align: center;
  color: #1763FA;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  margin-top: 40px;
}
#site section#ourprocess .centrador .carousel .page small {
  display: block;
  text-align: center;
  color: #1763FA;
  font-size: 13px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  margin-top: 10px;
}
#site section#ourprocess .centrador .carousel .carousel__pagination {
  position: absolute;
  bottom: -50px;
  left: 0px;
  width: 100%;
  margin-top: 0px;
}
#site section#ourprocess .centrador .carousel .carousel__pagination .carousel__pagination-button::after {
  background: #1763FA;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0.2;
}
#site section#ourprocess .centrador .carousel .carousel__pagination .carousel__pagination-button--active::after {
  background: #1763FA;
  opacity: 1;
}
#site section#ourprocess .centrador nav {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
}
#site section#ourprocess .centrador nav .arrow {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#site section#included {
  padding-top: 100px;
  padding-bottom: 80px;
  z-index: 40;
}
#site section#included .centrador h3 {
  text-align: center;
  color: #050508;
}
#site section#included .centrador #includes {
  position: relative;
  max-width: 1060px;
  margin: 70px auto 0px;
}
#site section#included .centrador #includes .include {
  position: relative;
  padding: 16px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
}
#site section#included .centrador #includes .include span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #050508;
}
#site section#included .centrador #includes .include .check {
  position: relative;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
#site section#included .centrador #includes .include:nth-child(odd) {
  background: #F3F7FF;
}
#site section#secure {
  padding-bottom: 100px;
}
#site section#secure .centrador .color {
  border-radius: 16px;
  background: #82EBFD;
  padding: 50px 50px 50px 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 25px;
  max-width: 1060px;
  margin: 0px auto;
}
#site section#secure .centrador .color .image {
  width: 480px;
  min-width: 480px;
}
#site section#secure .centrador .color .image img {
  width: 100%;
  pointer-events: none;
}
#site section#secure .centrador .color .text {
  max-width: 490px;
}
#site section#secure .centrador .color .text .ico {
  justify-content: flex-start;
}
#site section#secure .centrador .color .text h4 {
  color: #050508;
  margin-top: 24px;
}
#site section#secure .centrador .color .text p {
  margin-top: 24px;
}
#site section#secure .centrador .color .text small {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  display: block;
  font-size: 10px;
  white-space: pre-line;
  margin-top: 24px;
}
#site section#contacto {
  background: #0C45A8;
  overflow: hidden;
  padding: 120px 0px;
}
#site section#contacto .centrador {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1060px;
}
#site section#contacto .centrador .circle {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  border-radius: 50%;
}
#site section#contacto .centrador .circle:after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
#site section#contacto .centrador .circle.focus {
  box-shadow: inset 0px 0px 20px 10px #ffffff;
}
#site section#contacto .centrador .center {
  position: relative;
  max-width: 750px;
  padding-top: 40px;
}
#site section#contacto .centrador .center h1 {
  text-align: center;
  color: #ffffff;
}
#site section#contacto .centrador .center h4 {
  text-align: center;
  color: #ffffff;
  margin-top: 32px;
}
#site section#contacto .centrador .center > h5 {
  text-align: center;
  color: #ffffff;
  margin-top: 4px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 300;
}
#site section#contacto .centrador .center .link {
  position: relative;
  margin-top: 64px;
}
#site section#contacto .centrador .center .link h6 {
  text-align: center;
  opacity: 0.6;
  color: #ffffff;
}
#site section#contacto .centrador .center .link h5 {
  text-align: center;
  color: #D7FD83;
  margin-top: 4px;
}
#site section#preguntas_frecuentes {
  padding: 120px 0px;
  z-index: 40;
  background: #F3F7FF;
}
#site section#preguntas_frecuentes .centrador h3 {
  text-align: center;
  color: #050508;
}
#site section#preguntas_frecuentes .centrador #faqs {
  position: relative;
  max-width: 860px;
  margin: 60px auto 0px;
}
#site section#preguntas_frecuentes .centrador #faqs .faq {
  width: 100%;
  margin-bottom: 24px;
}
#site section#preguntas_frecuentes .centrador #faqs .faq:last-of-type {
  margin-bottom: 0px;
}
#site section#preguntas_frecuentes .centrador #faqs .faq .head {
  cursor: pointer;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  gap: 15px;
}
#site section#preguntas_frecuentes .centrador #faqs .faq .head h5 {
  color: #050508;
}
#site section#preguntas_frecuentes .centrador #faqs .faq .head .actions .action img {
  width: 26px;
}
#site section#preguntas_frecuentes .centrador #faqs .faq .body {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  max-height: 0px;
  opacity: 0;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
#site section#preguntas_frecuentes .centrador #faqs .faq .body p u {
  color: #1763FA;
}
#site section#preguntas_frecuentes .centrador #faqs .faq .body ul,
#site section#preguntas_frecuentes .centrador #faqs .faq .body ol {
  padding-left: 20px;
}
#site section#preguntas_frecuentes .centrador #faqs .faq .body ul li,
#site section#preguntas_frecuentes .centrador #faqs .faq .body ol li {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  font-size: 16px;
  line-height: 1.6;
}
#site section#preguntas_frecuentes .centrador #faqs .faq.active .head {
  margin-bottom: 16px;
}
#site section#preguntas_frecuentes .centrador #faqs .faq.active .body {
  opacity: 1;
  max-height: 500px;
}
#site section.legal {
  padding-top: 140px;
  padding-bottom: 80px;
}
#site section.legal .centrador {
  max-width: 920px;
}
#site section.legal .centrador h3 {
  color: #1763FA;
  margin-bottom: 24px;
}
#site section.legal .centrador h5 {
  color: #1763FA;
  margin-bottom: 24px;
}
#site section.legal .centrador p {
  white-space: normal;
  margin-bottom: 24px;
}
#site section.legal .centrador p u {
  color: #1763FA;
}
#site section.legal .centrador p b {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
}
#site section#registro {
  background: #F2F2F5;
  padding-top: 140px;
  padding-bottom: 100px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100vh;
}
#site section#registro .centrador #register_process {
  margin: 0px auto;
  max-width: 625px;
}
#site section#registro .centrador #register_process .process_step {
  position: relative;
}
#site section#registro .centrador #register_process .process_step h6 {
  color: #6E7070;
  margin-bottom: 16px;
}
#site section#registro .centrador #register_process .process_step .intro {
  position: relative;
  margin-bottom: 32px;
}
#site section#registro .centrador #register_process .process_step .intro h4 {
  color: #050508;
}
#site section#registro .centrador #register_process .process_step .form_input > label {
  margin-bottom: 24px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
}
#site section#registro .centrador #register_process .process_step .form_input .loadarea.preview {
  align-items: flex-start;
  height: auto;
}
#site section#registro .centrador #register_process .process_step .form_input .loadarea + .remove {
  margin-top: 16px;
}
#site section#registro .centrador #register_process .process_step .form_input.main > label {
  font-size: 31px;
}
#site section#registro .centrador #register_process .process_step .condition {
  position: relative;
}
#site section#registro .centrador #register_process .process_step .records {
  position: relative;
}
#site section#registro .centrador #register_process .process_step .records .record {
  position: relative;
  border-bottom: 1px solid #C9C8CB;
  margin-bottom: 32px;
  padding-bottom: 32px;
}
#site section#registro .centrador #register_process .process_step .records .record .form_input:last-of-type {
  margin-bottom: 0px;
}
#site section#registro .centrador #register_process .process_step .logo {
  position: relative;
  width: 200px;
  min-width: 200px;
  height: 200px;
  border: 1px solid #C9C8CB;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
#site section#registro .centrador #register_process .process_step .logo img {
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}
#site section#registro .centrador #register_process .process_step .new,
#site section#registro .centrador #register_process .process_step .remove {
  position: relative;
}
#site section#registro .centrador #register_process .process_step .new .link,
#site section#registro .centrador #register_process .process_step .remove .link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
#site section#registro .centrador #register_process .process_step .new .link u,
#site section#registro .centrador #register_process .process_step .remove .link u {
  display: block;
  color: #050508;
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
}
#site section#registro .centrador #register_process .process_step .new .link u {
  color: #1763FA;
}
#site section#registro .centrador #register_process .process_step .remove .link u {
  color: #6E7070;
}
#site section#registro .centrador #register_process .process_navigation {
  position: relative;
  margin-top: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
#site section#registro .centrador #register_process .process_navigation button,
#site section#registro .centrador #register_process .process_navigation > a {
  width: 100%;
}
#site section#registro .centrador #register_process .process_navigation button.border {
  width: auto;
  min-width: 180px;
}
#site section#registro .centrador #register_process .helptip {
  position: relative;
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
#site section#registro .centrador #register_process .helptip small {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #6E7070;
}
#site section#resume {
  background: #F2F2F5;
  padding-top: 140px;
  padding-bottom: 100px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100vh;
}
#site section#resume .centrador #register_process {
  margin: 0px auto;
  max-width: 625px;
}
#site section#resume .centrador #register_process h6 {
  color: #6E7070;
  margin-bottom: 16px;
}
#site section#resume .centrador #register_process #preview {
  margin-top: 48px;
}
#site section#resume .centrador #register_process #preview .step .questions .question .qhead .actions .copy {
  display: none;
}
#site section#resume .centrador #register_process #preview .step .questions .question .image button {
  display: none;
}
#site section#resume .centrador #register_process #preview .step .questions .question .qhead .actions button {
  display: none;
}
#site section#resume .centrador #register_process #preview .step .questions .question .image {
  margin-top: 16px;
}
#site section#resume .centrador #register_process .process_navigation {
  position: relative;
  margin-top: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
#site section#resume .centrador #register_process .process_navigation button,
#site section#resume .centrador #register_process .process_navigation > a {
  width: 100%;
}
#site section#resume .centrador #register_process .process_navigation button.border {
  width: auto;
  min-width: 180px;
}
#site section#resume .centrador #register_process .helptip {
  position: relative;
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
#site section#resume .centrador #register_process .helptip small {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  color: #6E7070;
}
#site section#checkout {
  padding-top: 140px;
  padding-bottom: 100px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100vh;
  background: #F2F2F5;
}
#site section#checkout .centrador h6 {
  margin-bottom: 16px;
  color: #6E7070;
}
#site section#checkout .centrador #review {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  align-items: flex-start;
  margin-top: 32px;
}
#site section#checkout .centrador #review dialog#resumen {
  width: 100%;
  padding: 48px;
}
#site section#checkout .centrador #review dialog#resumen #concepto {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
#site section#checkout .centrador #review dialog#resumen #concepto h5 {
  color: #050508;
}
#site section#checkout .centrador #review dialog#resumen .description {
  position: relative;
  margin-top: 24px;
}
#site section#checkout .centrador #review dialog#resumen .description span {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  display: block;
  color: #6E7070;
  font-size: 16px;
}
#site section#checkout .centrador #review dialog#resumen .tip {
  position: relative;
  margin-top: 24px;
}
#site section#checkout .centrador #review dialog#resumen .tip small {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  display: block;
  color: #6E7070;
  font-size: 10px;
}
#site section#checkout .centrador #review dialog#resumen #clases {
  position: relative;
  margin-top: 36px;
}
#site section#checkout .centrador #review dialog#resumen #clases .head {
  position: relative;
  padding-bottom: 16px;
  border-bottom: 1px solid #C9C8CB;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 10px;
}
#site section#checkout .centrador #review dialog#resumen #clases .head span {
  display: block;
  text-transform: uppercase;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#site section#checkout .centrador #review dialog#resumen #clases .head u {
  display: block;
  color: #1763FA;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
}
#site section#checkout .centrador #review dialog#resumen #clases .clases {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#site section#checkout .centrador #review dialog#resumen #clases .clases .clase {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
#site section#checkout .centrador #review dialog#resumen #clases .clases .clase span {
  display: block;
  color: #6E7070;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#site section#checkout .centrador #review dialog#resumen #clases .clases .clase .price {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  min-width: 85px;
  justify-content: flex-end;
}
#site section#checkout .centrador #review dialog#resumen #clases .clases .clase .price span {
  color: #050508;
}
#site section#checkout .centrador #review dialog#resumen #clases .clases .clase .price img {
  width: 15px;
}
#site section#checkout .centrador #review dialog#summary {
  width: 515px;
  min-width: 515px;
  padding: 48px;
}
#site section#checkout .centrador #review dialog#summary hr {
  border: none;
  border-top: 1px solid #C9C8CB;
  margin: 24px 0px;
}
#site section#checkout .centrador #review dialog#summary .cargos {
  position: relative;
}
#site section#checkout .centrador #review dialog#summary .cargos .cargo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 16px;
}
#site section#checkout .centrador #review dialog#summary .cargos .cargo:last-of-type {
  margin-bottom: 0px;
}
#site section#checkout .centrador #review dialog#summary .cargos .cargo span,
#site section#checkout .centrador #review dialog#summary .cargos .cargo b {
  display: block;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#site section#checkout .centrador #review dialog#summary #total {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
#site section#checkout .centrador #review dialog#summary .checkbox {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 25px;
}
#site section#checkout .centrador #review dialog#summary .checkbox .check {
  position: relative;
  width: 17px;
  min-width: 17px;
  height: 17px;
  border: 2px solid #1763FA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
#site section#checkout .centrador #review dialog#summary .checkbox .check input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  z-index: 20;
}
#site section#checkout .centrador #review dialog#summary .checkbox .check input[type="checkbox"]:checked + img {
  opacity: 1;
}
#site section#checkout .centrador #review dialog#summary .checkbox .check img {
  opacity: 0;
  pointer-events: none;
  width: 12px;
}
#site section#checkout .centrador #review dialog#summary .checkbox span {
  display: block;
  color: #6E7070;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  margin-top: 2px;
}
#site section#checkout .centrador #review dialog#summary .checkbox span u {
  color: #1763FA;
}
#site section#checkout .centrador #review dialog#summary .buttons {
  position: relative;
  margin-top: 24px;
}
#site section#checkout .centrador #review dialog#summary .buttons button {
  width: 100%;
}
#site section#checkout .centrador #review dialog#summary .buttons button.border {
  margin-top: 16px;
}
#site section#payment {
  padding-top: 140px;
  padding-bottom: 100px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100vh;
  background: #F2F2F5;
}
#site section#payment .centrador #paywall {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
}
#site section#payment .centrador #paywall dialog#summary {
  width: 600px;
  max-width: 600px;
  padding: 0px;
  background: none;
}
#site section#payment .centrador #paywall dialog#summary hr {
  border: none;
  border-top: 1px solid #C9C8CB;
  margin: 24px 0px;
}
#site section#payment .centrador #paywall dialog#summary .cargos {
  position: relative;
}
#site section#payment .centrador #paywall dialog#summary .cargos .cargo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 16px;
}
#site section#payment .centrador #paywall dialog#summary .cargos .cargo:last-of-type {
  margin-bottom: 0px;
}
#site section#payment .centrador #paywall dialog#summary .cargos .cargo span,
#site section#payment .centrador #paywall dialog#summary .cargos .cargo b {
  display: block;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#site section#payment .centrador #paywall dialog#summary #total {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
#site section#payment .centrador #paywall dialog#pay {
  width: 515px;
  min-width: 515px;
  padding: 48px;
}
#site section#payment .centrador #paywall dialog#pay #card {
  position: relative;
}
#site section#payment .centrador #paywall dialog#pay #card #banks {
  position: absolute;
  bottom: 18px;
  right: 16px;
  pointer-events: none;
}
#site section#payment .centrador #paywall dialog#pay #card .form_input {
  margin-bottom: 16px;
}
#site section#payment .centrador #paywall dialog#pay #card .form_input label {
  margin-bottom: 8px;
  color: #6E7070;
}
#site section#payment .centrador #paywall dialog#pay #card .triple .form_input:last-of-type {
  width: 100px;
  min-width: 100px;
}
#site section#payment .centrador #paywall dialog#pay #card .error {
  position: relative;
}
#site section#payment .centrador #paywall dialog#pay #card .error span {
  display: block;
  color: #EF233C;
  font-size: 13px;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}
#site section#payment .centrador #paywall dialog#pay .buttons {
  position: relative;
  margin-top: 24px;
}
#site section#payment .centrador #paywall dialog#pay .buttons button {
  width: 100%;
}
#site section#payment .centrador #paywall dialog#pay .buttons button.border {
  margin-top: 16px;
}
#site section.busqueda {
  padding-top: 120px;
  padding-bottom: 120px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100vh;
}
#site section.busqueda .color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1763FA;
}
#site section.busqueda .centrador .centro {
  margin: 0px auto;
  max-width: 680px;
}
#site section.busqueda .centrador .centro h3 {
  color: #ffffff;
  text-align: center;
  max-width: 620px;
  margin: 0px auto;
}
#site section.busqueda .centrador .centro p {
  margin-top: 26px;
  color: #ffffff;
  text-align: center;
}
#site section.busqueda .centrador .centro .search {
  margin-top: 48px;
}
#site section.busqueda .centrador .centro button {
  margin: 24px auto 0px;
}
#site section#resultados {
  padding-top: 120px;
  padding-bottom: 80px;
}
#site section#resultados .centrador #head {
  position: relative;
}
#site section#resultados .centrador #head h6 {
  color: #050508;
}
#site section#resultados .centrador #head span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #6E7070;
  font-size: 16px;
  margin-top: 8px;
}
#site section#resultados .centrador #content {
  position: relative;
  margin-top: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 140px;
  justify-content: space-between;
}
#site section#resultados .centrador #content #main {
  position: relative;
  width: 100%;
}
#site section#resultados .centrador #content #main #results {
  position: relative;
}
#site section#resultados .centrador #content #main #results .t_heads {
  padding-bottom: 13px;
  border-bottom: 1px solid #C9C8CB;
  gap: 24px;
}
#site section#resultados .centrador #content #main #results .t_heads .t_head {
  width: 25%;
}
#site section#resultados .centrador #content #main #results .t_heads .t_head b {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #050508;
  font-size: 14px;
}
#site section#resultados .centrador #content #main #results #marcas {
  position: relative;
  margin-top: 24px;
}
#site section#resultados .centrador #content #main #results #marcas .marca {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 24px;
  border-bottom: 1px solid #C9C8CB;
  margin-bottom: 24px;
  gap: 24px;
  align-items: flex-start;
}
#site section#resultados .centrador #content #main #results #marcas .marca .logo {
  position: relative;
  width: 180px;
  min-width: 180px;
  height: 180px;
  border: 1px solid #C9C8CB;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
#site section#resultados .centrador #content #main #results #marcas .marca .logo img {
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}
#site section#resultados .centrador #content #main #results #marcas .marca > .foto.mobile {
  display: none;
}
#site section#resultados .centrador #content #main #results #marcas .marca .columns {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: flex-start;
}
#site section#resultados .centrador #content #main #results #marcas .marca .columns .info {
  position: relative;
  width: 25%;
}
#site section#resultados .centrador #content #main #results #marcas .marca .columns .info.mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  display: none;
}
#site section#resultados .centrador #content #main #results #marcas .marca .columns .info.mobile .data {
  width: 50%;
}
#site section#resultados .centrador #content #main #results #marcas .marca .columns .info.desktop {
  display: block;
}
#site section#resultados .centrador #content #main #results #marcas .marca .columns .info .data {
  position: relative;
  margin-bottom: 24px;
}
#site section#resultados .centrador #content #main #results #marcas .marca .columns .info .data.desktop {
  display: block;
}
#site section#resultados .centrador #content #main #results #marcas .marca .columns .info .data b {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  font-size: 20px;
}
#site section#resultados .centrador #content #main #results #marcas .marca .columns .info .data span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #6E7070;
  font-size: 20px;
}
#site section#resultados .centrador #content #aside {
  position: relative;
  width: 200px;
  min-width: 200px;
}
#site section#resultados .centrador #content #aside #filtros {
  position: relative;
}
#site section#resultados .centrador #content #aside #filtros .head {
  position: relative;
  padding-bottom: 13px;
  border-bottom: 1px solid #C9C8CB;
  margin-bottom: 24px;
}
#site section#resultados .centrador #content #aside #filtros .head b {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #050508;
  font-size: 14px;
  display: block;
}
#site section#resultados .centrador #content #aside #filtros .filtro {
  position: relative;
  margin-bottom: 32px;
}
#site section#resultados .centrador #content #aside #filtros .filtro b {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  color: #050508;
  font-size: 16px;
  display: block;
}
#site section#resultados .centrador #content #aside #filtros .filtro .options {
  position: relative;
  margin-top: 12px;
}
#site section#resultados .centrador #content #aside #filtros .filtro .options .option {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  opacity: 0.5;
  pointer-events: none;
}
#site section#resultados .centrador #content #aside #filtros .filtro .options .option .check {
  width: 17px;
  height: 17px;
  border: 2px solid #1763FA;
}
#site section#resultados .centrador #content #aside #filtros .filtro .options .option .check img {
  opacity: 0;
  pointer-events: none;
}
#site section#resultados .centrador #content #aside #filtros .filtro .options .option span {
  display: block;
  color: #050508;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
#site section#resultados .centrador #content #aside #filtros .filtro .options .option.active .check img {
  opacity: 1;
}
#site section#resultados .centrador #content #aside #buttons {
  position: relative;
  margin-top: 31px;
}
#site section#nota {
  background: #F3F7FF;
  padding: 70px 0px 30px;
}
#site section#nota .centrador #disclaimer {
  position: relative;
  max-width: 900px;
}
#site section#nota .centrador #disclaimer b {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  color: #050508;
}
#site section#nota .centrador #disclaimer p {
  margin-top: 6px;
  color: #6E7070;
  font-size: 13px;
  line-height: 1.4;
}
#app {
  position: relative;
  overflow: hidden;
}
#app section#admin_dashboard {
  padding-top: 100px;
  padding-bottom: 60px;
  background: #F2F2F5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100vh;
}
#app section#admin_dashboard .centrador {
  z-index: auto;
}
#app section#admin_dashboard .centrador #welcome {
  z-index: 200;
}
#app section#admin_dashboard .centrador .row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
#app section#admin_dashboard .centrador .row .side {
  position: relative;
  width: 100%;
}
#app section#admin_dashboard .centrador .row .side:nth-child(2) {
  width: 350px;
  min-width: 350px;
}
#app section#admin_dashboard .centrador dialog#dlg_all_solicitudes {
  width: 100%;
}
#app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .body {
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
#app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .body > .count {
  width: 280px;
  min-width: 280px;
}
#app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .body .counts {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
#app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .body .counts .count {
  width: calc(50% - 8px);
  width: -webkit-calc(50% - 8px);
}
#app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .body .counts .count.blue {
  width: 100%;
}
#app section#admin_dashboard .centrador dialog#dlg_equipo {
  width: 100%;
}
#app section#admin_dashboard .centrador dialog#dlg_equipo .body {
  margin-top: 16px;
}
#app section#admin_dashboard .centrador dialog#dlg_equipo .body .team {
  position: relative;
  background: #F3F7FF;
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  gap: 38px;
}
#app section#admin_dashboard .centrador dialog#dlg_equipo .body .team .avatars {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#app section#admin_dashboard .centrador dialog#dlg_equipo .body .team .avatars .avatar {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border: 2px solid #F3F7FF;
  margin-right: -16px;
  overflow: hidden;
}
#app section#admin_dashboard .centrador dialog#dlg_equipo .body .team .text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#app section#admin_dashboard .centrador dialog#dlg_equipo .body .team .text span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #050508;
}
#app section#admin_dashboard .centrador dialog#dlg_equipo .body .team .text strong {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: 39px;
  color: #050508;
  line-height: 1;
}
#app section#admin_dashboard .centrador dialog#dlg_equipo .body button {
  width: 100%;
  margin-top: 16px;
}
#app section#admin_dashboard .centrador dialog#dlg_my_solicitudes {
  width: 100%;
  margin-top: 16px;
}
#app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
#app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .table {
  width: 100%;
}
#app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side {
  position: relative;
  width: 320px;
  min-width: 320px;
}
#app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side > .count {
  width: 100%;
}
#app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side .counts {
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
}
#app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side .counts .count {
  width: calc(50% - 8px);
  width: -webkit-calc(50% - 8px);
}
#app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side .counts .count.blue {
  width: 100%;
}
#app #dlg_add_member #add_member {
  width: 100%;
  max-width: 540px;
  padding: 48px;
}
#app #dlg_add_member #add_member .load_avatar {
  position: relative;
}
#app #dlg_add_member #add_member .load_avatar input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 40;
  opacity: 0;
  cursor: pointer;
}
#app #dlg_add_member #add_member .load_avatar .avatar {
  position: relative;
  margin: 0px auto;
  width: 120px;
  height: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #C8D9FA;
  border: 1px solid #C9C8CB;
  overflow: hidden;
}
#app #dlg_add_member #add_member .load_avatar .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 8px;
}
#app #dlg_add_member #add_member .load_avatar .link u {
  cursor: pointer;
  display: block;
  color: #1763FA;
  font-size: 14px;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}
#app #dlg_add_member #add_member .form {
  margin-top: 32px;
}
#app #dlg_add_member #add_member .form .form_input {
  margin-bottom: 16px;
}
#app #dlg_add_member #add_member .form .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
  gap: 16px;
}
#app section#admin_team {
  padding-top: 100px;
  padding-bottom: 60px;
  background: #F2F2F5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100vh;
}
#app section#admin_team .centrador {
  z-index: auto;
}
#app section#admin_team dialog#dlg_all_members {
  width: 100%;
}
#app section#admin_team dialog#dlg_all_members .body {
  margin-top: 16px;
}
#app section#admin_team dialog#dlg_all_members .body .table {
  width: 100%;
}
#app section#my_applications {
  padding-top: 100px;
  padding-bottom: 60px;
  background: #F2F2F5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100vh;
}
#app section#my_applications .centrador {
  z-index: auto;
}
#app section#my_applications .centrador dialog#dlg_all_solicitudes {
  width: 100%;
}
#app section#my_applications .centrador dialog#dlg_all_solicitudes .body {
  margin-top: 16px;
}
#app section#my_applications .centrador dialog#dlg_all_solicitudes .body .counts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  overflow-x: scroll;
  padding: 8px;
}
#app section#my_applications .centrador dialog#dlg_all_solicitudes .body .table {
  margin-top: 32px;
}
#app #dlg_asign_member dialog#asign_member {
  max-width: 720px;
  padding: 48px;
}
#app #dlg_asign_member dialog#asign_member .form {
  margin-top: 32px;
}
#app #dlg_asign_member dialog#asign_member .form .form_input {
  margin-bottom: 0px;
}
#app #dlg_asign_member dialog#asign_member .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
  gap: 16px;
}
#app #dlg_add_serial dialog#add_serial {
  max-width: 470px;
  padding: 48px;
}
#app #dlg_add_serial dialog#add_serial .form {
  margin-top: 32px;
}
#app #dlg_add_serial dialog#add_serial .form .form_input {
  margin-bottom: 0px;
}
#app #dlg_add_serial dialog#add_serial .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
  gap: 16px;
}
#app #dlg_add_note dialog#add_note {
  max-width: 470px;
  padding: 48px;
}
#app #dlg_add_note dialog#add_note .form {
  margin-top: 32px;
}
#app #dlg_add_note dialog#add_note .form .form_input {
  margin-bottom: 0px;
}
#app #dlg_add_note dialog#add_note .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
  gap: 16px;
}
#app #dlg_change_status dialog#change_status {
  max-width: 470px;
  padding: 48px;
}
#app #dlg_change_status dialog#change_status .form {
  margin-top: 32px;
}
#app #dlg_change_status dialog#change_status .form .form_input {
  margin-bottom: 0px;
}
#app #dlg_change_status dialog#change_status .buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
  gap: 16px;
}
#app #application_view #estatus_registro {
  padding-top: 0px;
}
#app section#switch_modes {
  padding: 100px 0px 24px;
  background: #F2F2F5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#app section#switch_modes .centrador {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
#app section#switch_modes .centrador .tabs {
  position: relative;
  padding: 4px;
  gap: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  border: 1px solid #C9C8CB;
  border-radius: 20px;
}
#app section#switch_modes .centrador .tabs .tab {
  position: relative;
  height: 32px;
  padding: 0px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  cursor: pointer;
}
#app section#switch_modes .centrador .tabs .tab span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #1763FA;
}
#app section#switch_modes .centrador .tabs .tab.active {
  background: #1763FA;
  cursor: default;
}
#app section#switch_modes .centrador .tabs .tab.active span {
  color: white;
}
#app section#switch_modes .centrador .tabs .tab.off {
  cursor: default;
}
#app section#switch_modes .centrador .tabs .tab.off span {
  color: #C9C8CB;
}
#app section#preview_solicitud {
  padding-bottom: 60px;
  background: #F2F2F5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  min-height: 100vh;
}
#app section#preview_solicitud .centrador {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 100px;
}
#app section#preview_solicitud .centrador aside {
  position: relative;
  width: 320px;
  min-width: 320px;
}
#app section#preview_solicitud .centrador aside #marca {
  position: relative;
}
#app section#preview_solicitud .centrador aside #marca h4 {
  color: #050508;
}
#app section#preview_solicitud .centrador aside #marca h5 {
  color: #6E7070;
  margin-top: 8px;
}
#app section#preview_solicitud .centrador aside #marca h5 b {
  color: #1763FA;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
}
#app section#preview_solicitud .centrador aside #attorney {
  position: relative;
}
#app section#preview_solicitud .centrador aside #attorney button {
  margin-top: 16px;
}
#app section#preview_solicitud .centrador aside #attorney > span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #6E7070;
  cursor: pointer;
  margin-top: 8px;
}
#app section#preview_solicitud .centrador aside #attorney > span b {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #1763FA;
}
#app section#preview_solicitud .centrador aside #contact {
  position: relative;
  margin-top: 60px;
}
#app section#preview_solicitud .centrador aside #contact .info {
  position: relative;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
#app section#preview_solicitud .centrador aside #contact .info span {
  display: block;
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #050508;
  font-size: 20px;
}
#app section#preview_solicitud .centrador aside #contact br:last-of-type {
  display: none;
}
#app section#preview_solicitud .centrador aside #serial {
  position: relative;
  margin-top: 16px;
}
#app section#preview_solicitud .centrador aside #status {
  margin-top: 48px;
}
#app section#preview_solicitud .centrador aside #status h6 {
  color: #6E7070;
  margin-top: 8px;
}
#app section#preview_solicitud .centrador aside #status button {
  margin-top: 16px;
}
/* =Items
-----------------------------------------------------------------------------*/
/* =Responsive
-----------------------------------------------------------------------------*/
/*
	MEDIA SCREEN
*/
/* = FULLHD
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 1824px) {
  #site section#cover {
    max-height: none;
  }
}
/* = LANDSCAPE
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 1224px) {
  header .header .centrador {
    flex-wrap: wrap;
  }
  header .header .centrador .menu#menu_register {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    order: 3;
    margin-top: 20px;
  }
  header .header .centrador #busqueda {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    order: 3;
    margin-top: 20px;
  }
  header .header .centrador #busqueda .search {
    width: 100%;
  }
  header .header .centrador #busqueda button {
    display: none;
  }
  .stage {
    gap: 60px;
  }
  .stage .image .circle {
    width: 420px;
    min-width: 420px;
  }
  #welcome {
    padding: 0px;
  }
  section.focus_screen .centrador .circle {
    width: 500px;
    height: 500px;
  }
  section#estatus_registro .centrador dialog#marca .content .details {
    gap: 24px;
  }
  section#estatus_registro .centrador .row .side:first-of-type {
    width: 320px;
    min-width: 320px;
  }
  section#estatus_registro .centrador dialog#legal #historial .t_heads .t_head:nth-child(1) {
    width: 30%;
  }
  section#estatus_registro .centrador dialog#legal #historial .t_heads .t_head:nth-child(2) {
    width: 40%;
  }
  section#estatus_registro .centrador dialog#legal #historial .t_heads .t_head:nth-child(3) {
    width: 30%;
  }
  section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info:nth-child(1) {
    width: 30%;
  }
  section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info:nth-child(2) {
    width: 40%;
  }
  section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info:nth-child(3) {
    width: 30%;
  }
  section.focus_screen#acceso #login {
    max-width: 320px;
  }
  section.focus_screen#register_done .centrador .circle {
    min-width: 640px;
    height: 640px;
  }
  #site section#cover .image {
    right: -100px;
  }
  #site section#cover .centrador .text {
    width: 500px;
  }
  #site section#ourfee .centrador .color {
    padding: 80px 100px;
  }
  #site section#ourfee .centrador .color {
    display: block;
  }
  #site section#ourfee .centrador .color .circle {
    margin: 60px auto 0px;
  }
  #site section#ourfee .centrador .color .circle .center button {
    display: none;
  }
  #site section#ourfee .centrador .color .circle {
    width: 420px;
    min-width: 0px;
    height: 420px;
  }
  #site section#ourfee .centrador .color .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #site section#why .centrador {
    display: block;
  }
  #site section#why .centrador .eu {
    display: none;
  }
  #site section#why .centrador #features {
    margin: 60px auto 0px;
  }
  #site section#simple .centrador .color {
    padding: 100px 50px;
  }
  #site section#simple .centrador .color > .eu {
    display: none;
  }
  #site section#simple .centrador .color .text .eu {
    display: block;
  }
  #site section#how .centrador .color .content {
    display: block;
  }
  #site section#how .centrador .color .content {
    margin-top: 60px;
  }
  #site section#how .centrador .color .content .image {
    margin: 60px auto 0px;
    max-width: 580px;
    width: 100%;
  }
  #site section#secure .centrador .color .image {
    width: 380px;
    min-width: 380px;
  }
  #site section#registro {
    padding-top: 180px;
  }
  #site section#resume {
    padding-top: 180px;
  }
  #site section#checkout {
    padding-top: 180px;
  }
  #site section#payment {
    padding-top: 180px;
  }
  #site section#payment .centrador #paywall dialog#summary {
    width: 100%;
    max-width: none;
    padding: 24px;
  }
  #site section#resultados .centrador #content #main #results .t_heads {
    display: none;
  }
  #site section#resultados .centrador #content #main #results #marcas {
    padding-top: 24px;
    border-top: 1px solid #C9C8CB;
    margin-top: 0px;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca > .foto.mobile {
    display: block;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns {
    display: block;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns .foto {
    display: none;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns .info {
    width: 100% !important;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns .info.desktop {
    display: none;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns .info.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns .info .data.desktop {
    display: none;
  }
  #app .centrador {
    padding: 0px 30px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .body {
    flex-wrap: wrap;
  }
  #app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .body > .count {
    width: 100%;
    min-width: 0px;
    min-height: 180px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .body .counts {
    width: 100%;
  }
  #app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body {
    flex-wrap: wrap-reverse;
  }
  #app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side {
    width: 100%;
    min-width: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side .counts {
    margin-top: 0px;
  }
  #app section#preview_solicitud .centrador {
    display: block;
  }
  #app section#preview_solicitud .centrador #preview {
    margin-top: 60px;
  }
}
/* = PORTRAIT
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 820px) {
  #site section#cover {
    max-height: none;
  }
  #tips {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .alt .hover .tip {
    display: none !important;
  }
  header .header .centrador #btnMenu {
    display: block;
  }
  header .header .centrador #menu_site menu.desktop {
    display: none;
  }
  header .header .centrador #links {
    display: none;
  }
  header .header .centrador #user {
    gap: 8px;
  }
  header .header .centrador #user .avatar,
  header .header .centrador #user .control {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }
  header .header .centrador #controls .control {
    border: none;
    justify-content: flex-end;
  }
  header .header .centrador #buttons {
    display: none;
  }
  header .header#header_app .centrador {
    flex-wrap: wrap;
  }
  header .header#header_app .centrador .menu {
    width: 100%;
    order: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 16px;
  }
  section#cta_contacto .centrador .circle.focus {
    box-shadow: inset 0px 0px 20px 10px rgba(255, 255, 255, 0.545);
  }
  footer .centrador #footer {
    display: block;
    padding-top: 40px;
  }
  footer .centrador #footer .text {
    display: block;
  }
  footer .centrador #footer .text h4 {
    margin-top: 16px;
    max-width: 400px;
  }
  footer .centrador #footer .buttons {
    margin-top: 16px;
  }
  footer .centrador #foot {
    flex-wrap: wrap-reverse;
    padding-bottom: 40px;
  }
  footer .centrador #foot #copy {
    margin-top: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  footer .centrador #foot #copy img {
    display: none;
  }
  footer .centrador #foot #copy > span {
    order: 3;
    width: 100%;
    font-size: 10px;
  }
  .actions .action .ico {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }
  .actions .action .ico img {
    max-width: 18px;
  }
  .t_heads {
    display: none;
  }
  .table .records {
    display: none;
  }
  .table .m_records {
    display: block;
  }
  .mobile_actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .actions .action.top .subs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 200;
  }
  .actions .action.top .subs .close {
    opacity: 0.4;
  }
  .actions .action.top .subs .links {
    position: relative;
    background: #ffffff;
    width: 90%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 8px 16px 24px;
    border-radius: 16px 16px 0px 0px;
  }
  .actions .action.top .subs .links .link {
    padding: 8px 10px;
    border-bottom: 1px solid #C9C8CB;
  }
  .actions .action.top .subs .links .link:last-of-type {
    border-bottom: none;
  }
  #welcome #user {
    flex-direction: column;
  }
  #welcome #user #info {
    padding-bottom: 0px;
  }
  #welcome #user #info #contact {
    margin-top: 8px;
  }
  section#estatus_registro {
    padding-top: 148px;
  }
  section#estatus_registro .centrador dialog#marca {
    flex-wrap: wrap-reverse;
    gap: 32px;
  }
  section#estatus_registro .centrador dialog#marca .content {
    width: 100%;
  }
  section#estatus_registro .centrador dialog#marca .content .details .detail {
    width: 33%;
  }
  section#estatus_registro .centrador .row {
    flex-wrap: wrap;
    gap: 0px;
  }
  section#estatus_registro .centrador .row .side:first-of-type {
    width: 100%;
    min-width: 0px;
  }
  section#estatus_registro .centrador dialog#estado .body {
    margin-top: 32px;
  }
  #site section#cover .image img.desktop {
    display: none;
  }
  #site section#cover .image img.mobile {
    display: block;
    height: auto;
    width: 100%;
  }
  #site section#cover .image {
    right: 0px;
  }
  #site section#cover .centrador {
    align-items: flex-start;
  }
  #site section#cover {
    padding-top: 120px;
    height: 120vh;
  }
  #site section#about .centrador #stages .stage {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }
  #site section#ourfee .centrador .color {
    padding: 80px 50px;
  }
  #site section#benefits .centrador nav {
    margin-top: 24px;
  }
  #site section#benefits .centrador .carousel .carousel__pagination {
    bottom: -56px;
  }
  #site section#benefits .centrador .carousel .page .alt.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #site section#benefits .centrador .carousel .page h4.desktop {
    display: none;
  }
  #site section#benefits .centrador > small {
    display: none;
  }
  #site section#process .centrador #stages .stage {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }
  #site section#process .centrador #stages .stage .text {
    max-width: 500px;
  }
  #site section#how .centrador .color {
    padding: 80px 50px;
  }
  #site section#secure .centrador .color {
    flex-wrap: wrap;
    justify-content: center;
    padding: 60px 50px;
  }
  #site section#registro .centrador #register_process {
    max-width: none;
  }
  #site section#resume .centrador #register_process {
    max-width: none;
  }
  #site section#checkout .centrador #review {
    flex-wrap: wrap;
  }
  #site section#checkout .centrador #review dialog#summary {
    min-width: 0px;
    width: 100%;
  }
  #site section#payment .centrador #paywall {
    flex-wrap: wrap;
  }
  #site section#payment .centrador #paywall dialog#summary {
    padding: 0px;
  }
  #site section#resultados .centrador #content #aside {
    display: none;
  }
  #site section#contacto .centrador .circle.focus {
    box-shadow: inset 0px 0px 20px 10px rgba(255, 255, 255, 0.545);
  }
  #site section#contacto .centrador .circle {
    width: 110%;
  }
  #site section#contacto .centrador .center {
    padding-top: 0px;
  }
  #app section#admin_dashboard {
    padding-top: 148px;
  }
  #app section#admin_dashboard .centrador .row {
    flex-wrap: wrap;
  }
  #app section#admin_dashboard .centrador .row .side:nth-child(2) {
    width: 100%;
    min-width: 0px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .head .actions {
    display: none;
  }
  #app section#my_applications .centrador dialog#dlg_all_solicitudes .body .table {
    margin-top: 16px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_equipo .head .actions {
    display: none;
  }
  #app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .head .actions {
    display: none;
  }
  #app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side {
    flex-wrap: wrap;
  }
  #app section#admin_team dialog#dlg_all_members > .head {
    flex-wrap: wrap;
  }
  #app section#admin_team dialog#dlg_all_members > .head .actions {
    width: 100%;
    margin-top: 16px;
  }
  #app section#admin_team dialog#dlg_all_members > .head .actions .search {
    width: 100%;
  }
  #app section#my_applications {
    padding-top: 148px;
  }
  #app section#my_applications dialog#dlg_all_solicitudes > .head {
    flex-wrap: wrap;
  }
  #app section#my_applications dialog#dlg_all_solicitudes > .head .actions {
    width: 100%;
    margin-top: 16px;
  }
  #app section#my_applications dialog#dlg_all_solicitudes > .head .actions .search {
    width: 100%;
  }
  #app #dlg_asign_member dialog#asign_member {
    padding: 24px;
    max-width: 520px;
  }
  #app #dlg_add_serial dialog#add_serial {
    padding: 24px;
  }
  #app #dlg_add_note dialog#add_note {
    padding: 24px;
  }
  #app #dlg_change_status dialog#change_status {
    padding: 24px;
  }
  #app section#admin_team {
    padding-top: 148px;
  }
  #app section#switch_modes {
    padding-top: 148px;
  }
}
/* = MOBILE
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 430px) {
  .centrador,
  #app .centrador {
    padding: 0px 20px;
  }
  header .header .centrador #logo .trademarcas svg,
  header .header#header_app #logo .trademarcas svg {
    width: 120px;
  }
  header .header .centrador #logo .trademarcas svg {
    width: 160px;
  }
  header .header#header_app #logo .trademarcas svg {
    width: 160px;
  }
  header .header .centrador #btnMenu .ico {
    width: 24px;
    height: 24px;
    border: none;
  }
  header .header .centrador #btnMenu .ico svg {
    width: 18px;
  }
  header .header .centrador #menu_site {
    height: auto;
  }
  header .header .centrador #menu_site menu.mobile {
    padding: 80px 20px 40px;
  }
  header .header .centrador #menu_register menu .link {
    width: auto;
  }
  header .header .centrador #menu_register menu .link span.mobile {
    display: block;
  }
  header .header .centrador #menu_register menu .link span.desktop {
    display: none;
  }
  header .header .centrador #menu_register menu .link.done span {
    display: none;
  }
  header .header .centrador #menu_register menu .link.active span.desktop {
    display: block;
  }
  header .header .centrador #menu_register menu .link.active span.mobile {
    display: none;
  }
  header .header .centrador #controls {
    min-width: 0px;
  }
  header .header#header_app .centrador .menu {
    justify-content: flex-start;
  }
  header .header .centrador #menu_app menu {
    gap: 8px;
  }
  header .header .centrador #menu_app menu .link span {
    font-size: 14px;
  }
  header .header .centrador #menu_app menu .link {
    padding: 0px 12px;
  }
  footer .centrador #footer .buttons button {
    height: 45px;
  }
  footer .centrador #footer .text h4 {
    font-size: 26px;
  }
  section#cta_contacto {
    padding: 160px 0px;
  }
  section#cta_contacto .centrador .center h2 {
    font-size: 37px;
  }
  section#cta_contacto .centrador .center h4 {
    font-size: 20px;
  }
  section#cta_contacto .centrador .center button {
    height: 45px;
  }
  section#cta_contacto .centrador .circle {
    width: 115%;
  }
  h1 {
    font-size: 31px;
  }
  h2 {
    font-size: 31px;
  }
  h3 {
    font-size: 31px;
  }
  h5 {
    font-size: 22px;
  }
  h6 {
    font-size: 18px;
  }
  p {
    font-size: 15px;
  }
  .stage {
    gap: 32px;
  }
  .stage .image {
    width: 100%;
  }
  #form .form_input .tip small,
  .form .form_input .tip small {
    font-size: 12px;
  }
  #form .form_input .tip,
  .form .form_input .tip {
    margin-top: 8px;
  }
  #form .form_input .input input,
  .form .form_input .input input,
  #form .form_input .input textarea,
  .form .form_input .input textarea {
    font-size: 15px;
    height: 45px;
  }
  #form .form_input .input .calendar,
  .form .form_input .input .calendar {
    height: 30px;
    width: 30px;
  }
  #form .form_input .input textarea,
  .form .form_input .input textarea {
    height: auto;
    padding: 16px;
  }
  #form .form_input .input .checkbox,
  .form .form_input .input .checkbox {
    height: 45px;
    padding: 0px 16px;
    gap: 8px;
  }
  #form .form_input .input .checkbox span,
  .form .form_input .input .checkbox span {
    font-size: 15px;
  }
  .search .input input {
    font-size: 15px;
  }
  .stage .image .circle {
    width: 100%;
    min-width: 0px;
  }
  .stage .text .search {
    margin-bottom: 0px;
  }
  .stage .text button.desktop {
    display: none;
  }
  .actions .action .ico {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
  #welcome {
    padding: 0px;
    margin-bottom: 24px;
  }
  dialog {
    padding: 16px;
  }
  .count .ico {
    display: none;
  }
  .count.max {
    padding: 16px;
  }
  .count.max .info {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
  .count.max .info .tag {
    min-width: max-content;
  }
  .count.max .info .tag small {
    font-size: 12px;
  }
  .count.max .info .text {
    width: 100%;
  }
  .count.max .info .text span {
    font-size: 15px;
  }
  .count.max .info .text strong {
    font-size: 45px;
  }
  .count.max .info .text strong.sm {
    font-size: 45px;
  }
  .count.regular .info .text {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
  }
  .count.regular .info .text span {
    font-size: 15px;
  }
  .count.regular .info .text strong {
    font-size: 30px;
  }
  .count.small {
    padding: 16px;
  }
  .count.small .info .text {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
  }
  .count.small .info .text span {
    font-size: 15px;
  }
  .count.small .info .text strong {
    font-size: 30px;
  }
  .counts.mins {
    flex-wrap: wrap;
    overflow: hidden;
    gap: 8px;
    justify-content: space-between;
  }
  .count.min {
    width: calc(50% - 4px);
    width: -webkit-calc(50% - 4px);
    min-width: 0px;
    padding: 6px;
    border-radius: 12px;
  }
  .count.min .info .text {
    flex-direction: row-reverse;
    gap: 4px;
    align-items: center;
  }
  .count.min .info .text span {
    font-size: 12px;
  }
  .count.min .info .text strong {
    font-size: 18px;
  }
  .count.min.active:after {
    left: -3px;
    top: -3px;
    width: calc(100% + 6px);
    width: -webkit-calc(100% + 6px);
    height: calc(100% + 6px);
    height: -webkit-calc(100% + 6px);
    border-radius: 16px;
  }
  .count.min.blue {
    width: 100%;
  }
  .table .records .record {
    flex-wrap: wrap;
    padding: 16px;
    gap: 8px;
  }
  .table .records .record .tags,
  .table .records .record .text.member,
  .table .records .record .actions {
    padding: 0px;
  }
  .table .records .record .text {
    padding: 0px;
  }
  .search .input {
    height: 45px;
  }
  .over {
    padding: 0px 20px;
  }
  #form .form_inputs,
  .form .form_inputs {
    display: block;
  }
  #form .form_inputs .form_input,
  .form .form_inputs .form_input {
    width: 100%;
  }
  dialog.minimizable > .head .actions .action img {
    max-width: 18px;
  }
  section.focus_screen .centrador .circle {
    width: 320px;
    height: 320px;
    min-width: 320px;
  }
  section.focus_screen#register_done .centrador .circle {
    min-width: 540px;
    height: 540px;
  }
  section.focus_screen#register_done #thankyou {
    max-width: 360px;
  }
  section.focus_screen#register_done #thankyou h1 {
    font-size: 45px;
  }
  section.focus_screen#register_done #thankyou > span {
    font-size: 15px;
    margin-top: 16px;
  }
  section.focus_screen#register_done #thankyou button {
    margin-top: 16px;
  }
  section#estatus_registro {
    padding: 124px 0px 48px;
  }
  section#estatus_registro .centrador dialog#marca .content h2 {
    font-size: 26px;
  }
  section#estatus_registro .centrador dialog#marca .content h4 {
    font-size: 22px;
    margin-top: 16px;
  }
  section#estatus_registro .centrador dialog#marca .content label {
    font-size: 12px;
  }
  section#estatus_registro .centrador dialog#marca .content .details {
    margin-top: 32px;
    flex-direction: column;
    gap: 16px;
  }
  section#estatus_registro .centrador dialog#marca .content .details .detail {
    width: 100%;
  }
  section#estatus_registro .centrador dialog#marca .content .details .detail .info label {
    font-size: 12px;
  }
  section#estatus_registro .centrador dialog#marca .content .details .detail .info span {
    font-size: 15px;
  }
  section#estatus_registro .centrador .row {
    gap: 0px;
    margin-top: 16px;
  }
  section#estatus_registro .centrador .row .side dialog {
    margin-bottom: 16px;
  }
  section#estatus_registro .centrador dialog#estado .head h4 {
    font-size: 22px;
  }
  section#estatus_registro .centrador dialog#estado .body {
    margin-top: 32px;
  }
  section#estatus_registro .centrador dialog#notas .head h4 {
    font-size: 22px;
  }
  section#estatus_registro .centrador dialog#notas .body .notes .note span {
    font-size: 12px;
  }
  section#estatus_registro .centrador dialog#notas .body .notes .note p {
    font-size: 15px;
  }
  section#estatus_registro .centrador dialog#clases .head h4 {
    font-size: 22px;
  }
  section#estatus_registro .centrador dialog#clases .clases {
    margin-top: 32px;
  }
  section#estatus_registro .centrador dialog#clases .clases .clase b,
  #site section#estatus_registro .centrador dialog#clases .clases .clase span,
  #site section#estatus_registro .centrador dialog#clases .clases .clase p {
    font-size: 15px;
  }
  section#estatus_registro .centrador dialog#legal .head h4 {
    font-size: 22px;
  }
  section#estatus_registro .centrador dialog#legal .head .actions .link u {
    display: none;
  }
  section#estatus_registro .centrador dialog#legal #historial {
    margin-top: 32px;
  }
  section#estatus_registro .centrador dialog#legal #historial .procedures .procedure {
    flex-direction: column;
    gap: 8px;
  }
  section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info {
    padding: 0px;
  }
  section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info span {
    font-size: 15px;
  }
  section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info:nth-child(1) {
    width: 100%;
  }
  section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info:nth-child(2) {
    width: 100%;
  }
  section#estatus_registro .centrador dialog#legal #historial .procedures .procedure .info:nth-child(3) {
    width: 100%;
  }
  section.focus_screen#acceso .centrador .circle {
    width: 100%;
    min-width: 0px;
    height: auto;
    border-radius: 0px;
  }
  section.focus_screen#acceso .centrador .circle {
    border: none;
    box-shadow: none;
  }
  section.focus_screen#acceso #login {
    max-width: none;
  }
  #site section#cover {
    padding-top: 94px;
    height: 105vh;
  }
  #site section#cover .centrador .text {
    width: 100%;
    max-width: 280px;
  }
  #site section#cover .centrador .text p {
    font-size: 15px;
  }
  #site section#about {
    padding: 64px 0px;
  }
  #site section#about .centrador #stages {
    margin-top: 64px;
  }
  #site section#about .centrador #stages .stage .text p {
    margin: 16px 0px 24px;
  }
  #site section#about .centrador #stages .stage {
    margin-bottom: 64px;
  }
  #site section#ourfee .centrador .color {
    padding: 40px 20px;
  }
  #site section#ourfee .centrador .color .text h2 {
    font-size: 37px;
  }
  #site section#ourfee .centrador .color .text p {
    font-size: 18px;
  }
  #site section#ourfee .centrador .color .text ul {
    margin-top: 48px;
  }
  #site section#ourfee .centrador .color .text ul li span {
    font-size: 15px;
  }
  #site section#ourfee .centrador .color .circle {
    margin-top: 48px;
    width: 300px;
    height: 300px;
    min-width: 300px;
  }
  #site section#ourfee .centrador .color .circle .center h2 {
    font-size: 25px;
  }
  #site section#ourfee .centrador .color .circle .center #price h1 {
    font-size: 64px;
  }
  #site section#ourfee .centrador .color .circle .center #price h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  #site section#ourfee .centrador .color .circle .center .alt > span {
    font-size: 14px;
  }
  #site section#why {
    padding: 64px 0px;
  }
  #site section#why .centrador .text {
    width: 100%;
  }
  #site section#why .centrador .text p {
    font-size: 18px;
    margin-top: 24px;
  }
  #site section#why .centrador #features {
    margin-top: 48px;
    display: block;
  }
  #site section#why .centrador #features .feature {
    width: 100%;
    margin-bottom: 36px;
  }
  #site section#why .centrador #features .feature:last-of-type {
    margin-bottom: 0px;
  }
  #site section#why .centrador #features .feature:nth-child(even) {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  #site section#why .centrador #features .feature span {
    font-size: 15px;
  }
  #site section#benefits {
    padding: 64px 0px;
  }
  #site section#benefits .centrador h3 {
    font-size: 37px;
  }
  #site section#benefits .centrador .carousel {
    margin-top: 40px;
  }
  #site section#benefits .centrador .carousel .page {
    padding: 24px;
    margin-right: 0px;
  }
  #site section#benefits .centrador .carousel .page p {
    margin-top: 24px;
  }
  #site section#simple {
    padding-top: 70px;
  }
  #site section#simple .centrador .color {
    padding: 48px 24px;
  }
  #site section#simple .centrador .color .text h3 {
    font-size: 26px;
  }
  #site section#simple .centrador .color .text .eu {
    width: 100%;
    margin-top: 32px;
  }
  #site section#simple .centrador .color .text p {
    font-size: 15px;
    margin: 31px auto 0px;
  }
  #site section#process {
    padding: 64px 0px;
  }
  #site section#process .centrador #stages .stage {
    margin-bottom: 64px;
  }
  #site section#how {
    padding-bottom: 64px;
  }
  #site section#how .centrador .color {
    padding: 48px 20px;
  }
  #site section#how .centrador .color .content {
    margin-top: 48px;
  }
  #site section#how .centrador .color .content #processes .process {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
  }
  #site section#how .centrador .color .content #processes .process .num {
    width: 64px;
    height: 64px;
    min-width: 0px;
  }
  #site section#how .centrador .color .content #processes .process .num b {
    font-size: 37px;
  }
  #site section#how .centrador .color .content #processes .process .text h4 {
    font-size: 26px;
  }
  #site section#how .centrador .color .content .image {
    margin-top: 64px;
    width: 100%;
    min-width: 0px;
  }
  #site section#ourprocess {
    padding: 48px 0px;
  }
  #site section#ourprocess .centrador .carousel {
    margin-top: 32px;
  }
  #site section#ourprocess .centrador .carousel .page span {
    font-size: 18px;
  }
  #site section#ourfee.simple {
    padding-top: 94px;
    padding-bottom: 64px;
  }
  #site section#ourfee.simple .centrador .color .text h2 {
    font-size: 39px;
    margin: 0px auto;
    max-width: 300px;
  }
  #site section#included {
    padding: 64px 0px;
  }
  #site section#included .centrador #includes {
    margin-top: 32px;
  }
  #site section#included .centrador #includes .include {
    margin-bottom: 16px;
    gap: 20px;
  }
  #site section#included .centrador #includes .include:last-of-type {
    margin-bottom: 0px;
  }
  #site section#included .centrador #includes .include span {
    font-size: 15px;
  }
  #site section#included .centrador #includes .include .check img {
    width: 20px;
  }
  #site section#secure {
    padding-bottom: 64px;
  }
  #site section#secure .centrador .color {
    padding: 48px 24px;
  }
  #site section#secure .centrador .color .image {
    width: 100%;
    min-width: 0px;
  }
  #site section#contacto {
    padding: 100px 0px;
  }
  #site section#contacto .centrador .center h1 {
    font-size: 37px;
  }
  #site section#contacto .centrador .center h4 {
    font-size: 22px;
  }
  #site section#contacto .centrador .center > h5 {
    font-size: 16px;
  }
  #site section#contacto .centrador .center .link {
    margin-top: 32px;
  }
  #site section#contacto .centrador .center .link h6 {
    font-size: 16px;
  }
  #site section#contacto .centrador .center .link h5 {
    font-size: 20px;
  }
  #site section#preguntas_frecuentes {
    padding: 80px 0px;
  }
  #site section#preguntas_frecuentes .centrador #faqs .faq {
    padding: 16px 24px;
    margin-bottom: 16px;
  }
  #site section#preguntas_frecuentes .centrador #faqs .faq .head h5 {
    font-size: 18px;
  }
  #site section#registro {
    padding-top: 160px;
    padding-bottom: 32px;
  }
  #site section#registro .centrador #register_process .process_step h6 {
    font-size: 15px;
    margin-bottom: 8px;
  }
  #site section#registro .centrador #register_process .process_step .form_input.main > label {
    font-size: 22px;
  }
  #site section#registro .centrador #register_process .process_step .form_input > label {
    font-size: 18px;
    margin-bottom: 16px;
  }
  #site section#registro .centrador #register_process .process_step .intro h4 {
    font-size: 22px;
  }
  #site section#registro .centrador #register_process #process_navigation {
    margin-top: 48px;
  }
  #site section#registro .centrador #register_process #process_navigation button.border {
    min-width: 140px;
  }
  #site section#resume {
    padding-top: 160px;
  }
  #site section#resume .centrador #register_process h6 {
    font-size: 15px;
    margin-bottom: 4px;
  }
  #site section#resume .centrador #register_process h4 {
    font-size: 22px;
  }
  #site section#resume .centrador #register_process #preview {
    margin-top: 24px;
  }
  #site section#resume .centrador #register_process .process_navigation {
    margin-top: 48px;
  }
  #site section#checkout {
    padding-top: 160px;
  }
  #site section#checkout .centrador h6 {
    margin-bottom: 4px;
    font-size: 15px;
  }
  #site section#checkout .centrador h4 {
    font-size: 22px;
  }
  #site section#checkout .centrador #review dialog#resumen {
    padding: 24px;
  }
  #site section#checkout .centrador #review dialog#resumen #concepto {
    flex-direction: column;
    gap: 16px;
  }
  #site section#checkout .centrador #review dialog#resumen #clases .clases .clase .price img {
    display: none;
  }
  #site section#checkout .centrador #review dialog#summary {
    padding: 24px;
  }
  #site section#checkout .centrador #review dialog#summary .buttons button.border {
    margin-top: 8px;
  }
  #site section#payment .centrador h6 {
    font-size: 15px;
    margin-bottom: 8px;
  }
  #site section#payment .centrador h4 {
    font-size: 22px;
  }
  #site section#payment .centrador #paywall {
    gap: 16px;
  }
  #site section#payment .centrador #paywall dialog#summary {
    padding: 0px 24px;
  }
  #site section#payment .centrador #paywall dialog#pay {
    padding: 24px;
    margin-top: 24px;
    width: 100%;
    min-width: 0px;
  }
  #site section.busqueda {
    padding: 94px 0px 64px;
  }
  #site section.busqueda .centrador .centro h3 {
    font-size: 26px;
  }
  #site section.busqueda .centrador .centro p {
    margin-top: 16px;
  }
  #site section.busqueda .centrador .centro .search {
    margin-top: 32px;
  }
  #site section#resultados {
    padding-bottom: 64px;
  }
  #site section#resultados .centrador #head h6 {
    font-size: 15px;
  }
  #site section#resultados .centrador #head span {
    font-size: 12px;
  }
  #site section#resultados .centrador #content {
    display: block;
    margin-top: 16px;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca {
    gap: 16px;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .logo {
    width: 74px;
    min-width: 74px;
    height: 74px;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns .info.mobile {
    flex-direction: column;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns .info.mobile .data {
    margin-bottom: 0px;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns .info .data {
    margin-bottom: 16px;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns .info .data b {
    font-size: 16px;
  }
  #site section#resultados .centrador #content #main #results #marcas .marca .columns .info .data span {
    font-size: 12px;
  }
  #site section#resultados .centrador #content #main #results #more {
    margin-top: 24px;
  }
  #site section#nota {
    padding: 48px 0px;
  }
  #site section#nota .centrador #disclaimer b,
  #site section#nota .centrador #disclaimer p {
    font-size: 12px;
  }
  #site section#estatus_registro {
    padding-top: 70px;
  }
  #app main.switch section {
    display: none !important;
  }
  #app main.switch .over {
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: auto;
    left: auto;
    overflow: visible;
    padding: 124px 20px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 1;
    background: #F2F2F5;
    min-height: 100vh;
    flex-direction: column;
    justify-content: flex-start;
  }
  #app main.switch .over dialog {
    width: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 160px);
    min-height: -webkit-calc(100vh - 160px);
    justify-content: space-between;
  }
  #app main.switch .over .close {
    display: none;
  }
  #app section#admin_dashboard {
    padding: 124px 0px 64px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .body {
    gap: 8px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_equipo .body .team .info {
    flex-direction: row-reverse;
    height: auto;
  }
  #app section#admin_dashboard .centrador dialog#dlg_equipo .body .team .info .avatars .avatar {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-right: -8px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
  }
  #app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side {
    margin-top: 0px;
    gap: 8px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_all_solicitudes .body > .count {
    min-height: 0px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side .counts {
    gap: 8px;
  }
  #app section#admin_dashboard .centrador dialog#dlg_my_solicitudes .body .side .counts .count {
    width: calc(50% - 4px);
    width: -webkit-calc(50% - 4px);
  }
  #app #dlg_add_member #add_member {
    padding: 16px;
  }
  #app #dlg_add_member #add_member .form .buttons {
    flex-wrap: wrap;
    gap: 8px;
  }
  #app #dlg_add_member #add_member .form .buttons button {
    width: 100%;
  }
  #app section#admin_team {
    padding: 124px 0px 64px;
  }
  #app section#my_applications {
    padding: 124px 0px 64px;
  }
  #app section#my_applications .centrador dialog#dlg_all_solicitudes .body .counts {
    gap: 8px;
  }
  #app #dlg_asign_member dialog#asign_member {
    padding: 16px;
  }
  #app #dlg_asign_member dialog#asign_member h4 {
    font-size: 22px;
  }
  #app #dlg_asign_member dialog#asign_member .form {
    margin-top: 24px;
  }
  #app #dlg_asign_member dialog#asign_member .buttons {
    flex-direction: column-reverse;
    gap: 8px;
  }
  #app #dlg_add_serial dialog#add_serial {
    padding: 16px;
  }
  #app #dlg_add_serial dialog#add_serial h4 {
    font-size: 22px;
  }
  #app #dlg_add_serial dialog#add_serial .form {
    margin-top: 24px;
  }
  #app #dlg_add_serial dialog#add_serial .buttons {
    flex-direction: column;
    gap: 8px;
  }
  #app #dlg_add_note dialog#add_note {
    padding: 16px;
  }
  #app #dlg_add_note dialog#add_note h4 {
    font-size: 22px;
  }
  #app #dlg_add_note dialog#add_note .form {
    margin-top: 24px;
  }
  #app #dlg_add_note dialog#add_note .buttons {
    flex-direction: column-reverse;
    gap: 8px;
  }
  #app #dlg_change_status dialog#change_status {
    padding: 16px;
  }
  #app #dlg_change_status dialog#change_status h4 {
    font-size: 22px;
  }
  #app #dlg_change_status dialog#change_status .form {
    margin-top: 24px;
  }
  #app #dlg_change_status dialog#change_status .buttons {
    flex-direction: column-reverse;
    gap: 8px;
  }
  #app section#switch_modes {
    padding-top: 124px;
  }
  #app section#preview_solicitud {
    padding-bottom: 64px;
    min-height: 0px;
  }
  #app section#preview_solicitud .centrador aside #marca h5 {
    font-size: 18px;
  }
  #app section#preview_solicitud .centrador aside #attorney span {
    font-size: 15px;
  }
  #app section#preview_solicitud .centrador aside #contact {
    margin-top: 24px;
  }
  #app section#preview_solicitud .centrador aside #contact .info img {
    max-width: 16px;
    margin-top: 2px;
  }
  #app section#preview_solicitud .centrador aside #contact .info span {
    font-size: 15px;
  }
  #app section#preview_solicitud .centrador aside #attorney button.mobile,
  #app section#preview_solicitud .centrador aside #serial button.mobile {
    padding: 4px 16px;
    height: auto;
  }
  #app section#preview_solicitud .centrador aside #attorney button.mobile span,
  #app section#preview_solicitud .centrador aside #serial button.mobile span {
    font-size: 14px;
  }
  #app section#preview_solicitud .centrador #preview {
    margin-top: 32px;
  }
  #preview .step {
    margin-bottom: 8px;
  }
  #preview .step .head .actions .action img {
    width: 18px;
  }
  #preview .step .questions .question .qhead .actions button {
    display: none;
  }
  #preview .step .questions .question .qhead .title b {
    font-size: 13px;
  }
  #preview .step .questions .question .text {
    margin-top: 8px;
  }
  #preview .step .questions .question .text span,
  #site section#preview_solicitud .centrador #preview .step .questions .question .text p {
    font-size: 15px;
  }
  #preview .step .questions .question .image {
    margin-top: 16px;
  }
  #preview .step .questions .question .image .logo {
    width: 100%;
    height: auto;
  }
  #preview .step .questions .question .image .logo:after {
    content: '';
    display: block;
    padding-bottom: 100%;
  }
  #preview .step .questions .question .image .logo img {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  #preview .step .questions .question .image button {
    padding: 4px 16px;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #preview .step .questions .question .image button span {
    font-size: 14px;
  }
}