@font-face {
   font-family: 'Arial Rounded MT';
   src: url('../fonts/ArialRoundedMT.woff2') format('woff2');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Arial Rounded MT';
   src: url('../fonts/ArialRoundedMTBold.woff2') format('woff2');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

body {
   font-family: 'Arial Rounded MT' !important;
}

#btnSave {
   padding-inline: 3rem !important;
}

input[type=text],
input[type=email],
textarea {
   border: 1px solid #09a0de !important;
   border-radius: 20px !important;
   padding: 10px 0.75rem !important;
}

input[type=checkbox] {
   border: 1px solid #09a0de !important;
}

::placeholder {
   color: rgba(107, 117, 125, 0.6) !important;
}

::-ms-input-placeholder {
   color: rgba(107, 117, 125, 0.6) !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type=number] {
   -moz-appearance: textfield;
}

.content-form {
   position: relative;
   z-index: 1;
}

.bg-table {
   background-image: url('./../img/bg-tabla-desktop.png');
   height: 180px;
   position: relative;
   width: 100%;
   bottom: 0;
   background-repeat: no-repeat;
   background-size: cover;
}

.cloud-1 {
   position: absolute;
   width: 180px;
   top: 19%;
   left: 15%;
}

.cloud-2 {
   position: absolute;
   width: 200px;
   top: 30px;
   right: 200px;
}

.cloud-3 {
   position: absolute;
   width: 100px;
   top: 140px;
   right: 0;
}

.cloud-4 {
   position: absolute;
   width: 100px;
   top: 15px;
   left: 0;
}

.content-banner {
   margin-top: -30%;
}

@media screen and (max-width: 767px) {
   .bg-table {
      background-image: url('./../img/bg-tabla-mobile.png');
   }

   .content-banner {
      margin-top: auto;
   }

   .cloud-1,
   .cloud-2,
   .cloud-3,
   .cloud-4 {
      display: none;
   }
}

@media screen and (min-height: 1000px) {
   .bg-table {
      background-image: url('./../img/bg-tabla-desktop.png');
      height: 180px;
      position: absolute;
      width: 100%;
      bottom: 0;
      background-repeat: no-repeat;
      background-size: cover;
   }
}