@charset "utf-8";
/*@import "//netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css";
 CSS Document */

body {
   /*background-size: 100vw 100vh;*/
   /*background-attachment:fixed;
	border-top: 4px solid #00abf0;
	*/
   background: #ffffff;
   margin: 0;
   font-family: "Roboto";
   background-image: url("../images/degradeazul.jpg");
   background-repeat: no-repeat;
   background-position: 50% 130%;
}

@media only screen and (max-width: 1200px) {
   body {
      background-position: 50% 140%;
   }
}

@media only screen and (max-width: 991px) {
   body {
      background-position: 50% 130%;
   }
}

@media only screen and (max-width: 767px) {
   body {
      background-position: 50% 120%;
   }
}

form {
   /*width:450px;*/

   margin: auto;
   background: #fff;
   max-width: 1000px;
   padding: 30px;
   box-sizing: border-box;
   margin-top: 20px;
   box-shadow: 0px 0px 3px grey;
   border-radius: 5px;
}

h2 {
   color: #00abf0;
   text-align: center;
   margin: 0;
   font-size: 30px;
   margin-bottom: 20px;
}

.intro {
   text-align: center;
   margin-bottom: 40px;
}

input,
textarea {
   font-size: 16px;
   color: #303f9f;
   width: 100%;
   outline: none;
   padding: 15px;
   background: none;
   border: none;
   border-bottom: 1px solid #00abf0;
}

textarea {
   min-height: 140px;
   max-height: 200px;
   max-width: 100%;
}

#boton {
   /*background: #303F9F;*/
   background: #00abf0;
   border-radius: 1px;
   border: 2px solid #f2f2f2;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-family: "Roboto";
   font-size: 16px;
   padding: 15px;
   width: 100%;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

#boton:hover {
   cursor: pointer;
   background: #303f9f;
}

