:root {
  /* base color 1 */
  --color1-light: hsla(var(--base-color1), 50%, 75%, 100%);
  --color1-normal: hsla(var(--base-color1), 50%, 50%, 100%);
  --color1-darker: hsla(var(--base-color1), 50%, 35%, 100%);
  /* base color 2 */
  --color2-light: hsla(var(--base-color2), 50%, 75%, 100%);
  --color2-normal: hsla(var(--base-color2), 50%, 50%, 100%);
  --color2-darker: hsla(var(--base-color2), 50%, 35%, 100%);
  /*base color 3 */
  --color3-light: hsla(var(--base-color3), 50%, 75%, 100%);
  --color3-normal: hsla(var(--base-color3), 50%, 50%, 100%);
  --color3-darker: hsla(var(--base-color3), 50%, 35%, 100%);
}
:root.dark p, :root.dark li, :root.dark label, :root.dark small, :root.dark pre {
  color: #ebebeb;
}
:root.dark h1, :root.dark h2, :root.dark h3, :root.dark h4, :root.dark h5, :root.dark h6 {
  color: #f8f8f8;
}

.jumbotron .lead input[type=checkbox], .jumbotron .lead input[type=radio] {
  transform: scale(1.5) translateY(0.1em);
}

form input[type=date], form input.dateES {
  display: block;
}
form input[type=date], form input.dateES, form input[type=tel], form input[type=number], form input[name=codiPostal], form input[name=cp] {
  font-variant-numeric: tabular-nums;
}
form select[name=sexe] {
  min-width: 6em;
}
form.form-inline {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5em;
  align-items: center;
  line-height: 3.4rem;
}
form.form-inline > input:not([size]), form.form-inline textarea, form.form-inline .panel {
  flex: 1;
}
form.form-inline label.radio-inline {
  display: flex;
  align-items: center;
}
form.form-inline label.radio-inline input {
  margin-top: 0;
}
form.form-inline-2 > .form-inline-2 {
  flex-grow: 1;
}
form.form-inline-2 label {
  white-space: nowrap;
}
form .chks-group {
  display: grid;
  grid-template-columns: minmax(0, max-content) auto;
  grid-gap: 1rem;
  align-items: center;
  padding: 1rem 0;
}

.flex-rw {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  gap: 1rem;
}

.flex-c {
  display: flex;
  flex-flow: column;
  gap: 1rem 0;
}

table tr.divisio th {
  border-top: none;
  padding-top: 1rem;
}

.formacio-tipusVista-3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(25rem, 100%), 1fr));
  grid-gap: 1rem;
  padding: 0;
}
.formacio-tipusVista-3 :hover {
  text-decoration: none;
}
.formacio-tipusVista-3 ul {
  list-style: none;
  padding: 0;
}
.formacio-tipusVista-3 .marc-imatge-curs {
  position: relative;
  aspect-ratio: 2/1;
}
.formacio-tipusVista-3 .marc-imatge-curs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.formacio-tipusVista-3 .marc-imatge-curs div {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}
.formacio-tipusVista-3 > .detall-curs {
  color: initial;
}
.formacio-tipusVista-3 > .detall-curs dl {
  display: grid;
  grid-template-columns: max-content 1fr;
}
.formacio-tipusVista-3 > .detall-curs dl > * {
  margin-right: 1em;
}

ul.llista-comprovacions-borsa {
  padding-bottom: 2rem;
}
ul.llista-comprovacions-borsa > li {
  list-style: none;
  padding-top: 2rem;
}
ul.llista-comprovacions-borsa > li ul {
  padding-top: 1rem;
  padding-left: 0;
}
ul.llista-comprovacions-borsa > li ul li {
  list-style: none;
}

.inicial-nom {
  color: white;
}

.color-principal {
  background-color: black;
  color: white;
  border-color: var(--color1-darker);
}

.color-secundari, .btn-primary {
  background-color: var(--color1-normal);
  color: white;
  border-color: var(--color1-darker);
}
.color-secundari:hover, .btn-primary:hover {
  background-color: var(--color1-darker);
}

.cerca-ofertes,
.cercador2.cerca-grups {
  background: #eeeeee;
  padding: 1.5rem;
  margin-bottom: 2rem;
  gap: 0;
}
.cerca-ofertes #cerca-ofertes-filtre > div,
.cerca-ofertes #cerca-grups-filtre > div,
.cercador2.cerca-grups #cerca-ofertes-filtre > div,
.cercador2.cerca-grups #cerca-grups-filtre > div {
  padding-top: 1rem;
}

/*# sourceMappingURL=web-views.css.map */