@font-face {
  font-family: "Urbanist-Black";
  src: url("../webfont/Urbanist-Black.woff2") format("woff2"),
    url("../webfont/Urbanist-Black.woff") format("woff");
}

@font-face {
  font-family: "Urbanist-Bold";
  src: url("../webfont/Urbanist-Bold.woff2") format("woff2"),
    url("../webfont/Urbanist-Bold.woff") format("woff");
}

.ff-Urbanist-b {
  font-family: "Urbanist-Bold";
}

.ff-Urbanist-bl {
  font-family: "Urbanist-Black";
}

/* */

body::after {
  background: linear-gradient(135deg, rgba(0, 106, 255, 0.2) 0%, rgba(119, 255, 0, 0.275) 100%);
  content: '';
  left: -50%;
  height: 200%;
  position: fixed;
  top: -50%;
  width: 200%;
  z-index: 0;
}

body::before {
  background: radial-gradient(circle at 30% 20%, rgba(107, 165, 57, 0.08) 0%, transparent 40%), radial-gradient(circle at 70% 80%, rgba(18, 72, 146, 0.08) 0%, transparent 40%), radial-gradient(circle at 50% 50%, rgba(107, 165, 57, 0.05) 0%, transparent 50%);
  content: '';
  left: -50%;
  height: 200%;
  position: fixed;
  top: -50%;
  width: 200%;
  z-index: 0;
}

/* */

.btn.btn-outline-danger {
  background-color: #fff;
}

.btn.btn-outline-danger:hover {
  color: var(--bs-btn-hover-border-color);
}

/* */

label.display-4 {
  color: #1056cf !important;
}

label.display-4 .text-secondary {
  color: rgba(0,0,0,.2) !important;
}

/* */

.logo {
  height: 80px;
}

.logo img {
  width: 120px;
}

.logo p {
  background: #fff;
  border-radius: 360px;
  left: 50%;
  padding: 7px;
  position: absolute;
  transform: translateX(-50%);
  width: 133px;
  z-index: 9;
}

.logo + .alert,
.logo + .card {
  padding-top: 2.75rem;
}

.w-540 {
  margin: 0 auto;
  max-width: 540px;
}

.w-640 {
  margin: 0 auto;
  max-width: 640px;
}

.w-768 {
  margin: 0 auto;
  max-width: 768px;
}

.w-960 {
  margin: 0 auto;
  max-width: 960px;
}

/* */

.form-floating .form-control,
.form-floating .form-select {
  border-style: dashed;
  font-size: 1.5rem;
  font-weight: 500;
}

.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.8rem;
}

.form-floating > .form-control:focus,
.form-floating > .form-select:focus {
  border-style: none;
}

#telefono-pais.form-floating {
  flex: 0 0 90px;
}

.was-validated .form-floating .form-control:invalid,
.was-validated .form-floating .form-control:valid {
  background-position: right calc(.375em + .1875rem) bottom .5rem;
}

.form-floating > .form-select {
  background-position: right .75rem bottom .75rem;
  padding-bottom: 0rem;
  padding-top: 1.075rem;
}

.was-validated .form-floating .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-floating .form-select:valid:not([multiple]):not([size]) {
  background-position: right .75rem bottom .75rem,bottom .5rem right 2.25rem;
}

.form-floating > .form-control:focus ~ label, 
.form-floating > .form-control:not(:placeholder-shown) ~ label, 
.form-floating > .form-select ~ label {
  opacity: 1;  
  top: -1.03rem;
  transform: unset;
}

/* */

.btn-primary {
  background: linear-gradient(90deg, #81CF07, #1358D5, #1358D5);
}

/* */

.alert {
  --bs-border-width: 1.5px;
}

/* */

footer {
  display: none;
}