﻿@charset "UTF-8";
/*#########ZURICH#########*/
/*#region ****VARIABLES COMUNES CUSTOMER PORTAL SHARED*****/
/*#endregion*/
/************************************************************************************/
/*#region ****SÓLO VARIABLES CUSTOMER PORTAL ZURICH*****/
/*#region ****VARIABLES COMUNES*****/
@font-face {
  font-family: "ogg-regular";
  src: url("https://quasarcdn.azurewebsites.net/Zurich/fonts/Ogg-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "zurich-icons";
  src: url("https://quasarcdn.azurewebsites.net/Zurich/fonts/zurich-icons.woff2") format("woff2");
}
@font-face {
  font-family: "zurichsans-light";
  src: url("https://quasarcdn.azurewebsites.net/Zurich/fonts/ZurichSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "zurichsans-regular";
  src: url("https://quasarcdn.azurewebsites.net/Zurich/fonts/ZurichSans-Regular.ttf") format("truetype");
}
/****VARIABLES PERSONALIZADAS****/
/*$color-white: #fff;
$color-danger: $color-primary;*/
/*$table-row-color: #ffff;*/
/*$table-header-background: $color-primary;*/
/*$hr-border-color: #e3e3e3;*/
/*LOGO*/
/*$logo-corporate-isotipo: url("../images/img_zurich/logos/isotipo/favicon.ico");*/
/*FONT-FAMILY*/
/*BTN-HOVER*/
/*$btn-background-Hover: $color-secondary;*/
/*$btn-border-Hover: 1px solid $color-secondary;*/
/**/
/*$color-antiwhite: #EDF2F4;
$color-gunmetal: #2B2D42;
$color-red: #D90429;
$color-titulo-landing: #494745;*/
/*#endregion*/
/*#endregion*/
/************************************************************************************/
/*#region ****ESTILOS COMUNES CUSTOMER PORTAL*****/
/*#########SHARED#########*/
/*#region ****ESTILOS COMUNES*****/
/*@import "../../../../HISPACORE/HispaCoreBlazor/wwwroot/css/Test.scss";*/
/*HISPACOREBUTTON*/
/*$color-primary
  $color-secondary
  $color-tertiary
  $color-tertiary-transparent
*/
.HispaCoreButton.btn-primary {
  background-color: #4066b3 !important;
  border-color: #4066b3 !important;
  color: #fff !important;
}
.HispaCoreButton.btn-primary:hover, .HispaCoreButton.btn-primary:focus {
  background-color: #23366f !important;
  border-color: #23366f !important;
}
.HispaCoreButton.btn-primary:disabled, .HispaCoreButton.btn-primary.disabled, .HispaCoreButton fieldset:disabled .btn-primary {
  color: #fff !important;
  pointer-events: none !important;
  background-color: #4066b3 !important;
  border-color: #4066b3 !important;
  opacity: 0.45;
}
.HispaCoreButton.btn-outline-secondary {
  color: #a8aaae !important;
}
.HispaCoreButton.btn-tertiary {
  color: #a2cbd8 !important;
  background-color: transparent !important;
  border-color: #a2cbd8 !important;
}
.HispaCoreButton.btn-tertiary:hover {
  color: #a2cbd8 !important;
  background-color: #cdd4d8 !important;
  border-color: #a2cbd8 !important;
}
.HispaCoreButton.btn-outline-primary {
  border-color: #4066b3;
  color: #4066b3;
}
.HispaCoreButton.btn-outline-primary:hover {
  color: #4066b3 !important;
  background-color: #4066b32a !important;
  border-color: #4066b3 !important;
}

/*#region ****Clases comentadas porque reestructuro el código en scss - No lo borro hasta que no se compruebe en el tiempo que todo funciona bien*****/
/*  .HispaCoreButton.btn-primary:disabled, .btn-primary.disabled, fieldset:disabled .btn-primary {
        color: #fff !important;
        pointer-events: none !important;
        background-color: $color-primary !important;
        border-color: $color-primary !important;
        opacity: 0.45;
    }*/
/*.HispaCoreButton.btn-outline-secondary {
    color: #a8aaae !important;
}*/
/*.HispaCoreButton.btn-tertiary {
    color: $color-tertiary !important;
    background-color: transparent !important;
    border-color: $color-tertiary !important;

    &:hover {
        color: $color-tertiary !important;
        background-color: $color-tertiary-transparent !important;
        border-color: $color-tertiary !important;
    }
}*/
/*.HispaCoreButton.btn-outline-primary {
    &:hover {
        color: $color-primary !important;
        background-color: $color-primary-transparent !important;
        border-color: $color-primary !important;
    }
}*/
/*#endregion*/
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show.dropdown-toggle,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #4066b32a !important;
  border-color: #4066b32a !important;
}

.HispaCoreDropdownButton_con_botones_dentro_Responsive {
  z-index: 999;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  /*color: #fff;*/
  background-color: #4066b3;
  border-color: #4066b3;
}

/* .HispaCoreButton.btn-primary,*/
.HispaCoreDropdownButton .btn,
input[type=file]::file-selector-button {
  color: #fff;
  background-color: #4066b3;
  background: #4066b3;
  border: 1px solid #4066b3;
}
.HispaCoreDropdownButton .btn:hover,
input[type=file]::file-selector-button:hover {
  color: #fff !important;
  background-color: #23366f !important;
  border-color: #23366f !important;
}

.btn-text-secondary {
  color: #6d6b77;
}
.btn-text-secondary:hover {
  border-color: rgba(0, 0, 0, 0);
  background: #f3f3f4;
  color: #6d6b77;
}
.btn-text-secondary:focus, .btn-text-secondary .focus {
  color: #6d6b77;
  background: #f3f3f4;
}
.btn-text-secondary:active, .btn-text-secondary .active, .btn-text-secondary .show.dropdown-toggle, .btn-text-secondary .show > .btn-text-secondary.dropdown-toggle {
  color: #6d6b77 !important;
  background: #f3f3f4 !important;
  border-color: rgba(0, 0, 0, 0) !important;
}
.btn-text-secondary:disabled, .btn-text-secondary .disabled {
  color: #6d6b77;
}

.btn-text-secondary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(109, 107, 119, 0.2) 0, rgba(109, 107, 119, 0.3) 40%, rgba(109, 107, 119, 0.4) 50%, rgba(109, 107, 119, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-group .btn-text-secondary, .input-group .btn-text-secondary {
  border-right: var(--bs-border-width) solid #6d6b77 !important;
  border-left: var(--bs-border-width) solid #6d6b77 !important;
}

.btn-group-vertical .btn-text-secondary {
  border-top: var(--bs-border-width) solid #6d6b77 !important;
  border-bottom: var(--bs-border-width) solid #6d6b77 !important;
}

.button_with_style_a {
  font-weight: bold;
  text-decoration: none;
  display: flex !important;
  align-items: center !important;
  cursor: pointer;
  font-size: 10px;
  color: #0069d9;
  background: transparent;
  border: none;
  padding: 0;
}
.button_with_style_a span {
  color: #0069d9;
}
.button_with_style_a span:hover {
  color: #0069d9;
  text-decoration: underline 1px solid #0069d9;
}
.button_with_style_a span:hover i {
  text-decoration: unset !important;
}
.button_with_style_a i {
  color: #0069d9;
}

.btn-responsive {
  width: 100% !important; /* móvil */
}

.btn-xs-custom {
  padding: 0.15rem 0.3rem;
  font-size: 0.75em;
}

@media (min-width: 768px) {
  .btn-responsive {
    width: auto !important; /* desktop */
  }
}
/*
     $border-radius;
     $input-padding;
     $input-border;
     $input-border-color;
     $color-primary;
*/
/*#region ****HISPACOREBLAZOR - Forms*****/
.HispaCoreDropdownButton.btn {
  padding: 0;
}

.HispaCoreDropdownButton .nav-link {
  color: rgba(75, 70, 92, 0.5) !important;
  padding: 0.6rem 1.25rem !important;
}
.HispaCoreDropdownButton .nav-link:focus i, .HispaCoreDropdownButton .nav-link:hover i {
  color: #fff;
}
.HispaCoreDropdownButton .nav-link i {
  color: #fff;
}

/*
$border-radius;
$color-icon;
$input-border;
$input-border-color;
*/
.HispaCoreDropDownList .k-dropdownlist {
  background-color: transparent;
  background-image: unset;
  border: 1px solid;
  border-color: #dbdade;
  box-shadow: none;
  border-radius: 0.375rem;
}
.HispaCoreDropDownList .k-dropdownlist:hover:not([disabled]):not([focus]), .HispaCoreDropDownList .k-dropdownlist:hover {
  border-color: #c9c8ce !important;
}
.HispaCoreDropDownList .k-dropdownlist:focus {
  border-color: #c9c8ce !important;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3) !important;
}
.HispaCoreDropDownList .k-dropdownlist .k-input-inner {
  background-color: transparent !important;
  min-height: 2.25rem;
}
.HispaCoreDropDownList .k-list-item { /* personalizar los estilos de los elementos de la ventana emergente */
  background-color: transparent !important;
}
.HispaCoreDropDownList .k-list-item:hover {
  background-color: #f0f0f0 !important;
}
.HispaCoreDropDownList .k-list-item.k-selected { /* aplica el fondo y el borde al elemento seleccionado en la ventana emergente */
  color: #424242;
  background-color: #f0f0f0 !important;
  border: 1px solid #d3d3d3 !important;
}
.HispaCoreDropDownList .k-animation-container-shown,
.HispaCoreDropDownList .k-animation-container {
  position: absolute;
  left: inherit !important;
  top: inherit !important;
  height: auto !important;
  max-height: 400px;
}
.HispaCoreDropDownList .k-animation-container-shown .k-dropdownlist-popup,
.HispaCoreDropDownList .k-animation-container .k-dropdownlist-popup {
  height: auto !important;
  max-height: 400px;
}
.HispaCoreDropDownList .k-input-inner {
  padding: 0.49rem 0.75rem !important;
}
.HispaCoreDropDownList .k-picker .k-input-button {
  color: #a2cbd8;
  background: transparent;
  border-color: transparent;
}
.HispaCoreDropDownList .k-list-item.k-selected, .HispaCoreDropDownList .k-selected.k-list-optionlabel {
  color: #424242;
  background-color: #f0f0f0 !important;
  border: 1px solid #d3d3d3 !important;
  border-radius: 0.375rem;
}

.HispaCoreCheckBox .form-check .form-check-input:checked, .HispaCoreCheckBox .form-check .form-check-input:indeterminate, .HispaCoreCheckBox .form-check .form-check-input[type=checkbox]:checked, .HispaCoreCheckBox .form-check .form-check-input[type=checkbox]:indeterminate {
  background-color: #4066b3;
  border-color: #4066b3;
}
.HispaCoreCheckBox .form-check .form-check-input:focus, .HispaCoreCheckBox .form-check .form-check-input[type=checkbox]:focus {
  border-color: #4066b3;
}

/*.HispaCoreDateTimeTextBoxConLabel,*/
.HispaCoreDateTimeTextBox .k-datepicker {
  border-color: #dbdade;
  border-radius: 0.375rem;
}
.HispaCoreDateTimeTextBox .k-datepicker:hover:not([disabled]):not([focus]), .HispaCoreDateTimeTextBox .k-datepicker:hover {
  border-color: #c9c8ce !important;
}
.HispaCoreDateTimeTextBox .k-datepicker:focus {
  border-color: #c9c8ce !important;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3) !important;
}
.HispaCoreDateTimeTextBox .k-datepicker .k-input-inner {
  padding: 0.49rem 0.75rem;
}
.HispaCoreDateTimeTextBox .k-datepicker .k-input-inner:focus {
  border-color: transparent !important;
  /*border: 1px solid;*/
  border: none;
  border-radius: 0.375rem 0rem 0rem 0.375rem;
}
.HispaCoreDateTimeTextBox .k-datepicker .k-button-md.k-icon-button {
  color: #a2cbd8;
  background: transparent;
  border-color: transparent;
}
.HispaCoreDateTimeTextBox .k-animation-container-shown, .HispaCoreDateTimeTextBox .k-animation-container {
  left: inherit !important;
  top: inherit !important;
}
.HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-td.k-selected:hover .k-link, .HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner, .HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
  background-color: #666;
}
.HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-td.k-selected .k-link {
  background-color: #666;
}
.HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-td:hover .k-link, .HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner, .HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-td.k-hover .k-link {
  color: #fff;
  background-color: #666;
}
.HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-nav-today, .HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-nav-today {
  color: #666;
  font-weight: 600;
}
.HispaCoreDateTimeTextBox .k-animation-container .k-calendar .k-calendar-view {
  width: auto;
}
.HispaCoreDateTimeTextBox .k-input-solid:focus-within {
  border-color: #dbdade;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
}

.HispaCoreMultiSelect .k-input-md .k-input-values,
.HispaCoreMultiSelect .k-picker-md .k-input-values {
  padding: 0.422rem 0.875rem;
}
.HispaCoreMultiSelect .k-input-values:focus,
.HispaCoreMultiSelect .k-multiselect:focus {
  border-radius: 0.375rem 0rem 0rem 0.375rem;
}
.HispaCoreMultiSelect .k-input-solid {
  border: 1px solid;
  border-color: #dbdade;
  border-radius: 0.375rem;
}
.HispaCoreMultiSelect .k-input-solid:focus-within {
  border-color: #dbdade;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
}
.HispaCoreMultiSelect .k-input-solid:hover:not([disabled]):not([focus]), .HispaCoreMultiSelect .k-input-solid:hover {
  border-color: #c9c8ce !important;
}
.HispaCoreMultiSelect .k-input-solid:focus {
  border-color: #c9c8ce !important;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3) !important;
}
.HispaCoreMultiSelect .k-multiselect .k-chip { /* personalizar los estilos de los elementos seleccionados en el input */
  background: #f0f0f0;
}
.HispaCoreMultiSelect .k-list-item { /* personalizar los estilos de los elementos de la ventana emergente */
  background-color: transparent !important;
}
.HispaCoreMultiSelect .k-list-item:hover {
  background-color: #f0f0f0 !important;
  color: #424242;
}
.HispaCoreMultiSelect .k-selected { /* personalizar los estilos de los elementos seleccionados en la ventana emergente */
  color: #424242;
  background-color: #f0f0f0 !important;
  border: 1px solid #d3d3d3 !important;
}

/*$border-radius:inherit;
$input-border: inherit;
$input-border-color: inherit;
$input-padding: inherit;
$color-icon: inherit;
$form-control-box-shadow-focus: inherit;*/
.HispaCoreNumericTextBox .k-disabled {
  background-color: rgba(75, 70, 92, 0.08);
  opacity: 1;
}
.HispaCoreNumericTextBox .k-numerictextbox {
  border: 1px solid;
  border-color: #dbdade;
  width: auto; /* !important*/
  border-radius: 0.375rem;
}
.HispaCoreNumericTextBox .k-numerictextbox:hover:not([disabled]):not([focus]), .HispaCoreNumericTextBox .k-numerictextbox:hover {
  border-color: #c9c8ce !important;
}
.HispaCoreNumericTextBox .k-numerictextbox:focus {
  border-color: #c9c8ce !important;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3) !important;
}
.HispaCoreNumericTextBox .k-numerictextbox .k-input-inner {
  border: 1px solid;
  padding: 0.375rem 0.75rem;
  border-color: transparent;
}
.HispaCoreNumericTextBox .k-numerictextbox .k-input-inner:focus {
  border-radius: 0.375rem 0rem 0rem 0.375rem;
}
.HispaCoreNumericTextBox .k-input-md .k-spinner-increase,
.HispaCoreNumericTextBox .k-input-md .k-spinner-decrease {
  color: #a2cbd8;
  background: transparent;
  border-color: transparent;
}
.HispaCoreNumericTextBox .k-input-solid:focus-within {
  border-color: #dbdade;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
}

.HispaCoreTextEditor {
  /*POSICIONAMIENTO DROPDAWN*/
  /* .k-button-md.k-icon-button {
       background: $color-primary;
       color: #ffff;

       &:hover {
           -webkit-box-shadow: 2px 2px 7px 0px $color-primary-transparent;
           box-shadow: 2px 2px 7px 0px $color-primary-transparent;
           color: #fff;
       }

       &:active {
           background-color: $color-primary-transparent;
           background: $color-primary-transparent;
       }

       &:focus {
           box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem $color-primary-transparent;
       }
   }*/
}
.HispaCoreTextEditor .k-animation-container-shown, .HispaCoreTextEditor .k-animation-container {
  position: fixed !important;
}
.HispaCoreTextEditor .k-animation-container.k-popup.k-list-container {
  top: 0px !important;
  left: 0px !important;
}
.HispaCoreTextEditor span.k-input-inner {
  background: #fff;
}
.HispaCoreTextEditor .k-editor {
  height: 23rem !important;
  max-height: 100%;
}
.HispaCoreTextEditor .k-toolbar .k-picker {
  width: 13em !important;
}

/*$color_primary;
$form-check-input-checked-border-color: $color-primary;*/
.form-floating {
  margin-bottom: 1rem;
}

.form-custom-option-basic {
  /*  .form-check-input:checked {
      background-color: var(--bs-primary);
      border-color: var(--bs-primary);
  }*/
  /*<!--custom-option-price-->*/
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.form-custom-option-basic .custom-option.checked {
  --bs-custom-option-border-color: $color_primary;
  border-width: 2px;
  margin: 0;
}
.form-custom-option-basic .custom-option:not(.custom-option-image) {
  margin: calc(2px - (var(--bs-border-width)));
}
.form-custom-option-basic .custom-option {
  border-radius: 0.375rem;
  padding-inline-start: 0;
}
.form-custom-option-basic .form-check {
  position: relative;
  padding-inline: 1.8em 0;
}
.form-custom-option-basic .form-check {
  display: block;
  min-height: 1.3754296875rem;
  padding-left: 1.8em;
  margin-bottom: 0.5rem;
}
.form-custom-option-basic .custom-option.custom-option-basic .custom-option-content {
  padding: 1.067em;
  padding-inline-start: 4em;
}
.form-custom-option-basic .custom-option .custom-option-content {
  inline-size: 100%;
}
.form-custom-option-basic .form-check-label {
  color: var(--bs-heading-color);
  cursor: pointer;
}
.form-custom-option-basic label {
  display: inline-block;
}
.form-custom-option-basic .custom-option.checked {
  border-color: #4066b3;
  border-width: 2px;
  margin: 0;
}
.form-custom-option-basic .custom-option {
  /*border-color: $form-check-input-checked-border-color;*/
  /*border: var(--bs-border-width) solid $form-check-input-checked-border-color;*/
  border-radius: 0.375rem;
  padding-inline-start: 0;
}
.form-custom-option-basic .form-check:not(.form-switch) .form-check-input[type=radio], .form-custom-option-basic .dt-checkboxes-cell .form-check-input[type=radio] {
  background-size: 1.3125rem;
}
.form-custom-option-basic .form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.6' fill='%23fff' /%3e%3c/svg%3e");
}
.form-custom-option-basic .custom-option .form-check-input {
  margin-inline-start: -2.016em;
}
.form-custom-option-basic .form-check-input:checked {
  border-color: #4066b3 !important;
  background-color: #4066b3 !important;
  box-shadow: var(--bs-form-check-box-shadow);
}
.form-custom-option-basic .form-check .form-check-input {
  float: inline-start;
  margin-inline-start: -1.8em;
}
.form-custom-option-basic .form-check-input[type=radio] {
  border-radius: 50%;
}
.form-custom-option-basic .form-check .form-check-input {
  float: left;
  margin-left: -1.8em;
}
.form-custom-option-basic .form-check-input {
  --bs-form-check-input-checked-bg: var(--bs-primary);
  --bs-form-check-input-checked-border-color: var(--bs-primary);
  --bs-form-check-shadow-color: var(--bs-primary-rgb);
  --bs-form-check-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-form-check-shadow-color), .3);
  cursor: pointer;
}
.form-custom-option-basic .form-check-input {
  --bs-form-check-bg: transparent;
  flex-shrink: 0;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0.0875em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 2px solid var(--bs-secondary-color);
  print-color-adjust: exact;
}
.form-custom-option-basic .custom-option.custom-option-basic .custom-option-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*padding-block-end: .4375rem;*/
}
.form-custom-option-basic .form-check-label {
  color: var(--bs-heading-color);
  cursor: pointer;
}
.form-custom-option-basic .text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.form-custom-option-basic small, .form-custom-option-basic .small {
  font-size: 0.8125rem;
}
.form-custom-option-basic .custom-option .custom-option-body {
  color: var(--bs-body-color);
}
.form-custom-option-basic .form-check-label {
  color: var(--bs-heading-color);
  cursor: pointer;
}
.form-custom-option-basic .custom-option:hover:not(.checked) {
  border-color: var(--bs-gray-600);
}
.form-custom-option-basic .custom-option-price {
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: flex-start;
  margin-top: 0.3rem;
  margin-bottom: 0.2rem;
}
.form-custom-option-basic .custom-option-price > .main-price {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1px;
}
.form-custom-option-basic .custom-option-price > .decimals {
  font-size: 0.8rem;
  margin-left: 2px;
  vertical-align: super;
}
.form-custom-option-basic .custom-option-price > .currency {
  font-size: 0.8rem;
  margin-left: 2px;
  vertical-align: super;
}
.form-custom-option-basic .custom-option-price > .total {
  font-size: 0.8rem;
  color: #666;
  margin-top: 0.1rem;
  align-self: self-end;
  margin-left: 2px;
}
.form-custom-option-basic .note {
  display: block;
  text-align: left;
  font-size: 0.85rem;
  color: #888;
  margin-top: 0.2rem;
}

