@charset "UTF-8";
/* VARIABLES */
html,
body {
  font-size: 100%;
}

/* MIXINS */
/* / MIXINS */
.typo--heading-xxl {
  font-family: "myriad-pro", sans-serif;
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .typo--heading-xxl {
    font-size: 3rem;
    line-height: 3.625rem;
  }
}
.typo--heading-xl {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .typo--heading-xl {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
.typo--heading-l {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .typo--heading-l {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}
.typo--heading-m {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0.03125rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .typo--heading-m {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.typo--heading-s {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: 0.03125rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .typo--heading-s {
    font-size: 1.75rem;
    line-height: 2.625rem;
  }
}
.typo--heading-xs {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: 0.03125rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .typo--heading-xs {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.typo--heading-xxs {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.03125rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .typo--heading-xxs {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.typo--body-xl {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.0625rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .typo--body-xl {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
.typo--body-xl-regular {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .typo--body-xl-regular {
    font-size: 1.125rem;
    line-height: 2rem;
  }
}
.typo--body-l {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .typo--body-l {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.typo--orbitron-light {
  font-family: "Orbitron", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
}
.typo--orbitron-bold {
  font-family: "Orbitron", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  line-height: 1.5;
  font-weight: 700;
}

:root {
  /* ESENCIALES */
  --space-2: 2px;
  --space-2-rem: 0.125rem;
  --space-4: 4px;
  --space-4-rem: 0.25rem;
  --space-8: 8px;
  --space-8-rem: 0.5rem;
  --space-16: 16px;
  --space-16-rem: 1rem;
  --color-core-white: #ffffff;
  --color-core-black: #0a0a0a;
  --color-core-primary: #023F86;
  --color-core-secondary: #11a0a7;
  --color-supporting-colours-tertiary: #333333;
  --color-supporting-colours-quaternary: #666666;
  --color-supporting-colours-quinary: #007fbd;
  --color-supporting-colours-senary: #00b5d9;
  --color-backgrounds-dark-grey: #999999;
  --color-backgrounds-medium-grey: #cccccc;
  --color-backgrounds-light-grey: #f2f2f2;
  --color-functional-success: #00bd3e;
  --color-functional-info: #03a9f4;
  --color-functional-warning: #eeb218;
  --color-functional-error: #fd3700;
  --color-illustrations-grey-grey-300: #595959;
  --color-illustrations-grey-grey-200: #8f8f8f;
  --color-illustrations-grey-grey-100: #d6d6d6;
  --color-backgrounds-alternative-subscriptions-bgprimary: #e6f8f9;
  --color-backgrounds-alternative-subscriptions-bgsecondary: #e5ebf3;
  --color-backgrounds-alternative-subscriptions-bgtertiary: #00b5d9;
  --color-backgrounds-alternative-subscriptions-bgquaternary: #04b9c2;
  --color-backgrounds-alternative-subscriptions-bgquinary: #007f8d;
  --color-backgrounds-alternative-subscriptions-bgsenary: #87cad2;
  --color-backgrounds-alternative-subscriptions-bgseptenary: #b2c3e4;
  --space-24: 24px;
  --space-24-rem: 1.5rem;
  --space-32: 32px;
  --space-32-rem: 2rem;
  --space-40: 40px;
  --space-40-rem: 2.5rem;
  --space-48: 48px;
  --space-48-rem: 3rem;
  --space-64: 64px;
  --space-64-rem: 4rem;
  --space-96: 96px;
  --space-96-rem: 6rem;
  --space-128: 128px;
  --space-128-rem: 8rem;
  --tipography-primary: "myriad pro";
  --tipography-secondary: "myriad pro";
  --tipography-tertiary: "Orbitron";
  --space-12: 12px;
  --space-12-rem: 0.75rem;
  --space-18: 18px;
  --space-18-rem: 1.125rem;
  --space-56: 56px;
  --space-56-rem: 3.5rem;
  --space-20: 20px;
  --space-20-rem: 1.25rem;
  /* TOKENS */
  --color-text-display-light: var(--color-core-black);
  --color-text-display-dark: var(--color-core-white);
  --color-text-heading-light: var(--color-core-black);
  --color-text-heading-dark: var(--color-core-white);
  --color-text-body-light: var(--color-supporting-colours-tertiary);
  --color-text-body-dark: var(--color-backgrounds-light-grey);
  --color-text-accent-light: var(--color-core-primary);
  --color-text-accent-dark: var(--color-core-primary);
  --color-text-disabled-light: var(--color-backgrounds-dark-grey);
  --color-text-disabled-dark: var(--color-backgrounds-dark-grey);
  --color-functional-information-light: var(--color-functional-info);
  --color-functional-information-dark: var(--color-functional-info);
  --color-functional-success-light: var(--color-functional-success);
  --color-functional-success-dark: var(--color-functional-success);
  --color-functional-warning-light: var(--color-functional-warning);
  --color-functional-warning-dark: var(--color-functional-warning);
  --color-functional-error-light: var(--color-functional-error);
  --color-functional-error-dark: var(--color-functional-error);
  --color-text-accent-hover-light: var(--color-core-black);
  --color-text-accent-hover-dark: var(--color-core-black);
  --color-button-primary-light: var(--color-core-primary);
  --color-button-primary-dark: var(--color-core-primary);
  --color-button-secondary-light: var(--color-supporting-colours-senary);
  --color-button-secondary-dark: var(--color-supporting-colours-senary);
  --color-button-tertiary-light: var(--color-core-white);
  --color-button-tertiary-dark: var(--color-core-black);
  --color-icon-primary-light: var(--color-core-black);
  --color-icon-primary-dark: var(--color-core-white);
  --color-icon-secondary-light: var(--color-core-primary);
  --color-icon-secondary-dark: var(--color-supporting-colours-senary);
  --color-border-primary-light: var(--color-core-primary);
  --color-border-primary-dark: var(--color-core-primary);
  --color-border-secondary-light: var(--color-supporting-colours-senary);
  --color-border-secondary-dark: var(--color-supporting-colours-senary);
  --color-border-tertiary-light: var(--color-backgrounds-medium-grey);
  --color-border-tertiary-dark: var(--color-backgrounds-light-grey);
  --color-background-core-light-light: var(--color-core-white);
  --color-background-core-light-dark: var(--color-core-secondary);
  --color-background-core-dark-light: var(--color-core-secondary);
  --color-background-core-dark-dark: var(--color-core-white);
  --color-background-core-brand-light: var(--color-core-primary);
  --color-background-core-brand-dark: var(--color-core-primary);
  --color-background-grey-light-grey-light: var(--color-backgrounds-light-grey);
  --color-background-grey-light-grey-dark: var(--color-backgrounds-light-grey);
  --color-background-grey-medium-grey-light: var(--color-backgrounds-medium-grey);
  --color-background-grey-medium-grey-dark: var(--color-backgrounds-medium-grey);
  --color-background-grey-dark-grey-light: var(--color-backgrounds-dark-grey);
  --color-background-grey-dark-grey-dark: var(--color-backgrounds-dark-grey);
  --color-background-suscription-alternative-primary-light: var(--color-backgrounds-alternative-subscriptions-bgprimary);
  --color-background-suscription-alternative-primary-dark: var(--color-backgrounds-alternative-subscriptions-bgprimary);
  --color-background-suscription-alternative-secondary-light: var(--color-backgrounds-alternative-subscriptions-bgsecondary);
  --color-background-suscription-alternative-secondary-dark: var(--color-backgrounds-alternative-subscriptions-bgsecondary);
  --color-background-suscription-alternative-tertiary-light: var(--color-backgrounds-alternative-subscriptions-bgtertiary);
  --color-background-suscription-alternative-tertiary-dark: var(--color-backgrounds-alternative-subscriptions-bgtertiary);
  --color-background-suscription-alternative-quaternary-light: var(--color-backgrounds-alternative-subscriptions-bgquaternary);
  --color-background-suscription-alternative-quaternary-dark: var(--color-backgrounds-alternative-subscriptions-bgquaternary);
  --color-background-suscription-alternative-quinary-light: var(--color-backgrounds-alternative-subscriptions-bgquinary);
  --color-background-suscription-alternative-quinary-dark: var(--color-backgrounds-alternative-subscriptions-bgquinary);
  --color-background-suscription-alternative-senary-light: var(--color-backgrounds-alternative-subscriptions-bgsenary);
  --color-background-suscription-alternative-senary-dark: var(--color-backgrounds-alternative-subscriptions-bgsenary);
  --color-background-suscription-alternative-septenary-light: var(--color-backgrounds-alternative-subscriptions-bgseptenary);
  --color-background-suscription-alternative-septenary-dark: var(--color-backgrounds-alternative-subscriptions-bgseptenary);
  --color-text-invert-light: var(--color-core-white);
  --color-text-invert-dark: var(--color-core-black);
  /* TIPOGRAPHY */
  --fontweight-italic-desktop: "italic";
  --fontweight-semibold-desktop: "semibold";
  --fontweight-bold-desktop: "bold";
  --fontweight-regular-desktop: "regular";
  --button-lg-desktop: var(--space-24);
  --button-lg-mobile: var(--space-24);
  --button-md-desktop: var(--space-18);
  --button-md-mobile: var(--space-18);
  --button-sm-desktop: var(--space-16);
  --button-sm-mobile: var(--space-16);
  --fontsize-heading-lg-desktop: var(--space-48);
  --fontsize-heading-lg-mobile: var(--space-32);
  --fontsize-heading-sm-desktop: var(--space-20);
  --fontsize-heading-sm-mobile: var(--space-20);
  --fontsize-body-sm-desktop: var(--space-12);
  --fontsize-body-sm-mobile: var(--space-12);
  --fontsize-display-md-desktop: var(--space-96);
  --fontsize-display-md-mobile: var(--space-56);
  --fontsize-display-lg-desktop: var(--space-128);
  --fontsize-display-lg-mobile: var(--space-64);
  --fontsize-body-lg-desktop: var(--space-18);
  --fontsize-body-lg-mobile: var(--space-18);
  --fontsize-body-md-desktop: var(--space-16);
  --fontsize-body-md-mobile: var(--space-16);
  --fontsize-display-sm-desktop: var(--space-64);
  --fontsize-display-sm-mobile: var(--space-48);
  --fontsize-heading-md-desktop: var(--space-32);
  --fontsize-heading-md-mobile: var(--space-24);
  --lineheight-display-md-desktop: var(--space-96);
  --lineheight-display-md-mobile: var(--space-96);
  --lineheight-display-lg-desktop: var(--space-128);
  --lineheight-display-lg-mobile: var(--space-64);
  --lineheight-display-sm-desktop: var(--space-64);
  --lineheight-display-sm-mobile: var(--space-56);
  --lineheight-heading-lg-desktop: var(--space-56);
  --lineheight-heading-lg-mobile: var(--space-40);
  --lineheight-heading-md-desktop: var(--space-40);
  --lineheight-heading-md-mobile: var(--space-32);
  --lineheight-heading-sm-desktop: var(--space-32);
  --lineheight-heading-sm-mobile: var(--space-32);
  --lineheight-body-sm-desktop: var(--space-20);
  --lineheight-body-sm-mobile: var(--space-24);
  --lineheight-body-lg-desktop: var(--space-32);
  --lineheight-body-lg-mobile: var(--space-20);
  --lineheight-body-md-desktop: var(--space-24);
  --lineheight-body-md-mobile: var(--space-16);
  --graficos-lg-desktop: var(--space-56);
  --graficos-lg-mobile: var(--space-40);
  --graficos-md-desktop: var(--space-24);
  --graficos-md-mobile: var(--space-32);
}

/*
 GRID SYSTEM
 -----------
 - CONTAINERS (wrapper, row, col...)
*/
/* CONTAINERS */
.wrapper,
.row,
[class*=col-] {
  box-sizing: border-box;
}

.wrapper,
.container {
  margin: 0 auto;
  padding: 0 8px;
  width: 100%;
  max-width: 1172px;
}
.wrapper.fullwidth,
.container.fullwidth {
  max-width: 1280px;
  padding: 0;
}
.wrapper.totalwidth,
.container.totalwidth {
  max-width: none;
}
@media (min-width: 1024px) {
  .wrapper.totalwidth,
  .container.totalwidth {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .wrapper,
  .container {
    padding: 0 16px;
  }
}
.wrapper--half-padding,
.container--half-padding {
  padding: 0 5px;
}
.wrapper--no-padding,
.container--no-padding {
  padding: 0 0;
}
.wrapper.shaded,
.wrapper .shaded,
.container.shaded,
.container .shaded {
  position: relative;
}
.wrapper.shaded:after, .wrapper.shaded:before,
.wrapper .shaded:after,
.wrapper .shaded:before,
.container.shaded:after,
.container.shaded:before,
.container .shaded:after,
.container .shaded:before {
  content: " ";
  position: absolute;
  width: 100vw;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  transform: translateX(-100vw);
}
.wrapper.shaded:after,
.wrapper .shaded:after,
.container.shaded:after,
.container .shaded:after {
  transform: translateX(0);
  left: auto;
  width: calc(50vw - 50%);
  right: calc(50% - 50vw);
}

.row {
  display: -moz-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 1 auto;
  margin-left: -5px;
  margin-right: -5px;
  min-width: 100%;
}
.totalwidth .row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 768px) {
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.main-grid > .row {
  margin-left: -4px;
  margin-right: -4px;
}
@media (min-width: 768px) {
  .main-grid > .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.main-grid > .row > [class*=col-main-content] {
  min-width: initial;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  flex-basis: 100%;
}
@media (min-width: 1062px) {
  .main-grid > .row > [class*=col-main-content] {
    min-width: 1192px;
    max-width: 66.6666666667%;
    flex-basis: 66.6666666667%;
  }
}
.row--direction-row {
  flex-direction: row;
}
.row--direction-rowreverse {
  flex-direction: row-reverse;
}
.row--direction-column {
  flex-direction: column;
}
.row--direction-columnreverse {
  flex-direction: column-reverse;
}
.row--align-items-stretch {
  align-items: stretch;
}
.row--align-items-center {
  align-items: center;
}
.row--align-items-flex-start {
  align-items: flex-start;
}
.row--align-items-flex-end {
  align-items: flex-end;
}

[class*=col-] {
  flex: 0 0;
  padding-left: 5px;
  padding-right: 5px;
}
.totalwidth .row [class*=col-] {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  [class*=col-] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
[class*=col-].col--no-gutter {
  padding-right: 0;
  padding-left: 0;
}
[class*=col-].col--no-gutter-right {
  padding-right: 0;
}
[class*=col-].col--no-gutter-left {
  padding-left: 0;
}
[class*=col-].col--sky {
  display: none;
  height: 100%;
  flex: 1 1;
}
@media (min-width: 1062px) {
  [class*=col-].col--sky {
    display: block;
  }
}
@media (min-width: 768px) {
  [class*=col-].col--order-first {
    order: -1;
  }
}
@media (min-width: 768px) {
  [class*=col-].col--order-last {
    order: 1;
  }
}
.row--equal-height > [class*=col-] {
  display: flex;
}
.row--equal-height > [class*=col-] > * {
  flex: 1;
}

.col-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

@media (min-width: 320px) {
  .col-xs-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xs-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xs-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 600px) {
  .col-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .col-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .col-lg-offsetleft-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offsetright-1 {
    margin-right: 8.3333333333%;
  }
  .col-lg-offsetleft-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offsetright-2 {
    margin-right: 16.6666666667%;
  }
  .col-lg-offsetleft-3 {
    margin-left: 25%;
  }
  .col-lg-offsetright-3 {
    margin-right: 25%;
  }
  .col-lg-offsetleft-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offsetright-4 {
    margin-right: 33.3333333333%;
  }
  .col-lg-offsetleft-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offsetright-5 {
    margin-right: 41.6666666667%;
  }
  .col-lg-offsetleft-6 {
    margin-left: 50%;
  }
  .col-lg-offsetright-6 {
    margin-right: 50%;
  }
  .col-lg-offsetleft-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offsetright-7 {
    margin-right: 58.3333333333%;
  }
  .col-lg-offsetleft-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offsetright-8 {
    margin-right: 66.6666666667%;
  }
  .col-lg-offsetleft-9 {
    margin-left: 75%;
  }
  .col-lg-offsetright-9 {
    margin-right: 75%;
  }
  .col-lg-offsetleft-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offsetright-10 {
    margin-right: 83.3333333333%;
  }
  .col-lg-offsetleft-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offsetright-11 {
    margin-right: 91.6666666667%;
  }
  .col-lg-offsetleft-12 {
    margin-left: 100%;
  }
  .col-lg-offsetright-12 {
    margin-right: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-offsetleft-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offsetright-1 {
    margin-right: 8.3333333333%;
  }
  .col-md-offsetleft-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offsetright-2 {
    margin-right: 16.6666666667%;
  }
  .col-md-offsetleft-3 {
    margin-left: 25%;
  }
  .col-md-offsetright-3 {
    margin-right: 25%;
  }
  .col-md-offsetleft-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offsetright-4 {
    margin-right: 33.3333333333%;
  }
  .col-md-offsetleft-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offsetright-5 {
    margin-right: 41.6666666667%;
  }
  .col-md-offsetleft-6 {
    margin-left: 50%;
  }
  .col-md-offsetright-6 {
    margin-right: 50%;
  }
  .col-md-offsetleft-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offsetright-7 {
    margin-right: 58.3333333333%;
  }
  .col-md-offsetleft-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offsetright-8 {
    margin-right: 66.6666666667%;
  }
  .col-md-offsetleft-9 {
    margin-left: 75%;
  }
  .col-md-offsetright-9 {
    margin-right: 75%;
  }
  .col-md-offsetleft-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offsetright-10 {
    margin-right: 83.3333333333%;
  }
  .col-md-offsetleft-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offsetright-11 {
    margin-right: 91.6666666667%;
  }
  .col-md-offsetleft-12 {
    margin-left: 100%;
  }
  .col-md-offsetright-12 {
    margin-right: 100%;
  }
}
@media (min-width: 600px) {
  .col-sm-offsetleft-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offsetright-1 {
    margin-right: 8.3333333333%;
  }
  .col-sm-offsetleft-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offsetright-2 {
    margin-right: 16.6666666667%;
  }
  .col-sm-offsetleft-3 {
    margin-left: 25%;
  }
  .col-sm-offsetright-3 {
    margin-right: 25%;
  }
  .col-sm-offsetleft-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offsetright-4 {
    margin-right: 33.3333333333%;
  }
  .col-sm-offsetleft-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offsetright-5 {
    margin-right: 41.6666666667%;
  }
  .col-sm-offsetleft-6 {
    margin-left: 50%;
  }
  .col-sm-offsetright-6 {
    margin-right: 50%;
  }
  .col-sm-offsetleft-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offsetright-7 {
    margin-right: 58.3333333333%;
  }
  .col-sm-offsetleft-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offsetright-8 {
    margin-right: 66.6666666667%;
  }
  .col-sm-offsetleft-9 {
    margin-left: 75%;
  }
  .col-sm-offsetright-9 {
    margin-right: 75%;
  }
  .col-sm-offsetleft-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offsetright-10 {
    margin-right: 83.3333333333%;
  }
  .col-sm-offsetleft-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offsetright-11 {
    margin-right: 91.6666666667%;
  }
  .col-sm-offsetleft-12 {
    margin-left: 100%;
  }
  .col-sm-offsetright-12 {
    margin-right: 100%;
  }
}
/* / CONTAINERS */
.innovacion__agenda2030 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 24px;
}
.innovacion__bloque-datos {
  display: block;
  width: 100%;
}
.innovacion__bloque-datos__titulo {
  color: var(--color-text-heading, #0A0A0A);
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-heading-sm, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lineheight-heading-sm, 32px);
  margin-bottom: 24px;
}
.innovacion__bloque-datos__caja {
  border: 2px solid var(--color-core-primary);
  border-radius: 4px;
  padding: 12px;
  margin-bottom: 24px;
}
.innovacion__bloque-datos__minititulo {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-text-heading, #0A0A0A);
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-heading-sm, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-heading-sm, 32px); /* 160% */
}

.page-wrapper {
  overflow-x: hidden;
  min-height: 100vh;
  position: relative;
}

.mutua-layout-2col__col-1 {
  margin-bottom: 2rem;
}
@media (min-width: 1280px) {
  .mutua-layout-2col__col-1 {
    margin-bottom: initial;
  }
}
@media (min-width: 1280px) {
  .mutua-layout-2col .content-reverse {
    flex-direction: row-reverse;
  }
}

.flex-layout {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.flex-layout--small {
  gap: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mutua-content-block {
  margin: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.mutua-heading__wrapper + .mutua-content-block {
  margin-bottom: 0;
}

html, body {
  height: 100%;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

*, *:before, *:after {
  box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
}

body {
  position: relative;
  padding-top: 8.875rem;
}
@media (min-width: 1202px) {
  body {
    padding-top: 7.0625rem;
  }
}

ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

.container--con-borde .row {
  padding: 12px;
}

a[href^="[ # ES # ]"],
a[href^="[ # CA # ]"],
a[href^="[ # EN # ]"],
a[href^="[ # EU # ]"],
a[href^="[ # GL # ]"] {
  border: 1px dotted #f03;
}

.mutua-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.mutua-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: contain;
}
.mutua-icon__wrapper, .mutua-icon__link {
  position: relative;
}
.mutua-icon--afiliation {
  width: 2.75rem;
  height: 2.5rem;
}
.mutua-icon--afiliation::before {
  background-image: url(../img/icons/afiliacion.svg);
}
.mutua-icon--associated-companies {
  width: 2.75rem;
  height: 2.5rem;
}
.mutua-icon--associated-companies::before {
  background-image: url(../img/icons/empresas-asociadas.svg);
}
.mutua-icon--hospital {
  width: 2.75rem;
  height: 2.5rem;
}
.mutua-icon--hospital::before {
  background-image: url(../img/icons/hospital.svg);
}
.mutua-icon--ingresos-cotizaciones {
  width: 2.75rem;
  height: 2.5rem;
}
.mutua-icon--ingresos-cotizaciones::before {
  background-image: url(../img/icons/ingresos-cotizaciones-sociales.svg);
}
.mutua-icon--computer {
  width: 2.75rem;
  height: 2.5rem;
}
.mutua-icon--computer::before {
  background-image: url(../img/icons/ordenador.svg);
}
.mutua-icon--patrimonio-neto {
  width: 2.75rem;
  height: 2.5rem;
}
.mutua-icon--patrimonio-neto::before {
  background-image: url(../img/icons/patrimonio-neto.svg);
}
.mutua-icon--plus {
  width: 2.75rem;
  height: 2.5rem;
}
.mutua-icon--plus::before {
  background-image: url(../img/icons/plus.svg);
}
.mutua-icon--por-cuenta-ajena {
  width: 2.75rem;
  height: 2.5rem;
}
.mutua-icon--por-cuenta-ajena::before {
  background-image: url(../img/icons/por-cuenta-ajena.svg);
}
.mutua-icon--por-cuenta-propia {
  width: 2.75rem;
  height: 2.5rem;
}
.mutua-icon--por-cuenta-propia::before {
  background-image: url(../img/icons/por-cuenta-propia.svg);
}

.container,
.wrapper {
  position: relative;
}
.container .container,
.container .wrapper,
.wrapper .container,
.wrapper .wrapper {
  padding: 0 0;
}
.container.shaded,
.container .shaded,
.wrapper.shaded,
.wrapper .shaded {
  position: relative;
}
.container.shaded:after, .container.shaded:before,
.container .shaded:after,
.container .shaded:before,
.wrapper.shaded:after,
.wrapper.shaded:before,
.wrapper .shaded:after,
.wrapper .shaded:before {
  content: " ";
  position: absolute;
  width: 100vw;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  transform: translateX(-100vw);
}
.container.shaded:after,
.container .shaded:after,
.wrapper.shaded:after,
.wrapper .shaded:after {
  transform: translateX(0);
  left: auto;
  width: calc(50vw - 50%);
  right: calc(50% - 50vw);
}
.container.shaded--primary,
.container .shaded--primary,
.wrapper.shaded--primary,
.wrapper .shaded--primary {
  padding: 1rem 0;
  background-color: #023F86;
}
.container.shaded--primary *,
.container .shaded--primary *,
.wrapper.shaded--primary *,
.wrapper .shaded--primary * {
  color: #FFFFFF;
}
.container.shaded--primary::before, .container.shaded--primary::after,
.container .shaded--primary::before,
.container .shaded--primary::after,
.wrapper.shaded--primary::before,
.wrapper.shaded--primary::after,
.wrapper .shaded--primary::before,
.wrapper .shaded--primary::after {
  background-color: #023F86;
}
.container.shaded--black,
.container .shaded--black,
.wrapper.shaded--black,
.wrapper .shaded--black {
  padding: 1rem 0;
  background-color: #0A0A0A;
}
.container.shaded--black *,
.container .shaded--black *,
.wrapper.shaded--black *,
.wrapper .shaded--black * {
  color: #FFFFFF;
}
.container.shaded--black::before, .container.shaded--black::after,
.container .shaded--black::before,
.container .shaded--black::after,
.wrapper.shaded--black::before,
.wrapper.shaded--black::after,
.wrapper .shaded--black::before,
.wrapper .shaded--black::after {
  background-color: #0A0A0A;
}
.container.shaded--grey,
.container .shaded--grey,
.wrapper.shaded--grey,
.wrapper .shaded--grey {
  padding: 1rem 0;
  background: var(--color-backgrounds-light-grey, #F6F6F6);
}
.container.shaded--grey::before, .container.shaded--grey::after,
.container .shaded--grey::before,
.container .shaded--grey::after,
.wrapper.shaded--grey::before,
.wrapper.shaded--grey::after,
.wrapper .shaded--grey::before,
.wrapper .shaded--grey::after {
  background: var(--color-backgrounds-light-grey, #F6F6F6);
}
.container.bordered,
.container .bordered,
.wrapper.bordered,
.wrapper .bordered {
  position: relative;
}
.container.bordered:after, .container.bordered:before,
.container .bordered:after,
.container .bordered:before,
.wrapper.bordered:after,
.wrapper.bordered:before,
.wrapper .bordered:after,
.wrapper .bordered:before {
  content: "";
  position: absolute;
  width: 100vw;
  bottom: -1px;
  right: 0;
  left: 0;
  top: -1px;
  transform: translateX(-100vw);
}
.container.bordered:after,
.container .bordered:after,
.wrapper.bordered:after,
.wrapper .bordered:after {
  transform: translateX(0);
  left: auto;
  width: calc(50vw - 50%);
  right: calc(50% - 50vw);
}
.container.bordered--grey,
.container .bordered--grey,
.wrapper.bordered--grey,
.wrapper .bordered--grey {
  padding: 1rem 0;
  border-top: 1px solid var(--color-backgrounds-medium-grey, #E0E0E0);
  border-bottom: 1px solid var(--color-backgrounds-medium-grey, #E0E0E0);
}
.container.bordered--grey::before, .container.bordered--grey::after,
.container .bordered--grey::before,
.container .bordered--grey::after,
.wrapper.bordered--grey::before,
.wrapper.bordered--grey::after,
.wrapper .bordered--grey::before,
.wrapper .bordered--grey::after {
  border-top: 1px solid var(--color-backgrounds-medium-grey, #E0E0E0);
  border-bottom: 1px solid var(--color-backgrounds-medium-grey, #E0E0E0);
}
.container.shaded,
.wrapper.shaded {
  padding: 1rem 0;
}
@media (min-width: 1202px) {
  .container.shaded,
  .wrapper.shaded {
    padding: 3rem 0;
  }
}

.section {
  padding-block: var(--space-48);
}

.row--has-divider > *:not(:last-child) {
  margin-bottom: var(--space-16);
  border-right: 1px solid var(--color-backgrounds-dark-grey, #999);
}

.row--has-border {
  padding: 16px 8px;
  border: 1px solid var(--color-backgrounds-medium-grey, #CCC);
}

@media screen and (max-width: 600px) {
  .row--has-divider > *:not(:last-child) {
    border-right: 0;
  }
}
.highlighted-block {
  padding: 2.5rem;
}
.highlighted-block--primary {
  background-color: #023F86;
}
.highlighted-block--primary *, .highlighted-block--primary .mutua-heading {
  color: #FFFFFF;
}
.highlighted-block--black {
  background-color: #0A0A0A;
}
.highlighted-block--black *, .highlighted-block--black .mutua-heading {
  color: #FFFFFF;
}
.highlighted-block--cypher {
  position: relative;
  background-color: var(--color-backgrounds-light-grey, #F6F6F6);
}
.highlighted-block--cypher:after, .highlighted-block--cypher:before {
  content: " ";
  position: absolute;
  width: 100vw;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  transform: translateX(-100vw);
  background: var(--color-backgrounds-light-grey, #F6F6F6);
}
.highlighted-block--cypher:after {
  transform: translateX(0);
  left: auto;
  width: calc(50vw - 50%);
  right: calc(50% - 50vw);
}
@media (min-width: 1024px) {
  .highlighted-block--cypher {
    position: static;
    background-color: transparent;
    padding: 0;
  }
  .highlighted-block--cypher::before, .highlighted-block--cypher::after {
    background: none;
  }
}
.highlighted-block-border--primary {
  border: 1px solid #023F86;
}
.highlighted-block-border--black {
  border: 1px solid #023F86;
}
.highlighted-block-element {
  padding: 1.5rem 2rem;
}
.highlighted-block-element--primary {
  border-left: 4px solid #023F86;
}
.highlighted-block-element--black {
  border-left: 4px solid #023F86;
}

.brand-text-display {
  color: #023F86;
}
.brand-background-display {
  background-color: #023F86;
}

.center-auto {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.emphatized {
  font-style: italic;
}

.hr-divider {
  width: 100%;
  background-color: var(--color-backgrounds-medium-grey, #CCC);
  border: none;
  height: 1px;
  display: block;
}

sup {
  font-size: 50%;
}
p sup {
  font-size: 66%;
}

.plus-icon-numbers {
  color: var(--color-icon-secondary, #023F86);
  text-align: center;
  font-size: var(--space-48, 48px);
  font-style: normal;
  font-weight: 700;
}

@media screen and (max-width: 480px) {
  .four-col-img {
    margin-bottom: 24px;
    max-width: 200px;
  }
}
.media-svg .picture__image {
  margin-inline: auto;
  max-width: 140px;
}

html {
  scroll-padding-top: 174px;
  scroll-behavior: smooth;
}
@media (min-width: 1280px) {
  html {
    scroll-padding-top: 146px;
  }
}

body {
  font-family: "myriad-pro", sans-serif;
  font-weight: 400;
  color: var(--Color-Text-body, #333);
}

a:focus {
  outline: 0.15rem solid var(--color-core-primary);
  background-color: white;
  color: var(--Color-Text-body, #333);
  border-radius: 0.15rem;
}

ol li::marker {
  font-size: 20px;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  white-space: nowrap;
}
.sr-only:before {
  content: " ";
}
@media (max-width: 1201px) {
  .sr-only--mobile-visible {
    position: static !important;
    width: initial !important;
    height: initial !important;
    padding: initial !important;
    margin: initial !important;
    overflow: initial !important;
    clip: initial !important;
    border: initial !important;
    white-space: initial;
  }
}

.position-relative {
  position: relative;
}

.no-padding {
  padding: 0;
}

.no-margin {
  margin: 0;
}

.font-italic {
  font-style: italic;
}

.min-560-100 {
  width: min(560px, 100%);
}

.heading-chart {
  text-align: left;
  padding: 2px 10px !important;
  width: min(400px, 100%);
}

.full-width {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}
.full-width::before, .full-width::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.full-width::before {
  left: -100%;
}
.full-width::after {
  right: -100%;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.row-reverse {
  flex-direction: row-reverse !important;
}

.gap-16-0 {
  gap: 16px 0;
}

.gap-24 {
  gap: 24px;
}

.gap-40 {
  gap: var(--space-40);
}

.row-gap-40 {
  row-gap: 40px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-32 {
  margin-bottom: 2rem;
}

.margin-inline-0 {
  margin-inline: 0;
}

.margin-block-16 {
  margin-block: var(--space-16);
}

.margin-block-20 {
  margin-block: var(--space-20);
}

.margin-block-40 {
  margin-block: var(--space-40);
}

@media screen and (max-width: 600px) {
  .px-sm-8 {
    padding-inline: 8px;
  }
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.color-accent {
  color: var(--color-text-accent, #2F4D90);
}

.bg-grey-highlighted {
  padding: 48px !important;
  background: var(--color-background-grey-light-grey, #F2F2F2);
  border-radius: 4px;
}

@media screen and (max-width: 639px) {
  .mobile-order-minus-1 {
    order: -1;
  }
  .mobile-gap-30 {
    gap: 30px;
  }
}
.text-center {
  text-align: center;
}
.text-marked {
  position: relative;
}
.text-marked::after {
  content: "";
  position: absolute;
  top: 0;
  left: 53%;
  width: 110%;
  height: 100%;
  border-radius: 12px;
  transform: translateX(-50%) skew(-15deg, -2deg);
  z-index: -1;
}

.shaded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 8, 8, 0.5);
}

.display-flex-mobile {
  display: flex;
}
@media (min-width: 1202px) {
  .display-flex-mobile {
    display: initial;
  }
}
.display-flex-phablet {
  display: initial;
}
@media (min-width: 600px) {
  .display-flex-phablet {
    display: flex;
  }
}
.display-flex-tablet {
  display: initial;
}
@media (min-width: 768px) {
  .display-flex-tablet {
    display: flex;
  }
}
.display-flex-desktop {
  display: initial;
}
@media (min-width: 1024px) {
  .display-flex-desktop {
    display: flex;
  }
}
.display-flex-desktop-hd {
  display: initial;
}
@media (min-width: 1202px) {
  .display-flex-desktop-hd {
    display: flex;
  }
}
.display-flex-all {
  display: flex;
}
.display-flex--between {
  justify-content: space-between;
}
.display-flex--justify-center {
  justify-content: center;
}
.display-flex--center-items {
  align-items: center;
}
.display-flex--gap-standard {
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .display-flex--gap-1rem {
    gap: 1rem;
  }
}
@media (min-width: 1024px) {
  .display-flex--gap-1rem-desktop {
    gap: 1rem;
  }
}
@media (min-width: 320px) {
  .display-flex--gap-1rem-mobile {
    gap: 1rem;
  }
}
.display-flex--gap-1rem-all {
  gap: 1rem;
}
@media (min-width: 1024px) {
  .display-flex--wrap-desktop {
    flex-wrap: wrap;
  }
}
@media (min-width: 320px) {
  .display-flex--wrap-mobile {
    flex-wrap: wrap;
  }
}
.display-flex--wrap-all {
  flex-wrap: wrap;
}

@media (min-width: 1280px) {
  .show-on--mobile {
    display: none !important;
  }
}
@media (max-width: 79.9375rem) {
  .show-on--desktop-hd {
    display: none !important;
  }
}

.animate-element {
  opacity: 1;
  visibility: visible;
  transform: translateY(30px);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.animate-element.is-visible {
  clip-path: inset(0);
  transform: translateY(0);
}

.fade-up {
  transform: translateY(50px);
}
.fade-up.is-visible {
  transform: translateY(0);
}
.fade-left {
  transform: translateX(-50px);
}
.fade-left.is-visible {
  transform: translateX(0);
}
.fade-right {
  transform: translateX(50px);
}
.fade-right.is-visible {
  transform: translateX(0);
}

.scale-in {
  transform: scale(0.8);
}
.scale-in.is-visible {
  transform: scale(1);
}

.rotate-in {
  transform: rotate(-10deg) scale(0.9);
}
.rotate-in.is-visible {
  transform: rotate(0deg) scale(1);
}

.animate-element:focus-within,
.animate-element *:focus {
  clip-path: inset(0) !important;
  transform: translateY(0) translateX(0) scale(1) rotate(0deg) !important;
}

@media (prefers-reduced-motion: reduce) {
  .animate-element {
    clip-path: inset(0) !important;
    transform: none !important;
    transition: none !important;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
  animation-duration: 0.5s;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
  animation-duration: 0.5s;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(10%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
  animation-duration: 0.5s;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
  animation-duration: 0.5s;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -10%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
  animation-duration: 0.5s;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.zoomIn {
  animation-name: zoomIn;
  animation-duration: 0.5s;
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
  animation-duration: 0.75s;
}

@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.slideInLeft {
  animation-name: slideInLeft;
  animation-duration: 0.6s;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  to {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  animation-name: flipInY;
  animation-duration: 0.6s;
  backface-visibility: visible;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translate3d(-20%, 0, 0) skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: translate3d(0%, 0, 0) skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  to {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  animation-name: flipInX;
  animation-duration: 0.8s;
  backface-visibility: visible;
}

@keyframes explosionPop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.explosionPop {
  animation-name: explosionPop;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
}

@keyframes waveIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotateZ(-10deg);
  }
  60% {
    opacity: 1;
    transform: translateX(10%) rotateZ(5deg);
  }
  80% {
    transform: translateX(-2%) rotateZ(-2deg);
  }
  100% {
    transform: translateX(0%) rotateZ(0deg);
  }
}
.waveIn {
  animation-name: waveIn;
  animation-duration: 0.9s;
  animation-timing-function: ease-in-out;
}

.mutua-main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  height: 8.875rem;
  will-change: transform;
  backface-visibility: hidden;
}
@media (min-width: 1202px) {
  .mutua-main-header {
    height: 7.0625rem;
  }
}
.mutua-main-header, .mutua-main-header * {
  font-family: "myriad-pro", sans-serif;
}

.footer {
  margin-top: 3rem;
  border-top: 1px solid var(--color-backgrounds-medium-grey, #E0E0E0);
  display: flex;
  padding: 48px 0px;
  flex-direction: column;
  align-items: center;
}
.footer__corporate {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px 0px;
  align-items: flex-start;
  gap: 20px;
}
.footer__corporate__rrss {
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.footer__corporate__rrss__title {
  color: var(--color-text-body, #333);
  /* primary/body/md */
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-body-md, 24px); /* 150% */
}
.footer__corporate__rrss__icons {
  display: flex;
  height: 24px;
  align-items: center;
  gap: 24px;
}
.footer__corporate__rrss__icons__link {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
}
.footer__corporate__rrss__icons__link--facebook {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icons8-facebook'%3E%3Cpath id='Vector' d='M19.2 3.19995H4.80001C3.91601 3.19995 3.20001 3.91595 3.20001 4.79995V19.2C3.20001 20.084 3.91601 20.8 4.80001 20.8H12.8V13.6H10.4V11.2H12.8V9.91115C12.8 7.47115 13.9888 6.39995 16.0168 6.39995C16.988 6.39995 17.5016 6.47195 17.7448 6.50475V8.79995H16.3616C15.5008 8.79995 15.2 9.25435 15.2 10.1744V11.2H17.7232L17.3808 13.6H15.2V20.8H19.2C20.084 20.8 20.8 20.084 20.8 19.2V4.79995C20.8 3.91595 20.0832 3.19995 19.2 3.19995Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}
.footer__corporate__rrss__icons__link--twitter {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icons8-twitterx'%3E%3Cpath id='Vector' d='M2.84155 2.87988L9.87936 13.1399L2.99062 21.1199H4.51687L10.5534 14.1224L15.3534 21.1199H21.12L13.7672 10.4014L20.2556 2.87988H18.7341L13.0922 9.41613L8.60812 2.87988H2.84155ZM4.66405 3.83988H8.1028L19.2975 20.1599H15.8587L4.66405 3.83988Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}
.footer__corporate__rrss__icons__link--instagram {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icons8-instagram'%3E%3Cpath id='Vector' d='M7.99846 2.3999C4.91126 2.3999 2.40002 4.91347 2.40002 8.00146V16.0015C2.40002 19.0887 4.91359 21.5999 8.00159 21.5999H16.0016C19.0888 21.5999 21.6 19.0863 21.6 15.9983V7.99834C21.6 4.91114 19.0865 2.3999 15.9985 2.3999H7.99846ZM17.6 5.5999C18.0416 5.5999 18.4 5.9583 18.4 6.3999C18.4 6.8415 18.0416 7.1999 17.6 7.1999C17.1584 7.1999 16.8 6.8415 16.8 6.3999C16.8 5.9583 17.1584 5.5999 17.6 5.5999ZM12 7.1999C14.6472 7.1999 16.8 9.3527 16.8 11.9999C16.8 14.6471 14.6472 16.7999 12 16.7999C9.35282 16.7999 7.20002 14.6471 7.20002 11.9999C7.20002 9.3527 9.35282 7.1999 12 7.1999ZM12 8.7999C11.1513 8.7999 10.3374 9.13704 9.73728 9.73716C9.13717 10.3373 8.80002 11.1512 8.80002 11.9999C8.80002 12.8486 9.13717 13.6625 9.73728 14.2626C10.3374 14.8628 11.1513 15.1999 12 15.1999C12.8487 15.1999 13.6626 14.8628 14.2628 14.2626C14.8629 13.6625 15.2 12.8486 15.2 11.9999C15.2 11.1512 14.8629 10.3373 14.2628 9.73716C13.6626 9.13704 12.8487 8.7999 12 8.7999Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}
.footer__corporate__rrss__icons__link--youtube {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icons8-youtube'%3E%3Cpath id='Vector' d='M21.5512 6.96007C21.3599 5.90444 20.4487 5.13569 19.3912 4.89569C17.8087 4.56007 14.8799 4.32007 11.7112 4.32007C8.54432 4.32007 5.56869 4.56007 3.98432 4.89569C2.92869 5.13569 2.01557 5.85569 1.82432 6.96007C1.63119 8.16007 1.43994 9.84007 1.43994 12.0001C1.43994 14.1601 1.63119 15.8401 1.87119 17.0401C2.06432 18.0957 2.97557 18.8644 4.03119 19.1044C5.71119 19.4401 8.59119 19.6801 11.7599 19.6801C14.9287 19.6801 17.8087 19.4401 19.4887 19.1044C20.5443 18.8644 21.4556 18.1444 21.6487 17.0401C21.8399 15.8401 22.0799 14.1113 22.1287 12.0001C22.0312 9.84007 21.7912 8.16007 21.5512 6.96007ZM9.11994 15.3601V8.64007L14.9756 12.0001L9.11994 15.3601Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}
.footer__corporate__rrss__icons__link--linkedin {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='icons8-linkedin'%3E%3Cpath id='Vector' d='M19.68 1.91992H4.32004C2.99524 1.91992 1.92004 2.99512 1.92004 4.31992V19.6799C1.92004 21.0047 2.99524 22.0799 4.32004 22.0799H19.68C21.0048 22.0799 22.08 21.0047 22.08 19.6799V4.31992C22.08 2.99512 21.0048 1.91992 19.68 1.91992ZM8.16004 9.59992V18.7199H5.28004V9.59992H8.16004ZM5.28004 6.94552C5.28004 6.27352 5.85604 5.75992 6.72004 5.75992C7.58404 5.75992 8.12644 6.27352 8.16004 6.94552C8.16004 7.61752 7.62244 8.15992 6.72004 8.15992C5.85604 8.15992 5.28004 7.61752 5.28004 6.94552ZM18.72 18.7199H15.84C15.84 18.7199 15.84 14.2751 15.84 13.9199C15.84 12.9599 15.36 11.9999 14.16 11.9807H14.1216C12.96 11.9807 12.48 12.9695 12.48 13.9199C12.48 14.3567 12.48 18.7199 12.48 18.7199H9.60004V9.59992H12.48V10.8287C12.48 10.8287 13.4064 9.59992 15.2688 9.59992C17.1744 9.59992 18.72 10.9103 18.72 13.5647V18.7199Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}
.footer__corporate__title {
  color: var(--color-text-heading, #0A0A0A);
  /* primary/heading/sm */
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-heading-sm, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lineheight-heading-sm, 32px); /* 160% */
  margin-bottom: 8px;
}
.footer__corporate__list {
  padding: 0;
  margin: 0 0 24px;
  list-style: none;
  color: var(--color-text-body, #333);
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-body-md, 24px); /* 150% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.footer__corporate__list__item__link {
  color: var(--color-text-body, #333);
  /* primary/body/md */
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-body-md, 24px); /* 150% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.footer__copyright {
  display: flex;
  width: 100%;
  padding: 0 0 24px 0px;
  align-items: flex-start;
  gap: 20px;
}
.footer__copyright__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  align-self: stretch;
  color: var(--color-text-body, #333);
  text-align: center;
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-body-md, 24px); /* 150% */
}

.video-hero {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 450px;
  max-height: calc(100vh - 200px);
}
.video-hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.video-hero__container__content {
  width: 50%;
  margin-right: 10px;
}
.video-hero__container__content__title__text {
  color: var(--color-text-heading, #0A0A0A);
  font-family: "myriad-pro", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-display-sm, 40px); /* 116.364% */
  letter-spacing: -1.1px;
}
@media (min-width: 768px) {
  .video-hero__container__content__title__text {
    font-size: 55px;
    line-height: var(--lineheight-display-sm, 64px); /* 116.364% */
  }
}
.video-hero__container__content__title__text__featured {
  color: var(--color-text-accent, #2F4D90);
  font-family: "myriad-pro", sans-serif;
  font-size: 73px;
  font-style: normal;
  font-weight: 600;
  line-height: 69px; /* 94.521% */
  letter-spacing: -1.46px;
  display: block;
}
@media (min-width: 768px) {
  .video-hero__container__content__title__text__featured {
    font-size: 55px;
    line-height: 69px;
  }
}
.video-hero__player {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0% 50%;
  object-position: 0% 50%;
}

.animate-number__content {
  display: flex;
  gap: 3px 12px;
  margin-bottom: 24px;
  flex-direction: column;
}
.home-block .animate-number__content {
  gap: 0.5rem;
}
.animate-number__content--enmarcado {
  border: 1px solid var(--color-border, #E0E0E0);
  padding: 12px;
}
.animate-number__content--vertical {
  flex-direction: column;
}
.animate-number__content--vertical-bottom .animate-number__content__pretitle {
  order: 11;
}
.animate-number__content--horizontal {
  flex-direction: row;
  align-items: center;
}
.animate-number__content--horizontal-right .animate-number__content__pretitle {
  order: 11;
}
.animate-number__content--icon-bottom, .animate-number__content--icon-top {
  flex-direction: column;
  align-items: center;
}
.animate-number__content--icon-bottom .animate-number__content__icon {
  order: 11;
}
.animate-number__content--icon-right, .animate-number__content--icon-left {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.animate-number__content--icon-right .animate-number__content__icon {
  order: 11;
}
.animate-number__content__icon {
  aspect-ratio: 1/1;
  width: 52px;
  height: 52px;
}
.animate-number__content__title {
  color: var(--color-text-heading, #0A0A0A);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}
.animate-number__content__divider {
  width: 100px;
  height: 4px;
  background: var(--color-core-primary, #023F86);
}
.animate-number__content__pretitle {
  color: var(--color-text-body, #333);
  text-align: center;
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-body-lg, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-body-md, 24px); /* 133.333% */
}
.home-block .animate-number__content__pretitle {
  font-size: 1rem !important;
}
.animate-number__content--icon-top .animate-number__content__pretitle, .animate-number__content--icon-bottom .animate-number__content__pretitle {
  text-align: center;
}
.animate-number__content__value, .animate-number__content__prevalue, .animate-number__content__postvalue {
  color: var(--color-icon-secondary, #023F86);
  font-size: var(--space-48, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--lineheight-heading-md, 40px); /* 83.333% */
}
.home-block .animate-number__content__value, .home-block .animate-number__content__prevalue, .home-block .animate-number__content__postvalue {
  font-size: 2rem !important;
}
.animate-number__content--icon-top .animate-number__content__value, .animate-number__content--icon-bottom .animate-number__content__value, .animate-number__content--icon-top .animate-number__content__prevalue, .animate-number__content--icon-bottom .animate-number__content__prevalue, .animate-number__content--icon-top .animate-number__content__postvalue, .animate-number__content--icon-bottom .animate-number__content__postvalue {
  font-size: var(--space-48, 48px);
}

.featured-text {
  display: flex;
  max-width: 754px;
  padding: 10px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
.featured-text__title {
  color: var(--color-text-heading, #0A0A0A);
  text-align: center;
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-heading-md, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lineheight-heading-md, 40px); /* 125% */
}
.featured-text__html {
  color: var(--color-text-body, #333);
  text-align: center;
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-body-md, 24px); /* 150% */
  line-height: var(--lineheight-Body-md, 24px); /* 150% */
}

.featured-photo-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 1172px;
  padding: 10px;
  gap: 20px;
  flex-direction: column-reverse;
}
.featured-photo-text__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
}
.featured-photo-text__content__title {
  color: var(--color-text-heading, #0A0A0A);
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-heading-md, 32px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lineheight-heading-md, 40px); /* 125% */
}
.featured-photo-text__content__html {
  color: var(--color-text-body, #333);
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-body-md, 24px); /* 150% */
}
.featured-photo-text__content__cta {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .featured-photo-text {
    flex-direction: row;
  }
}
.featured-photo-text--textOnTheRight {
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .featured-photo-text--textOnTheRight {
    flex-direction: row-reverse;
  }
}

[data-trigger=mobile-nav] {
  display: inline-flex;
  font-size: 1rem;
  padding: 0.5rem;
  margin-left: auto;
  align-items: center;
}
@media (min-width: 1280px) {
  [data-trigger=mobile-nav] {
    display: none;
  }
}
[data-trigger=mobile-nav][aria-expanded=false] + * {
  display: none;
}
@media (min-width: 1280px) {
  [data-trigger=mobile-nav][aria-expanded=false] + * {
    display: flex;
  }
}
[data-trigger=mobile-nav][aria-expanded=false]::before, [data-trigger=mobile-nav][aria-expanded=true]::before {
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  content: "";
  width: 1.875rem;
  height: 1.875rem;
}
[data-trigger=mobile-nav][aria-expanded=false]::before {
  background-image: url(../img/menu.svg);
}
[data-trigger=mobile-nav][aria-expanded=true]::before {
  background-image: url(../img/close-icon.svg);
}

.mutua-language-nav {
  background-color: #f8f8fb;
}
.mutua-language-nav__cluster {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding: 0.125rem 1rem;
}
@media (min-width: 1202px) {
  .mutua-language-nav__cluster {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
  }
}
.mutua-language-nav__cluster-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.mutua-language-nav__cluster-menu-item {
  margin: 0 0.625rem;
}
.mutua-language-nav__cluster-menu-item__link {
  font-size: 0.875rem;
  line-height: 1.5;
  display: block;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}
.mutua-language-nav__cluster-menu-item--currentlang {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}
.mutua-language-nav__cluster-menu-item--currentlang > [aria-hidden=true] {
  padding: 0.25rem 0.375rem;
  display: inline-block;
  background-color: #0A0A0A;
  color: #FFFFFF;
  border-radius: 0.25rem;
}
.mutua-language-nav__cluster-menu + .mutua-main-nav__top-nav-item__link {
  width: initial;
}

.mutua-main-nav {
  border-bottom: solid 1px #bdbdbd;
  display: block;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  position: relative;
  z-index: 2;
  background-color: #FFFFFF;
}
@media (min-width: 1280px) {
  .mutua-main-nav {
    padding-bottom: 0;
    padding-top: 1rem;
  }
}
.mutua-main-nav__inner {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (min-width: 1280px) {
  .mutua-main-nav__inner {
    align-items: flex-end;
    flex-wrap: nowrap;
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.mutua-main-nav__inner-menu {
  background-color: #fff;
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  padding-bottom: 2.875rem;
  width: 100%;
  max-width: 40rem;
  border-bottom: solid 1px #bdbdbd;
  box-shadow: 0 8px 16px -5px rgba(55, 70, 95, 0.07);
  right: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: absolute;
  top: 101%;
}
@media (min-width: 1280px) {
  .mutua-main-nav__inner-menu {
    flex-basis: auto;
    flex-wrap: nowrap;
    padding-bottom: 0;
    gap: 0.75rem;
    max-width: none;
    border: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }
}
.mutua-main-nav__inner-menu > .mutua-main-nav__top-nav-item:last-child {
  background: #ededed;
}
@media (min-width: 1280px) {
  .mutua-main-nav__inner-menu > .mutua-main-nav__top-nav-item--last-desktop {
    margin-inline-start: auto;
  }
}
.mutua-main-nav__inner [data-button=mobile-back] {
  font-size: 1.25rem;
  line-height: 1.6;
  align-items: center;
  border-radius: 0;
  display: flex;
  padding: 0.75rem;
}
@media (min-width: 1280px) {
  .mutua-main-nav__inner [data-button=mobile-back] {
    display: none;
  }
}
.mutua-main-nav__inner [data-button=mobile-back]::before {
  block-size: 1rem;
  border-color: #000;
  border-style: solid;
  border-width: 0 0.25rem 0.25rem 0;
  content: "";
  inline-size: 1rem;
  flex: 0 0 auto;
  margin-inline-end: 0.75rem;
  margin-inline-start: 0.375rem;
  transform: rotate(135deg);
}
.mutua-main-nav__top-nav-item {
  border-bottom: solid 1px #bdbdbd;
  flex-basis: 100%;
}
@media (min-width: 1280px) {
  .mutua-main-nav__top-nav-item {
    border-bottom: none;
    flex-basis: auto;
  }
}
.mutua-main-nav__top-nav-item__link, .mutua-main-nav__top-nav-item__link--a {
  color: #111;
  padding: 0.75rem 0.25rem;
  position: relative;
  text-decoration: none;
  font-weight: bold;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  display: flex;
  font-size: 1rem;
  outline: solid 1px transparent;
  outline-offset: -1px;
  width: 100%;
}
@media (min-width: 1280px) {
  .mutua-main-nav__top-nav-item__link, .mutua-main-nav__top-nav-item__link--a {
    padding: 0.75rem 0;
    display: inline-flex;
  }
}
.mutua-main-nav__top-nav-item__link::after, .mutua-main-nav__top-nav-item__link--a::after {
  margin-inline-start: auto;
  transform: rotate(-45deg);
}
@media (min-width: 1280px) {
  .mutua-main-nav__top-nav-item__link::after, .mutua-main-nav__top-nav-item__link--a::after {
    margin-block-start: -0.1875rem;
    margin-inline-start: 0.5rem;
    transform: rotate(45deg);
  }
}
.mutua-main-nav__top-nav-item__link:focus, .mutua-main-nav__top-nav-item__link--a:focus {
  background-image: none;
  border-color: #000;
  outline: 3px solid #0A0A0A;
  outline-offset: -3px;
}
.mutua-main-nav__top-nav-item__link[aria-expanded=false] + *, .mutua-main-nav__top-nav-item__link--a[aria-expanded=false] + * {
  display: none;
}
@media (min-width: 1280px) {
  .mutua-main-nav__top-nav-item__link[aria-expanded=true]::after, .mutua-main-nav__top-nav-item__link--a[aria-expanded=true]::after {
    margin-block-start: 0;
    scale: -1;
  }
}
.mutua-main-nav__inner .has-children > .mutua-main-nav__top-nav-item__link, .mutua-main-nav__inner .has-children > .mutua-main-nav__top-nav-item__link--a {
  align-items: center;
  display: flex;
}
.mutua-main-nav__inner .has-children > .mutua-main-nav__top-nav-item__link::after, .mutua-main-nav__inner .has-children > .mutua-main-nav__top-nav-item__link--a::after {
  block-size: 0.4375rem;
  border-color: black;
  border-style: solid;
  border-width: 0 0.125rem 0.125rem 0;
  content: "";
  inline-size: 0.5rem;
}
@media (min-width: 1280px) {
  .mutua-main-nav__top-nav-item > *:first-child {
    font-size: 1rem;
    height: 100%;
    line-height: 1.625rem;
    padding: 0.4375rem 0.3125rem 0.4375rem !important;
    position: relative;
    white-space: nowrap;
    border: none;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__top-nav-item > *:first-child::before {
    background-color: #005a9c;
    bottom: -0.125rem;
    content: "";
    display: none;
    height: 0.1875rem;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__top-nav-item > *:first-child:hover::before {
    display: block;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__top-nav-item > *:first-child:focus:hover::before {
    display: none;
  }
}
.mutua-main-nav__logo {
  display: inline-block;
  max-width: 14.375rem;
}
@media (min-width: 1280px) {
  .mutua-main-nav__logo {
    max-width: none;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__logo-link {
    margin-inline-end: 1.5625rem;
    position: relative;
  }
}
.mutua-main-nav__logo-link:focus {
  box-shadow: 0 0 0 3px #000;
  outline: solid 3px limegreen;
  outline-offset: 3px;
}
@media (min-width: 1280px) {
  .mutua-main-nav__logo-link::before {
    background-color: #005a9c;
    bottom: 0;
    content: "";
    display: none;
    height: 0.1875rem;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__logo-link:hover::before {
    display: block;
  }
}

.mutua-main-nav__submenu {
  background-color: white;
  border-bottom: solid 1px #bdbdbd;
  left: 0;
  min-height: calc(100% + 1px);
  padding: 0.625rem 0.5rem 2.875rem;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 5;
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu {
    border-bottom: solid 1px #bdbdbd;
    border-top: solid 1px #bdbdbd;
    left: 50%;
    min-height: auto;
    padding: 3.125rem 1.25rem;
    top: 100%;
    transform: translateX(-50%);
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu__intro {
    width: 30%;
  }
}
.mutua-main-nav__submenu__intro__heading {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #111;
  font-weight: bold;
  margin-top: 1.5rem;
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu__intro__heading {
    font-size: 2.125rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    margin-top: 0;
  }
}
.mutua-main-nav__submenu__intro__text {
  font-size: 1.125rem;
  line-height: 1.5;
}
.mutua-main-nav__submenu__intro__text *:not(a) {
  display: none;
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu__intro__text *:not(a) {
    display: block;
  }
}
.mutua-main-nav__submenu__intro__text > a {
  color: #005797;
  display: inline-block;
  margin-bottom: 1rem;
  margin-top: 0;
  padding-bottom: 0.625rem;
  padding-top: 0;
  cursor: pointer;
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu__intro__text > a {
    margin-bottom: 0;
    margin-top: 1rem;
    padding-top: 0.625rem;
  }
}
.mutua-main-nav__submenu__intro__text > a::hover {
  color: #024488;
}
.mutua-main-nav__submenu__intro__text > a:focus {
  color: #000;
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu-list {
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
    width: 65%;
  }
}
.mutua-main-nav__submenu-list-item {
  border-bottom: solid 1px #bdbdbd;
  padding-bottom: 0.125rem;
  padding-top: 0.25rem;
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu-list-item {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.mutua-main-nav__submenu-list-item a {
  color: #111;
  display: block;
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu-list-item a {
    align-items: flex-start;
    display: inline-flex;
    padding-inline: 0.25rem;
    width: auto;
    text-decoration: underline;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu-list-item a::before {
    block-size: 1rem;
    border-color: #000;
    border-style: solid;
    border-width: 0 0.25rem 0.25rem 0;
    content: "";
    flex: 0 0 auto;
    inline-size: 1rem;
    margin-block-start: 0.375rem;
    margin-inline-end: 1rem;
    transform: rotate(-45deg);
  }
}
.mutua-main-nav__submenu-list-item a:hover {
  color: #024488;
}
.mutua-main-nav__submenu-list-item a:hover::before {
  border-color: #000;
}
.mutua-main-nav__submenu-list-item a:focus {
  outline: 3px solid #0A0A0A;
}
.mutua-main-nav__submenu-list-item a:focus::before {
  border-color: #000;
}

.our-purpose {
  display: flex;
  max-width: 650px;
  padding: 0 10px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
.our-purpose__title {
  color: #023F86;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  line-height: 26px;
  font-family: "Orbitron", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
}
.our-purpose__html {
  color: #023F86;
  text-align: center;
  font-size: 28px;
  line-height: 34px;
  font-family: "Orbitron", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  line-height: 1.5;
  font-weight: 700;
}

.home-block {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 3rem;
}

.home-block--gradiant {
  display: flex;
  padding: 3rem 0px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: linear-gradient(94deg, rgba(0, 181, 217, 0.25) 78.52%, rgba(0, 181, 217, 0) 95.64%);
}

.home-block--grey {
  display: flex;
  padding: 3rem 0px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: linear-gradient(359deg, #E5EBF3 -78.77%, rgba(229, 235, 243, 0) 49.88%);
}

.home-block--grey2 {
  display: flex;
  padding: 3rem 0px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 1.5rem;
  background: var(--gradient, linear-gradient(90deg, #E5EBF3 0%, rgba(229, 235, 243, 0) 58.16%));
}

.home-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-title__text {
  color: var(--color-text-heading, #0A0A0A);
  text-align: center;
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-heading-md, 2rem); /* 32px */
  font-style: normal;
  font-weight: 600;
  line-height: var(--lineheight-heading-md, 2.5rem); /* 125% */
}
.home-title__subtitle {
  color: var(--color-text-heading, #0A0A0A);
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-heading-md, 2rem); /* 32px */
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-heading-md, 2.5rem); /* 125% */
}
.home-title .divider {
  padding: 1.5rem;
}

.section-block {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
  overflow: hidden;
}

.page-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.page-detail__header {
  display: flex;
  padding: 48px 0px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  width: 100%;
  background: linear-gradient(359deg, #E5EBF3 -78.77%, rgba(229, 235, 243, 0) 49.88%);
}
.page-detail__title {
  color: var(--color-text-heading, #0A0A0A);
  font-family: "myriad-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: var(--fontsize-heading-md, 32px);
  line-height: var(--lineheight-heading-md, 40px);
}
@media (min-width: 768px) {
  .page-detail__title {
    font-size: var(--fontsize-heading-lg, 48px);
    line-height: var(--lineheight-heading-lg, 56px);
  }
}
.page-detail__subtitle {
  color: var(--color-text-body, #333);
  font-family: "myriad-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: var(--space-24-rem);
  color: var(--color-text-body, #333);
  font-size: var(--fontsize-heading-md, 24px);
  line-height: var(--lineheight-heading-md, 32px); /* 133.333% */
}
@media (min-width: 768px) {
  .page-detail__subtitle {
    font-size: var(--fontsize-heading-md, 32px);
    line-height: var(--lineheight-heading-md, 40px);
  }
}
.page-detail__block {
  margin-bottom: var(--space-16);
  display: flex;
  align-items: center;
  gap: var(--space-20);
  font-family: "myriad-pro", sans-serif;
}
.page-detail__block-title {
  font-weight: 700;
}
.page-detail__divider {
  padding: 24px 0 48px 0;
}
.page-detail__html {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  color: var(--color-text-body, #333);
  /* primary/body/md */
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-body-md, 24px);
  margin-bottom: 24px;
}
.page-detail__table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--fontsize-body-md, 16px);
}
.page-detail__table-wrapper {
  margin-bottom: var(--space-48);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.page-detail__table-cell {
  padding: 8px;
  border-bottom: 2px solid var(--color-background-core-brand, #2F4D90);
  text-align: right;
}
.page-detail__table-cell--plain {
  background: var(--color-background-grey-light-grey, #F2F2F2);
}
.page-detail__table-cell--accent {
  color: var(--color-core-white);
  background: var(--color-background-core-brand, #2F4D90);
}
.page-detail__table tr:first-child td:first-child {
  border: none;
}
.page-detail__table tr:last-of-type td:last-child,
.page-detail__table tr:last-of-type th:last-child {
  font-weight: 700;
}
.page-detail__table th {
  text-align: center;
  font-weight: normal;
}

@media (min-width: 768px) {
  .letters .container {
    max-width: 56.25rem;
  }
}
.letters-hero__title {
  color: var(--color-text-heading, #0A0A0A);
  font-size: var(--fontsize-heading-lg, 48px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-heading-lg, 56px);
  /* 116.667% */
}
@media (max-width: 599px) {
  .letters-hero__title {
    font-size: var(--fontsize-heading-lg, 32px);
    line-height: var(--lineheight-heading-lg, 40px);
  }
}
.letters-hero__user {
  position: relative;
}
@media (max-width: 599px) {
  .letters-hero__user {
    margin-bottom: var(--space-24);
  }
}
.letters-hero__image {
  vertical-align: top;
  width: 100%;
}
.letters-hero__quote {
  color: var(--color-text-body, #333);
  /* 160% */
}
.letters-block__text {
  margin-bottom: var(--space-32);
  line-height: var(--lineheight-body-md, 24px);
}
.letters-block__text--expanded {
  line-height: var(--lineheight-heading-sm, 32px);
}
.letters-block__text.mutua-paragraph {
  line-height: 1.5;
  margin-top: 1.5rem;
  margin-bottom: 2.25rem;
}

.cta {
  padding: 0.625rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 0.25rem;
  color: var(--color-text-invert, #FFF);
  background: var(--color-button-primary, #2F4D90);
  font-family: "myriad-pro", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  width: initial;
  display: inline-flex;
  border: 2px solid var(--color-border-primary, #2F4D90);
}
.cta--secondary {
  background: transparent;
  border: 2px solid var(--color-border-primary, #2F4D90);
  color: var(--color-button-primary, #2F4D90);
}
.cta:focus {
  outline: solid 3px #FFFFFF;
  outline-offset: -4px;
  background-color: var(--color-button-primary, #2F4D90);
  color: var(--color-text-invert, #FFF);
  border: 1px solid var(--color-border-primary, #2F4D90);
}

.divider {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 0;
  margin: 0;
  border: 0;
  flex-shrink: 0;
}
.divider::after {
  content: "";
  display: block;
  width: 100px;
  height: 0.125rem;
  background: var(--color-core-primary, #2F4D90);
}
.divider__left {
  align-items: start;
}
.divider--double-height::after {
  height: 0.25rem;
}
.divider--xs::after {
  width: 3.125rem;
}
.divider--s::after {
  width: 6.25rem;
}
.divider--full-width::after {
  width: 100%;
}
.divider--secondary::after {
  background: var(--color-core-secondary, #11a0a7);
}
.divider--tertiary::after {
  background: var(--color-backgrounds-medium-grey, #CCC);
}
.divider--senary::after {
  background: var(--color-supporting-colours-senary, #00b5d9);
}

.skip-navigation.mutua-link {
  position: absolute;
  left: -111111111px;
  padding: 8px 16px;
  font-size: 18px;
  color: #000;
  font-weight: bold;
  display: block;
  font-family: "Myriad Pro", Arial, sans-serif;
}
.skip-navigation.mutua-link:focus {
  position: static;
  padding: 0.5rem 1rem;
  color: #fff;
  background-color: #2f4d90;
  border-radius: 4px;
}

.mutua-heading__wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.mutua-heading__icon {
  display: block;
  width: 3.75rem;
  height: 3.75rem;
}
.mutua-heading--underlined .mutua-heading {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1;
}
.mutua-heading--underlined .mutua-heading::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.25rem;
  background-color: #023F86;
}
.mutua-heading--underlined-short .mutua-heading::after {
  width: 6.25rem;
}
.mutua-heading--shaded {
  padding: 0.25rem 1.5rem;
  font-weight: 400;
}
.mutua-heading--shaded--primary {
  background-color: #023F86;
  color: #FFFFFF;
}
.mutua-heading--shaded--primary * {
  color: #FFFFFF;
}
.mutua-heading--shaded--black {
  background-color: #0A0A0A;
  color: #FFFFFF;
}
.mutua-heading--shaded--black * {
  color: #FFFFFF;
}
.mutua-heading--border--primary {
  border: 1px solid #023F86;
}
.mutua-heading--border--black {
  border: 1px solid #023F86;
}

.mutua-paragraph {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .mutua-paragraph {
    font-size: 1.125rem;
    line-height: 2rem;
  }
}
.mutua-paragraph--introduction {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.0625rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .mutua-paragraph--introduction {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
.mutua-paragraph--paginator {
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.0625rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .mutua-paragraph--paginator {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
.vecwup-form-feedback .mutua-paragraph {
  margin-bottom: initial;
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.0625rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .vecwup-form-feedback .mutua-paragraph {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}

.picture {
  display: block;
  width: 100%;
  height: auto;
}
.picture__image {
  display: block;
  width: 100%;
  height: auto;
}

.mutua-video-wrapper {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.mutua-video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.card-home {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  flex: 1 0 0;
  align-self: stretch;
}
.card-home__multimedia {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .card-home__multimedia {
    width: auto;
    height: 360px;
  }
}
.card-home__data {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
.card-home__data__title__text {
  color: var(--color-text-heading, #0A0A0A);
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-heading-sm, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--lineheight-heading-sm, 32px); /* 160% */
}
.card-home__data__subtitle {
  color: var(--color-text-heading, #0A0A0A);
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-heading-sm, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-heading-sm, 32px);
}
.card-home__data__html {
  color: var(--color-text-body, #333);
  font-family: "myriad-pro", sans-serif;
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--lineheight-body-md, 24px); /* 150% */
  margin-bottom: 24px;
}
.card-home__data__divider {
  padding: 16px 0;
}
.mutua-letter-wrapper {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem;
}
@media (min-width: 1280px) {
  .mutua-letter-wrapper {
    display: flex;
    align-items: center;
    height: 400px;
    margin-bottom: 0;
  }
}
.mutua-letter-wrapper + .mutua-letter-wrapper {
  margin-top: 2rem;
}
.mutua-letter-photo-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (min-width: 1280px) {
  .mutua-letter-photo-wrapper {
    width: 17.5rem;
  }
}
.mutua-letter-img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 1280px) {
  .mutua-letter-img {
    width: 17.5rem;
  }
}
.mutua-letter-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 35%, transparent 100%);
  z-index: 1;
}
@media (min-width: 1280px) {
  .mutua-letter-overlay {
    width: 17.5rem;
  }
}
.mutua-letter-person {
  position: absolute;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  left: 1.25rem;
  bottom: 1.25rem;
  z-index: 2;
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: 0.03125rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .mutua-letter-person {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.mutua-letter-person__surname {
  font-weight: 400;
}
.mutua-letter-content-wrapper {
  width: 100%;
  min-height: 80%;
  background: white;
  position: static;
  padding: 2rem;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
@media (min-width: 1280px) {
  .mutua-letter-content-wrapper {
    position: absolute;
    width: 20rem;
    box-sizing: border-box;
    right: 1.25rem;
    z-index: 2;
  }
}
@media (min-width: 1280px) {
  .mutua-letter-content-wrapper:hover {
    transform: translateX(-1.25rem);
  }
}
.mutua-letter-content-wrapper .mutua-content-block {
  margin: 0;
  gap: 1.25rem;
}
.mutua-letter-content__cite {
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 1280px) {
  .mutua-letter-button {
    bottom: 2rem;
  }
}

.mutua-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
  color: var(--color-text-body, #333);
  font-family: "myriad-pro", sans-serif, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .mutua-list {
    font-size: 1.125rem;
    line-height: 2rem;
  }
}
.mutua-list__item {
  position: relative;
  padding-left: 60px;
}
.mutua-list--unordered .mutua-list__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: url(../img/check.svg);
}
.mutua-list--ordered {
  counter-reset: item;
  list-style-type: none;
}
.mutua-list--ordered .mutua-list__item::before {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  content: counter(item) " ";
  counter-increment: item;
  height: 40px;
  width: 40px;
  font-size: var(--fontsize-heading-md, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--lineheight-heading-md, 40px);
  color: var(--color-core-white, #FFF);
  background-color: var(--color-core-primary, #2F4D90);
  border-radius: 50%;
}

.data-block {
  margin-bottom: var(--space-18);
  padding-inline: var(--space-12);
  padding-block: var(--space-16);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-16);
}
.data-block__icon {
  width: 45px;
  height: 60px;
}
.data-block__title {
  color: var(--color-text-heading, #0A0A0A);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  line-height: var(--lineheight-heading-md, 40px); /* 166.667% */
}
.data-block__divider {
  width: 100px;
  height: 4px;
  background: var(--color-core-primary, #023F86);
}
.data-block__text {
  color: var(--color-text-body, #333);
  font-size: var(--space-18, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem; /* 200% */
}
.data-block__value {
  color: var(--color-icon-secondary, #023F86);
  font-size: var(--space-48, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--lineheight-heading-md, 40px); /* 83.333% */
}
.data-block--has-border {
  border: 1px solid var(--color-backgrounds-medium-grey, #CCC);
}

.mutua-main-nav__inner-menu {
  max-height: calc(100vh - 8.875rem);
  height: auto;
  overflow: hidden;
  overflow-y: auto;
  background-color: #FFFFFF;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.5rem;
}
.mutua-main-nav__inner-menu::after {
  content: "";
  position: fixed;
  top: 142px; /* Ajusta según la altura de tu menú */
  left: 0;
  width: 100%;
  height: calc(100vh - 142px);
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
  z-index: -1;
}
@media (min-width: 1280px) {
  .mutua-main-nav__inner-menu::after {
    display: none;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__inner-menu {
    min-height: initial;
    max-height: initial;
    height: initial;
    overflow: initial;
    overflow-y: initial;
    padding-bottom: initial;
  }
}
.mutua-main-nav__inner-menu > .mutua-main-nav__top-nav-item:last-child {
  background: #ededed;
}
@media (min-width: 1280px) {
  .mutua-main-nav__inner-menu > .mutua-main-nav__top-nav-item--last-desktop {
    margin-inline-start: auto;
  }
}
.mutua-main-nav__inner [data-button=mobile-back] {
  font-size: 1.25rem;
  line-height: 1.6;
  align-items: center;
  border-radius: 0;
  display: flex;
  padding: 0.75rem;
}
@media (min-width: 1280px) {
  .mutua-main-nav__inner [data-button=mobile-back] {
    display: none;
  }
}
.mutua-main-nav__top-nav-item {
  border-bottom: solid 1px #bdbdbd;
  flex-basis: 100%;
  position: static;
  background-color: #FFFFFF;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1280px) {
  .mutua-main-nav__top-nav-item {
    border-bottom: none;
    flex-basis: auto;
    position: relative;
    padding-left: initial;
    padding-right: initial;
  }
}
.mutua-main-nav__inner .has-children > .mutua-main-nav__top-nav-item__link {
  align-items: center;
  display: flex;
  border: none;
  gap: 0.25rem;
}
.mutua-main-nav__inner .has-children > .mutua-main-nav__top-nav-item__link::after {
  block-size: 0.5rem;
  border-color: #0A0A0A;
  border-width: 0 0.125rem 0.125rem 0;
  content: "";
  inline-size: 0.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 1280px) {
  .mutua-main-nav__inner .has-children > .mutua-main-nav__top-nav-item__link::after {
    margin-right: 0;
  }
}
.mutua-main-nav__inner .has-children > .mutua-main-nav__top-nav-item__link[aria-expanded=true]::after {
  transform: rotate(45deg);
}
@media (min-width: 1280px) {
  .mutua-main-nav__top-nav-item > *:first-child::before {
    bottom: 0;
    content: "";
    display: none;
    height: 0.1875rem;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

.mutua-main-nav__submenu {
  left: 0;
  padding: 0.625rem 0.5rem 1rem;
  position: static;
  top: 0;
  width: 100%;
  z-index: 5;
  min-height: auto;
  background-color: #f8f8fb;
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu {
    background-color: #FFFFFF;
    position: absolute;
    border: solid 1px #bdbdbd;
    border-top: solid 1px #FFFFFF;
    left: 50%;
    min-height: auto;
    top: 2.6875rem;
    transform: translateX(-50%);
    width: 10.625rem;
    padding: 0.625rem 0.5rem 1rem;
    box-shadow: -4px 0 3px rgba(180, 180, 180, 0.2), 4px 0 3px rgba(180, 180, 180, 0.2), 0 4px 4px rgba(180, 180, 180, 0.2); /* Sombra inferior */
  }
  .mutua-main-nav__submenu::before {
    content: "";
    width: 100%;
    display: block;
    height: 0.25rem;
    background-color: #FFFFFF;
    position: absolute;
    top: -0.25rem;
    left: 0;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu-list {
    -moz-columns: initial;
    columns: initial;
    -moz-column-gap: initial;
    column-gap: initial;
    width: 100%;
  }
}
.mutua-main-nav__submenu-list-item {
  border-bottom: solid 1px #bdbdbd;
  padding-bottom: 0.125rem;
  padding-top: 0.25rem;
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu-list-item {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.mutua-main-nav__submenu-list-item:last-of-type {
  border-bottom: none;
}
.mutua-main-nav__submenu-list-item a {
  color: #023F86;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu-list-item a {
    align-items: flex-start;
    display: inline-flex;
    padding-inline: 0.25rem;
    width: auto;
    text-decoration: underline;
  }
}
@media (min-width: 1280px) {
  .mutua-main-nav__submenu-list-item a::before {
    display: none;
    block-size: 1rem;
    border-color: #000;
    border-style: solid;
    border-width: 0 0.25rem 0.25rem 0;
    content: "";
    flex: 0 0 auto;
    inline-size: 1rem;
    margin-block-start: 0.375rem;
    margin-inline-end: 1rem;
    transform: rotate(-45deg);
  }
}
.mutua-main-nav__submenu-list-item a:hover {
  color: #024488;
}
.mutua-main-nav__submenu-list-item a:hover::before {
  border-color: #000;
}
.mutua-main-nav__submenu-list-item a:focus {
  outline: 3px solid #0A0A0A;
}
.mutua-main-nav__submenu-list-item a:focus::before {
  border-color: #000;
}