.boton-orange {
   background: #ffa726;
   border-radius: 7px;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-family: "Poppins";
   font-weight: 600;
   font-size: 16px;
   padding: 15px;
   width: 100%;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.boton-orange:hover {
   cursor: pointer;
   background: #218ae5;
}

.customGoogleButton {
   margin-top: 20px;
   background: #ffffff;
   border-radius: 7px;
   border: 2px solid #cccccc;
   color: #000;
   cursor: pointer;
   display: inline-block;
   font-family: "Poppins";
   font-size: 16px;
   padding: 15px;
   width: 100%;
   -webkit-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.customGoogleButton:hover {
   cursor: pointer;
   background: #cccccc;
}

.info {
   text-align: justify;
}

.mainLoginInput {
   height: 40px;
   padding: 0px;
   font-size: 30px;
   margin: 5px 0;
}

.mainLoginInput::-webkit-input-placeholder {
   font-family: "Roboto";
   font-weight: normal;
   overflow: visible;
   vertical-align: top;
   display: inline-block !important;
   padding-left: 5px;
   padding-top: 2px;
   color: hsl(9, 40%, 60%);
}

.mainLoginInput::-moz-placeholder {
   font-family: "Roboto";
   font-weight: normal;
   overflow: visible;
   vertical-align: top;
   display: inline-block !important;
   padding-left: 5px;
   padding-top: 2px;
   color: hsl(9, 40%, 60%);
}

.mainLoginInput:-ms-input-placeholder {
   font-family: "Roboto";
   font-weight: normal;
   overflow: visible;
   vertical-align: top;
   display: inline-block !important;
   padding-left: 5px;
   padding-top: 2px;
   color: hsl(9, 40%, 60%);
}

.formulario-gdc-form {
   width: 480px;
   background: #fff;
   box-shadow: 0 24px 64px #26214a1a;
   border-radius: 12px;
   padding: 30px 60px;
   position: relative;
}

.formulario-gdc-form-title-brand {
   width: 100%;
}

.formulario-gdc-form-title {
   font-size: 32px;
   font-weight: 700;
   line-height: 46px;
   color: #292d34;
   text-align: center;
   margin-bottom: 20px;
}

.formulario-gdc-form-router-outlet {
   width: 100%;
}

.formulario-gdc-form-row {
   --color-error: #e04f44;
   width: 100%;
   position: relative;
   margin-bottom: 22px;
}

.formulario-gdc-form-captcha {
   --color-error: #e04f44;
   width: 100%;
   position: relative;
   margin-bottom: 16px;
}

.cu-form__input:invalid {
   box-shadow: none;
}

.formulario-gdc-form-row input {
   transition: border-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 1;
   width: 100%;
   border: 1px solid #d6d9de;
   box-sizing: border-box;
   border-radius: 9px;
   padding: 0 20px 0 36px;
   height: 40px;
   color: #2a2e34;
}

.icon svg {
   display: block;
   width: 100%;
   height: 100%;
}

.formulario-gdc-form-row-icon {
   fill: #b9bec7;
}

.formulario-gdc-form-row-label {
   font-size: 11px;
   font-weight: 700;
   line-height: 11px;
   display: block;
   color: #292d34;
   padding: 0 0 8px 2px;
}

.formulario-gdc-form-row select,
.formulario-gdc-form-row #password-input,
.formulario-gdc-form-row .cu-form__input-pwd {
   padding: 0 130px 1px 40px;
}

.formulario-gdc-form-row select,
.formulario-gdc-form-row input {
   transition: border-color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, roboto, Helvetica Neue, helvetica, arial, sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 1;
   width: 100%;
   border: 1px solid #d6d9de;
   box-sizing: border-box;
   border-radius: 9px;
   padding: 0 20px 0 36px;
   height: 40px;
   color: #2a2e34;
   background-color: #ffffff;
}

.icon svg {
   display: block;
   width: 100%;
   height: 100%;
}

.formulario-gdc-form-row-icon {
   fill: #b9bec7;
}

.formulario-gdc-form-options {
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 0;
}

.formulario-gdc-form-row-icon {
   position: absolute;
   left: 10px;
   top: 27px;
   width: 22px;
   height: 20px;
   fill: #b9bec7;
}

.header {
   color: var(--default-color);
   background-color: var(--background-color);
   padding: 15px 0;
   transition: all 0.5s;
   z-index: 997;
   box-shadow: 0px 0 15px rgba(var(--default-color-rgb), 0.1);
}

.d-flex {
   display: flex !important;
}

.header .logo {
   line-height: 1;
}

a {
   color: #eb5d1e;
   text-decoration: none;
   transition: 0.3s;
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
   color: #ffffff;
   background: #ffa726;
   font-size: 14px;
   font-family: "Poppins";
   font-style: normal;
   font-weight: 600;
   padding: 8px 25px;
   margin: 0 0 0 30px;
   border-radius: 7px;
   transition: 0.3s;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0;
   width: 100%;
   padding-right: calc(var(--bs-gutter-x) * 0.5);
   padding-left: calc(var(--bs-gutter-x) * 0.5);
   margin-right: auto;
   margin-left: auto;
}

.pull-right {
   float: right;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0;
   width: 100%;
   padding-right: calc(var(--bs-gutter-x) * 0.5);
   padding-left: calc(var(--bs-gutter-x) * 0.5);
   margin-right: auto;
   margin-left: auto;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
   --bs-gutter-x: 1.5rem;
   --bs-gutter-y: 0;
}

.login-btn {
   display: inline-block;
}

.degrade {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 700;
   margin: 0;
   background: #2697f3;
   background: linear-gradient(to right, #2697f3 0%, #0e55a8 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;

   font-size: 35;
   line-height: 1.2;
}

.degrade2 {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 700;
   margin: 0;
   background: #2697f3;
   background: linear-gradient(to right, #607d8b 0%, #374850 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
   font-size: 20px;
   line-height: 1.2;
}

.img-novedades {
   width: 100%;
   height: auto;
}

.login-btn ul li {
   display: inline-block;
}

.condiciones {
   font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   margin: 10px 10px 10px 10px;
   font-size: 13px;
   line-height: 1.2;
   text-transform: none;
   text-align: center;
   color: #7c828d;
}

.condiciones a {
   color: #7c828d;
   text-decoration: underline;
}

.copy {
   font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   margin: 10px 10px 10px 10px;
   font-size: 13px;
   line-height: 1.2;
   text-transform: none;
   text-align: center;
   color: #d4d8de;
}

.copy a {
   color: #d4d8de;
   text-decoration: underline;
}

.tit-nevedades {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 600;
   margin-top: 20px;
   font-size: 22px;
   line-height: 1.2;
   text-transform: none;
   text-align: left;
   color: #fff;
}

.intro-form {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 400;
   margin-top: 0px;
   font-size: 12px;
   line-height: 1.2;
   text-transform: none;
   text-align: center;
   color: #999999;
}

.btn-yautiliza {
   font-family: "Poppins";
   font-style: normal;
   font-weight: 400;
   margin-top: 0px;
   font-size: 12px;
   line-height: 1.2;
   text-transform: none;
   text-align: center;
   color: #999999;
}

.info {
   font-family: "Roboto";
   font-style: normal;
   font-weight: 400;
   margin-top: 25px;
   font-size: 15px;
   line-height: 1.2;
   text-transform: none;
   text-align: left;
   color: #494949;
}

.info a {
   text-decoration: underline;
}

.g_id_signin {
   align-items: center;
   margin: 10px 0 10px 0;
}

.spinner_V8m1 {
   transform-origin: center;
   animation: spinner_zKoa 2s linear infinite;
}

.spinner_V8m1 circle {
   stroke-linecap: round;
   animation: spinner_YpZS 1.5s ease-in-out infinite;
}

@keyframes spinner_zKoa {
   100% {
      transform: rotate(360deg);
   }
}

@keyframes spinner_YpZS {
   0% {
      stroke-dasharray: 0 150;
      stroke-dashoffset: 0;
   }
   47.5% {
      stroke-dasharray: 42 150;
      stroke-dashoffset: -16;
   }
   95%,
   100% {
      stroke-dasharray: 42 150;
      stroke-dashoffset: -59;
   }
}

@media only screen and (max-width: 991px) {
   .g-recaptcha {
      transform: scale(0.77);
      transform-origin: 0 0;
   }

   .g_id_signin {
      transform: scale(0.77);
      transform-origin: 0 0;
   }
}