/* FRONTPAGE  ***/

.path-frontpage #imagen-portada {
  background: url(/themes/custom/perte/assets/img/paisaje-agricola.jpg) no-repeat center center;
  background-size: 100% auto;
  width: 100%;
  height: 100vh;
  max-height: 400px;
  display: flex;
  align-items: center;
  text-align: center;
}

.path-frontpage #imagen-portada.sidenav-open {
  max-height: 170px;
  background-position: 50% 32%;
  position: relative;
}

.path-frontpage #block-perte-portadaparaadministradores,
.path-frontpage #block-perte-portadaparagestores,
.path-frontpage #block-perte-portadaparausuarios {
  margin-top: 0;
  padding: 0 1rem 3rem 1rem;
}

.boton-inicia {
  background: var(--ds-perte-p4);
  padding: .7em 2em;
  color: white;
  border-radius: 100px;
  font-size: 1.2em;
  text-transform: uppercase;
  transition: background-color 0.2s ease-in-out;
}

.boton-inicia:hover {
  color: white;
  background: #000;
  text-decoration: none;
}

.path-frontpage #imagen-portada .container-xl {
  color: white;
  background: rgba(0, 0, 0, 0.4);
  display: inline-block;
  width: auto;
  padding: 0 2em;
}


.path-frontpage #imagen-portada .container-xl h1 {
  color: white;
  font-size: 2em;
  padding: .3em 0 0 0;
  font-weight: 300;
}



#imagen-portada .container-xl .container-xl {
  padding: .3em 0 .7em 0;
  background: none;
}