/*
 * Globals
 */
:root {
  --azul         : #658fca;
  --azul-oscuro  : #0a0b15;
  --azul-grisaceo: #1b1d2c;
  --roboto       : 'Roboto', sans-serif;

}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color      : #333;
  text-shadow: none;
  /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow : inset 0 0 5rem rgba(0, 0, 0, .5);
  font-family: var(--roboto);
}

.fondo-oscuro {
  background-color     : var(--azul-oscuro);
  background-image     : -webkit-linear-gradient(-45deg, var(--azul-oscuro) 50%, var(--azul-grisaceo) 50%);
  min-height           : 500px;
  background-repeat    : no-repeat;
  background-attachment: fixed
}

.cover-container {
  max-width: 42em;
}


/*
 * Header
 */

.nav-masthead .nav-link {
  padding         : .25rem 0;
  font-weight     : 700;
  color           : var(--azul-oscuro);
  background-color: transparent;
  border-bottom   : .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link+.nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color              : #fff;
  border-bottom-color: #fff;
}

/*
 * Logo
 */

.logo {
  width    : 100%;
  max-width: 75vw;
  right    : 0;
  left     : 0;
  margin   : 0 auto;
}

.logo img {
  width : 100%;
  height: auto;
}

/*
 * Social
 */

.social {
  display        : flex;
  justify-content: space-evenly;
  margin-top     : 2rem;
}

.social i {
  color    : var(--azul);
  font-size: 2rem;
  margin   : 0 2rem;
}

.social i:hover {}

.social a {
  color    : var(--azul);
  font-size: 2rem;
  margin   : 0 2rem;
}

.social a:hover {}

/*
 * Lista
 */

.servicios {
  margin: 2rem 0;
}

.lista {
  display       : flex;
  flex-direction: column;
  font-size     : 0.8rem;
  font-family   : var(--roboto);
}

/*
 * Lista
 */

footer p {
  font-size  : 0.8rem;
  font-family: var(--roboto);
}