@charset "UTF-8";
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  scrollbar-width: none !important;
}
html body {
  background-color: transparent;
  color: #000;
}
html body .--pointer-events-none {
  pointer-events: none !important;
  opacity: 0.4 !important;
}

/*::selection {
    color: #f78399;
    background: #400a0d;
}*/
#--data, #--data-2 {
  display: none;
}

.--mensaje-100vh {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.--mensaje-100vh .--contenedor {
  margin-bottom: 20px;
}
.--mensaje-100vh .--contenedor .--top-1 .--top-1-1 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--div-svg {
  width: 100%;
  display: flex;
  justify-content: center;
}
.--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--div-svg[svg_icon=huge_alert_02] svg {
  height: 100px;
}
.--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--div-svg[svg_icon=huge_alert_02] svg path:nth-child(1) {
  stroke: #44454a;
  stroke: #c4c6cd;
}
.--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--div-svg[svg_icon=huge_alert_02] svg path:nth-child(2), .--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--div-svg[svg_icon=huge_alert_02] svg path:nth-child(3) {
  stroke: #1c1d20;
  stroke: #e0172a;
}
.--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--textos {
  width: 100%;
  max-width: 330px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--textos .---title {
  width: 100%;
  line-height: 1.1;
  font-family: "DM Sans", sans-serif;
  letter-spacing: -1.3px;
  font-weight: 900;
  margin: 16px 0;
  font-size: 34px;
  text-align: center;
  color: #44454a;
}
.--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--textos .---p {
  width: 100%;
  font-size: 15px;
  letter-spacing: -0.2px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  color: #9ca0a3;
  color: #4e5357;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 {
  display: flex;
  justify-content: center;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn {
  margin-bottom: 0;
  letter-spacing: 0;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease;
  line-height: 1;
  align-items: center;
  height: 44px;
  border-radius: 10px;
  border-radius: 7px;
  border: 0;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  font-family: "Inter", sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: #24262a;
  color: #bbbfcc;
  border-bottom: 2px solid #363c43;
  background: #36393e;
  color: #fff;
  border-bottom: 2px solid #000;
  background: #141517;
  color: #fff;
  border-bottom: 2px solid #878894;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn[btn_color=white] {
  background: #fff;
  border: 1px solid gray;
  border-bottom: 2px solid #878894;
  color: #1c1d20;
  background: #fff;
  border: 2px solid #d3d5d8;
  border-bottom: 3px solid #cfcfd8;
  color: #1c1d20;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn[btn_color=white]:hover {
  background: #f9f9f9;
  border: 1px solid gray;
  border-bottom: 2px solid #878894;
  color: #1c1d20;
  background: #fff;
  border: 2px solid #d3d5d8;
  border-bottom: 3px solid #cfcfd8;
  color: #1c1d20;
  padding: 0px 20px;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn[btn_color=red] {
  background: #e0172a;
  border: 2px solid #9d0d14;
  border-bottom: 3px solid #6e080d;
  color: #fff;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn[btn_color=red]:hover {
  background: #fff;
  border: 2px solid #d3d5d8;
  border-bottom: 3px solid #cfcfd8;
  color: #1c1d20;
  padding: 0px 20px;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn:hover {
  background: #292b30;
  color: #fff;
  border-bottom: 2px solid #3b424a;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn.--greenyellow {
  background: #243a12;
  color: #deead7;
  border-bottom: 2px solid #385a1c;
  background: #94ff29;
  color: #323820;
  border-bottom: 2px solid #53990c;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn.--greenyellow:hover {
  background: #2a4315;
  color: #eaf6e3;
  border-bottom: 2px solid #385a1c;
  background: #7ada1a;
  color: #000;
  border-bottom: 2px solid #407709;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn.--blue {
  background: #294fff;
  color: #fff;
  border-bottom: 2px solid #0c2599;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn.--blue:hover {
  background: #1938c9;
  color: #fff;
  border-bottom: 2px solid #091e7f;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn.--softred {
  background: #ff2947;
  color: #fff;
  border-bottom: 2px solid #a01528;
}
.--mensaje-100vh .--contenedor .--bottom-1 .--bottom-1-1 .--btn.--softred:hover {
  background: #c51c33;
  color: #fff;
  border-bottom: 2px solid #5a0914;
}

html[theme=dark] body .--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--div-svg[svg_icon=huge_alert_02] svg {
  height: 100px;
}
html[theme=dark] body .--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--div-svg[svg_icon=huge_alert_02] svg path:nth-child(1) {
  stroke: #e5e5e5;
}
html[theme=dark] body .--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--div-svg[svg_icon=huge_alert_02] svg path:nth-child(2), html[theme=dark] body .--mensaje-100vh .--contenedor .--top-1 .--top-1-1 .--div-svg[svg_icon=huge_alert_02] svg path:nth-child(3) {
  stroke: #abacb7;
}

#--login .--all, #--account-recovery .--all {
  display: flex;
  height: 100vh;
  width: 100%;
  background: #f9f9f9;
  background: transparent;
}
#--login .--all .--div-img, #--account-recovery .--all .--div-img {
  width: 50%;
  padding: 7px;
}
#--login .--all .--div-img img, #--account-recovery .--all .--div-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
}
#--login .--all .--div--item, #--account-recovery .--all .--div--item {
  width: 50%;
  height: 100vh;
  padding: 7px;
  position: relative;
  width: 100%;
}
#--login .--all .--div--item .--regresar, #--account-recovery .--all .--div--item .--regresar {
  position: absolute;
  top: 11px;
  left: 9px;
  display: flex;
  padding: 10px 12px;
  align-items: center;
  line-height: 1;
  font-size: 13px;
  color: #27292b;
}
#--login .--all .--div--item .--regresar svg, #--account-recovery .--all .--div--item .--regresar svg {
  width: 16px;
  rotate: 90deg;
  margin-right: 7px;
  color: inherit;
}
#--login .--all .--div--item .--div--item--1, #--account-recovery .--all .--div--item .--div--item--1 {
  height: 100%;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background: #fff;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 {
  width: 340px;
  text-align: center;
  margin-top: auto;
  padding-top: 48px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--img-logo, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--img-logo {
  height: 64px;
  margin-bottom: 16px;
  border-radius: 4px;
  height: 72px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--texto-1, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--texto-1 {
  font-size: 22px;
  font-weight: 600;
  padding-left: 12px;
  margin-bottom: 4px;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.2px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--texto-2, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--texto-2 {
  padding-left: 12px;
  font-size: 14px;
  color: #3c4355;
  color: #1e1f22;
  padding: 0;
  font-size: 15px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario {
  margin-top: 20px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group {
  position: relative;
  margin-bottom: 16px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--input, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--input {
  width: 100%;
  border-radius: 3px;
  padding: 22px 10px 7px 10px;
  margin: 0;
  font-size: 14px;
  padding: 18px 36px 10px 14px;
  color: #262728;
  border: 1px solid gainsboro;
  padding: 2px 22px 0;
  border-radius: 30px;
  height: 46px;
  font-size: 15px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--input:focus, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--input:focus {
  border-color: #242931;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--badge, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--badge {
  display: block;
  text-align: left;
  font-family: "Inter", sans-serif;
  line-height: 1.35;
  font-weight: 400;
  position: absolute;
  padding: 2px 6px;
  font-size: 11px;
  border-radius: 2px;
  margin: 0;
  margin-left: 8px;
  margin-top: -8px;
  background: #fff;
  color: #1d1f24;
  margin-left: 16px;
  font-size: 12px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye {
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  color: #545558;
  right: 8px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye .--show-password, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye .--show-password {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 40px;
  display: none;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye .--show-password svg, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye .--show-password svg {
  width: 20px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye .--show-text, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye .--show-text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 40px;
  display: none;
  position: relative;
  top: 2px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye .--show-text svg, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye .--show-text svg {
  width: 20px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye[status=password] .--show-password, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye[status=password] .--show-password {
  display: flex;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye[status=text] .--show-text, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--eye[status=text] .--show-text {
  display: flex;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-login,
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-account-recovery, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-login,
#--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-account-recovery {
  padding: 0 14px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
  cursor: pointer;
  font-size: 13px;
  background: #13151e;
  color: #fff;
  border: 1px solid #13151e;
  padding: 0 24px;
  border-radius: 30px;
  font-size: 14px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-login svg,
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-account-recovery svg, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-login svg,
#--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-account-recovery svg {
  height: 24px;
  rotate: 270deg;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-login:hover,
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-account-recovery:hover, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-login:hover,
#--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--btn-account-recovery:hover {
  background: #1f2331;
  color: #fff;
  border: 1px solid #1f2331;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me {
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  line-height: 1.1;
  padding: 12px;
  font-size: 12px;
  cursor: pointer;
  color: #1c1d20;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me .--i-svg, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me .--i-svg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  margin-right: 4px;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me .--i-svg svg path:nth-child(2), #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me .--i-svg svg path:nth-child(2) {
  transition: all 0.3s ease;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me:hover, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me:hover {
  color: #1f2331;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me[status="0"] .--i-svg svg path:nth-child(2), #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me[status="0"] .--i-svg svg path:nth-child(2) {
  opacity: 0;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me[status="0"]:hover .--i-svg svg path:nth-child(2), #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me[status="0"]:hover .--i-svg svg path:nth-child(2) {
  opacity: 1;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me[status="0"]:hover, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--div-remember-me[status="0"]:hover {
  color: #0d5df6;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--recuperar-cuenta, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--recuperar-cuenta {
  display: inline-block;
  line-height: 1.1;
  padding: 12px;
  font-size: 12px;
  cursor: pointer;
  color: #1c1d20;
}
#--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--recuperar-cuenta:hover, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--line-1 .--recuperar-cuenta:hover {
  color: #1f2331;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
#--login .--all .--div--item .--div--item--1 .--bottom, #--account-recovery .--all .--div--item .--div--item--1 .--bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: end;
}
#--login .--all .--div--item .--div--item--1 .--bottom .--div-elementos, #--account-recovery .--all .--div--item .--div--item--1 .--bottom .--div-elementos {
  max-width: 340px;
  width: 100%;
}
#--login .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos, #--account-recovery .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos {
  display: none;
}
#--login .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos .--elemento-1, #--account-recovery .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos .--elemento-1 {
  font-size: 10px;
  text-align: center;
  margin-bottom: 12px;
}
#--login .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos .--elemento-1 a, #--account-recovery .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos .--elemento-1 a {
  color: #004af8;
  border-bottom: 1px dotted;
}
#--login .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos .--elemento-2, #--account-recovery .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos .--elemento-2 {
  font-size: 10px;
  text-align: center;
  margin-bottom: 12px;
}
#--login .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos .--elemento-3, #--account-recovery .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos .--elemento-3 {
  font-size: 10px;
  text-align: center;
  margin-bottom: 3px;
  font-weight: 600;
}
#--login .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos .--elemento-4, #--account-recovery .--all .--div--item .--div--item--1 .--bottom .--div-elementos .--lang-textos .--elemento-4 {
  font-size: 9px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 1.35;
}
#--login .--all .--div--item .--div--item--1 .--bottom .--div-elementos[lang=es] .--lang-textos.--es, #--account-recovery .--all .--div--item .--div--item--1 .--bottom .--div-elementos[lang=es] .--lang-textos.--es {
  display: block;
}
#--login .--all .--div--item .--div--item--1 .--bottom .--div-elementos[lang=en] .--lang-textos.--en, #--account-recovery .--all .--div--item .--div--item--1 .--bottom .--div-elementos[lang=en] .--lang-textos.--en {
  display: block;
}
#--login .--all .--div--item .--div--item--1 .--bottom .--div-elementos[lang=pt] .--lang-textos.--pt, #--account-recovery .--all .--div--item .--div--item--1 .--bottom .--div-elementos[lang=pt] .--lang-textos.--pt {
  display: block;
}

@media (min-width: 1200px) {
  #--login .--all .--div-img, #--account-recovery .--all .--div-img {
    padding-right: 2px;
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199.9px) {
  #--login .--all .--div-img, #--account-recovery .--all .--div-img {
    padding-right: 2px;
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.9px) {
  #--login .--all .--div-img, #--account-recovery .--all .--div-img {
    width: 40%;
    display: none;
  }
  #--login .--all .--div--item, #--account-recovery .--all .--div--item {
    width: 60%;
    width: 100%;
  }
}
@media (min-width: 576px) and (max-width: 767.9px) {
  #--login .--all .--div-img, #--account-recovery .--all .--div-img {
    width: 33%;
    display: none;
  }
  #--login .--all .--div--item, #--account-recovery .--all .--div--item {
    width: 67%;
    width: 100%;
  }
}
@media (max-width: 575.9px) {
  #--login .--all .--div-img, #--account-recovery .--all .--div-img {
    display: none;
  }
  #--login .--all .--div--item, #--account-recovery .--all .--div--item {
    width: 100%;
  }
  #--login .--all .--div--item .--div--item--1 .--div--item--2, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 {
    width: 310px;
    margin-bottom: 16px;
  }
  #--login .--all .--div--item .--div--item--1 .--div--item--2 .--texto-1, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--texto-1 {
    font-size: 20px;
  }
  #--login .--all .--div--item .--div--item--1 .--div--item--2 .--texto-2, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--texto-2 {
    font-size: 14px;
  }
  #--login .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--input, #--account-recovery .--all .--div--item .--div--item--1 .--div--item--2 .--formulario .--form-group .--input {
    font-size: 13px;
  }
}
/* ---------------------------------------------
 * Nuevo ajustes
 * ------------------------------------------------ */
