.confirmacion{
  margin: auto;
  width: 400px;
  padding: 20px 30px;
  background: #fff;
  border: 1px solid #dfdfdf;
  transform-style: preserve-3d;
  perspective-origin: 50px center;
  perspective: 2000px;
  border-radius: 22px;
  transition: transform 1s ease;
}
.existe{
  margin: auto;
  width: 400px;
  padding: 20px 30px;
  background: #fff;
  border: 1px solid #dfdfdf;
  transform-style: preserve-3d;
  perspective-origin: 50px center;
  perspective: 2000px;
  border-radius: 22px;
  transition: transform 1s ease;
}
.no_existe{
  margin: auto;
  width: 500px;
  padding: 20px 30px;
  background: #fff;
  border: 1px solid #dfdfdf;
  transform-style: preserve-3d;
  perspective-origin: 50px center;
  perspective: 2000px;
  border-radius: 22px;
  transition: transform 1s ease;
}
.boton_cerrar{
  display: flow-root;
  background-color: #000000;
  padding: 9px;
  font-family: 'Titulos';
  border-color: #000e56;
  width: 116px;
  color: #ffffff;
  text-align: center;
  border-radius: 16px;
}
.pdf{
  margin: auto;
  width: 400px;
  padding: 20px 30px;
  background: #fff;
  border: 1px solid #dfdfdf;
  transform-style: preserve-3d;
  perspective-origin: 50px center;
  perspective: 2000px;
  border-radius: 22px;
  /*transition: transform 1s ease;*/
}
.FormUsurios {
margin: auto;
width: 400px;
padding: 20px 30px;
background: #fff;
border: 1px solid #dfdfdf;
/*transform-style: preserve-3d;
perspective-origin: 50px center;
perspective: 2000px;*/
border-radius: 22px;
/*transition: transform 1s ease;*/
}
/*.FormUsurios::before, .FormUsurios::after {
content: "";
position: absolute;
width: 100%;
left: 0;
}

.FormUsurios::before {
height: 100%;
top: 0;
transform: translateZ(-100px);
background: #333;
opacity: 0.3;
}

.FormUsurios::after {
content: "SUCCESS!";
transform: translateY(-50%) translateZ(-101px) scaleX(-1);
top: 50%;
color: #fff;
text-align: center;
font-weight: bold;
}
*/
@font-face{
font-family: 'Titulos';
src: url("./fuentes/Config/Config-rounded-bold.otf");
}
.Titulo{
font-family: 'Titulos';
color: #2f4998;
font-weight: bold;
}
@font-face{
font-family: 'Campos';
src: url("./fuentes/Config/Config-condensed-light-italic.otf");
}
.Campos{
font-family: 'Campos';
color: #000000;
font-size: 18px;
}

.field {
position: relative;
background: #cfcfcf;
/*transform-style: preserve-3d;*/
}
.field + .field {
margin-top: 10px;
}
.campo_terminos{
background: #fff;
height: 48px;
line-height: 45px;
padding: 0 10px 0 48px;
width: 100%;
/*transform: translateZ(26px);*/
}
.terminos_condiciones{
position: relative;
background: #ffffff;
/*transform-style: preserve-3d;*/
}
.acep_term {
position: absolute;
top: calc(50% - 12px);
left: 12px;
/*transform: translateZ(50px);*/
}
.icon {
width: 24px;
height: 24px;
position: absolute;
top: calc(50% - 12px);
left: 12px;
/*transform: translateZ(50px);
transform-style: preserve-3d;*/
}
.icon::before, .icon::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.icon::after {
/*transform: translateZ(-23px);*/
opacity: 0.5;
}

.input {
border: 1px solid #dfdfdf;
background: #fff;
height: 48px;
line-height: 48px;
padding: 0 10px 0 48px;
width: 100%;
/*transform: translateZ(26px);*/
}

