@charset "UTF-8";
/* fonts */
/* colors */
/* blau principal */
/* blau secundari */
/*unificat amb #004374 perquè són massa semblats*/
/* unificat amb #AFE1F5 perquè són massa semblants */
/* s'unifica a blue-main-menu #459EDA; */
/* unificat amb #439FD9 i #439ED9 perquè són pràcticament idèntics */
/* eliminats 2 darreres xifres de transparència per al cas table__classic */
/* aquest blau no té cap sentit perquè no és de la mateixa gamma #001470; */
/* mirem d'unificar tot al blau del header user #164168; */
/*unificat amb #17436A perquè són massa semblats*/
/*unificat amb  #06090b perquè són massa semblants */
/*unificat amb #f7f7f7*/
/* unificat amb #edeef0; perquè són molt semblants */
/*unificat amb #ddd i amb #d1d1d1 perquè són massa semblants*/
/*unificat amb #555555 perquè són massa semblants*/
/* paddings and widths*/
.color-light {
  background: #e0f4ff; }

.color-mid {
  background: #86d3ff; }

.color-dark {
  background: #009fdf; }

.paragraph--type--video .video-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  height: 0;
  margin-left: calc(-1 * (90px / 3));
  margin-right: calc(-1 * (90px / 3)); }
  @media (min-width: 992px) {
    .paragraph--type--video .video-wrapper {
      margin-left: calc(-1 * (90px / 1.5));
      margin-right: calc(-1 * (90px / 1.5)); } }
  @media (min-width: 1200px) {
    .paragraph--type--video .video-wrapper {
      margin-left: calc(-1 * 90px);
      margin-right: calc(-1 * 90px); } }
.paragraph--type--video iframe {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: none; }
.paragraph--type--video .video-abs .contextual-region {
  position: inherit; }
.paragraph--type--video .img-abs {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }
.paragraph--type--video .play {
  border-radius: 100px;
  width: 75px;
  height: 75px;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  background-color: #009fdf; }
  @media (min-width: 1200px) {
    .paragraph--type--video .play {
      width: 92px;
      height: 92px; } }
  .paragraph--type--video .play::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    margin-top: -18px;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 32px solid #ffffff; }
    @media (min-width: 1200px) {
      .paragraph--type--video .play::after {
        margin-left: -12px;
        margin-top: -22px;
        border-top: 24px solid transparent;
        border-bottom: 24px solid transparent;
        border-left: 36px solid #ffffff; } }