:root {
  --primario: #00548B;
  --secundario: #004573;
  --terciario: #005C99;
  --gris_primario: #bdbbbb;
  --gris_secundario: #c9c7c7;
  --gris_terciario: #a3a2a2;
  --light: #e9e9ec;
  --animation-curve:cubic-bezier(1,0,0,1); }

/*---------------------------------
    0.1 -PRELOADER
---------------------------------*/
/*Estilos pagina de carga*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  z-index: 1500; }

.preloader::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }

.preloader.complete::after {
  top: -100%; }

@-webkit-keyframes configure-clockwise {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes configure-clockwise {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  25% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@-webkit-keyframes configure-xclockwise {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  25% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  50% {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  75% {
    -webkit-transform: rotate(-225deg);
            transform: rotate(-225deg); }
  100% {
    -webkit-transform: rotate(-315deg);
            transform: rotate(-315deg); } }
@keyframes configure-xclockwise {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  25% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  50% {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  75% {
    -webkit-transform: rotate(-225deg);
            transform: rotate(-225deg); }
  100% {
    -webkit-transform: rotate(-315deg);
            transform: rotate(-315deg); } }
.configure-border-1 {
  width: 60px;
  height: 60px;
  padding: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1501; }

.configure-border-2 {
  width: 60px;
  height: 60px;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  background: transparent;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1501; }

.configure-core-1 {
  width: 100%;
  height: 100%;
  border: 4px solid var(--primario);
  -webkit-animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
          animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
  background-color: white; }

.configure-core-2 {
  width: 100%;
  height: 100%;
  border: 4px solid var(--primario);
  -webkit-animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
          animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
  background-color: white; }

.preloader.complete {
  opacity: 0;
  visibility: hidden; }

/*# sourceMappingURL=styles.css.map */