.form-check.custom-option.custom-option-icon.primary {
  height: 16rem;
  min-width: 18rem;
  display: flex;
  align-items: center; /* corregido */
  box-shadow: 0 2px 40px 0 rgba(205, 205, 205, 0.55);
  /*transform: translateY(-20px);*/
}
.form-check.custom-option.custom-option-icon.primary label:has(.form-check-input:checked) {
  height: 16rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.form-check.custom-option.custom-option-icon.primary .h6 {
  font-size: 1.2rem;
}

.secondary.custom-option:not(.custom-option-image) {
  width: 100% !important;
}

.secondary .custom-option-body .h6 {
  font-size: 0.8rem !important;
}
.secondary .custom-option-body .custom-option-price .main-price {
  font-size: 0.9rem !important;
}
.secondary .custom-option-body .custom-option-price .decimals,
.secondary .custom-option-body .custom-option-price .currency,
.secondary .custom-option-body .custom-option-price .total {
  font-size: 0.6rem !important;
}

.date .input-group-addon {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.k-button-flat-primary {
  color: #4066b3;
}

.steps-horizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  padding: 0;
  margin-bottom: 2rem;
}
.steps-horizontal::before {
  content: "";
  top: 30px;
  left: 0;
  right: 0;
  height: 2px;
  background: #e9ecef;
  z-index: 1;
}
.steps-horizontal .step-horizontal {
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 2;
  cursor: pointer;
  min-width: 80px;
}
.steps-horizontal .step-horizontal .step-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: white;
  border: 2px solid #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  font-size: 20px;
  color: #6c757d;
  transition: all 0.3s ease;
}
.steps-horizontal .step-title {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 5px;
}
.steps-horizontal .step-description {
  font-size: 12px;
  color: #adb5bd;
  max-width: 150px;
  margin: 0 auto;
}
.steps-horizontal .step-content {
  text-align: center;
  font-size: 1rem;
  color: #374151;
  min-height: 1.5rem;
}
.steps-horizontal .step-horizontal.active .step-icon {
  background: #4066b3;
  border-color: #4066b3;
  color: white;
  box-shadow: 0 0 0 5px rgba(67, 97, 238, 0.2);
}
.steps-horizontal .step-horizontal.complete .step-icon {
  background: #ddf6e8;
  border-color: #2ecc71;
  color: #2ecc71;
}

.steps-horizontal::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  height: 2px;
  background: #e9ecef;
  z-index: 1;
}

@media (max-width: 768px) {
  .steps-horizontal {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    padding-left: 2rem;
  }
  .steps-horizontal::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 24px;
    width: 2px;
    height: 100%;
    background: #e9ecef;
    z-index: 1;
  }
  .step-horizontal {
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
  }
  .step-icon {
    margin: 0;
  }
  .step-title {
    text-align: left;
  }
}
/*@import "Forms_HispaCoreBlazorEstilosBase";*/
/*#endregion*/
.form-group {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.dropdown-menu .dropdown-item {
  border: 1px solid transparent;
  font-weight: 400;
}

.HispaCoreDateTimeTextBox .k-rounded-md,
.HispaCoreTextEditor .k-rounded-md,
.HispaCoreTextBox .k-rounded-md,
.HispaCoreMultiSelect .k-rounded-md,
.HispaCoreTextarea .k-rounded-md,
.HispaCoreNumericTextBox .k-rounded-md {
  border-radius: 0.375rem;
}
.HispaCoreDateTimeTextBox .k-button-icon,
.HispaCoreTextEditor .k-button-icon,
.HispaCoreTextBox .k-button-icon,
.HispaCoreMultiSelect .k-button-icon,
.HispaCoreTextarea .k-button-icon,
.HispaCoreNumericTextBox .k-button-icon {
  color: #666 !important;
}

.k-button-flat-primary, .k-calendar .k-calendar-view .k-today {
  color: #666 !important;
  font-weight: 600;
  background: rgba(102, 102, 102, 0.231372549);
}

.HispaCoreTextBox .form-control,
.HispaCoreTextarea .form-control,
.HispaCoreDateTimeTextBox .form-control {
  padding: 0.375rem 0.75rem;
  border: 1px solid;
  border-color: #dbdade;
  color: #444050;
  border-radius: 0.375rem;
}
.HispaCoreTextBox .form-control:hover:not([disabled]):not([focus]), .HispaCoreTextBox .form-control:hover,
.HispaCoreTextarea .form-control:hover:not([disabled]):not([focus]),
.HispaCoreTextarea .form-control:hover,
.HispaCoreDateTimeTextBox .form-control:hover:not([disabled]):not([focus]),
.HispaCoreDateTimeTextBox .form-control:hover {
  border-color: #c9c8ce !important;
}
.HispaCoreTextBox .form-control:focus,
.HispaCoreTextarea .form-control:focus,
.HispaCoreDateTimeTextBox .form-control:focus {
  border-color: #c9c8ce !important;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3) !important;
}
.HispaCoreTextBox .custom-file-input,
.HispaCoreTextarea .custom-file-input,
.HispaCoreDateTimeTextBox .custom-file-input {
  opacity: 1 !important;
}
.HispaCoreTextBox .input-file::file-selector-button,
.HispaCoreTextarea .input-file::file-selector-button,
.HispaCoreDateTimeTextBox .input-file::file-selector-button {
  border: none;
  color: white;
  cursor: pointer;
  transition: all 0.25s ease-in;
  border: 1px solid;
  border-color: #dbdade;
  background: #4066b3;
}
.HispaCoreTextBox input,
.HispaCoreTextarea input,
.HispaCoreDateTimeTextBox input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.InputFile {
  /* Compatibilidad con navegadores WebKit (Chrome, Safari) */
}
.InputFile input[type=file]::-webkit-file-upload-button {
  background-color: #4066b3 !important;
  color: white;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
}
.InputFile input[type=file] {
  color: #b7b5be;
}
.InputFile input[type=file]::file-selector-button {
  color: #fff;
  border-radius: 5px 0px 0px 5px;
}
@media (max-width: 767.98px) {
  .InputFile .form-control {
    border: 0px;
  }
  .InputFile input[type=file] {
    width: 100%;
    color: transparent !important;
    background-color: #4066b3;
  }
  .InputFile input[type=file]::file-selector-button {
    border-radius: 5px;
    padding: 8px 16px;
    cursor: pointer;
    width: 100%;
  }
  .InputFile input[type=file]::-webkit-file-upload-button {
    visibility: visible;
  }
  .InputFile input[type=file]::after {
    content: none;
  }
}

.form-control:focus,
.form-select:focus,
input[type=file]:focus {
  border: 1px solid #c9c8ce;
  border-color: #c9c8ce !important;
  box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
}

.HispaCoreModal {
  /* Cuando la pantalla es menor a 900px  (tablets y teléfonos inteligentes)*/
  /*    @media only screen and (max-width : 900px) {
          .modal-content {
              max-height: 23rem;
          }
      }*/
}
.HispaCoreModal .modal-header small {
  margin-bottom: 0;
  --bs-text-opacity: 1;
  color: #a5a3ae !important;
  text-transform: uppercase !important;
  font-size: 0.8125rem;
  vertical-align: middle;
}
.HispaCoreModal .modal-header small font {
  vertical-align: inherit;
}
.HispaCoreModal .modal-header h5 {
  margin-bottom: 0;
  --bs-text-opacity: 1;
  color: #a5a3ae !important;
  text-transform: uppercase !important;
  font-size: 0.8125rem;
  vertical-align: middle;
}
@media only screen and (max-width: 400px) {
  .HispaCoreModal .modal-footer .HispaCoreButton {
    width: 100% !important;
  }
}
.HispaCoreModal .card_Campos_A_Elegir {
  margin: auto;
  padding: 0;
}
.HispaCoreModal .card_Campos_A_Elegir .card-header {
  padding-bottom: 0px !important;
}
.HispaCoreModal .card_Campos_A_Elegir .div-primary {
  color: #fff;
  padding-top: 9px !important;
  background-color: #4066b3;
  border-color: #4066b3;
  text-align: center;
  height: 40px !important;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.375rem;
}
.HispaCoreModal .card_Campos_A_Elegir .plk-dd-spacing {
  height: unset;
}
.HispaCoreModal .k-card-header .k-card-title {
  color: #4066b3;
}
.HispaCoreModal .k-card-header .k-card-title h4 {
  margin-bottom: 0;
}
.HispaCoreModal .plk-dd-dropzone {
  min-height: 30rem;
  height: 30rem;
  overflow-y: auto;
  margin: 0.5rem 0rem;
  border: 2px #dbdade;
  border-style: dashed;
  padding: 0.5rem;
}
.HispaCoreModal .modal-content {
  /*max-height: 55rem !important;*/
  max-height: 100% !important;
}
@media (min-width: 1200px) {
  .HispaCoreModal .modal-xxl {
    --bs-modal-width: 1400px;
    min-width: 1400px;
  }
}
.HispaCoreModal .modal-refer-and-earn h6 {
  margin-bottom: 0.5rem;
}
.HispaCoreModal .modal-refer-and-earn .bg-label-primary {
  cursor: auto;
}
.HispaCoreModal .modal-refer-and-earn .bg-label-primary:hover {
  background-color: #4066b32a !important;
}
@media (min-width: 1200px) {
  .HispaCoreModal .modal-xl {
    --bs-modal-width: 1140px;
    min-width: 1140px;
  }
}

.img_abrir_siniestro,
.img_mobile_repair,
.img_verifications,
.img_sorry,
.img_encuestaSatisfaccion {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-height: 42vh;
}

@media (max-width: 991.98px) {
  .img_abrir_siniestro,
  .img_mobile_repair,
  .img_verifications,
  .img_sorry,
  .img_encuestaSatisfaccion {
    min-height: 20vh;
  }
}
.img_abrir_siniestro {
  background-image: url("/../../img_PspPortal/persona_check.png");
}

.img_mobile_repair {
  background-image: url("/../../img_PspPortal/mobileRepair.png");
}

.img_verifications {
  background-image: url("/../../img_PspPortal/verifications.png");
}

.img_sorry {
  background-image: url("/../../img_PspPortal/sorry.png");
}

.img_encuestaSatisfaccion {
  background-image: url("/../../img_pspportal/encuestaSatisfaccion.png");
}

.img_terminal_assignment_swap_01,
.img_terminal_assignment_swap_espera {
  position: absolute;
  left: 0;
  margin: 0.5rem;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  width: 4rem;
  height: 4.9rem;
  top: 43%;
  transform: translateY(-50%);
  /***************************/
  /*   position: relative;
  margin: .5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 4rem;
  height: 5.9rem;*/
  /**********************/
  /*height: 5rem;*/
  /* position: absolute;
  margin: 0.5rem;
  left: 0;
  top: 0;
  background-size: contain;
  background-position: left;
  background-repeat: no-repeat;
  width: 100%;
  height: 5.3rem;*/
}

.img_terminal_assignment_swap_01 {
  background-image: url("../../../../HispaCoreBlazor/img/icons/mobile.png");
}

.img_terminal_assignment_swap_espera {
  background-image: url(../../../../HispaCoreBlazor/img/icons/mobile_espera.png);
}

.lista_terminal_assignment_swap .custom-option-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

/*@import "../../../../HISPACORE/HispaCoreBlazor/wwwroot/css/css_hispacoreblazor/components/card/HispaCoreCard_Style_Quasar_Shared.scss";*/
/*#endregion*/
/************************************************************************************/
/*#region ****HISPACOREBLAZOR_SPINNER*****/
#HispaCoreBlazor_Spinner_Spinner {
  /*position: absolute;*/
}
#HispaCoreBlazor_Spinner_Spinner .loading-container {
  /* position: relative;*/
  position: fixed;
  z-index: 5000;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
}
#HispaCoreBlazor_Spinner_Spinner .loading-container h5 {
  color: #4066b3;
}
#HispaCoreBlazor_Spinner_Spinner .loading-container i {
  color: white;
}
#HispaCoreBlazor_Spinner_Spinner #loading {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border-bottom-color: transparent;
  border-right-color: transparent;
  will-change: transform;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.spinner-color {
  color: #4066b3 !important;
}

