/* ----------------------------------------------------------------------------------------------------- */
/* Estilo modificado para ubicar imagén a pantalla completa */
body {
  /* Aquí el origen de la imagen */
  background-image:url(../../assets/img_per/hero-bg.jpg);
  /* Fijar la imagen de fondo este vertical y horizontalmente y centrado */
  background-position: center center;
  /* Esta imagen no debe de repetirse */
  background-repeat: no-repeat;
  /* COn esta regla fijamos la imagen en la pantalla. */
  background-attachment: fixed;
  /* La imagen ocupa el 100% y se reescala */
  background-size: cover;
  /* Damos un color de fondo mientras la imagen está cargando  */
  background-color: #FFFFFF; /*#464646;*/
}

/* Utilizado para celulares */
/*@media only screen and (max-width: 767px) {
  body {
    background-image: url(../img/1.jpg);
  }
}*/

/* ----------------------------------------------------------------------------------------------------- */
/* Estilo modificado para presentación de LOGO de la empresa */
.imgcontainer {
	text-align: center;
	margin: 24px 0 12px 0;
}

img.avatar {
	width: 40%;
	border-radius: 50%;
}

/* ----------------------------------------------------------------------------------------------------- */
/* Estilo modificado para ventana modal de Terminos y Condiciones */
.contenedor-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}

.contenedor-modal button {
  position: relative;
  top: 40%;
}

/* ----------------------------------------------------------------------------------------------------- */
/* Estilo de presentación de los botones el fondo y color de texto */
.btn {
	outline: 0; 
	background: #1977CC; /* (rgb(25, 119, 204)); */
	border: 0;  
	color: #fff; 
	box-shadow: none;
}

.btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	outline: 0; background: #1977CC; border: 0;  color: #3291E6; box-shadow: none;
}

/* Efecto del mouse, al posar el puntero sobre los botones y cambiar el fonde de ellos */
.btn.btn-primary:hover {
	outline: 0; background: #3291E6; border: 0;  color: #fff; box-shadow: none;
}

/* ----------------------------------------------------------------------------------------------------- */
/* Estilo modificado para lo enlaces y el subrayado de los enlaces */
a { color: #1977CC; border: 0; text-decoration: none; transition: all .3s; border-bottom: 1px dashed #3291E6; }
a:hover, a:focus { color: #3291E6; border: 0; text-decoration: none; transition: all .3s; border-bottom: 1px dashed #1977CC; }

/* ----------------------------------------------------------------------------------------------------- */
/* Estilo modificado los input */
textarea:focus, input:focus, input[type]:focus {
	/* Estilo del borde de las cajas */
    border-color: rgb(25, 119, 204); /*Html: #1977CC*/
	/* Estilo de sombra de las cajas, 1er parámetro sombra primaria, 2do parámetro sombra secundaria */
	/* Html 1er parámetro: #3291E6*/
	/* Html 2do parámetro: #76B5EE*/
    box-shadow: 0 1px 1px rgb(50, 145, 230) inset, 0 0 8px rgb(118, 181, 238);
    outline: 0 none;
}

/* ----------------------------------------------------------------------------------------------------- */
/* Estilo modificado para lo logos de los Social Network */
.fa { color : #FFFFFF; } 

/* ----------------------------------------------------------------------------------------------------- */
.stretch-card>.card {
     width: 100%;
     min-width: 100%
 }

  .flex {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto
 }

 @media (max-width:991.98px) {
     .padding {
         padding: 1.5rem
     }
 }

 @media (max-width:767.98px) {
     .padding {
         padding: 1rem
     }
 }

 .padding {
     padding: 1rem /*3rem*/
 }

 .card {
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none
 }

 .card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid #3da5f;
     border-radius: 0
 }

 .card .card-body {
     padding: 1.25rem 1.75rem
 }

 .card .card-title {
     color: #000000;
     margin-bottom: 0.625rem;
     text-transform: capitalize;
     font-size: 0.875rem;
     font-weight: 500
 }

 .card .card-description {
     margin-bottom: .875rem;
     font-weight: 400;
     color: #76838f
 }

 .btn.btn-social-icon {
     width: 50px;
     height: 50px;
     padding: 0
 }

 .template-demo>.btn {
     margin-right: 0.5rem !important
 }

 .template-demo {
     margin-top: 0.5rem !important
 }

 .btn.btn-rounded {
     border-radius: 50px
 }

 .btn-outline-facebook {
     border: 1px solid #3b579d;
     color: #FFFFFF;/*#3b579d*/
 }

 .btn-outline-facebook:hover {
     background: #FFFFFF;/*#3b579d;*/
     color: #ffffff
 }

 .btn-outline-youtube {
     border: 1px solid #e52d27;
     color: #e52d27
 }

 .btn-outline-twitter {
     border: 1px solid #2caae1;
     color: #2caae1
 }

 .btn-outline-dribbble {
     border: 1px solid #ea4c89;
     color: #ea4c89
 }

 .btn-outline-linkedin {
     border: 1px solid #0177b5;
     color: #0177b5
 }

 .btn-outline-instagram {
     border: 1px solid #dc4a38;
     color: #dc4a38
 }

 .btn-outline-twitter:hover {
     background: #2caae1;
     color: #ffffff
 }

 .btn-outline-linkedin:hover {
     background: #0177b5;
     color: #ffffff
 }

 .btn-outline-youtube:hover {
     background: #e52d27;
     color: #ffffff
 }

 .btn-outline-instagram:hover {
     background: #e52d27;
     color: #ffffff
 }
 
 /****************************/
 .btn-outline-whatsapp:hover {
     background: #00897B;
     color: #ffffff
 }

 .btn-facebook {
     background: #3b579d;
     color: #ffffff
 }

 .btn-youtube {
     background: #e52d27;
     color: #ffffff
 }

 .btn-twitter {
     background: #2caae1;
     color: #ffffff
 }

 .btn-dribbble {
     background: #ea4c89;
     color: #ffffff
 }

 .btn-linkedin {
     background: #0177b5;
     color: #ffffff
 }

 .btn-instagram {
     background: #dc4a38;
     color: #ffffff
 }
 
 /***********************/
  .btn-whatsapp {
     background: #00897B;
     color: #ffffff
 }

 .btn-facebook:hover,
 .btn-facebook:focus {
     background: #2d4278;
     color: #ffffff
 }

 .btn-youtube:hover,
 .btn-youtube:focus {
     background: #c21d17;
     color: #ffffff
 }

 .btn-twitter:hover,
 .btn-twitter:focus {
     background: #1b8dbf;
     color: #ffffff
 }

 .btn-dribbble:hover,
 .btn-dribbble:focus {
     background: #e51e6b;
     color: #ffffff
 }

 .btn-linkedin:hover,
 .btn-linkedin:focus {
     background: #015682;
     color: #ffffff
 }

 .btn-instagram:hover,
 .btn-instagram:focus {
     background: #bf3322;
     color: #ffffff
 }
 
 /***********************/
 .btn-whatsapp:hover,
 .btn-whatsapp:focus {
     background: #075E54;
     color: #ffffff
 }