/* CSS Document */
.contenedor-tramite {
  margin: 3rem 0rem;
}
.items-tramite {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  font-family: var(--fuente);
}
.contenedor-item-tramite {
  width: 100%;
  padding: 1rem;
  background: var(--gris);
  border-radius: 1.5rem;
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: flex-start;
  /* flex-wrap: wrap; */
}
.icono-item-tramite {
  border: 0.1rem solid #fff;
  border-radius: 6rem;
  background: var(--blanco);
  color: var(--primario);
  width: 7rem;
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}
.datos-item-tramite {
  display: flex;
  flex-direction: column;
}
.datos-item-tramite .item {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.datos-item-tramite .item_dato {
  font-size: 2rem;
  font-weight: 700;
  color: var(--primario);
}
.contenedor_pasos_tramites {
  margin: 3rem 0rem;
}
.contenedor_pasos_tramites .titulo_pasos {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.contenedor_paso {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  gap: 1rem;
  font-size: 1.6rem;
}
.numero_paso {
  border: 0.1rem solid #fff;
  border-radius: 1rem;
  background: var(--primario);
  color: var(--blanco);
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  align-items: center;
  font-weight: 900;
  justify-content: center;
  font-size: 1.8rem;
  font-family: var(--fuente);
}
.contenido_paso {
  display: flex;
  flex-direction: column;
}
.contenido_paso .titulo {
  font-weight: 600;
}
.detalle_tramite {
  font-size: 1.8rem;
}
@media (max-width:990px) {
  .detalle_tramite {
    margin-top: 4rem;
  }
}
.documento {
  min-height: 6rem;
  height: auto;
  background: var(--blanco);
  padding: .5rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--negro);
  display: flex;
  justify-content: flex-start;
  text-align: left;
  gap: 1rem;
  align-items: center;
  margin-bottom: 3rem;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 0rem 0.1rem 0.5rem 0.3rem rgba(212, 212, 212, 0.43);
  -moz-box-shadow: 0rem 0.1rem 0.5rem 0.3rem rgba(212, 212, 212, 0.43);
  box-shadow: 0rem 0.1rem 0.5rem 0.3rem rgba(212, 212, 212, 0.43);
}
.documento:hover {
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 0rem 0.2rem 0.6rem 0.4rem rgba(212, 212, 212, 0.90);
  -moz-box-shadow: 0rem 0.2rem 0.6rem 0.4rem rgba(212, 212, 212, 0.90);
  box-shadow: 0rem 0.2rem 0.6rem 0.4rem rgba(212, 212, 212, 0.90);
}
a:hover .documento .nombre_documento {
  text-decoration: none !important;
}
.icono_documento {
  font-size: 2.5rem;
  color: var(--primario);
}
.nombre_documento {
  font-size: 1.5rem;
}
.contenedor-filtros {
  margin: 2rem 0rem;
}