/*#endregion*/
/************************************************************************************/
/*#region ****LOADING-SPINER*****/
.textoSpinner {
  position: fixed;
  top: 50%;
  width: 100%;
  height: 150px;
  color: #4066b3;
  margin: auto;
  text-align: center;
  font-family: "MM_Bold_1";
  font-style: oblique;
}

.loading-container {
  z-index: 5000;
  width: 100vw;
  height: 100vh;
}

.loading-container i {
  color: white;
}

.eMcpdB p {
  margin: 0px;
  padding: 0px;
}

.iMdSTb svg {
  cursor: inherit;
  width: 24px;
  height: 24px;
  transform: rotate(0deg);
  fill: currentcolor;
}

.imagenVentaContadoAmplia {
  background-image: url("https://quasarcdn.azurewebsites.net/MediaMarkt/img/VentaContado.png");
  width: 400px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 500px;
}

@media (max-width: 600px) {
  .imagenVentaContadoAmplia {
    background-image: url("https://quasarcdn.azurewebsites.net/MediaMarkt/img/VentaContado.png");
    width: 300px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 400px;
  }
}
.imagenNumPedidoAmplia {
  background-image: url("https://quasarcdn.azurewebsites.net/MediaMarkt/img/numPedido.png");
  width: 400px;
  height: 200px;
  background-repeat: no-repeat;
  background-size: 400px;
}

@media (max-width: 600px) {
  .imagenNumPedidoAmplia {
    background-image: url("https://quasarcdn.azurewebsites.net/MediaMarkt/img/numPedido.png");
    width: 400px;
    height: 130px;
    background-repeat: no-repeat;
    background-size: 220px;
  }
}
.efqYpB:hover {
  background: rgb(203, 0, 0);
  border: 2px solid rgb(203, 0, 0);
  text-decoration: none;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 3px 4px 0px, rgba(0, 0, 0, 0.06) 0px 3px 3px -2px, rgba(0, 0, 0, 0.1) 0px 1px 8px 0px;
  color: white !important;
}

.keGGBQ {
  margin: 0px 0px 16px;
  color: #4066b3;
  font-size: 12px;
  line-height: 16px;
  font-family: SourceSansPro, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}

