/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  /* ************************ */
  /* ***   BREAKPOINT     *** */
  /* ************************ */
  --mobile-min-design-system: 360px;
  --mobile-max-design-system: 703px;
  --tablet-min-design-system: 704px;
  --tablet-max-design-system: 1183px;
  --desktop-min-design-system: 1184px;
  --desktop-max-design-system: 1663px;
  --big-desktop-min-design-system: 1664px;
  --big-desktop-max-design-system: 2160px;
  /* ***************** */
  /* ***   COLORS  *** */
  /* ***************** */
  /* ***   Primary   *** */
  --color-primary-design-system: #d81e05;
  --color-primary2-design-system: #be0f0f;
  --color-primary3-design-system: #ac0404;
  --color-primary4-design-system: #780303;
  /* ***   Grey   *** */
  --color-white-design-system: #fff;
  --color-grey-design-system: #666666;
  --color-grey2-design-system: #eae9e9;
  --color-grey3-design-system: #ffffff;
  --color-grey4-design-system: #e7ebed;
  --color-grey5-design-system: #cccfd2;
  /* ***   Secondary   *** */
  --color-secondary-design-system: #2d373d;
  --color-secondary2-design-system: #526570;
  --color-secondary3-design-system: #9cb0bc;
  --color-secondary4-design-system: #e8ebed;
  --color-secondary5-design-system: #f5f6f7;
  --color-secondary6-design-system: #89969a;
  /**   Customer   **/
  --color-customer-design-system: #949494;
  --color-customer2-design-system: #ac9316;
  --color-customer3-design-system: #7994a4;
  --color-customer4-design-system: #d7dfe4;
  --color-customer5-design-system: #e7dfba;
  --color-customer6-design-system: #d4d4d4;
  /**   States   **/
  --color-state-success-design-system: #008c47;
  --color-state-success2-design-system: #dce5c1;
  --color-state-success-background-design-system: #f7f9f0;
  --color-state-error-design-system: #da2a2a;
  --color-state-error2-design-system: #f6caca;
  --color-state-error-background-design-system: #fdf2f2;
  --color-state-informative-design-system: #0d82bd;
  --color-state-informative2-design-system: #b7daec;
  --color-state-informative-background-design-system: #eef6fb;
  --color-state-notice-design-system: #e46b15;
  --color-state-notice2-design-system: #fff4ec;
  --color-state-notice-background-design-system: #fffaf6;
  --color-state-disabled-design-system: #d2d4cf;
  /**  Support  **/
  --color-support-design-system: #e46b15;
  --color-support2-design-system: #f2a105;
  --color-support3-design-system: #ffb37f;
  --color-support4-design-system: #ffd618;
  --color-support5-design-system: #a2c617;
  --color-support6-design-system: #0ca6b3;
  --color-support7-design-system: #0d82bd;
  --color-support8-design-system: #f282c5;
  --color-support9-design-system: #e6078c;
  --color-support10-design-system: #a51783;
  --color-support11-design-system: #f33939;
  --color-support12-design-system: #c59672;
  --color-support13-design-system: #734b30;
  /***************/
  /*   SHADOWS   */
  /***************/
  --shadow-design-system: 0px 3px 8px rgba(82, 101, 112, 0.2);
  --shadow2-design-system: 0px 7px 10px rgba(0, 0, 0, 0.16);
  --shadow3-design-system: 0px 6px 10px rgba(0, 0, 0, 0.14);
  /*************/
  /*   ICONS   */
  /*************/
  --icon-large-design-system: 64px;
  --icon-medium-design-system: 32px;
  --icon-small-design-system: 24px;
  --icon-extra-small-design-system: 16px;
}
.mat-icon {
  overflow: unset;
  display: flex !important;
  font-size: 16px !important;
}
@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: "dm_sansregular_design-system";
  src: url("/assets/fonts/designSystem/generics/dmsans-regular.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "dm_sansmedium_design-system";
  src: url("/assets/fonts/designSystem/generics/dmsans-medium.woff2") format("woff2"), url("/assets/fonts/designSystem/generics/dmsans-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "dm_sansbold_design-system";
  src: url("/assets/fonts/designSystem/generics/dmsans-bold.ttf");
  font-weight: 700;
  font-style: normal;
}
:root {
  /* FONT FAMILY */
  --font-family-design-system: "dm_sansregular_design-system";
  --font-family-bold-design-system: "dm_sansbold_design-system";
  --font-family-medium-design-system: "dm_sansmedium_design-system";
  /* Titles/Size 01 */
  --titles-font-size-design-system: 72px;
  --titles-line-height-design-system: 96px;
  /* Titles/Size 02 */
  --titles2-font-size-design-system: 64px;
  --titles2-line-height-design-system: 72px;
  /* Titles/Size 03 */
  --titles3-font-size-design-system: 56px;
  --titles3-line-height-design-system: 72px;
  /* Titles/Size 04 */
  --titles4-font-size-design-system: 40px;
  --titles4-line-height-design-system: 64px;
  /* Titles/Size 05 */
  --titles5-font-size-design-system: 36px;
  --titles5-line-height-design-system: 48px;
  /* Titles/Size 06 */
  --titles6-font-size-design-system: 32px;
  --titles6-line-height-design-system: 40px;
  /* Titles/Size 07 */
  --titles7-font-size-design-system: 28px;
  --titles7-line-height-design-system: 36px;
  /* Titles/Size 08 */
  --titles8-font-size-design-system: 24px;
  --titles8-line-height-design-system: 32px;
  /* Titles/Size 09 */
  --titles9-font-size-design-system: 20px;
  --titles9-line-height-design-system: 28px;
  /* Titles/Size 10 */
  --titles10-font-size-design-system: 16px;
  --titles10-line-height-design-system: 21px;
  /* Text */
  --text-font-size-design-system: 16px;
  --text-line-height-design-system: 21px;
  /* Text/Caption M */
  --text-captionM-font-size-design-system: 14px;
  --text-captionM-line-height-design-system: 18px;
  /* Text/Caption S */
  --text-captionS-font-size-design-system: 12px;
  --text-captionS-line-height-design-system: 14px;
  /* CTA */
  --cta-font-size-design-system: 16px;
  --cta-line-height-design-system: 24px;
  /* Accelerators-Tables */
  --accelerators-tables-font-size-design-system: 14px;
  --accelerators-tables-line-height-design-system: 24px;
}
:root {
  /* *********************** */
  /* ***    ACCORDION    *** */
  /* *********************** */
  --qb-accordion-divider-color: var(--color-secondary4-design-system);
  /* ******************** */
  /* ***    BUTTON    *** */
  /* ******************** */
  --qb-button-icon-size: var(--icon-small-design-system);
  --qb-button-border-radius: 8px;
  --qb-button-label-font-family: var(--font-family-bold-design-system);
  --qb-button-label-font-size: var(--cta-font-size-design-system);
  --qb-button-label-line-height: var(--cta-line-height-design-system);
  --qb-button-primary-background-color: var(--color-primary-design-system);
  --qb-button-primary-label-color: var(--color-grey3-design-system);
  --qb-button-primary-hover-background-color: var(--color-primary4-design-system);
  --qb-button-primary-pressed-background-color: var(--color-primary3-design-system);
  --qb-button-primary-disabled-background-color: var(--color-secondary4-design-system);
  --qb-button-primary-disabled-label-color: var(--color-secondary2-design-system);
  --qb-button-primary-negative-background-color: var(--color-grey3-design-system);
  --qb-button-primary-negative-label-color: var(--color-primary-design-system);
  --qb-button-primary-negative-hover-label-color: var(--color-primary4-design-system);
  --qb-button-primary-negative-pressed-label-color: var(--color-primary3-design-system);
  --qb-button-primary-negative-disabled-background-color: var(--color-grey4-design-system);
  --qb-button-primary-negative-disabled-label-color: var(--color-secondary2-design-system);
  --qb-button-secondary-background-color: transparent;
  --qb-button-secondary-label-color: var(--color-primary-design-system);
  --qb-button-secondary-border-color: var(--color-primary-design-system);
  --qb-button-secondary-hover-label-color: var(--color-primary4-design-system);
  --qb-button-secondary-hover-border-color: var(--color-primary4-design-system);
  --qb-button-secondary-pressed-label-color: var(--color-primary3-design-system);
  --qb-button-secondary-pressed-border-color: var(--color-primary3-design-system);
  --qb-button-secondary-disabled-label-color: var(--color-secondary2-design-system);
  --qb-button-secondary-disabled-border-color: var(--color-secondary4-design-system);
  --qb-button-secondary-negative-label-color: var(--color-grey3-design-system);
  --qb-button-secondary-negative-border-color: var(--color-grey3-design-system);
  --qb-button-secondary-negative-hover-background-color: var(--color-grey3-design-system);
  --qb-button-secondary-negative-hover-label-color: var(--color-primary4-design-system);
  --qb-button-secondary-negative-hover-border-color: none;
  --qb-button-secondary-negative-pressed-background-color: var(--color-grey3-design-system);
  --qb-button-secondary-negative-pressed-label-color: var(--color-primary3-design-system);
  --qb-button-secondary-negative-pressed-border-color: none;
  --qb-button-secondary-negative-disabled-label-color: var(--color-grey4-design-system);
  --qb-button-secondary-negative-disabled-border-color: var(--color-grey4-design-system);
  --qb-button-tertiary-background-color: var(--color-secondary-design-system);
  --qb-button-tertiary-label-color: var(--color-grey3-design-system);
  --qb-button-tertiary-hover-background-color: var(--color-secondary2-design-system);
  --qb-button-tertiary-pressed-background-color: var(--color-secondary3-design-system);
  --qb-button-tertiary-disabled-background-color: var(--color-secondary4-design-system);
  --qb-button-tertiary-disabled-label-color: var(--color-secondary2-design-system);
  --qb-button-tertiary-negative-background-color: var(--color-secondary2-design-system);
  --qb-button-tertiary-negative-label-color: var(--color-grey3-design-system);
  --qb-button-tertiary-negative-hover-background-color: var(--color-secondary-design-system);
  --qb-button-tertiary-negative-pressed-background-color: var(--color-secondary3-design-system);
  --qb-button-tertiary-negative-disabled-background-color: var(--color-grey4-design-system);
  --qb-button-tertiary-negative-disabled-label-color: var(--color-secondary2-design-system);
  /* ********************* */
  /* *   CARD-LIST-CTA   * */
  /* ********************* */
  --qb-card-list-cta-icon-size: var(--icon-small-design-system);
  --qb-card-list-cta-icon-color: var(--color-primary-design-system);
  --qb-card-list-cta-border-color: var(--color-secondary3-design-system);
  --qb-card-list-cta-border-radius: 6px;
  --qb-card-list-cta-item-title-font-family: var(--font-family-bold-design-system);
  --qb-card-list-cta-item-title-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-card-list-cta-item-title-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-card-list-cta-item-title-color: var(--color-secondary2-design-system);
  --qb-card-list-cta-item-value-font-family: var(--font-family-medium-design-system);
  --qb-card-list-cta-item-value-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-card-list-cta-item-value-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-card-list-cta-item-value-color: var(--color-secondary2-design-system);
  /* *************************** */
  /* *   CARD-PRODUCT-RESUME   * */
  /* *************************** */
  --qb-card-product-resume-icon-size: var(--icon-small-design-system);
  --qb-card-product-resume-icon-color: var(--color-secondary-design-system);
  --qb-card-product-resume-border-color: var(--color-grey5-design-system);
  --qb-card-product-resume-border-radius: 6px;
  --qb-card-product-resume-title-font-family: var(--font-family-medium-design-system);
  --qb-card-product-resume-title-font-size: var(--text-font-size-design-system);
  --qb-card-product-resume-title-line-height: var(--text-line-height-design-system);
  --qb-card-product-resume-title-color: #000000;
  --qb-card-product-resume-details-key-font-family: var(--font-family-design-system);
  --qb-card-product-resume-details-key-font-size: var(--text-captionM-font-size-design-system);
  --qb-card-product-resume-details-key-line-height: var(--text-captionM-line-height-design-system);
  --qb-card-product-resume-details-key-color: var(--color-secondary2-design-system);
  --qb-card-product-resume-details-value-font-family: var(--font-family-bold-design-system);
  --qb-card-product-resume-details-value-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-card-product-resume-details-value-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-card-product-resume-details-value-color: var(--color-secondary-design-system);
  /* **************** */
  /* *   CHECKBOX   * */
  /* **************** */
  --qb-checkbox-border-radius: 2px;
  --qb-checkbox-border-color: var(--color-grey5-design-system);
  --qb-checkbox-background-color: var(--color-grey3-design-system);
  --qb-checkbox-check-color: var(--color-state-success-design-system);
  --qb-checkbox-indeterminate-color: var(--color-secondary2-design-system);
  --qb-checkbox-hover-border-color: var(--color-grey2-design-system);
  --qb-checkbox-disabled-color: var(--color-state-disabled-design-system);
  --qb-checkbox-error-border-color: var(--color-state-error-design-system);
  --qb-checkbox-error-background-color: var(--color-state-error-background-design-system);
  --qb-checkbox-label-color: var(--color-secondary2-design-system);
  --qb-checkbox-label-font-family: var(--font-family-design-system);
  --qb-checkbox-label-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-checkbox-label-line-height: var(--accelerators-tables-line-height-design-system);
  /* ************************** */
  /* *   CONTACT-FORM-MODAL   * */
  /* ************************** */
  --qb-contact-form-modal-title-font-family: var(--font-family-design-system);
  --qb-contact-form-modal-title-font-size: var(--titles5-font-size-design-system);
  --qb-contact-form-modal-title-line-height: var(--titles5-line-height-design-system);
  --qb-contact-form-modal-title-color: var(--color-secondary1-design-system);
  --qb-contact-form-modal-subtitle-font-family: var(--font-family-medium-design-system);
  --qb-contact-form-modal-subtitle-font-size: var(--titles8-font-size-design-system);
  --qb-contact-form-modal-subtitle-line-height: var(--titles8-line-height-design-system);
  --qb-contact-form-modal-subtitle-color: var(--color-secondary3-design-system);
  --qb-contact-form-modal-description-font-family: var(--font-family-design-system);
  --qb-contact-form-modal-description-font-size: var(--titles10-font-size-design-system);
  --qb-contact-form-modal-description-line-height: var(--titles10-line-height-design-system);
  --qb-contact-form-modal-description-color: var(--color-secondary2-design-system);
  /* ******************* */
  /* *   DATE-PICKER   * */
  /* ******************* */
  --qb-date-picker-tooltip-size: var(--icon-extra-small-design-system);
  --qb-date-picker-tooltip-color: var(--color-secondary2-design-system);
  --qb-date-picker-disabled-color: var(--color-state-disabled-design-system);
  --qb-date-picker-calendar-background-color: var(--color-grey3-design-system);
  --qb-date-picker-calendar-shadow: var(--shadow3-design-system);
  --qb-date-picker-calendar-action-font-family: var(--font-family-medium-design-system);
  --qb-date-picker-calendar-action-font-size: var(--cta-font-size-design-system);
  --qb-date-picker-calendar-action-line-height: var(--cta-line-height-design-system);
  --qb-date-picker-calendar-action-cancel-color: var(--color-secondary2-design-system);
  --qb-date-picker-calendar-action-apply-color: var(--color-primary-design-system);
  --qb-date-picker-calendar-day-week-font-family: var(--font-family-medium-design-system);
  --qb-date-picker-calendar-day-week-font-size: var(--text-font-size-design-system);
  --qb-date-picker-calendar-day-week-line-height: var(--text-line-height-design-system);
  --qb-date-picker-calendar-day-week-color: var(--color-secondary-design-system);
  --qb-date-picker-calendar-cell-font-family: var(--font-family-design-system);
  --qb-date-picker-calendar-cell-font-size: var(--text-captionS-font-size-design-system);
  --qb-date-picker-calendar-cell-line-height: var(--text-captionS-line-height-design-system);
  --qb-date-picker-calendar-cell-color: var(--color-secondary2-design-system);
  --qb-date-picker-calendar-today-font-family: var(--font-family-bold-design-system);
  --qb-date-picker-calendar-today-font-size: var(--text-captionS-font-size-design-system);
  --qb-date-picker-calendar-today-line-height: var(--text-captionS-line-height-design-system);
  --qb-date-picker-calendar-today-color: var(--color-secondary-design-system);
  --qb-date-picker-calendar-cell-selected-color: var(--color-grey3-design-system);
  --qb-date-picker-calendar-cell-selected-background-color: var(--color-primary-design-system);
  --qb-date-picker-calendar-cell-selected-border-radius: 24px;
  --qb-date-picker-calendar-cell-in-range-background-color: var(--color-grey4-design-system);
  --qb-date-picker-calendar-header-arrows-size: var(--icon-small-design-system);
  --qb-date-picker-calendar-header-arrows-color: var(--color-secondary-design-system);
  --qb-date-picker-calendar-header-title-font-family: var(--font-family-medium-design-system);
  --qb-date-picker-calendar-header-title-font-size: var(--titles10-font-size-design-system);
  --qb-date-picker-calendar-header-title-line-height: var(--titles10-line-height-design-system);
  --qb-date-picker-calendar-header-title-color: var(--color-secondary-design-system);
  --qb-date-picker-calendar-header-dropdown-background-color: var(--color-grey2-design-system);
  --qb-date-picker-calendar-header-dropdown-border-radius: 6px;
  --qb-date-picker-calendar-header-dropdown-label-font-family: var(--font-family-medium-design-system);
  --qb-date-picker-calendar-header-dropdown-label-font-size: var(--titles10-font-size-design-system);
  --qb-date-picker-calendar-header-dropdown-label-line-height: var(--titles10-line-height-design-system);
  --qb-date-picker-calendar-header-dropdown-label-color: var(--color-secondary-design-system);
  /* ********************** */
  /* *   DIALOGUE-MODAL   * */
  /* ********************** */
  --qb-dialogue-modal-icon-size: var(--icon-large-design-system);
  --qb-dialogue-modal-icon-color: var(--color-secondary-design-system);
  --qb-dialogue-modal-title-color: var(--color-secondary-design-system);
  --qb-dialogue-modal-title-desktop-font-family: var(--font-family-design-system);
  --qb-dialogue-modal-title-desktop-font-size: var(--titles5-font-size-design-system);
  --qb-dialogue-modal-title-desktop-line-height: var(--titles5-line-height-design-system);
  --qb-dialogue-modal-title-mobile-font-family: var(--font-family-design-system);
  --qb-dialogue-modal-title-mobile-font-size: var(--titles7-font-size-design-system);
  --qb-dialogue-modal-title-mobile-line-height: var(--titles7-line-height-design-system);
  --qb-dialogue-modal-subtitle-color: var(--color-secondary3-design-system);
  --qb-dialogue-modal-subtitle-desktop-font-family: var(--font-family-medium-design-system);
  --qb-dialogue-modal-subtitle-desktop-font-size: var(--titles8-font-size-design-system);
  --qb-dialogue-modal-subtitle-desktop-line-height: var(--titles8-line-height-design-system);
  --qb-dialogue-modal-subtitle-mobile-font-family: var(--font-family-medium-design-system);
  --qb-dialogue-modal-subtitle-mobile-font-size: var(--titles9-font-size-design-system);
  --qb-dialogue-modal-subtitle-mobile-line-height: var(--titles9-line-height-design-system);
  --qb-dialogue-modal-description-color: var(--color-secondary2-design-system);
  --qb-dialogue-modal-description-font-family: var(--font-family-design-system);
  --qb-dialogue-modal-description-font-size: var(--titles10-font-size-design-system);
  --qb-dialogue-modal-description-line-height: var(--titles10-line-height-design-system);
  /* **************** */
  /* *   DROPDOWN   * */
  /* **************** */
  --qb-dropdown-tooltip-size: var(--icon-extra-small-design-system);
  --qb-dropdown-tooltip-color: var(--color-secondary2-design-system);
  --qb-dropdown-arrow-size: var(--icon-small-design-system);
  --qb-dropdown-arrow-color: var(--color-secondary2-design-system);
  --qb-dropdown-arrow-default-color: var(--color-secondary3-design-system);
  --qb-dropdown-title-font-family: var(--font-family-design-system);
  --qb-dropdown-title-font-size: var(--text-captionM-font-size-design-system);
  --qb-dropdown-title-line-height: var(--text-captionM-line-height-design-system);
  --qb-dropdown-title-color: var(--color-secondary2-design-system);
  --qb-dropdown-disabled-border-color: var(--color-state-disabled-design-system);
  --qb-dropdown-disabled-background-color: var(--color-white-design-system);
  --qb-dropdown-disabled-color: var(--color-state-disabled-design-system);
  --qb-dropdown-background: var(--color-grey3-design-system);
  --qb-dropdown-border-color: var(--color-grey5-design-system);
  --qb-dropdown-border-radius: 2px;
  --qb-dropdown-font-family: var(--font-family-design-system);
  --qb-dropdown-font-size: var(--cta-font-size-design-system);
  --qb-dropdown-line-height: var(--cta-line-height-design-system);
  --qb-dropdown-color: var(--color-secondary2-design-system);
  --qb-dropdown-placeholder-color: var(--color-secondary3-design-system);
  --qb-dropdown-hover-border-color: var(--color-grey2-design-system);
  --qb-dropdown-focus-border-color: var(--color-secondary3-design-system);
  --qb-dropdown-error-background-color: var(--color-state-error-background-design-system);
  --qb-dropdown-error-border-color: var(--color-state-error-design-system);
  --qb-dropdown-disabled-color: var(--color-state-disabled-design-system);
  --qb-dropdown-footer-text-font-family: var(--font-family-design-system);
  --qb-dropdown-footer-text-font-size: var(--text-captionS-font-size-design-system);
  --qb-dropdown-footer-text-line-height: var(--text-captionS-line-height-design-system);
  --qb-dropdown-helper-text-color: var(--color-secondary2-design-system);
  --qb-dropdown-error-text-color: var(--color-state-error-design-system);
  --qb-dropdown-option-hover-background-color: var(--color-secondary4-design-system);
  --qb-dropdown-option-selected-background: var(--color-secondary2-design-system);
  --qb-dropdown-option-selected-color: var(--color-grey3-design-system);
  --qb-dropdown-option-label-font-family: var(--font-family-design-system);
  --qb-dropdown-option-label-font-size: var(--cta-font-size-design-system);
  --qb-dropdown-option-label-line-height: var(--cta-line-height-design-system);
  --qb-dropdown-option-label-color: var(--color-secondary2-design-system);
  /* ******************** */
  /* *   FILE-MANAGER   * */
  /* ******************** */
  --qb-file-manager-background: var(--color-grey3-design-system);
  --qb-file-manager-border-color: var(--color-grey5-design-system);
  --qb-file-manager-border-radius: 8px;
  --qb-file-manager-title-color: var(--color-secondary-design-system);
  --qb-file-manager-title-desktop-font-family: var(--font-family-design-system);
  --qb-file-manager-title-desktop-font-size: var(--titles7-font-size-design-system);
  --qb-file-manager-title-desktop-line-height: var(--titles7-line-height-design-system);
  --qb-file-manager-title-mobile-font-family: var(--font-family-design-system);
  --qb-file-manager-title-mobile-font-size: var(--titles8-font-size-design-system);
  --qb-file-manager-title-mobile-line-height: var(--titles8-line-height-design-system);
  --qb-file-manager-divider-color: var(--color-grey4-design-system);
  --qb-file-manager-document-image-border-radius: 8px;
  --qb-file-manager-document-icon-size: var(--icon-medium-design-system);
  --qb-file-manager-document-icon-color: var(--color-secondary-design-system);
  --qb-file-manager-document-title-font-family: var(--font-family-medium-design-system);
  --qb-file-manager-document-title-font-size: var(--titles10-font-size-design-system);
  --qb-file-manager-document-title-line-height: var(--titles10-line-height-design-system);
  --qb-file-manager-document-title-color: var(--color-secondary-design-system);
  --qb-file-manager-document-subtitle-font-family: var(--font-family-design-system);
  --qb-file-manager-document-subtitle-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-file-manager-document-subtitle-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-file-manager-document-subtitle-color: var(--color-secondary2-design-system);
  --qb-file-manager-drag-and-drop-background: var(--color-grey3-design-system);
  --qb-file-manager-drag-and-drop-border-color: var(--color-grey5-design-system);
  --qb-file-manager-drag-and-drop-border-radius: 8px;
  --qb-file-manager-iconUpload-size: var(--icon-medium-design-system);
  --qb-file-manager-iconUpload-color: var(--color-secondary-design-system);
  --qb-file-manager-drag-and-drop-text-font-family: var(--font-family-medium-design-system);
  --qb-file-manager-drag-and-drop-text-font-size: var(--cta-font-size-design-system);
  --qb-file-manager-drag-and-drop-text-line-height: var(--cta-line-height-design-system);
  --qb-file-manager-drag-and-drop-text-color: var(--color-secondary-design-system);
  --qb-file-manager-drag-and-drop-files-font-family: var(--font-family-design-system);
  --qb-file-manager-drag-and-drop-files-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-file-manager-drag-and-drop-files-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-file-manager-drag-and-drop-files-color: var(--color-secondary2-design-system);
  --qb-file-manager-new-file-background: var(--color-grey3-design-system);
  --qb-file-manager-new-file-border-color: var(--color-grey5-design-system);
  --qb-file-manager-new-file-border-radius: 8px;
  --qb-file-manager-new-file-icon-size: var(--icon-small-design-system);
  --qb-file-manager-new-file-icon-color: var(--color-secondary-design-system);
  --qb-file-manager-new-file-name-font-family: var(--font-family-medium-design-system);
  --qb-file-manager-new-file-name-font-size: var(--titles10-font-size-design-system);
  --qb-file-manager-new-file-name-line-height: var(--titles10-line-height-design-system);
  --qb-file-manager-new-file-name-color: var(--color-secondary-design-system);
  --qb-file-manager-new-file-size-font-family: var(--font-family-design-system);
  --qb-file-manager-new-file-size-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-file-manager-new-file-size-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-file-manager-new-file-size-color: var(--color-secondary2-design-system);
  --qb-file-manager-new-file-iconDelete-size: var(--icon-extra-small-design-system);
  --qb-file-manager-new-file-iconDelete-color: var(--color-secondary-design-system);
  --qb-file-manager-new-file-progress-bar-border-radius: 8px;
  --qb-file-manager-new-file-progress-bar-background-color: var(--color-grey5-design-system);
  --qb-file-manager-new-file-progress-bar-fill-color: var(--color-primary-design-system);
  --qb-file-manager-new-file-progress-text-font-family: var(--font-family-design-system);
  --qb-file-manager-new-file-progress-text-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-file-manager-new-file-progress-text-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-file-manager-new-file-progress-text-color: var(--color-secondary2-design-system);
  /* *********************** */
  /* *   FLOATING-BUTTON   * */
  /* *********************** */
  --qb-floating-button-icon-size: var(--icon-medium-design-system);
  --qb-floating-button-shadow: var(--shadow3-design-system);
  --qb-floating-button-whatsapp-label-color: var(--color-grey3-design-system);
  --qb-floating-button-whatsapp-background-color: #25d366;
  --qb-floating-button-whatsapp-hover-background-color: #135824;
  --qb-floating-button-whatsapp-pressed-background-color: #1da63f;
  --qb-floating-button-primary-label-color: var(--color-grey3-design-system);
  --qb-floating-button-primary-background-color: var(--color-primary-design-system);
  --qb-floating-button-primary-hover-background-color: var(--color-primary4-design-system);
  --qb-floating-button-primary-pressed-background-color: var(--color-primary3-design-system);
  --qb-floating-button-secondary-background-color: var(--color-grey3-design-system);
  --qb-floating-button-secondary-border-color: var(--color-grey4-design-system);
  --qb-floating-button-secondary-icon-color: var(--color-primary-design-system);
  --qb-floating-button-secondary-hover-color: var(--color-primary4-design-system);
  --qb-floating-button-secondary-pressed-color: var(--color-primary3-design-system);
  --qb-floating-button-menu-background: var(--color-grey3-design-system);
  --qb-floating-button-menu-border-color: var(--color-secondary5-design-system);
  --qb-floating-button-menu-shadow: 0px 4px 8px rgba(45, 55, 61, 0.1-design-system);
  --qb-floating-button-menu-border-radius: 16px;
  --qb-floating-button-menu-icon-size: var(--icon-medium-design-system);
  --qb-floating-button-menu-icon-color: var(--color-primary-design-system);
  --qb-floating-button-menu-label-font-family: var(--font-family-design-system);
  --qb-floating-button-menu-label-font-size: var(--titles8-font-size-design-system);
  --qb-floating-button-menu-label-line-height: var(--titles8-line-height-design-system);
  --qb-floating-button-menu-label-color: var(--color-secondary-design-system);
  /* ******************* */
  /* *   FOLDING-BOX   * */
  /* ******************* */
  --qb-folding-box-icon-size: var(--icon-medium-design-system);
  --qb-folding-box-icon-color: var(--color-secondary-design-system);
  --qb-folding-box-background: var(--color-secondary5-design-system);
  --qb-folding-box-border-radius: 6px;
  --qb-folding-box-title-font-family: var(--font-family-medium-design-system);
  --qb-folding-box-title-font-size: var(--titles9-font-size-design-system);
  --qb-folding-box-title-line-height: var(--titles9-line-height-design-system);
  --qb-folding-box-title-color: var(--color-secondary2-design-system);
  --qb-folding-box-list-item-font-family: var(--font-family-design-system);
  --qb-folding-box-list-item-font-size: var(--titles10-font-size-design-system);
  --qb-folding-box-list-item-line-height: var(--titles10-line-height-design-system);
  --qb-folding-box-list-item-color: var(--color-secondary-design-system);
  --qb-folding-box-text-font-family: var(--font-family-bold-design-system);
  --qb-folding-box-text-font-size: var(--text-font-size-design-system);
  --qb-folding-box-text-line-height: var(--text-line-height-design-system);
  --qb-folding-box-text-color: var(--color-secondary-design-system);
  /* ************** */
  /* *   FOOTER   * */
  /* ************** */
  --qb-footer-background-color: var(--color-grey3-design-system);
  --qb-footer-divider-color: var(--color-secondary4-design-system);
  --qb-footer-triangle-color: var(--color-primary-design-system);
  --qb-footer-dropdown-arrow-size: var(--icon-small-design-system);
  --qb-footer-dropdown-arrow-color: var(--color-secondary2-design-system);
  --qb-footer-navigation-links-font-family: var(--font-family-design-system);
  --qb-footer-navigation-links-font-size: var(--text-captionM-font-size-design-system);
  --qb-footer-navigation-links-line-height: var(--text-captionM-line-height-design-system);
  --qb-footer-navigation-links-color: var(--color-secondary2-design-system);
  --qb-footer-description-font-family: var(--font-family-design-system);
  --qb-footer-description-font-size: 12px;
  --qb-footer-description-line-height: 16px;
  --qb-footer-description-color: var(--color-secondary2-design-system);
  --qb-footer-copyright-font-family: var(--font-family-design-system);
  --qb-footer-copyright-font-size: 12px;
  --qb-footer-copyright-line-height: 16px;
  --qb-footer-copyright-color: var(--color-secondary2-design-system);
  --qb-footer-contact-links-label-font-family: var(--font-family-design-system);
  --qb-footer-contact-links-label-font-size: var(--text-captionM-font-size-design-system);
  --qb-footer-contact-links-label-line-height: var(--text-captionM-line-height-design-system);
  --qb-footer-contact-links-label-color: var(--color-secondary2-design-system);
  --qb-footer-contact-links-icon-size: var(--icon-small-design-system);
  --qb-footer-contact-links-icon-color: var(--color-primary-design-system);
  --qb-footer-icon-links-size: var(--icon-small-design-system);
  --qb-footer-icon-links-color: var(--color-secondary3-design-system);
  --qb-footer-language-abbreviation-font-family: var(--font-family-medium-design-system);
  --qb-footer-language-abbreviation-font-size: 14px;
  --qb-footer-language-abbreviation-line-height: 18px;
  --qb-footer-language-abbreviation-color: var(--color-secondary2-design-system);
  --qb-footer-dropdown-background-color: var(--color-grey3-design-system);
  --qb-footer-dropdown-hover-background-color: var(--color-secondary4-design-system);
  --qb-footer-dropdown-border-top-color: var(--color-secondary2-design-system);
  --qb-footer-dropdown-border-color: var(--color-secondary4-design-system);
  --qb-footer-dropdown-border-radius: 0px;
  --qb-footer-dropdown-option-text-key-font-family: var(--font-family-bold-design-system);
  --qb-footer-dropdown-option-text-key-font-size: var(--text-font-size-design-system);
  --qb-footer-dropdown-option-text-key-line-height: var(--text-line-height-design-system);
  --qb-footer-dropdown-option-text-key-color: var(--color-secondary2-design-system);
  --qb-footer-dropdown-option-text-value-font-family: var(--font-family-design-system);
  --qb-footer-dropdown-option-text-value-font-size: var(--text-captionM-font-size-design-system);
  --qb-footer-dropdown-option-text-value-line-height: var(--text-captionM-line-height-design-system);
  --qb-footer-dropdown-option-text-value-color: var(--color-secondary2-design-system);
  /* ********************* */
  /* *   GENERIC-MODAL   * */
  /* ********************* */
  --qb-generic-modal-background: var(--color-grey3-design-system);
  --qb-generic-modal-shadow: var(--shadow2-design-system);
  --qb-generic-modal-border-radius: 8px;
  --qb-generic-modal-icon-close-size: var(--icon-small-design-system);
  --qb-generic-modal-icon-close-color: var(--color-secondary-design-system);
  --qb-generic-modal-scrollbar-background-color: var(--color-secondary4-design-system);
  --qb-generic-modal-scrollbar-border-radius: 20px;
  --qb-generic-modal-scrollbar-thumb-background-color: var(--color-secondary3-design-system);
  --qb-generic-modal-scrollbar-thumb-border-radius: 20px;
  --qb-generic-modal-divider-color: var(--color-secondary4-design-system);
  /* ************** */
  /* *   HEADER   * */
  /* ************** */
  --qb-header-background: var(--color-grey3-design-system);
  --qb-header-title-color: var(--color-secondary-design-system);
  --qb-header-title-desktop-font-family: var(--font-family-medium-design-system);
  --qb-header-title-desktop-font-size: var(--titles8-font-size-design-system);
  --qb-header-title-desktop-line-height: var(--titles8-line-height-design-system);
  --qb-header-title-mobile-font-family: var(--font-family-medium-design-system);
  --qb-header-title-mobile-font-size: var(--titles9-font-size-design-system);
  --qb-header-title-mobile-line-height: var(--titles9-line-height-design-system);
  --qb-header-list-icon-size: var(--icon-small-design-system);
  --qb-header-list-icon-color: var(--color-secondary2-design-system);
  --qb-header-phone-icon-size: var(--icon-small-design-system);
  --qb-header-phone-icon-color: var(--color-primary-design-system);
  --qb-header-phone-label-font-family: var(--font-family-medium-design-system);
  --qb-header-phone-label-font-size: var(--cta-font-size-design-system);
  --qb-header-phone-label-line-height: var(--cta-line-height-design-system);
  --qb-header-phone-label-color: var(--color-secondary-design-system);
  --qb-header-text-font-family: var(--font-family-design-system);
  --qb-header-text-font-size: var(--text-captionM-font-size-design-system);
  --qb-header-text-line-height: var(--text-captionM-line-height-design-system);
  --qb-header-text-color: var(--color-secondary2-design-system);
  --qb-header-email-icon-size: var(--icon-small-design-system);
  --qb-header-email-icon-color: var(--color-secondary2-design-system);
  --qb-header-email-label-font-family: var(--font-family-design-system);
  --qb-header-email-label-font-size: var(--text-captionM-font-size-design-system);
  --qb-header-email-label-line-height: var(--text-captionM-line-height-design-system);
  --qb-header-email-label-color: var(--color-secondary2-design-system);
  --qb-header-divider-color: var(--color-secondary4-design-system);
  /* ***************** */
  /* *   ICON-LIST   * */
  /* ***************** */
  --qb-icon-list-title-desktop-font-family: var(--font-family-medium-design-system);
  --qb-icon-list-title-desktop-font-size: var(--titles8-font-size-design-system);
  --qb-icon-list-title-desktop-line-height: var(--titles8-line-height-design-system);
  --qb-icon-list-title-mobile-font-family: var(--font-family-medium-design-system);
  --qb-icon-list-title-mobile-font-size: var(--titles9-font-size-design-system);
  --qb-icon-list-title-mobile-line-height: var(--titles9-line-height-design-system);
  --qb-icon-list-title-color: var(--color-secondary-design-system);
  --qb-icon-list-item-label-font-family: var(--font-family-design-system);
  --qb-icon-list-item-label-font-size: var(--text-captionM-font-size-design-system);
  --qb-icon-list-item-label-line-height: var(--text-captionM-line-height-design-system);
  --qb-icon-list-item-label-color: var(--color-secondary2-design-system);
  --qb-icon-list-item-icon-size: var(--icon-small-design-system);
  --qb-icon-list-item-icon-color: var(--color-state-success-design-system);
  /* ****************** */
  /* *   IMAGE-TEXT   * */
  /* ****************** */
  --qb-image-text-background: var(--color-grey3-design-system);
  --qb-image-text-icon-size: var(--icon-medium-design-system);
  --qb-image-text-icon-color: var(--color-primary-design-system);
  --qb-image-text-title-font-family: var(--font-family-design-system);
  --qb-image-text-title-font-size: var(--titles7-font-size-design-system);
  --qb-image-text-title-line-height: var(--titles7-line-height-design-system);
  --qb-image-text-title-color: var(--color-secondary-design-system);
  --qb-image-text-subtitle-font-family: var(--font-family-design-system);
  --qb-image-text-subtitle-font-size: var(--text-font-size-design-system);
  --qb-image-text-subtitle-line-height: var(--text-line-height-design-system);
  --qb-image-text-subtitle-color: var(--color-secondary2-design-system);
  --qb-image-text-description-font-family: var(--font-family-design-system);
  --qb-image-text-description-font-size: var(--text-font-size-design-system);
  --qb-image-text-description-line-height: var(--text-line-height-design-system);
  --qb-image-text-description-color: var(--color-secondary2-design-system);
  /* ************ */
  /* *   LINK   * */
  /* ************ */
  --qb-link-icon-size: var(--icon-small-design-system);
  --qb-link-color: var(--color-primary-design-system);
  --qb-link-hover-color: var(--color-primary2-design-system);
  --qb-link-pressed-color: var(--color-primary3-design-system);
  --qb-link-negative-color: var(--color-grey3-design-system);
  --qb-link-negative-hover-label-font-family: var(--font-family-bold-design-system);
  --qb-link-negative-hover-label-font-size: var(--text-font-size-design-system);
  --qb-link-negative-hover-label-line-height: var(--text-line-height-design-system);
  --qb-link-negative-pressed-label-font-family: var(--font-family-bold-design-system);
  --qb-link-negative-pressed-label-font-size: var(--text-font-size-design-system);
  --qb-link-negative-pressed-label-text-line-height: var(--text-line-height-design-system);
  --qb-link-disabled-color: var(--color-state-disabled-design-system);
  --qb-link-action-label-font-family: var(--font-family-medium-design-system);
  --qb-link-action-label-font-size: var(--cta-font-size-design-system);
  --qb-link-action-label-line-height: var(--cta-line-height-design-system);
  --qb-link-text-label-font-family: var(--font-family-medium-design-system);
  --qb-link-text-label-font-size: var(--text-font-size-design-system);
  --qb-link-text-label-line-height: var(--text-line-height-design-system);
  /* *************** */
  /* *   LOADING   * */
  /* *************** */
  --qb-loading-background-color: var(--color-grey3-design-system);
  --qb-loading-text-font-family: var(--font-family-medium-design-system);
  --qb-loading-text-font-size: var(--titles9-font-size-design-system);
  --qb-loading-text-line-height: var(--titles9-line-height-design-system);
  --qb-loading-text-color: var(--color-secondary-design-system);
  --qb-loading-spinner-color: var(--color-primary2-design-system);
  --qb-loading-icon-size: 80px;
  --qb-loading-icon-filled-color: var(--color-primary2-design-system);
  --qb-loading-icon-background-color: var(--color-grey5-design-system);
  /* ******************** */
  /* *   NOTIFICATION   * */
  /* ******************** */
  --qb-notification-icon-size: var(--icon-medium-design-system);
  --qb-notification-sticky-icon-size: var(--icon-large-design-system);
  --qb-notification-iconClose-size: var(--icon-small-design-system);
  --qb-notification-iconClose-color: var(--color-secondary-design-system);
  --qb-notification-background: var(--color-grey3-design-system);
  --qb-notification-box-shadow: var(--shadow3-design-system);
  --qb-notification-border-radius: 6px;
  --qb-notification-informative-icon-background: var(--color-state-informative2-design-system);
  --qb-notification-informative-icon-color: var(--color-state-informative-design-system);
  --qb-notification-informative-background: var(--color-state-informative-background-design-system);
  --qb-notification-error-icon-background: var(--color-state-error2-design-system);
  --qb-notification-error-icon-color: var(--color-state-error-design-system);
  --qb-notification-error-background: var(--color-state-error-background-design-system);
  --qb-notification-success-icon-background: var(--color-state-success2-design-system);
  --qb-notification-success-icon-color: var(--color-state-success-design-system);
  --qb-notification-success-background: var(--color-state-success-background-design-system);
  --qb-notification-notice-icon-background: var(--color-state-notice2-design-system);
  --qb-notification-notice-icon-color: var(--color-state-notice-design-system);
  --qb-notification-notice-background: var(--color-state-notice-background-design-system);
  --qb-notification-title-font-family: var(--font-family-design-system);
  --qb-notification-title-font-size: var(--text-captionM-font-size-design-system);
  --qb-notification-title-line-height: var(--text-captionM-line-height-design-system);
  --qb-notification-title-color: var(--color-secondary-design-system);
  --qb-notification-subtitle-font-family: var(--font-family-design-system);
  --qb-notification-subtitle-font-size: var(--titles10-font-size-design-system);
  --qb-notification-subtitle-line-height: var(--titles10-line-height-design-system);
  --qb-notification-subtitle-color: var(--color-secondary-design-system);
  --qb-notification-sticky-subtitle-font-family: var(--font-family-design-system);
  --qb-notification-sticky-subtitle-font-size: var(--text-captionM-font-size-design-system);
  --qb-notification-sticky-subtitle-line-height: var(--text-captionM-line-height-design-system);
  --qb-notification-sticky-subtitle-color: var(--color-secondary2-design-system);
  /* ****************** */
  /* *   OK-MESSAGE   * */
  /* ****************** */
  --qb-ok-message-icon-size: var(--icon-large-design-system);
  --qb-ok-message-icon-container-size: 96px;
  --qb-ok-message-icon-border-radius: 50%;
  --qb-ok-message-icon-color: var(--color-state-success-design-system);
  --qb-ok-message-icon-border-color: var(--color-state-success-design-system);
  --qb-ok-message-title-color: var(--color-secondary-design-system);
  --qb-ok-message-title-font-family: var(--font-family-design-system);
  --qb-ok-message-title-font-size: var(--titles5-font-size-design-system);
  --qb-ok-message-title-line-height: var(--titles5-line-height-design-system);
  --qb-ok-message-title-mobile-font-family: var(--font-family-design-system);
  --qb-ok-message-title-mobile-font-size: var(--titles6-font-size-design-system);
  --qb-ok-message-title-mobile-line-height: var(--titles6-line-height-design-system);
  --qb-ok-message-description-color: var(--color-secondary3-design-system);
  --qb-ok-message-description-font-family: var(--font-family-medium-design-system);
  --qb-ok-message-description-font-size: var(--titles8-font-size-design-system);
  --qb-ok-message-description-line-height: var(--titles8-line-height-design-system);
  --qb-ok-message-description-mobile-font-family: var(--font-family-medium-design-system);
  --qb-ok-message-description-mobile-font-size: var(--titles9-font-size-design-system);
  --qb-ok-message-description-mobile-line-height: var(--titles9-line-height-design-system);
  --qb-ok-message-additional-text-font-family: var(--font-family-design-system);
  --qb-ok-message-additional-text-font-size: var(--text-font-size-design-system);
  --qb-ok-message-additional-text-line-height: var(--text-line-height-design-system);
  --qb-ok-message-additional-text-color: var(--color-secondary-design-system);
  /* ****************** */
  /* *   PRICE-CARD   * */
  /* ****************** */
  --qb-price-card-background: var(--color-grey3-design-system);
  --qb-price-card-border-color: var(--color-secondary4-design-system);
  --qb-price-card-border-radius: 6px;
  --qb-price-card-title-font-family: var(--font-family-medium-design-system);
  --qb-price-card-title-font-size: var(--titles8-font-size-design-system);
  --qb-price-card-title-line-height: var(--titles8-line-height-design-system);
  --qb-price-card-title-color: var(--color-primary-design-system);
  --qb-price-card-text-price-font-family: var(--font-family-medium-design-system);
  --qb-price-card-text-price-font-size: var(--titles8-font-size-design-system);
  --qb-price-card-text-price-line-height: var(--titles8-line-height-design-system);
  --qb-price-card-text-price-color: var(--color-secondary-design-system);
  --qb-price-card-price-font-family: var(--font-family-medium-design-system);
  --qb-price-card-price-font-size: var(--titles6-font-size-design-system);
  --qb-price-card-price-line-height: var(--titles6-line-height-design-system);
  --qb-price-card-price-time-font-family: var(--font-family-design-system);
  --qb-price-card-price-time-font-size: var(--titles9-font-size-design-system);
  --qb-price-card-price-time-line-height: var(--titles9-line-height-design-system);
  --qb-price-card-text-old-price-font-family: var(--font-family-medium-design-system);
  --qb-price-card-text-old-price-font-size: var(--titles10-font-size-design-system);
  --qb-price-card-text-old-price-line-height: var(--titles10-line-height-design-system);
  --qb-price-card-text-old-price-color: var(--color-secondary-design-system);
  --qb-price-card-old-price-font-family: var(--font-family-design-system);
  --qb-price-card-old-price-font-size: 24px;
  --qb-price-card-old-price-line-height: 31px;
  --qb-price-card-old-price-time-font-family: var(--font-family-medium-design-system);
  --qb-price-card-old-price-time-font-size: var(--text-captionM-font-size-design-system);
  --qb-price-card-old-price-time-line-height: var(--text-captionM-line-height-design-system);
  --qb-price-card-subtitle-font-family: var(--font-family-medium-design-system);
  --qb-price-card-subtitle-font-size: var(--titles9-font-size-design-system);
  --qb-price-card-subtitle-line-height: var(--titles9-line-height-design-system);
  --qb-price-card-subtitle-color: var(--color-secondary-design-system);
  --qb-price-card-scrollbar-background-color: var(--color-secondary4-design-system);
  --qb-price-card-scrollbar-border-radius: 20px;
  --qb-price-card-scrollbar-thumb-background-color: var(--color-secondary3-design-system);
  --qb-price-card-scrollbar-thumb-border-radius: 20px;
  --qb-price-card-item-title-font-family: var(--font-family-medium-design-system);
  --qb-price-card-item-title-font-size: var(--titles10-font-size-design-system);
  --qb-price-card-item-title-line-height: var(--titles10-line-height-design-system);
  --qb-price-card-item-title-color: var(--color-secondary-design-system);
  --qb-price-card-item-value-font-family: var(--font-family-design-system);
  --qb-price-card-item-value-font-size: var(--titles10-font-size-design-system);
  --qb-price-card-item-value-line-height: var(--titles10-line-height-design-system);
  --qb-price-card-item-value-color: var(--color-secondary2-design-system);
  --qb-price-card-item-description-font-family: var(--font-family-design-system);
  --qb-price-card-item-description-font-size: var(--titles10-font-size-design-system);
  --qb-price-card-item-description-line-height: var(--titles10-line-height-design-system);
  --qb-price-card-item-description-color: var(--color-secondary2-design-system);
  --qb-price-card-arrow-size: var(--icon-small-design-system);
  --qb-price-card-arrow-color: var(--color-secondary-design-system);
  --qb-price-card-divider-color: var(--color-secondary4-design-system);
  --qb-price-card-recommendation-border-color: var(--color-state-informative-design-system);
  --qb-price-card-recommendation-background-color: var(--color-state-informative2-design-system);
  --qb-price-card-recommendation-font-family: var(--font-family-bold-design-system);
  --qb-price-card-recommendation-font-size: 12px;
  --qb-price-card-recommendation-line-height: 16px;
  --qb-price-card-recommendation-color: var(--color-secondary-design-system);
  /* ************************ */
  /* *   PRICE-COMPARATOR   * */
  /* ************************ */
  --qb-price-comparator-arrows-size: var(--icon-medium-design-system);
  --qb-price-comparator-arrows-color: var(--color-secondary-design-system);
  --qb-price-comparator-arrows-border-radius: 4px;
  --qb-price-comparator-arrows-border-color: var(--color-primary-design-system);
  --qb-price-comparator-arrows-background: var(--color-grey3-design-system);
  --qb-price-comparator-arrows-disabled-color: var(--color-state-disabled-design-system);
  /* ******************** */
  /* *   RADIO-BUTTON   * */
  /* ******************** */
  --qb-radio-button-label-font-family: var(--font-family-design-system);
  --qb-radio-button-label-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-radio-button-label-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-radio-button-label-color: var(--color-secondary2-design-system);
  --qb-radio-button-outer-circle-border-color: var(--color-grey5-design-system);
  --qb-radio-button-checked-outer-circle-border-color: var(--color-grey5-design-system);
  --qb-radio-button-checked-inner-circle-color: var(--color-state-success-design-system);
  --qb-radio-button-hover-border-color: var(--color-grey2-design-system);
  --qb-radio-button-disabled-color: var(--color-state-disabled-design-system);
  /* ************************** */
  /* *   RADIO-BUTTON-GROUP   * */
  /* ************************** */
  --qb-radio-button-group-tooltip-size: var(--icon-extra-small-design-system);
  --qb-radio-button-group-iconCenter-size: var(--icon-extra-small-design-system);
  --qb-radio-button-group-iconLeft-size: var(--icon-extra-small-design-system);
  --qb-radio-button-group-icon-color: var(--color-secondary2-design-system);
  --qb-radio-button-group-background: var(--color-grey3-design-system);
  --qb-radio-button-group-border-radius: 8px;
  --qb-radio-button-group-border-color: var(--color-grey5-design-system);
  --qb-radio-button-group-hover-border-color: var(--color-secondary2-design-system);
  --qb-radio-button-group-disabled-color: var(--color-state-disabled-design-system);
  --qb-radio-button-group-error-background: var(--color-state-error-background-design-system);
  --qb-radio-button-group-error-border-color: var(--color-state-error-design-system);
  --qb-radio-button-group-selected-background: var(--color-secondary2-design-system);
  --qb-radio-button-group-selected-color: var(--color-grey3-design-system);
  --qb-radio-button-group-title-font-family: var(--font-family-design-system);
  --qb-radio-button-group-title-font-size: var(--text-captionM-font-size-design-system);
  --qb-radio-button-group-title-line-height: var(--text-captionM-line-height-design-system);
  --qb-radio-button-group-title-color: var(--color-secondary2-design-system);
  --qb-radio-button-group-footer-text-font-family: var(--font-family-design-system);
  --qb-radio-button-group-footer-text-font-size: var(--text-captionS-font-size-design-system);
  --qb-radio-button-group-footer-text-line-height: var(--text-captionS-line-height-design-system);
  --qb-radio-button-group-helper-text-color: var(--color-secondary2-design-system);
  --qb-radio-button-group-error-text-color: var(--color-state-error-design-system);
  --qb-radio-button-group-item-label-font-family: var(--font-family-design-system);
  --qb-radio-button-group-item-label-font-size: var(--text-font-size-design-system);
  --qb-radio-button-group-item-label-line-height: var(--text-line-height-design-system);
  --qb-radio-button-group-item-label-color: var(--color-secondary2-design-system);
  /* ***************************** */
  /* *   SELECTORS-CONTROLLERS   * */
  /* ***************************** */
  --qb-selector-controllers-footer-text-font-family: var(--font-family-design-system);
  --qb-selector-controllers-footer-text-font-size: var(--text-captionS-font-size-design-system);
  --qb-selector-controllers-footer-text-line-height: var(--text-captionS-line-height-design-system);
  --qb-selector-controllers-helper-text-color: var(--color-secondary2-design-system);
  --qb-selector-controllers-error-text-color: var(--color-state-error-design-system);
  --qb-selector-controllers-disabled-color: var(--color-state-disabled-design-system);
  --qb-selector-controllers-title-font-family: var(--font-family-design-system);
  --qb-selector-controllers-title-font-size: var(--text-captionM-font-size-design-system);
  --qb-selector-controllers-title-line-height: var(--text-captionM-line-height-design-system);
  --qb-selector-controllers-title-color: var(--color-secondary2-design-system);
  --qb-selector-controllers-tooltip-size: var(--icon-extra-small-design-system);
  --qb-selector-controllers-tooltip-color: var(--color-secondary2-design-system);
  --qb-selector-controllers-icons-size: var(--icon-small-design-system);
  --qb-selector-controllers-icons-color: var(--color-secondary2-design-system);
  --qb-selector-controllers-value-font-family: var(--font-family-design-system);
  --qb-selector-controllers-value-font-size: var(--cta-font-size-design-system);
  --qb-selector-controllers-value-line-height: var(--cta-line-height-design-system);
  --qb-selector-controllers-value-color: var(--color-secondary2-design-system);
  --qb-selector-controllers-value-default-color: var(--color-secondary3-design-system);
  --qb-selector-controllers-divider-color: var(--color-grey5-design-system);
  --qb-selector-controllers-error-divider-color: var(--color-state-error-design-system);
  /* *********************** */
  /* *   SELECTOR-SLIDER   * */
  /* *********************** */
  --qb-selector-slider-title-font-family: var(--font-family-design-system);
  --qb-selector-slider-title-font-size: var(--text-captionM-font-size-design-system);
  --qb-selector-slider-title-line-height: var(--text-captionM-line-height-design-system);
  --qb-selector-slider-title-color: var(--color-secondary2-design-system);
  --qb-selector-slider-tooltip-size: var(--icon-extra-small-design-system);
  --qb-selector-slider-tooltip-color: var(--color-secondary2-design-system);
  --qb-selector-slider-range-text-font-family: var(--font-family-design-system);
  --qb-selector-slider-range-text-font-size: var(--text-captionM-font-size-design-system);
  --qb-selector-slider-range-text-line-height: var(--text-captionM-line-height-design-system);
  --qb-selector-slider-range-text-color: var(--color-secondary2-design-system);
  --qb-selector-slider-footer-text-font-family: var(--font-family-design-system);
  --qb-selector-slider-footer-text-font-size: var(--text-captionS-font-size-design-system);
  --qb-selector-slider-footer-text-line-height: var(--text-captionS-line-height-design-system);
  --qb-selector-slider-helper-text-color: var(--color-secondary2-design-system);
  --qb-selector-slider-error-text-color: var(--color-state-error-design-system);
  --qb-selector-slider-value-text-font-family: var(--font-family-design-system);
  --qb-selector-slider-value-text-font-size: var(--text-captionM-font-size-design-system);
  --qb-selector-slider-value-text-line-height: var(--text-captionM-line-height-design-system);
  --qb-selector-slider-value-text-color: var(--color-secondary-design-system);
  --qb-selector-slider-track-border-radius: 6px;
  --qb-selector-slider-track-background-color: var(--color-grey5-design-system);
  --qb-selector-slider-track-fill-color: var(--color-primary-design-system);
  --qb-selector-slider-thumb-background-color: var(--color-white-design-system);
  --qb-selector-slider-thumb-shadow: var(--shadow3-design-system);
  --qb-selector-slider-thumb-size: var(--icon-small-design-system);
  --qb-selector-slider-thumb-lines-font-size: 12.5px;
  --qb-selector-slider-thumb-lines-color: var(--color-grey5-design-system);
  --qb-selector-slider-disabled-color: var(--color-state-disabled-design-system);
  --qb-selector-slider-disabled-track-background-color: var(--color-grey4-design-system);
  --qb-selector-slider-disabled-track-fill-color: var(--color-state-disabled-design-system);
  /* ********************** */
  /* *   STEP-INDICATOR   * */
  /* ********************** */
  --qb-step-indicator-default-step-color: var(--color-secondary2-design-system);
  --qb-step-indicator-current-step-color: var(--color-secondary-design-system);
  --qb-step-indicator-step-icon-size: var(--icon-medium-design-system);
  --qb-step-indicator-step-label-font-family: var(--font-family-bold-design-system);
  --qb-step-indicator-step-label-font-size: var(--text-font-size-design-system);
  --qb-step-indicator-step-label-line-height: var(--text-line-height-design-system);
  --qb-step-indicator-circle-size: 24px;
  --qb-step-indicator-circle-border-radius: 50%;
  --qb-step-indicator-circle-current-step-background-color: var(--color-grey3-design-system);
  --qb-step-indicator-circle-current-step-border-color: var(--color-primary-design-system);
  --qb-step-indicator-circle-previous-step-background-color: var(--color-primary-design-system);
  --qb-step-indicator-circle-following-step-background-color: var(--color-secondary3-design-system);
  --qb-step-indicator-progress-bar-background-color: var(--color-secondary3-design-system);
  --qb-step-indicator-progress-bar-fill-color: var(--color-primary-design-system);
  --qb-step-indicator-progress-spinner-size: 42px;
  --qb-step-indicator-progress-spinner-border-radius: 50%;
  --qb-step-indicator-progress-spinner-background-color: var(--color-primary-design-system);
  --qb-step-indicator-progress-spinner-fill-color: var(--color-secondary3-design-system);
  --qb-step-indicator-progress-spinner-text-size: 34px;
  --qb-step-indicator-progress-spinner-text-border-radius: 50%;
  --qb-step-indicator-progress-spinner-text-background: var(--color-grey3-design-system);
  --qb-step-indicator-progress-spinner-text-font-family: var(--font-family-bold-design-system);
  --qb-step-indicator-progress-spinner-text-font-size: var(--cta-font-size-design-system);
  --qb-step-indicator-progress-spinner-text-line-height: var(--cta-line-height-design-system);
  --qb-step-indicator-progress-spinner-text-color: var(--color-secondary-design-system);
  --qb-step-indicator-mobile-circular-divider-color: var(--color-secondary3-design-system);
  --qb-step-indicator-mobile-icon-back-size: var(--icon-medium-design-system);
  --qb-step-indicator-mobile-icon-back-color: var(--color-primary-design-system);
  --qb-step-indicator-disabled-color: var(--color-state-disabled-design-system);
  --qb-step-indicator-mobile-current-step-color: var(--color-secondary-design-system);
  --qb-step-indicator-mobile-step-icon-size: var(--icon-medium-design-system);
  --qb-step-indicator-mobile-step-label-font-family: var(--font-family-bold-design-system);
  --qb-step-indicator-mobile-step-label-font-size: var(--cta-font-size-design-system);
  --qb-step-indicator-mobile-step-label-line-height: var(--cta-line-height-design-system);
  --qb-step-indicator-mobile-progress-text-font-family: var(--font-family-design-system);
  --qb-step-indicator-mobile-progress-text-font-size: var(--cta-font-size-design-system);
  --qb-step-indicator-mobile-progress-text-line-height: var(--cta-line-height-design-system);
  --qb-step-indicator-mobile-progress-text-color: var(--color-secondary2-design-system);
  /* ************************ */
  /* *   SUMMARY-COMPLETE   * */
  /* ************************ */
  --qb-summary-complete-background: var(--color-grey3-design-system);
  --qb-summary-complete-border-radius: 8px;
  --qb-summary-complete-border-color: var(--color-secondary5-design-system);
  --qb-summary-complete-title-color: var(--color-secondary-design-system);
  --qb-summary-complete-title-desktop-font-family: var(--font-family-design-system);
  --qb-summary-complete-title-desktop-font-size: var(--titles7-font-size-design-system);
  --qb-summary-complete-title-desktop-line-height: var(--titles7-line-height-design-system);
  --qb-summary-complete-title-mobile-font-family: var(--font-family-design-system);
  --qb-summary-complete-title-mobile-font-size: var(--titles8-font-size-design-system);
  --qb-summary-complete-title-mobile-line-height: var(--titles8-line-height-design-system);
  --qb-summary-complete-price-color: var(--color-secondary-design-system);
  --qb-summary-complete-price-desktop-font-family: var(--font-family-medium-design-system);
  --qb-summary-complete-price-desktop-font-size: var(--titles7-font-size-design-system);
  --qb-summary-complete-price-desktop-line-height: var(--titles7-line-height-design-system);
  --qb-summary-complete-price-mobile-font-family: var(--font-family-medium-design-system);
  --qb-summary-complete-price-mobile-font-size: var(--titles8-font-size-design-system);
  --qb-summary-complete-price-mobile-line-height: var(--titles8-line-height-design-system);
  --qb-summary-complete-subtitle-color: var(--color-secondary-design-system);
  --qb-summary-complete-subtitle-desktop-font-family: var(--font-family-medium-design-system);
  --qb-summary-complete-subtitle-desktop-font-size: var(--titles9-font-size-design-system);
  --qb-summary-complete-subtitle-desktop-line-height: var(--titles9-line-height-design-system);
  --qb-summary-complete-subtitle-mobile-font-family: var(--font-family-medium-design-system);
  --qb-summary-complete-subtitle-mobile-font-size: var(--titles10-font-size-design-system);
  --qb-summary-complete-subtitle-mobile-line-height: var(--titles10-line-height-design-system);
  --qb-summary-complete-list-icon-size: var(--icon-small-design-system);
  --qb-summary-complete-list-icon-color: var(--color-support5-design-system);
  --qb-summary-complete-list-label-font-family: var(--font-family-design-system);
  --qb-summary-complete-list-label-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-summary-complete-list-label-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-summary-complete-list-label-color: var(--color-secondary2-design-system);
  --qb-summary-complete-additional-text-font-family: var(--font-family-medium-design-system);
  --qb-summary-complete-additional-text-font-size: var(--titles10-font-size-design-system);
  --qb-summary-complete-additional-text-line-height: var(--titles10-line-height-design-system);
  --qb-summary-complete-additional-text-color: var(--color-secondary-design-system);
  --qb-summary-complete-form-description-font-family: var(--font-family-design-system);
  --qb-summary-complete-form-description-font-size: var(--text-captionM-font-size-design-system);
  --qb-summary-complete-form-description-line-height: var(--text-captionM-line-height-design-system);
  --qb-summary-complete-form-description-color: var(--color-secondary2-design-system);
  /* ********************** */
  /* *   SUMMARY-SIMPLE   * */
  /* ********************** */
  --qb-summary-simple-background: var(--color-secondary5-design-system);
  --qb-summary-simple-border-radius: 8px;
  --qb-summary-simple-title-color: var(--color-secondary-design-system);
  --qb-summary-simple-title-desktop-font-family: var(--font-family-design-system);
  --qb-summary-simple-title-desktop-font-size: var(--titles7-font-size-design-system);
  --qb-summary-simple-title-desktop-line-height: var(--titles7-line-height-design-system);
  --qb-summary-simple-title-mobile-font-family: var(--font-family-design-system);
  --qb-summary-simple-title-mobile-font-size: var(--titles8-font-size-design-system);
  --qb-summary-simple-title-mobile-line-height: var(--titles8-line-height-design-system);
  --qb-summary-simple-divider-color: var(--color-secondary4-design-system);
  --qb-summary-simple-block-title-font-family: var(--font-family-medium-design-system);
  --qb-summary-simple-block-title-font-size: var(--titles9-font-size-design-system);
  --qb-summary-simple-block-title-line-height: var(--titles9-line-height-design-system);
  --qb-summary-simple-block-title-color: var(--color-secondary-design-system);
  --qb-summary-simple-data-label-font-family: var(--font-family-medium-design-system);
  --qb-summary-simple-data-label-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-summary-simple-data-label-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-summary-simple-data-label-color: var(--color-secondary2-design-system);
  --qb-summary-simple-data-value-font-family: var(--font-family-bold-design-system);
  --qb-summary-simple-data-value-font-size: var(--cta-font-size-design-system);
  --qb-summary-simple-data-value-line-height: var(--cta-line-height-design-system);
  --qb-summary-simple-data-value-color: var(--color-secondary-design-system);
  --qb-summary-simple-additional-data-length-font-family: var(--font-family-medium-design-system);
  --qb-summary-simple-additional-data-length-font-size: var(--cta-font-size-design-system);
  --qb-summary-simple-additional-data-length-line-height: var(--cta-line-height-design-system);
  --qb-summary-simple-additional-data-length-color: var(--color-secondary-design-system);
  --qb-summary-simple-additional-data-icon-size: var(--icon-small-design-system);
  --qb-summary-simple-additional-data-icon-color: var(--color-support5-design-system);
  --qb-summary-simple-additional-data-label-font-family: var(--font-family-design-system);
  --qb-summary-simple-additional-data-label-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-summary-simple-additional-data-label-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-summary-simple-additional-data-label-color: var(--color-secondary-design-system);
  --qb-summary-simple-price-font-family: var(--font-family-medium-design-system);
  --qb-summary-simple-price-font-size: var(--titles7-font-size-design-system);
  --qb-summary-simple-price-line-height: var(--titles7-line-height-design-system);
  --qb-summary-simple-price-color: var(--color-secondary-design-system);
  /* ************* */
  /* *   TABLE   * */
  /* ************* */
  --qb-table-header-background: var(--color-secondary5-design-system);
  --qb-table-title-font-family: var(--font-family-medium-design-system);
  --qb-table-title-font-size: var(--cta-font-size-design-system);
  --qb-table-title-line-height: var(--cta-line-height-design-system);
  --qb-table-title-color: var(--color-secondary-design-system);
  --qb-table-column-divider-color: var(--color-grey3-design-system);
  --qb-table-row-divider-color: var(--color-secondary5-design-system);
  --qb-table-column-title-font-family: var(--font-family-medium-design-system);
  --qb-table-column-title-font-size: var(--titles10-font-size-design-system);
  --qb-table-column-title-line-height: var(--titles10-line-height-design-system);
  --qb-table-column-title-color: var(--color-primary-design-system);
  --qb-table-column-subtitle-font-family: var(--font-family-design-system);
  --qb-table-column-subtitle-font-size: var(--text-captionS-font-size-design-system);
  --qb-table-column-subtitle-line-height: var(--text-captionS-line-height-design-system);
  --qb-table-column-subtitle-color: var(--color-secondary-design-system);
  --qb-table-column-price-font-family: var(--font-family-bold-design-system);
  --qb-table-column-price-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-table-column-price-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-table-column-price-color: var(--color-secondary-design-system);
  --qb-table-row-title-font-family: var(--font-family-medium-design-system);
  --qb-table-row-title-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-table-row-title-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-table-row-title-color: var(--color-secondary-design-system);
  --qb-table-row-subtitle-font-family: var(--font-family-design-system);
  --qb-table-row-subtitle-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-table-row-subtitle-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-table-row-subtitle-color: var(--color-secondary-design-system);
  --qb-table-cell-icon-check-size: var(--icon-small-design-system);
  --qb-table-cell-icon-check-color: var(--color-support5-design-system);
  --qb-table-cell-icon-close-size: var(--icon-extra-small-design-system);
  --qb-table-cell-icon-close-color: var(--color-state-error-design-system);
  --qb-table-cell-text-font-family: var(--font-family-medium-design-system);
  --qb-table-cell-text-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-table-cell-text-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-table-cell-text-color: var(--color-secondary2-design-system);
  /* ************ */
  /* *   TABS   * */
  /* ************ */
  --qb-tabs-arrow-size: var(--icon-small-design-system);
  --qb-tabs-arrow-color: var(--color-secondary-design-system);
  --qb-tabs-arrow-disabled-color: var(--color-state-disabled-design-system);
  --qb-tabs-title-font-family: var(--font-family-design-system);
  --qb-tabs-title-font-size: var(--titles8-font-size-design-system);
  --qb-tabs-title-line-height: var(--titles8-line-height-design-system);
  --qb-tabs-title-color: var(--color-secondary-design-system);
  --qb-tabs-background: var(--color-grey3-design-system);
  --qb-tabs-divider-color: var(--color-secondary4-design-system);
  --qb-tabs-item-label-font-family: var(--font-family-medium-design-system);
  --qb-tabs-item-label-font-size: var(--titles10-font-size-design-system);
  --qb-tabs-item-label-line-height: var(--titles10-line-height-design-system);
  --qb-tabs-item-label-color: var(--color-secondary-design-system);
  --qb-tabs-active-color: var(--color-primary-design-system);
  /* ****************** */
  /* *   TEXT-FIELD   * */
  /* ****************** */
  --qb-text-field-tooltip-size: var(--icon-extra-small-design-system);
  --qb-text-field-tooltip-color: var(--color-secondary2-design-system);
  --qb-text-field-iconLeft-size: var(--icon-small-design-system);
  --qb-text-field-iconRight-size: var(--icon-small-design-system);
  --qb-text-field-icon-color: var(--color-secondary2-design-system);
  --qb-text-field-title-font-family: var(--font-family-design-system);
  --qb-text-field-title-font-size: var(--text-captionM-font-size-design-system);
  --qb-text-field-title-line-height: var(--text-captionM-line-height-design-system);
  --qb-text-field-title-color: var(--color-secondary2-design-system);
  --qb-text-field-background-color: var(--color-grey3-design-system);
  --qb-text-field-border-color: var(--color-grey5-design-system);
  --qb-text-field-border-radius: 2px;
  --qb-text-field-input-font-family: var(--font-family-design-system);
  --qb-text-field-input-font-size: var(--cta-font-size-design-system);
  --qb-text-field-input-line-height: var(--cta-line-height-design-system);
  --qb-text-field-input-color: var(--color-secondary2-design-system);
  --qb-text-field-input-placeholder-color: var(--color-secondary3-design-system);
  --qb-text-field-hover-border-color: var(--color-grey2-design-system);
  --qb-text-field-focus-border-color: var(--color-secondary3-design-system);
  --qb-text-field-error-background-color: var(--color-state-error-background-design-system);
  --qb-text-field-error-border-color: var(--color-state-error-design-system);
  --qb-text-field-success-background-color: var(--color-state-success-background-design-system);
  --qb-text-field-success-border-color: var(--color-state-success-design-system);
  --qb-text-field-disabled-color: var(--color-state-disabled-design-system);
  --qb-text-field-footer-text-font-family: var(--font-family-design-system);
  --qb-text-field-footer-text-font-size: var(--text-captionS-font-size-design-system);
  --qb-text-field-footer-text-line-height: var(--text-captionS-line-height-design-system);
  --qb-text-field-helper-text-color: var(--color-secondary2-design-system);
  --qb-text-field-error-text-color: var(--color-state-error-design-system);
  /* ********************* */
  /* *   VERTICAL-LIST   * */
  /* ********************* */
  --qb-vertical-list-tooltip-size: var(--icon-small-design-system);
  --qb-vertical-list-tooltip-color: var(--color-secondary2-design-system);
  --qb-vertical-list-iconItem-size: var(--icon-medium-design-system);
  --qb-vertical-list-iconSelected-size: var(--icon-medium-design-system);
  --qb-vertical-list-background: var(--color-grey3-design-system);
  --qb-vertical-list-border-color: var(--color-grey2-design-system);
  --qb-vertical-list-border-radius: 8px;
  --qb-vertical-list-shadow: var(--shadow3-design-system);
  --qb-vertical-list-title-font-family: var(--font-family-medium-design-system);
  --qb-vertical-list-title-font-size: var(--titles9-font-size-design-system);
  --qb-vertical-list-title-line-height: var(--titles9-line-height-design-system);
  --qb-vertical-list-title-color: var(--color-secondary-design-system);
  --qb-vertical-list-item-color: var(--color-secondary2-design-system);
  --qb-vertical-list-item-hover-background: var(--color-secondary5-design-system);
  --qb-vertical-list-item-error-color: var(--color-state-error-design-system);
  --qb-vertical-list-item-error-background: var(--color-state-error-background-design-system);
  --qb-vertical-list-item-selected-color: var(--color-grey3-design-system);
  --qb-vertical-list-item-selected-background: var(--color-secondary2-design-system);
  --qb-vertical-list-item-disabled-color: var(--color-state-disabled-design-system);
  --qb-vertical-list-item-disabled-background: var(--color-grey3-design-system);
  --qb-vertical-list-item-label-font-family: var(--font-family-medium-design-system);
  --qb-vertical-list-item-label-font-size: var(--text-font-size-design-system);
  --qb-vertical-list-item-label-line-height: var(--text-line-height-design-system);
  --qb-vertical-list-divider-color: var(--color-secondary5-design-system);
  /* ************************** */
  /* *   VERTICAL-SELECTION   * */
  /* ************************** */
  --qb-vertical-selection-iconLeft-size: var(--icon-small-design-system);
  --qb-vertical-selection-iconLeft-color: var(--color-secondary2-design-system);
  --qb-vertical-selection-iconRight-size: var(--icon-medium-design-system);
  --qb-vertical-selection-iconRight-color: var(--color-secondary2-design-system);
  --qb-vertical-selection-card-background: var(--color-grey3-design-system);
  --qb-vertical-selection-card-border-color: var(--color-grey5-design-system);
  --qb-vertical-selection-card-border-radius: 8px;
  --qb-vertical-selection-disabled-color: var(--color-state-disabled-design-system);
  --qb-vertical-selection-error-border-color: var(--color-state-error-design-system);
  --qb-vertical-selection-error-background: var(--color-state-error-background-design-system);
  --qb-vertical-selection-selected-background: var(--color-secondary2-design-system);
  --qb-vertical-selection-selected-color: var(--color-grey3-design-system);
  --qb-vertical-selection-hover-border-color: var(--color-secondary2-design-system);
  --qb-vertical-selection-pressed-border-color: var(--color-secondary2-design-system);
  --qb-vertical-selection-title-font-family: var(--font-family-medium-design-system);
  --qb-vertical-selection-title-font-size: var(--titles10-font-size-design-system);
  --qb-vertical-selection-title-line-height: var(--titles10-line-height-design-system);
  --qb-vertical-selection-title-color: var(--color-secondary2-design-system);
  --qb-vertical-selection-subtitle-font-family: var(--font-family-design-system);
  --qb-vertical-selection-subtitle-font-size: var(--titles10-font-size-design-system);
  --qb-vertical-selection-subtitle-line-height: var(--titles10-line-height-design-system);
  --qb-vertical-selection-subtitle-color: var(--color-secondary2-design-system);
  /* **************** */
  /* *   CARD-CTA   * */
  /* **************** */
  --qb-card-cta-border-color: var(--color-secondary3-design-system);
  --qb-card-cta-border-radius: 6px;
  --qb-card-cta-title-color: var(--color-secondary-design-system);
  --qb-card-cta-title-desktop-font-family: var(--font-family-design-system);
  --qb-card-cta-title-desktop-font-size: var(--titles9-font-size-design-system);
  --qb-card-cta-title-desktop-line-height: var(--titles9-line-height-design-system);
  --qb-card-cta-title-mobile-font-family: var(--font-family-design-system);
  --qb-card-cta-title-mobile-font-size: var(--titles10-font-size-design-system);
  --qb-card-cta-title-mobile-line-height: var(--titles10-line-height-design-system);
  /* ********************* */
  /* *   CARD-SELECTOR   * */
  /* ********************* */
  --qb-card-selector-border-color: var(--color-secondary3-design-system);
  --qb-card-selector-border-radius: 6px;
  --qb-card-selector-title-color: var(--color-secondary-design-system);
  --qb-card-selector-title-desktop-font-family: var(--font-family-design-system);
  --qb-card-selector-title-desktop-font-size: var(--titles7-font-size-design-system);
  --qb-card-selector-title-desktop-line-height: var(--titles7-line-height-design-system);
  --qb-card-selector-title-mobile-font-family: var(--font-family-design-system);
  --qb-card-selector-title-mobile-font-size: var(--titles8-font-size-design-system);
  --qb-card-selector-title-mobile-line-height: var(--titles8-line-height-design-system);
  --qb-card-selector-subtitle-color: var(--color-secondary-design-system);
  --qb-card-selector-subtitle-desktop-font-family: var(--font-family-medium-design-system);
  --qb-card-selector-subtitle-desktop-font-size: var(--titles7-font-size-design-system);
  --qb-card-selector-subtitle-desktop-line-height: var(--titles7-line-height-design-system);
  --qb-card-selector-subtitle-mobile-font-family: var(--font-family-medium-design-system);
  --qb-card-selector-subtitle-mobile-font-size: var(--titles8-font-size-design-system);
  --qb-card-selector-subtitle-mobile-line-height: var(--titles8-line-height-design-system);
  --qb-card-selector-text-font-family: var(--font-family-design-system);
  --qb-card-selector-text-font-size: var(--titles10-font-size-design-system);
  --qb-card-selector-text-line-height: var(--titles10-line-height-design-system);
  --qb-card-selector-text-color: var(--color-secondary-design-system);
  --qb-progress-circle-color: #ebebeb;
  --qb-progress-circle-danger-color: #da2a2a;
  --qb-progress-circle-warning-color: #e46a15;
  --qb-progress-circle-success-color: #008c47;
  /* ********************** */
  /* ***    CTA-LIST    *** */
  /* ********************** */
  --qb-cta-list-background: var(--color-grey3-design-system);
  --qb-cta-list-border-color: var(--color-secondary4-design-system);
  --qb-cta-list-border-radius: 6px;
  --qb-cta-list-title-font-family: var(--font-family-medium-design-system);
  --qb-cta-list-title-font-size: var(--titles10-font-size-design-system);
  --qb-cta-list-title-line-height: var(--titles10-line-height-design-system);
  --qb-cta-list-title-color: var(--color-secondary-design-system);
  --qb-cta-list-subtitle-font-family: var(--font-family-design-system);
  --qb-cta-list-subtitle-font-size: var(--titles10-font-size-design-system);
  --qb-cta-list-subtitle-line-height: var(--titles10-line-height-design-system);
  --qb-cta-list-subtitle-color: var(--color-secondary2-design-system);
  --qb-cta-list-description-font-family: var(--font-family-design-system);
  --qb-cta-list-description-font-size: var(--text-captionM-font-size-design-system);
  --qb-cta-list-description-line-height: var(--text-captionM-line-height-design-system);
  --qb-cta-list-description-color: var(--color-secondary2-design-system);
  --qb-cta-list-price-font-family: var(--font-family-medium-design-system);
  --qb-cta-list-price-font-size: var(--titles9-font-size-design-system);
  --qb-cta-list-price-line-height: var(--titles9-line-height-design-system);
  --qb-cta-list-price-color: var(--color-secondary-design-system);
  --qb-input-text-size: 16px;
  --qb-input-text-color: #9cb0bc;
  --qb-input-border: 1px solid #cccfd2;
  --qb-input-border-focus: 1px solid #9cb0bc;
  --qb-input-border-hover: 1px solid #eae9e9;
  --qb-input-label-size: 14px;
  --qb-input-label-color: #526570;
  --qb-input-password-icon-size: 20px;
  /* *********************** */
  /* ***    LINK-LIST    *** */
  /* *********************** */
  --qb-link-list-background: var(--color-secondary5-design-system);
  --qb-login-title-size: 23px;
  --qb-login-title-color: #526570;
  --qb-login-error-color: #d81e05;
  --qb-login-error-size: 14px;
  --qb-login-button-background-color: #d81e05;
  --qb-login-button-background-focus: #ac0404;
  --qb-login-button-background-hover: #be0f0f;
  --qb-menu-item-color: #526570;
  --qb-menu-button-icon-size: 20px;
  --qb-menu-item-hover-color: #eae9e9;
  --qb-menu-item-active-color: #2d373d;
  --qb-menu-border-color: #eae9e9;
  /* ******************* */
  /* ***    PRICE    *** */
  /* ******************* */
  --qb-price-font-family: var(--font-family-medium-design-system);
  --qb-price-font-size: var(--titles8-font-size-design-system);
  --qb-price-line-height: var(--titles8-line-height-design-system);
  --qb-price-color: var(--color-secondary-design-system);
  /* *************************** */
  /* ***    SECTION-TITLE    *** */
  /* *************************** */
  --qb-section-title-background: var(--color-grey3-design-system);
  --qb-section-title-title-color: var(--color-secondary-design-system);
  --qb-section-title-title-desktop-font-family: var(--font-family-design-system);
  --qb-section-title-title-desktop-font-size: var(--titles8-font-size-design-system);
  --qb-section-title-title-desktop-line-height: var(--titles8-line-height-design-system);
  --qb-section-title-title-mobile-font-family: var(--font-family-design-system);
  --qb-section-title-title-mobile-font-size: var(--titles9-font-size-design-system);
  --qb-section-title-title-mobile-line-height: var(--titles9-line-height-design-system);
  --qb-section-title-subtitle-font-family: var(--font-family-design-system);
  --qb-section-title-subtitle-font-size: var(--text-font-size-design-system);
  --qb-section-title-subtitle-line-height: var(--text-line-height-design-system);
  --qb-section-title-subtitle-color: var(--color-secondary2-design-system);
  --qb-section-title-divider-color: var(--color-secondary-design-system);
  /* **************************** */
  /* ***    SELECTOR-IMAGE    *** */
  /* **************************** */
  --qb-selector-image-background: var(--color-grey3-design-system);
  --qb-selector-image-border-color: var(--color-grey5-design-system);
  --qb-selector-image-border-radius: 6px;
  --qb-selector-image-item-border-radius: 6px;
  --qb-selector-image-selected-border-color: var(--color-secondary2-design-system);
  --qb-selector-image-text-font-family: var(--font-family-design-system);
  --qb-selector-image-text-font-size: var(--text-captionM-font-size-design-system);
  --qb-selector-image-text-line-height: var(--text-captionM-line-height-design-system);
  --qb-selector-image-text-color: var(--color-secondary-design-system);
  --qb-selector-image-divider-color: var(--color-secondary4-design-system);
  --qb-step-size: 40px;
  --qb-step-current-step-background-color: #ffffff;
  --qb-step-current-step-color: #526570;
  --qb-step-current-step-border: 1.5px solid rgba(0, 140, 71, 0.65-design-system);
  --qb-step-next-step-color: #ffff;
  --qb-step-next-step-background-color: #becbd3;
  --qb-step-color: #ffff;
  --qb-step-background-color: #008c47;
  --qb-step-label-color: #2d373d;
  --qb-step-label-size: 16px;
  --qb-step-sublabel-color: #9cb0bc;
  --qb-step-sublabel-size: 14px;
  --qb-step-bar-color: #9cb0bc;
  --qb-step-bar-height-size: 2px;
  --qb-step-margin-bottom: 15px;
  /* ******************** */
  /* ***    SWITCH    *** */
  /* ******************** */
  --qb-switch-label-font-family: var(--font-family-design-system);
  --qb-switch-label-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-switch-label-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-switch-label-color: var(--color-secondary2-design-system);
  --qb-switch-bar-border-radius: 20px;
  --qb-switch-bar-background-color: var(--color-state-disabled-design-system);
  --qb-switch-circle-border-radius: 50%;
  --qb-switch-circle-background-color: var(--color-grey3-design-system);
  --qb-switch-circle-shadow: var(--shadow3-design-system);
  --qb-switch-checked-bar-background-color: var(--color-support5-design-system);
  --qb-switch-checked-circle-background-color: var(--color-support5-design-system);
  --qb-switch-disabled-bar-background-color: var(--color-grey5-design-system);
  --qb-switch-disabled-circle-background-color: var(--color-state-disabled-design-system);
  --qb-switch-disabled-checked-bar-background-color: var(--color-state-disabled-design-system);
  --qb-switch-disabled-label-color: var(--color-state-disabled-design-system);
  --qb-tarification-mx-main-color: #d81e05;
  --qb-tarification-mx-icon-color: #d81e05;
  --qb-tarification-mx-price-color: #666666;
  --qb-tarification-mx-icon-size: 20px;
  --qb-tarification-mx-button-background-focus: #ac0404;
  --qb-tarification-mx-button-background-hover: #be0f0f;
  /* ********************* */
  /* ***    TOOLTIP    *** */
  /* ********************* */
  --qb-tooltip-background: var(--color-state-informative2-design-system);
  --qb-tooltip-border-radius: 6px;
  --qb-tooltip-shadow: var(--shadow3-design-system);
  --qb-tooltip-grey-background: var(--color-grey4-design-system);
  --qb-tooltip-text-color: var(--color-secondary-design-system);
  --qb-tooltip-text-desktop-font-family: var(--font-family-bold-design-system);
  --qb-tooltip-text-desktop-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-tooltip-text-desktop-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-tooltip-text-mobile-font-family: var(--font-family-medium-design-system);
  --qb-tooltip-text-mobile-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-tooltip-text-mobile-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-tooltip-close-font-family: var(--font-family-bold-design-system);
  --qb-tooltip-close-font-size: var(--accelerators-tables-font-size-design-system);
  --qb-tooltip-close-line-height: var(--accelerators-tables-line-height-design-system);
  --qb-tooltip-close-color: var(--color-secondary-design-system);
  --qb-traffic-light-icon-size: 20px;
  --qb-traffic-light-success: #108c47;
  --qb-traffic-light-warning: #e46a15;
  --qb-traffic-light-error: #d7443e;
}
/**************/
/*   TEXTOS   */
/**************/
/* ******************** */
/* *** ESPACIADOS  *** */
/* ******************** */
/**************/
/*   HEADER   */
/**************/
/**************/
/*   ICONOS   */
/**************/
/* ************************ */
/* ***   BREAKPOINT     *** */
/* ************************ */
/* ***************** */
/* ***   COLORS  *** */
/* ***************** */
/* ***   Primary  *** */
/* ***   States  *** */
/* ***   Black and grey  *** */
/* ***   secondary  *** */
/* ******************** */
/* *** ELEMENTOS  *** */
/* ******************** */
/* ******************** */
/* *** TRANSITIONS  *** */
/* ******************** */
/* ********************************** */
/*   VEHICLE DAMAGED SELFINSPECTION   */
/* ********************************** */
/* ************************************* */
/*      VARIABLES TO MEDIA QUERIES       */
/* ************************************* */
.fixed[scrollx=true],
div[scrolly=true] {
  position: relative;
  overflow: hidden;
}
.fixed[scrollx=true] ::-webkit-scrollbar,
div[scrolly=true] ::-webkit-scrollbar {
  display: none;
}
.fixed[scrollx=true] {
  overflow-x: auto;
}
.fixed[scrolly=true] {
  overflow-y: auto;
}
/* ***************** */
/* ANIMACIONES */
/* ***************** */
.animate.shake {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
/* ***************** */
/* ***   MIXINS  *** */
/* ***************** */
[flex], ion-item[flex]::part(native) {
  display: flex !important;
  flex-wrap: wrap;
  white-space: break-spaces;
}
[flex--nowrap], ion-item[flex--nowrap]::part(native) {
  display: flex;
  flex-wrap: nowrap;
  white-space: break-spaces;
}
[flex--center], ion-item[flex--center]::part(native) {
  display: flex;
  white-space: break-spaces;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
}
[flex--center--top], ion-item[flex--center--top]::part(native) {
  display: flex;
  white-space: break-spaces;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 100%;
}
[flex--center--stretch], ion-item[flex--center--stretch]::part(native) {
  display: flex;
  white-space: break-spaces;
  align-items: stretch;
  justify-content: center;
}
[flex--align--start], ion-item[flex--align--start]::part(native) {
  display: flex;
  white-space: break-spaces;
  align-items: flex-start;
}
[flex--align--end], ion-item[flex--align--end]::part(native) {
  display: flex;
  white-space: break-spaces;
  align-items: flex-end;
}
[flex--align--center], ion-item[flex--align--center]::part(native) {
  display: flex;
  white-space: break-spaces;
  align-items: center !important;
}
[flex--justify--start--contents], ion-item[flex--justify--start--contents]::part(native) {
  display: flex;
  white-space: break-spaces;
  justify-content: flex-start !important;
}
[flex--justify--center--contents], ion-item[flex--justify--center--contents]::part(native) {
  display: flex;
  white-space: break-spaces;
  justify-content: center;
}
[flex--justify--end--contents], ion-item[flex--justify--end--contents]::part(native) {
  display: flex;
  white-space: break-spaces;
  justify-content: flex-end;
}
[flex--between], ion-item[flex--between]::part(native) {
  display: flex;
  white-space: break-spaces;
  justify-content: space-between;
}
[flex--vertical--between], ion-item[flex--vertical--between]::part(native) {
  display: flex;
  flex-direction: column;
  white-space: break-spaces;
  justify-content: space-between;
}
[flex--vertical--center], ion-item[flex--vertical--center]::part(native) {
  display: flex;
  white-space: break-spaces;
  flex-direction: column;
  justify-content: center;
}
[flex--vertical--center--center], ion-item[flex--vertical--center--center]::part(native) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
[flex--vertical--end], ion-item[flex--vertical--end]::part(native) {
  display: flex;
  white-space: break-spaces;
  flex-direction: column;
  justify-content: flex-end;
  align-content: flex-end;
  align-items: flex-end;
}
[flex--vertical--start], ion-item[flex--vertical--start]::part(native) {
  display: flex;
  white-space: break-spaces;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
@media (max-width: 767px) {
  [flex--align--start--mobile], ion-item[flex--align--start--mobile]::part(native) {
    align-items: flex-start !important;
  }
}
[gap--8], ion-item[gap--8]::part(native) {
  gap: 8px;
}
[gap--16], ion-item[gap--16]::part(native) {
  gap: 16px;
}
[gap--24], ion-item[gap--24]::part(native) {
  gap: 24px;
}
[gap--32], ion-item[gap--32]::part(native) {
  gap: 32px;
}
[gap--horizontal--8], ion-item[gap--horizontal--8]::part(native) {
  column-gap: 8px;
}
[gap--horizontal--16], ion-item[gap--horizontal--16]::part(native) {
  column-gap: 16px;
}
[gap--horizontal--24], ion-item[gap--horizontal--24]::part(native) {
  column-gap: 24px;
}
[gap--horizontal--32], ion-item[gap--horizontal--32]::part(native) {
  column-gap: 32px;
}
[gap--vertical--8], ion-item[gap--vertical--8]::part(native) {
  row-gap: 8px;
}
[gap--vertical--16], ion-item[gap--vertical--16]::part(native) {
  row-gap: 16px;
}
[gap--vertical--24], ion-item[gap--vertical--24]::part(native) {
  row-gap: 24px;
}
[gap--vertical--32], ion-item[gap--vertical--32]::part(native) {
  row-gap: 32px;
}
.content__wrapper {
  position: relative;
  padding: 0 108px;
}
.content__wrapper__page {
  padding-top: 16px;
}
.desktop__layout > ion-row > ion-col {
  padding-right: 12px;
}
.desktop__layout > ion-row > ion-col:last-child:not(.main) {
  padding-left: 12px;
  padding-right: 0;
}
@media (max-width: 1200px) {
  .desktop__layout > ion-row > ion-col {
    padding: 0 !important;
  }
}
.columns__layout {
  position: relative;
}
.template__column {
  margin: 16px 0;
}
.template__column > * > *:first-child {
  margin: 0 0 24px !important;
}
.template__column > * > *:first-child loading-spinner ion-card {
  margin: 0 0 24px !important;
}
.template__column > * > *:first-child.column-small {
  margin: 0 0 16px;
}
.template__column > * > *:first-child.column-small loading-spinner ion-card {
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .template__column > * > *:first-child {
    margin: 0 0 12px !important;
  }
  .template__column > * > *:first-child.column-small {
    margin: 0 0 12px;
  }
  .template__column > * > *:first-child loading-spinner ion-card {
    margin: 0 0 12px !important;
  }
}
.template__background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.rowFlexCol--center > ion-col {
  max-width: 808px;
  margin: 0 auto;
}
.col--right {
  text-align: right;
}
ion-content {
  left: 0;
  top: 0;
  position: relative;
  display: block;
  width: 100%;
  contain: size style;
}
ion-content > .scroll-content {
  overflow-y: auto;
}
.page {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: normal;
  height: 100%;
}
@media (max-width: 767px) {
  .page {
    margin-top: 0;
  }
}
login .content__page {
  top: 80px;
  height: calc(100% - 80px);
  max-height: calc(100% - 80px);
}
@media (max-width: 1200px) {
  login .content__page {
    top: 48px;
    height: calc(100% - 48px);
    max-height: calc(100% - 48px);
  }
}
@media (max-width: 1200px) {
  login .content__page.ios {
    top: 48px;
    height: calc(100% - 48px);
    max-height: calc(100% - 48px);
  }
}
login .content__page .content__wrapper__page {
  padding-top: 0px;
}
login .template__column > * > *:first-child.marginBottom--56 {
  margin-bottom: 56px !important;
}
@media (max-width: 1024px) {
  login .template__column > * > *:first-child.marginBottom--56 {
    margin-bottom: 36px !important;
  }
}
@media (max-width: 767px) {
  login .template__column > * > *:first-child.marginBottom--56 {
    margin-bottom: 24px !important;
  }
}
login .template__column:has(two-columns) {
  margin: 0px;
}
@media (max-width: 1200px) {
  login .template__column:has(one-column + login-quick-management-v2) {
    margin: 0px;
  }
}
login .template__background {
  width: 100vw;
  left: -108px;
}
@media (max-width: 2048px) {
  login .template__background {
    left: -60px;
  }
}
@media (max-width: 1024px) {
  login .template__background {
    left: -16px;
  }
}
@media (max-width: 767px) {
  login .template__background {
    left: -16px;
  }
}
@media (max-width: 767px) {
  .rowFlexCol--1 {
    text-align: center;
  }
}
.rowFlexCol--2 > ion-col:nth-child(1) {
  padding: 0 8px 0 0 !important;
}
@media (max-width: 767px) {
  .rowFlexCol--2 > ion-col:nth-child(1) {
    padding: 0 !important;
  }
  .rowFlexCol--2 > ion-col:nth-child(1).paddingRight--on-mobile {
    padding-right: 8px !important;
  }
}
.rowFlexCol--2 > ion-col:nth-child(2) {
  padding: 0 0 0 8px !important;
}
@media (max-width: 767px) {
  .rowFlexCol--2 > ion-col:nth-child(2) {
    padding: 0 !important;
  }
  .rowFlexCol--2 > ion-col:nth-child(2).paddingRight--on-mobile {
    padding-right: 8px !important;
  }
}
.rowFlexCol--3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .rowFlexCol--3 {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.rowFlexCol--3 ion-col {
  margin: 0 12px 12px;
  max-width: calc(33% - 12px - 12px);
  min-width: calc(33% - 12px - 12px);
}
.rowFlexCol--3 ion-col:nth-child(3n+1) {
  margin-left: 0;
}
.rowFlexCol--3 ion-col:nth-child(2n+1):not(first-child) {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .rowFlexCol--3 ion-col {
    min-width: calc(50% - 12px) !important;
    width: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    margin: 12px 12px 0 0 !important;
  }
  .rowFlexCol--3 ion-col:nth-child(even) {
    margin: 0 1rem 0 0;
  }
  .rowFlexCol--3 ion-col:nth-child(odd) {
    margin: 0 0 0 1rem;
  }
}
@media (max-width: 767px) {
  .rowFlexCol--3 ion-col {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1rem 0 !important;
  }
}
.rowFlexCol--4 {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .rowFlexCol--4 {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.rowFlexCol--4 ion-card {
  margin: 0;
}
.rowFlexCol--4 > ion-col {
  max-width: 25%;
  margin: 12px;
  padding: 0 !important;
  min-width: calc(25% - 12px - 12px);
}
.rowFlexCol--4 > ion-col:first-child {
  margin-left: 0;
}
.rowFlexCol--4 > ion-col:last-child {
  margin-right: 0;
}
@media (max-width: 1440px) {
  .rowFlexCol--4 > ion-col {
    min-width: calc(33% - 12px) !important;
    width: calc(33% - 12px) !important;
    max-width: calc(33% - 12px) !important;
    margin: 12px 12px 0 0 !important;
  }
  .rowFlexCol--4 > ion-col:nth-child(even) {
    margin: 0 1rem 0 0;
  }
  .rowFlexCol--4 > ion-col:nth-child(odd) {
    margin: 0 0 0 1rem;
  }
}
@media (max-width: 1024px) {
  .rowFlexCol--4 > ion-col {
    min-width: calc(50% - 12px) !important;
    width: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    margin: 12px 12px 0 0 !important;
  }
  .rowFlexCol--4 > ion-col:nth-child(even) {
    margin: 0 1rem 0 0;
  }
  .rowFlexCol--4 > ion-col:nth-child(odd) {
    margin: 0 0 0 1rem;
  }
}
@media (max-width: 767px) {
  .rowFlexCol--4 > ion-col {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 1rem 0 !important;
  }
}
.rowFlexCol--4--initial {
  align-items: initial !important;
}
.rowFlexCol--center > ion-col {
  max-width: 480px;
  margin: 0 auto;
}
/* PROPIEDADES */
*[noPadding] {
  padding: 0 !important;
}
*[noMargin] {
  margin: 0 !important;
}
*[text-center] {
  text-align: center !important;
}
*[hidden] {
  display: none !important;
}
/* RESPONSIVE */
@media (max-width: 2048px) {
  .content__wrapper {
    padding: 0 60px;
  }
}
/* tablet */
@media (max-width: 1024px) {
  .content__wrapper {
    padding: 0 16px;
  }
  .rowFlexCol {
    display: flex;
  }
  .columns__layout > ion-row > ion-col {
    padding-right: 0;
  }
  .columns__layout > ion-row > ion-col:last-child {
    padding-left: 0 !important;
  }
}
/* mobile */
@media (max-width: 767px) {
  .content__wrapper {
    padding: 0 16px;
  }
  .rowFlexCol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* two items */
  }
  .rowFlexCol ion-col:first-child:nth-last-child(1) {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .rowFlexCol ion-col:first-child:nth-last-child(2),
.rowFlexCol ion-col:first-child:nth-last-child(2) ~ ion-col {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .rowFlexCol ion-col {
    text-align: center;
    margin: 8px 0;
    display: inline;
    flex: 1;
  }
  .rowFlexCol ion-col ion-card {
    margin: 0;
  }
  .rowFlexCol--center > ion-col {
    max-width: 100%;
  }
}
body {
  background: var(--color-white);
  font-family: var(--font-family);
}
.tabs-layout > ion-row {
  padding: 0;
}
.ion-page {
  left: 0;
  top: 0;
  position: absolute !important;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
page-background {
  display: none;
}
ion-grid,
ion-col {
  padding: 0;
  margin: 0;
}
ion-spinner {
  --spinner-color: var(--color-primary) !important;
}
ion-toolbar {
  --background: var(--color-white) !important;
  height: var(--header-height);
  max-height: var(--header-height);
  --min-height: var(--header-mobile-height);
}
@media (max-width: 1200px) {
  ion-toolbar {
    height: var(--header-mobile-height);
    max-height: var(--header-mobile-height);
  }
}
ion-toolbar ion-buttons {
  margin: 0;
}
ion-toolbar ion-title {
  padding: 0 32px;
}
/* CABECERA */
.avatar-popover::part(content) {
  top: 72px !important;
  right: 8px !important;
  left: unset !important;
  padding: 8px;
  border-radius: 10px;
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
  border: 0.5px solid var(--color-secondary4);
  background-color: var(--color-white);
}
.avatar-popover mapfre-popover,
.avatar-popover mapfre-popover-menu {
  margin: 0 !important;
}
.avatar-popover mapfre-popover ion-list,
.avatar-popover mapfre-popover-menu ion-list {
  padding: 0 16px;
  margin: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.avatar-popover mapfre-popover ion-list ion-item,
.avatar-popover mapfre-popover-menu ion-list ion-item {
  padding: 16px 0 16px;
}
.avatar-popover mapfre-popover ion-list ion-item:not(:last-child),
.avatar-popover mapfre-popover-menu ion-list ion-item:not(:last-child) {
  border-bottom: 1px solid var(--color-grey2);
}
.content__page {
  top: 69px;
  height: 100%;
  max-height: calc(100% - var(--header-height));
}
@media (max-width: 1200px) {
  .content__page {
    top: var(--header-mobile-height);
    height: 100%;
    max-height: calc(100% - 83px);
  }
}
@media (max-width: 767px) {
  .content__page {
    max-height: calc(100% - var(--header-mobile-height));
  }
}
.mapfreHeader__logo--branding {
  height: 24px;
  margin-left: 32px !important;
}
.mapfreHeader__logo--branding img {
  width: auto;
}
.mapfreHeader__logo img {
  width: var(--header-height-logo);
  height: auto;
  max-height: 40px;
}
.mapfreHeader__logo img.mapfreHeader__logo--branding--second-scenario {
  width: calc(0.85 * var(--header-height-logo));
}
@media (max-width: 1200px) {
  .mapfreHeader__logo img {
    width: var(--header-mobile-height-logo);
    min-height: 15px;
  }
}
.mapfreHeader__options ion-item {
  margin: 0 16px;
  height: var(--header-height);
  max-height: var(--header-height);
}
@media (max-width: 1200px) {
  .mapfreHeader__options ion-item {
    height: var(--header-mobile-height);
    max-height: var(--header-mobile-height);
  }
}
.mapfreHeader__options ion-item ion-label {
  margin: 0;
}
.mapfreHeader__options ion-item p {
  margin: 0 8px;
}
@media (max-width: 767px) {
  .mapfreHeader__subheader {
    overflow: hidden;
    padding-bottom: 20px;
    height: 30px;
  }
  .mapfreHeader__subheader ion-item {
    padding: 0 8px !important;
  }
}
.mapfreHeader__subheader ion-item {
  margin: 0px;
  padding: 0 16px;
  height: 50px;
}
.mapfreHeader__subheader ion-item ion-label {
  margin: 0;
}
.mapfreHeader__subheader ion-item p {
  margin: 0 8px;
  color: var(--color-primary);
}
.mapfreHeader__subheader:after {
  width: 100%;
  content: "";
  height: 1px;
  background-color: var(--color-grey3);
  position: absolute;
  bottom: 0px;
}
.my-custom-menu {
  top: var(--header-height);
  position: fixed;
  left: 0;
  height: 0;
  width: 100%;
  transition: all 0.5s ease;
  z-index: 0;
  visibility: hidden;
}
@media (max-width: 1200px) {
  .my-custom-menu {
    top: var(--header-mobile-height);
  }
}
.my-custom-menu.menuOpen {
  z-index: 2;
  height: 100%;
  visibility: visible;
}
.my-custom-menu ion-content {
  border-top: 1px solid var(--color-grey2);
}
.my-custom-menu ion-toolbar {
  padding: 8px 16px;
  height: auto;
}
.my-custom-menu ion-list {
  padding: 8px 16px;
}
.my-custom-menu ion-list ion-item {
  margin: 8px 0 16px;
}
.my-custom-menu ion-list span {
  margin: 0 !important;
}
.my-custom-menu .item_menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 8px 0 16px;
}
.my-custom-menu .closeSesion {
  padding: 16px 0;
  margin-top: 0px;
  border-top: 1px solid var(--color-grey2);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ion-header {
  position: absolute;
}
ion-header:after {
  content: none;
  display: none;
}
.popover-width-login::part(content) {
  width: 380px;
}
.popover-width-payment::part(content) {
  width: 380px;
}
.ion-page-hidden {
  display: none;
}
/* BUTTONS */
@media (max-width: 1200px) {
  .marginBottom__mobile--32 {
    margin-bottom: 32px;
  }
}
.ionCard__footer__buttons, .shepherd-footer {
  border-top: 1px solid var(--color-grey2);
  padding: 16px 0 0;
  margin-top: 16px;
}
.ionCard__footer__buttons ion-row, .shepherd-footer ion-row {
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ionCard__footer__buttons ion-row > *, .shepherd-footer ion-row > * {
  flex: 1 !important;
}
.ionCard__footer__buttons ion-row > *:nth-child(1), .shepherd-footer ion-row > *:nth-child(1) {
  text-align: left;
  padding-left: 0 !important;
}
.ionCard__footer__buttons ion-row > *:first-child:nth-last-child(1), .shepherd-footer ion-row > *:first-child:nth-last-child(1) {
  text-align: center;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 767px) {
  .ionCard__footer__buttons ion-row > *, .shepherd-footer ion-row > * {
    text-align: center;
    padding: 8px 0 0 0 !important;
    flex: 0 !important;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
.ionCard__footer__buttons ion-row > *:nth-child(2), .shepherd-footer ion-row > *:nth-child(2) {
  text-align: center;
}
.ionCard__footer__buttons ion-row > *:last-child:nth-last-child(1), .shepherd-footer ion-row > *:last-child:nth-last-child(1) {
  text-align: right;
  padding-right: 0 !important;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .ionCard__footer__buttons ion-row > *:last-child:nth-last-child(1), .shepherd-footer ion-row > *:last-child:nth-last-child(1) {
    text-align: center;
    justify-content: center;
    padding: 8px 0 0 0 !important;
  }
}
*[hidden],
.hidden {
  display: none !important;
}
*[visible],
.visible {
  display: none !important;
}
.visible__mobile {
  display: none !important;
}
@media (max-width: 1200px) {
  .visible__mobile {
    display: block !important;
  }
}
.visible__desktop {
  display: block !important;
}
@media (max-width: 1200px) {
  .visible__desktop {
    display: none !important;
  }
}
/* ******************** */
/*       SEARCHBAR      */
/* ******************** */
ion-searchbar,
.ion-searchbar,
.sc-ion-searchbar-md-s,
.sc-ion-searchbar-md-h {
  position: relative;
  border: none !important;
}
ion-searchbar .searchbar-input,
.ion-searchbar .searchbar-input,
.sc-ion-searchbar-md-s .searchbar-input,
.sc-ion-searchbar-md-h .searchbar-input {
  font-size: var(--font-size-m) !important;
  line-height: var(--font-size-xxxl) !important;
  box-shadow: none !important;
  border: 1px solid var(--color-grey4) !important;
  padding: 6px 10px !important;
  border-radius: 0 !important;
  background: white !important;
  height: 45px;
  padding-right: 35px !important;
}
ion-searchbar .searchbar-input:placeholder-shown,
.ion-searchbar .searchbar-input:placeholder-shown,
.sc-ion-searchbar-md-s .searchbar-input:placeholder-shown,
.sc-ion-searchbar-md-h .searchbar-input:placeholder-shown {
  text-overflow: ellipsis;
}
ion-searchbar .searchbar-input::-webkit-input-placeholder,
.ion-searchbar .searchbar-input::-webkit-input-placeholder,
.sc-ion-searchbar-md-s .searchbar-input::-webkit-input-placeholder,
.sc-ion-searchbar-md-h .searchbar-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-overflow: ellipsis;
}
ion-searchbar .searchbar-input::-moz-placeholder,
.ion-searchbar .searchbar-input::-moz-placeholder,
.sc-ion-searchbar-md-s .searchbar-input::-moz-placeholder,
.sc-ion-searchbar-md-h .searchbar-input::-moz-placeholder {
  /* Firefox 19+ */
  text-overflow: ellipsis;
}
ion-searchbar .searchbar-input:-ms-input-placeholder,
.ion-searchbar .searchbar-input:-ms-input-placeholder,
.sc-ion-searchbar-md-s .searchbar-input:-ms-input-placeholder,
.sc-ion-searchbar-md-h .searchbar-input:-ms-input-placeholder {
  /* IE 10+ */
  text-overflow: ellipsis;
}
ion-searchbar .searchbar-input:-moz-placeholder,
.ion-searchbar .searchbar-input:-moz-placeholder,
.sc-ion-searchbar-md-s .searchbar-input:-moz-placeholder,
.sc-ion-searchbar-md-h .searchbar-input:-moz-placeholder {
  /* Firefox 18- */
  text-overflow: ellipsis;
}
ion-searchbar .searchbar-search-icon,
.ion-searchbar .searchbar-search-icon,
.sc-ion-searchbar-md-s .searchbar-search-icon,
.sc-ion-searchbar-md-h .searchbar-search-icon {
  left: auto !important;
  right: 8px;
  background-image: none;
  top: 11px !important;
}
ion-searchbar .searchbar-search-icon::before,
.ion-searchbar .searchbar-search-icon::before,
.sc-ion-searchbar-md-s .searchbar-search-icon::before,
.sc-ion-searchbar-md-h .searchbar-search-icon::before {
  color: var(--color-primary);
  font-size: 16px;
}
ion-searchbar .searchbar-clear-icon,
.ion-searchbar .searchbar-clear-icon,
.sc-ion-searchbar-md-s .searchbar-clear-icon,
.sc-ion-searchbar-md-h .searchbar-clear-icon {
  display: none !important;
}
.searchbar-search-icon {
  font-family: "mapfre-icons" !important;
  background-image: none !important;
  color: var(--color-primary);
  --icon-color: var(color--primary);
}
.searchbar-search-icon:before {
  content: "\e93f";
}
.notAbleToClick {
  pointer-events: none !important;
}
ion-modal .modal-video {
  position: relative;
}
ion-modal .modal-video ion-card-content {
  height: 100vh;
  padding: 32px 16px !important;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  ion-modal .modal-video ion-card-content {
    height: 100vh;
    padding: 32px 0 !important;
    width: 100%;
  }
}
ion-modal .modal-video ion-card-content video {
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
ion-modal .modal-video ion-card-content ion-icon {
  position: absolute;
}
ion-modal > * {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
  ion-modal {
    --height: 100% !important;
  }
}
ion-modal::part(backdrop) {
  opacity: 0.9 !important;
  background: var(--color-secondary);
  --backdrop-opacity: 0.9;
}
ion-modal ion-card-header,
ion-modal .ionCard__header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  padding: 8px 0 8px 0;
  margin: 0;
}
ion-modal ion-card-header:not(.ionCard__header__no_separator),
ion-modal .ionCard__header:not(.ionCard__header__no_separator) {
  border-bottom: 1px solid var(--color-grey2);
}
ion-modal ion-card-header.ionCard__header--center,
ion-modal .ionCard__header.ionCard__header--center {
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-bottom: none;
  padding-left: 0;
  border-bottom: 1px solid transparent;
  margin: 0;
}
ion-modal ion-card-header .ionCard--grey,
ion-modal .ionCard__header .ionCard--grey {
  background-color: var(--color-secondary5);
}
ion-modal ion-card-title {
  font-size: 23px;
  padding: 0;
}
ion-modal ion-card-header > ion-icon {
  min-height: 5.4rem !important;
  min-width: 5.4rem !important;
  font-size: 5.4rem !important;
  margin: 0 0 1.4rem 0 !important;
}
@media (max-width: 1024px) {
  ion-modal ion-card-header > ion-icon {
    min-height: 4.2rem !important;
    min-width: 4.2rem !important;
    font-size: 4.2rem !important;
  }
}
ion-modal .ionCard__footer__buttons ion-row, ion-modal .shepherd-footer ion-row {
  justify-content: center !important;
}
ion-modal .ionCard__footer__buttons ion-row > *:last-child:nth-last-child(1), ion-modal .shepherd-footer ion-row > *:last-child:nth-last-child(1) {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  ion-modal .ionCard__footer__buttons ion-row > *:last-child:nth-last-child(1), ion-modal .shepherd-footer ion-row > *:last-child:nth-last-child(1) {
    text-align: center;
    justify-content: center;
    padding: 8px 0 0 0 !important;
  }
}
ion-modal .ionCard__footer__buttons ion-row > *:first-child:nth-last-child(1), ion-modal .shepherd-footer ion-row > *:first-child:nth-last-child(1) {
  align-items: center;
  justify-content: center !important;
}
ion-modal .modal-description {
  padding: 10px 0 0;
}
ion-modal:not(.fullscreen):not(.large)::part(content) {
  width: var(--modal-width-m);
}
ion-modal:not(.fullscreen).large:not(.extra)::part(content) {
  width: var(--modal-width-l);
}
@media (min-width: 767px) {
  ion-modal:not(.fullscreen).large.extra::part(content) {
    width: calc(100vw - 50px);
    margin: auto 25px;
    max-height: calc(100vh - 50px) !important;
    left: auto !important;
  }
}
@media (max-width: 767px) {
  ion-modal:not(.fullscreen).large.extra::part(content) {
    margin: auto 0px !important;
    left: 0px !important;
  }
}
ion-modal:not(.fullscreen)::part(content) {
  max-height: 93vh !important;
  overflow: hidden !important;
  min-height: 93vh !important;
  box-shadow: none !important;
  width: 720px;
  height: auto;
  background: transparent;
  display: flex;
  align-items: center;
}
ion-modal:not(.fullscreen)::part(content) ion-card-content {
  height: auto;
  overflow-y: auto;
  max-height: 64vh;
  min-height: auto;
}
ion-modal:not(.fullscreen)::part(content) ion-card-content:first-child {
  margin-top: 8px !important;
}
ion-modal:not(.fullscreen)::part(content),
ion-modal:not(.fullscreen)::part(content) .ion-page,
ion-modal:not(.fullscreen)::part(content) .ion-page .content,
ion-modal:not(.fullscreen)::part(content) .ion-page .content .scroll-content {
  contain: content;
  position: relative;
  /* tablet or larger */
}
@media (min-width: 980px) {
  ion-modal:not(.fullscreen)::part(content),
ion-modal:not(.fullscreen)::part(content) .ion-page,
ion-modal:not(.fullscreen)::part(content) .ion-page .content,
ion-modal:not(.fullscreen)::part(content) .ion-page .content .scroll-content {
    top: auto;
    left: auto;
  }
}
ion-modal.fullscreen::part(content) {
  top: 0 !important;
  left: 0 !important;
  min-width: 100% !important;
  max-height: 100vh !important;
  height: 100%;
}
.offline-modal-hidden {
  display: none;
}
.cdk-overlay-container {
  position: fixed;
  font-family: var(--font-family);
  z-index: 99999;
  margin: 0 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
mat-calendar-body-disabled .cdk-overlay-connected-position-bounding-box {
  height: 0 !important;
  width: 0 !important;
}
.cdk-global-overlay-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cdk-overlay-pane {
  position: absolute;
}
.mat-datepicker-content {
  background-color: var(--color-white) !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.mat-dialog-container {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.mat-calendar-body-cell div {
  border: none !important;
}
.mat-calendar-body-cell-content {
  color: var(--color-black4) !important;
}
.mat-calendar-body-cell-content:hover {
  border: none !important;
  border-radius: 999px !important;
  background-color: rgba(128, 128, 128, 0.15) !important;
}
.mat-calendar-body-cell-content::before {
  margin: 0 !important;
}
.mat-calendar-table-header {
  color: rgba(128, 128, 128, 0.6) !important;
}
.mat-calendar-body {
  border-top: 1px solid rgba(128, 128, 128, 0.15) !important;
}
.mat-calendar-body-selected {
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}
.mat-calendar-body-selected:hover {
  background-color: rgba(216, 30, 7, 0.75) !important;
}
.mat-calendar-body-label:not(.ng-star-inserted) {
  display: none;
}
.mat-calendar-body-disabled {
  color: var(--color-grey) !important;
}
.mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: var(--color-grey) !important;
}
.mat-calendar-body-disabled .mat-calendar-body-cell-content:hover {
  background: none !important;
}
mapfre-datepicker {
  width: 100%;
  margin: 8px 0 0 0;
  font-size: 14px;
}
mapfre-datepicker .mat-form-field {
  margin-top: 8px;
}
mat-form-field {
  width: 100%;
}
.mat-form-field {
  border: solid 1px var(--color-state-disabled);
  color: var(--color-grey) !important;
  width: 100% !important;
  padding: 10px 24px 10px 8px;
  box-sizing: border-box;
}
/* ***************************** */
/*  INVALID MATERIAL DATEPICKER  */
/* ***************************** */
.mat-form-field-invalid {
  background-color: var(--color-state-error-light) !important;
  border-color: var(--color-state-error) !important;
}
/* *************************** */
/*  VALID MATERIAL DATEPICKER  */
/* *************************** */
:not(.resume-draft).mat-form-field-valid {
  border-color: #008c47 !important;
  border: 1px solid;
}
/* ***************************  */
/* DISABLED MATERIAL DATEPICKER */
/* ***************************  */
.mat-form-field-disabled.resume-draft {
  border: solid 1px #E8EBED;
}
.mat-form-field-disabled.resume-draft input {
  color: #E8EBED !important;
}
.mat-form-field-flex {
  border-radius: 0 !important;
  padding: 0 !important;
  line-height: 1;
}
.mat-input-element {
  color: var(--color-secondary2) !important;
  line-height: 1.2 !important;
  top: 0;
  position: relative;
  margin: 0 0 0 0;
}
.mat-form-field-suffix {
  position: absolute !important;
  right: -16px;
  top: 0;
}
mat-datepicker-toggle {
  position: relative;
}
mat-datepicker-toggle .mat-icon-button {
  background: transparent;
  width: 1.4rem !important;
  height: 1.4rem !important;
}
mat-datepicker-toggle .mat-icon-button .mat-button-focus-overlay {
  background: transparent;
}
mat-datepicker-toggle .mat-icon-button ion-icon {
  vertical-align: middle;
  top: 0;
  position: absolute;
  right: 0;
}
.mat-form-field-label {
  font-size: 11px !important;
  position: absolute !important;
  transform-origin: top left !important;
  transform: translate(0, -16px) scale(1) !important;
  transition: all 0.1s ease-in-out !important;
  color: var(--color-black4) !important;
}
.mat-form-field-empty {
  font-size: 14px !important;
  position: absolute !important;
  transform-origin: top left !important;
  transform: translate(0, 10px) scale(1) !important;
  transition: all 0.1s ease-in-out !important;
  color: var(--color-grey) !important;
}
mat-datepicker-custom {
  width: 100%;
  box-sizing: border-box;
  padding-right: 8px;
}
mat-datepicker-content mat-calendar div.mat-calendar-header div.mat-calendar-controls {
  justify-content: space-between;
}
mat-datepicker-content mat-calendar div.mat-calendar-header div.mat-calendar-controls button.mat-calendar-period-button {
  color: var(--color-black);
  background-color: transparent;
  order: 2;
}
mat-datepicker-content mat-calendar div.mat-calendar-header div.mat-calendar-controls button.mat-calendar-period-button:hover {
  background-color: var(--color-grey2);
}
mat-datepicker-content mat-calendar div.mat-calendar-header div.mat-calendar-controls button.mat-calendar-previous-button {
  order: 1;
}
mat-datepicker-content mat-calendar div.mat-calendar-header div.mat-calendar-controls button.mat-calendar-next-button {
  order: 3;
}
mat-datepicker-content mat-calendar div.mat-calendar-header div.mat-calendar-controls button.mat-icon-button {
  color: var(--color-primary);
}
mat-datepicker-content mat-calendar div.mat-calendar-header div.mat-calendar-controls button.mat-icon-button[disabled] {
  color: var(--color-grey);
}
mat-datepicker-content mat-calendar div.mat-calendar-header div.mat-calendar-controls button.mat-icon-button:hover {
  color: var(--color-primary2);
}
mat-datepicker-content mat-calendar div.mat-calendar-header div.mat-calendar-controls div.mat-calendar-spacer {
  position: absolute;
}
mat-datepicker-content mat-calendar .mat-calendar-table-header-divider {
  display: none;
}
mat-datepicker-content mat-calendar .mat-calendar-table-header th {
  color: var(--color-black2);
  font-family: var(--font-family);
  font-size: var(--font-size-s);
}
mat-datepicker-content mat-calendar div.mat-calendar-content table.mat-calendar-table .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: none;
}
mat-datepicker-content mat-calendar div.mat-calendar-content table.mat-calendar-table div.mat-calendar-body-selected {
  background-color: var(--color-white);
  color: var(--color-white) !important;
}
mat-datepicker-content mat-calendar div.mat-calendar-content table.mat-calendar-table .mat-calendar-body tr:first-child td:first-child[colspan="7"] {
  display: none;
}
mat-datepicker-content mat-calendar div.mat-calendar-content table.mat-calendar-table .mat-calendar-body tr:first-child td:first-child.mat-calendar-body-label {
  visibility: hidden;
}
mat-datepicker-content mat-calendar div.mat-calendar-content table.mat-calendar-table .mat-calendar-body .mat-calendar-body-cell-content {
  color: var(--color-black4);
  font-family: var(--font-family);
  font-size: var(--font-size-s);
}
mat-datepicker-content button.mat-datepicker-close-button {
  display: none;
}
@media (max-width: 767px) {
  .cdk-overlay-container {
    background: rgba(0, 0, 0, 0.3);
  }
}
.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
  display: none;
}
.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  display: none;
}
.mat-mdc-form-field-flex {
  align-items: center !important;
}
.mdc-text-field__input {
  padding-inline-start: 8px;
}
/* ****************** */
/*      BOTONES       */
/* ****************** */
ion-button {
  width: auto;
  height: auto;
  padding: 0;
  border-radius: 10px;
  background-color: transparent;
  transition: 0.25s;
  line-height: 1.2;
  margin: 0;
  font-family: var(--font-family-bold);
  cursor: pointer;
  text-transform: none;
  color: var(--color-white);
  font-size: var(--font-size-m2);
  letter-spacing: 0;
  touch-action: none;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  --padding-end: 31px;
  --padding-start: 31px;
  --padding-bottom: 19px;
  --padding-top: 17px;
  --background-hover-opacity: 0;
  --background-activated-opacity: 0;
  --background-focused-opacity: 0;
  --background-hover: transparent;
  --background-activated: transparent;
  --background-focused: transparent;
  --ripple-color: transparent;
}
ion-button:hover {
  transition: 0.25s;
  color: var(--color-white);
  background-color: var(--color-primary2);
  border: solid 1px var(--color-primary);
}
@media (max-width: 767px) {
  ion-button {
    --padding-top: 12px;
    --padding-end: 16px;
    --padding-bottom: 12px;
    --padding-start: 16px;
  }
  ion-button:not(.button--fit-mobile) {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}
ion-button.no-button {
  padding: 0;
  --padding-end: 0;
  --padding-start: 0;
  --padding-bottom: 0;
  --padding-top: 0;
  border-radius: 0;
  background-color: transparent;
  opacity: 1 !important;
  height: 100%;
}
ion-button.no-button:hover {
  border: transparent;
  background-color: transparent;
  opacity: 1 !important;
}
@media (max-width: 767px) {
  ion-button.no-button {
    min-width: auto !important;
    width: auto !important;
    max-width: auto !important;
    max-width: none !important;
  }
}
ion-button.iconMenu {
  opacity: 0;
  width: 0 !important;
  transition: all 0.5s ease;
}
ion-button.iconMenu.showIcon {
  opacity: 1;
  transition: all 0.5s ease;
  width: 34px !important;
}
ion-button.selection-button {
  background: #eae9e9;
  color: var(--color-secondary);
  width: 140px !important;
  height: 140px;
  border-radius: 50%;
  padding: 0;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
ion-button.selection-button:hover {
  background: #eae9e9 !important;
}
@media (max-width: 767px) {
  ion-button.selection-button {
    width: 100px !important;
    height: 100px;
  }
}
ion-button ion-spinner {
  --color: var(--color-primary);
  --spinner-color: var(--color-primary) !important;
  color: var(--color-white);
  height: 15px;
}
ion-button.full-width {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.mapfreSpinnerClickButton {
  pointer-events: none;
}
@keyframes loadSpinnerWhite {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes loadSpinnerRed {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em var(--color-primary), 1.8em -1.8em 0 0em rgba(216, 30, 5, 0.2), 2.5em 0em 0 0em rgba(216, 30, 5, 0.2), 1.75em 1.75em 0 0em rgba(216, 30, 5, 0.2), 0em 2.5em 0 0em rgba(216, 30, 5, 0.2), -1.8em 1.8em 0 0em rgba(216, 30, 5, 0.2), -2.6em 0em 0 0em rgba(216, 30, 5, 0.5), -1.8em -1.8em 0 0em rgba(216, 30, 5, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(216, 30, 5, 0.7), 1.8em -1.8em 0 0em var(--color-primary), 2.5em 0em 0 0em rgba(216, 30, 5, 0.2), 1.75em 1.75em 0 0em rgba(216, 30, 5, 0.2), 0em 2.5em 0 0em rgba(216, 30, 5, 0.2), -1.8em 1.8em 0 0em rgba(216, 30, 5, 0.2), -2.6em 0em 0 0em rgba(216, 30, 5, 0.2), -1.8em -1.8em 0 0em rgba(216, 30, 5, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(216, 30, 5, 0.5), 1.8em -1.8em 0 0em rgba(216, 30, 5, 0.7), 2.5em 0em 0 0em var(--color-primary), 1.75em 1.75em 0 0em rgba(216, 30, 5, 0.2), 0em 2.5em 0 0em rgba(216, 30, 5, 0.2), -1.8em 1.8em 0 0em rgba(216, 30, 5, 0.2), -2.6em 0em 0 0em rgba(216, 30, 5, 0.2), -1.8em -1.8em 0 0em rgba(216, 30, 5, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(216, 30, 5, 0.2), 1.8em -1.8em 0 0em rgba(216, 30, 5, 0.5), 2.5em 0em 0 0em rgba(216, 30, 5, 0.7), 1.75em 1.75em 0 0em var(--color-primary), 0em 2.5em 0 0em rgba(216, 30, 5, 0.2), -1.8em 1.8em 0 0em rgba(216, 30, 5, 0.2), -2.6em 0em 0 0em rgba(216, 30, 5, 0.2), -1.8em -1.8em 0 0em rgba(216, 30, 5, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(216, 30, 5, 0.2), 1.8em -1.8em 0 0em rgba(216, 30, 5, 0.2), 2.5em 0em 0 0em rgba(216, 30, 5, 0.5), 1.75em 1.75em 0 0em rgba(216, 30, 5, 0.7), 0em 2.5em 0 0em var(--color-primary), -1.8em 1.8em 0 0em rgba(216, 30, 5, 0.2), -2.6em 0em 0 0em rgba(216, 30, 5, 0.2), -1.8em -1.8em 0 0em rgba(216, 30, 5, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(216, 30, 5, 0.2), 1.8em -1.8em 0 0em rgba(216, 30, 5, 0.2), 2.5em 0em 0 0em rgba(216, 30, 5, 0.2), 1.75em 1.75em 0 0em rgba(216, 30, 5, 0.5), 0em 2.5em 0 0em rgba(216, 30, 5, 0.7), -1.8em 1.8em 0 0em var(--color-primary), -2.6em 0em 0 0em rgba(216, 30, 5, 0.2), -1.8em -1.8em 0 0em rgba(216, 30, 5, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(216, 30, 5, 0.2), 1.8em -1.8em 0 0em rgba(216, 30, 5, 0.2), 2.5em 0em 0 0em rgba(216, 30, 5, 0.2), 1.75em 1.75em 0 0em rgba(216, 30, 5, 0.2), 0em 2.5em 0 0em rgba(216, 30, 5, 0.5), -1.8em 1.8em 0 0em rgba(216, 30, 5, 0.7), -2.6em 0em 0 0em var(--color-primary), -1.8em -1.8em 0 0em rgba(216, 30, 5, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(216, 30, 5, 0.2), 1.8em -1.8em 0 0em rgba(216, 30, 5, 0.2), 2.5em 0em 0 0em rgba(216, 30, 5, 0.2), 1.75em 1.75em 0 0em rgba(216, 30, 5, 0.2), 0em 2.5em 0 0em rgba(216, 30, 5, 0.2), -1.8em 1.8em 0 0em rgba(216, 30, 5, 0.5), -2.6em 0em 0 0em rgba(216, 30, 5, 0.7), -1.8em -1.8em 0 0em var(--color-primary);
  }
}
.button-native {
  background: transparent;
  box-shadow: none;
}
.button__primary, .button__primary--small, .shepherd-button {
  width: auto;
  min-width: 225px;
  max-width: 100%;
  height: auto;
  padding: 0;
  border-radius: 10px;
  background-color: var(--color-primary);
  border: solid 1px var(--color-primary);
  transition: 0.25s;
  --color-activated: var(--color-primary2);
  --border-activated: solid 1px var(--color-primary);
  --background-activated: var(--color-state-pressed);
  line-height: 1.2;
  margin: 0;
  font-family: var(--font-family-bold);
  cursor: pointer;
  text-transform: none;
  color: var(--color-white);
  font-size: var(--font-size-m2);
}
.button__primary span, .button__primary--small span, .shepherd-button span {
  color: var(--color-white);
  font-size: var(--font-size-m2);
  font-family: var(--font-family-bold);
}
.button__primary.button-auto, .button-auto.button__primary--small, .button-auto.shepherd-button {
  width: auto;
  min-width: 110px;
  max-width: max-content;
}
.button__primary:hover, .button__primary--small:hover, .shepherd-button:hover {
  transition: 0.25s;
  color: var(--color-white);
  background-color: var(--color-primary2);
  border: solid 1px var(--color-primary2);
}
.button__primary[disabled], [disabled].button__primary--small, [disabled].shepherd-button {
  transition: 0.25s;
  background-color: var(--color-state-disabled);
  border: solid 1px var(--color-state-disabled);
  cursor: not-allowed;
  color: var(--color-white);
  opacity: 1;
}
.button__primary[disabled] span, [disabled].button__primary--small span, [disabled].shepherd-button span {
  color: var(--color-white);
}
.button__primary.mapfreSpinnerClickButton, .mapfreSpinnerClickButton.button__primary--small, .mapfreSpinnerClickButton.shepherd-button {
  color: transparent !important;
}
.button__primary.mapfreSpinnerClickButton:before, .mapfreSpinnerClickButton.button__primary--small:before, .mapfreSpinnerClickButton.shepherd-button:before {
  content: "";
  margin: 23px auto;
  font-size: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: loadSpinnerWhite 1.3s infinite ease;
  transform: translateZ(0);
  position: absolute;
  color: transparent !important;
}
@media (max-width: 767px) {
  .button__primary.mapfreSpinnerClickButton:before, .mapfreSpinnerClickButton.button__primary--small:before, .mapfreSpinnerClickButton.shepherd-button:before {
    margin: 17px auto;
  }
}
.button__primary.mapfreSpinnerClickButton *, .mapfreSpinnerClickButton.button__primary--small *, .mapfreSpinnerClickButton.shepherd-button * {
  color: transparent !important;
}
.button__primary ion-icon, .button__primary--small ion-icon, .shepherd-button ion-icon {
  color: var(--color-white) !important;
  margin: 0 0 0 var(--padding-s) !important;
  position: relative;
  font-size: 0.875rem !important;
  min-height: 0.875rem !important;
  min-width: 0.875rem !important;
}
.button__secondary, .button__secondary--small, .shepherd-button.shepherd-button-secondary, .button-tertiary {
  width: auto;
  min-width: var(--button-width);
  max-width: 100%;
  height: auto;
  padding: 0;
  border-radius: 10px;
  background-color: var(--color-white);
  border: solid 1px var(--color-primary);
  color: var(--color-primary);
  font-size: var(--font-size-m2);
  font-family: var(--font-family-bold);
  transition: 0.25s;
  line-height: 1.2;
  margin: 0;
  --color-activated: var(--color-primary2);
  --border-activated: solid 1px var(--color-state-pressed);
  --background-activated: var(--color-white);
  cursor: pointer;
  text-transform: none;
}
.button__secondary span, .button__secondary--small span, .shepherd-button.shepherd-button-secondary span, .button-tertiary span {
  color: var(--color-primary);
  font-size: var(--font-size-m2);
  font-family: var(--font-family-bold);
}
.button__secondary.button-auto, .button-auto.button__secondary--small, .button-auto.shepherd-button.shepherd-button-secondary, .button-auto.button-tertiary {
  width: auto;
  min-width: 110px;
  max-width: max-content;
}
.button__secondary:hover, .button__secondary--small:hover, .shepherd-button.shepherd-button-secondary:hover, .button-tertiary:hover {
  transition: 0.25s;
  border: solid 1px var(--color-primary2);
  background-color: var(--color-white);
}
.button__secondary:hover::part(native), .button__secondary--small:hover::part(native), .shepherd-button.shepherd-button-secondary:hover::part(native), .button-tertiary:hover::part(native) {
  transition: 0.25s;
  color: var(--color-primary2);
}
.button__secondary:hover ion-icon, .button__secondary--small:hover ion-icon, .shepherd-button.shepherd-button-secondary:hover ion-icon, .button-tertiary:hover ion-icon {
  color: var(--color-primary2) !important;
}
.button__secondary[disabled], [disabled].button__secondary--small, [disabled].shepherd-button.shepherd-button-secondary, [disabled].button-tertiary {
  transition: 0.25s;
  border: solid 1px var(--color-state-disabled);
  color: var(--color-state-disabled);
  cursor: not-allowed;
  opacity: 1;
}
.button__secondary[disabled] span, [disabled].button__secondary--small span, [disabled].shepherd-button.shepherd-button-secondary span, [disabled].button-tertiary span {
  color: var(--color-state-disabled);
}
.button__secondary[disabled] ion-icon, [disabled].button__secondary--small ion-icon, [disabled].shepherd-button.shepherd-button-secondary ion-icon, [disabled].button-tertiary ion-icon {
  color: var(--color-state-disabled) !important;
}
.button__secondary.mapfreSpinnerClickButton, .mapfreSpinnerClickButton.button__secondary--small, .mapfreSpinnerClickButton.shepherd-button.shepherd-button-secondary, .mapfreSpinnerClickButton.button-tertiary {
  color: transparent !important;
}
.button__secondary.mapfreSpinnerClickButton:before, .mapfreSpinnerClickButton.button__secondary--small:before, .mapfreSpinnerClickButton.shepherd-button.shepherd-button-secondary:before, .mapfreSpinnerClickButton.button-tertiary:before {
  content: "";
  margin: 23px auto;
  font-size: 4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: loadSpinnerRed 1.3s infinite ease;
  transform: translateZ(0);
  position: absolute;
  color: transparent !important;
}
@media (max-width: 767px) {
  .button__secondary.mapfreSpinnerClickButton:before, .mapfreSpinnerClickButton.button__secondary--small:before, .mapfreSpinnerClickButton.shepherd-button.shepherd-button-secondary:before, .mapfreSpinnerClickButton.button-tertiary:before {
    margin: 21px auto;
  }
}
.button__secondary.mapfreSpinnerClickButton *, .mapfreSpinnerClickButton.button__secondary--small *, .mapfreSpinnerClickButton.shepherd-button.shepherd-button-secondary *, .mapfreSpinnerClickButton.button-tertiary * {
  color: transparent !important;
}
.button__secondary ion-icon, .button__secondary--small ion-icon, .shepherd-button.shepherd-button-secondary ion-icon, .button-tertiary ion-icon {
  color: var(--color-primary);
  margin: 0 0 0 var(--padding-s) !important;
  position: relative;
  font-size: 0.875rem !important;
  min-height: 0.875rem !important;
  min-width: 0.875rem !important;
}
.button__primary--small, .shepherd-button {
  min-width: 110px;
  width: auto;
  max-width: max-content;
  height: 40px;
  --padding-end: 16px;
  --padding-start: 16px;
  --padding-bottom: 9px;
  --padding-top: 10px;
}
.button__secondary--small, .shepherd-button.shepherd-button-secondary {
  min-width: 110px;
  width: auto;
  max-width: max-content;
  height: 40px;
  --padding-end: 16px;
  --padding-start: 16px;
  --padding-bottom: 9px;
  --padding-top: 10px;
}
.button__secondary--small.button_in_alert, .button_in_alert.shepherd-button.shepherd-button-secondary {
  background-color: transparent !important;
}
.button__secondary--small.button_in_alert::part(native), .button_in_alert.shepherd-button.shepherd-button-secondary::part(native) {
  color: var(--color-primary);
}
.button__secondary--small.button_in_alert::part(native):hover, .button_in_alert.shepherd-button.shepherd-button-secondary::part(native):hover {
  color: var(--color-primary2);
}
.button__secondary--small.button_in_alert ion-icon, .button_in_alert.shepherd-button.shepherd-button-secondary ion-icon {
  color: var(--color-primary) !important;
}
.button__secondary--small:hover, .shepherd-button.shepherd-button-secondary:hover {
  color: var(--color-primary3) !important;
}
.button_calendar {
  background-color: transparent !important;
  color: var(--color-primary) !important;
}
.button__primary--small.mapfreSpinnerClickButton:before, .mapfreSpinnerClickButton.shepherd-button:before,
.button__secondary--small.mapfreSpinnerClickButton:before {
  content: "";
  margin: 17px auto;
}
mapfre-button[disabled] .button__primary, mapfre-button[disabled] .button__primary--small, mapfre-button[disabled] .shepherd-button {
  transition: 0.25s;
  background-color: var(--color-state-disabled);
  border: solid 1px var(--color-state-disabled);
  cursor: not-allowed;
  color: var(--color-white);
  opacity: 1;
}
mapfre-button[disabled] .button__primary span, mapfre-button[disabled] .button__primary--small span, mapfre-button[disabled] .shepherd-button span {
  color: var(--color-white);
}
mapfre-button[disabled] .button__secondary, mapfre-button[disabled] .button-tertiary, mapfre-button[disabled] .button__secondary--small, mapfre-button[disabled] .shepherd-button.shepherd-button-secondary {
  transition: 0.25s;
  border: solid 1px var(--color-state-disabled);
  color: var(--color-state-disabled);
  cursor: not-allowed;
  opacity: 1;
}
mapfre-button[disabled] .button__secondary span, mapfre-button[disabled] .button-tertiary span, mapfre-button[disabled] .button__secondary--small span, mapfre-button[disabled] .shepherd-button.shepherd-button-secondary span {
  color: var(--color-state-disabled);
}
mapfre-button[disabled] .button__secondary ion-icon, mapfre-button[disabled] .button-tertiary ion-icon, mapfre-button[disabled] .button__secondary--small ion-icon, mapfre-button[disabled] .shepherd-button.shepherd-button-secondary ion-icon {
  color: var(--color-state-disabled) !important;
}
/* ****************** */
/*       LINKS        */
/* ****************** */
.underLink {
  color: var(--color-primary) !important;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
  font-family: var(--font-family-bold);
}
.underLink:hover {
  text-decoration: underline;
}
.interLink {
  color: var(--color-primary) !important;
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
  font-family: var(--font-family-bold);
  font-size: var(--font-size-m3);
  text-decoration: none;
}
.interLink:after {
  content: "";
  width: 0px;
  height: 1px;
  display: block;
  background: var(--color-primary);
  transition: 300ms;
  position: absolute;
  left: 0;
  bottom: 0;
}
.interLink:hover:after {
  width: 100%;
}
.interLink__grey {
  color: var(--color-secondary2) !important;
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
.interLink__grey:after {
  content: "";
  width: 0px;
  height: 1px;
  display: block;
  background: var(--color-secondary);
  transition: 300ms;
  position: absolute;
  left: 0;
  bottom: 0;
}
.interLink__grey:hover {
  color: var(--color-secondary);
}
.interLink__grey:hover:after {
  width: 100%;
}
.interLink__white {
  color: var(--color-white) !important;
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
.interLink__white:after {
  content: "";
  width: 0px;
  height: 1px;
  display: block;
  background: var(--color-white);
  transition: 300ms;
  position: absolute;
  left: 0;
  bottom: 0;
}
.interLink__white:hover {
  color: var(--color-white);
}
.interLink__white:hover:after {
  width: 100%;
}
.interLink__menu {
  color: var(--color-secondary2) !important;
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
.interLink__menu:after {
  content: "";
  width: 0px;
  height: 4px;
  display: block;
  background: var(--color-secondary2);
  transition: 300ms;
  position: absolute;
  left: 0;
  bottom: 0;
}
.interLink__menu:hover {
  color: var(--color-secondary);
  font-family: var(--font-family);
}
.interLink__menu:hover p {
  color: var(--color-secondary);
}
.interLink__menu:hover:after {
  width: 100%;
}
.interLink__black {
  color: var(--color-black2);
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
.interLink__black:after {
  content: "";
  width: 0px;
  height: 1px;
  display: block;
  background: var(--color-black2);
  transition: 300ms;
  position: absolute;
  left: 0;
  bottom: 0;
}
.interLink__black:hover {
  color: var(--color-black2);
  font-family: var(--font-family);
}
.interLink__black:hover:after {
  width: 100%;
}
.interLink__insurance {
  color: var(--color-secondary2);
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
.interLink__insurance:after {
  content: "";
  width: 0px;
  height: 4px;
  display: block;
  background: var(--color-secondary2);
  transition: 300ms;
  position: absolute;
  left: 0;
  bottom: 0;
}
.interLink__insurance:hover {
  color: var(--color-secondary) !important;
  font-family: var(--font-family);
}
.interLink__insurance:hover p {
  color: var(--color-secondary);
}
.interLink__insurance:hover:after {
  width: 100%;
}
.interLink__insurance.selected {
  color: var(--color-secondary) !important;
}
.interLink__insurance.selected p {
  color: var(--color-secondary);
}
.interLink__insurance.selected:after {
  width: 100%;
}
.interLink__underline {
  color: var(--color-primary) !important;
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
  font-family: var(--font-family-bold);
}
.interLink__underline:hover {
  text-decoration: underline;
}
.interLink[disabled] {
  color: var(--color-secondary3) !important;
  pointer-events: none;
}
@media (max-width: 767px) {
  .interLink {
    font-size: var(--font-size-m);
  }
}
.interLink__insurance {
  color: var(--color-secondary2);
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
.interLink__insurance:after {
  content: "";
  width: 0px;
  height: 4px;
  display: block;
  background: var(--color-secondary2);
  transition: 300ms;
  position: absolute;
  left: 0;
  bottom: 0;
}
.interLink__insurance:hover {
  color: var(--color-secondary) !important;
  font-family: var(--font-family);
}
.interLink__insurance:hover p {
  color: var(--color-secondary);
}
.interLink__insurance:hover:after {
  width: 100%;
}
.interLink__insurance.selected {
  color: var(--color-secondary) !important;
}
.interLink__insurance.selected p {
  color: var(--color-secondary);
}
.interLink__insurance.selected:after {
  width: 100%;
}
mapfre-link[disabled] .interLink {
  color: var(--color-secondary3) !important;
}
/* ****************** */
/*    CHECKBOX        */
/* ****************** */
.checkbox {
  border: 1px solid var(--color-grey);
  flex: initial;
  box-sizing: content-box;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  line-height: 32px;
  text-align: center;
  margin-right: 16px;
}
.checkbox--on {
  border: 1px solid var(--color-state-disabled);
}
.checkbox--disabled {
  opacity: 0.4;
}
.checkbox--circular {
  border: 1px solid #89969a;
  border-radius: 15px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  line-height: 32px;
  text-align: center;
  margin-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkbox--circular__on {
  border: 1px solid var(--color-state-ok-form);
}
.checkbox--circular__off {
  border: 1px solid var(--color-state-disabled);
}
/* ****************** */
/*    BACK TO TOP        */
/* ****************** */
.back-to-top-btn {
  position: fixed;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 24px;
  margin-bottom: 50px;
  cursor: pointer;
  padding: 16px;
  display: none;
  justify-content: center;
  align-items: center;
  right: 29px;
  bottom: 24px;
  z-index: 999;
  border: 1px solid #e7ebed;
  background: #ffffff;
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 980px) {
  .back-to-top-btn {
    display: flex;
  }
}
@media (max-width: 767px) {
  .back-to-top-btn {
    right: 16px;
    bottom: 16px;
  }
}
.back-to-top-btn:hover {
  border-color: var(--color-primary);
}
.back-to-top-btn:focus {
  border-color: var(--color-primary);
}
/* ************************** */
/*        TEXTOS              */
/* ************************** */
body,
span,
ion-label,
p {
  font-size: var(--font-size-m);
  line-height: normal;
}
* {
  outline: none;
  font-family: var(--font-family);
  white-space: break-spaces;
  overflow-wrap: break-word;
  text-transform: none;
  letter-spacing: 0;
  color: var(--color-secondary);
}
button {
  font-size: var(--font-size-m) !important;
}
a {
  font-size: var(--font-size-m3);
}
h1 {
  font-size: var(--font-size-xxl) !important;
}
h2 {
  font-size: var(--font-size-xl) !important;
}
h3 {
  font-size: var(--font-size-l) !important;
}
h4 {
  font-size: var(--font-size-m) !important;
}
h5 {
  font-size: var(--font-size-s) !important;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  line-height: normal;
}
/* ************************** */
/*   ELEMENTS HTML GENERICS   */
/* ************************** */
body {
  -webkit-user-select: text;
  user-select: text;
  font-family: var(--font-family);
  font-size: var(--font-size-m);
  color: var(--color-secondary);
  line-height: var(--line-height-20);
}
page {
  height: 100%;
}
a,
span,
ion-item {
  text-decoration: none;
  color: var(--color-secondary);
  outline: none;
  font-family: var(--font-family);
}
p {
  font-size: var(--font-size-m);
  line-height: 1.41;
  margin: 0;
  color: var(--color-secondary);
}
small {
  font-size: var(--font-size-s);
}
/* ************************** */
/*           SCROLL           */
/* ************************** */
/* Tamaño del scroll */
*:not(ion-button)::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/* Estilos barra (thumb) de scroll */
*:not(ion-button)::-webkit-scrollbar-thumb {
  background: var(--color-secondary4);
  border-radius: 4px;
}
*:not(ion-button)::-webkit-scrollbar-thumb:active {
  background-color: var(--color-grey);
}
/* ************************** */
/*           IONIC           */
/* ************************** */
.card-content-md {
  padding: 0;
}
.card-content-ios {
  padding: 0 !important;
}
:root {
  --ion-color--primary: var(--color-primary);
  --ion-color--primary-rgb: 56, 128, 255;
  --ion-color--primary-contrast: #fff;
  --ion-color--primary-contrast-rgb: 255, 255, 255;
  --ion-color--primary-shade: var(--color-primary2);
  --ion-color--primary-tint: var(--color-primary3);
  --ion-color--success: #2dd36f;
  --ion-color--success-rgb: 45, 211, 111;
  --ion-color--success-contrast: #fff;
  --ion-color--success-contrast-rgb: 255, 255, 255;
  --ion-color--success-shade: #28ba62;
  --ion-color--success-tint: #42d77d;
  --ion-color--warning: #ffc409;
  --ion-color--warning-rgb: 255, 196, 9;
  --ion-color--warning-contrast: #000000;
  --ion-color--warning-contrast-rgb: 0, 0, 0;
  --ion-color--warning-shade: #e0ac08;
  --ion-color--warning-tint: #ffca22;
  --ion-color--danger: #eb445a;
  --ion-color--danger-rgb: 235, 68, 90;
  --ion-color--danger-contrast: #fff;
  --ion-color--danger-contrast-rgb: 255, 255, 255;
  --ion-color--danger-shade: #cf3c4f;
  --ion-color--danger-tint: #ed576b;
  --ion-color--light: #f4f5f8;
  --ion-color--light-rgb: 244, 245, 248;
  --ion-color--light-contrast: #000000;
  --ion-color--light-contrast-rgb: 0, 0, 0;
  --ion-color--light-shade: #d7d8da;
  --ion-color--light-tint: #f5f6f9;
}
/* ****************** */
/*      PADDING       */
/* ****************** */
.padding--24 {
  padding: var(--padding-l) !important;
}
.padding--32 {
  padding: var(--padding-l2);
}
.paddingTop--4 {
  padding-top: var(--padding-xs) !important;
}
.paddingTop--8 {
  padding-top: var(--padding-s) !important;
}
.paddingTop--12 {
  padding-top: var(--padding-s2) !important;
}
.paddingTop--16 {
  padding-top: var(--padding-m) !important;
}
.paddingTop--18 {
  padding-top: 18px !important;
}
.paddingTop--24 {
  padding-top: var(--padding-l);
}
.paddingTop--32 {
  padding-top: var(--padding-l2);
}
@media (max-width: 767px) {
  .paddingTop--32 {
    padding-top: var(--padding-s2);
  }
}
.paddingTop--48 {
  padding-top: var(--padding-xxl) !important;
}
@media (max-width: 767px) {
  .paddingTop--48 {
    padding-top: var(--padding-s2);
  }
}
.paddingBottom--8 {
  padding-bottom: var(--padding-s);
}
.paddingBottom--12 {
  padding-bottom: var(--padding-s2) !important;
}
.paddingBottom--16 {
  padding-bottom: var(--padding-m) !important;
}
.paddingBottom--24 {
  padding-bottom: var(--padding-l);
}
.paddingBottom--56 {
  padding-bottom: 56px !important;
}
.paddingBottom--64 {
  padding-bottom: 64px !important;
}
.paddingRight--8 {
  padding-right: var(--padding-s) !important;
}
.paddingRight--16 {
  padding-right: var(--padding-m) !important;
}
.paddingRight--24 {
  padding-right: var(--padding-l) !important;
}
.paddingRight--12 {
  padding-right: 12px !important;
}
.paddingLeft--12 {
  padding-left: 12px !important;
}
.paddingLeft--8 {
  padding-left: var(--padding-s) !important;
}
.paddingLeft--16 {
  padding-left: var(--padding-m);
}
.paddingLeft--24 {
  padding-left: var(--padding-l) !important;
}
.paddingLeft--32 {
  padding-left: var(--padding-l2);
}
@media (max-width: 767px) {
  .paddingLeft--32 {
    padding-left: var(--padding-s2);
  }
}
/* ****************** */
/*      MARGINS       */
/* ****************** */
.margin--8 {
  margin: var(--padding-s) !important;
}
.margin--16 {
  margin: var(--padding-m) !important;
}
.margin--24 {
  margin: var(--padding-l) !important;
}
.margin--32 {
  margin: var(--padding-l2) !important;
}
@media (max-width: 767px) {
  .margin--32 {
    margin: var(--padding-l);
  }
}
.marginTop--8 {
  margin-top: var(--padding-s);
}
.marginTop--16 {
  margin-top: var(--padding-m) !important;
}
.marginTop--24 {
  margin-top: var(--padding-l) !important;
}
.marginTop--32 {
  margin-top: var(--padding-l2) !important;
}
@media (max-width: 767px) {
  .marginTop--32 {
    margin-top: var(--padding-l);
  }
}
.marginTop--32 {
  margin-top: 32px !important;
}
.marginTop--40 {
  margin-top: 40px !important;
}
.marginTop--48 {
  margin-top: var(--padding-xxl) !important;
}
.marginBottom--8 {
  margin-bottom: 8px !important;
}
.marginBottom--12 {
  margin-bottom: 12px;
}
.marginBottom--16 {
  margin-bottom: var(--padding-m) !important;
}
.marginBottom--24 {
  margin-bottom: var(--padding-l) !important;
}
.marginBottom--32 {
  margin-bottom: 32px !important;
}
.marginBottom--40 {
  margin-bottom: 40px !important;
}
.marginBottom--56 {
  margin-bottom: 56px !important;
}
@media (max-width: 1024px) {
  .marginBottom--56 {
    margin-bottom: var(--padding-xl) !important;
  }
}
@media (max-width: 767px) {
  .marginBottom--56 {
    margin-bottom: var(--padding-l) !important;
  }
}
.marginBottom--308 {
  margin-bottom: 308px !important;
}
@media (max-width: 1024px) {
  .marginBottom--308 {
    margin-bottom: var(--padding-xl) !important;
  }
}
@media (max-width: 767px) {
  .marginBottom--308 {
    margin-bottom: var(--padding-l) !important;
  }
}
.noMargin--right {
  margin-right: 0px !important;
}
.marginRight--8 {
  margin-right: var(--padding-s) !important;
}
@media (max-width: 767px) {
  .marginRight--8 {
    margin-right: var(--padding-xs);
  }
}
.marginRight--12 {
  margin-right: var(--padding-s2) !important;
}
.marginRight--16 {
  margin-right: var(--padding-m) !important;
}
.marginRight--24 {
  margin-right: var(--padding-l) !important;
}
.marginRight--32 {
  margin-right: 32px !important;
}
.marginRight--40 {
  margin-right: 40px !important;
}
.noMargin--left {
  margin-left: 0px !important;
}
.marginLeft--8 {
  margin-left: var(--padding-s) !important;
}
.marginLeft--16 {
  margin-left: var(--padding-m) !important;
}
.marginLeft--24 {
  margin-left: var(--padding-l) !important;
}
.marginLeft--32 {
  margin-left: 32px !important;
}
.marginLeft--40 {
  margin-left: 40px !important;
}
@media (max-width: 1200px) {
  .marginBottom__mobile--32 {
    margin-bottom: var(--padding-l2);
  }
}
@media (max-width: 767px) {
  .marginBottom__mobile--8 {
    margin-right: var(--padding-s) !important;
  }
}
/* ****************** */
/*    ANIMACIONES     */
/* ****************** */
.rotate--180 {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
.rotate--90 {
  transform: rotate(90deg);
  transition: all 0.3s ease;
}
.animated {
  transition: all 0.3s ease;
}
.animated.medium {
  transition: 0.5s;
}
.animation__link {
  overflow: hidden;
  position: relative;
}
.animation__link > * {
  position: absolute;
  left: 0;
  background: var(--color-white);
  transition: 0.5s;
  top: 0;
  z-index: 0;
}
.animation__link > *:nth-child(1) {
  z-index: 1;
  width: 90%;
  line-height: 1.5;
  position: relative;
}
.animation__link:hover > *:nth-child(1) {
  top: -50px;
}
.animated__icon {
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition: opacity 2s linear;
}
.clickable, .modal__close {
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.clickable-rating {
  display: flex;
  justify-content: center;
  align-items: center;
}
.clickableOnMobile {
  cursor: default;
}
@media screen and (max-width: 767px) {
  .clickableOnMobile {
    cursor: pointer !important;
    transition: all 0.3s ease-in;
  }
}
.notClickable {
  cursor: default !important;
}
.disabledEvent {
  pointer-events: none !important;
}
.transitionGeneric, ion-icon.interLink {
  transition: all 0.3s ease-in;
}
.transitionGeneric:hover, ion-icon.interLink:hover {
  transition: all 0.3s ease-in;
  opacity: 0.8;
}
.transitionScale, .modal__close {
  transition: all 0.3s ease-in;
}
.transitionScale:hover, .modal__close:hover {
  transform: scale(1.2);
  transition: all 0.3s ease-in;
}
.double__bounce--1,
.double__bounce--2 {
  background-color: var(--color-primary);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite ease-in-out;
}
.double__bounce--2 {
  animation-delay: -1s;
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.animation-arrow {
  position: relative;
  animation: mymove 2s infinite;
}
@keyframes mymove {
  0%, 100% {
    top: 0;
  }
  50% {
    top: 5px;
  }
}
/* ****************** */
/*      ELEMENTOS     */
/* ****************** */
.imageWidth {
  max-width: 100%;
  width: 100%;
}
.imageWidth--200 {
  max-width: 200px;
  width: 100%;
}
.itemRound {
  width: 34px;
  height: 34px;
  margin: 0 0 0 10px;
  background: var(--color-secondary4);
  border-radius: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  align-content: center;
  justify-content: center;
}
.toggleHead {
  margin: 24px 0 16px;
  width: 100%;
  padding: 14px 24px;
  background-color: var(--color-grey2);
}
@media (max-width: 767px) {
  .toggleHead {
    margin: 16px 0 8px;
  }
}
.ibanCountry {
  position: absolute;
  bottom: 12px;
  left: 10px;
  z-index: 2;
}
.iconInfo {
  position: absolute;
  right: 10px;
  bottom: 9px;
  z-index: 2;
  color: var(--color-secondary2);
}
.iconInfo.iconInfoNext {
  position: relative;
  left: 8px;
  bottom: 3px;
}
.modal__close {
  position: absolute;
  right: 24px;
  top: 24px;
  color: var(--color-black4);
  z-index: 2;
}
@media (max-width: 767px) {
  .modal__close {
    right: var(--padding-s2);
    top: var(--padding-s2);
  }
}
.modal__close:hover {
  color: #333;
}
.fixed[scrollx=true],
div[scrolly=true] {
  position: relative;
  overflow: hidden;
}
.fixed[scrollx=true] ::-webkit-scrollbar,
div[scrolly=true] ::-webkit-scrollbar {
  display: none;
}
.fixed[scrollx=true] {
  overflow-x: auto;
}
.fixed[scrolly=true] {
  overflow-y: auto;
}
@media (max-width: 767px) {
  .mobile--hide {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .desktop--hide {
    display: none !important;
  }
}
.ion-page-hidden {
  display: none !important;
}
.app-root,
.ion-page,
ion-app,
ion-nav,
ion-tab,
ion-tabs {
  contain: strict;
}
.content-list ul {
  padding: 0 0 0 17px;
  margin: 0px;
}
.z-index-1 {
  z-index: 1;
}
/* ****************** */
/*       SOMBRAS      */
/* ****************** */
.drop-shadow, .map-wrapper .location-label {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.drop-shadow-white {
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.03);
}
/* ****************** */
/*       BORDES       */
/* ****************** */
.border-light {
  border: solid 1px var(--color-grey2);
}
.border-dark {
  border: solid 1px var(--color-grey3);
}
/* ****************** */
/*     ATRIBUTOS      */
/* ****************** */
.white-space-normal {
  white-space: normal;
}
.text--uppercase {
  text-transform: uppercase;
}
.display-block {
  display: block;
}
.align-center {
  align-content: center;
}
.margin-grid {
  margin-left: 4%;
}
.backgroundCenter {
  background-position: center;
}
.backgroundCover {
  background-size: cover;
}
.imageFix {
  width: 100%;
  height: 250px;
  min-height: 250px;
  max-height: 250px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.imageFix img {
  height: auto;
  width: auto;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  position: absolute;
}
.filter-width {
  min-width: 25%;
}
@media (max-width: 767px) {
  .filter-width {
    min-width: 40%;
  }
}
.full-width {
  width: 100%;
  max-width: 100%;
}
.full-height {
  height: 100%;
  min-height: 100%;
  box-sizing: border-box;
}
.overflow-hidden {
  overflow: hidden;
}
.background-hover-grey {
  --background-focused: var(--color-grey2);
  --background-hover: var(--color-grey2);
}
.background-hover-grey:hover {
  --ion-background-color: var(--color-grey2);
  background-color: var(--color-grey2);
}
.background-grey {
  --ion-background-color: var(--color-grey2);
  background-color: var(--color-grey2);
  --background-focused: var(--color-grey2);
  --background-hover: var(--color-grey2);
}
.cdk-visually-hidden {
  display: none;
}
/* ****************** */
/*        SCALE       */
/* ****************** */
*[scale--2] {
  transform: scale(2);
}
/* ****************** */
/*     PROPIEDADES    */
/* ****************** */
*[noPadding],
*.noPadding {
  padding: 0 !important;
}
*[noPadding--top] {
  padding-top: 0 !important;
}
*[noPadding--bottom] {
  padding-bottom: 0 !important;
}
*[noPadding--left] {
  padding-left: 0 !important;
}
*[noPadding--right] {
  padding-right: 0 !important;
}
*[noMargin],
*.noMargin {
  margin: 0 !important;
}
*[noMargin--top] {
  margin-top: 0 !important;
}
*[noMargin--bottom] {
  margin-bottom: 0 !important;
}
*[noMargin--left] {
  margin-left: 0 !important;
}
*[noMargin--right] {
  margin-right: 0 !important;
}
*[margin--auto] {
  margin: auto !important;
}
*[marginBottom--auto] {
  margin-bottom: auto !important;
}
*[marginTop--auto] {
  margin-top: auto !important;
}
*[marginLeft--auto] {
  margin-left: auto !important;
}
*[marginRight--auto] {
  margin-right: auto !important;
}
*[align--right] {
  right: 0 !important;
}
*[align--left] {
  left: 0 !important;
}
*[text--center] {
  text-align: center !important;
}
*[text--right] {
  text-align: right !important;
}
*[text--justify] {
  text-align: justify !important;
}
*[hidden] {
  display: none !important;
}
*[text--medium] {
  font-family: var(--font-family-medium) !important;
}
*[text--bold],
.text--bold {
  font-family: var(--font-family-bold) !important;
}
*[noBorder] {
  border: none !important;
}
*[noBorder--bottom] {
  border-bottom: none !important;
}
*[noBorder--top] {
  border-top: none !important;
}
*[noBorder--radius] {
  border-radius: 0 !important;
  --border-radius: 0 !important;
}
*[noBorder--radius-bottom] {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
*[noBorder--radius-top] {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
*[background-grey] {
  background-color: var(--color-secondary5) !important;
}
*[list-ul-no] {
  list-style: none;
  display: inline-flex;
}
*[list-ul-no] li[list-li-margin-left] {
  margin-right: var(--padding-l);
}
*[list-ul-no] li[list-li-margin-right] {
  margin-left: var(--padding-l);
}
@media (max-width: 767px) {
  *[list-ul-no] li {
    margin: 0 var(--padding-s2);
  }
}
*[list-ul-no-vertical] {
  list-style: none;
  display: inline-flex;
}
*[list-ul-no-vertical] li[list-li-margin-left] {
  margin-right: var(--padding-l);
}
*[list-ul-no-vertical] li[list-li-margin-right] {
  margin-left: var(--padding-l);
}
@media (max-width: 767px) {
  *[list-ul-no-vertical] {
    flex-direction: column;
  }
  *[list-ul-no-vertical] li[list-li-margin-left] {
    margin-right: 0px !important;
  }
  *[list-ul-no-vertical] li:not(:last-child) {
    margin-bottom: 8px !important;
  }
}
.appointment {
  cursor: pointer;
  padding-left: 0px !important;
}
.appointment_selected {
  background-color: var(--color-primary);
  border-radius: 20px;
  height: 30px;
  border: 1px solid var(--color-primary);
}
.appointment_selected span {
  color: var(--color-white) !important;
  font-weight: bold;
}
.appointment_unselected {
  background-color: var(--color-white);
  border-radius: 20px;
  border: 1px solid var(--color-primary);
  height: 30px;
}
.appointment_unselected span {
  color: var(--color-primary);
  font-weight: bold;
}
.maintenance_position {
  flex-direction: row;
}
@media (max-width: 1024px) {
  .maintenance_position {
    flex-direction: column-reverse !important;
  }
  .maintenance_position ion-col img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .maintenance_position {
    flex-direction: column-reverse !important;
  }
  .maintenance_position ion-col img {
    width: 100%;
  }
}
.maintenance_rows p {
  max-height: 3em;
  overflow: hidden;
  line-height: 1.5em;
}
@media (max-width: 1024px) {
  .maintenance_rows {
    display: flex;
    white-space: break-spaces;
    justify-content: center;
  }
  .maintenance_rows p {
    text-align: center;
  }
  .maintenance_rows p:first-of-type {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .maintenance_rows {
    display: flex;
    white-space: break-spaces;
    justify-content: center;
  }
  .maintenance_rows p {
    text-align: center;
    max-height: 6em;
  }
  .maintenance_rows p:first-of-type {
    margin-top: 32px;
  }
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li span {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.breadcrumb li:last-child span {
  color: var(--color-grey);
  cursor: auto;
}
.breadcrumb li:not(:first-child)::before {
  padding: 0 5px;
  color: #ccc;
  content: "/ ";
}
.media-table {
  border: 1px solid var(--color-grey3);
  border-radius: 20px;
  padding: 0px;
}
.media-table .media-table-header {
  padding-bottom: 16px;
  border-bottom: 3px solid var(--color-grey3);
}
.media-table .media-table-header ion-col {
  padding: 12px 16px !important;
  border-right: 1px solid var(--color-grey3);
}
.media-table .media-table-header ion-col ion-icon {
  font-weight: bold;
}
.media-table .media-table-header ion-col:last-child {
  border-right: 0px;
}
.media-table .media-table-content {
  padding: 0px !important;
  border-bottom: 1px solid var(--color-grey2) !important;
}
.media-table .media-table-content ion-col {
  padding: 12px 16px !important;
  border-right: 1px solid var(--color-grey3);
}
.media-table .media-table-content ion-col:last-child {
  border-right: 0px;
}
.media-table .media-table-content:nth-child(even) {
  background-color: #f9f9f9;
}
.media-table .media-table-content:nth-child(even):last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.media-table .media-table-content:nth-child(odd) {
  background-color: white;
}
.media-table .media-table-content:nth-child(odd):last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.media-table .media-table-content:last-child {
  border: 0px;
}
.media-content-name {
  width: 170px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.media-navigation div {
  border: 1px solid var(--color-primary) !important;
  cursor: pointer;
  min-width: 40px;
}
.media-navigation div.active {
  background-color: var(--color-primary);
}
.media-navigation div.active span {
  color: white;
}
.media-navigation div:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.media-navigation div:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.rating {
  padding: 8px 0px;
  border-radius: 8px;
  width: min-content !important;
}
.rating .star {
  color: var(--color-state-disabled) !important;
  margin-right: 8px;
}
.rating .star:last-child {
  margin-right: 8px;
}
.rating .star:first-child {
  margin-left: 8px;
}
.rating .stars-checked {
  color: var(--color-state-rating) !important;
}
.disabled-rating {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0.3;
  cursor: not-allowed;
}
.flowRating {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flowRating--form {
  width: 80%;
  margin-bottom: 3%;
}
@media (max-width: 1200px) {
  .flowRating--form {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .flowRating--form {
    margin-top: 20px;
  }
}
.flowRating--box {
  display: contents;
}
.flowRating--text {
  width: 75%;
}
@media (max-width: 1200px) {
  .flowRating--text {
    width: 100%;
  }
}
#textArea--rating {
  height: 150px;
}
.bold {
  font-weight: bold;
}
.customRatingPayment {
  width: 80%;
}
@media (max-width: 767px) {
  .customRatingPayment {
    width: 100%;
  }
}
/* ********** */
/* Quotations */
/* ********** */
.quotations {
  background-color: var(--color-grey4-design-system);
  position: relative;
  width: 100vw !important;
}
.quoters__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 20px;
  padding: 80px 60px;
}
.quoters__list {
  gap: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
  align-items: center;
  width: 100%;
  margin: 0;
}
.quoter,
.quoter--accessible {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  padding: 24px;
  gap: 8px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1215686275);
  width: max-content;
  margin-right: 0;
}
.budgets-list ion-row > ion-col:first-child > ion-card {
  margin-top: 0 !important;
}
.help .quoters__content {
  padding: 0;
}
.help .quoters__list {
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
}
.help .quoter--accessible {
  width: 100%;
  margin-right: 0;
  margin-bottom: 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 32px;
  border-radius: 10px;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1019607843);
  border: solid 0.5px var(--color-grey3);
}
.help .quoter--accessible ion-icon {
  margin-right: 4px;
  padding: 0;
}
.help .quoter--accessible .download-button {
  font-weight: bold;
}
.quoter--accessible {
  cursor: pointer;
}
.quoter--accessible:hover {
  outline: 2px solid var(--color-grey);
}
@media (max-width: 1200px) {
  .quoters__content {
    flex-direction: column;
    align-items: center;
    padding: 48px 16px;
    margin: 0 auto;
    gap: 32px 0;
  }
}
@media (max-width: 767px) {
  .quoters__content {
    padding: 48px var(--mobile-page-horizontal-padding);
  }
  .quoters__list {
    flex-direction: column;
  }
  .quoter,
.quoter--accessible {
    width: 100%;
    padding: 24px 0;
  }
}
.color--primary {
  color: var(--color-primary) !important;
}
.rate-app-card__card {
  max-width: 320px;
  margin: 0 auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
}
.rate-app-card__card-content {
  padding: 40px 16px 24px !important;
}
.rate-app-card__rating {
  margin: 32px 0 24px;
}
.rate-app-card__rating-component {
  pointer-events: none;
}
.rate-app-card__title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
.rate-app-card__text {
  text-align: center;
  color: var(--color-secondary3);
  margin-bottom: 24px;
}
.rate-app-card-wrapper .modal-wrapper {
  max-width: 320px;
  width: 90%;
  margin: 0 auto;
  border-radius: 8px;
  background: transparent;
  overflow: visible;
}
.rate-app-card__card-content ion-row:last-child {
  display: flex !important;
  justify-content: center !important;
  margin-top: 16px;
}
.interLink.rate-app-card__later-link {
  display: inline-block;
  width: auto;
  margin: 16px auto 0;
  text-align: center;
}
@media (max-width: 600px) {
  .rate-app-card__card-content ion-row:last-child ion-item.clickable, .rate-app-card__card-content ion-row:last-child ion-item.modal__close {
    margin: 16px auto 0 !important;
  }
}
.responsive-budget {
  display: flex;
  white-space: break-spaces;
  align-items: center !important;
}
@media (max-width: 768px) {
  .responsive-budget {
    flex-direction: column;
    justify-content: center;
  }
}
.custom-rating-card__card {
  position: relative;
  max-width: 320px;
  margin: 0 auto !important;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
  background: #fff;
  padding: 40px 16px 24px;
  text-align: center;
}
.custom-rating-card__card ion-icon.mapfre-circle-check {
  margin-bottom: 32px;
}
.custom-rating-card__card h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
.custom-rating-card__card h3 {
  font-size: 16px;
  color: var(--color-secondary3);
  margin-bottom: 24px;
}
/* ****************** */
/*    LOGIN   */
/* ****************** */
.template__column div.accessTitle {
  margin: 24px 0 16px !important;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .template__column div.accessTitle {
    margin: 0 !important;
    top: 12px;
  }
}
.tabNavigationBar {
  height: 23px;
  position: relative;
  top: 8px;
  z-index: 1;
  box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.1) !important;
}
.tabNavigationBar__tab {
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
  font-family: var(--font-family-bold);
  width: 50%;
  float: left;
  text-align: center;
  padding-bottom: 16px;
}
.tabNavigationBar__tab--active span {
  font-family: var(--font-family-medium);
}
.tabNavigationBar__tab--active:after {
  content: "";
  height: 4px;
  display: block;
  background: var(--color-black);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.tabNavigationBar__tab--inactive span {
  font-family: var(--font-family);
  color: var(--color-primary) !important;
}
.login-quick-management-v2 ion-card {
  cursor: pointer;
}
.login-quick-management-v2 ion-card p {
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
.login-quick-management-v2 ion-card p:after {
  content: "";
  width: 0px;
  height: 1px;
  display: block;
  background: var(--color-black2);
  transition: 300ms;
  position: absolute;
  left: 0;
  bottom: 0;
}
.login-quick-management-v2 ion-card:hover p:after {
  width: 100%;
}
.loginRow {
  max-width: 480px;
  margin: auto;
}
.login__banners {
  width: 100%;
  left: -60px;
}
@media (max-width: 1024px) {
  .login__banners {
    left: -16px;
  }
}
@media (max-width: 767px) {
  .login__banners {
    left: -16px;
  }
}
.widget__after {
  min-height: 454px;
}
.widget__after > div {
  z-index: 1;
  position: relative;
  max-width: 60%;
}
@media (max-width: 980px) {
  .widget__after {
    min-height: auto;
    margin: 16px 0 !important;
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .widget__after > div {
    min-height: auto !important;
    height: auto;
    max-width: 100%;
    align-items: center !important;
    text-align: center !important;
    padding: 2rem 1rem;
    margin: 0 !important;
  }
}
.widget__after:before {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-right: 504px solid transparent;
  border-top: 251px solid var(--color-grey2);
  border-left: 374px solid var(--color-grey2);
  border-bottom: 204px solid transparent;
  z-index: 0;
}
@media (max-width: 980px) {
  .widget__after:before {
    content: none;
  }
}
.widget__after:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -100px;
  top: 0;
  background: var(--color-white);
  transform: skew(20deg);
}
@media (max-width: 980px) {
  .widget__after:after {
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
    opacity: 0.7;
    transform: none;
  }
}
.widget__after--red:after {
  background: var(--color-primary);
}
.widget__after--right {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
@media (max-width: 980px) {
  .widget__after--right {
    justify-content: center;
    text-align: center;
  }
}
.widget__after--right:after {
  transform: skew(160deg);
  right: -110px;
  left: auto;
}
.widget__after--right:before {
  border-right: 411px solid var(--color-grey2);
  border-top: 261px solid var(--color-grey2);
  border-left: 481px solid transparent;
  border-bottom: 201px solid transparent;
  z-index: 0;
  right: -110px;
  left: auto;
}
.loginVideo__content .widget__content {
  min-height: 454px;
  margin-right: 50px;
  align-items: flex-end;
}
.loginVideo__content video {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
.registration-form-simple > ion-col,
.registration-form-basic > ion-col {
  min-width: 808px !important;
  width: 808px !important;
  max-width: 808px !important;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .registration-form-simple > ion-col,
.registration-form-basic > ion-col {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 767px) {
  .registration-form-simple > ion-col,
.registration-form-basic > ion-col {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
.forgot-password-form > ion-col {
  min-width: 808px !important;
  width: 808px !important;
  max-width: 808px !important;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .forgot-password-form > ion-col {
    min-width: 95% !important;
    width: 95% !important;
    max-width: 95% !important;
  }
}
@media (max-width: 767px) {
  .forgot-password-form > ion-col {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
.loginSuccess ion-card {
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: content-box;
}
@media (max-width: 767px) {
  .loginSuccess ion-card {
    min-height: 100px;
  }
}
.loginSuccess ion-card p {
  font-size: var(--font-size-l);
}
@media (max-width: 767px) {
  .loginSuccess ion-card p {
    font-size: 15px;
  }
}
.loginSuccess ion-card small {
  width: 100%;
  text-align: right;
}
.loginSuccess .slide-zoom {
  text-align: left;
}
.loginApp .headTitle--32, .loginApp .headTitle--32--bold {
  max-width: 392px;
}
.login-form {
  padding: 79px 0 56px;
  position: relative;
  z-index: 0;
  background-attachment: fixed;
  top: -79px;
  margin-bottom: -30px !important;
  /* biometrics */
  /* Safari 4.0 - 8.0 */
  /* Standard syntax */
  /* Safari 4.0 - 8.0 */
  /* Standard syntax */
}
@media (max-width: 767px) {
  .login-form {
    padding: 76px 16px 32px;
    top: -60px;
  }
}
.login-form:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.2);
}
.login-form .ionCard__footer__buttons, .login-form .shepherd-footer {
  margin-top: 8px;
}
.login-form .create-account-margin h3 {
  margin-bottom: 32px;
  margin-top: 8px;
}
.login-form .login-footer > * {
  margin-bottom: 16px;
}
.login-form .login-footer > *:last-child {
  margin-bottom: 0;
}
.login-form .login-footer__toggler {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.login-form .login-footer__social {
  margin-top: var(--padding-m);
}
.login-form .login-footer__social p {
  background-color: var(--color-white);
  z-index: 1;
  padding: 0 var(--padding-s2);
}
.login-form .login-footer__social-icons ion-icon {
  margin-bottom: 0;
  padding: var(--padding-l) var(--padding-m) var(--padding-m);
}
.login-form .biometrics ion-row {
  height: 16px;
}
.login-form .biometrics ion-row span {
  line-height: 32px;
}
.login-form .hidden {
  display: none;
}
.login-form .hide-before-anim {
  opacity: 0 !important;
}
.login-form .subtitle-logged {
  padding-top: 2%;
}
.login-form .animated-hide {
  opacity: 0 !important;
  -webkit-animation-name: hide; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.6s; /* Safari 4.0 - 8.0 */
  animation-name: hide;
  animation-duration: 0.6s;
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.login-form .animated-unhide {
  opacity: 1 !important;
  -webkit-animation-name: unhide; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.6s; /* Safari 4.0 - 8.0 */
  animation-name: unhide;
  animation-duration: 0.6s;
}
@keyframes unhide {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.login-form .finger-print:before {
  content: "\f2ee";
}
.login-form .finger-print:before {
  content: "\f2ee";
}
.login-form .finger-print-icon.disabled {
  pointer-events: none;
  color: darkgrey;
}
.login-form ion-icon.finger-print-icon.disabled {
  pointer-events: none;
  color: darkgrey;
}
.login-form input.native-input:-webkit-autofill {
  background-color: transparent;
}
.login-form .finger-print-icon.disabled {
  pointer-events: none;
  color: darkgrey;
}
.login-form ion-icon.finger-print-icon.disabled {
  pointer-events: none;
  color: darkgrey;
}
.login-form .finger-print:before {
  content: "\f2ee";
}
.login-form .finger-print:before {
  content: "\f2ee";
}
.list-asterisk {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: var(--padding-xl);
}
.list-asterisk__dot {
  width: 8px;
  height: 8px;
  background-color: var(--color-grey2);
  margin: 4px;
  border-radius: 6px;
}
.list-asterisk__dot--active {
  width: 12px;
  height: 12px;
  margin: 2px;
  background-color: var(--color-black4);
}
.digit-keyboard {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: transparent;
  font-size: 24px;
  z-index: 5000;
  transition: none;
  transform: none;
  /*
  * Keyboard color styles
  */
}
.digit-keyboard .digit-keyboard__row {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--color-secondary);
}
.digit-keyboard .digit-keyboard__row .digit-keyboard__key-wrapper {
  flex: 1;
  text-align: center;
  position: relative;
  height: 60px;
}
.digit-keyboard .digit-keyboard__row .digit-keyboard__key-wrapper .digit-keyboard__key {
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid var(--color-secondary);
  border-left: 1px solid var(--color-secondary);
  line-height: 60px;
  transition: all 150ms ease-out;
}
.digit-keyboard .digit-keyboard__row .digit-keyboard__key-wrapper .digit-keyboard__key .digit-keyboard__key-number {
  font-size: 38px;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  text-align: center;
  margin-top: -0.4em;
}
.digit-keyboard .digit-keyboard__row .digit-keyboard__key-wrapper .digit-keyboard__key .digit-keyboard__key-number .digit-keyboard__key-letters {
  font-size: 9.6px;
  line-height: 9.6px;
  height: 9.6px;
  margin-top: -0.25em;
}
.digit-keyboard .digit-keyboard__row .digit-keyboard__key-wrapper .digit-keyboard__key .digit-keyboard__key-number .digit-keyboard__key-letters.hidden {
  visibility: hidden;
}
.digit-keyboard .digit-keyboard__row .digit-keyboard__key-wrapper .digit-keyboard__key .digit-keyboard__key-action {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 60px;
  font-size: 24px;
}
.digit-keyboard .digit-keyboard__row .digit-keyboard__key-wrapper.hidden {
  visibility: hidden;
}
.digit-keyboard .digit-keyboard__row .digit-keyboard__key-wrapper:first-child .digit-keyboard-key {
  border-right: none;
}
.digit-keyboard .digit-keyboard__row .digit-keyboard__key-wrapper:last-child .digit-keyboard-key {
  border-left: none;
}
.digit-keyboard .digit-keyboard__row:first-child {
  border-top: 1px solid var(--color-secondary);
}
.digit-keyboard .digit-keyboard__row:last-child {
  border: none;
}
.digit-keyboard .digit-keyboard__row:last-child .digit-keyboard-key-wrapper .digit-keyboard-key {
  border-bottom: 1px solid var(--color-secondary);
}
.digit-keyboard.align-center {
  margin: 0 auto;
}
.digit-keyboard.align-left {
  margin-right: auto;
}
.digit-keyboard.align-right {
  margin-left: auto;
}
.digit-keyboard.no-letters .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key .digit-keyboard-key-number {
  margin-top: -0.3em;
}
.digit-keyboard.no-letters .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key .digit-keyboard-key-number .digit-keyboard-key-letters {
  display: none;
}
.digit-keyboard.round-buttons .digit-keyboard-row {
  border: none;
}
.digit-keyboard.round-buttons .digit-keyboard-row .digit-keyboard-key-wrapper {
  margin: 10px 0 0 0;
}
.digit-keyboard.round-buttons .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key {
  width: 60px;
  border-radius: 100%;
  border: 1px solid var(--color-secondary);
}
.digit-keyboard.round-buttons .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key:active {
  transform: scale3d(0.95, 0.95, 1);
}
.digit-keyboard.round-buttons .digit-keyboard-row:last-child .digit-keyboard-key-wrapper {
  margin-bottom: 10px;
}
.digit-keyboard.round-buttons.no-letters .digit-keyboard-row .digit-keyboard-key-wrapper .digit-keyboard-key .digit-keyboard-key-number {
  height: 57.6px;
  line-height: 57.6px;
}
.digit-keyboard.keyboard-opaque-white [class^=digit-keyboard] {
  border-color: rgba(var(--color-white), 0.75) !important;
}
.digit-keyboard.keyboard-opaque-white .digit-keyboard__key {
  background: rgba(var(--color-white), 0.1);
  color: rgba(var(--color-white), 0.75);
}
.digit-keyboard.keyboard-opaque-white .digit-keyboard__key:active {
  background: rgba(var(--color-white), 0.25);
}
.table_button {
  min-width: 10px !important;
  width: 40px !important;
  display: flex;
  height: 40px !important;
  justify-content: center;
}
/* ****************** */
/*    SPINNER   */
/* ****************** */
.spinner {
  position: relative;
  margin: 100px auto;
  width: 40px;
  height: 40px;
}
/* ****************** */
/*    TABS   */
/* ****************** */
.tab-links {
  position: fixed;
  bottom: 0;
  z-index: 10000;
  background-color: var(--color-white);
  width: 100%;
  height: auto;
  border: solid 0.5px var(--color-grey3);
}
.tab-links .scroll-zoom-wrapper {
  height: 100%;
}
.tab-links ion-scroll[scrollX] {
  white-space: pre-wrap;
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100%;
  padding: 4px;
}
.tab-links ion-scroll[scrollX] .scroll-item {
  display: inline-block;
}
.tab-links .item-inner {
  border: none !important;
}
.tab-links .tab-links__content {
  width: 100%;
}
.tab-links .tab-links__content .tab-links__link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 4px !important;
  text-align: center;
}
.tab-links .tab-links__content .tab-links__link ion-icon {
  margin-bottom: var(--padding-xs);
  line-height: 1.1;
}
.tab-links .tab-links__content .tab-links__link ion-icon ::before {
  background-size: 100% 100%;
}
.tab-links .tab-links__content .tab-links__link a {
  font-size: var(--font-size-xxs) !important;
  line-height: 1.2;
}
/* ****************** */
/*       FOOTER     */
/* ****************** */
mapfre-footer {
  margin: 0 !important;
}
.mapfreFooter {
  border-top: 1px solid #e8ebed;
}
.mapfreFooter_content {
  padding-top: var(--padding-xl);
  padding-bottom: var(--padding-xl);
  color: var(--color-secondary);
}
@media (max-width: 767px) {
  .mapfreFooter_content {
    padding-top: var(--padding-m);
    padding-bottom: var(--padding-m);
    text-align: center;
  }
}
.mapfreFooter_content__links {
  border-bottom: 1px solid #e8ebed;
}
.mapfreFooter .rrss-image {
  font-size: 48px;
  margin: 0;
  width: 24px;
}
/* ****************** */
/*   WELCOME PACK   */
/* ****************** */
.welcome-pack-modal swiper-slide {
  padding: 0 var(--padding-s2);
}
.shepherd-element {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  opacity: 0;
  outline: none;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}
@media (max-width: 767px) {
  .shepherd-element {
    width: 92% !important;
  }
}
.shepherd-enabled.shepherd-element {
  opacity: 1;
  visibility: visible;
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
  box-sizing: border-box;
}
.shepherd-arrow,
.shepherd-arrow:before {
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: -1;
}
.shepherd-arrow:before {
  content: "";
  transform: rotate(45deg);
  transform-origin: top;
  background: #fff;
}
.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
  bottom: -8px;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
  top: -8px;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
  right: -8px;
}
.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
  left: 8px;
}
.shepherd-element.shepherd-centered > .shepherd-arrow {
  opacity: 0;
}
.shepherd-element[data-popper-placement^=top] {
  margin-bottom: 20px !important;
}
.shepherd-element[data-popper-placement^=bottom] {
  margin-top: 20px !important;
}
.shepherd-element[data-popper-placement^=left] {
  margin-right: 20px !important;
}
.shepherd-element[data-popper-placement^=right] {
  margin-left: 20px !important;
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
  pointer-events: none;
}
.shepherd-modal-overlay-container {
  -ms-filter: progid:dximagetransform.microsoft.gradient.alpha(Opacity=50);
  filter: alpha(opacity=50);
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: all 0.3s ease-out, height 0ms 0.3s, opacity 0.3s 0ms;
  width: 100vw;
  z-index: 9997;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  height: 100vh;
  opacity: 0.5;
  transition: all 0.3s ease-out, height 0s 0s, opacity 0.3s 0s;
}
.shepherd-content {
  border-radius: 5px;
  outline: none;
  padding: 24px 24px 24px 24px !important;
}
.shepherd-footer {
  display: flex;
  white-space: break-spaces;
  align-items: center;
  justify-content: space-between;
  margin: 0 !important;
}
.button-center .shepherd-footer {
  justify-content: center;
}
.shepherd-footer .shepherd-button:last-child {
  margin-right: 0;
}
.shepherd-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  justify-content: center;
}
.shepherd-text {
  margin: 0 !important;
  text-align: center;
  color: #526570 !important;
}
.shepherd-text p {
  margin-top: 0;
}
.shepherd-text p:last-child {
  margin-bottom: 0 !important;
}
.shepherd-button {
  border: 0;
  cursor: pointer;
  margin-right: 0.5rem;
  padding: 0.5rem 1.5rem;
  transition: all 0.5s ease;
  min-width: 35% !important;
  font-size: 15px !important;
}
@media (max-width: 767px) {
  .shepherd-button {
    margin-top: 16px !important;
  }
}
.shepherd-button:disabled {
  cursor: not-allowed;
}
.shepherd-cancel-icon {
  background: transparent;
  border: none;
  color: hsla(0deg, 0%, 50.2%, 0.75);
  font-size: 2em;
  cursor: pointer;
  font-weight: 400;
  margin-top: -35px;
  padding: 0;
  transition: color 0.5s ease;
}
.shepherd-cancel-icon span {
  font-size: 22px;
  font-family: serif !important;
  color: #526570 !important;
}
.shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, 0.75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  color: rgb(255, 255, 255);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, 0.75);
}
.shepherd-title {
  display: flex;
  margin: 0 !important;
  text-align: center;
}
/* ****************** */
/*     COOKIES     */
/* ****************** */
.cookiesAdvice {
  position: fixed;
  bottom: var(--padding-l);
  width: 100%;
  left: 0;
  box-sizing: border-box;
}
.cookiesAdvice__content {
  z-index: 10000;
  background-color: var(--color-grey2);
  padding: var(--padding-l);
  border-radius: 10px;
  box-shadow: var(--box-shadow-generic);
  border: solid 0.5px var(--color-grey3);
  position: relative;
}
.cookiesAdvice__content h2 {
  font-family: var(--font-family-bold);
  font-size: var(--font-size-xxl) !important;
  margin-bottom: var(--padding-s);
}
.cookiesAdvice__content ion-row {
  min-height: 90px;
}
@media (max-width: 767px) {
  .cookiesAdvice {
    bottom: 20px;
  }
}
/* ****************** */
/*   TABLAS   */
/* ****************** */
.ion-content_table {
  overflow: hidden;
  top: -15px;
  position: relative;
}
.ion-table {
  display: table;
  width: 100%;
  top: 15px;
  position: relative;
}
@media (max-width: 767px) {
  .ion-table:not(.ion-table-fixed) {
    display: block;
    width: auto;
    overflow: auto;
  }
}
.ion-table ion-item {
  display: table-cell;
  padding: 16px !important;
  vertical-align: middle;
  text-align: left;
}
.ion-table.ion-table-fixed {
  table-layout: fixed;
}
.ion-table .ion-table__head {
  display: table-header-group;
  background: var(--color-grey2);
}
.ion-table .ion-table__data {
  display: table-row;
}
.ion-table .ion-table__data ion-item {
  border-bottom: solid 0.5px #dadada;
}
.ion-table .ion-table__data ion-item span {
  margin: 0;
  width: 100%;
}
.ion-table-modal {
  min-width: 100%;
  /* make the table scrollable */
  overflow-x: auto;
  display: table;
}
.ion-table-modal tr:not(.coverages) th,
.ion-table-modal tr:not(.coverages) td {
  padding: var(--padding-m) var(--padding-xl);
  border-right: 1px solid var(--color-grey2);
}
.ion-table-modal tr:not(.coverages).renewal th,
.ion-table-modal tr:not(.coverages).renewal td {
  padding: var(--padding-m) var(--padding-s);
  border-right: 1px solid var(--color-grey2);
}
.ion-table-modal tr:not(.coverages).renewal th.last,
.ion-table-modal tr:not(.coverages).renewal td.last {
  border-right: 0px;
}
.ion-table-modal tr.coverages th,
.ion-table-modal tr.coverages td {
  padding: var(--padding-s) var(--padding-xl);
  border-right: 1px solid var(--color-grey2);
}
.ion-table-modal tr.coverages.renewal th,
.ion-table-modal tr.coverages.renewal td {
  padding: var(--padding-s) var(--padding-s);
  border-right: 1px solid var(--color-grey2);
}
.ion-table-modal tr.coverages.renewal th.last,
.ion-table-modal tr.coverages.renewal td.last {
  border-right: 0px;
}
.ion-table-modal tr.coverages.first th,
.ion-table-modal tr.coverages.first td {
  padding-top: var(--padding-m);
}
.ion-table-modal tr.coverages.last th,
.ion-table-modal tr.coverages.last td {
  padding-bottom: var(--padding-m);
}
.ion-table-modal tr th:first-of-type,
.ion-table-modal tr td:first-of-type {
  width: 40%;
  min-width: var(--tablet-min)/2;
  padding-left: var(--padding-l);
  text-align: left;
}
.ion-table-modal tr th:not(:first-of-type),
.ion-table-modal tr td:not(:first-of-type) {
  text-align: center;
}
.ion-table-modal tr th.current,
.ion-table-modal tr td.current {
  border-right: 1px solid var(--color-grey2);
  cursor: default;
}
.ion-table-modal tr th.selected,
.ion-table-modal tr td.selected {
  background: rgba(var(--color-state-ok), 0.075);
}
.ion-table-modal tr th {
  border-bottom: 1px solid var(--color-grey2);
  font-size: var(--font-size-m);
  font-weight: normal;
}
.ion-table-modal tr.selection-row {
  border-top: 1px solid var(--color-grey2);
}
.ion-table-modal tr.selection-row td {
  font-size: var(--font-size-m);
}
.ion-table-modal tr.selection-row td.selected {
  background: var(--color-state-ok);
}
.ion-table-modal tr.selection-row td.selected ion-icon {
  color: var(--color-white);
}
.padding-spaces {
  padding: var(--padding-xs) !important;
}
.padding-spaces ion-label {
  margin: 4px 0 8px 0 !important;
}
.card-header-ios {
  padding: 14px 18px 0 !important;
}
.grid-margin {
  margin-left: 32px !important;
}
.button-full-md {
  margin: 16px 0 64px 0;
}
.noBorder-selection {
  border: 0 !important;
}
.fit-to-edge {
  width: 100vw;
  margin-left: -23px;
}
/* ******************** */
/*   PENDING TOPICS     */
/* ******************** */
@media (max-width: 767px) {
  .your-pending-topics .ionCard--white ion-grid ion-row ion-col:nth-child(2) {
    order: 3;
    margin-top: 12px;
  }
}
.your-pending-topics .ionCard--white ion-grid ion-row ion-col:nth-child(3) {
  margin-top: 8px;
  padding-left: 0;
}
@media (max-width: 767px) {
  .your-pending-topics .ionCard--white ion-grid ion-row ion-col:nth-child(3) {
    margin-top: 0px;
  }
}
.sidebar {
  color: red;
}
.sidebar .your-pending-topics {
  color: pink;
}
.sidebar .your-pending-topics .ionCard--white {
  color: brown;
}
.sidebar .your-pending-topics .ionCard--white ion-grid {
  color: yellow;
}
.sidebar .your-pending-topics .ionCard--white ion-grid ion-row {
  color: blue;
}
.sidebar .your-pending-topics .ionCard--white ion-grid ion-row ion-col:nth-child(2) {
  order: 3;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-top: 12px;
  padding: 0;
}
.sidebar .your-pending-topics .ionCard--white ion-grid ion-row ion-col:nth-child(2) ion-button {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
/* ******************** */
/*       DOCUMENTACIÓN       */
/* ******************** */
.orderBy {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* ******************** */
/*    EXTENSIÓN POLIZAS */
/* ******************** */
.policy-extension__content {
  max-height: 289px;
  overflow-y: auto;
  padding-right: var(--padding-s) !important;
}
/* ******************** */
/*        OFFERS        */
/* ******************** */
.badge-scroll {
  flex-wrap: wrap;
}
.cardsize-equal {
  display: initial;
}
/* ******************** */
/*       POPOVER       */
/* ******************** */
.popover-tooltip,
popover-tooltip {
  font-size: initial;
}
.popover-tooltip::part(backdrop),
popover-tooltip::part(backdrop) {
  background: transparent;
}
.popover-tooltip ion-icon,
popover-tooltip ion-icon {
  position: absolute;
  right: 8px;
  top: 8px;
}
.popover-tooltip::part(content),
popover-tooltip::part(content) {
  border-radius: 4px;
  width: 384px;
  max-width: 75vw;
  pointer-events: all;
  border: solid 1px var(--color-grey4);
  padding: 24px;
}
.popover-tooltip::part(content) .close-icon,
popover-tooltip::part(content) .close-icon {
  margin: var(--padding-m);
}
.popover-tooltip::part(content) .content,
popover-tooltip::part(content) .content {
  padding: var(--padding-l);
}
.popover-tooltip .mapfre-close,
popover-tooltip .mapfre-close {
  display: none;
}
.popover_list {
  padding: 16px;
  margin: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.popover_list ion-item {
  padding: 8px 0;
}
.sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md, .sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-ios,
.sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-md,
.sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios {
  margin: 0;
  padding: 0;
}
.sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md ion-item, .sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-ios ion-item,
.sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-md ion-item,
.sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios ion-item {
  --background: initial !important;
  --background-hover: initial !important;
  --background-focused: initial !important;
}
.item-radio-checked.sc-ion-select-popover-md, .item-radio-checked.sc-ion-select-popover-ios {
  --background: var(--color-white);
}
.mapfre-popover {
  display: none;
}
/* ******************** */
/*       STEPS       */
/* ******************** */
.active .numberStep {
  color: var(--color-state-ok);
}
.active ion-icon {
  color: var(--color-state-ok);
}
.visitable ion-icon {
  color: var(--color-state-ok);
}
.skip ion-icon {
  color: var(--color-state-disabled);
}
.numberStep {
  position: absolute;
  width: 35px;
  color: var(--color-white);
  z-index: 2;
  text-align: center;
}
.mobile-steps-container {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  overflow-y: hidden;
  padding: var(--padding-s) var(--padding-xs) var(--padding-s) var(--padding-xs);
}
.mobile-steps-container ion-icon {
  font-size: 32px;
  border-radius: 50%;
}
.mobile-steps-container .active {
  color: var(--color-state-ok);
}
.mobile-steps-container .completed {
  color: var(--color-state-ok);
}
.mobile-steps-container .uncompleted {
  color: var(--color-secondary3);
}
.mobile-steps-container .mobile-step {
  height: 25px;
  width: 100%;
  position: relative;
}
.mobile-steps-container .mobile-step::after {
  content: "";
  position: absolute;
  left: 32px;
  display: inline-block;
  height: 1px;
  top: 18px;
  width: calc(100% - 32px);
  background-color: var(--color-secondary3);
}
.mobile-steps-container .active-line::after {
  background-color: var(--color-state-ok) !important;
}
/* ******************** */
/*     APP VERSION      */
/* ******************** */
.app-version {
  bottom: 0;
  position: fixed;
  padding: 8px 8px 8px 16px;
  background: white;
  width: 100%;
  border-top: 1px solid #eee;
}
/* ******************** */
/*       REQUIRED       */
/* ******************** */
ion-card-title.required:after,
p.required:after,
.required ion-label:after {
  content: " *";
}
/* ********************* */
/*  INVALID SELECT ITEM  */
/* ********************* */
.ion-invalid-select ion-select {
  background-color: var(--color-state-error-light) !important;
  border-color: var(--color-state-error) !important;
}
/* ****************** */
/*    FAB GROUP   */
/* ****************** */
::part(backdrop) {
  opacity: 0.9 !important;
  background: var(--color-secondary);
}
ion-fab-button {
  --background: var(--color-primary) !important;
  --background-activated: var(--color-primary2) !important;
  --background-hover: var(--color-primary2) !important;
  --background-focused: var(--color-primary2) !important;
}
.principal-button {
  --background-activated: var(--color-primary) !important;
}
.principal-button::part(native) {
  background-color: var(--color-primary);
}
.principal-button .button-native {
  background-color: var(--color-primary);
}
.principal-button.ion-activated::part(native)::after {
  background-color: var(--color-primary);
}
ion-fab {
  bottom: 64px !important;
}
ion-fab[vertical=center][horizontal=start] ion-fab-list {
  left: 0;
  align-items: flex-start;
}
ion-fab[vertical=center][horizontal=end] ion-fab-list {
  right: 0;
  align-items: flex-end;
}
ion-fab[vertical=bottom][horizontal=start] ion-fab-list {
  left: 0;
  align-items: flex-start;
}
ion-fab[vertical=bottom][horizontal=end] ion-fab-list {
  right: 0;
  align-items: flex-end;
}
ion-fab[horizontal=start] .custom-fab {
  flex-direction: row-reverse;
}
ion-fab-button[size=small] {
  --size: 32px;
}
.custom-fab {
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  padding: 8px 16px;
}
.custom-fab:hover {
  background: var(--color-grey2);
}
.custom-fab:not(:first-child) {
  border-bottom: 0.5px solid rgba(var(--color-grey), 0.3);
}
.custom-fab:first-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.custom-fab:last-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.custom-fab .secondary-button {
  width: 30px;
  height: 30px;
  margin-right: 8px;
}
.custom-fab ion-fab-button::part(native) {
  background-color: transparent;
  box-shadow: none;
}
.custom-fab ion-fab-button ion-icon {
  color: var(--color-primary);
}
.custom-fab ion-button {
  background: transparent;
  color: var(--color-black);
  border: none;
  font-weight: 500;
  --height: 25px;
  font-size: 14px;
  text-transform: none;
  min-width: max-content !important;
  width: auto !important;
  max-width: min-content !important;
  padding: 4px;
  font-family: var(--font-family);
}
.custom-fab ion-button::part(native) {
  background: transparent;
  border-radius: 0;
}
/* ****************** */
/*    FILE UPLOADER   */
/* ****************** */
.drop-area {
  padding: var(--padding-m);
  border: 2px dashed var(--color-grey2);
  border-radius: 4px;
  background-color: rgba(234, 233, 233, 0.4);
  text-align: center !important;
}
.drop-area > * {
  vertical-align: middle;
}
.drop-area > *:not(ion-icon) {
  font-size: var(--font-size-m) !important;
  font-family: var(--font-family);
}
.drop-area ion-icon {
  font-size: var(--icon-size-xxs) !important;
  margin-right: var(--padding-s);
}
.drop-area a {
  text-decoration: underline;
  font-weight: normal;
}
.drop-area a, .drop-area a:active {
  color: var(--color-primary) !important;
}
.drop-area input {
  display: none;
}
.not-decorator {
  list-style-type: none;
}
.textarea {
  border: 1px solid var(--color-grey2);
  border-radius: var(--padding-xs);
  padding: var(--padding-s);
}
/* ******************** */
/*      GOOGLE MAPS     */
/* ******************** */
.circle-icon {
  background: #fff;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-shadow: 0 4px 6.2px 0.8px rgba(51, 51, 51, 0.48);
  display: flex;
  text-align: center;
  position: absolute;
  top: 80px;
  right: 15px;
  z-index: 1;
}
@media (min-width: 1200px) {
  .circle-icon {
    margin-top: 32px;
  }
}
.geolocate-button {
  width: 36px;
  height: 36px;
  background-color: #fff;
  padding: 18px 8px 8px 8px;
}
.maps-location-selector-wrapper {
  width: 100%;
  height: 289px;
  margin-top: 24px;
}
.map-wrapper {
  position: relative !important;
  overflow: hidden;
  float: left !important;
  width: 100%;
  left: 0;
  height: 289px;
}
.map-wrapper .gmnoprint {
  display: none;
}
.map-wrapper .center-marker {
  margin-left: -11px;
  margin-top: -40px;
  width: 22px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  background: url(http://maps.gstatic.com/mapfiles/api-3/images/spotlight-poi.png) no-repeat;
}
.map-wrapper .location-label {
  background: white;
  position: fixed;
  left: 10%;
  top: 0;
  width: 80%;
  height: 32px;
  padding: 8px;
  box-sizing: border-box;
  opacity: 0;
}
.map-wrapper .location-label .content {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* ************************* */
/*     confirmation-check    */
/* ************************  */
.wrapper {
  width: 100px;
  margin: var(--padding-s) auto var(--padding-m);
}
.checkmark {
  stroke: var(--color-state-ok);
  stroke-dashoffset: 745.7485351563;
  stroke-dasharray: 745.7485351563;
  animation: dash 2s ease-out forwards;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 745.7485351563;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* ******************** */
/*        WORKSHOPS     */
/* ******************** */
.recommended-workshops {
  max-height: 300px;
  overflow: auto;
}
/* ******************** */
/*      TRACING LIST      */
/* ******************** */
.content-vertical-line ion-item:after {
  content: "";
  width: 2px;
  height: 54px;
  position: absolute;
  top: 60px;
  left: 17px;
  z-index: 1;
}
.content-vertical-line ion-item:last-child:after {
  height: 0px;
}
.content-vertical-line ion-item:before {
  content: "";
  width: 2px;
  height: 28px;
  position: absolute;
  top: 0px;
  left: 17px;
  z-index: 1;
}
.content-vertical-line ion-item:first-child:before {
  height: 0px;
}
.content-vertical-line ion-item .line-pending:after {
  background-color: var(--color-secondary3);
}
.content-vertical-line ion-item .line-pending:before {
  background-color: var(--color-secondary3);
}
.content-vertical-line ion-item .line-done:after {
  background-color: var(--color-state-ok);
}
.content-vertical-line ion-item .line-done:before {
  background-color: var(--color-state-ok);
}
.content-vertical-line ion-item .line-progress:after {
  background-color: var(--color-state-ok);
}
.content-vertical-line ion-item .line-progress:before {
  background-color: var(--color-secondary3);
}
.line-pending:after {
  background-color: var(--color-secondary3);
}
.line-pending:before {
  background-color: var(--color-secondary3);
}
.line-done:after {
  background-color: var(--color-state-ok);
}
.line-done:before {
  background-color: var(--color-state-ok);
}
.line-progress:after {
  background-color: var(--color-state-ok);
}
.line-progress:before {
  background-color: var(--color-secondary3);
}
/* ****************************** */
/*      VEHICLE DAMAGED AREAS     */
/* ****************************** */
.car {
  width: 100%;
}
.moto {
  width: 100%;
}
.subarea > [item-right] {
  display: flex;
  justify-content: flex-end;
}
.no-padding-left ion-checkbox ion-button {
  padding-left: 0;
}
.damaged-area, .area__windowLeftSideBack, .area__rearWindshield, .area__windowRightSideBack, .area__roof, .area__windowLeftSideFront, .area__frontWindshield, .area__windowRightSideFront, .area__backLeft, .area__backCenter, .area__backRight, .area__backLeftSide, .area__roofCar, .area__backRightSide, .area__frontLeftSide, .area__bonnet, .area__frontRightSide, .area__frontLeft, .area__front, .area__frontRight, .area__rightSideFront, .area__rightSideCenter, .area__rightSideBack, .area__leftSideBack, .area__leftSideCenter, .area__leftSideFront {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  --border-radius: 5px;
  display: block;
  position: absolute;
  cursor: pointer;
}
.damaged-area--disabled, .area__windowLeftSideBack[disabled], .area__rearWindshield[disabled], .area__windowRightSideBack[disabled], .area__roof[disabled], .area__windowLeftSideFront[disabled], .area__frontWindshield[disabled], .area__windowRightSideFront[disabled], .area__backLeft[disabled], .area__backCenter[disabled], .area__backRight[disabled], .area__backLeftSide[disabled], .area__roofCar[disabled], .area__backRightSide[disabled], .area__frontLeftSide[disabled], .area__frontRightSide[disabled], .area__frontLeft[disabled], .area__front[disabled], .area__frontRight[disabled], .area__rightSideFront[disabled], .area__rightSideCenter[disabled], .area__rightSideBack[disabled], .area__leftSideBack[disabled], .area__leftSideCenter[disabled], .area__leftSideFront[disabled] {
  opacity: 1;
}
.damaged-area--center-icon {
  left: calc(50% - 22px / 2);
}
.damaged-area--center-icon-second-column, .area__frontLeftSide, .area__bonnet, .area__frontRightSide {
  left: calc(25% - 22px / 2);
}
.damaged-area--center-icon-third-column, .area__backLeftSide, .area__roofCar, .area__backRightSide {
  left: calc(65% - 22px / 2);
}
.damaged-area--center-icon-glass-front, .area__frontWindshield {
  left: calc(35% - 22px / 2);
}
.damaged-area--center-icon-windows-side-front, .area__windowLeftSideFront, .area__windowRightSideFront {
  left: calc(45% - 22px / 2);
}
.damaged-area--center-icon-roof, .area__roof {
  left: calc(52% - 22px / 2);
}
.damaged-area--center-icon-windows-side-back, .area__windowLeftSideBack, .area__windowRightSideBack {
  left: calc(70% - 22px / 2);
}
.damaged-area--center-icon-glass-back, .area__rearWindshield {
  left: calc(90% - 22px / 2);
}
.damaged-area--left-icon, .area__frontLeft, .area__front, .area__frontRight {
  left: 0;
}
.damaged-area--right-icon, .area__backLeft, .area__backCenter, .area__backRight {
  left: calc(100% - 22px);
}
.damaged-area--middle-vertical-icon, .area__rearWindshield, .area__roof, .area__frontWindshield, .area__backCenter, .area__roofCar, .area__bonnet, .area__front, .area__rightSideFront, .area__rightSideCenter, .area__rightSideBack, .area__leftSideBack, .area__leftSideCenter, .area__leftSideFront {
  top: calc(48% - 22px / 2) !important;
}
.damaged-area--left-icon-moto-first, .area__rightSideBack, .area__leftSideFront {
  left: calc(15% - 10px);
}
.damaged-area--left-icon-moto-second, .area__rightSideCenter, .area__leftSideCenter {
  left: calc(45% - 10px);
}
.damaged-area--left-icon-moto-third, .area__rightSideFront, .area__leftSideBack {
  left: calc(75% - 10px);
}
.area__frontRight {
  top: 0%;
}
.area__frontLeft {
  top: calc(97% - 22px) !important;
}
.area__frontRightSide {
  top: 0%;
}
.area__frontLeftSide {
  top: calc(97% - 22px) !important;
}
.area__backRightSide {
  top: 0%;
}
.area__backLeftSide {
  top: calc(97% - 22px) !important;
}
.area__backRight {
  top: 0%;
}
.area__backLeft {
  top: calc(97% - 22px) !important;
}
.area__windowRightSideFront {
  top: 0%;
}
.area__windowLeftSideFront {
  top: calc(100% - 22px);
}
.area__windowRightSideBack {
  top: 0%;
}
.area__windowLeftSideBack {
  top: calc(100% - 22px);
}
/* ******************** */
/*     TOAST MESSAGE    */
/* ******************** */
.toast-message-color {
  color: var(--color-white) !important;
}
/* ******************** */
/*      RESPONSIVE      */
/* ******************** */
/* mobile */
@media (max-width: 767px) {
  .paddingRight--on-mobile {
    padding-right: 8px !important;
  }
  .noPaddingRight--on-mobile {
    padding-right: 0 !important;
  }
  .mobile-left {
    width: 100%;
    align-items: center;
    text-align: left;
    display: flex;
    justify-content: flex-start;
  }
  ion-app ion-item.checkbox-item .item-inner {
    margin-left: 0 !important;
  }
}
/* --   END RESPONSIVE --  */
/* ----------------------  */
/* ********************** */
/*     MESSAGE CONTENT    */
/* ********************** */
.message-container {
  border: 1px solid var(--color-grey3);
  border-radius: 14px;
  padding: 8px;
}
.message-container p {
  max-width: 95%;
}
.message-container--message-handler {
  background-color: var(--color-grey2);
}
.message-container--message-me {
  background-color: var(--color-state-info-light);
}
@media (max-width: 767px) {
  .message-container {
    max-width: 80%;
  }
}
@media (min-width: 767px) {
  .message-container {
    max-width: 90%;
  }
}
.message-container span {
  padding-top: 16px;
  padding-left: 8px;
}
.message-date-container {
  display: flex;
}
.message-date-container div {
  border-bottom: 1px solid var(--color-grey4);
  height: 1px;
  width: 100%;
  margin: auto 8px;
}
.message-date-container span {
  color: var(--color-grey4);
  padding: 8px;
  min-width: max-content;
}
/* ********************************** */
/*   VEHICLE DAMAGED SELFINSPECTION   */
/* ********************************** */
.cordova-camera-capture {
  position: absolute !important;
  margin-left: auto;
  margin-right: auto;
  width: 320px !important;
  height: 240px !important;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  transform: translate(-50%, -50%);
}
.cordova-camera-capture ion-icon {
  position: absolute;
  right: 0;
  padding: 4px;
  background-color: var(--color-primary);
  z-index: 2302939232323;
}
@media (max-width: 767px) {
  .damageImage {
    height: 90px;
  }
}
@media (min-width: 767px) and (max-width: 1500px) {
  .damageImage {
    height: 150px;
  }
}
@media (min-width: 1500px) {
  .damageImage {
    height: 250px;
  }
}
.damageImageBorder {
  border: 1px dashed lightgray;
}
@media (max-width: 767px) {
  .damageImageBorder {
    height: 90px;
  }
}
@media (min-width: 767px) and (max-width: 1500px) {
  .damageImageBorder {
    height: 150px;
  }
}
@media (min-width: 1500px) {
  .damageImageBorder {
    height: 250px;
  }
}
.damageIcon {
  position: absolute;
  top: -12px;
}
.damageIcon__number {
  left: 5px;
}
.damageIcon__remove {
  right: 5px;
}
.damageNumber {
  top: 6px;
  left: -2.5px;
}
.maxHeight--checkbox {
  max-height: 25px;
}
.center-mobile {
  text-align: start !important;
}
@media (max-width: 767px) {
  .center-mobile {
    text-align: center;
  }
}
.access-title__container ion-row {
  margin-left: 40px !important;
}
@media (max-width: 767px) {
  .access-title__container ion-row {
    margin-left: 0px !important;
  }
}
.login-quick-management-v2__container {
  margin-left: 40px !important;
}
@media (max-width: 767px) {
  .login-quick-management-v2__container {
    margin-left: 0px !important;
  }
}
flow-select-icon {
  margin-left: 0px !important;
}
popover-receipt-payment {
  margin: 0 !important;
}
registration-form-simple {
  margin: 0 !important;
}
popover-dowload-item {
  margin: 0 !important;
}
popover-download-item.popover-viewport {
  margin: 0 !important;
}
popover-vehicle.popover-viewport {
  margin: 0 !important;
}
add-receipts-to-pay .ionCard--white.ionCard--white__noshadow.ionCard--nomargin {
  margin: 0 !important;
}
/*********************/
/*** BROKER POLICY ***/
/*********************/
.damageNumber {
  top: 6px;
  left: -2.5px;
}
.ionCard--white--accessible {
  margin: 0;
  padding: 24px;
  border-radius: 4px;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1019607843);
  border: solid 0.5px var(--color-grey4);
  background-color: var(--color-white);
  cursor: pointer;
}
.ionCard--white--accessible:hover {
  outline: 2px solid var(--color-grey4);
}
.ionCard--white ion-card-content ion-item, .ionCard--white--accessible ion-card-content ion-item {
  padding: 8px 0;
}
.ionCard__content__scroll {
  overflow-y: auto;
  padding: var(--padding-s) !important;
  max-height: 60dvh;
}
/*********************/
/*** header avatar ***/
/*********************/
.itemRound img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
/**********************/
/*** profile avatar ***/
/**********************/
.image-container-hover {
  position: relative;
}
.middle-avatar {
  transition: 0.3s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.image-container-hover:hover .middle-avatar {
  opacity: 1;
}
.image-container-hover:hover img {
  opacity: 0.3;
}
.image-container-hover img {
  transition: all 0.3s ease;
  width: 100%;
}
.profile-avatar-icon {
  color: var(--color-secondary2);
}
image-cropper {
  max-height: 500px !important;
}
@font-face {
  font-family: "dm_sansregular";
  src: url("/assets/fonts/generics/dmsans-regular.woff2") format("woff2"), url("/assets/fonts/generics/dmsans-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "dm_sansbold";
  src: url("/assets/fonts/generics/dmsans-bold.woff2") format("woff2"), url("/assets/fonts/generics/dmsans-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "dm_sansmedium";
  src: url("/assets/fonts/generics/dmsans-medium.woff2") format("woff2"), url("/assets/fonts/generics/dmsans-medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
:root {
  /* Set the font family of the entire app */
  --ion-font-family: "dm_sansregular", -apple-system, BlinkMacSystemFont, sans-serif;
}
/* Set text color of the entire app for iOS only */
.ios {
  --ion-text__color: var(--color-secondary);
}
/* Set text color of the entire app for Material Design only */
.md {
  --ion-text__color: var(--color-secondary);
}
/* ****************** */
/*    LOGIN HEADER   */
/* ****************** */
.header-login .not-logged-in-logo-header {
  background: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: var(--header-height-login);
}
@media (max-width: 1200px) {
  .header-login .not-logged-in-logo-header {
    height: var(--header-mobile-height);
  }
}
.header-login .not-logged-in-logo-header img {
  width: var(--header-height-logo);
  height: auto;
  max-height: 40px;
  padding: 0;
  max-width: var(--header-height-logo);
}
.header-login .not-logged-in-logo-header img.not-logged-in-logo-header__branding {
  margin-left: 32px;
  height: 24px;
}
@media (max-width: 1200px) {
  .header-login .not-logged-in-logo-header img.not-logged-in-logo-header__branding {
    margin-left: 16px;
  }
}
.header-login .not-logged-in-logo-header img.not-logged-in-logo-header__branding--second-scenario {
  width: calc(0.85 * var(--header-height-logo));
}
@media (max-width: 1200px) {
  .header-login .not-logged-in-logo-header img {
    width: var(--header-mobile-height-logo);
  }
}
/* ****************** */
/*    PAGE HEADER   */
/* ****************** */
.pageHeader_data {
  margin-top: 16px;
}
.pageHeader_data span {
  margin: 0 !important;
  padding: 6px 0;
}
.pageHeader_menu {
  height: 37px;
  border-bottom: 1px solid var(--color-secondary4);
  overflow: hidden;
  margin-top: 16px;
}
.pageHeader_menu ion-scroll {
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  height: 80px;
}
.pageHeader_menu ion-scroll .pageHeader_menu__option {
  padding: 0 var(--padding-s2) 16px;
  margin: 0 var(--padding-s2);
  font-size: 17px !important;
  color: var(--color-primary);
  display: inline-block;
}
.pageHeader_menu ion-scroll .pageHeader_menu__option--fit-height {
  line-height: 1.1;
}
@media (max-width: 767px) {
  .pageHeader_menu ion-scroll .pageHeader_menu__option {
    margin: 0 var(--padding-s2) 0 0;
    font-size: 14px !important;
  }
  .pageHeader_menu ion-scroll .pageHeader_menu__option p {
    font-size: 14px !important;
  }
}
.subheader {
  background: var(--color-white);
  display: block;
}
.subheader p {
  margin-right: 32px;
  padding: 16px 0;
}
@media (max-width: 767px) {
  .subheader p {
    margin-right: var(--padding-s2);
    padding: 8px 0 4px;
  }
}
.fmm-mobile {
  display: none !important;
}
@media (max-width: 1200px) {
  .fmm-mobile {
    display: flex !important;
  }
}
@media (max-width: 1200px) {
  .fmm-desktop {
    display: none !important;
  }
}
.mapfreHeader {
  background: var(--color-white);
  border-bottom: 1px solid #e8ebed;
}
.mapfreHeader__user ion-button {
  margin: 0 8px;
}
.mapfreHeader__head .interLink__grey__hover {
  color: var(--color-secondary);
  position: relative;
  transition: all 0.3s ease-in;
  cursor: pointer;
}
.mapfreHeader__head .interLink__grey__hover:after {
  content: "";
  width: 0px;
  height: 1px;
  display: block;
  background: var(--color-secondary);
  transition: all 0.5s ease;
  position: absolute;
  left: 0;
  bottom: 0;
}
.mapfreHeader__head:hover .interLink__grey__hover:after {
  width: 100%;
  transition: all 0.5s ease;
}
.mapfreHeader__subMenu {
  background: var(--color-white);
  border-bottom: 1px solid #e8ebed;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1019607843);
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content {
  display: flex;
  align-items: center;
  position: relative;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content > ion-icon {
  position: absolute;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content > ion-icon:nth-child(1) {
  left: 0;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content > ion-icon:nth-child(3) {
  right: 0;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container {
  padding: 0 48px;
  width: 100%;
  justify-content: space-between;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container.carousel-items-container__no-carrusel {
  padding: 0;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container > .mapfreHeader__item {
  flex-grow: 1;
  max-width: 33%;
  padding: 0 20px;
  margin: 40px 0;
  width: 33.33%;
  box-sizing: border-box;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container > .mapfreHeader__item.mapfreHeader__itemSmall {
  max-width: 20%;
  padding: 0 var(--padding-s2);
  max-width: 100%;
  min-width: 20%;
  width: 20%;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container > .mapfreHeader__item.mapfreHeader__itemSmall .mapfreHeader__head {
  padding: 16px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1200px) {
  .mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container > .mapfreHeader__item.mapfreHeader__itemSmall .mapfreHeader__head span {
    font-size: 14px !important;
  }
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container > .mapfreHeader__item.mapfreHeader__itemExtra {
  max-width: 33%;
  padding: 0 var(--padding-s2);
  box-sizing: border-box;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container > .mapfreHeader__item.mapfreHeader__itemExtra .mapfreHeader__head {
  border: 1px solid #e8ebed;
  text-align: center;
  transition: all 0.5s ease;
  padding: 16px 0;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container > .mapfreHeader__item.mapfreHeader__itemExtra .mapfreHeader__head:hover {
  background: #e8ebed;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container.bigIcon > * {
  margin: 24px 0;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container.bigIcon .mapfreHeader__head {
  border: 1px solid #e8ebed;
  text-align: center;
  transition: all 0.5s ease;
  padding: 16px 0;
}
.mapfreHeader__subMenu .mapfreHeader__subMenu__content .carousel-items-container.bigIcon .mapfreHeader__head:hover {
  background: #e8ebed;
}
.mapfreHeader__subMenu .icon-arrow {
  cursor: pointer;
}
.mapfreHeader__subMenu .icon-arrow.disabled {
  display: none;
}
.mapfreHeader__listItems {
  margin: 8px 0 4px;
  padding-left: 16px;
}
.mapfreHeader__listItems > * {
  padding: var(--padding-s2) 0;
  border-bottom: 1px solid #e8ebed;
  width: 100%;
}
mapfre-bell-unread-desktop {
  padding: 4px !important;
}
mapfre-bell-unread-desktop:after {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: var(--color-primary);
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
}
ion-header {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  box-shadow: none !important;
}
.menu-content ion-menu-button {
  --background: transparent;
  --background-hover: transparent !important;
  --background-activated: transparent;
  --background-focused: transparent;
  --color: transparent;
  --color-focused: transparent;
  --color-hover: transparent;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 0 var(--padding-s2);
  width: 0;
  min-height: 1.4rem !important;
  min-width: 1.4rem !important;
  font-size: 1.4rem !important;
  cursor: pointer;
}
.menu-content ion-menu-button button,
.menu-content ion-menu-button .button-native,
.menu-content ion-menu-button ion-icon, .menu-content ion-menu-button:after {
  display: none;
}
.menu-content ion-menu-button:before {
  content: "\e92f";
  font-family: "mapfre-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.menu-content.menu-content__open ion-menu-button:before {
  content: "\e917";
}
/* ****************** */
/*    ELEMENTS IONIC   */
/* ****************** */
ion-grid {
  --ion-grid-width-xs: 100%;
  --ion-grid-width-sm: 767px;
  --ion-grid-width-md: 767px;
  --ion-grid-width-lg: 960px;
  --ion-grid-width-xl: 1140px;
}
ion-toggle {
  --track-background-checked: var(--color-state-ok-form-light);
  --handle-background-checked: var(--color-state-ok-form);
  --track-background: var(--color-state-disabled);
  padding: 12px;
  margin: 0 8px;
}
ion-toggle.ios {
  --border-radius: 14px;
  --handle-background: var(--color-white);
  --handle-border-radius: 50%;
  --handle-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  --handle-width: 20px;
  --handle-height: 20px;
  --handle-max-height: calc(100% + 6px);
  --handle-spacing: 0;
  --handle-transition: transform 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 36px;
  height: 14px;
  overflow: visible;
}
ion-item {
  --background: transparent;
  --min-height: 0 !important;
  --inner-border-width: 0;
  --inner-padding-bottom: 0;
  --inner-padding-end: 0;
  --inner-padding-start: 0;
  --inner-padding-top: 0;
  --padding-bottom: 0;
  --padding-end: 0;
  --padding-start: 0;
  --padding-top: 0;
  --background-hover-opacity: 0;
  --background-focused-opacity: 0;
  --background-hover: transparent;
  --background-focused: transparent;
  --ripple-color: transparent;
  --background-activated: transparent;
  --background-activated-opacity: 0.5;
  --border-width: 0;
  --border-style: none;
}
ion-spinner {
  --color: var(--color-primary) !important;
  --spinner-color: var(--color-primary) !important;
  font-family: var(--font-family);
}
ion-select {
  --background-focused-opacity: 0.5;
  --ripple-color: transparent;
  --background-focused: var(--color-grey2);
}
ion-list {
  margin: 0;
}
ion-radio {
  --color-checked: var(--color-state-ok);
  margin: 0;
}
ion-radio::part(label) {
  margin: 6px 0 6px var(--padding-s);
}
ion-radio-group ion-item {
  --padding-end: 8px;
  --padding-start: 8px;
  --inner-padding-start: 8px;
  --inner-padding-top: 8px;
  --inner-padding-bottom: 8px;
  --inner-padding-end: 8px;
}
ion-badge {
  margin: 0 16px;
  padding: 4px 7.5px 4px 8.5px;
  border-radius: 3px;
  background-color: var(--color-state-info-light);
  font-size: 13px;
  line-height: 1.23;
  font-family: var(--font-family);
  color: var(--color-state-info);
  width: auto;
  max-width: fit-content;
  white-space: initial;
}
ion-badge ion-icon {
  padding-top: 3px;
  font-weight: bold;
}
ion-badge.warning {
  background: var(--color-state-alert-light);
  color: var(--color-state-alert);
}
ion-badge.warning ion-icon,
ion-badge.warning * {
  color: var(--color-state-alert);
}
ion-badge.error {
  background: var(--color-state-error-light);
  color: var(--color-state-error);
}
ion-badge.error ion-icon,
ion-badge.error * {
  color: var(--color-black2);
}
ion-badge.success {
  background-color: var(--color-state-ok-form-light) !important;
  color: var(--color-state-ok) !important;
}
ion-badge.success * {
  color: var(--color-state-ok) !important;
}
ion-badge.badge--big {
  max-width: 100% !important;
  padding: 8px;
  margin: 8px 16px;
}
ion-badge.removable {
  background-color: var(--color-badge-rm-white) !important;
  border: 1px solid var(--color-badge-rm-border) !important;
}
ion-badge.no-background {
  background-color: transparent !important;
}
mapfre-table ion-badge {
  margin-left: 0;
}
ion-label {
  margin: 0;
  white-space: normal !important;
}
ion-radio.radio-ios .radio-icon {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid var(--color-black4);
}
ion-radio.radio-ios .radio-icon.radio-checked {
  border-color: var(--color-state-ok);
}
ion-radio.radio-ios .radio-icon.radio-checked .radio-inner {
  transform: none;
}
ion-radio.radio-ios .radio-icon .radio-inner {
  width: 8px !important;
  height: 8px !important;
  background-color: var(--color-state-ok);
  border-color: var(--color-state-ok);
  left: 2px !important;
  top: 2px !important;
  border-radius: 50%;
  position: absolute;
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  transform: scale3d(0, 0, 0);
}
ion-checkbox {
  margin: 0 16px 0 0;
  --checkbox-background: var(--color-white);
  --checkbox-background-checked: var(--color-white);
  --border-color: var(--color-state-disabled);
  --border-color-checked: var(--color-state-disabled);
  --border-radius: 0;
  --border-width: 1px;
  --checkmark-color: var(--color-state-ok-form);
  --checkmark-width: 2px;
  --size: 24px;
  --transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 24px;
  flex: initial !important;
  min-width: 24px;
}
ion-checkbox.checkbox-ios .checkbox-icon {
  width: 20px;
  height: 20px;
  border-radius: 0;
  position: relative;
  border: 1px solid #666666;
  background-color: var(--color-white);
  transition-duration: 280ms;
  transition-property: background;
  transition: transform 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
ion-checkbox.checkbox-ios .checkbox-icon.checkbox-checked {
  border-color: var(--color-state-ok);
  background-color: var(--color-white);
}
ion-checkbox.checkbox-ios .checkbox-icon.checkbox-checked .checkbox-inner {
  left: 7px;
  top: 3px;
  position: absolute;
  width: 5px;
  height: 10px;
  transform: rotate(45deg);
  border: 0 solid var(--color-state-ok);
  border-right-width: 2px;
  border-bottom-width: 2px;
}
ion-checkbox.checkbox.checkbox-disabled {
  opacity: 0.38;
}
/* ****************** */
/*   IONIC FAB GRUP   */
/* ****************** */
::part(backdrop) {
  opacity: 0.9 !important;
  background: var(--color-secondary);
}
ion-fab-button {
  --background: var(--color-primary) !important;
  --background-activated: var(--color-primary2) !important;
  --background-hover: var(--color-primary2) !important;
  --background-focused: var(--color-primary2) !important;
}
.principal-button {
  --background-activated: var(--color-primary) !important;
}
.principal-button::part(native) {
  background-color: var(--color-primary);
}
.principal-button .button-native {
  background-color: var(--color-primary);
}
.principal-button.ion-activated::part(native)::after {
  background-color: var(--color-primary);
}
ion-fab {
  bottom: 72px !important;
}
ion-fab[vertical=center][horizontal=start] ion-fab-list {
  left: 0;
  align-items: flex-start;
  min-width: 170px;
}
ion-fab[vertical=center][horizontal=end] ion-fab-list {
  right: 0;
  align-items: flex-end;
  min-width: 170px;
}
ion-fab[vertical=bottom][horizontal=start] ion-fab-list {
  left: 0;
  align-items: flex-start;
  min-width: 170px;
}
ion-fab[vertical=bottom][horizontal=end] ion-fab-list {
  right: 0;
  align-items: flex-end;
  min-width: 170px;
}
ion-fab[horizontal=start] .custom-fab {
  flex-direction: row-reverse;
}
ion-fab-button[size=small] {
  --size: 32px;
}
.custom-fab {
  display: flex;
  align-items: center;
  background-color: var(--color-white);
  padding: 8px 16px;
}
.custom-fab:hover {
  background: #eae9e9;
}
.custom-fab:not(:first-child) {
  border-bottom: 0.5px solid rgba(137, 150, 154, 0.3);
}
.custom-fab:first-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.custom-fab:last-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.custom-fab .secondary-button {
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin-right: 8px;
}
.custom-fab ion-fab-button::part(native) {
  background-color: transparent;
  box-shadow: none;
}
.custom-fab ion-fab-button ion-icon {
  color: var(--color-primary);
}
.custom-fab ion-button {
  background: transparent;
  color: #000000;
  border: none;
  font-weight: 500;
  --height: 25px;
  font-size: 14px;
  text-transform: none;
  min-width: max-content !important;
  width: auto !important;
  max-width: min-content !important;
  padding: 4px;
  font-family: var(--font-family);
}
.custom-fab ion-button::part(native) {
  background: transparent;
  border-radius: 0;
}
/* ****************** */
/*   IONIC SLIDER   */
/* ****************** */
swiper-container {
  padding-bottom: 32px !important;
  --swiper-pagination-bullet-inactive-color: var(--color-black3);
  --swiper-pagination-color: var(--color-secondary2);
}
.swiper-wrapper swiper-slide {
  max-width: 100%;
}
.swiper-pagination {
  bottom: 0px;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 8px;
  opacity: 0.2 !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1 !important;
}
ion-toast.error {
  color: var(--color-state-error);
  --color: var(--color-state-error);
  --background: var(--color-state-error-light);
}
ion-range {
  --bar-height: 4px;
  --bar-border-radius: 10px;
  --knob-background: var(--color-white);
  --knob-size: 35px;
}
ion-range::part(knob) {
  background: var(--color-white);
  border: 2px solid var(--color-primary);
}
ion-range::part(bar) {
  background: #e3e3e5;
}
ion-range::part(bar-active) {
  background: #92949c;
}
/* TITULOS */
.headTitle, .headTitle--15, .headTitle--15--bold, .headTitle--14, .headTitle--14--bold, .headTitle--13, .headTitle--13--bold, .headTitle--17, .headTitle--17--bold, .ionCard--white__no_style ion-card-title.ionCard-title__small, .ionCard--white ion-card-title.ionCard__title--small, .shepherd-title, .headTitle--20, .headTitle--20--bold, .ionCard--white__no_style ion-card-title, .ionCard--white ion-card-title, .headTitle--23, .headTitle--23--bold, .headTitle--27, .headTitle--32, .headTitle--32--bold, .headTitle--36, .headTitle--36--bold {
  font-family: var(--font-family);
  font-weight: normal;
  line-height: 1.3;
}
.headTitle[color--grey], [color--grey].headTitle--15, [color--grey].headTitle--15--bold, [color--grey].headTitle--14, [color--grey].headTitle--14--bold, [color--grey].headTitle--13, [color--grey].headTitle--13--bold, [color--grey].headTitle--17, [color--grey].headTitle--17--bold, [color--grey].shepherd-title, [color--grey].headTitle--20, [color--grey].headTitle--20--bold, .ionCard--white__no_style ion-card-title[color--grey], .ionCard--white ion-card-title[color--grey], [color--grey].headTitle--23, [color--grey].headTitle--23--bold, [color--grey].headTitle--27, [color--grey].headTitle--32, [color--grey].headTitle--32--bold, [color--grey].headTitle--36, [color--grey].headTitle--36--bold, .headTitle.color--grey, .color--grey.headTitle--15, .color--grey.headTitle--15--bold, .color--grey.headTitle--14, .color--grey.headTitle--14--bold, .color--grey.headTitle--13, .color--grey.headTitle--13--bold, .color--grey.headTitle--17, .color--grey.headTitle--17--bold, .color--grey.shepherd-title, .color--grey.headTitle--20, .color--grey.headTitle--20--bold, .ionCard--white__no_style ion-card-title.color--grey, .ionCard--white ion-card-title.color--grey, .color--grey.headTitle--23, .color--grey.headTitle--23--bold, .color--grey.headTitle--27, .color--grey.headTitle--32, .color--grey.headTitle--32--bold, .color--grey.headTitle--36, .color--grey.headTitle--36--bold {
  color: var(--color-secondary2);
}
.headTitle[color--white], [color--white].headTitle--15, [color--white].headTitle--15--bold, [color--white].headTitle--14, [color--white].headTitle--14--bold, [color--white].headTitle--13, [color--white].headTitle--13--bold, [color--white].headTitle--17, [color--white].headTitle--17--bold, [color--white].shepherd-title, [color--white].headTitle--20, [color--white].headTitle--20--bold, .ionCard--white__no_style ion-card-title[color--white], .ionCard--white ion-card-title[color--white], [color--white].headTitle--23, [color--white].headTitle--23--bold, [color--white].headTitle--27, [color--white].headTitle--32, [color--white].headTitle--32--bold, [color--white].headTitle--36, [color--white].headTitle--36--bold, .headTitle.color--white, .color--white.headTitle--15, .color--white.headTitle--15--bold, .color--white.headTitle--14, .color--white.headTitle--14--bold, .color--white.headTitle--13, .color--white.headTitle--13--bold, .color--white.headTitle--17, .color--white.headTitle--17--bold, .color--white.shepherd-title, .color--white.headTitle--20, .color--white.headTitle--20--bold, .ionCard--white__no_style ion-card-title.color--white, .ionCard--white ion-card-title.color--white, .color--white.headTitle--23, .color--white.headTitle--23--bold, .color--white.headTitle--27, .color--white.headTitle--32, .color--white.headTitle--32--bold, .color--white.headTitle--36, .color--white.headTitle--36--bold {
  color: var(--color-white);
}
.headTitle[color--red], [color--red].headTitle--15, [color--red].headTitle--15--bold, [color--red].headTitle--14, [color--red].headTitle--14--bold, [color--red].headTitle--13, [color--red].headTitle--13--bold, [color--red].headTitle--17, [color--red].headTitle--17--bold, [color--red].shepherd-title, [color--red].headTitle--20, [color--red].headTitle--20--bold, .ionCard--white__no_style ion-card-title[color--red], .ionCard--white ion-card-title[color--red], [color--red].headTitle--23, [color--red].headTitle--23--bold, [color--red].headTitle--27, [color--red].headTitle--32, [color--red].headTitle--32--bold, [color--red].headTitle--36, [color--red].headTitle--36--bold, .headTitle.color--red, .color--red.headTitle--15, .color--red.headTitle--15--bold, .color--red.headTitle--14, .color--red.headTitle--14--bold, .color--red.headTitle--13, .color--red.headTitle--13--bold, .color--red.headTitle--17, .color--red.headTitle--17--bold, .color--red.shepherd-title, .color--red.headTitle--20, .color--red.headTitle--20--bold, .ionCard--white__no_style ion-card-title.color--red, .ionCard--white ion-card-title.color--red, .color--red.headTitle--23, .color--red.headTitle--23--bold, .color--red.headTitle--27, .color--red.headTitle--32, .color--red.headTitle--32--bold, .color--red.headTitle--36, .color--red.headTitle--36--bold {
  color: var(--color-primary) !important;
}
.headTitle[color--orange], [color--orange].headTitle--15, [color--orange].headTitle--15--bold, [color--orange].headTitle--14, [color--orange].headTitle--14--bold, [color--orange].headTitle--13, [color--orange].headTitle--13--bold, [color--orange].headTitle--17, [color--orange].headTitle--17--bold, [color--orange].shepherd-title, [color--orange].headTitle--20, [color--orange].headTitle--20--bold, .ionCard--white__no_style ion-card-title[color--orange], .ionCard--white ion-card-title[color--orange], [color--orange].headTitle--23, [color--orange].headTitle--23--bold, [color--orange].headTitle--27, [color--orange].headTitle--32, [color--orange].headTitle--32--bold, [color--orange].headTitle--36, [color--orange].headTitle--36--bold, .headTitle.color--orange, .color--orange.headTitle--15, .color--orange.headTitle--15--bold, .color--orange.headTitle--14, .color--orange.headTitle--14--bold, .color--orange.headTitle--13, .color--orange.headTitle--13--bold, .color--orange.headTitle--17, .color--orange.headTitle--17--bold, .color--orange.shepherd-title, .color--orange.headTitle--20, .color--orange.headTitle--20--bold, .ionCard--white__no_style ion-card-title.color--orange, .ionCard--white ion-card-title.color--orange, .color--orange.headTitle--23, .color--orange.headTitle--23--bold, .color--orange.headTitle--27, .color--orange.headTitle--32, .color--orange.headTitle--32--bold, .color--orange.headTitle--36, .color--orange.headTitle--36--bold {
  color: var(--color-state-alert) !important;
}
.headTitle[text--uppercase], [text--uppercase].headTitle--15, [text--uppercase].headTitle--15--bold, [text--uppercase].headTitle--14, [text--uppercase].headTitle--14--bold, [text--uppercase].headTitle--13, [text--uppercase].headTitle--13--bold, [text--uppercase].headTitle--17, [text--uppercase].headTitle--17--bold, [text--uppercase].shepherd-title, [text--uppercase].headTitle--20, [text--uppercase].headTitle--20--bold, .ionCard--white__no_style ion-card-title[text--uppercase], .ionCard--white ion-card-title[text--uppercase], [text--uppercase].headTitle--23, [text--uppercase].headTitle--23--bold, [text--uppercase].headTitle--27, [text--uppercase].headTitle--32, [text--uppercase].headTitle--32--bold, [text--uppercase].headTitle--36, [text--uppercase].headTitle--36--bold, .headTitle.text--uppercase, .text--uppercase.headTitle--15, .text--uppercase.headTitle--15--bold, .text--uppercase.headTitle--14, .text--uppercase.headTitle--14--bold, .text--uppercase.headTitle--13, .text--uppercase.headTitle--13--bold, .text--uppercase.headTitle--17, .text--uppercase.headTitle--17--bold, .text--uppercase.shepherd-title, .text--uppercase.headTitle--20, .text--uppercase.headTitle--20--bold, .ionCard--white__no_style ion-card-title.text--uppercase, .ionCard--white ion-card-title.text--uppercase, .text--uppercase.headTitle--23, .text--uppercase.headTitle--23--bold, .text--uppercase.headTitle--27, .text--uppercase.headTitle--32, .text--uppercase.headTitle--32--bold, .text--uppercase.headTitle--36, .text--uppercase.headTitle--36--bold {
  text-transform: uppercase;
}
.headTitle--36, .headTitle--36--bold {
  font-size: 36px !important;
  margin: 0 0 var(--padding-s) 0;
}
@media (max-width: 1024px) {
  .headTitle--36, .headTitle--36--bold {
    font-size: 28px !important;
  }
}
@media (max-width: 767px) {
  .headTitle--36, .headTitle--36--bold {
    font-size: 28px !important;
  }
}
.headTitle--32, .headTitle--32--bold {
  font-size: var(--font-size-xxxl2) !important;
  margin: 0 0 var(--padding-s) 0;
}
@media (max-width: 1024px) {
  .headTitle--32, .headTitle--32--bold {
    font-size: var(--font-size-xxl2) !important;
  }
}
@media (max-width: 767px) {
  .headTitle--32, .headTitle--32--bold {
    font-size: var(--font-size-xl) !important;
  }
}
.headTitle--27 {
  font-size: var(--font-size-xxl2) !important;
  margin: 0 0 var(--padding-s) 0;
}
@media (max-width: 767px) {
  .headTitle--27 {
    font-size: var(--font-size-xl) !important;
  }
}
.headTitle--27[color--white] {
  color: var(--color-white);
}
.headTitle--23, .headTitle--23--bold {
  font-size: var(--font-size-xxl) !important;
  margin: 0 0 var(--padding-s) 0;
}
@media (max-width: 767px) {
  .headTitle--23, .headTitle--23--bold {
    font-size: var(--font-size-xl) !important;
  }
}
.headTitle--23--bold {
  font-family: var(--font-family-bold);
}
@media (max-width: 767px) {
  .headTitle--23--bold {
    font-size: 21px !important;
  }
}
.headTitle--20, .headTitle--20--bold, .ionCard--white__no_style ion-card-title, .ionCard--white ion-card-title {
  font-size: var(--font-size-xl) !important;
  margin: 0 0 var(--padding-s) 0;
}
@media (max-width: 767px) {
  .headTitle--20, .headTitle--20--bold, .ionCard--white__no_style ion-card-title, .ionCard--white ion-card-title {
    font-size: var(--font-size-xl) !important;
  }
}
.headTitle--20--bold, .ionCard--white__no_style ion-card-title, .ionCard--white ion-card-title {
  font-family: var(--font-family-bold);
}
.headTitle--17, .headTitle--17--bold, .ionCard--white__no_style ion-card-title.ionCard-title__small, .ionCard--white ion-card-title.ionCard__title--small, .shepherd-title {
  line-height: 1.3;
  font-size: 17px !important;
  margin: 0 0 var(--padding-s) 0;
}
.headTitle--17--bold, .ionCard--white__no_style ion-card-title.ionCard-title__small, .ionCard--white ion-card-title.ionCard__title--small, .shepherd-title {
  font-family: var(--font-family-bold) !important;
}
.headTitle--13, .headTitle--13--bold {
  line-height: 1.3;
  font-size: var(--font-size-s) !important;
  margin: 0 0 var(--padding-s) 0;
}
.headTitle--13--bold {
  font-family: var(--font-family-bold);
}
.headTitle--14, .headTitle--14--bold {
  line-height: 1.3;
  font-size: var(--font-size-m) !important;
  margin: 0 0 var(--padding-s) 0;
}
.headTitle--14--bold {
  font-family: var(--font-family-bold);
}
.headTitle--15, .headTitle--15--bold {
  line-height: 1.3;
  font-size: var(--font-size-m2) !important;
  margin: 0 0 var(--padding-s) 0;
}
.headTitle--15--bold {
  font-family: var(--font-family-bold);
}
.headTitle--32--bold {
  font-family: var(--font-family-bold);
}
.headTitle--36--bold {
  font-family: var(--font-family-bold);
}
/* TEXTOS */
.text, .text__regular--20, .text__regular--20--bold, .text__regular--17, .text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle, .text__regular--16, .text__regular--16--bold, .text__regular--15, .text__regular--15--bold, .text__regular--14, .ionCard--white__no_style ion-card-subtitle.ionCard__subtitle__desc, .ionCard--white ion-card-subtitle, .text__regular--14--bold, .shepherd-text, .text__regular--13, .text__regular--13--bold {
  font-weight: normal;
  font-family: var(--font-family);
  color: var(--color-secondary);
}
.text[color--grey], [color--grey].text__regular--20, [color--grey].text__regular--20--bold, [color--grey].text__regular--17, [color--grey].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[color--grey], [color--grey].text__regular--16, [color--grey].text__regular--16--bold, [color--grey].text__regular--15, [color--grey].text__regular--15--bold, [color--grey].text__regular--14, .ionCard--white ion-card-subtitle[color--grey], [color--grey].text__regular--14--bold, [color--grey].shepherd-text, [color--grey].text__regular--13, [color--grey].text__regular--13--bold {
  color: var(--color-secondary2);
}
.text[color--grey2], [color--grey2].text__regular--20, [color--grey2].text__regular--20--bold, [color--grey2].text__regular--17, [color--grey2].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[color--grey2], [color--grey2].text__regular--16, [color--grey2].text__regular--16--bold, [color--grey2].text__regular--15, [color--grey2].text__regular--15--bold, [color--grey2].text__regular--14, .ionCard--white ion-card-subtitle[color--grey2], [color--grey2].text__regular--14--bold, [color--grey2].shepherd-text, [color--grey2].text__regular--13, [color--grey2].text__regular--13--bold {
  color: var(--color-black4);
}
.text[color--grey16], [color--grey16].text__regular--20, [color--grey16].text__regular--20--bold, [color--grey16].text__regular--17, [color--grey16].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[color--grey16], [color--grey16].text__regular--16, [color--grey16].text__regular--16--bold, [color--grey16].text__regular--15, [color--grey16].text__regular--15--bold, [color--grey16].text__regular--14, .ionCard--white ion-card-subtitle[color--grey16], [color--grey16].text__regular--14--bold, [color--grey16].shepherd-text, [color--grey16].text__regular--13, [color--grey16].text__regular--13--bold {
  color: var(--color-secondary3);
}
.text[color--grey5], [color--grey5].text__regular--20, [color--grey5].text__regular--20--bold, [color--grey5].text__regular--17, [color--grey5].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[color--grey5], [color--grey5].text__regular--16, [color--grey5].text__regular--16--bold, [color--grey5].text__regular--15, [color--grey5].text__regular--15--bold, [color--grey5].text__regular--14, .ionCard--white ion-card-subtitle[color--grey5], [color--grey5].text__regular--14--bold, [color--grey5].shepherd-text, [color--grey5].text__regular--13, [color--grey5].text__regular--13--bold {
  color: var(--color-secondary);
}
.text[color--white], [color--white].text__regular--20, [color--white].text__regular--20--bold, [color--white].text__regular--17, [color--white].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[color--white], [color--white].text__regular--16, [color--white].text__regular--16--bold, [color--white].text__regular--15, [color--white].text__regular--15--bold, [color--white].text__regular--14, .ionCard--white ion-card-subtitle[color--white], [color--white].text__regular--14--bold, [color--white].shepherd-text, [color--white].text__regular--13, [color--white].text__regular--13--bold {
  color: var(--color-white);
}
.text[color--red], [color--red].text__regular--20, [color--red].text__regular--20--bold, [color--red].text__regular--17, [color--red].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[color--red], [color--red].text__regular--16, [color--red].text__regular--16--bold, [color--red].text__regular--15, [color--red].text__regular--15--bold, [color--red].text__regular--14, .ionCard--white ion-card-subtitle[color--red], [color--red].text__regular--14--bold, [color--red].shepherd-text, [color--red].text__regular--13, [color--red].text__regular--13--bold {
  color: var(--color-primary);
}
.text[color--orange], [color--orange].text__regular--20, [color--orange].text__regular--20--bold, [color--orange].text__regular--17, [color--orange].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[color--orange], [color--orange].text__regular--16, [color--orange].text__regular--16--bold, [color--orange].text__regular--15, [color--orange].text__regular--15--bold, [color--orange].text__regular--14, .ionCard--white ion-card-subtitle[color--orange], [color--orange].text__regular--14--bold, [color--orange].shepherd-text, [color--orange].text__regular--13, [color--orange].text__regular--13--bold {
  color: var(--color-state-alert);
}
.text[color--green], [color--green].text__regular--20, [color--green].text__regular--20--bold, [color--green].text__regular--17, [color--green].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[color--green], [color--green].text__regular--16, [color--green].text__regular--16--bold, [color--green].text__regular--15, [color--green].text__regular--15--bold, [color--green].text__regular--14, .ionCard--white ion-card-subtitle[color--green], [color--green].text__regular--14--bold, [color--green].shepherd-text, [color--green].text__regular--13, [color--green].text__regular--13--bold {
  color: var(--color-state-ok);
}
.text[color--green__light], [color--green__light].text__regular--20, [color--green__light].text__regular--20--bold, [color--green__light].text__regular--17, [color--green__light].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[color--green__light], [color--green__light].text__regular--16, [color--green__light].text__regular--16--bold, [color--green__light].text__regular--15, [color--green__light].text__regular--15--bold, [color--green__light].text__regular--14, .ionCard--white ion-card-subtitle[color--green__light], [color--green__light].text__regular--14--bold, [color--green__light].shepherd-text, [color--green__light].text__regular--13, [color--green__light].text__regular--13--bold {
  color: var(--color-state-ok-form);
}
.text[text--uppercase], [text--uppercase].text__regular--20, [text--uppercase].text__regular--20--bold, [text--uppercase].text__regular--17, [text--uppercase].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[text--uppercase], [text--uppercase].text__regular--16, [text--uppercase].text__regular--16--bold, [text--uppercase].text__regular--15, [text--uppercase].text__regular--15--bold, [text--uppercase].text__regular--14, .ionCard--white ion-card-subtitle[text--uppercase], [text--uppercase].text__regular--14--bold, [text--uppercase].shepherd-text, [text--uppercase].text__regular--13, [text--uppercase].text__regular--13--bold {
  text-transform: uppercase;
}
.text[text--center], [text--center].text__regular--20, [text--center].text__regular--20--bold, [text--center].text__regular--17, [text--center].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[text--center], [text--center].text__regular--16, [text--center].text__regular--16--bold, [text--center].text__regular--15, [text--center].text__regular--15--bold, [text--center].text__regular--14, .ionCard--white ion-card-subtitle[text--center], [text--center].text__regular--14--bold, [text--center].shepherd-text, [text--center].text__regular--13, [text--center].text__regular--13--bold {
  text-align: center;
}
.text[text--medium], [text--medium].text__regular--20, [text--medium].text__regular--20--bold, [text--medium].text__regular--17, [text--medium].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[text--medium], [text--medium].text__regular--16, [text--medium].text__regular--16--bold, [text--medium].text__regular--15, [text--medium].text__regular--15--bold, [text--medium].text__regular--14, .ionCard--white ion-card-subtitle[text--medium], [text--medium].text__regular--14--bold, [text--medium].shepherd-text, [text--medium].text__regular--13, [text--medium].text__regular--13--bold {
  font-family: var(--font-family-medium);
}
.text[text--disabled], [text--disabled].text__regular--20, [text--disabled].text__regular--20--bold, [text--disabled].text__regular--17, [text--disabled].text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle[text--disabled], [text--disabled].text__regular--16, [text--disabled].text__regular--16--bold, [text--disabled].text__regular--15, [text--disabled].text__regular--15--bold, [text--disabled].text__regular--14, .ionCard--white ion-card-subtitle[text--disabled], [text--disabled].text__regular--14--bold, [text--disabled].shepherd-text, [text--disabled].text__regular--13, [text--disabled].text__regular--13--bold {
  color: var(--color-state-disabled);
}
.text__indent {
  text-indent: 25px !important;
}
.text__regular--13, .text__regular--13--bold {
  font-size: var(--font-size-s) !important;
  margin: 0 0 var(--padding-s) 0;
}
.text__regular--14, .ionCard--white__no_style ion-card-subtitle.ionCard__subtitle__desc, .ionCard--white ion-card-subtitle, .text__regular--14--bold, .shepherd-text {
  font-size: var(--font-size-m) !important;
  margin: 0 0 var(--padding-s) 0;
}
.text__regular--15, .text__regular--15--bold {
  font-size: var(--font-size-m2) !important;
  margin: 0 0 var(--padding-s) 0;
}
.text__regular--16, .text__regular--16--bold {
  font-size: 16px !important;
  margin: 0 0 var(--padding-s) 0;
}
.text__regular--17, .text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle {
  font-size: var(--font-size-l) !important;
  margin: 0 0 var(--padding-s) 0;
}
@media (max-width: 767px) {
  .text__regular--17, .text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle {
    font-size: var(--font-size-m3) !important;
  }
}
.text__regular--20, .text__regular--20--bold {
  font-size: var(--font-size-xl) !important;
  margin: 0 0 var(--padding-s) 0;
}
@media (max-width: 767px) {
  .text__regular--20, .text__regular--20--bold {
    font-size: var(--font-size-m3) !important;
  }
}
.text__regular--13--bold {
  font-family: var(--font-family-bold);
}
.text__regular--14--bold {
  font-family: var(--font-family-bold);
}
.text__regular--15--bold {
  font-family: var(--font-family-bold);
}
.text__regular--16--bold {
  font-family: var(--font-family-bold);
}
.text__regular--17--bold, .ionCard--white__no_style ion-card-subtitle {
  font-family: var(--font-family-bold);
}
.text__regular--20--bold {
  font-family: var(--font-family-bold);
}
.text--ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  max-width: max-content;
}
.text--leyend {
  color: var(--color-grey);
  font-size: 12px;
}
.workshop-text {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
form .select-icon,
typed-input .select-icon {
  transform: none;
}
form .input-value-error,
typed-input .input-value-error {
  position: relative;
  line-height: 1.2;
}
form .input-value-error span,
typed-input .input-value-error span {
  color: var(--color-state-error);
}
form .input-wrapper.sc-ion-input-md,
form .input-wrapper.sc-ion-input-ios,
typed-input .input-wrapper.sc-ion-input-md,
typed-input .input-wrapper.sc-ion-input-ios {
  min-height: auto;
}
form .native-input.sc-ion-input-md:-webkit-autofill,
form .native-input.sc-ion-input-ios:-webkit-autofill,
typed-input .native-input.sc-ion-input-md:-webkit-autofill,
typed-input .native-input.sc-ion-input-ios:-webkit-autofill {
  background-color: transparent;
  height: auto;
  box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: var(--color-black2);
}
.form__lite ion-grid ion-row ion-col {
  align-self: end;
}
.form__lite ion-grid ion-row ion-col ion-item {
  margin: 0px;
  padding: 0px;
}
@media (max-width: 767px) {
  .form__lite ion-grid ion-row ion-col:nth-child(2) ion-item, .form__lite ion-grid ion-row ion-col:nth-child(3) ion-item {
    padding-top: 16px;
  }
  .form__lite ion-grid ion-row ion-col.col-calendar {
    padding-top: 16px;
  }
}
ion-item.item-label-stacked,
ion-item.item-edit {
  margin: 0 0 8px 0;
  padding: 0;
  --highlight-height: 0;
  --full-highlight-height: 0;
  --highlight-color--focused: transparent;
  --highlight-color--invalid: transparent;
  --highlight-color--valid: transparent;
  --inner-padding-bottom: 0;
  --inner-padding-end: 0;
  --inner-padding-start: 0;
  --inner-padding-top: 0;
  --padding-bottom: 0;
  --padding-end: 0;
  --padding-start: 0;
  --padding-top: 0;
  --border-style: none;
  --border-width: 0;
}
ion-item.item-label-stacked:not(.item-has-focus).item-has-value.ion-invalid ion-label,
ion-item.item-edit:not(.item-has-focus).item-has-value.ion-invalid ion-label {
  color: var(--color-secondary2) !important;
}
ion-item.item-label-stacked:not(.item-has-focus).item-has-value.ion-invalid ion-input,
ion-item.item-label-stacked:not(.item-has-focus).item-has-value.ion-invalid ion-textarea,
ion-item.item-edit:not(.item-has-focus).item-has-value.ion-invalid ion-input,
ion-item.item-edit:not(.item-has-focus).item-has-value.ion-invalid ion-textarea {
  border: solid 1px var(--color-state-error);
  background-color: var(--color-state-error-light);
  color: var(--color-state-error);
}
ion-item.item-label-stacked:not(.item-has-focus).item-has-value.ion-invalid ion-icon,
ion-item.item-edit:not(.item-has-focus).item-has-value.ion-invalid ion-icon {
  color: var(--color-state-error) !important;
}
ion-item.item-label-stacked:not(.item-has-focus):not(.item-interactive-disabled).item-has-value.ion-valid ion-label,
ion-item.item-edit:not(.item-has-focus):not(.item-interactive-disabled).item-has-value.ion-valid ion-label {
  color: var(--color-secondary2) !important;
}
ion-item.item-label-stacked:not(.item-has-focus):not(.item-interactive-disabled).item-has-value.ion-valid ion-input,
ion-item.item-label-stacked:not(.item-has-focus):not(.item-interactive-disabled).item-has-value.ion-valid ion-select,
ion-item.item-label-stacked:not(.item-has-focus):not(.item-interactive-disabled).item-has-value.ion-valid ion-textarea,
ion-item.item-edit:not(.item-has-focus):not(.item-interactive-disabled).item-has-value.ion-valid ion-input,
ion-item.item-edit:not(.item-has-focus):not(.item-interactive-disabled).item-has-value.ion-valid ion-select,
ion-item.item-edit:not(.item-has-focus):not(.item-interactive-disabled).item-has-value.ion-valid ion-textarea {
  border: solid 1px var(--color-state-ok);
}
ion-item.item-label-stacked:not(.item-has-focus):not(.item-interactive-disabled).item-has-value.ion-valid ion-icon,
ion-item.item-edit:not(.item-has-focus):not(.item-interactive-disabled).item-has-value.ion-valid ion-icon {
  color: var(--color-state-ok) !important;
}
ion-item.item-label-stacked.item-interactive-disabled ion-label,
ion-item.item-edit.item-interactive-disabled ion-label {
  color: var(--color-state-disabled) !important;
}
ion-item.item-label-stacked.item-interactive-disabled ion-input,
ion-item.item-label-stacked.item-interactive-disabled ion-select,
ion-item.item-label-stacked.item-interactive-disabled ion-textarea,
ion-item.item-edit.item-interactive-disabled ion-input,
ion-item.item-edit.item-interactive-disabled ion-select,
ion-item.item-edit.item-interactive-disabled ion-textarea {
  border: solid 1px var(--color-state-disabled);
}
ion-label[position=stacked] {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: normal;
  color: var(--color-secondary2) !important;
  opacity: 1 !important;
  transform: none;
  transition: all 0.5s ease;
}
ion-input {
  caret-color: var(--color-secondary) !important;
  margin: 8px 0 2px;
  border-radius: 2px;
  border: solid 1px var(--color-grey4);
  color: var(--color-secondary2);
  --color: var(--color-secondary2);
  background-color: var(--color-white);
  width: 100% !important;
  --padding-bottom: 11px !important;
  --padding-end: 32px !important;
  --padding-start: 8px !important;
  --padding-top: 11px !important;
  font-size: 14px;
  box-sizing: border-box;
}
ion-input input {
  background-color: transparent !important;
}
ion-input[type=number] {
  -moz-appearance: textfield;
}
ion-input::-webkit-outer-spin-button,
ion-input ::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
ion-input[type=password] {
  font-family: Verdana, sans-serif;
  font-weight: 900;
  letter-spacing: 8px;
}
ion-item.item-label-stacked:not(.item-has-focus).item-has-value.ion-invalid ion-label,
ion-item.item-edit:not(.item-has-focus).item-has-value.ion-invalid ion-label {
  color: var(--color-secondary2) !important;
}
ion-item.item-label-stacked:not(.item-has-focus).item-has-value.ion-invalid ion-input:not(.has-value),
ion-item.item-label-stacked:not(.item-has-focus).item-has-value.ion-invalid ion-textarea:not(.has-value),
ion-item.item-edit:not(.item-has-focus).item-has-value.ion-invalid ion-input:not(.has-value),
ion-item.item-edit:not(.item-has-focus).item-has-value.ion-invalid ion-textarea:not(.has-value) {
  border-color: var(--color-grey4) !important;
  background-color: var(--color-white) !important;
  color: var(--color-secondary2);
}
ion-item.item-label-stacked:not(.item-has-focus).item-has-value.ion-invalid ion-icon,
ion-item.item-edit:not(.item-has-focus).item-has-value.ion-invalid ion-icon {
  color: var(--color-state-error) !important;
}
.input-profiles {
  --padding-top: 2px !important;
  --padding-bottom: 2px !important;
}
ion-textarea {
  caret-color: var(--color-secondary) !important;
  margin: 8px 0 0;
  border-radius: 2px;
  border: solid 1px var(--color-grey4);
  color: var(--color-secondary2);
  --color: var(--color-secondary2);
  background-color: var(--color-white);
  width: calc(100% - 2px) !important;
  --padding-bottom: 11px !important;
  --padding-end: 32px !important;
  --padding-start: 8px !important;
  --padding-top: 11px !important;
  font-size: 14px;
}
.promotion-textarea textarea {
  overflow-y: auto !important;
  height: 45px;
  padding-bottom: 10px !important;
}
ion-select {
  margin: 8px 0 2px;
  border-radius: 2px;
  border: solid 1px var(--color-state-disabled);
  color: var(--color-secondary2);
  background-color: var(--color-white);
  width: 100%;
  min-width: 100%;
  min-height: auto !important;
  padding: 11px 8px 11px 8px !important;
  line-height: 1.2;
  font-size: 14px;
  box-sizing: border-box;
}
ion-select::part(icon) {
  transform: translate3d(0px, 0px, 0px) !important;
  color: var(--color-dark);
  opacity: 1;
}
ion-select::part(placeholder) {
  color: var(--color-dark);
  opacity: 1;
  height: 19px;
}
ion-select::part(container) {
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 19px;
}
.select-popover ion-item {
  font-size: 14px !important;
}
@media (max-width: 767px) {
  .select-popover.popover-mobile-fix::part(content) {
    margin-left: -11px;
  }
}
.select-popover::part(backdrop) {
  background-color: transparent;
}
.select-popover.ios::part(content) {
  --offset-y: -16px;
}
.select-popover.ios ion-radio::part(mark) {
  display: none;
}
.select-popover::part(content) {
  --offset-y: -8px;
  --box-shadow: 0px;
  border: solid 1px var(--color-grey4);
  border-radius: 0 !important;
  width: calc(var(--custom-ion-select-width) - 2px);
}
.select-popover::part(content) ion-select-popover {
  --box-shadow: 0px;
}
.select-popover::part(content) ion-select-popover ion-list {
  padding: 0px;
}
.select-popover::part(content) ion-select-popover ion-list ion-radio-group ion-item {
  --inner-padding-bottom: 8px;
  --inner-padding-top: 8px;
  --inner-padding-end: 8px;
  --inner-padding-start: 8px;
  --padding-end: 0;
  --padding-start: 0;
}
.select-popover::part(content) ion-select-popover ion-list ion-radio-group ion-item ion-radio {
  opacity: 0;
}
.select-popover::part(content) ion-select-popover ion-list ion-radio-group ion-item ion-label {
  color: var(--color-secondary);
  font-size: 14px;
}
.mapfre-popover-combobox::part(content) {
  display: none;
}
ion-item.password.has-value ion-input:before {
  display: block;
}
ion-item.password ion-input input::-ms-reveal, ion-item.password ion-input input::-ms-clear {
  display: none;
}
ion-item.password ion-input:before {
  content: "";
  position: absolute;
  bottom: 9px;
  right: 12px;
  width: 24px;
  left: auto;
  font-size: 24px;
  cursor: pointer;
  color: #526570;
  transition: all 0.3s linear;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1 !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ion-item.password ion-input:before:hover {
  color: #2d373d;
}
.text__area .item-md.item-block .item-inner {
  padding: 0;
}
.text__area textarea {
  resize: none;
}
.text__area ion-textarea {
  height: 120px;
  border: 1px solid var(--color-grey4);
  border-radius: var(--padding-xs);
  padding-right: var(--padding-xs);
  padding-left: var(--padding-s);
}
.text__area ion-textarea.valid {
  border-color: var(--color-state-ok-form);
}
.text__area ion-textarea.invalid {
  border-color: var(--color-state-error);
}
.autocomplete-list {
  width: calc(100% - 20px);
  top: 60px;
  position: absolute;
  overflow: auto;
  z-index: 10;
  float: left !important;
  box-shadow: 0 4px 6.2px 0.8px rgba(51, 51, 51, 0.48);
  padding: 10px;
}
.invalid-form {
  border-color: var(--color-primary) !important;
}
/* ***************** */
/* *** FIXED  *** */
/* ***************** */
.ie-old input {
  min-height: 1em;
}
.ie-old .click-block {
  display: none;
}
.ie-old ion-input,
.ie-old ion-textarea {
  min-height: 2em;
}
.ie-old ion-label {
  min-height: 1.2em;
}
/* ******************* */
/* *** NEW_STYLES  *** */
/* ******************* */
form.form__DCND > ion-grid > ion-row {
  padding: 12px 0px;
}
form.form__DCND > ion-grid > ion-row:first-child {
  padding: 0px 0px 12px 0px;
}
form.form__DCND > ion-grid > ion-row:last-child {
  padding: 12px 0px 0px 0px;
}
form.form__DCND > ion-grid > ion-row:only-child {
  padding: 0px;
}
form.form__DCND > ion-grid > ion-row > ion-col {
  padding: 0px 12px;
}
form.form__DCND > ion-grid > ion-row > ion-col:first-child {
  padding: 0px 12px 0px 0px;
}
form.form__DCND > ion-grid > ion-row > ion-col:last-child {
  padding: 0px 0px 0px 12px;
}
form.form__DCND > ion-grid > ion-row > ion-col:only-child {
  padding: 0px;
}
@media (max-width: 767px) {
  form.form__DCND > ion-grid > ion-row > ion-col {
    padding: 12px 0px;
  }
  form.form__DCND > ion-grid > ion-row > ion-col:first-child {
    padding: 0px 0px 12px 0px;
  }
  form.form__DCND > ion-grid > ion-row > ion-col:last-child {
    padding: 12px 0px 0px 0px;
  }
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item {
  padding: 0px !important;
  margin: 0px !important;
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-label {
  /* Text/Caption M Low */
  font-family: var(--font-family-design-system);
  font-size: var(--text-captionM-font-size-design-system);
  line-height: var(--text-captionM-line-height-design-system);
  color: var(--color-secondary2);
  margin-bottom: 4px;
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-label.required::after {
  content: "*";
  margin-left: 4px;
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-input {
  margin: 0px;
  /* CTA/Regular */
  font-family: var(--font-family-design-system);
  font-size: var(--cta-font-size-design-system);
  line-height: var(--cta-line-height-design-system);
  color: var(--color-secondary2-design-system);
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-input::placeholder {
  color: var(--color-secondary3-design-system);
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-input[type=password] {
  font-family: Verdana, sans-serif;
  font-weight: 900;
  letter-spacing: 8px;
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-select {
  margin: 0px;
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-select::part(placeholder) {
  color: var(--color-dark);
  opacity: 1;
  width: 100%;
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-select::part(container) {
  width: 100%;
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-select::part(label) {
  width: 100%;
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-note {
  /* Text/Caption S Low */
  font-family: var(--font-family-design-system);
  font-size: var(--text-captionS-font-size-design-system);
  line-height: var(--text-captionS-line-height-design-system);
  margin-top: 4px;
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-note.helperText {
  color: var(--color-secondary2-design-system);
}
form.form__DCND > ion-grid > ion-row > ion-col > ion-item > ion-note.errorText {
  color: var(--color-state-error-design-system);
}
@font-face {
  font-family: "mapfre-icons";
  src: url("/assets/fonts/mapfre-icons/mapfre-icons.eot?xlvh0n");
  src: url("/assets/fonts/mapfre-icons/mapfre-icons.eot?xlvh0n#iefix") format("embedded-opentype"), url("/assets/fonts/mapfre-icons/mapfre-icons.ttf?xlvh0n") format("truetype"), url("/assets/fonts/mapfre-icons/mapfre-icons.svg?xlvh0n#icomoon") format("svg"), url("/assets/fonts/mapfre-icons/mapfre-icons.woff?xlvh0n") format("woff");
  font-weight: normal;
  font-style: normal;
}
.mapfre-font-icon, ion-item.password ion-input:before {
  font-family: "mapfre-icons" !important;
}
ion-icon {
  color: var(--color-secondary3);
  padding: 1px;
  outline: none;
  transition: all 0.3s ease;
}
ion-icon.interLink:hover {
  color: var(--color-primary2);
}
ion-icon.clickable:hover, ion-icon.modal__close:hover {
  color: var(--color-secondary2);
}
ion-icon[color--white], ion-icon.color--white {
  color: var(--color-white);
}
ion-icon[color--white].clickable:hover, ion-icon[color--white].modal__close:hover, ion-icon.color--white.clickable:hover, ion-icon.color--white.modal__close:hover {
  color: var(--color-secondary4);
}
ion-icon[color--grey], ion-icon.color--grey {
  color: var(--color-secondary2);
}
ion-icon[color--grey].clickable:hover, ion-icon[color--grey].modal__close:hover, ion-icon.color--grey.clickable:hover, ion-icon.color--grey.modal__close:hover {
  color: var(--color-secondary2);
}
ion-icon[color--grey].clickable:hover, ion-icon[color--grey].modal__close:hover, ion-icon.color--grey.clickable:hover, ion-icon.color--grey.modal__close:hover {
  color: var(--color-secondary2);
}
ion-icon[color--grey-light], ion-icon.color--grey-light {
  color: var(--color-secondary3);
}
ion-icon[color--grey-light].clickable:hover, ion-icon[color--grey-light].modal__close:hover, ion-icon.color--grey-light.clickable:hover, ion-icon.color--grey-light.modal__close:hover {
  color: var(--color-secondary2);
}
ion-icon[color--red], ion-icon.color--red {
  color: var(--color-primary) !important;
}
ion-icon[color--red].clickable:hover, ion-icon[color--red].modal__close:hover, ion-icon.color--red.clickable:hover, ion-icon.color--red.modal__close:hover {
  color: var(--color-primary3) !important;
}
ion-icon[color--orange], ion-icon.color--orange {
  color: var(--color-state-alert);
}
ion-icon[color--orange].clickable:hover, ion-icon[color--orange].modal__close:hover, ion-icon.color--orange.clickable:hover, ion-icon.color--orange.modal__close:hover {
  color: var(--color-state-alert-darker);
}
ion-icon[color--yellow], ion-icon.color--yellow {
  color: var(--color-state-rating);
}
ion-icon[color--yellow].clickable:hover, ion-icon[color--yellow].modal__close:hover, ion-icon.color--yellow.clickable:hover, ion-icon.color--yellow.modal__close:hover {
  color: var(--color-state-rating);
}
ion-icon[color--blue], ion-icon.color--blue {
  color: var(--color-state-info);
}
ion-icon[color--blue].clickable:hover, ion-icon[color--blue].modal__close:hover, ion-icon.color--blue.clickable:hover, ion-icon.color--blue.modal__close:hover {
  color: var(--color-state-info-darker);
}
ion-icon[color--black], ion-icon.color--black {
  color: var(--color-black2);
}
ion-icon[color--black].clickable:hover, ion-icon[color--black].modal__close:hover, ion-icon.color--black.clickable:hover, ion-icon.color--black.modal__close:hover {
  color: var(--color-black);
}
ion-icon[color--dark], ion-icon.color--dark {
  color: var(--color-secondary);
}
ion-icon[color--dark].clickable:hover, ion-icon[color--dark].modal__close:hover, ion-icon.color--dark.clickable:hover, ion-icon.color--dark.modal__close:hover {
  color: var(--color-black2);
}
ion-icon[color--green], ion-icon.color--green {
  color: var(--color-state-ok);
}
ion-icon[color--green].clickable:hover, ion-icon[color--green].modal__close:hover, ion-icon.color--green.clickable:hover, ion-icon.color--green.modal__close:hover {
  color: var(--color-state-ok);
}
ion-icon[color--green__light], ion-icon.color--green__light {
  color: var(--color-state-ok-form);
}
ion-icon[color--green__light].clickable:hover, ion-icon[color--green__light].modal__close:hover, ion-icon.color--green__light.clickable:hover, ion-icon.color--green__light.modal__close:hover {
  color: var(--color-state-ok-form);
}
ion-icon[small-small], ion-icon.small-small {
  min-height: var(--icon-size-xxxxs) !important;
  min-width: var(--icon-size-xxxxs) !important;
  font-size: var(--icon-size-xxxxs) !important;
}
ion-icon[small--14], ion-icon.small--14 {
  min-height: var(--icon-size-xxxs) !important;
  min-width: var(--icon-size-xxxs) !important;
  font-size: var(--icon-size-xxxs) !important;
}
ion-icon[extra-small], ion-icon.extra-small {
  min-height: var(--icon-size-xxs) !important;
  min-width: var(--icon-size-xxs) !important;
  font-size: var(--icon-size-xxs) !important;
}
ion-icon[small], ion-icon.small {
  min-height: var(--icon-size-xs) !important;
  min-width: var(--icon-size-xs) !important;
  font-size: var(--icon-size-xs) !important;
}
ion-icon[small].mapfre-arrow-up, ion-icon[small].mapfre-arrow_right, ion-icon.small.mapfre-arrow-up, ion-icon.small.mapfre-arrow_right {
  min-height: var(--icon-size-xs2) !important;
  min-width: var(--icon-size-xs2) !important;
  font-size: var(--icon-size-xs2) !important;
}
ion-icon[medium-small], ion-icon.medium-small {
  min-height: var(--icon-size-s) !important;
  min-width: var(--icon-size-s) !important;
  font-size: var(--icon-size-s) !important;
}
ion-icon[medium], ion-icon.medium {
  min-height: var(--icon-size-m) !important;
  min-width: var(--icon-size-m) !important;
  font-size: var(--icon-size-m) !important;
}
ion-icon[large], ion-icon.large {
  min-height: var(--icon-size-l) !important;
  min-width: var(--icon-size-l) !important;
  font-size: var(--icon-size-l) !important;
}
ion-icon[extra-large], ion-icon.extra-large {
  min-height: 3.2rem !important;
  min-width: 3.2rem !important;
  font-size: 3.2rem !important;
}
ion-icon[small-huge], ion-icon.small-huge {
  min-height: 5.4rem !important;
  min-width: 5.4rem !important;
  font-size: 5.4rem !important;
  margin-bottom: 1rem !important;
}
ion-icon[medium-huge], ion-icon.medium-huge {
  min-height: 5.7rem !important;
  min-width: 5.7rem !important;
  font-size: 5.7rem !important;
  margin-bottom: 1.1rem !important;
}
ion-icon[huge], ion-icon.huge {
  min-height: 9.6rem !important;
  min-width: 9.6rem !important;
  font-size: 9.6rem !important;
  margin-bottom: 1.4rem !important;
}
@media (max-width: 1024px) {
  ion-icon[huge], ion-icon.huge {
    min-height: 6.6rem !important;
    min-width: 6.6rem !important;
    font-size: 6.6rem !important;
  }
}
ion-icon[extra-huge], ion-icon.extra-huge {
  min-height: 13rem !important;
  min-width: 13rem !important;
  font-size: 13rem !important;
}
@media (max-width: 1024px) {
  ion-icon[extra-huge], ion-icon.extra-huge {
    min-height: 10rem !important;
    min-width: 10rem !important;
    font-size: 10rem !important;
  }
}
ion-icon[slot=start], ion-icon[item-start] {
  margin: 0 var(--padding-s) 0 0 !important;
}
@media (max-width: 767px) {
  ion-icon[slot=start], ion-icon[item-start] {
    margin: 0 8px 0 0 !important;
  }
}
ion-icon[slot=end], ion-icon[item-end] {
  margin: 0 0 0 var(--padding-s) !important;
  position: relative;
}
@media (max-width: 767px) {
  ion-icon[slot=end], ion-icon[item-end] {
    margin: 0 0 0 8px !important;
  }
}
ion-icon[top-align], ion-icon.top-align {
  align-self: start;
}
[class^=mapfre-],
[class*=" mapfre-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "mapfre-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1 !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mapfre-clock:before {
  content: "\e95f";
}
.mapfre-calculate:before {
  content: "\e905";
}
.mapfre-start:before {
  content: "\e906";
}
.mapfre-other-menu:before,
.mapfre-other:before {
  content: "\e927";
}
.mapfre-menu-dots:before,
.mapfre-dots-menu:before {
  content: "\e960";
}
.mapfre-Icono-club-MAPFRE:before {
  content: "\e95c";
}
.mapfre-travel:before {
  content: "\e95d";
}
.mapfre-bike:before {
  content: "\e95e";
}
.mapfre-garantias:before {
  content: "\e943";
}
.mapfre-investimentos:before {
  content: "\e944";
}
.mapfre-previdencia:before {
  content: "\e946";
}
.mapfre-resposabilidade-civil:before {
  content: "\e947";
}
.mapfre-rural:before {
  content: "\e948";
}
.mapfre-transportes:before {
  content: "\e958";
}
.mapfre-piggy:before {
  content: "\e940";
}
.mapfre-arrow-delete:before {
  content: "\e93e";
}
.mapfre-cross-error:before {
  content: "\e93d";
}
.mapfre-upload:before {
  content: "\e93c";
}
.mapfre-upload-doc:before {
  content: "\e93c";
}
.mapfre-no-view:before, ion-item.password ion-input[type=text]:before {
  content: "\e937";
}
.mapfre-view:before, ion-item.password ion-input[type=password]:before {
  content: "\e93a";
}
.mapfre-contacto:before {
  content: "\e936";
}
.mapfre-fingerprint:before {
  content: "\e935";
}
.mapfre-face-id:before {
  content: "\e93b";
}
.mapfre-box:before {
  content: "\e934";
}
.mapfre-circle-check:before {
  content: "\e92a";
}
.mapfre-solid-radio-on:before {
  content: "\e933";
}
.mapfre-no-check:before {
  content: "\e932";
}
.mapfre-circle-no-check:before {
  content: "\e932";
}
.mapfre-full-circle:before {
  content: "\e92b";
}
.mapfre-information:before {
  content: "\e931";
}
.mapfre-info-full:before {
  content: "\e92c";
}
.mapfre-whatsapp:before {
  content: "\e925";
}
.mapfre-link:before {
  content: "\e926";
}
.mapfre-jpg:before {
  content: "\e91d";
}
.mapfre-file:before {
  content: "\e91d";
}
.mapfre-folder:before {
  content: "\e91d";
}
.mapfre-pdf:before {
  content: "\e91e";
}
.mapfre-world:before {
  content: "\e922";
}
.mapfre-oficinas:before {
  content: "\e923";
}
.mapfre-bell-off:before {
  content: "\e91a";
}
.mapfre-bell-unread-desktop:before {
  content: "\e91b";
}
.mapfre-earphones:before {
  content: "\e918";
}
.mapfre-pause:before {
  content: "\e913";
}
.mapfre-play:before {
  content: "\e914";
}
.mapfre-bandage-shoulder:before {
  content: "\e90f";
}
.mapfre-person-life:before {
  content: "\e910";
}
.mapfre-patrimonial:before {
  content: "\e911";
}
.mapfre-home:before {
  content: "\e901";
}
.mapfre-arrow-down:before {
  content: "\e907";
}
.mapfre-arrow-up:before {
  content: "\e90d";
}
.mapfre-arrow-left:before {
  content: "\e909";
}
.mapfre-arrow-right:before {
  content: "\e90b";
}
.mapfre-arrow_down:before {
  content: "\e908";
}
.mapfre-arrow_top:before {
  content: "\e90e";
}
.mapfre-arrow_left:before {
  content: "\e90a";
}
.mapfre-arrow_right:before {
  content: "\e90c";
}
.mapfre-close:before {
  content: "\e917";
}
.mapfre-check:before {
  content: "\e916";
}
.mapfre-plus:before {
  content: "\e939";
}
.mapfre-menu:before {
  content: "\e92f";
}
.mapfre-menus:before {
  content: "\e930";
}
.mapfre-download_documents:before {
  content: "\e91f";
}
.mapfre-search:before {
  content: "\e93f";
}
.mapfre-star:before {
  content: "\e942";
}
.mapfre-full-star:before {
  content: "\e912";
}
.mapfre-info:before {
  content: "\e928";
}
.mapfre-dates:before {
  content: "\e919";
}
.mapfre-warning:before {
  content: "\e902";
}
.mapfre-credit-card:before {
  content: "\e94c";
}
.mapfre-buoy:before {
  content: "\e94d";
}
.mapfre-callMe:before {
  content: "\e94f";
}
.mapfre-faqs:before {
  content: "\e94e";
}
.mapfre-bell:before {
  content: "\e950";
}
.mapfre-accidents:before {
  content: "\e900";
}
.mapfre-avatar-round .path1:before {
  content: "\e951";
  color: rgb(232, 235, 237);
}
.mapfre-avatar-round .path2:before {
  content: "\e952";
  margin-left: -1em;
  color: rgb(45, 55, 61);
}
.mapfre-avatar:before {
  content: "\e953";
}
.mapfre-person:before {
  content: "\e953";
}
.mapfre-add-circle:before {
  content: "\e954";
}
.mapfre-car:before {
  content: "\e915";
}
.mapfre-invoce:before {
  content: "\e959";
}
.mapfre-geolocation:before {
  content: "\e924";
}
.mapfre-email:before {
  content: "\e955";
}
.mapfre-login:before {
  content: "\e95a";
}
.mapfre-on-off:before {
  content: "\e95b";
}
.mapfre-phone:before {
  content: "\e956";
}
.mapfre-mobile:before {
  content: "\e956";
}
.mapfre-help:before {
  content: "\e957";
}
.mapfre-delete:before {
  content: "\e91c";
}
.mapfre-edit:before {
  content: "\e920";
}
.mapfre-pencil:before {
  content: "\e920";
}
.mapfre-settings:before {
  content: "\e941";
}
.mapfre-lock:before {
  content: "\e92e";
}
.mapfre-zoom_minus:before {
  content: "\e94a";
}
.mapfre-zoom_plus:before {
  content: "\e94b";
}
.mapfre-apple:before {
  content: "\e904";
}
.mapfre-youtube:before {
  content: "\e949";
}
.mapfre-android:before {
  content: "\e903";
}
.mapfre-facebook:before {
  content: "\e921";
}
.mapfre-instagram:before {
  content: "\e929";
}
.mapfre-google-play:before {
  content: "\e938";
}
.mapfre-linkedin:before {
  content: "\e92d";
}
.mapfre-twitter:before {
  content: "\e945";
}
.mapfre-rating-star-circle:before {
  content: "\e961";
}
.mapfre-microphone:before {
  content: "\e962";
}
.mapfre-deceased:before {
  content: "\e963";
}
.mapfre-organize-minor:before {
  content: "\e964";
}
.mapfre-organize-more:before {
  content: "\e965";
}
.mapfre-x:before {
  content: "\e966";
}
.mapfre-ambassador:before {
  content: "\e967";
}
.mapfre-clover:before {
  content: "\e968";
}
.mapfre-recommended:before {
  content: "\e969";
}
.mapfre-recommended-plus:before {
  content: "\e96a";
}
/* CARDS */
ion-card {
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  overflow: visible;
}
ion-card.selected {
  border: 1px solid var(--color-state-ok);
}
ion-card .item-inner {
  margin: auto;
}
ion-card .card-header-md {
  padding-bottom: 0px !important;
}
ion-card .adjust-coverage h4 {
  color: var(--color-primary) !important;
  padding: 0 0px 0 50px !important;
  margin: 0 16px 8px 0 !important;
}
.ionCard--white {
  margin: 0;
  padding: 24px 24px;
  border-radius: 10px;
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 0.5px var(--color-grey3);
  background-color: var(--color-white);
}
@media (max-width: 1024px) {
  .ionCard--white {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .ionCard--white {
    padding: 16px;
  }
}
.ionCard--white .ionCard__header,
.ionCard--white ion-card-header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  padding: var(--padding-s) 0 var(--padding-s) 0;
  margin: 0;
  transition: none;
}
.ionCard--white .ionCard__header:not(.ionCard__header__no_separator),
.ionCard--white ion-card-header:not(.ionCard__header__no_separator) {
  border-bottom: 1px solid var(--color-grey2);
}
.ionCard--white .ionCard__header.ionCard__header--center,
.ionCard--white ion-card-header.ionCard__header--center {
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-bottom: none;
  padding-left: 0;
  border-bottom: 1px solid transparent;
  margin: 0;
}
.ionCard--white .ionCard__header.ionCard__header--collapsed,
.ionCard--white ion-card-header.ionCard__header--collapsed {
  margin-bottom: -10px;
  border: none;
}
.ionCard--white .ionCard__header.ionCard__header--between,
.ionCard--white ion-card-header.ionCard__header--between {
  flex-direction: initial;
  justify-content: space-between;
}
.ionCard--white ion-card-content {
  padding: var(--padding-s) 0 0;
  margin: 8px 0 0 0;
}
.ionCard--white ion-card-content.minHeight__content {
  min-height: 420px;
}
.ionCard--white ion-card-content.modal__content {
  max-height: 420px;
  overflow-y: auto;
  padding-right: var(--padding-s) !important;
}
.ionCard--white ion-card-content ion-row {
  padding: 8px 0;
}
.ionCard--white ion-card-content ion-row.ionRow--grey {
  background-color: var(--color-grey2);
}
.ionCard--white ion-card-content ion-col {
  padding: 0 0 0 8px;
}
@media (max-width: 767px) {
  .ionCard--white ion-card-content ion-col {
    padding: 0;
  }
}
.ionCard--white ion-card-content ion-col:nth-child(1),
.ionCard--white ion-card-content ion-col.ionCard__content--reset-row {
  padding: 0 8px 0 0;
}
@media (max-width: 767px) {
  .ionCard--white ion-card-content ion-col:nth-child(1),
.ionCard--white ion-card-content ion-col.ionCard__content--reset-row {
    padding: 0;
  }
}
.ionCard--white ion-card-content ion-col:first-child:nth-last-child(1) {
  padding: 0;
}
.ionCard--white ion-card-content ion-item {
  padding: 8px 0;
}
@media (max-width: 767px) {
  .ionCard--white ion-card-content ion-item {
    padding: 4px 0;
  }
}
.ionCard--white ion-card-title {
  white-space: normal;
}
.ionCard--white.ionCard--white__noshadow {
  box-shadow: none;
  padding: 16px 24px 16px;
  margin: 8px 0 16px !important;
}
.ionCard--white.ionCard--white__noborder {
  border: none;
  padding: 0;
}
.ionCard--white.ionCard--white__noshadow--grey {
  box-shadow: none;
  padding: 16px 24px 16px;
  margin: 8px 0 16px;
  background: rgba(234, 233, 233, 0.3);
}
.ionCard--white.fullscreen {
  border-radius: 0;
}
.ionCard--white.fullscreen ion-card-header {
  padding: 16px 24px;
}
.ionCard--white ion-row.ionCard__content__lines {
  border-bottom: solid 1px var(--color-grey3);
}
.ionCard--white .collapseCard__content {
  overflow: hidden;
  margin: 0;
  padding: 8px 0 0;
  transition: all 0.7s linear;
  height: auto;
}
.ionCard--white div.ionCard__content__lines {
  border-bottom: solid 1px var(--color-grey3);
}
.ionCard--white__no_style ion-card-content {
  padding: var(--padding-s) 0 0;
  margin: 8px 0 0 0;
}
.ionCard--white__no_style ion-card-content ion-row {
  padding: 8px 0;
}
.ionCard--white__no_style ion-card-content ion-row.ion-row-grey {
  background-color: var(--color-grey2);
}
.ionCard--white__no_style ion-card-content ion-col {
  padding: 0 0 0 8px;
}
@media (max-width: 767px) {
  .ionCard--white__no_style ion-card-content ion-col {
    padding: 0;
  }
}
.ionCard--white__no_style ion-card-content ion-col:nth-child(1) {
  padding: 0 8px 0 0;
}
@media (max-width: 767px) {
  .ionCard--white__no_style ion-card-content ion-col:nth-child(1) {
    padding: 0;
  }
}
.ionCard--white__no_style ion-card-content ion-col:first-child:nth-last-child(1) {
  padding: 0;
}
.ionCard--white__no_style ion-card-content ion-item {
  padding: 8px 0;
}
@media (max-width: 767px) {
  .ionCard--white__no_style ion-card-content ion-item {
    padding: 4px 0;
  }
}
.ionCard--white__no_style ion-card-title {
  white-space: normal;
}
.ionCard--white__no_style.ionCard--white__noshadow {
  box-shadow: none;
  padding: 16px 24px 16px;
  margin: 8px 0 16px;
}
.ionCard--white__no_style.ionCard--white__noshadow_grey {
  box-shadow: none;
  padding: 16px 24px 16px;
  margin: 8px 0 16px;
  background: rgba(234, 233, 233, 0.3);
}
.ionCard--white__no_style ion-row.ionCard__content__lines {
  border-bottom: solid 1px var(--color-grey3);
}
.subCard--shadow--hover {
  cursor: pointer;
  transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
}
.subCard--shadow--hover:hover {
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.1);
}
.ionCard--grey {
  border: none;
  padding: 24px 24px 40px;
  border-radius: 10px;
  background-color: var(--color-secondary5);
  color: var(--color-secondary);
  line-height: 24px;
  box-shadow: none;
  margin: 0;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .ionCard--grey {
    padding: 16px;
  }
}
.ionCard__footer__buttons, .shepherd-footer {
  border-top: 1px solid var(--color-grey2);
  padding: 16px 0 0;
  margin-top: 16px;
}
.ionCard__footer__buttons ion-row, .shepherd-footer ion-row {
  padding-bottom: 0 !important;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.ionCard__footer__buttons ion-row > *, .shepherd-footer ion-row > * {
  flex: 1 !important;
}
.ionCard__footer__buttons ion-row > *:last-child:nth-last-child(1), .shepherd-footer ion-row > *:last-child:nth-last-child(1) {
  padding-right: 0 !important;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .ionCard__footer__buttons ion-row > *:last-child:nth-last-child(1), .shepherd-footer ion-row > *:last-child:nth-last-child(1) {
    text-align: center;
    justify-content: center;
    padding: 8px 0 0 0 !important;
  }
}
.ionCard__footer__buttons ion-row > *:first-child:nth-last-child(1), .shepherd-footer ion-row > *:first-child:nth-last-child(1) {
  align-items: center;
  justify-content: flex-end;
  display: flex;
}
.ionCard__footer__buttons ion-row > *:first-child:nth-last-child(1)[flex--justify--end--contents], .shepherd-footer ion-row > *:first-child:nth-last-child(1)[flex--justify--end--contents] {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .ionCard__footer__buttons ion-row > *, .shepherd-footer ion-row > * {
    text-align: center;
    padding: 8px 0 0 0 !important;
    flex: 0 !important;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
@media (max-width: 767px) {
  .ionCard__footer__buttons, .shepherd-footer {
    padding: 0;
    margin-top: 8px;
  }
}
.ionCard__footer__buttons-survey {
  display: block;
}
.ionCard__content__lines > ion-row {
  border-bottom: 1px solid var(--color-grey3);
  padding: var(--padding-m) 0 !important;
}
.ionCard__content__lines > ion-row:last-child {
  border-bottom: 0;
}
.ionCard__content__lines policy-field ion-row {
  border-bottom: 1px solid var(--color-grey2);
  padding: var(--padding-m) 0 !important;
}
.ionCard__content__lines.ionCard__content__lines--small > ion-row {
  padding: var(--padding-s) 0 !important;
}
.ionCard__content__lines.ionCard__content__lines--small > ion-row:last-child {
  padding-bottom: 0 !important;
}
.ionCard__content__lines.ionCard__content__lines--small > ion-row:last-child > ion-item {
  padding-bottom: 0 !important;
}
.ionCard__state--PENDING:before, .ionCard__state--CANCEL:before, .ionCard__state--VIGENT:before, .ionCard__state--VALID:before {
  content: "";
  position: absolute;
  left: 1.2px;
  top: 0;
  width: 100%;
  height: 4px;
  z-index: 0;
  border-top-right-radius: 30px 15px;
  border-top-left-radius: 30px 15px;
}
.ionCard__state--PENDING:before {
  background-color: var(--color-secondary3);
}
.ionCard__state--CANCEL:before {
  background-color: var(--color-state-alert);
}
.ionCard__state--VIGENT:before, .ionCard__state--VALID:before {
  background-color: var(--color-state-ok);
}
.collapseCard {
  max-height: 26px;
}
.full-title-separator {
  left: 0px;
  position: absolute;
  width: 100%;
  border-bottom: 1px solid var(--color-grey2);
}
ion-row.ionCard__content__row__lines {
  border-bottom: solid 1px var(--color-grey2);
  padding: 16px 0 !important;
}
@media (max-width: 767px) {
  .ionCard--white {
    padding: 16px;
  }
  .ionCard--white.ionCard--white__noshadow {
    padding: 16px;
  }
  .ionCard--white.ionCard--white__noshadow--grey {
    padding: 16px;
  }
  .ionCard--white ion-card-header {
    margin: 0 0 4px;
    padding: 4px 0;
  }
  .ionCard--white ion-card-title {
    font-size: 17px !important;
  }
  .ionCard--white h4 {
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
  }
  .ionCard--white ion-badge {
    margin: 8px 0;
  }
  .ionCard--white .mobile-slot ion-card-title,
.ionCard--white .mobile-slot .ioncard__title,
.ionCard--white .mobile-slot ion-label {
    margin: 0 0 8px 0;
  }
  .ionCard--white .mobile-slotion-item {
    padding-bottom: 8px;
  }
  .ionCard--white .mobile-slot span[slot=end] {
    bottom: 0;
    margin: 0 !important;
    position: absolute;
  }
}
ion-modal ion-card {
  max-height: 100%;
}
@media (max-width: 1024px) {
  ion-modal ion-card {
    margin: 0px 16px !important;
  }
}
@media (max-width: 767px) {
  ion-modal ion-card {
    margin: 0px 16px !important;
  }
}
.ionCard--white__noMargins {
  margin: 0px !important;
  margin-top: 24px !important;
}
.ionCard__footer__buttons-survey {
  display: block;
}
/* AVISOS */
.alert {
  padding: var(--padding-s) !important;
  font-size: 14px;
  line-height: normal;
  width: 100%;
  margin: 12px 0 8px 0;
  display: flex;
  align-items: flex-start;
}
.alert > ion-icon:nth-child(1) {
  font-size: var(--font-size-m3) !important;
  min-height: var(--font-size-m3) !important;
}
.alert p {
  padding-right: 12px;
}
.alert ion-label p:nth-child(1) {
  font-family: var(--font-family-bold);
}
.alert mapfre-close {
  position: absolute;
  right: 0px;
  top: 0;
}
.alert.error {
  background: var(--color-state-error-light);
  color: var(--color-state-error);
}
.alert.error ion-icon,
.alert.error * {
  color: var(--color-state-error);
}
.alert.warning {
  background: var(--color-state-alert-light);
  color: var(--color-state-alert);
}
.alert.warning ion-icon,
.alert.warning * {
  color: var(--color-state-alert);
}
.alert.warning ion-button {
  color: var(--color-white);
}
.alert.warning .separator {
  border-left: 2px solid var(--color-state-alert) !important;
}
.alert.info {
  background: var(--color-state-info-light);
  color: var(--color-state-info);
}
.alert.info ion-icon,
.alert.info * {
  color: var(--color-state-info);
}
.alert.success {
  background: var(--color-state-ok-form-light);
  color: var(--color-state-ok);
}
.alert.success ion-icon,
.alert.success * {
  color: var(--color-state-ok);
}
.time-picker-item.item-has-focus {
  --highlight-background: transparent !important;
  --highlight-color-focused: transparent !important;
}
.time-picker-item.time-valid ion-input {
  border-color: #008c47 !important;
}
.time-picker-item.time-valid ion-input input {
  padding: 0 !important;
}
.time-picker-item ion-input input {
  padding: 0 !important;
}
.time-picker-item ion-icon {
  position: absolute;
  z-index: 10;
  right: 16px;
}
mapfre-timepicker {
  width: 100%;
  margin: 8px 0 0 0;
}
time-picker-input {
  width: 100%;
}
#time-picker-wrapper #time-picker .time-picker-header {
  background-color: var(--color-primary) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 68px !important;
}
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-time {
  font-size: 50px !important;
}
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-time .time-picker-hour,
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-time .time-picker-minute {
  color: var(--color-white) !important;
  opacity: 70% !important;
  font-family: font-family, sans-serif !important;
  padding-left: 6px !important;
}
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-time .time-picker-hour.selected,
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-time .time-picker-minute.selected {
  opacity: 100% !important;
}
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-time .time-seprator {
  color: var(--color-white) !important;
  opacity: 70% !important;
  font-size: 50px !important;
}
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-ampm {
  display: grid !important;
}
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-ampm .time-picker-am,
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-ampm .time-picker-pm {
  color: var(--color-white) !important;
  opacity: 70% !important;
  font-family: var(--font-family), sans-serif !important;
  line-height: 20px !important;
  font-size: 12px !important;
}
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-ampm .time-picker-am.selected,
#time-picker-wrapper #time-picker .time-picker-header .time-picker-selected-ampm .time-picker-pm.selected {
  opacity: 100% !important;
}
#time-picker-wrapper #time-picker .time-picker-content .time-picker-clock button {
  font-family: inherit;
}
#time-picker-wrapper #time-picker .time-picker-content .time-picker-clock button.active {
  background-color: var(--color-primary) !important;
}
#time-picker-wrapper #time-picker .time-picker-content .time-picker-clock .time-picker-clock-arrow,
#time-picker-wrapper #time-picker .time-picker-content .time-picker-clock .time-picker-clock-origin {
  background-color: var(--color-primary) !important;
}
#time-picker-wrapper #time-picker .time-picker-content .time-picker-clock .time-picker-clock-arrow span,
#time-picker-wrapper #time-picker .time-picker-content .time-picker-clock .time-picker-clock-origin span {
  background-color: var(--color-primary) !important;
}
#time-picker-wrapper #time-picker .time-picker-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-top: none !important;
}
#time-picker-wrapper #time-picker .time-picker-footer button {
  padding: 0px 56px !important;
  font-size: 14px !important;
  font-family: var(--font-family-medium) !important;
  background: transparent !important;
  color: var(--color-primary) !important;
}
/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
/* ----------- SWIPER ----------- */
swiper-container {
  width: 100%;
  height: 100%;
  padding-bottom: 0px !important;
}
swiper-container::part(container) {
  display: flex !important;
  padding-bottom: 32px !important;
}
swiper-slide {
  display: flex;
  position: relative;
  /* Center slide text vertically */
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  flex-shrink: 0;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
}
.swiper-pagination-bullet-active {
  background-color: var(--color-secondary2) !important;
}
.swiper-pagination-bullets {
  bottom: 10px !important;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 8px;
  opacity: 0.2 !important;
  background-color: var(--color-black3);
  cursor: pointer;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1 !important;
}
@font-face {
  font-family: "custom-icons";
  src: url('custom-icons.eot?s3bmg8');
  src: url('custom-icons.eot?s3bmg8#iefix') format("embedded-opentype"), url('custom-icons.ttf?s3bmg8') format("truetype"), url('custom-icons.woff?s3bmg8') format("woff"), url('custom-icons.svg?s3bmg8#custom-icons') format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=custom-], [class*=" custom-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "custom-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.custom-add-to-list:before {
  content: "\e900";
}
.custom-classic-computer:before {
  content: "\e901";
}
.custom-controller-fast-backward:before {
  content: "\e902";
}
.custom-attribution:before {
  content: "\e903";
}
.custom-noderivs:before {
  content: "\e904";
}
.custom-noncommercial-eu:before {
  content: "\e905";
}
.custom-noncommercial-us:before {
  content: "\e906";
}
.custom-public-domain:before {
  content: "\e907";
}
.custom-remix:before {
  content: "\e908";
}
.custom-share:before {
  content: "\e909";
}
.custom-sharealike:before {
  content: "\e90a";
}
.custom-creative-commons:before {
  content: "\e90b";
}
.custom-document-landscape:before {
  content: "\e90c";
}
.custom-remove-user:before {
  content: "\e90d";
}
.custom-warning:before {
  content: "\e90e";
}
.custom-arrow-bold-down:before {
  content: "\e90f";
}
.custom-arrow-bold-left:before {
  content: "\e910";
}
.custom-arrow-bold-right:before {
  content: "\e911";
}
.custom-arrow-bold-up:before {
  content: "\e912";
}
.custom-arrow-down:before {
  content: "\e913";
}
.custom-arrow-left:before {
  content: "\e914";
}
.custom-arrow-long-down:before {
  content: "\e915";
}
.custom-arrow-long-left:before {
  content: "\e916";
}
.custom-arrow-long-right:before {
  content: "\e917";
}
.custom-arrow-long-up:before {
  content: "\e918";
}
.custom-arrow-right:before {
  content: "\e919";
}
.custom-arrow-up:before {
  content: "\e91a";
}
.custom-arrow-with-circle-down:before {
  content: "\e91b";
}
.custom-arrow-with-circle-left:before {
  content: "\e91c";
}
.custom-arrow-with-circle-right:before {
  content: "\e91d";
}
.custom-arrow-with-circle-up:before {
  content: "\e91e";
}
.custom-bookmark:before {
  content: "\e91f";
}
.custom-bookmarks:before {
  content: "\e920";
}
.custom-chevron-down:before {
  content: "\e921";
}
.custom-chevron-left:before {
  content: "\e922";
}
.custom-chevron-right:before {
  content: "\e923";
}
.custom-chevron-small-down:before {
  content: "\e924";
}
.custom-chevron-small-left:before {
  content: "\e925";
}
.custom-chevron-small-right:before {
  content: "\e926";
}
.custom-chevron-small-up:before {
  content: "\e927";
}
.custom-chevron-thin-down:before {
  content: "\e928";
}
.custom-chevron-thin-left:before {
  content: "\e929";
}
.custom-chevron-thin-right:before {
  content: "\e92a";
}
.custom-chevron-thin-up:before {
  content: "\e92b";
}
.custom-chevron-up:before {
  content: "\e92c";
}
.custom-chevron-with-circle-down:before {
  content: "\e92d";
}
.custom-chevron-with-circle-left:before {
  content: "\e92e";
}
.custom-chevron-with-circle-right:before {
  content: "\e92f";
}
.custom-chevron-with-circle-up:before {
  content: "\e930";
}
.custom-cloud:before {
  content: "\e931";
}
.custom-controller-fast-forward:before {
  content: "\e932";
}
.custom-controller-jump-to-start:before {
  content: "\e933";
}
.custom-controller-next:before {
  content: "\e934";
}
.custom-controller-paus:before {
  content: "\e935";
}
.custom-controller-play:before {
  content: "\e936";
}
.custom-controller-record:before {
  content: "\e937";
}
.custom-controller-stop:before {
  content: "\e938";
}
.custom-controller-volume:before {
  content: "\e939";
}
.custom-dot-single:before {
  content: "\e93a";
}
.custom-dots-three-horizontal:before {
  content: "\e93b";
}
.custom-dots-three-vertical:before {
  content: "\e93c";
}
.custom-dots-two-horizontal:before {
  content: "\e93d";
}
.custom-dots-two-vertical:before {
  content: "\e93e";
}
.custom-download:before {
  content: "\e93f";
}
.custom-emoji-flirt:before {
  content: "\e940";
}
.custom-flow-branch:before {
  content: "\e941";
}
.custom-flow-cascade:before {
  content: "\e942";
}
.custom-flow-line:before {
  content: "\e943";
}
.custom-flow-parallel:before {
  content: "\e944";
}
.custom-flow-tree:before {
  content: "\e945";
}
.custom-install:before {
  content: "\e946";
}
.custom-layers:before {
  content: "\e947";
}
.custom-open-book:before {
  content: "\e948";
}
.custom-resize-100:before {
  content: "\e949";
}
.custom-resize-full-screen:before {
  content: "\e94a";
}
.custom-save:before {
  content: "\e94b";
}
.custom-select-arrows:before {
  content: "\e94c";
}
.custom-sound-mute:before {
  content: "\e94d";
}
.custom-sound:before {
  content: "\e94e";
}
.custom-trash:before {
  content: "\e94f";
}
.custom-triangle-down:before {
  content: "\e950";
}
.custom-triangle-left:before {
  content: "\e951";
}
.custom-triangle-right:before {
  content: "\e952";
}
.custom-triangle-up:before {
  content: "\e953";
}
.custom-uninstall:before {
  content: "\e954";
}
.custom-upload-to-cloud:before {
  content: "\e955";
}
.custom-upload:before {
  content: "\e956";
}
.custom-add-user:before {
  content: "\e957";
}
.custom-address:before {
  content: "\e958";
}
.custom-adjust:before {
  content: "\e959";
}
.custom-air:before {
  content: "\e95a";
}
.custom-aircraft-landing:before {
  content: "\e95b";
}
.custom-aircraft-take-off:before {
  content: "\e95c";
}
.custom-aircraft:before {
  content: "\e95d";
}
.custom-align-bottom:before {
  content: "\e95e";
}
.custom-align-horizontal-middle:before {
  content: "\e95f";
}
.custom-align-left:before {
  content: "\e960";
}
.custom-align-right:before {
  content: "\e961";
}
.custom-align-top:before {
  content: "\e962";
}
.custom-align-vertical-middle:before {
  content: "\e963";
}
.custom-archive:before {
  content: "\e964";
}
.custom-area-graph:before {
  content: "\e965";
}
.custom-attachment:before {
  content: "\e966";
}
.custom-awareness-ribbon:before {
  content: "\e967";
}
.custom-back-in-time:before {
  content: "\e968";
}
.custom-back:before {
  content: "\e969";
}
.custom-bar-graph:before {
  content: "\e96a";
}
.custom-battery:before {
  content: "\e96b";
}
.custom-beamed-note:before {
  content: "\e96c";
}
.custom-bell:before {
  content: "\e96d";
}
.custom-blackboard:before {
  content: "\e96e";
}
.custom-block:before {
  content: "\e96f";
}
.custom-book:before {
  content: "\e970";
}
.custom-bowl:before {
  content: "\e971";
}
.custom-box:before {
  content: "\e972";
}
.custom-briefcase:before {
  content: "\e973";
}
.custom-browser:before {
  content: "\e974";
}
.custom-brush:before {
  content: "\e975";
}
.custom-bucket:before {
  content: "\e976";
}
.custom-cake:before {
  content: "\e977";
}
.custom-calculator:before {
  content: "\e978";
}
.custom-calendar:before {
  content: "\e979";
}
.custom-camera:before {
  content: "\e97a";
}
.custom-ccw:before {
  content: "\e97b";
}
.custom-chat:before {
  content: "\e97c";
}
.custom-check:before {
  content: "\e97d";
}
.custom-circle-with-cross:before {
  content: "\e97e";
}
.custom-circle-with-minus:before {
  content: "\e97f";
}
.custom-circle-with-plus:before {
  content: "\e980";
}
.custom-circle:before {
  content: "\e981";
}
.custom-circular-graph:before {
  content: "\e982";
}
.custom-clapperboard:before {
  content: "\e983";
}
.custom-clipboard:before {
  content: "\e984";
}
.custom-clock:before {
  content: "\e985";
}
.custom-code:before {
  content: "\e986";
}
.custom-cog:before {
  content: "\e987";
}
.custom-colours:before {
  content: "\e988";
}
.custom-compass:before {
  content: "\e989";
}
.custom-copy:before {
  content: "\e98a";
}
.custom-credit-card:before {
  content: "\e98b";
}
.custom-credit:before {
  content: "\e98c";
}
.custom-cross:before {
  content: "\e98d";
}
.custom-cup:before {
  content: "\e98e";
}
.custom-cw:before {
  content: "\e98f";
}
.custom-cycle:before {
  content: "\e990";
}
.custom-database:before {
  content: "\e991";
}
.custom-dial-pad:before {
  content: "\e992";
}
.custom-direction:before {
  content: "\e993";
}
.custom-document:before {
  content: "\e994";
}
.custom-documents:before {
  content: "\e995";
}
.custom-drink:before {
  content: "\e996";
}
.custom-drive:before {
  content: "\e997";
}
.custom-drop:before {
  content: "\e998";
}
.custom-edit:before {
  content: "\e999";
}
.custom-email:before {
  content: "\e99a";
}
.custom-emoji-happy:before {
  content: "\e99b";
}
.custom-emoji-neutral:before {
  content: "\e99c";
}
.custom-emoji-sad:before {
  content: "\e99d";
}
.custom-erase:before {
  content: "\e99e";
}
.custom-eraser:before {
  content: "\e99f";
}
.custom-export:before {
  content: "\e9a0";
}
.custom-eye:before {
  content: "\e9a1";
}
.custom-feather:before {
  content: "\e9a2";
}
.custom-flag:before {
  content: "\e9a3";
}
.custom-flash:before {
  content: "\e9a4";
}
.custom-flashlight:before {
  content: "\e9a5";
}
.custom-flat-brush:before {
  content: "\e9a6";
}
.custom-folder-images:before {
  content: "\e9a7";
}
.custom-folder-music:before {
  content: "\e9a8";
}
.custom-folder-video:before {
  content: "\e9a9";
}
.custom-folder:before {
  content: "\e9aa";
}
.custom-forward:before {
  content: "\e9ab";
}
.custom-funnel:before {
  content: "\e9ac";
}
.custom-game-controller:before {
  content: "\e9ad";
}
.custom-gauge:before {
  content: "\e9ae";
}
.custom-globe:before {
  content: "\e9af";
}
.custom-graduation-cap:before {
  content: "\e9b0";
}
.custom-grid:before {
  content: "\e9b1";
}
.custom-hair-cross:before {
  content: "\e9b2";
}
.custom-hand:before {
  content: "\e9b3";
}
.custom-heart-outlined:before {
  content: "\e9b4";
}
.custom-heart:before {
  content: "\e9b5";
}
.custom-help-with-circle:before {
  content: "\e9b6";
}
.custom-help:before {
  content: "\e9b7";
}
.custom-home:before {
  content: "\e9b8";
}
.custom-hour-glass:before {
  content: "\e9b9";
}
.custom-image-inverted:before {
  content: "\e9ba";
}
.custom-image:before {
  content: "\e9bb";
}
.custom-images:before {
  content: "\e9bc";
}
:root {
  /**************/
  /*   TEXTOS   */
  /**************/
  --font-size-xxs: 8px;
  --font-size-s: 13px;
  --font-size-m: 14px;
  --font-size-m2: 15px;
  --font-size-m3: 16px;
  --font-size-l: 17px;
  --font-size-xl: 20px;
  --font-size-xxl: 23px;
  --font-size-xxl2: 27px;
  --font-size-xxxl: 31px;
  --font-size-xxxl2: 32px;
  --badge-font-size: 9px;
  --font-family: dm_sansregular;
  --font-family-bold: dm_sansbold;
  --font-family-medium: dm_sansmedium;
  --line-height-20: 20px;
  /* ******************** */
  /* *** ESPACIADOS  *** */
  /* ******************** */
  --padding-xs: 4px;
  --padding-s: 8px;
  --padding-s2: 12px;
  --padding-m: 16px;
  --padding-l: 24px;
  --padding-l2: 32px;
  --padding-xl: 36px;
  --padding-xxl: 48px;
  --zero: 0px;
  --desktop-component-vertical-margin: 16px;
  --tablet-min-component-vertical-margin: 16px;
  --desktop-page-horizontal-padding: 48px;
  --desktop-page-padding: 16px 48px;
  --tablet-min-page-padding: 16px;
  --mobile-page-horizontal-padding-s: 8px;
  --mobile-page-horizontal-padding: 16px;
  --mobile-page-padding: 0 16px 8px;
  --desktop-page-horizontal-padding-content: 108px;
  /**************/
  /*   HEADER   */
  /**************/
  --header-height: 69px;
  --header-height-login: 80px;
  --header-mobile-height: 48px;
  --header-height-logo: 212px;
  --header-mobile-height-logo: 134px;
  --footer-mobile-height: 40px;
  /**************/
  /*   ICONOS   */
  /**************/
  --icon-size-xxxxs: 0.7rem;
  --icon-size-xxxs: 0.875rem;
  --icon-size-xxs: 1rem;
  --icon-size-xs: 1.4rem;
  --icon-size-xs2: 1.2rem;
  --icon-size-s: 1.8rem;
  --icon-size-m: 2.2rem;
  --icon-size-l: 2.4rem;
  /* ************************ */
  /* ***   BREAKPOINT     *** */
  /* ************************ */
  --mobile: 767px;
  --tablet-min: 980px;
  --tablet-max: 1024px;
  --desktop: 1200px;
  --desktop-max: 1440px;
  /* ***************** */
  /* ***   COLORS  *** */
  /* ***************** */
  /* ***   Primary  *** */
  --color-primary: #D81E07;
  --color-primary2: #780303;
  --color-primary3: #820404;
  /* ***   States  *** */
  --color-state-ok: #008c47;
  --color-state-ok-form: #749806;
  --color-state-disabled: #E8EBED;
  --color-state-error: #da2a2a;
  --color-state-info: #0d82bd;
  --color-state-alert: #e46b15;
  --color-state-rating: #ffd618;
  --color-state-ok-form-light: #dce5c1;
  --color-state-error-light: #fceded;
  --color-state-info-darker: #03202e;
  --color-state-info-light: #d2e8f3;
  --color-state-alert-darker: #582908;
  --color-state-alert-light: #fff4ec;
  /* ***   Black and grey  *** */
  --color-black: #000000;
  --color-black2: #333;
  --color-black3: #444;
  --color-black4: #666666;
  --color-white: #fff;
  --color-grey: #89969a;
  --color-grey2: #eae9e9;
  --color-grey3: #dadada;
  --color-grey4: #cccfd2;
  /* ***   secondary  *** */
  --color-secondary: #2d373d;
  --color-secondary2: #526570;
  --color-secondary3: #9cb0bc;
  --color-secondary4: #e8ebed;
  --color-secondary5: #f5f6f7;
  /* ******************** */
  /* *** ELEMENTOS  *** */
  /* ******************** */
  --button-width: 225px;
  --color-badge: #d2e8f3;
  --color-badge-rm-white: #eae9e9;
  --color-badge-rm-border: #dadada;
  --modal-width-l: 1024px;
  --modal-width-m: 808px;
  /* ******************** */
  /* *** TRANSITIONS  *** */
  /* ******************** */
  --background-img: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  --transition-xs: 150ms;
  --transition-s: 200ms;
  --transition-m: 500ms;
  --transition-scale: scale(1.2);
  --box-shadow-generic: 0 7px 10px 0 rgba(0, 0, 0, 0.03);
}
mat-datepicker-custom {
  width: 100%;
}
time-picker-input {
  width: 100%;
}
body {
  position: inherit !important;
}
@media (max-width: 767px) {
  .content__page {
    max-height: calc(100% - 48px);
  }
}
[popover]:not(:popover-open):not(dialog[open]) {
  display: contents;
}
.registration-form-simple > ion-col,
.registration-form-basic > ion-col {
  min-width: 808px !important;
  width: 808px !important;
  max-width: 808px !important;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .registration-form-simple > ion-col,
.registration-form-basic > ion-col {
    min-width: 90% !important;
    width: 90% !important;
    max-width: 90% !important;
  }
}
@media (max-width: 767px) {
  .registration-form-simple > ion-col,
.registration-form-basic > ion-col {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
ion-item.password.has-value ion-input:before {
  display: block;
}
ion-item.password ion-input input::-ms-reveal, ion-item.password ion-input input::-ms-clear {
  display: none;
}
ion-item.password ion-input:before {
  content: "";
  position: absolute;
  bottom: 9px;
  right: 12px;
  width: 24px;
  left: auto;
  font-size: 24px;
  cursor: pointer;
  color: #526570;
  transition: all 0.3s linear;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1 !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ion-item.password ion-input:before:hover {
  color: #2d373d;
}
/* ****************** */
/*   WELCOME PACK   */
/* ****************** */
.welcome-pack-modal .swiper-slide {
  padding: 0 var(--padding-s2);
}
.shepherd-element {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  opacity: 0;
  outline: none;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}
@media (max-width: 767px) {
  .shepherd-element {
    width: 92% !important;
  }
}
.shepherd-enabled.shepherd-element {
  opacity: 1;
  visibility: visible;
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
  box-sizing: border-box;
}
.shepherd-arrow,
.shepherd-arrow:before {
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: -1;
}
.shepherd-arrow:before {
  content: "";
  transform: rotate(45deg);
  transform-origin: top;
  background: #fff;
}
.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
  bottom: -8px;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
  top: -8px;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
  right: -8px;
}
.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
  left: 8px;
}
.shepherd-element.shepherd-centered > .shepherd-arrow {
  opacity: 0;
}
.shepherd-element[data-popper-placement^=top] {
  margin-bottom: 20px !important;
}
.shepherd-element[data-popper-placement^=bottom] {
  margin-top: 20px !important;
}
.shepherd-element[data-popper-placement^=left] {
  margin-right: 20px !important;
}
.shepherd-element[data-popper-placement^=right] {
  margin-left: 20px !important;
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
  pointer-events: none;
}
.shepherd-modal-overlay-container {
  -ms-filter: progid:dximagetransform.microsoft.gradient.alpha(Opacity=50);
  filter: alpha(opacity=50);
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: all 0.3s ease-out, height 0ms 0.3s, opacity 0.3s 0ms;
  width: 100vw;
  z-index: 9997;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  height: 100vh;
  opacity: 0.5;
  transition: all 0.3s ease-out, height 0s 0s, opacity 0.3s 0s;
}
.shepherd-content {
  border-radius: 5px;
  outline: none;
  padding: 24px 24px 24px 24px !important;
}
.shepherd-footer {
  display: flex;
  white-space: break-spaces;
  align-items: center;
  justify-content: space-between;
  margin: 0 !important;
}
.button-center .shepherd-footer {
  justify-content: center;
}
.shepherd-footer .shepherd-button:last-child {
  margin-right: 0;
}
.shepherd-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  justify-content: center;
}
.shepherd-text {
  margin: 0 !important;
  text-align: center;
  color: #526570 !important;
}
.shepherd-text p {
  margin-top: 0;
}
.shepherd-text p:last-child {
  margin-bottom: 0 !important;
}
.shepherd-button {
  border: 0;
  cursor: pointer;
  margin-right: 0.5rem;
  padding: 0.5rem 1.5rem;
  transition: all 0.5s ease;
  min-width: 35% !important;
  font-size: 15px !important;
}
@media (max-width: 767px) {
  .shepherd-button {
    margin-top: 16px !important;
  }
}
.shepherd-button:disabled {
  cursor: not-allowed;
}
.shepherd-cancel-icon {
  background: transparent;
  border: none;
  color: hsla(0deg, 0%, 50.2%, 0.75);
  font-size: 2em;
  cursor: pointer;
  font-weight: 400;
  margin-top: -35px;
  padding: 0;
  transition: color 0.5s ease;
}
.shepherd-cancel-icon span {
  font-size: 22px;
  font-family: serif !important;
  color: #526570 !important;
}
.shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, 0.75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  color: rgb(255, 255, 255);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, 0.75);
}
.shepherd-title {
  display: flex;
  margin: 0 !important;
  text-align: center;
}
.cobrowsing {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: #000000;
  overflow: hidden;
  z-index: 2;
}
.cobrowsing__video {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.cobrowsing__button {
  position: fixed;
  bottom: 1%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.cobrowsing__message {
  width: fit-content;
  z-index: 3;
}
@media (max-width: 767px) {
  login-form,
.change-password {
    padding: 76px 16px 32px;
    top: -60px;
  }
}
login-form form .native-input.sc-ion-input-md[type=password]:-webkit-autofill,
.change-password form .native-input.sc-ion-input-md[type=password]:-webkit-autofill {
  letter-spacing: normal;
  font-family: Verdana, sans-serif;
  font-weight: 100;
  font-size: 14px;
}
login-form ion-item[type=password],
.change-password ion-item[type=password] {
  letter-spacing: 0;
}
login-form .native-input.sc-ion-input-md[type=password],
.change-password .native-input.sc-ion-input-md[type=password] {
  letter-spacing: normal;
  font-size: 14px;
}
login-form ion-toggle,
.change-password ion-toggle {
  --background-checked: var(--color-state-ok-form-light);
}
login .content__page .content__wrapper__page {
  padding: 0;
}
login .template__background {
  left: 0px !important;
}
[button-width-100] {
  width: 100% !important;
  max-width: 100% !important;
}
.access-title-v2__container {
  width: 100% !important;
}
.access-title-v2__container .headTitle--23, .access-title-v2__container .headTitle--23--bold {
  color: var(--color-white) !important;
}
@media (min-width: 1200px) {
  .access-title-v2__container {
    max-width: 628px !important;
    padding-left: 35px !important;
  }
}
@media (max-width: 767px) {
  .access-title-v2__container {
    max-width: 85% !important;
    padding-left: 30px;
  }
}
.login-quick-management-v2__container {
  width: 100% !important;
}
@media (min-width: 1200px) {
  .login-quick-management-v2__container {
    max-width: 328px !important;
    padding-left: 108px !important;
  }
}
@media (max-width: 767px) {
  .login-quick-management-v2__container {
    max-width: 85% !important;
    padding-left: 30px;
    text-align: center;
  }
}
.login-quick-management-v2__title {
  margin: 0 0 24px 0 !important;
  font-style: normal !important;
  font-weight: 500 !important;
  color: var(--color-white) !important;
}
@media (min-width: 1200px) {
  .login-quick-management-v2__title {
    font-size: var(--titles9-font-size-design-system) !important;
    line-height: var(--titles9-line-height-design-system) !important;
  }
}
@media (max-width: 767px) {
  .login-quick-management-v2__title {
    font-size: var(--titles9-font-size-design-system) !important;
    line-height: var(--titles9-line-height-design-system) !important;
    font-weight: 700;
    max-width: 85% !important;
    text-align: center;
  }
}
.login-quick-management-v2__card {
  padding: 16px 32px !important;
  margin: 0 0 24px 0 !important;
}
.login-quick-management-v2__card-icon {
  color: var(--color-secondary2) !important;
}
.login-quick-management-v2__card-text {
  color: var(--color-secondary2) !important;
  font-size: var(--font-size-m3) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: normal !important;
}
.login-quick-management-v2__clarification {
  font-size: var(--font-size-m3) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: normal !important;
}
@media (max-width: 1200px) {
  .login-quick-management-v2__clarification {
    color: var(--color-secondary2) !important;
  }
}
@media (min-width: 1200px) {
  .login-quick-management-v2__clarification {
    color: var(--color-white) !important;
  }
}

/*# sourceMappingURL=styles.css.map*/