@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body,
html {
  height: 100%;
}


.bg {
  /* The image used */
  background-image   : url("../img/background2.jpg");
  /* Full height */
  /* height          : 100%; */
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : cover;
}

.text-header {
  font-family  : 'Roboto', sans-serif;
  font-weight  : 500;
  text-shadow  : 1px 1px #c9c9c9;
  /*text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);*/
}

/*.card { background-color: rgba(245, 245, 245, 0.4) !important;}*/
.tarjeta-contenido {
  background-color: rgba(245, 245, 245, 0.794) !important;
}

.card-header,
.card-footer {
  opacity: 0.8
}

.description {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color      : #000;
}

/* .banner {
  position: absolute;
  z-index: 9;
  margin-left: -15px;
} */

.banner {
  position: absolute;
  z-index : 9;
}

.tarjeta {
  bottom  : -105px;
  position: relative;
}


.text-accion {
  font-family   : 'Roboto', sans-serif;
  font-weight   : 700;
  /*text-shadow : 2px 2px #ff0000;*/
  /* text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 2px 0 #bbb,
               0 2px 0 #b9b9b9,
               0 2px 0 #aaa,
               0 3px 1px rgba(0,0,0,.1),
               0 0 3px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 3px 6px rgba(0,0,0,.25),
               0 3px 6px rgba(0,0,0,.2),
               0 8px 8px rgba(0,0,0,.15); */
  text-shadow   : 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 2px 0 #bbb, 0 2px 0 #b9b9b9, 0 2px 0 #aaa, 0 3px 1px rgb(0 0 0 / 10%), 0 0 3px rgb(0 0 0 / 10%);
}

.form-background {
  background-color: rgba(64, 64, 64, 0.4);
}


.boton-call {
  font-family   : 'Roboto', sans-serif;
  /*font-weight : 500;*/
  color         : #FFF;
  letter-spacing: 0.1em;
}

.footer-text {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color      : #000;
  font-size  : 1rem;
}

.thanks-background {
  background-color: rgba(39, 39, 39, 0.8);
}

.error {
  color           : #c1002f !important;
  background-color: #b9b9b9;
  font-family     : 'Roboto', sans-serif;
  font-weight     : 500;
  font-size       : small;
  padding-left    : 2px;
}