.bzdOcg {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.jqIwKR {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 8px;
}

.fKSYNb {
  opacity: 0;
  width: 0px;
  height: 0px;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.fKSYNb:checked + .StyledToggleSwitchSlider-sc-1mai7hd-1 {
  background-color: rgb(244, 244, 244);
}

.fPgKRt {
  background-color: rgb(244, 244, 244);
  position: absolute;
  inset: 0px;
  transition: all 0.4s ease 0s;
  border-radius: 12px;
}

.fworbG {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
}

.jqIwKR span {
  font-weight: 600;
}

.gmbvqb {
  display: flex;
}

.kaZnYn {
  margin: 24px 0px 16px;
  color: #4066b3;
  font-size: 20px;
  line-height: 24px;
  font-family: SourceSansPro, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: normal;
}

.xvAAv {
  margin: 0px;
}

.djWnrb {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 56px;
  cursor: pointer;
}

.kgkpVU {
  margin-right: 8px;
}

.jvOnI {
  flex: 1 0 auto;
}

.cZQjRw {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.kfQJFH {
  opacity: 0;
  width: 0px;
  height: 0px;
}

.fworbG {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
}

.cDsyXh::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 2px;
  background-color: rgb(255, 255, 255);
  transition: all 0.4s ease 0s;
  border-radius: 50%;
}

.cZQjRw {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.cDsyXh {
  background-color: rgb(207, 203, 202);
  position: absolute;
  inset: 0px;
  transition: all 0.4s ease 0s;
  border-radius: 12px;
}

.hysyAX {
  color: #4066b3;
  font-size: 12px;
  line-height: 16px;
  font-family: SourceSansPro, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}

.eOsFcN {
  color: #4066b3;
  font-size: 14px;
  line-height: 20px;
  font-family: SourceSansPro, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: normal;
}

.iWGXyY:hover {
  background: rgb(255, 255, 255);
  border: 2px solid #4066b3;
  text-decoration: none;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 3px 4px 0px, rgba(0, 0, 0, 0.06) 0px 3px 3px -2px, rgba(0, 0, 0, 0.1) 0px 1px 8px 0px;
}

.lgqWgN button {
  width: 100%;
  margin: 8px 0px;
}

.iWGXyY {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  appearance: none;
  padding: 0px 24px;
  position: relative;
  text-decoration: none;
  font-family: SourceSansPro, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  height: 48px;
  background: rgb(255, 255, 255);
  border: 2px solid #4066b3;
  color: #4066b3;
}

.efqYpB {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 4px;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
  appearance: none;
  padding: 0px 24px;
  position: relative;
  text-decoration: none;
  font-family: SourceSansPro, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  height: 48px;
  background: rgb(223, 0, 0);
  border: 2px solid rgb(223, 0, 0);
  color: rgb(255, 255, 255);
}

.lgqWgN {
  display: flex;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background-color: rgb(255, 255, 255);
  padding: 8px 0px 32px;
  margin: 0px;
  max-height: 30vh;
}

.ogVFz {
  border-radius: 16px 16px 0px 0px;
  z-index: 101;
  position: absolute;
  bottom: 0px;
  overflow-y: auto;
  width: 100%;
  background-color: white;
  padding: 16px 16px 0px;
  font-family: "Source Sans Pro", sans-serif;
  max-height: 100%;
}

.jATXjR {
  position: absolute;
  inset: 0px;
  overflow-y: auto;
}

.hpWicD {
  position: absolute;
  inset: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: auto;
}

.gojMrL {
  position: fixed;
  inset: 0px;
  z-index: 201;
}

.bnTrpE {
  overflow: hidden;
}

.lgqWgN button {
  width: 100%;
  margin: 8px 0px;
}

@media (min-width: 752px) {
  .ogVFz {
    max-width: 600px;
    border-radius: 8px;
    width: 55%;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
    padding: 32px 32px 0px;
  }
  .lgqWgN {
    padding: 16px 0px;
  }
  .djWnrb {
    height: 48px;
  }
  .cTpoVv:first-child {
    border-top: none;
  }
}
@media (min-width: 1008px) {
  .kaZnYn {
    margin: 8px 0px 24px;
  }
  .ogVFz {
    width: 45%;
  }
  .lgqWgN {
    padding: 32px 0px;
    flex-direction: row;
  }
  .lgqWgN button:not(:last-of-type) {
    margin-right: 24px;
  }
  .lgqWgN button:not(:last-of-type) {
    margin-right: 24px;
  }
  .lgqWgN button {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
  .hysyAX {
    font-size: 14px;
    line-height: 20px;
  }
  .keGGBQ {
    margin: 0px 0px 8px;
  }
  .eOsFcN {
    font-size: 16px;
    line-height: 24px;
  }
  lgqWgN button {
    -webkit-box-flex: 1;
    flex-grow: 1;
  }
}
.cTpoVv {
  border-bottom: 1px solid rgb(207, 203, 202);
}

.jfwSxA {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  width: fit-content;
  color: inherit;
  opacity: 1;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid rgb(0, 0, 0);
}

.mwUQu {
  margin: 24px 8px 16px 0px;
}

@media (min-width: 752px) {
  .mwUQu {
    margin: 8px 8px 24px 0px;
  }
}
.iMdSTb {
  display: flex;
}

.kNSfAO {
  color: #4066b3;
  font-size: 12px;
  line-height: 16px;
  font-family: SourceSansPro, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}

.loading-icon {
  position: fixed;
  top: 30%;
  left: 50%;
  margin-left: -55px; /* Negative half of width. */
  width: 150px;
  height: 150px;
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 4000;
  width: 100%;
  height: 100%;
}

@-webkit-keyframes infiniteRotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/* Standard syntax */
@keyframes infinite-rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.spin {
  -webkit-animation: infiniteRotate 2s linear infinite;
  animation: infiniteRotate 2s linear infinite;
}

/*#endregion LOADING-SPINER*/
/************************************************************************************/
/*#region ****ESTILOS COMUNES CUSTOMER PORTAL*****/
.HispaCoreButton.btn {
  border-radius: 0.375rem;
}

@supports (selector(:has(*))) {
  .form-check .custom-option-content:has(> .form-check-input:checked) {
    border-color: #4066b3;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
    background-color: rgba(248, 251, 255, 0.4196078431);
    border-radius: 0.375rem;
    border-width: 2px;
  }
}
.brand_logo {
  display: flex;
  width: 200px;
  height: 45px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("../images/img_zurich/logos/Zurich_Insurance_Group_Logo_Horizontal.svg");
}
@media (max-width: 768px) {
  .brand_logo {
    width: 200px !important;
  }
}

.bg-header {
  background-color: #fff;
}

.search {
  width: 100%;
}
@media (max-width: 768px) {
  .search {
    width: min-content;
  }
}

body {
  font-family: "zurichsans-regular";
}

.text-primary {
  color: #4066b3 !important;
}

.bg-primary {
  background-color: #4066b3 !important;
}

.fs-mobile-07 {
  font-size: 0.7rem; /* tamaño en móvil */
}

.fs-small {
  font-size: 0.875em;
}

@media (max-width: 768px) {
  .fs-sm-small {
    font-size: 0.875em !important;
  }
}
@media (min-width: 768px) {
  .fs-mobile-07 {
    font-size: inherit; /* vuelve al tamaño estándar en desktop */
  }
}
.hover-text-primary:hover {
  color: var(--bs-primary) !important;
}

.verificar_Identidad {
  border: 1px solid #dbdade;
  border-radius: 0.375rem !important;
}

.inicio-header input, .ConfirmarCodigoEnvio input {
  width: 4rem;
  height: 4rem;
  border: 1px solid #dbdade;
  border-radius: 0.375rem !important;
}
.inicio-header input:focus-visible, .ConfirmarCodigoEnvio input:focus-visible {
  outline: none;
  border-color: #3B82F6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
}
@media (max-width: 768px) {
  .inicio-header input, .ConfirmarCodigoEnvio input {
    width: 2.9rem;
    height: 2.9rem;
  }
}

.border-radius {
  border-radius: 0.375rem !important;
}

.hover-border:hover {
  border: 1px solid #c6c9cb !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  font-size: 1.25rem !important;
}

/*#endregion*/
/************************************************************************************/
/*#region ****HISPACORECARD*****/
.HispaCoreCard_Style_Quasar .card {
  background-clip: padding-box;
  box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);
  position: static;
  height: 100% !important;
  margin-bottom: 1rem !important;
  border: 1px solid rgba(219, 218, 222, 0.5411764706);
  /*.card-header, .card-body {
      padding-right: 1.5rem;
      padding-left: 1.5rem;


  }*/
}
.HispaCoreCard_Style_Quasar .card .card-header {
  background-color: transparent;
  border-bottom: 0px;
  width: 100%;
  align-items: center;
  padding-top: 1rem;
}
.HispaCoreCard_Style_Quasar .card .card-header small {
  margin-bottom: 0;
  --bs-text-opacity: 1;
  color: #a5a3ae !important;
  font-size: 0.8125rem;
  vertical-align: middle;
}
.HispaCoreCard_Style_Quasar .card .card-header small font {
  text-transform: uppercase;
  color: #4066b3;
  font-size: 1rem;
  padding: 0.25rem;
  letter-spacing: -0.025rem;
  margin: 0px;
  line-height: 1.25;
  font-family: "zurichsans-regular";
  vertical-align: inherit;
  font-weight: 700;
}
.HispaCoreCard_Style_Quasar .card .card-body {
  margin: 0;
  list-style: none;
}

/*#endregion*/
/*#region ****HISPACOREMODAL*****/
.HispaCoreModal .modal-header {
  border-bottom: none;
}
.HispaCoreModal .modal-footer {
  border-top: none;
}

/*#endregion*/
/*FOOTER FIJO BOTTOM*/
html, body {
  height: 100% !important;
}

body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
}

.container {
  flex: 1 !important;
}

footer {
  margin-top: auto !important;
}

/************************************************************************************/
/*#region ****TIMELINE*****/
/* Timeline holder */
ul.timeline {
  list-style-type: none;
  position: relative;
  padding-left: 1.5rem;
}

/* Timeline vertical line */
ul.timeline:before {
  content: " ";
  background: #4066b3;
  display: inline-block;
  position: absolute;
  left: 16px;
  width: 4px;
  height: 100%;
  z-index: 400;
  border-radius: 1rem;
}

li.timeline-item {
  margin: 0px 0px 20px;
}

/* Timeline item arrow */
.timeline-arrow {
  border-top: 0.5rem solid transparent;
  border-right: 0.5rem solid #4066b3;
  border-bottom: 0.5rem solid transparent;
  display: block;
  position: absolute;
  left: 2rem;
}

/* Timeline item circle marker */
li.timeline-item::before {
  content: " ";
  background: #fff;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #4066b3;
  left: 8px;
  width: 20px;
  height: 20px;
  z-index: 400;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.text-gray {
  color: #999;
}

@media (max-width: 768px) {
  ul.timeline:before {
    left: 0px !important;
  }
}

@media (max-width: 768px) {
  li.timeline-item p, li.timeline-item b, li.timeline-item .card-title, li.timeline-item label {
    font-size: small;
  }
}
@media (max-width: 768px) {
  li.timeline-item:before {
    left: -8px !important;
  }
}

@media (max-width: 768px) {
  .timeline-arrow {
    left: 1rem !important;
  }
}

/*#endregion*/
/************************************************************************************/
/*#region ****CUSTOM-OPTION-FRANQUICIAS*****/
.form-check.custom-option.custom-option-icon.primary {
  /*  height: 16rem;*/
  /*min-width: 18rem;*/
  height: 9rem;
  min-width: auto;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 40px 0 rgba(205, 205, 205, 0.55);
  border: 1px solid #a3cfbb !important;
  background: rgba(163, 207, 187, 0.0509803922);
  /* transform: translateY(-20px); */
}

.form-custom-option-basic .custom-option:hover:not(.checked) {
  border-color: var(--bs-gray-600);
}

.form-custom-option-basic .custom-option:not(.custom-option-image) {
  margin: 1px;
}

.form-custom-option-basic .form-check {
  position: relative;
  padding-inline: 1.8em 0;
  display: block;
  min-height: 1.3754296875rem;
  /*padding-left: 1.8em;*/
  padding-left: 0;
  margin-bottom: 0.5rem;
}

.form-check.custom-option.custom-option-icon.primary label:has(.form-check-input:checked) {
  /* height: 16rem;*/
  height: 9rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
}

@supports (selector(:has(*))) {
  .form-check .custom-option-content:has(> .form-check-input:checked) {
    border-color: #4066b3;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.15);
    background-color: rgba(248, 251, 255, 0.4196078431);
    border-radius: 0.375rem;
    border-width: 2px;
  }
}
.custom-option-icon .custom-option-content {
  text-align: center;
  padding: 0.5em;
}

.form-custom-option-basic .custom-option .custom-option-body {
  color: #6f6b7d;
  display: block;
  margin-bottom: 0.5rem;
}

.form-custom-option-basic .form-check-label {
  color: #5d596c;
  cursor: pointer;
  /*width: 100%;*/
  width: auto;
}

.form-custom-option-basic .custom-option-price {
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: flex-start;
  margin-top: 0.3rem;
  margin-bottom: 0.2rem;
}

.form-custom-option-basic small, .form-custom-option-basic .small {
  font-size: 0.8125rem;
}

.form-custom-option-basic .custom-option-price {
  display: flex;
  /* flex-direction: column; */
  justify-content: center;
  align-items: flex-start;
  margin-top: 0.3rem;
  margin-bottom: 0.2rem;
}

.form-custom-option-basic .custom-option-price > .main-price {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1px;
}

.form-custom-option-basic .custom-option-price > .decimals {
  font-size: 0.8rem;
  margin-left: 2px;
  vertical-align: super;
}

.form-custom-option-basic .custom-option-price > .currency {
  font-size: 0.8rem;
  margin-left: 2px;
  vertical-align: super;
}

.form-custom-option-basic .custom-option-price > .total {
  font-size: 0.8rem;
  color: #666;
  margin-top: 0.1rem;
  align-self: self-end;
  margin-left: 2px;
}

.form-custom-option-basic small, .form-custom-option-basic .small {
  font-size: 0.8125rem;
}

.form-custom-option-basic .form-check:not(.form-switch) .form-check-input[type=radio], .form-custom-option-basic .dt-checkboxes-cell .form-check-input[type=radio] {
  background-size: 1.3125rem;
}

.form-custom-option-basic .form-check-input:checked {
  border-color: #4066b3 !important;
  background-color: #4066b3 !important;
  box-shadow: var(--bs-form-check-box-shadow);
}

.secondary.custom-option:not(.custom-option-image) {
  width: 100% !important;
  transform: scale(0.8);
  min-width: 11rem;
}

.custom-option-icon .custom-option-body i {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  display: block;
}

/*#endregion*/
/*#endregion*/
/************************************************************************************/
/*#region ****ESTILOS ZURICH*****/
body {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../images/fondo_cuadrados_2.png");
  background-size: cover;
}

/*body {
    background: #f8f7fa !important;
}*/
body {
  flex-direction: column !important;
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  display: flex !important;
}

footer {
  margin-top: auto !important;
}

.HispaCoreCard_Style_Quasar .card .card-body {
  color: #4a4a4a;
}

.bg-gradinent-primary {
  background: linear-gradient(2deg, rgb(255, 255, 255) 0%, rgba(217, 224, 240, 0.7) 100%);
  /* border-radius: inherit;*/
}

.icon-shadow {
  box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.59);
  border-radius: 0.375rem; /* opcional: hace sombra más suave */
}

.card-title-img {
  border: 6px solid #fff;
  width: 7rem;
  height: 7rem;
  margin: auto;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
.card-title-img svg {
  width: 7rem;
  height: 7rem;
  color: #cfdaef;
  position: relative;
  left: 0.5rem;
  top: 0.5rem;
}

/*#region ******SUSTITUCIÓN CLASES CUSTOMER PORTAL*******/
/*.cPFjAA {
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width:752px) {
    .cPFjAA {
        padding-top: 0;
        padding-bottom: 0;
    }
}*/
/*input*/
/*.rLwQj {
    border: 1px solid !important;
    border-color: #dbdade !important;
    color: #444050;
    border-radius: 0.375rem;
}

.kuOJiY, .cQjouM {
    box-shadow: 0 0.25rem 1.125rem rgba(75, 70, 92, 0.1);
}

.profile_hambarg {
    border: 1px solid $color-primary;

    &:hover {
        color: $color-primary;
    }
}


body,
.prorder_btn a,
p, h1, h2, h3, h4, h5, h6, .gVnGUN, .cGXcbM {
    font-family: $font-family-Titular;
}

.acprof_subbtn {
    button {
        font-family: $font-family-Titular;
    }
}

.img-Coberturas {
    border-left: 4px solid #d5ddef;
    height: 7rem;
    padding: 0.5rem;
}

.prof_info_title h4, .prof_recent_order h4, .order_detail_wrapper h4 {
    text-transform: uppercase;
}

.prof_recent_order, .prof_info_title {
    h4 {
        font-weight: bold;
    }
}
.acprof_img{
    width:auto;
}*/
/*#endregion*/
/*#region ******HEADER-WEB-ZURICH*******/
/*#headerLogado_Zurich {
    font-family: ZurichSans-Regular, sans-serif;*/
/* =========================
   Tokens (CSS Custom Properties)
   ========================= */
/*:root {
        --h4-font-size: 1rem;
        --font-weight-bold: 500;
        --btn-outline-primary-border-color: #23366f;
        --display4-weight: 300;
        --display2-size: 5.5rem;
        --font-color-base: #272833;
        --display2-weight: 300;
        --display1-weight: 300;
        --display3-weight: 300;
        --font-weight-lighter: lighter;
        --h3-font-size: 1.1875rem;
        --btn-outline-primary-hover-border-color: #23366f;
        --btn-link-color: #0b5fff;
        --btn-secondary-hover-background-color: #ffb629;
        --font-size-base-custom: 1rem;
        --btn-outline-primary-hover-background-color: #23366f;
        --btn-primary-hover-background-color: #234791;
        --btn-outline-primary-color: #23366f;
        --btn-link-hover-color: #004ad7;
        --btn-primary-background-color: #23366f;
        --btn-outline-primary-background-color: #fff;
        --btn-outline-primary-hover-color: #fff;
        --btn-secondary-background-color: #f69c00;
        --btn-outline-secondary-hover-border-color: #234791;
        --font-size-sm: 0.875rem;
        --display3-size: 4.5rem;
        --btn-primary-border-color: #23366f;
        --font-family-base: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
        --display-line-height: 1.2;
        --h6-font-size: 0.8125rem;
        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
        --h2-font-size: 1.375rem;
        --font-weight-light: 300;
        --btn-secondary-hover-color: #fff;
        --font-weight-semi-bold: 400;
        --font-weight-normal: 400;
        --h5-font-size: 0.875rem;
        --font-size-lg: 1.125rem;
        --font-family-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
        --display4-size: 3.5rem;
        --font-weight-bolder: 600;
        --btn-primary-hover-color: #fff;
        --display1-size: 6rem;
        --btn-outline-secondary-color: #23366f;
        --h1-font-size: 1.625rem;
        --btn-outline-secondary-background-color: transparent;
        --btn-secondary-border-color: #f69c00;
        --btn-primary-hover-border-color: #23366f;
        --btn-outline-secondary-hover-color: #fff;
        --btn-outline-secondary-border-color: #23366f;
        --btn-outline-secondary-hover-background-color: #234791;
        --btn-primary-color: #fff;
        --btn-secondary-color: #fff;
        --btn-secondary-hover-border-color: #f69c00;
    }*/
/* =========================
   Utilidad: Sticky
   ========================= */
/*.sticky-header {
        position: sticky !important;
        top: 0;
        z-index: 3;
        background-color: #fff;
    }

    .mod-Header {
        position: sticky !important;
        background-color: #fff;
        top: 0;
        z-index: 3;
    }

    @media (min-width: 1025px) {
        .mod-Header .mod.mod-Navigation {
            margin-top: 0;
            padding-top: 30px;
        }
    }

    .mod.mod-Navigation {
        margin-top: 30px;
        font-family: ZurichSans-Regular, sans-serif;
    }

    .icon.mobile-search, .mod-Breadcrumb .navigation-breadcrumb li:first-child:before, .mod-Content_accordion article .accordion-content, .mod-Content_tab.select-active .tab-link, .mod-Content_tab.select-active:after, .mod-Content_tab.tab-vertical:after, .mod-Media_stage_slider .main-slider-wrapper .caption-cell + .caption-cell, .mod-Navigation .mobile-menu-top, .mod-Navigation .subnav-header, .subscribe-action, .visible-mobile {
        display: none;
    }



    .mod-Navigation .has-navigation-1:before {
        height: 1px;
    }

    .mod-Navigation .has-navigation-1:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background: #4066b3;
        width: 100%;
    }

    .navbar {
        align-items: center;
        border-width: 0;
        display: flex;
        flex-wrap: wrap;
        font-size: 0.875rem;
        justify-content: space-between;
        padding: 0.5rem 1rem;
        position: relative;
    }

    @media (min-width: 1025px) {
        .mod-Navigation .sidebar-offcanvas.navbar.has-navigation-1 {
            padding: inherit;
            padding-top: 21px;
        }
    }

    .sidebar-offcanvas.navbar.has-navigation-1 {
        padding: inherit;
        padding-top: 21px;
    }

    .mod-Navigation .container-inlay {
        justify-content: normal;
        width: 100%;
    }

    .has-navigation-1 .container {
        margin: inherit;
    }

    .mod-Navigation .container-inlay, .mod-Navigation .mega-drop > .row, .mod.mod-Blog-article-highlight .image-background, .mod.mod-Image-list.large .product-description .image-modal-large, .mod.mod-Navigation-content .container-inlay {
        position: relative;
    }

    .navbar > .container-xxxl, .navbar > .container-xxl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar .container, .navbar .container-fluid {
        align-items: inherit;
        background-color: inherit;
        display: inherit;
        flex-wrap: inherit;
        justify-content: inherit;
    }

    .container:after, .container:before, .mod-Navigation .nav:after, .mod-Navigation .nav:before {
        content: " ";
        display: table;
    }

    @media (min-width: 1025px) {
        .mobile-menu-top-tablet, .mod-Navigation .hide-desktop, .mod.mod-Navigation .navbar .nav-group-scroll.only-mobile {
            display: none;
        }
    }

    .mod.mod-Navigation .navbar .btn-back {
        background-color: transparent;
        border: none;
        width: 0;
        padding: 0;
    }

    .hide {
        display: none !important;
    }

    button, [type=button], [type=reset], [type=submit] {
        cursor: pointer;
        -webkit-appearance: button;
    }

    button, input {
        overflow: visible;
    }

    input, button, select, optgroup, textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        margin: 0;
    }

    a {
        border-radius: 1px;
        color: #23366f;
        text-decoration: none;
        text-underline-offset: 0.23em;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    a:hover, a.hover {
        color: #172348;
        text-decoration: underline;
    }

    img {
        vertical-align: middle;
    }

    .nav {
        font-size: var(--font-size-base-custom, 1rem) !important;
    }

    .navbar-nav {
        flex-direction: row;
        z-index: 2;
        flex-wrap: wrap;
        display: flex;
        flex-wrap: inherit;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }

    .mod-Navigation .navigation-1 > ul > li, .mod-Navigation .drop-anchor-second-level .navigation-2 > ul > li, .mod-Navigation-content .navigation-1 > ul > li, .mod-Navigation .drop-anchor-second-level .navigation-2 > ul > li {
        position: inherit !important;
    }

    .mod-Navigation .navigation-1 > ul > li, .mod-Navigation-content .navigation-1 > ul > li {
        white-space: nowrap;
        position: inherit;
        text-align: center;
        background-color: #fff;
        float: left;
        border-bottom: 1px solid #4066b3;
    }

    .mod-Carousel-landing .main-slider-wrapper .center div, .nav > li {
        white-space: normal;
    }



    .navbar .nav li > a {
        word-break: normal;
    }

    .mod-Navigation .drop-anchor-second-level, .mod.mod-Blog-latest .image {
        overflow: hidden;
    }

    .author-article, .drop-anchor-second-level-container, .elements-block, .mod-Content_accordion .mod.mod-Content_copy, .mod-Content_tab .select-container, .mod-Content_tab .select-container .bootstrap-select, .mod.mod-ADT_Blog_slider .button-link a, .mod.mod-Blog-article-highlight .image-background .img-responsive, .mod.mod-Contact .elements-block .no-description .row, .mod.mod-Highlight-Search .image img, .mod.mod-Image-list.large img, .modal-zurich .modal-body .mod.mod-Product-2 .elements-block .element-block .img-responsive {
        width: 100%;
    }

    .mod-Navigation .container-inlay .navigation-2 {
        position: absolute;
        left: 0;
        right: 0;
        display: none;
    }

    .mod-Navigation .drop-anchor-second-level .navigation-2 > ul {
        overflow: hidden;
        display: table-row;
    }

    .nav {
        font-size: var(--font-size-base-custom, 1rem) !important;
    }

    .mod-Navigation .navigation-1 > ul > li, .mod-Navigation .drop-anchor-second-level .navigation-2 > ul > li, .mod-Navigation-content .navigation-1 > ul > li, .mod-Navigation .drop-anchor-second-level .navigation-2 > ul > li {
        position: inherit !important;
    }



    .mod-Navigation .drop-anchor-second-level .navigation-2 > ul > li > a.icon {
        border-bottom: 1px solid #fff;
        padding-top: 17px;
    }

    @media (min-width: 1025px) {
        .mod-Navigation .drop-anchor-second-level .navigation-2 > ul > li > a, .mod-Navigation .navigation-1 > ul > li > a, .mod-Navigation-content .navigation-1 > ul > li > a {
            padding: 22px 7px 18px;
            color: #4066b3;
            line-height: 15px;
        }
    }

    .navbar .nav li > a {
        word-break: normal;
    }

    .navbar .nav li > a {
        overflow-wrap: break-all;
        word-wrap: break-all;
    }

    li.menu-icon__item a {
        border-bottom: none !important;
    }

    .nav > li > a {
        padding: 0.625rem 1rem;
    }

    .custom-select > div.show, .mod-Content_accordion article.initially-open .accordion-content, .mod-Content_tab .tab-item.active .tab-content, .mod.mod-Content_view2 .tab-item.active .tab-content, .mod.mod-Content_view4 .just-content, .mod.mod-Content_view4 .just-content .tab-content, .mod.mod-Content_view4 .just-content .tab-item.active, .mod.mod-Content_view4 .tab-item.active .tab-content, .mod.mod-Content_view4 .tab-list, .mod.mod-Navigation .mega-drop .navigation-3 .submenu.menu-open .hidden-xs, .nav > li > a, .no-js .mod-Teaser_errormessages.error-no-js, .radio-basic-mult-answers-answer .radio-container input:checked ~ .checkmark:after, .visible-desktop {
        display: block;
    }

    .navigation-3 a {
        color: #4066b3;
    }

    .container:after {
        clear: both;
    }

    @media (min-width: 1200px) {
        .mod-Navigation .has-navigation-1:after {
            width: calc((100% - 1180px) / 2);
        }
    }

    @media (min-width: 1025px) {
        .mod-Navigation .has-navigation-1:after {
            width: calc((100% - 972px) / 2);
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            background: #fff;
            height: 1px;
        }
    }

    @media (min-width: 1200px) {
        .mod-Navigation .has-navigation-1:after {
            width: calc((100% - 1386px) / 2);
        }
    }

    @media (min-width: 1025px) {
        .mod-Navigation .sidebar-offcanvas.navbar.has-navigation-1 {
            padding: inherit;
            padding-top: 21px;
        }
    }

    .sidebar-offcanvas.navbar.has-navigation-1 {
        padding: inherit;
        padding-top: 21px;
    }

    .mod.mod-Navigation .mega-drop-anchor {
        position: fixed;
    }

    .mega-drop-anchor {
        display: none;
        clear: both;
        height: 0;
        position: relative;
        width: 100%;
        z-index: 100;
    }

    .mega-drop-anchor .mega-drop-outer-wrapper {
        display: block;
        left: 0;
        overflow: hidden;
        right: 0;
        width: 100%;
        z-index: 2;
        margin: -2px auto 0;
        background-color: #fff;
    }

    .mod.mod-Navigation .container.mega-drop {
        padding-right: 0;
        padding-bottom: 0;
    }

    .mod-Navigation .mega-drop {
        height: auto;
        min-height: 180px;
        width: 100%;
        padding-bottom: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (min-width: 1440px) {
        .container {
            max-width: 1180px;
        }
    }

    @media (min-width: 1200px) {
        .container {
            max-width: 1100px;
        }
    }

    .container {
        width: inherit;
        box-sizing: content-box;
    }

    @media (min-width: 1280px) {
        .container-xl, .container-lg, .container-md, .container-sm, .container {
            max-width: 1248px;
        }
    }

    @media (min-width: 992px) {
        .container-lg, .container-md, .container-sm, .container {
            max-width: 960px;
        }
    }

    @media (min-width: 768px) {
        .container-md, .container-sm, .container {
            max-width: 720px;
        }
    }

    @media (min-width: 576px) {
        .container-sm, .container {
            max-width: 540px;
        }
    }

    @media (min-width: 1280px) {
        .container {
            max-width: 1248px;
        }
    }

    @media (min-width: 992px) {
        .container {
            max-width: 960px;
        }
    }

    @media (min-width: 768px) {
        .container {
            max-width: 720px;
        }
    }

    @media (min-width: 576px) {
        .container {
            max-width: 540px;
        }
    }

    .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(24px * 0.5);
        padding-right: calc(24px * 0.5);
        width: 100%;
        max-width: 1392px;
        max-width: 1872px;
    }

    .row:first-child {
        display: flex;
    }

    .container.mega-drop .row {
        margin: 0;
    }

    .container.mega-drop .row, .mod.mod-Image-list .image-list .image img, .product-image img {
        width: -webkit-fill-available;
    }

    .mod-Navigation .container-inlay, .mod-Navigation .mega-drop > .row, .mod.mod-Blog-article-highlight .image-background, .mod.mod-Image-list.large .product-description .image-modal-large, .mod.mod-Navigation-content .container-inlay {
        position: relative;
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .mega-drop .col-sm-4.navigation-3 {
            padding-left: 5px;
            padding-right: 5px;
        }
    }

    .cont.navigation-3 {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    @media (min-width: 576px) {
        .col-sm-4 {
            flex: 0 0 calc(4 / 12 * 100%);
            max-width: calc(4 / 12 * 100%);
        }
    }

    .mod.mod-Navigation .mega-drop .col-sm-4.navigation-3 > ul {
        height: calc(100vh - 147px);
        overflow: auto;
        display: block;
        padding-bottom: 5rem;
        border-right: 1px solid #dce9f4;
    }

    .mod.mod-Navigation .mega-drop .navigation-3 > ul > li {
        margin-bottom: 7px;
    }

    .mod.mod-Navigation .mega-drop .menu-icon__item {
        margin: 10px 0;
    }

    .mod-Carousel-landing .main-slider-wrapper .center div, .nav > li {
        white-space: normal;
    }

    .mod.mod-Navigation .mega-drop .navigation-3 ul li.menu-icon__item > a {
        font-family: ZurichSans-Medium, Arial, sans-serif;
        padding: 0 16px 0 31px;
        font-size: 18px;
        line-height: auto;
        margin: 0;
    }

    .mod.mod-Navigation .mega-drop .navigation-3 > ul > li > a, .mod.mod-Navigation .mega-drop .navigation-3 > ul > li > a.azul, .mod.mod-Navigation .mega-drop .navigation-3 > ul > li > a.naranja {
        font-family: ZurichSans-Light, Arial, sans-serif;
        font-size: 16px;
        color: #4066b3;
        font-weight: 400;
        padding: 0 16px 0 31px;
        margin: 0;
        line-height: 20px;
    }

    .mod.mod-Navigation .mega-drop .navigation-3 > ul > li > a, .mod.mod-Navigation .mega-drop .navigation-4 ul li a.tercernivel {
        font-size: 20px;
        border-bottom: 1px solid #cdcdcd;
        line-height: 25px;
    }

    .mod.mod-Navigation .mega-drop .navigation-3 > ul > li > a.cuartonivel, .mod.mod-Navigation .mega-drop ul li a {
        font-size: 15px;
        display: flex;
        margin: 0 16px;
        text-align: left;
        padding: 22px 22px 18px 0;
        color: #4066b3;
        line-height: 15px;
    }

    li.menu-icon__item a {
        border-bottom: none !important;
    }

    .nav > li > a {
        padding: 0.625rem 1rem;
    }

    .custom-select > div.show, .mod-Content_accordion article.initially-open .accordion-content, .mod-Content_tab .tab-item.active .tab-content, .mod.mod-Content_view2 .tab-item.active .tab-content, .mod.mod-Content_view4 .just-content, .mod.mod-Content_view4 .just-content .tab-content, .mod.mod-Content_view4 .just-content .tab-item.active, .mod.mod-Content_view4 .tab-item.active .tab-content, .mod.mod-Content_view4 .tab-list, .mod.mod-Navigation .mega-drop .navigation-3 .submenu.menu-open .hidden-xs, .nav > li > a, .no-js .mod-Teaser_errormessages.error-no-js, .radio-basic-mult-answers-answer .radio-container input:checked ~ .checkmark:after, .visible-desktop {
        display: block;
    }

    .mod.mod-Navigation .mega-drop .menu-icon__item .navigation-3 {
        padding: 5px 0;
    }

    .navigation-3 ul ul {
        flex-direction: column;
    }

    .mod.mod-Navigation .mega-drop .navigation-3 > ul > li {
        margin-bottom: 7px;
    }

    .mod-Carousel-landing .main-slider-wrapper .center div, .nav > li {
        white-space: normal;
    }

    .mod.mod-Navigation .mega-drop .navigation-3 > ul > li > a, .mod.mod-Navigation .mega-drop .navigation-3 > ul > li > a.azul, .mod.mod-Navigation .mega-drop .navigation-3 > ul > li > a.naranja {
        font-family: ZurichSans-Light, Arial, sans-serif;
        font-size: 16px;
        color: #4066b3;
        font-weight: 400;
        padding: 0 16px 0 31px;
        margin: 0;
        line-height: 20px;
    }

    .mod.mod-Navigation .mega-drop .navigation-3 > ul > li > a, .mod.mod-Navigation .mega-drop .navigation-4 ul li a.tercernivel {
        font-size: 20px;
        border-bottom: 1px solid #cdcdcd;
        line-height: 25px;
    }

    .mod.mod-Navigation .mega-drop .navigation-3 > ul > li > a.cuartonivel, .mod.mod-Navigation .mega-drop ul li a {
        font-size: 15px;
        display: flex;
        margin: 0 16px;
        text-align: left;
        padding: 22px 22px 18px 0;
        color: #4066b3;
        line-height: 15px;
    }

    li.menu-icon__item a {
        border-bottom: none !important;
    }

    .nav > li > a {
        padding: 0.625rem 1rem;
    }

    .custom-select > div.show, .mod-Content_accordion article.initially-open .accordion-content, .mod-Content_tab .tab-item.active .tab-content, .mod.mod-Content_view2 .tab-item.active .tab-content, .mod.mod-Content_view4 .just-content, .mod.mod-Content_view4 .just-content .tab-content, .mod.mod-Content_view4 .just-content .tab-item.active, .mod.mod-Content_view4 .tab-item.active .tab-content, .mod.mod-Content_view4 .tab-list, .mod.mod-Navigation .mega-drop .navigation-3 .submenu.menu-open .hidden-xs, .nav > li > a, .no-js .mod-Teaser_errormessages.error-no-js, .radio-basic-mult-answers-answer .radio-container input:checked ~ .checkmark:after, .visible-desktop {
        display: block;
    }

    .navigation-3 a {
        color: #4066b3;
    }



    .mega-drop-anchor .mega-drop-outer-wrapper {
        display: block;
        left: 0;
        overflow: hidden;
        right: 0;
        width: 100%;
        z-index: 2;
        margin: -2px auto 0;
        background-color: #fff;
    }

    .mod.mod-Navigation .container.mega-drop {
        padding-right: 0;
        padding-bottom: 0;
    }

    .mod-Navigation .mega-drop {
        height: auto;
        min-height: 180px;
        width: 100%;
        padding-bottom: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    @media (max-width: 767px) {
        .mod-Header .top-bar .container, .mod-Navigation .navigation-1 .navigation-2 .navigation-3.no-content > ul, .mod.mod-Footer .legal, .mod.mod-Navigation, .navigation-3:not(:last-child), .portlet-layout.mod.mod-Piano .col-md-3:not(:first-of-type) .product-description {
            margin-top: 0;
        }
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element#elementContactanos, .mod.mod-Navigation .no-menu .logo {
            margin-left: auto;
        }
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element, .mod.mod-Navigation .logo {
            margin: 0 5px;
        }
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element, .mod.mod-Navigation .logo {
            margin: 0 5px 10px;
        }
    }

    .element {
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
    }

    .element, .mod-Media_stage_slider .main-slider-wrapper .caption-cell blockquote, .mod-Media_stage_slider .main-slider-wrapper .caption-cell h2, .mod-Media_stage_slider .main-slider-wrapper .caption-cell h3, .mod-Media_stage_slider .main-slider-wrapper .caption-cell h4, .mod-Navigation .mega-drop a:focus {
        color: #006;
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element .icon img {
            margin-right: 0;
        }
    }

    .element .icon img {
        vertical-align: top;
        width: 20px;
        height: 20px;
        margin-right: 3px;
    }

    .inside-element {
        vertical-align: top;
        line-height: 11px;
        padding: 4px 0;
        display: inline-block;
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element.area-profesionales {
            border: 1px solid #4066b3;
            padding: 5px;
            border-radius: 5px;
            background-color: #fff;
        }
    }



    .element {
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
    }

    .element, .mod-Media_stage_slider .main-slider-wrapper .caption-cell blockquote, .mod-Media_stage_slider .main-slider-wrapper .caption-cell h2, .mod-Media_stage_slider .main-slider-wrapper .caption-cell h3, .mod-Media_stage_slider .main-slider-wrapper .caption-cell h4, .mod-Navigation .mega-drop a:focus {
        color: #006;
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element.area-cliente {
            border: 1px solid #4066b3;
            padding: 5px;
            border-radius: 5px;
            background-color: #4066b3;
        }
    }


    @media (min-width: 1025px) {
        .mod.mod-Navigation .element.area-cliente a {
            color: #fff;
        }
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element a {
            color: #4066b3;
        }
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element.area-cliente a {
            color: #fff;
        }
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element.area-cliente a {
            color: #fff;
        }
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element .icon img.visible-desktop {
            display: inherit;
        }
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element .icon img {
            margin-right: 0;
        }
    }

    .element .icon img {
        vertical-align: top;
        width: 20px;
        height: 20px;
        margin-right: 3px;
    }

    @media (min-width: 1025px) {
        .mod.mod-Navigation .element .icon img {
            margin-right: 0;
        }
    }

    .element .icon img {
        vertical-align: top;
        width: 20px;
        height: 20px;
        margin-right: 3px;
    }

    .icon.mobile-search, .mod-Breadcrumb .navigation-breadcrumb li:first-child:before, .mod-Content_accordion article .accordion-content, .mod-Content_tab.select-active .tab-link, .mod-Content_tab.select-active:after, .mod-Content_tab.tab-vertical:after, .mod-Media_stage_slider .main-slider-wrapper .caption-cell + .caption-cell, .mod-Navigation .mobile-menu-top, .mod-Navigation .subnav-header, .subscribe-action, .visible-mobile {
        display: none;
    }

    .mod-Navigation .navigation-1 > ul > li > a:hover {
        color: #91bfe3;
    }

    @media (min-width: 1025px) {
        .mod-Navigation .sidebar-offcanvas.navbar.has-navigation-1 {
            padding: inherit;
            padding-top: unset;
        }
    }

    @media (max-width: 767px) {
        .columnas-val-rrss .mod, .mod.mod-Header, .mod.mod-Navigation {
            padding: 0 !important;
        }
    }

    @media (max-width: 767px) {
        .mod {
            padding: 37px 15px !important;
        }
    }

    @media (max-width: 767px) {
        .mod-Header {
            height: 50px;
        }
    }

    @media (max-width: 767px) {
        .columnas-val-rrss .mod, .mod.mod-Header, .mod.mod-Navigation {
            padding: 0 !important;
        }
    }

    @media (max-width: 767px) {
        .mod-Header .top-bar .container, .mod-Navigation .navigation-1 .navigation-2 .navigation-3.no-content > ul, .mod.mod-Footer .legal, .mod.mod-Navigation, .navigation-3:not(:last-child), .portlet-layout.mod.mod-Piano .col-md-3:not(:first-of-type) .product-description {
            margin-top: 0;
        }
    }

    .mod.mod-Navigation {
        margin-top: 30px;
        font-family: ZurichSans-Regular, sans-serif;
    }

    @media (max-width: 767px) {
        .columnas-val-rrss .mod, .mod.mod-Header, .mod.mod-Navigation {
            padding: 0 !important;
        }
    }

    @media (max-width: 767px) {
        .mod-Header .top-bar .container, .mod-Navigation .navigation-1 .navigation-2 .navigation-3.no-content > ul, .mod.mod-Footer .legal, .mod.mod-Navigation, .navigation-3:not(:last-child), .portlet-layout.mod.mod-Piano .col-md-3:not(:first-of-type) .product-description {
            margin-top: 0;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .mobile-menu-top {
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.11);
            height: 50px;
            position: fixed;
            display: flex;
            width: 100%;
            background-color: #fff;
            z-index: 2;
        }
    }

    @media (max-width: 1024px) {
        .mod-Navigation .mobile-menu-top {
            border-bottom: 1px solid #dbe9f4;
        }
    }

    @media (max-width: 767px) {
        .drop-anchor-second-level-container, .mod-Header .mobile-menu-top .visible-mobile.navbar-toggle, .mod.mod-Image-list .button-link.col-md-7 {
            margin-left: 0;
        }
    }

    @media (max-width: 768px) {
        .mod-Header .mobile-menu-top .visible-mobile.navbar-toggle {
            padding-left: 20px;
        }
    }

    @media (max-width: 767px) {
        .mod-Header .mobile-menu-top .visible-mobile {
            height: 50px;
        }
    }

    @media (max-width: 1024px) {
        .mod-Header .mobile-menu-top .visible-mobile {
            align-items: center;
            display: flex;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .navbar-toggle {
            margin-top: 0;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .navbar-toggle, .mod-Navigation.navigation-agentes .navbar-toggle {
            float: left;
            margin-left: 5px;
            margin-right: 0;
            color: #4066b3;
            font-size: 22px;
            line-height: 22px;
            width: auto;
            height: auto;
        }
    }

    @media (max-width: 1024px) {
        .btn-menu.navbar-toggle {
            background-color: transparent;
            border-color: transparent;
        }
    }

    @media (max-width: 767px) {
        .row.row-cols-2, .row.row-cols-3, .row.row-cols-4, .row.row-cols-5, .visible-mobile {
            display: block;
        }
    }

    @media (max-width: 1024px) {
        .mod-Header .mobile-menu-top .visible-mobile.navbar-toggle span {
            display: flex;
            align-self: center;
            font-family: ZurichSans-Light, Arial, sans-serif;
            font-size: 18px;
            margin-right: 7px;
        }
    }




    @media (max-width: 768px) {
        .mod-Navigation .navbar-toggle .i-menu:before, .mod-Navigation.navigation-agentes .navbar-toggle .i-menu:before {
            content: "\e619";
            font-family: zurich-icons, sans-serif;
        }
    }



    @media (max-width: 768px) {
        .mod-Header .mobile-menu-top > .btn-back {
            margin-right: auto;
            background-color: transparent;
            border: none;
            padding-left: 16px;
        }
    }

    .hide {
        display: none !important;
    }


    @media (max-width: 1024px) {
        .mod-Header .mobile-menu-top .visible-mobile {
            align-items: center;
            display: flex;
        }
    }



    @media (max-width: 767px) {
        .mod-Navigation .visible-mobile .mobile-top-bar {
            margin-top: 13px;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .visible-mobile .mobile-top-bar {
            margin-right: 20px;
            margin-top: 11px;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .mobile-menu-top .logo {
            display: block;
            z-index: -1;
            background-color: #fff;
            margin: 0 auto;
        }
    }

    @media (max-width: 768px) {
        .mod-Navigation .mobile-menu-top .logo {
            width: auto;
        }
    }

    @media (max-width: 767px) {
        .mod-Header .logo, .mod-Header-agentes .logo {
            position: fixed;
            left: 0;
            right: 0;
            margin-top: 12px;
        }
    }

    @media (max-width: 767px) {
        .mod-Header .logo {
            padding: 0;
            margin: 0;
        }
    }

    .logo img {
        width: 135px;
    }

    @media (max-width: 767px) {
        .visible-desktop {
            display: none;
        }
    }

    @media (max-width: 1024px) {
        .mod-Header .mobile-menu-top .logo .visible-mobile {
            margin-left: auto;
            margin-right: 15px;
            width: 110px;
        }
    }

    @media (max-width: 767px) {
        .mod-Header .mobile-menu-top .visible-mobile {
            height: 50px;
        }
    }

    @media (max-width: 767px) {
        .mod-Header .logo .visible-mobile, .mod-Header-agentes .logo .visible-mobile {
            margin: auto;
        }
    }

    @media (max-width: 1024px) {
        .mod-Header .mobile-menu-top .visible-mobile {
            align-items: center;
            display: flex;
        }
    }

    @media (max-width: 767px) {
        .mod-Header .logo img {
            height: 32px;
        }
    }

    @media (max-width: 1024px) {
        .mod-Navigation .sidebar-offcanvas.navbar.has-navigation-1 {
            height: 100vh;
            background-color: #fff;
            position: fixed;
        }
    }

    @media (max-width: 767px) {
        .mod.mod-Navigation .container-fluid, .sidebar-offcanvas.navbar.has-navigation-1 {
            padding-top: 0;
            align-items: unset;
            overflow-y: scroll;
        }
    }

    .sidebar-offcanvas.navbar.has-navigation-1 {
        padding: inherit;
        padding-top: 21px;
    }

    @media (max-width: 767px) {
        .sidebar-offcanvas {
            top: 0;
            width: 100%;
            height: auto;
        }
    }

    @media (max-width: 1024px) {
        .hidden-sm {
            display: none !important;
        }
    }

    @media (max-width: 767px) {
        .mod.mod-Navigation .container-fluid, .sidebar-offcanvas.navbar.has-navigation-1 {
            padding-top: 0;
            align-items: unset;
            overflow-y: scroll;
        }
    }

    @media (max-width: 767px) {
        .mod-Media_stage_slider .main-slider-wrapper .cta, .mod-Navigation .sidebar-offcanvas .container {
            max-width: none;
        }
    }

    @media (max-width: 768px) {
        .mod-Navigation .sidebar-offcanvas .container {
            justify-content: unset;
        }
    }

    @media (max-width: 1024px) {
        .mod-Navigation .sidebar-offcanvas .container {
            padding: 0;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .container-inlay {
            display: flex;
            flex-direction: column;
        }
    }

    @media (max-width: 768px) {
        .mod-Navigation .sidebar-offcanvas.navbar.has-navigation-1 .logo, .mod.mod-Navigation .mobile-menu-top-tablet {
            display: none;
        }
    }



    @media (max-width: 767px) {
        .mod-Navigation .visible-mobile .mobile-top-bar {
            margin-top: 13px;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .visible-mobile .mobile-top-bar {
            margin-right: 20px;
            margin-top: 11px;
        }
    }

    @media (max-width: 1024px) {
        .mod.mod-Navigation .sidebar-offcanvas.navbar.has-navigation-1 .navigation-main {
            margin-bottom: 150px;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .navigation-main {
            width: 100%;
            margin-top: 50px;
        }
    }

    @media (max-width: 767px) {
        .mod-Header .top-bar, .mod-Navigation .navigation {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .container-inlay .navigation-2, .mod-Navigation .navigation-1, .mod-Navigation .navigation-1 .navigation-2 .navigation-3 .navigation-4 {
            left: 0;
            position: relative;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .sidebar-offcanvas .navbar-nav {
            z-index: 0;
            flex-direction: column;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .drop-anchor-second-level .navigation-2 > ul > li, .mod-Navigation .navigation-1 > ul > li, .mod-Navigation-content .navigation-1 > ul > li {
            white-space: normal;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .navigation-1 > ul > li > a {
            text-align: left;
        }
    }

    @media (max-width: 1024px) {
        .mod-Navigation .navigation-1 > ul > li > a {
            margin: 0;
            padding: 15px 0 15px 51px;
            font-family: ZurichSans-Regular, Arial, sans-serif;
            color: #4066b3;
            font-size: 20px;
        }
    }

    @media (max-width: 767px) {
        .drop-anchor-second-level-container, .mod-Header .mobile-menu-top .visible-mobile.navbar-toggle, .mod.mod-Image-list .button-link.col-md-7 {
            margin-left: 0;
        }
    }



    @media (max-width: 767px) {
        .mod-Header .top-bar, .mod-Navigation .navigation {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .navigation-2 {
            width: 100%;
            display: block;
            left: 100%;
            top: 0;
            position: absolute;
            margin-left: 0;
            padding-left: 15px;
        }
    }

    @media (max-width: 1024px) {
        .hidden-sm {
            display: none !important;
        }
    }

    @media (max-width: 767px) {
        .icon.desktop-search, .landing .mod.mod-Footer a.logo, .mod-Header .top-bar .phone-search .element.col-2 a .inside-element, .mod-Header .top-bar.show.bottom .row > .element, .mod-Navigation .btn-back.back .i-back, .mod-Navigation .navigation-1 .navigation-2 .navigation-3 .navigation-4.hidden-xs, .mod-Navigation .navigation-1 > ul > li .navigation-2, .mod-Navigation .navigation-1 > ul > li.selected .navigation-2, .mod-Navigation .navigation.navigation-2.hidden > p, .switch-to-menu-mobile .mod.mod-Navigation > .mobile-menu-top > a {
            display: none;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .container-inlay .navigation-2, .mod-Navigation .navigation-1, .mod-Navigation .navigation-1 .navigation-2 .navigation-3 .navigation-4 {
            left: 0;
            position: relative;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .container-inlay .navigation-2, .mod-Navigation .navigation-1 .navigation-2 .navigation-3, .mod-Navigation .navigation-1 .navigation-2 .navigation-3 .navigation-4 {
            display: block;
            left: 100%;
            padding-top: 0;
            padding-left: 0;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .drop-anchor-second-level .navigation-2 > ul {
            display: flex;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .sidebar-offcanvas .navbar-nav {
            z-index: 0;
            flex-direction: column;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .navigation-2 > ul {
            left: 0;
        }
    }

    @media (max-width: 768px) {
        .mod-Navigation .navigation-1 .navigation-2 > ul > li > a, .mod-Navigation .navigation-1 .navigation-2 > ul > li > a.icon, .mod-Navigation .navigation-1 .navigation-2 .navigation-3 > ul > li > a, .mod-Navigation .navigation-1 .navigation-2 .navigation-3 .navigation-4 > ul > li > a, .mod-Navigation .navigation-1 .navigation-2 .navigation-3 .navigation-4 .subnav-header a {
            padding: 22px 22px 18px 0px !important;
            margin: 0 0px !important;
        }
    }

    @media (max-width: 767px) {
        .mod-Content_tab .tab-item.active .tab-link, .mod-Header .top-bar .container .row .phone-search .element a, .mod-Navigation .navigation-1 .navigation-2 > ul > li > a, .mod-Navigation .navigation-1 .navigation-2 > ul > li > a.icon {
            border: none;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .navigation-1 .navigation-2 > ul > li > a, .mod-Navigation .navigation.navigation-2.hidden > ul {
            padding-left: 0;
        }
    }

    @media (max-width: 767px) {
        .mod-Navigation .navigation-1 .navigation-2 .navigation-3 {
            padding-top: 0;
            overflow: scroll;
        }
    }

    @media (max-width: 768px) {
        #elementContactanos, .area-cliente, .area-profesionales, .mod.mod-Navigation .navbar .nav-group-scroll {
            width: 100%;
        }
    }

    @media (max-width: 1024px) {
        .mod.mod-Navigation .navbar .nav-group-scroll {
            background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
            height: 35px;
            position: fixed;
            width: 55%;
            margin-bottom: 135px;
        }
    }

    .mod.mod-Navigation .mega-drop .col-sm-4.navigation-3 .nav-group-scroll, .mod.mod-Navigation .navbar .nav-group-scroll {
        background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
        bottom: 2rem;
        transform: rotate(180deg);
        display: block;
        cursor: pointer;
        height: 60px;
        line-height: 1.3;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 1005;
    }

    @media (max-width: 768px) {
        #elementContactanos, .area-cliente, .area-profesionales, .mod.mod-Navigation .navbar .nav-group-scroll {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        #elementContactanos {
            height: 56px;
            margin-bottom: 179px;
        }
    }

    @media (max-width: 768px) {
        #elementBusqueda, #elementContactanos, .area-cliente, .area-profesionales {
            display: flex;
            align-items: center;
        }
    }

    @media (max-width: 1024px) {
        #elementContactanos {
            bottom: 0;
            width: 55%;
            z-index: 1005;
            border-top: 1px solid #dbe9f4;
            box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.07%);
        }
    }

    @media (max-width: 1024px) {
        #elementContactanos, .area-cliente, .area-profesionales {
            position: fixed;
            background-color: #fff;
        }
    }

    @media (max-width: 1024px) {
        #elementContactanos a, .area-cliente a, .area-profesionales a {
            padding: 10px 0 10px 52px;
            font-family: ZurichSans-Regular, Arial, sans-serif;
            color: #4066b3;
            font-size: 20px;
            display: block;
        }
    }

    @media (max-width: 1024px) {
        #elementContactanos a span {
            margin-top: 0;
        }
    }

    @media (max-width: 1024px) {
        #elementContactanos a span, .area-cliente a span, .area-profesionales a span {
            position: absolute;
            left: 19px;
            margin-top: 3px;
        }
    }

    @media (max-width: 1024px) {
        .mod.mod-Navigation .element .icon img {
            margin-right: 0;
            width: 27px;
            height: 27px;
            margin-top: -5px;
        }
    }

    @media (max-width: 768px) {
        #elementBusqueda {
            width: 100%;
            height: 57px;
            margin-bottom: 123px;
        }
    }

    @media (max-width: 768px) {
        #elementBusqueda, #elementContactanos, .area-cliente, .area-profesionales {
            display: flex;
            align-items: center;
        }
    }

    @media (max-width: 1024px) {
        #elementBusqueda {
            position: fixed;
            bottom: 0;
            width: 55%;
            z-index: 1005;
            background-color: #fff;
            height: 41px;
        }
    }

    @media (max-width: 1024px) {
        #elementBusqueda a {
            padding: 10px 0 10px 52px;
            font-family: ZurichSans-Regular, Arial, sans-serif;
            color: #4066b3;
            font-size: 20px;
            display: block;
        }
    }

    @media (max-width: 1024px) {
        #elementBusqueda a span {
            position: absolute;
            left: 19px;
            margin-top: 0;
        }
    }

    @media (max-width: 768px) {
        .area-profesionales {
            height: 56px;
            margin-bottom: 67px;
        }
    }

    @media (max-width: 768px) {
        #elementBusqueda, #elementContactanos, .area-cliente, .area-profesionales {
            display: flex;
            align-items: center;
        }
    }

    @media (max-width: 1024px) {
        .area-profesionales {
            bottom: 0;
            width: 55%;
            z-index: 100;
        }
    }

    @media (max-width: 1024px) {
        #elementContactanos, .area-cliente, .area-profesionales {
            position: fixed;
            background-color: #fff;
        }
    }


    @media (max-width: 1024px) {
        #elementContactanos a span, .area-cliente a span, .area-profesionales a span {
            position: absolute;
            left: 19px;
            margin-top: 3px;
        }
    }

    @media (max-width: 1024px) {
        .mod.mod-Navigation .element .icon img {
            margin-right: 0;
            width: 27px;
            height: 27px;
            margin-top: -5px;
        }
    }

    @media (max-width: 768px) {
        .area-cliente {
            height: 67px;
        }
    }

    @media (max-width: 768px) {
        #elementBusqueda, #elementContactanos, .area-cliente, .area-profesionales {
            display: flex;
            align-items: center;
        }
    }

    @media (max-width: 1024px) {
        .area-cliente {
            bottom: 0;
            width: 55%;
            z-index: 100;
            padding-bottom: 10px;
        }
    }

    @media (max-width: 1024px) {
        #elementContactanos, .area-cliente, .area-profesionales {
            position: fixed;
            background-color: #fff;
        }
    }

    @media (max-width: 1024px) {
        .mod-Navigation .sidebar-offcanvas.navbar.has-navigation-1.no-menu, .mod.mod-Navigation .element .icon img.visible-desktop {
            display: none;
        }
    }

    @media (max-width: 1024px) {
        .mod.mod-Navigation .element .icon img {
            margin-right: 0;
            width: 27px;
            height: 27px;
            margin-top: -5px;
        }
    }

    @media (max-width: 1024px) {
        .area-cliente a .inside-element, .area-profesionales a .inside-element {
            padding: 0;
            vertical-align: middle;
            line-height: inherit;
        }
    }

    @media (max-width: 768px) {
        .mod-Navigation .sidebar-offcanvas.navbar.has-navigation-1 .logo, .mod.mod-Navigation .mobile-menu-top-tablet {
            display: none;
        }
    }

    @media (max-width: 767px) {
        .mod-Header .logo, .mod-Header-agentes .logo {
            position: fixed;
            left: 0;
            right: 0;
            margin-top: 12px;
        }
    }




    @media (max-width: 767px) {
        .mod-Header .logo .visible-mobile, .mod-Header-agentes .logo .visible-mobile {
            margin: auto;
        }
    }



    @media (max-width: 767px) {
        .container-offcanvas {
            position: relative;
            -webkit-transition: 0.3s ease-out;
            -moz-transition: 0.3s ease-out;
            transition: 0.3s ease-out;
            margin-left: 0;
            margin-right: 0;
            right: 0;
        }
    }

    @media (max-width: 768px) {
        .mod-Header .mobile-menu-top > .btn-back:before {
            content: url(https://www.zurich.es/o/zurich-global-theme/images/new_menu/aspa_cierre.svg);
            display: block;
            width: 26px;
            height: 26px;
        }
    }

    @media (max-width: 1024px) {
        .mod-Navigation .navigation-1 ul > li.submenu > span {
            content: url(https://www.zurich.es/o/zurich-global-theme/images/new_menu/arrow_desplegable.svg);
            position: absolute;
            right: 20px;
            width: 22px;
            margin-top: 22px;
            height: auto;
            z-index: 100;
        }
    }
}*/
/*#endregion*/
/*#region ******FOOTER*******/
#footer_Zurich {
  font-family: ZurichSans-Light, Arial, sans-serif;
  /* Fix selector tabs */
  /* PL-1026 blog y titulares fix temporal */
  /*fix margin downdrop*/
  /*-----------------------------*/
  /* Variables (siguen siendo CSS custom properties válidas en :root) */
}
#footer_Zurich #footer {
  padding-top: 0;
}
#footer_Zurich .link {
  font-family: ZurichSans-Light, Arial, sans-serif !important;
}
#footer_Zurich .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
#footer_Zurich .portlet-journal-content .journal-content-article {
  word-wrap: break-word;
}
#footer_Zurich .col-sm-2.footer.link:first-of-type, #footer_Zurich .col-sm-2.footer:first-of-type, #footer_Zurich .mod-Media_stage_slider .left.button-link, #footer_Zurich .mod.mod-Blog-latest .element-second .col-md-5 ~ .col-md-6, #footer_Zurich .mod.mod-Contact .elements-block .col-md-6:last-of-type .no-description, #footer_Zurich .mod.mod-Contact .elements-block .col-md-6:last-of-type .no-title-no-description, #footer_Zurich .mod.mod-Contact .elements-block .col-md-6:last-of-type .title-and-description, #footer_Zurich .mod.mod-Numbers .col-md-4:last-of-type, #footer_Zurich .mod.mod-Product-tab .product-description .row .button-link:first-of-type, #footer_Zurich .portlet-forms .lfr-ddm-form-container .lfr-ddm-form-page .liferay-ddm-form-field-radio .custom-control-inline {
  margin-left: 0;
}
#footer_Zurich .btn.btn--secondary.btn--block, #footer_Zurich .col-sm-2.footer .row.text, #footer_Zurich .col-sm-2.footer.link, #footer_Zurich .col-sm-2.footer.link a, #footer_Zurich .elements-block .element-description .description, #footer_Zurich .elements-block .element-description .hashtag a, #footer_Zurich .elements-block .element-description .subtitle, #footer_Zurich .elements-block .element-description .title, #footer_Zurich .free-text, #footer_Zurich .google-maps-info-box .address-info-box, #footer_Zurich .google-maps-info-box .mail-info-box, #footer_Zurich .google-maps-info-box .name-info-box, #footer_Zurich .google-maps-info-box .phone-info-box, #footer_Zurich .google-maps-info-box .web-info-box, #footer_Zurich .legal a, #footer_Zurich .legal.copyright, #footer_Zurich .mod-Breadcrumb .navigation-breadcrumb li, #footer_Zurich .mod-Breadcrumb .navigation-breadcrumb li a, #footer_Zurich .mod-Content_accordion article.initially-open > header .accordion-title, #footer_Zurich .mod-Content_accordion article.initially-open > header .opener, #footer_Zurich .mod-Content_accordion article.open > header .accordion-title, #footer_Zurich .mod-Content_accordion article.open > header .opener, #footer_Zurich .mod-Content_accordion article > header .accordion-title, #footer_Zurich .mod-Content_accordion article > header:hover .accordion-title, #footer_Zurich .mod-Content_accordion article > header:hover .opener, #footer_Zurich .mod-Content_accordion article > header > h2, #footer_Zurich .mod-Content_accordion article > header > h3, #footer_Zurich .mod-Content_accordion article > header > h4, #footer_Zurich .mod-Content_tab.select-active .select-container .btn.btn-default span, #footer_Zurich .mod-Media_stage_slider .main-slider-wrapper .caption-cell .copy-abstract.hidden-xs, #footer_Zurich .mod-Media_stage_slider .main-slider-wrapper .caption-cell p.h1-copycat, #footer_Zurich .mod-Media_stage_slider .main-slider-wrapper .caption-cell p.h2-copycat, #footer_Zurich .mod-Media_stage_slider .main-slider-wrapper .caption-cell p.h3-copycat, #footer_Zurich .mod-Media_stage_slider .main-slider-wrapper .slider-arrows div, #footer_Zurich .mod-Media_stage_slider.square .slider-arrows div, #footer_Zurich .mod-result-list__body .link-default-no-icon, #footer_Zurich .mod-sitemap__level-0, #footer_Zurich .mod-sitemap__level-1 li > a, #footer_Zurich .mod-sitemap__level-2 li > a, #footer_Zurich .mod-sitemap__level-3 li > a, #footer_Zurich .mod-sitemap__level-4 li > a, #footer_Zurich .mod-sitemap__level-5 li > a, #footer_Zurich .mod-sitemap__level-6 li > a, #footer_Zurich .mod.mod-ADT_slider .slider-arrows div, #footer_Zurich .mod.mod-Blog-article .col-md-9.highlighted p, #footer_Zurich .mod.mod-Blog-article .date, #footer_Zurich .mod.mod-Blog-article .ev-links > ul li a, #footer_Zurich .mod.mod-Blog-article .image-description, #footer_Zurich .mod.mod-Blog-article .product-abstract, #footer_Zurich .mod.mod-Blog-article .product-hashtag a, #footer_Zurich .mod.mod-Blog-article .product-title, #footer_Zurich .mod.mod-Comparison .product-description .description, #footer_Zurich .mod.mod-Comparison .product-description .title, #footer_Zurich .mod.mod-Content_copy, #footer_Zurich .mod.mod-Content_headline, #footer_Zurich .mod.mod-Content_table .col-sm-7, #footer_Zurich .mod.mod-Content_view2 .select-container .btn-group .show .dropdown-menu > li.selected > a, #footer_Zurich .mod.mod-Content_view2 .select-container .btn-group .show .dropdown-menu > li > a, #footer_Zurich .mod.mod-Content_view2 .select-container .btn-group .show .dropdown-menu > li > a:hover, #footer_Zurich .mod.mod-Content_view2 .select-container .btn.btn-default span, #footer_Zurich .mod.mod-Content_view4 .tab-item .tab-link, #footer_Zurich .mod.mod-FloatMenu > ul > li > a, #footer_Zurich .mod.mod-Image-list.large .product-description .product-title, #footer_Zurich .mod.mod-Organization .product-subtitle, #footer_Zurich .mod.mod-Piano .piano-text, #footer_Zurich .mod.mod-Piano .piano-title, #footer_Zurich .mod.mod-Product .elements-block .element-block .element-description .description, #footer_Zurich .mod.mod-Product .title h2.h1-copycat, #footer_Zurich .mod.mod-Product .title h3.h1-copycat, #footer_Zurich .mod.mod-Product .title h4.h1-copycat, #footer_Zurich .mod.mod-Product-2 .elements-block .element-block .element-description .description, #footer_Zurich .mod.mod-Product-2 .title h2.h1-copycat, #footer_Zurich .mod.mod-Product-2 .title h3.h1-copycat, #footer_Zurich .mod.mod-Product-2 .title h4.h1-copycat, #footer_Zurich .mod.mod-Services, #footer_Zurich .mod.mod-Services .product-subtitle, #footer_Zurich .mod.mod-Services .product-title h1.h1-copycat, #footer_Zurich .mod.mod-Services .product-title h2.h1-copycat, #footer_Zurich .mod.mod-Services .product-title h3.h1-copycat, #footer_Zurich .mod.mod-Services .product-title h4.h1-copycat, #footer_Zurich .mod.mod-Specifications .product-title h2.h1-copycat, #footer_Zurich .mod.mod-Specifications .product-title h3.h1-copycat, #footer_Zurich .mod.mod-Specifications .product-title h4.h1-copycat, #footer_Zurich .mod.mod-Specifications .specifications .product-title, #footer_Zurich .mod.mod-Specifications.h .specifications .product-title, #footer_Zurich .portlet-forms .lfr-ddm-form-container .lfr-ddm-form-page .lfr-ddm-form-field-container, #footer_Zurich .portlet-forms .lfr-ddm-form-container .lfr-ddm-form-page .liferay-ddm-form-field-checkbox-multiple .form-check-description, #footer_Zurich .portlet-forms .lfr-ddm-form-container .lfr-ddm-form-page .liferay-ddm-form-field-radio .custom-control-label-text, #footer_Zurich .portlet-forms .lfr-ddm-form-container .lfr-ddm-form-pagination-controls button[type=submit], #footer_Zurich .product-hashtag, #footer_Zurich .product-subtitle, #footer_Zurich .product-text, #footer_Zurich .product-title, #footer_Zurich .product-title.tab-portlet-title .h1-copycat, #footer_Zurich .radio-basic-mult-answers-answer, #footer_Zurich .select-option-steps-form-answer, #footer_Zurich .title-block .description, #footer_Zurich .title-block .title {
  color: #23366f;
}
@media (min-width: 576px) {
  #footer_Zurich .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
#footer_Zurich .col-xl, #footer_Zurich .col-xl-auto, #footer_Zurich .col-xl-12, #footer_Zurich .col-xl-11, #footer_Zurich .col-xl-10, #footer_Zurich .col-xl-9, #footer_Zurich .col-xl-8, #footer_Zurich .col-xl-7, #footer_Zurich .col-xl-6, #footer_Zurich .col-xl-5, #footer_Zurich .col-xl-4, #footer_Zurich .col-xl-3, #footer_Zurich .col-xl-2, #footer_Zurich .col-xl-1, #footer_Zurich .col-lg, #footer_Zurich .col-lg-auto, #footer_Zurich .col-lg-12, #footer_Zurich .col-lg-11, #footer_Zurich .col-lg-10, #footer_Zurich .col-lg-9, #footer_Zurich .col-lg-8, #footer_Zurich .col-lg-7, #footer_Zurich .col-lg-6, #footer_Zurich .col-lg-5, #footer_Zurich .col-lg-4, #footer_Zurich .col-lg-3, #footer_Zurich .col-lg-2, #footer_Zurich .col-lg-1, #footer_Zurich .col-md, #footer_Zurich .col-md-auto, #footer_Zurich .col-md-12, #footer_Zurich .col-md-11, #footer_Zurich .col-md-10, #footer_Zurich .col-md-9, #footer_Zurich .col-md-8, #footer_Zurich .col-md-7, #footer_Zurich .col-md-6, #footer_Zurich .col-md-5, #footer_Zurich .col-md-4, #footer_Zurich .col-md-3, #footer_Zurich .col-md-2, #footer_Zurich .col-md-1, #footer_Zurich .col-sm, #footer_Zurich .col-sm-auto, #footer_Zurich .col-sm-12, #footer_Zurich .col-sm-11, #footer_Zurich .col-sm-10, #footer_Zurich .col-sm-9, #footer_Zurich .col-sm-8, #footer_Zurich .col-sm-7, #footer_Zurich .col-sm-6, #footer_Zurich .col-sm-5, #footer_Zurich .col-sm-4, #footer_Zurich .col-sm-3, #footer_Zurich .col-sm-2, #footer_Zurich .col-sm-1, #footer_Zurich .col, #footer_Zurich .col-auto, #footer_Zurich .col-12, #footer_Zurich .col-11, #footer_Zurich .col-10, #footer_Zurich .col-9, #footer_Zurich .col-8, #footer_Zurich .col-7, #footer_Zurich .col-6, #footer_Zurich .col-5, #footer_Zurich .col-4, #footer_Zurich .col-3, #footer_Zurich .col-2, #footer_Zurich .col-1 {
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  width: 100%;
}
#footer_Zurich .liferay-rating-score .rating-label, #footer_Zurich .mod.mod-Content_view2 .select-container .btn-group .show .dropdown-menu .glyphicon.glyphicon-ok.check-mark, #footer_Zurich .mod.mod-Content_view2 .tab-content, #footer_Zurich .mod.mod-Content_view2 .tab-item .tab-link, #footer_Zurich .mod.mod-Content_view4 .just-content .tab-item, #footer_Zurich .mod.mod-Content_view4 .tab-content, #footer_Zurich .mod.mod-Content_view4 .timeline-button.button-next, #footer_Zurich .mod.mod-Content_view4 .timeline-button.button-prev, #footer_Zurich .mod.mod-Footer .logo, #footer_Zurich .modal-zurich .modal-dialog .modal-content .modal-footer, #footer_Zurich .modal-zurich .modal-dialog .modal-content .modal-header .modal-title {
  display: none;
}
#footer_Zurich .logo, #footer_Zurich .mod-Navigation .navigation-2 > ul > li > a .not-hover, #footer_Zurich .mod-Navigation .navigation.navigation-3.show.pos_fixed > .subnav-header > a .not-hover {
  display: inline-block;
}
#footer_Zurich a {
  border-radius: 1px;
  color: #23366f;
  text-decoration: none;
  text-underline-offset: 0.23em;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#footer_Zurich .portlet-journal-content .journal-content-article img, #footer_Zurich .portlet-journal-content .journal-content-article .cke_widget_image {
  max-width: 100%;
}
#footer_Zurich .logo img {
  width: 135px;
}
#footer_Zurich img {
  vertical-align: middle;
}
@media (min-width: 576px) {
  #footer_Zurich .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
}
#footer_Zurich .col-sm-2.footer.link p, #footer_Zurich .mod-Navigation .navigation-1 > ul > li.selected > a {
  cursor: default;
}
#footer_Zurich p {
  margin-bottom: 1rem;
  margin-top: 0;
}
#footer_Zurich .btn.btn--secondary.btn--block, #footer_Zurich .col-sm-2.footer .row.text, #footer_Zurich .col-sm-2.footer.link, #footer_Zurich .col-sm-2.footer.link a, #footer_Zurich .elements-block .element-description .description, #footer_Zurich .elements-block .element-description .hashtag a, #footer_Zurich .elements-block .element-description .subtitle, #footer_Zurich .elements-block .element-description .title, #footer_Zurich .free-text, #footer_Zurich .google-maps-info-box .address-info-box, #footer_Zurich .google-maps-info-box .mail-info-box, #footer_Zurich .google-maps-info-box .name-info-box, #footer_Zurich .google-maps-info-box .phone-info-box, #footer_Zurich .google-maps-info-box .web-info-box, #footer_Zurich .legal a, #footer_Zurich .legal.copyright, #footer_Zurich .mod-Breadcrumb .navigation-breadcrumb li, #footer_Zurich .mod-Breadcrumb .navigation-breadcrumb li a, #footer_Zurich .mod-Content_accordion article.initially-open > header .accordion-title, #footer_Zurich .mod-Content_accordion article.initially-open > header .opener, #footer_Zurich .mod-Content_accordion article.open > header .accordion-title, #footer_Zurich .mod-Content_accordion article.open > header .opener, #footer_Zurich .mod-Content_accordion article > header .accordion-title, #footer_Zurich .mod-Content_accordion article > header:hover .accordion-title, #footer_Zurich .mod-Content_accordion article > header:hover .opener, #footer_Zurich .mod-Content_accordion article > header > h2, #footer_Zurich .mod-Content_accordion article > header > h3, #footer_Zurich .mod-Content_accordion article > header > h4, #footer_Zurich .mod-Content_tab.select-active .select-container .btn.btn-default span, #footer_Zurich .mod-Media_stage_slider .main-slider-wrapper .caption-cell .copy-abstract.hidden-xs, #footer_Zurich .mod-Media_stage_slider .main-slider-wrapper .caption-cell p.h1-copycat, #footer_Zurich .mod-Media_stage_slider .main-slider-wrapper .caption-cell p.h2-copycat, #footer_Zurich .mod-Media_stage_slider .main-slider-wrapper .caption-cell p.h3-copycat, #footer_Zurich .mod-Media_stage_slider .main-slider-wrapper .slider-arrows div, #footer_Zurich .mod-Media_stage_slider.square .slider-arrows div, #footer_Zurich .mod-result-list__body .link-default-no-icon, #footer_Zurich .mod-sitemap__level-0, #footer_Zurich .mod-sitemap__level-1 li > a, #footer_Zurich .mod-sitemap__level-2 li > a, #footer_Zurich .mod-sitemap__level-3 li > a, #footer_Zurich .mod-sitemap__level-4 li > a, #footer_Zurich .mod-sitemap__level-5 li > a, #footer_Zurich .mod-sitemap__level-6 li > a, #footer_Zurich .mod.mod-ADT_slider .slider-arrows div, #footer_Zurich .mod.mod-Blog-article .col-md-9.highlighted p, #footer_Zurich .mod.mod-Blog-article .date, #footer_Zurich .mod.mod-Blog-article .ev-links > ul li a, #footer_Zurich .mod.mod-Blog-article .image-description, #footer_Zurich .mod.mod-Blog-article .product-abstract, #footer_Zurich .mod.mod-Blog-article .product-hashtag a, #footer_Zurich .mod.mod-Blog-article .product-title, #footer_Zurich .mod.mod-Comparison .product-description .description, #footer_Zurich .mod.mod-Comparison .product-description .title, #footer_Zurich .mod.mod-Content_copy, #footer_Zurich .mod.mod-Content_headline, #footer_Zurich .mod.mod-Content_table .col-sm-7, #footer_Zurich .mod.mod-Content_view2 .select-container .btn-group .show .dropdown-menu > li.selected > a, #footer_Zurich .mod.mod-Content_view2 .select-container .btn-group .show .dropdown-menu > li > a, #footer_Zurich .mod.mod-Content_view2 .select-container .btn-group .show .dropdown-menu > li > a:hover, #footer_Zurich .mod.mod-Content_view2 .select-container .btn.btn-default span, #footer_Zurich .mod.mod-Content_view4 .tab-item .tab-link, #footer_Zurich .mod.mod-FloatMenu > ul > li > a, #footer_Zurich .mod.mod-Image-list.large .product-description .product-title, #footer_Zurich .mod.mod-Organization .product-subtitle, #footer_Zurich .mod.mod-Piano .piano-text, #footer_Zurich .mod.mod-Piano .piano-title, #footer_Zurich .mod.mod-Product .elements-block .element-block .element-description .description, #footer_Zurich .mod.mod-Product .title h2.h1-copycat, #footer_Zurich .mod.mod-Product .title h3.h1-copycat, #footer_Zurich .mod.mod-Product .title h4.h1-copycat, #footer_Zurich .mod.mod-Product-2 .elements-block .element-block .element-description .description, #footer_Zurich .mod.mod-Product-2 .title h2.h1-copycat, #footer_Zurich .mod.mod-Product-2 .title h3.h1-copycat, #footer_Zurich .mod.mod-Product-2 .title h4.h1-copycat, #footer_Zurich .mod.mod-Services, #footer_Zurich .mod.mod-Services .product-subtitle, #footer_Zurich .mod.mod-Services .product-title h1.h1-copycat, #footer_Zurich .mod.mod-Services .product-title h2.h1-copycat, #footer_Zurich .mod.mod-Services .product-title h3.h1-copycat, #footer_Zurich .mod.mod-Services .product-title h4.h1-copycat, #footer_Zurich .mod.mod-Specifications .product-title h2.h1-copycat, #footer_Zurich .mod.mod-Specifications .product-title h3.h1-copycat, #footer_Zurich .mod.mod-Specifications .product-title h4.h1-copycat, #footer_Zurich .mod.mod-Specifications .specifications .product-title, #footer_Zurich .mod.mod-Specifications.h .specifications .product-title, #footer_Zurich .portlet-forms .lfr-ddm-form-container .lfr-ddm-form-page .lfr-ddm-form-field-container, #footer_Zurich .portlet-forms .lfr-ddm-form-container .lfr-ddm-form-page .liferay-ddm-form-field-checkbox-multiple .form-check-description, #footer_Zurich .portlet-forms .lfr-ddm-form-container .lfr-ddm-form-page .liferay-ddm-form-field-radio .custom-control-label-text, #footer_Zurich .portlet-forms .lfr-ddm-form-container .lfr-ddm-form-pagination-controls button[type=submit], #footer_Zurich .product-hashtag, #footer_Zurich .product-subtitle, #footer_Zurich .product-text, #footer_Zurich .product-title, #footer_Zurich .product-title.tab-portlet-title .h1-copycat, #footer_Zurich .radio-basic-mult-answers-answer, #footer_Zurich .select-option-steps-form-answer, #footer_Zurich .title-block .description, #footer_Zurich .title-block .title {
  color: #23366f;
}
#footer_Zurich .col-sm-2.footer.link {
  margin: 61px auto;
  font-size: 16px;
  font-weight: 700;
  max-width: none;
}
#footer_Zurich .col-sm-2.footer.link a {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  width: max-content;
}
#footer_Zurich a {
  border-radius: 1px;
  color: #23366f;
  text-decoration: none;
  text-underline-offset: 0.23em;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#footer_Zurich a:hover, #footer_Zurich a.hover {
  color: #172348;
  text-decoration: underline;
}
#footer_Zurich .link {
  text-decoration: unset;
  text-underline-offset: unset;
  line-height: inherit;
}
#footer_Zurich ul.social-bar {
  list-style-type: none;
  display: flex;
  margin-top: 30px;
  justify-content: space-evenly;
}
@media (min-width: 768px) {
  #footer_Zurich .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
}
#footer_Zurich .icon.i-share-twitter:before {
  width: 17px;
  height: 17px;
  background-size: 17px;
  margin-top: 2px;
}
#footer_Zurich .icon.i-share-twitter:before {
  background-image: url("https://www.zurich.es/o/zurich-global-theme/images/SoMe-Icons_Twitter_ZBlue_RGB.svg");
}
#footer_Zurich .icon.i-share-facebook:before, #footer_Zurich .icon.i-share-linkedin:before, #footer_Zurich .icon.i-share-twitter:before {
  width: 40px;
  height: 40px;
  background-size: 40px;
  display: block;
  content: "";
}
#footer_Zurich .icon.i-share-twitter:before {
  width: 17px;
  height: 17px;
  background-size: 17px;
  margin-top: 2px;
}
#footer_Zurich .icon.i-share-facebook:before, #footer_Zurich .icon.i-share-linkedin:before, #footer_Zurich .icon.i-share-instagram:before, #footer_Zurich .icon.i-share-youtube:before, #footer_Zurich .icon.i-share-tiktok:before {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
#footer_Zurich .icon.i-share-facebook:before {
  background-image: url("https://www.zurich.es/o/zurich-global-theme/images/Facebook_Blue_Solid_RGB.svg");
}
#footer_Zurich .icon.i-share-facebook:before, #footer_Zurich .icon.i-share-linkedin:before, #footer_Zurich .icon.i-share-twitter:before {
  width: 40px;
  height: 40px;
  background-size: 40px;
  display: block;
  content: "";
}
#footer_Zurich .icon.i-share-facebook:before, #footer_Zurich .icon.i-share-instagram:before, #footer_Zurich .icon.i-share-linkedin:before, #footer_Zurich .icon.i-share-tiktok:before, #footer_Zurich .icon.i-share-youtube:before {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
#footer_Zurich .icon.i-share-linkedin:before {
  background-image: url("https://www.zurich.es/o/zurich-global-theme/images/LinkedIn_Blue_Solid_RGB.svg");
  margin-left: 5px;
  margin-right: 2px;
}
#footer_Zurich .icon.i-share-instagram:before {
  background-image: url("https://www.zurich.es/o/zurich-global-theme/images/Instagram_Blue_Solid_RGB.svg");
}
#footer_Zurich .icon.i-share-instagram:before, #footer_Zurich .icon.i-share-tiktok:before, #footer_Zurich .icon.i-share-youtube:before {
  width: 40px;
  display: block;
  content: "";
  background-size: 40px;
  height: 40px;
}
#footer_Zurich .icon.i-share-youtube:before {
  background-image: url("https://www.zurich.es/o/zurich-global-theme/images/YouTube_Blue_Solid_RGB.svg");
}
#footer_Zurich .icon.i-share-tiktok:before {
  background-image: url("https://www.zurich.es/o/zurich-global-theme/images/Tiktok_Blue_Solid_RGB.svg");
}
#footer_Zurich .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}
#footer_Zurich .legal {
  float: left;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  line-height: 33px;
  margin: auto 40px auto 0;
  padding-top: 3px;
  padding-bottom: 7px;
  width: max-content;
}
#footer_Zurich .legal.copyright {
  float: inline-end;
}
#footer_Zurich .mod.mod-Footer .logo {
  display: none;
}
@media (max-width: 768px) {
  #footer_Zurich .mod.mod-Footer a.logo {
    margin-right: auto;
    margin-left: auto;
    margin-top: 35px;
    display: block;
    display: flex;
    justify-content: center;
  }
  #footer_Zurich .col-sm-10.bottom {
    display: none;
  }
  #footer_Zurich .mod.mod-Footer .legal:first-of-type {
    float: none;
    margin: 30px auto auto;
  }
  #footer_Zurich .legal.copyright {
    float: none;
  }
  #footer_Zurich .legal {
    float: none;
    margin: unset;
    width: auto;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #footer_Zurich .mod.mod-Footer ul.social-bar {
    margin-top: 35px;
    margin-bottom: 25px;
  }
}
#footer_Zurich .icon.i-share-facebook:before, #footer_Zurich .icon.i-share-linkedin:before, #footer_Zurich .icon.i-share-instagram:before, #footer_Zurich .icon.i-share-youtube:before, #footer_Zurich .icon.i-share-tiktok:before {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
#footer_Zurich .icon.i-share-twitter:before {
  width: 17px;
  height: 17px;
  background-size: 17px;
  margin-top: 2px;
}
#footer_Zurich .hero-banner__description-wrapper picture {
  right: 0;
}
@media (max-width: 768px) {
  #footer_Zurich .mod-Content_tab.select-active .select-container {
    top: inherit !important;
  }
}
#footer_Zurich .mod-result-list__heading_title {
  font-size: 36px;
}
@media (max-width: 768px) {
  #footer_Zurich {
    /* fix menú mobile */
  }
  #footer_Zurich .mod.mod-knowledge-hub.mod-Blog-latest .mod.mod-result-list.elements-block .element-first.blog {
    margin-top: 50px !important;
  }
  #footer_Zurich .mod.mod-Blog-latest .elements-block .element-block.element-first.blog .title-description-blog {
    height: 176px !important;
  }
  #footer_Zurich .mod.mod-Blog-latest .elements-block .element-block.element-first.blog .title-description-blog-2 {
    height: 176px !important;
  }
  #footer_Zurich li.selected.sin.icono.icon.submenu {
    width: inherit !important;
  }
}
@media (min-width: 768px) {
  #footer_Zurich .mod-Content_tab.select-active .select-container .btn-group, #footer_Zurich .mod.mod-Content_view2 .select-container .btn-group {
    margin-bottom: -30px !important;
  }
}
@media (max-width: 768px) {
  #footer_Zurich .mod.mod-Specifications .col-md-12 {
    margin-top: auto;
  }
  #footer_Zurich .journal-content-article .mod.mod-Blog-article .container {
    margin-top: 50px;
  }
}
#footer_Zurich .mod-Content_tab.select-active .select-container .btn.btn-default, #footer_Zurich .mod.mod-Content_view2 .select-container .btn.btn-default {
  z-index: 2;
}
@media (max-width: 767px) {
  #footer_Zurich #content-mobile-hero .real .hero-banner__wrapper .hero-banner__text_image-wrapper {
    padding-left: 0px;
  }
}
#footer_Zurich #nebula_div_btn:focus, #footer_Zurich #nebula_div_btn:focus-visible,
#footer_Zurich .kampyle_button:focus, #footer_Zurich .kampyle_button:focus-visible {
  outline: black 3px solid !important;
}
@media (max-width: 575px) {
  #footer_Zurich #content-mobile-hero .hero-banner__wrapper#i0 {
    background: linear-gradient(to bottom, rgb(35, 54, 111) 0%, rgb(35, 54, 111) 303px, transparent 303px, transparent 100%);
  }
}
#footer_Zurich :root {
  --font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-size-base-custom: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.125rem;
  --h1-font-size: 1.625rem;
  --h2-font-size: 1.375rem;
  --h3-font-size: 1.1875rem;
  --h4-font-size: 1rem;
  --h5-font-size: 0.875rem;
  --h6-font-size: 0.8125rem;
  --display1-size: 6rem;
  --display2-size: 5.5rem;
  --display3-size: 4.5rem;
  --display4-size: 3.5rem;
  --display-line-height: 1.2;
  --font-weight-lighter: lighter;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 400;
  --font-weight-bold: 500;
  --font-weight-bolder: 600;
  --font-color-base: #272833;
  --btn-primary-background-color: #23366f;
  --btn-primary-border-color: #23366f;
  --btn-primary-color: #fff;
  --btn-primary-hover-background-color: #234791;
  --btn-primary-hover-border-color: #23366f;
  --btn-primary-hover-color: #fff;
  --btn-secondary-background-color: #f69c00;
  --btn-secondary-border-color: #f69c00;
  --btn-secondary-color: #fff;
  --btn-secondary-hover-background-color: #ffb629;
  --btn-secondary-hover-border-color: #f69c00;
  --btn-secondary-hover-color: #fff;
  --btn-outline-primary-background-color: #fff;
  --btn-outline-primary-border-color: #23366f;
  --btn-outline-primary-color: #23366f;
  --btn-outline-primary-hover-background-color: #23366f;
  --btn-outline-primary-hover-border-color: #23366f;
  --btn-outline-primary-hover-color: #fff;
  --btn-outline-secondary-background-color: transparent;
  --btn-outline-secondary-border-color: #23366f;
  --btn-outline-secondary-color: #23366f;
  --btn-outline-secondary-hover-background-color: #234791;
  --btn-outline-secondary-hover-border-color: #234791;
  --btn-outline-secondary-hover-color: #fff;
  --btn-link-color: #0b5fff;
  --btn-link-hover-color: #004ad7;
}

/*#endregion*/
/*#endregion*/