.button {
display: block;
width: 100%;
border: 0;
text-align: center;
font-weight: bold;
color: #fff;
background: linear-gradient(45deg, #94c01f, #94c01f);
margin-top: 20px;
padding: 7px;
position: relative;
/*transform-style: preserve-3d;
transform: translateZ(26px);
transition: transform 0.3s ease;*/
cursor: pointer;
font-family: 'Titulos';
font-size: 22px;
}
.button:hover {
transform: translateZ(13px);
}

.side-top-bottom {
width: 100%;
}
.side-top-bottom::before, .side-top-bottom::after {
content: "";
width: 100%;
height: 26px;
background: linear-gradient(45deg, #3868cd, #c1cbe0);
position: absolute;
left: 0;
}
.side-top-bottom::before {
transform-origin: center top;
transform: translateZ(-26px) rotateX(90deg);
top: 0;
}
.side-top-bottom::after {
transform-origin: center bottom;
transform: translateZ(-26px) rotateX(-90deg);
bottom: 0;
}

.side-left-right {
height: 100%;
}
.side-left-right::before, .side-left-right::after {
content: "";
height: 100%;
width: 26px;
position: absolute;
top: 0;
}
.side-left-right::before {
background: #3868cd;
transform-origin: left center;
transform: rotateY(90deg);
left: 0;
}
.side-left-right::after {
background: #3868cd;
transform-origin: right center;
transform: rotateY(-90deg);
right: 0;
}
.numero_documento .icon::before, .numero_documento .icon::after {
background: url("../imagenes/plantilla2/logos/logo_numero_documento.svg") center/contain no-repeat;
}
.nombre .icon::before, .nombre .icon::after {
background: url("../imagenes/plantilla2/logos/logo_persona.svg") center/contain no-repeat;
}
.apellidos .icon::before, .apellidos .icon::after {
background: url("../imagenes/plantilla2/logos/logo_persona.svg") center/contain no-repeat;
}
.correo_electronico .icon::before, .correo_electronico .icon::after {
background: url("../imagenes/plantilla2/logos/logo_email.svg") center/contain no-repeat;
}
.numero_telefonico .icon::before, .numero_telefonico .icon::after {
background: url("../imagenes/plantilla2/logos/telefono.svg") center/contain no-repeat;
}


.face-up-left {
transform: rotateY(-10deg) rotateX(10deg);
}

.face-up-right {
transform: rotateY(10deg) rotateX(10deg);
}

.face-down-left {
transform: rotateY(-10deg) rotateX(-10deg);
}

.face-down-right {
transform: rotateY(10deg) rotateX(-10deg);
}

.FormUsurios-complete {
-webkit-animation: formComplete 2s ease;
        animation: formComplete 2s ease;
}

.FormUsurios-error {
-webkit-animation: formError 2s ease;
        animation: formError 2s ease;
}

input:active, input:focus, button:active, button:focus {
outline: none;
border: 1px solid #3868cd;
}

@-webkit-keyframes formComplete {
50%, 55% {
  transform: rotateX(10deg) rotateY(60deg);
}
100% {
  transform: rotateX(0deg) rotateY(1turn);
}
}

@keyframes formComplete {
50%, 55% {
  transform: rotateX(10deg) rotateY(60deg);
}
100% {
  transform: rotateX(0deg) rotateY(1turn);
}
}
@-webkit-keyframes formError {
0%, 100% {
  transform: rotateX(0deg) rotateY(0deg);
}
25% {
  transform: rotateX(-25deg);
}
33% {
  transform: rotateX(-25deg) rotateY(45deg);
}
66% {
  transform: rotateX(-25deg) rotateY(-10deg);
}
}
@keyframes formError {
0%, 100% {
  transform: rotateX(0deg) rotateY(0deg);
}
25% {
  transform: rotateX(-25deg);
}
33% {
  transform: rotateX(-25deg) rotateY(45deg);
}
66% {
  transform: rotateX(-25deg) rotateY(-10deg);
}
}
small {
color: #999;
text-align: center;
display: block;
margin-top: 20px;
-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
}

html, body {
width: 100%;
height: 100%;
display: flex;
/*background: linear-gradient(45deg, #3868cd, #79dadf);*/
background-image: url("../imagenes/plantilla2/fondo/fondo_escritorio.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

*, *::before, *::after {
box-sizing: border-box;
}
@media all and (max-width: 768px) {
html, body {
    width: 100%;
    height: 100%;
    display: flex;
    /*background: linear-gradient(45deg, #3868cd, #79dadf);*/
    background-image: url("../imagenes/plantilla2/fondo/fondo_movil.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}