@keyframes hueRotate_50_310 {
  0% {
    filter: hue-rotate(50deg);
  }
  50% {
    filter: hue-rotate(310deg);
  } /* Va de 50 a 310 */
  100% {
    filter: hue-rotate(50deg);
  } /* Regresa a 50 */
}
body .--fss .--fss-pre-container {
  visibility: hidden;
}
body {
  /* -------------------------------
  * FSS Alert
  * ------------------------------------ */
}
body[fss=alert] #--fss-alert.--fss-pre-container {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
body[fss=alert] #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .--mensaje .--div-img img {
  rotate: 0deg;
  scale: 1;
  transition: all 0.4s ease;
}
body #--fss-alert.--fss-pre-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
}
body #--fss-alert.--fss-pre-container .--fss-backdrop {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(17, 17, 19, 0.9098039216);
  background: rgba(20, 21, 23, 0.8392156863);
  backdrop-filter: blur(2px);
}
body #--fss-alert.--fss-pre-container .--fss-container {
  height: 100vh;
  display: flex;
  align-items: center;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog {
  position: relative;
  pointer-events: none;
  border-radius: 5px;
  width: 100%;
  max-width: 340px;
  max-height: 90vh;
  display: flex;
  overflow: hidden;
  margin: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog[data-position=top] {
  margin-top: 12px;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog[data-position=top-left] {
  margin-top: 12px;
  margin-left: 12px;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog[data-position=top-right] {
  margin-top: 12px;
  margin-right: 12px;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog[data-position=bottom] {
  margin-bottom: 12px;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog[data-position=bottom-left] {
  margin-bottom: 12px;
  margin-left: 12px;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog[data-position=bottom-right] {
  margin-bottom: 12px;
  margin-right: 12px;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content {
  position: relative;
  display: flex;
  width: 100%;
  pointer-events: auto;
  outline: 0;
  border: 0;
  background-color: transparent;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0;
  overflow-y: auto;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje {
  padding: 14px 12px 10px 10px;
  border-radius: 4px;
  background: #1a1d20;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .--mensaje {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  padding-bottom: 5px;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .--mensaje .--div-img {
  min-width: 54px;
  max-width: 54px;
  height: 54px;
  border-radius: 4px;
  overflow: hidden;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .--mensaje .--div-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  rotate: -30deg;
  scale: 1.65;
  transition: all 0.6s ease;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .--mensaje .--textos {
  padding-left: 10px;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .--mensaje .--textos .--texto-1 {
  width: 100%;
  font-size: 12px;
  margin-bottom: 4px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
  color: #e5e7ec;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .--mensaje .--textos .--texto-2 {
  width: 100%;
  font-size: 11px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
  white-space: normal;
  color: #d8d9db;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .--mensaje .--textos .--oblique {
  font-style: oblique;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .--mensaje .--textos .--yellow {
  color: #f9cf7f;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .--mensaje .--textos .--blue {
  color: #55afff;
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje {
  /* El contenedor (fondo) */
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .progress-container {
  width: 100%;
  height: 2px;
  margin-top: 8px;
  background-color: #2e3337;
  border-radius: 5px;
  overflow: hidden; /* Importante para que el relleno no se salga de las esquinas */
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .progress-fill {
  width: 0%;
  height: 100%;
  background-color: #b0b0b0;
  background-image: linear-gradient(136deg, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 8px 8px;
  /* Quitamos el transition de aquí porque ahora manda jQuery */
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .progress-fill[barcolor=red] {
  background-color: #ff4d4d;
  background-image: linear-gradient(136deg, rgba(139, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(139, 0, 0, 0.25) 50%, rgba(139, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .progress-fill[barcolor=green] {
  background-color: #50f490;
  background-image: linear-gradient(136deg, rgba(2, 71, 32, 0.25) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(2, 71, 32, 0.25) 50%, rgba(2, 71, 32, 0.25) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .progress-fill[barcolor=gold] {
  background-color: #f4c350;
  background-image: linear-gradient(136deg, rgba(71, 51, 2, 0.25) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(71, 47, 2, 0.25) 50%, rgba(71, 57, 2, 0.25) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .progress-fill[barcolor=blue] {
  background-color: #5098f4;
  background-image: linear-gradient(136deg, rgba(2, 22, 71, 0.25) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(2, 35, 71, 0.25) 50%, rgba(2, 22, 71, 0.25) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}
body #--fss-alert.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--pre-mensaje .progress-fill[barcolor=violet] {
  background-color: #a64dff;
  background-image: linear-gradient(136deg, rgba(83, 0, 139, 0.25) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(76, 0, 139, 0.25) 50%, rgba(83, 0, 139, 0.25) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}
body {
  /* -------------------------------
  * Alerta Seguridad
  * ------------------------------------ */
}
body[fss=alerta_seguridad] {
  overflow-y: hidden;
}
body[fss=alerta_seguridad] #--fss-alerta_seguridad.--fss-pre-container {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
body[fss=alerta_seguridad] #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-big-svg .--div-svg svg path:nth-child(1) {
  stroke: #3f0c0c;
}
body[fss=alerta_seguridad] #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-big-svg .--div-svg svg path:nth-child(2), body[fss=alerta_seguridad] #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-big-svg .--div-svg svg path:nth-child(3) {
  stroke: #db2a2a;
}
body #--fss-alerta_seguridad.--fss-pre-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
  backdrop-filter: blur(2px);
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-backdrop {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(12, 14, 15, 0.6);
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container {
  height: 100vh;
  display: flex;
  align-items: center;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog {
  position: relative;
  pointer-events: none;
  border-radius: 5px;
  width: 100%;
  max-width: 340px;
  max-height: 90vh;
  display: flex;
  overflow: hidden;
  margin: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog[data-position=top] {
  margin-top: 28px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog[data-position=top-left] {
  margin-top: 12px;
  margin-left: 12px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog[data-position=top-right] {
  margin-top: 12px;
  margin-right: 12px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog[data-position=bottom] {
  margin-bottom: 12px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog[data-position=bottom-left] {
  margin-bottom: 12px;
  margin-left: 12px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog[data-position=bottom-right] {
  margin-bottom: 12px;
  margin-right: 12px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog {
  max-height: calc(100vh - 12px - 12px);
  max-width: 356px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content {
  position: relative;
  display: flex;
  width: 100%;
  pointer-events: auto;
  outline: 0;
  border: 0;
  background-color: transparent;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0;
  overflow-y: auto;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire {
  border: 0;
  background-color: #131517;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-big-svg {
  display: flex;
  justify-content: center;
  padding-top: 24px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-big-svg .--div-svg {
  display: flex;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-big-svg .--div-svg svg {
  height: 100px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-big-svg .--div-svg svg path {
  transition: stroke 0.5s ease;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-big-svg .--div-svg svg path:nth-child(1) {
  stroke: #e5e5e5;
  stroke: #000;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-big-svg .--div-svg svg path:nth-child(2), body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-big-svg .--div-svg svg path:nth-child(3) {
  stroke: #abacb7;
  stroke: #000;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-tab {
  padding: 16px 16px 16px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-tab .--title {
  font-family: "Instrument Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.3px;
  display: flex;
  justify-content: center;
  color: #cad7e5;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-tab .--p {
  font-size: 13px;
  font-family: "Inter", sans-serif;
  line-height: 1.35;
  font-weight: 400;
  text-align: center;
  padding: 0 20px;
  margin: 6px 0 16px 0;
  margin: 16px 0 16px 0;
  color: #8f9397;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-tab .--botones {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-tab .--botones .--btn-cancelar {
  width: 50%;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 6px;
  text-align: left;
  height: 37px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  transition: all 0.3s ease;
  background: #1a1d20;
  color: #8f9397;
  background: transparent;
  border: 1px solid #1f2326;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-tab .--botones .--btn-cancelar:hover {
  background: #1e2225;
  color: #b5b9bc;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-tab .--botones .--btn-confirmar {
  width: 50%;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 6px;
  text-align: left;
  height: 37px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  transition: all 0.3s ease;
  background: #1f2326;
  color: #b7bcc0;
}
body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog .--fss-content .--fss-body .--fss-entire .--fss-tab .--botones .--btn-confirmar:hover {
  background: #252a2d;
  color: #d4d9dc;
}

@media (max-width: 575.9px) {
  body #--fss-alerta_seguridad.--fss-pre-container .--fss-container .--fss-dialog[data-position=top] {
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    max-height: 100vh;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  body .--fss-pre-container {
    backdrop-filter: none !important;
  }
  body .--fss-pre-container .--fss-backdrop {
    background: rgba(12, 14, 15, 0.94) !important;
  }
}
.--fss-form-content .--fss-form-group {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 6px;
}
.--fss-form-content .--fss-form-group .--div {
  font-family: "Inter", sans-serif;
  line-height: 1;
  display: flex;
  align-items: center;
  position: relative;
}
.--fss-form-content .--fss-form-group .--div .--badge {
  position: absolute;
  top: 7px;
  left: 7px;
  font-size: 10px;
  pointer-events: none;
  width: calc(100% - 12px);
  text-align: left;
  background: #181a1d;
}
.--fss-form-content .--fss-form-group .--div .--badge-textarea {
  position: absolute;
  top: 0;
  left: 7px;
  font-size: 10px;
  pointer-events: none;
  padding: 7px 0;
  border-top: 1px solid transparent;
  width: calc(100% - 12px);
  text-align: left;
  background: #181a1d;
}
.--fss-form-content .--fss-form-group .--div .--input {
  max-width: 100%;
  width: 100%;
  height: 48px;
  padding: 16px 7px 0 7px;
  margin: 0;
  font-size: 13px;
  line-height: 1;
  border-radius: 4px;
  border: 0;
  background: #181a1d;
  border: 1px solid transparent;
  color: #b2b4bf;
}
.--fss-form-content .--fss-form-group .--div .--input:focus {
  border: 1px solid #13151e;
  border: 1px solid #969cac;
  color: #e0e4ec;
}
.--fss-form-content .--fss-form-group .--div .--input::-moz-placeholder {
  color: #3b3d40;
}
.--fss-form-content .--fss-form-group .--div .--input::placeholder {
  color: #3b3d40;
}
.--fss-form-content .--fss-form-group .--div .--textarea {
  max-width: 100%;
  width: 100%;
  padding: 25px 7px 0px;
  margin: 0px;
  font-size: 13px;
  line-height: 1;
  border-radius: 4px;
  min-height: 110px;
  background: #181a1d;
  border: 1px solid transparent;
}
.--fss-form-content .--fss-form-group .--div .--textarea::-moz-placeholder {
  color: #3b3d40;
}
.--fss-form-content .--fss-form-group .--div .--textarea::placeholder {
  color: #3b3d40;
}
.--fss-form-content .--fss-form-group .--div .--textarea:focus {
  border: 1px solid #969cac;
  color: #e0e4ec;
}
.--fss-form-content .--fss-form-group .--div .--select {
  max-width: 100%;
  width: 100%;
  height: 48px;
  padding: 16px 7px 0 7px;
  margin: 0;
  font-size: 13px;
  line-height: 1;
  border-radius: 4px;
  border: 0;
  background: #181a1d;
  border: 1px solid transparent;
  color: #b2b4bf;
}
.--fss-form-content .--fss-form-group .--div .--select:focus {
  border: 1px solid #13151e;
  border: 1px solid #969cac;
  color: #e0e4ec;
}
.--fss-form-content .--fss-form-group .--div.--w-100 {
  width: 100%;
}
.--fss-form-content .--fss-form-group .--div.--w-67 {
  width: 67%;
}
.--fss-form-content .--fss-form-group .--div.--w-50 {
  width: 50%;
}
.--fss-form-content .--fss-form-group .--div.--w-33 {
  width: 33%;
}
.--fss-form-content .--fss-form-group .--div.--input-not-allowed {
  cursor: not-allowed;
}
.--fss-form-content .--fss-form-group .--div.--input-not-allowed .--badge {
  background: #1d0e10;
  color: #533337;
}
.--fss-form-content .--fss-form-group .--div.--input-not-allowed .--input {
  pointer-events: none;
  border: 1px solid #1d0e10;
  background: #1d0e10;
  color: #533337;
}
.--fss-form-content .--fss-form-group .--div.--select-not-allowed {
  cursor: not-allowed;
}
.--fss-form-content .--fss-form-group .--div.--select-not-allowed .--badge {
  background: #1d0e10;
  color: #533337;
}
.--fss-form-content .--fss-form-group .--div.--select-not-allowed .--select {
  pointer-events: none;
  border: 1px solid #1d0e10;
  background: #1d0e10;
  color: #533337;
}
.--fss-form-content .--divisor {
  font-size: 9px;
  font-weight: 600;
  line-height: 1.25;
  margin: 14px 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #1f2224;
}

.--fss-alert-modal-message {
  padding: 10px 7px;
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  border-radius: 2px;
  margin-bottom: 10px;
  background: #ffedcb;
  color: #695022;
}

.--fss-alert-modal-message-sql .--sql-message {
  padding: 10px 7px;
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  border-radius: 2px;
  margin-bottom: 10px;
}
.--fss-alert-modal-message-sql .--sql-message.--success {
  background: #cbffdf;
  color: #144320;
  border: 1px solid #9be9af;
}
.--fss-alert-modal-message-sql .--sql-message.--warning {
  background: #fff0cb;
  color: #433914;
  border: 1px solid #e9d29b;
}
.--fss-alert-modal-message-sql .--sql-message.--danger {
  background: #ffcbcb;
  color: #431414;
  border: 1px solid #e99b9b;
}

.__page_p_vacio .--hero-section {
  padding: 44px 0;
  text-align: center;
  position: relative;
  padding: 54px 0 28px;
  background-color: #fff;
}
.__page_p_vacio .--hero-section .--bg-image {
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.__page_p_vacio .--hero-section .--backdrop {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(241, 241, 242, 0.8705882353);
  background: rgba(19, 19, 22, 0.6392156863);
  background: rgba(19, 19, 22, 0.8705882353);
}
.__page_p_vacio .--hero-section .--container-hero-grid {
  z-index: 3;
  position: relative;
}
.__page_p_vacio .--hero-section .--container-hero-grid .--hero-content {
  margin: auto;
  text-align: center;
  max-width: 650px;
}
.__page_p_vacio .--hero-section .--container-hero-grid .--hero-content .--box-img {
  max-width: 300px;
  margin: auto;
  margin-bottom: 28px;
}
.__page_p_vacio .--hero-section .--container-hero-grid .--hero-content .--box-img .--div-img {
  width: 300px;
  height: 300px;
  overflow: hidden;
  border-radius: 4px;
}
.__page_p_vacio .--hero-section .--container-hero-grid .--hero-content .--box-img .--div-img img {
  scale: 1.5;
}
.__page_p_vacio .--hero-section .--container-hero-grid .--hero-content .--textos h1 {
  font-size: 3.5rem;
  line-height: 1;
  margin-bottom: 20px;
  font-family: "DM Sans", sans-serif;
  letter-spacing: -1.3px;
  font-weight: 900;
  color: #fff;
}
.__page_p_vacio .--hero-section .--container-hero-grid .--hero-content .--textos p {
  font-size: 1.05rem;
  margin-bottom: 30px;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: #e6e6e6;
}
.__page_p_vacio .--pasos-section {
  padding: 44px 0;
  text-align: center;
  position: relative;
  padding: 44px 0 20px;
  background-color: #fff;
}
.__page_p_vacio .--pasos-section .--container {
  z-index: 3;
  position: relative;
  margin: auto;
  max-width: 1140px;
}
.__page_p_vacio .--pasos-section .--container .--section-title {
  font-size: 1.75rem;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 12px;
  line-height: 1.1;
  font-family: "DM Sans", sans-serif;
  letter-spacing: -1.3px;
  font-weight: 900;
}
.__page_p_vacio .--pasos-section .--container .--section-subtitle {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 40px;
  font-family: "Inter", sans-serif;
  line-height: 1.5;
  color: #4b5563;
}
.__page_p_vacio .--pasos-section .--container .--features-grid {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 0 10px;
}
.__page_p_vacio .--pasos-section .--container .--features-grid .--feature-card {
  width: 33.3333333333%;
  max-width: 340px;
}
.__page_p_vacio .--pasos-section .--container .--features-grid .--feature-card .--feature-icon {
  margin-bottom: 4px;
}
.__page_p_vacio .--pasos-section .--container .--features-grid .--feature-card .--feature-icon svg {
  height: 100px;
  color: #c4c6cd;
}
.__page_p_vacio .--pasos-section .--container .--features-grid .--feature-card h3 {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 12px;
  line-height: 1.1;
  font-family: "DM Sans", sans-serif;
  letter-spacing: -1.3px;
  font-weight: 900;
}
.__page_p_vacio .--pasos-section .--container .--features-grid .--feature-card p {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 40px;
  font-family: "Inter", sans-serif;
  line-height: 1.3;
  color: #4b5563;
}
.__page_p_vacio .--cta-activar-placa-section {
  padding: 44px 0;
  text-align: center;
  position: relative;
  background-color: #fafafa;
}
.__page_p_vacio .--cta-activar-placa-section .--container {
  position: relative;
  margin: auto;
  max-width: 1140px;
}
.__page_p_vacio .--cta-activar-placa-section .--container .--box-img {
  max-width: 320px;
  margin: auto;
  margin-bottom: 28px;
}
.__page_p_vacio .--cta-activar-placa-section .--container .--box-img .--div-img {
  height: 280px;
  overflow: hidden;
  border-radius: 4px;
}
.__page_p_vacio .--cta-activar-placa-section .--container .--textos-y-cta .--textos .--texto-1 {
  font-size: 1.75rem;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.1;
  font-family: "DM Sans", sans-serif;
  letter-spacing: -1.3px;
  font-weight: 900;
}
.__page_p_vacio .--cta-activar-placa-section .--container .--textos-y-cta .--textos .--texto-2 {
  font-size: 1.25rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1.25;
}
.__page_p_vacio .--cta-activar-placa-section .--container .--textos-y-cta .--div-btn-activar-placa {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.__page_p_vacio .--cta-activar-placa-section .--container .--textos-y-cta .--div-btn-activar-placa [ejecutar-sql="--activar-placa"] {
  margin-bottom: 0;
  letter-spacing: 0;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease;
  line-height: 1;
  align-items: center;
  height: 44px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  font-family: "Inter", sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  background: #fff;
  border: 2px solid #d3d5d8;
  border-bottom: 3px solid #cfcfd8;
  color: #1c1d20;
  font-size: 14px;
  font-weight: 600;
  background: #2734ed;
  border: 2px solid #1a25bc;
  border-bottom: 3px solid #0c104e;
  color: #f8f8ff;
}
.__page_p_vacio .--cta-activar-placa-section .--container .--textos-y-cta .--div-btn-activar-placa [ejecutar-sql="--activar-placa"]:hover {
  background: #fff;
  border: 2px solid #d3d5d8;
  border-bottom: 3px solid #cfcfd8;
  color: #1c1d20;
  padding: 0px 20px;
}
.__page_p_vacio .--footer {
  display: flex;
  justify-content: center;
  background: #101011;
  color: #8c909d;
}
.__page_p_vacio .--footer .--div .--texto {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  text-align: center;
  padding: 16px 0;
  line-height: 1.4;
  color: #bdbec4;
}

@media (max-width: 767.9px) {
  .__page_p_vacio .--hero-section .--container-hero-grid .--hero-content .--textos {
    max-width: 330px;
    margin: auto;
  }
  .__page_p_vacio .--hero-section .--container-hero-grid .--hero-content .--textos h1 {
    font-size: 2.1rem;
    margin-bottom: 12px;
  }
  .__page_p_vacio .--pasos-section .--container {
    max-width: 330px;
    margin: auto;
  }
  .__page_p_vacio .--pasos-section .--container .--features-grid {
    flex-wrap: wrap;
  }
  .__page_p_vacio .--pasos-section .--container .--features-grid .--feature-card {
    width: 100%;
  }
  .__page_p_vacio .--cta-activar-placa-section .--container {
    max-width: 330px;
    margin: auto;
  }
  .__page_p_vacio .--cta-activar-placa-section .--container .--textos-y-cta .--textos .--texto-1 {
    font-size: 1.4rem;
  }
  .__page_p_vacio .--footer .--div {
    max-width: 330px;
  }
}
/* ----- */
.__page_p_activo {
  height: 100vh;
  background: #17171a;
}
.__page_p_activo .__wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #17171a;
}
.__page_p_activo .__wrapper .__lvl_1 {
  max-width: 380px;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-img {
  padding: 8px;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-img .--div-img {
  width: 100%; /*height: 420px;*/
  overflow: hidden;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-radius: 16px;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-img .--div-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos {
  padding: 8px;
  padding-bottom: 0;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--nombre_mascota {
  font-size: 2rem;
  text-align: center;
  line-height: 1.1;
  font-family: "DM Sans", sans-serif;
  letter-spacing: -1.3px;
  font-weight: 900;
  margin-top: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-bottom: 6px;
  margin-top: 0px;
  color: #ced0d9;
  text-align: left;
  padding-left: 12px;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1rem;
  text-align: center;
  font-family: "Inter", sans-serif;
  line-height: 1.3;
  font-size: 14px;
  color: #b2bac6;
  color: #6f7886;
  text-align: left;
  padding-left: 12px;
  justify-content: initial;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-3 {
  margin-top: 18px;
  padding-top: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-top: 1px solid #1f1f22;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-3 .--all-items {
  border-radius: 8px;
  /*background: #25262d;
  background: #1e1f25;*/
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-3 .--all-items .--item {
  position: relative;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-3 .--all-items .--item .--textos {
  padding: 0 0 0 46px;
  padding: 16px 0 14px 48px;
  padding: 16px 0 14px 54px;
  min-height: 66px;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-3 .--all-items .--item .--textos .--badge {
  font-size: 12px;
  font-family: "Inter", sans-serif;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 6px;
  color: #b2bac6;
  color: #707882;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-3 .--all-items .--item .--textos .--dato {
  font-size: 13px;
  font-family: "Inter", sans-serif;
  line-height: 1.25;
  font-weight: 400;
  color: #9ca5b2;
  color: #b7bec8;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-3 .--all-items .--item .--svg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 28px;
  left: 8px;
  top: 12px;
  left: 12px;
  top: 18px;
  color: #bcc3de;
  color: #cfd3e0;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--div-cambiaste-de-numero {
  display: flex;
  justify-content: center;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--div-cambiaste-de-numero .--btn-cambiaste-de-numero {
  letter-spacing: 0;
  line-height: 1;
  font-size: 12px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  cursor: pointer;
  height: 38px;
  width: 100%;
  border: 0;
  padding-bottom: 4px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: transparent;
  color: #606670;
}
.__page_p_activo .__wrapper .__lvl_1 .--box-datos .--div-cambiaste-de-numero .--btn-cambiaste-de-numero:hover {
  color: #bcbdc0;
}
.__page_p_activo .__wrapper .__lvl_1 .--botones-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  width: 100%;
  padding: 8px 8px;
}
.__page_p_activo .__wrapper .__lvl_1 .--botones-cta .--btn {
  margin-bottom: 0;
  letter-spacing: 0;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  transition: all 0.2s ease;
  line-height: 1;
  align-items: center;
  height: 44px;
  border-radius: 7px;
  border: 0;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  font-family: "Inter", sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 50%;
  cursor: pointer;
}
.__page_p_activo .__wrapper .__lvl_1 .--botones-cta .--btn.--btn-activo-enviar-whatsapp {
  background: #066530;
  border: 1px solid #055026;
  border-bottom: 3px solid #054722;
  color: #fff;
}
.__page_p_activo .__wrapper .__lvl_1 .--botones-cta .--btn.--btn-activo-enviar-whatsapp:hover {
  background: #0a8942;
  border: 1px solid #08703a;
  border-bottom: 3px solid #055c2f;
  color: #fff;
}
.__page_p_activo .__wrapper .__lvl_1 .--botones-cta .--btn.--btn-activo-llamar-al-dueno {
  background: #0a1e89;
  border: 1px solid #081870;
  border-bottom: 3px solid #051b5c;
  color: #fff;
}
.__page_p_activo .__wrapper .__lvl_1 .--botones-cta .--btn.--btn-activo-llamar-al-dueno:hover {
  background: #0e26a2;
  border: 1px solid #0b1d82;
  border-bottom: 3px solid #081f64;
  color: #fff;
}
.__page_p_activo .__wrapper .__lvl_1 .--botones-cta .--btn .--svg-icon {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 16px;
  margin-right: 5px;
}

@media (max-width: 767.9px) {
  .__page_p_activo .__wrapper .__lvl_1 {
    padding-bottom: 60px;
  }
  .__page_p_activo .__wrapper .__lvl_1 .--botones-cta {
    position: fixed;
    bottom: 0;
    max-width: 380px;
    background: #17171a;
  }
}
html[theme=light] body .__page_p_activo {
  background: #f2f2f2;
}
html[theme=light] body .__page_p_activo .__wrapper {
  background: #f2f2f2;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--botones-cta {
  background: #f2f2f2;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--box-datos .--nombre_mascota {
  color: #1a1a1c;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-2 {
  color: #3a3f45;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-3 {
  border-top: 1px solid rgba(229, 229, 235, 0.6588235294);
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-3 .--all-items .--item .--textos .--dato {
  color: #1a1a1c;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--box-datos .--mas-datos-3 .--all-items .--item .--svg-icon {
  color: #1a1a1c;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--box-datos .--div-cambiaste-de-numero .--btn-cambiaste-de-numero {
  color: #606670;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--box-datos .--div-cambiaste-de-numero .--btn-cambiaste-de-numero:hover {
  color: #25282c;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--botones-cta .--btn.--btn-activo-llamar-al-dueno {
  background: #172988;
  border: 0;
  border-bottom: 3px solid #7e93d4;
  color: #fff;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--botones-cta .--btn.--btn-activo-llamar-al-dueno:hover {
  background: #213499;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--botones-cta .--btn.--btn-activo-enviar-whatsapp {
  background: #066530;
  border: 0;
  border-bottom: 3px solid #3ca96c;
  color: #fff;
}
html[theme=light] body .__page_p_activo .__wrapper .__lvl_1 .--botones-cta .--btn.--btn-activo-enviar-whatsapp:hover {
  background: #0b7d3d;
}/*# sourceMappingURL=project.css.map */