/*****************************************************************/
/*********************** NETQUEST BRANDING ***********************/
/****************************************************************/

/******* IMPORT FONTS *******/
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/****************************************************************/
/**************************** ROOT ****************************/
/****************************************************************/
:root {
  /* grid */
  --grid-desktop: 1440px;
  --grid-tablet: 834px;
  --grid-mobile: 414px;
  /* sizes */
  --line-height-lg: 170%;
  --line-height-md: 140%;
  --line-height-sm: 120%;
  --line-height-xs: 100%;
  --zero: 0; 
  --none: none; 
  --font-display: 80px;
  --size-h1: 96px;
  --size-h2: 80px;
  --size-h3: 64px;
  --size-h4: 48px; 
  --size-h5: 40px;
  --size-h6: 32px;
  --font-xl: 24px;
  --font-lg: 20px;
  --font-md: 16px;
  --font-sm: 14px;
  --font-xs: 12px;
  --font-regular: 400;
  --font-bold: 700;
  /* spacing */
  --spacing-01: 4px;
  --spacing-02: 8px;
  --spacing-03: 12px;
  --spacing-04: 16px;
  --spacing-05: 24px;
  --spacing-06: 32px;
  --spacing-07: 40px;
  --spacing-08: 48px;
  --spacing-09: 56px;
  --spacing-10: 64px;
  --spacing-11: 72px;
  --spacing-12: 80px;
  --spacing-13: 96px;
  --spacing-14: 120px;
  --spacing-15: 160px;
  --spacing-16: 200px;
  --padding-modules-lg: 120px 20px;
  --padding-modules-md: 80px 40px;
  --padding-modules-sm: 50px 40px;
  --padding-button-lg: 11px 32px;
  --padding-button-md: 10.5px 32px;
  --padding-button-sm: 8px 24px;
  /* typo */
  --font-family-base: Inter, sans-serif;
  --font-family-highlight: DM Serif Display, serif;
  /* colors */
  --color-brand-one-main: #31DEE5;
  --color-brand-one-light: #BAE4E5;
  --color-brand-one-medium: #2BC6CC;
  --color-brand-one-dark: #26ADB2;
  --color-brand-two-main: #EA3C3C;
  --color-brand-two-light: #EA6C6C;
  --color-brand-two-medium: #D13636;
  --color-brand-two-dark: #B82F2F;
  --color-brand-three-main: #FD7D3D;
  --color-brand-three-light: #FD9F6F;
  --color-brand-three-medium: #FD6C23;
  --color-brand-three-dark: #E37036;
  --color-brand-four-main: #F8D556;
  --color-brand-four-light: #F8E088;
  --color-brand-four-medium: #F8CA25;
  --color-brand-four-dark: #E5C550;
  --color-brand-five-main: #76EC81;
  --color-brand-five-light: #A5ECAC;
  --color-brand-five-medium: #47EC56;
  --color-brand-five-dark: #6AD474;
  --color-brand-six-main: #3761FB;
  --color-brand-six-light: #6989FB;
  --color-brand-six-medium: #1E4DFB;
  --color-brand-six-dark: #2643AD;
  --color-brand-seven-main: #8E42CF;
  --color-brand-seven-light: #A16CCF;
  --color-brand-seven-medium: #7B19CF;
  --color-brand-seven-dark: #592982;
  --color-brand-eight-main: #FF6DC6;
  --color-brand-eight-light: #FFA1DA;
  --color-brand-eight-medium: #FF3BB3;
  --color-brand-eight-dark: #CC589F;
  --color-neutral-low-darkest: #262A2E;
  --color-neutral-low-dark: #505861;
  --color-neutral-low-medium: #65707A;
  --color-neutral-low-light: #7A8794;  
  --color-neutral-high-darkest: #949494;
  --color-neutral-high-dark: #C7C7C7;
  --color-neutral-high-medium: #F1F1F1;
  --color-neutral-high-light: #FFFFFF;
  --color-feedback-info: #2643AD;
  --color-feedback-success: #6AD474;
  --color-feedback-error: #f2545b;
  --color-feedback-warning: #E5C550;
}

/****************************************************************/
/************************** TYPOGRAPHY **************************/
/****************************************************************/

body {
  color: var(--color-neutral-low-darkest);
 
  font-family: var(--font-family-base);
}

/******* HEADING *******/
h1,
h1 span,
.font-heading-h1,
.font-heading-h1 span {
  font-size: var(--size-h1);
  font-size: clamp(var(--size-h4), 0.857rem + 5.71vw, var(--size-h1)) !important;
  line-height: var(--line-height-sm);
  font-weight: var(--font-bold);
}
h2,
h2 span,
.font-heading-h2,
.font-heading-h2 span {
  font-size: var(--size-h2);
  font-size: clamp(var(--size-h5), 0.714rem + 4.76vw, var(--size-h2)) !important;
  line-height: var(--line-height-sm);
  font-weight: var(--font-bold);
}
@media (max-width: 1500px) {
  font-size: clamp(var(--size-h5), 0.5rem + 2.5vw, var(--size-h2)) !important;
}

h3,
h3 span,
.font-heading-h3,
.font-heading-h3 span {
  font-size: var(--size-h3);
  font-size: clamp(var(--size-h6), 0.571rem + 3.81vw, var(--size-h3)) !important;
  line-height: var(--line-height-sm);
  font-weight: var(--font-bold);
}
h3.list__header.font-family-highlight span {
  font-weight: var(--font-regular) !important;
}

/* h3 + .font-family-highlight,
.font-family-highlight {
   font-weight: var(--font-regular) !important;
} */

/* h3 span .list__header + .font-family-highlight {
   font-weight: var(--font-regular) !important;
} */

h3.font-family-highlight,
h3.font-family-highlight span,
.font-heading-h3.font-family-highlight,
.font-heading-h3.font-family-highlight span {
  font-weight: var(--font-regular) !important;
}
h3.heading__title-h span {
  font-weight: var(--font-bold) !important;
}

h4,
h4 span,
.font-heading-h4,
.font-heading-h4 span {
  font-size: var(--size-h4);
  font-size: clamp(var(--font-xl), 0.429rem + 2.86vw, var(--size-h4)) !important;
  line-height: var(--line-height-sm);
  font-weight: var(--font-bold);
}
h5,
h5 span,
.font-heading-h5,
.font-heading-h5 span {
  font-size: var(--size-h5);
/*   font-size: clamp(var(--font-lg), 0.357rem + 2.38vw, var(--size-h5)) !important; */
  font-size: clamp(var(--font-lg), 1rem + 2.38vw, var(--size-h5)) !important;
  line-height: var(--line-height-sm);
  font-weight: var(--font-bold);
}
.h5 {
font-size: clamp(var(--font-lg), 1rem + 2.38vw, var(--size-h5)) !important;
}

h6,
h6 span,
.font-heading-h6,
.font-heading-h6 span {
  font-size: var(--size-h6);
  font-size: clamp(var(--font-md), 0.286rem + 1.9vw, var(--size-h6)) !important;
  line-height: var(--line-height-sm);
  font-weight: var(--font-bold);
}
.font-display,
.font-display span { 
  font-size: var(--font-display);
  font-size: clamp(var(--size-h4), -1.107rem + 10.95vw, var(--font-display)) !important;
  line-height: var(--line-height-xs); 
  font-weight: var(--font-bold);
}
.font-regular {
  font-weight: var(--font-regular);
}
.font-bold,
strong,
b {
  font-weight: var(--font-bold);
}
.max-width-740 {
  display: inline-block;
  width: 100% !important;
  max-width: 740px; 
}
@media (max-width: 600px){
  h1,
  h1 span,
  .font-heading-h1,
  .font-heading-h1 span {
    font-size: var(--size-h4);
  }
  h2,
  h2 span,
  .font-heading-h2,
  .font-heading-h2 span {
    font-size: var(--size-h5);
  }
  h3,
  h3 span,
  .font-heading-h3,
  .font-heading-h3 span {
    font-size: var(--size-h6);
  }
  h4,
  h4 span,
  .font-heading-h4,
  .font-heading-h4 span {
    font-size: var(--font-xl);
  }
  h5,
  h5 span,
  .font-heading-h5,
  .font-heading-h5 span {
    font-size: var(--font-lg);
  }
  h6,
  h6 span,
  .font-heading-h6,
  .font-heading-h6 span {
    font-size: var(--font-md);
  }
  .font-display {     
    font-size: var(--size-h4);
    line-height: var(--line-height-sm);
  }
}
.h2_sm {
  font-size: var(--size-h4) !important;
  font-size: clamp(var(--font-xl), 0.429rem + 2.86vw, var(--size-h4)) !important;
  line-height: var(--line-height-sm) !important;
  font-weight: var(--font-bold) !important;
}

.h5 {
  font-size: var(--size-h5) !important;
/*     font-size: clamp(var(--font-lg), 0.357rem + 2.38vw, var(--size-h5)) !important; */
    line-height: var(--line-height-sm);
    font-weight: var(--font-bold);
}
/******* SUBTITLE *******/
.font-subtitle-lg {
  font-size: var(--font-xl);
  font-size: clamp(var(--font-md), 0.643rem + 0.95vw, var(--font-xl)) !important;
  line-height: var(--line-height-sm);
  font-weight: var(--font-bold);
}
.font-subtitle-md,
.caption {
  font-size: var(--font-sm);
  font-size: clamp(var(--font-xs), 0.661rem + 0.24vw, var(--font-sm)) !important;
  line-height: var(--line-height-sm);
  font-weight: var(--font-bold);
}
.caption {
  letter-spacing: 2px;
}
.lowercase {
  text-transform: none !important; 
  font-weight: var(--font-bold);
  font-size: var(--font-xl);
}
@media (max-width: 600px){
  .font-subtitle-lg {
    font-size: var(--font-md);
  }
  .font-subtitle-md,
  .caption {
    font-size: var(--font-xs);
  }
}  
/******* BODY *******/
.font-body-xl-regular,
.font-body-xl-bold {
  font-size: var(--font-xl);
  font-size: clamp(var(--font-lg), 1.071rem + 0.48vw, var(--font-xl)) !important;
  line-height: var(--line-height-lg);
}
.font-body-lg-regular,
.font-body-lg-bold {
  font-size: var(--font-lg);
  font-size: clamp(var(--font-md), 0.821rem + 0.48vw, var(--font-lg)) !important;
  line-height: var(--line-height-lg);
}
.font-body-md-regular,
.font-body-md-bold {
  font-size: var(--font-md);
  font-size: clamp(var(--font-sm), 0.786rem + 0.24vw, var(--font-md)) !important;
  line-height: var(--line-height-lg);
}
.font-body-sm-regular,
.font-body-sm-bold {
  font-size: var(--font-sm);
  font-size: clamp(var(--font-xs), 0.661rem + 0.24vw, var(--font-sm)) !important;
  line-height: var(--line-height-lg);
}
.font-body-xl-regular,
.font-body-lg-regular,
.font-body-md-regular,
.font-body-sm-regular {
  font-weight: var(--font-regular);
}
.font-body-xl-bold,
.font-body-lg-bold,
.font-body-md-bold,
.font-body-sm-bold {
  font-weight: var(--font-bold);
}

@media (max-width: 600px){
  .font-body-xl-regular,
  .font-body-xl-bold {
    font-size: var(--font-lg);
  }
  .font-body-lg-regular,
  .font-body-lg-bold {
    font-size: var(--font-md);
  }
  .font-body-md-regular,
  .font-body-md-bold {
    font-size: var(--font-sm);
  }
  .font-body-sm-regular,
  .font-body-sm-bold {
    font-size: var(--font-xs);
  }
}
/******* FONT-FAMILY *******/
.font-family-base {
  font-family: var(--font-family-base);
  font-style: normal !important;
}
.font-family-highlight {
  font-family: var(--font-family-highlight);
  font-style: italic !important;
  font-weight: var(--font-regular) !important;
}
/***************************************************************/
/*************************** BUTTONS ***************************/
/***************************************************************/
/* establecer color en el modulo */
.button-text-primary-lg,
.button-text-secondary-lg {
  display: inline-block;
  font-weight: var(--font-bold);
  padding: var(--padding-button-lg);
  border-radius: 50px;
  font-size: var(--font-lg);
  font-size: clamp(var(--font-md), 0.821rem + 0.48vw, var(--font-lg)) !important;
  line-height: var(--line-height-lg);
}
.button-text-primary-md,
.button-text-secondary-md {
  display: inline-block;
  font-weight: var(--font-bold);
  padding: var(--padding-button-md);
  border-radius: 50px;
  font-size: var(--font-md);
  font-size: clamp(var(--font-sm), 0.786rem + 0.24vw, var(--font-md)) !important;
  line-height: var(--line-height-lg);
}
.button-text-primary-lg,
.button-text-primary-md {
  border: 2px solid transparent;
}
.button-text-secondary-lg,
.button-text-secondary-md {
  border: 2px solid;
}
.button-text-tertiary-lg {
  font-weight: var(--font-bold);
  font-size: var(--font-lg);
  font-size: clamp(var(--font-md), 0.821rem + 0.48vw, var(--font-lg)) !important;
  line-height: var(--line-height-lg);
}
.button-text-tertiary-md {
  font-weight: var(--font-bold);
  font-size: var(--font-md);
  font-size: clamp(var(--font-sm), 0.786rem + 0.24vw, var(--font-md)) !important;
  line-height: var(--line-height-lg);
}
.button-text-tertiary-lg:hover,
.button-text-tertiary-lg:visited,
.button-text-tertiary-md:hover,
.button-text-tertiary-md:visited {
  border-bottom: 2px solid inherit !important;
  /* poner border-color en módulo */
}
@media (max-width: 834px) {
  .button-text-primary-lg,
  .button-text-secondary-lg {
    padding: var(--padding-button-md);
  }
}
@media (max-width: 600px) {  
  .button-text-primary-lg,
  .button-text-secondary-lg {
    font-size: var(--font-md);
    padding: var(--padding-button-sm);
  }
  .button-text-tertiary-lg {
    font-size: var(--font-md);
  }
  .button-text-primary-md,
  .button-text-secondary-md {
    font-size: var(--font-sm);
    padding: var(--padding-button-sm);
  }
  .button-text-tertiary-md {
    font-size: var(--font-sm);
  }
}

[data-test-id="custom-style-sheet"] {
  border-radius: 50px;
}
/***************************************************************/
/*************************** BASICS ***************************/
/***************************************************************/
/******* LINE HEIGHT *******/
.line-height-lg {
  line-height: var(--line-height-lg);
}
.line-height-md {
  line-height: var(--line-height-md);
}
.line-height-sm {
  line-height: var(--line-height-sm);
}
.line-height-170 {
  line-height: var(--line-height-lg);
}
.line-height-140 {
  line-height: var(--line-height-md);
}
.line-height-120 {
  line-height: var(--line-height-sm);
}
.line-height-100 {
  line-height: var(--line-height-xs);
}

/******* BORDER RADIUS *******/
.border-radius-none {
  border-radius: var(--zero);
}
.border-radius-xs {
  border-radius: 4px;
}
.border-radius-sm {
  border-radius: 8px;
}
.border-radius-md {
  border-radius: 16px;
}
.border-radius-lg {
  border-radius: 24px;
}
.border-radius-circular {
  border-radius: 50%;
}

/******* BORDER WIDTH *******/
.border-width-none {
  border-width: var(--zero);
}
.border-width-hairline {
  border-width: 1px;
}
.border-width-thin {
  border-width: 2px;
}

/******* GRID *******/
.grid-dk {
  max-width: var(--grid-desktop);
}
.grid-desktop {
  max-width: var(--grid-desktop);
  margin: 0 auto;
}
.grid-tb {
  max-width: var(--grid-tablet);
}
.grid-tablet {
  max-width: var(--grid-tablet);
  margin: 0 auto;
}
.grid-mb {
  max-width: var(--grid-mobile);
}
.grid-mobile {
  max-width: var(--grid-mobile);
  margin: 0 auto;
}
/***************************************************************/
/*************************** COLORS ***************************/
/***************************************************************/
.color-brand-one-main {
  color: var(--color-brand-one-main) !important;
}
.bg-brand-one-main {
  background: var(--color-brand-one-main) !important;
}
.color-brand-one-light {
  color: var(--color-brand-one-light) !important;
}
.bg-brand-one-light {
  background: var(--color-brand-one-light) !important;
}
.color-brand-one-medium {
  color: var(--color-brand-one-medium) !important;
}
.bg-brand-one-medium {
  background: var(--color-brand-one-medium) !important;
}
.color-brand-one-dark,
.color-brand-one-main:hover {
  color: var(--color-brand-one-dark) !important;
}
.bg-brand-one-dark,
a.bg-brand-one-main:hover,
input.bg-brand-one-main:hover {
  background: var(--color-brand-one-dark) !important;
}
.color-brand-two-main {
  color: var(--color-brand-two-main) !important;
}
.bg-brand-two-main {
  background: var(--color-brand-two-main) !important;
}
.color-brand-two-light {
  color: var(--color-brand-two-light) !important;
}
.bg-brand-two-light {
  background: var(--color-brand-two-light) !important;
}
.color-brand-two-medium {
  color: var(--color-brand-two-medium) !important;
}
.bg-brand-two-medium {
  background: var(--color-brand-two-medium) !important;
}
.color-brand-two-dark,
a.color-brand-two-main:hover {
  color: var(--color-brand-two-dark) !important;
}
.bg-brand-two-dark,
a.bg-brand-two-main:hover,
input.bg-brand-two-main:hover {
  background: var(--color-brand-two-dark) !important;
}
.color-brand-three-main {
  color: var(--color-brand-three-main) !important;
}
.bg-brand-three-main {
  background: var(--color-brand-three-main) !important;
}
.color-brand-three-light {
  color: var(--color-brand-three-light) !important;
}
.bg-brand-three-light {
  background: var(--color-brand-three-light) !important;
}
.color-brand-three-medium {
  color: var(--color-brand-three-medium) !important;
}
.bg-brand-three-medium {
  background: var(--color-brand-three-medium) !important;
}
.color-brand-three-dark,
a.color-brand-three-main:hover {
  color: var(--color-brand-three-dark) !important;
}
.bg-brand-three-dark,
a.bg-brand-three-main:hover,
input.bg-brand-three-main:hover {
  background: var(--color-brand-three-dark) !important;
}
.color-brand-four-main {
  color: var(--color-brand-four-main) !important;
}
.bg-brand-four-main {
  background: var(--color-brand-four-main) !important;
}
.color-brand-four-light {
  color: var(--color-brand-four-light) !important;
}
.bg-brand-four-light {
  background: var(--color-brand-four-light) !important;
}
.color-brand-four-medium {
  color: var(--color-brand-four-medium) !important;
}
.bg-brand-four-medium {
  background: var(--color-brand-four-medium) !important;
}
.color-brand-four-dark,
a.color-brand-four-main:hover {
  color: var(--color-brand-four-dark) !important;
}
.bg-brand-four-dark,
a.bg-brand-four-main:hover,
input.bg-brand-four-main:hover {
  background: var(--color-brand-four-dark) !important;
}
.color-brand-five-main {
  color: var(--color-brand-five-main) !important;
}
.bg-brand-five-main {
  background: var(--color-brand-five-main) !important;
}
.color-brand-five-light {
  color: var(--color-brand-five-light) !important;
}
.bg-brand-five-light {
  background: var(--color-brand-five-light) !important;
}
.color-brand-five-medium {
  color: var(--color-brand-five-medium) !important;
}
.bg-brand-five-medium {
  background: var(--color-brand-five-medium) !important;
}
.color-brand-five-dark,
a.color-brand-five-main:hover {
  color: var(--color-brand-five-dark) !important;
}
.bg-brand-five-dark,
a.bg-brand-five-main:hover,
input.bg-brand-five-main:hover {
  background: var(--color-brand-five-dark) !important;
}
.color-brand-six-main {
  color: var(--color-brand-six-main) !important;
}
.bg-brand-six-main {
  background: var(--color-brand-six-main) !important;
}
.color-brand-six-light {
  color: var(--color-brand-six-light) !important;
}
.bg-brand-six-light {
  background: var(--color-brand-six-light) !important;
}
.color-brand-six-medium {
  color: var(--color-brand-six-medium) !important;
}
.bg-brand-six-medium {
  background: var(--color-brand-six-medium) !important;
}
.color-brand-six-dark,
a.color-brand-six-main:hover {
  color: var(--color-brand-six-dark) !important;
}
.bg-brand-six-dark,
a.bg-brand-six-main:hover,
input.bg-brand-six-main:hover {
  background: var(--color-brand-six-dark) !important;
}
.color-brand-seven-main {
  color: var(--color-brand-seven-main) !important;
}
.bg-brand-seven-main {
  background: var(--color-brand-seven-main) !important;
}
.color-brand-seven-light {
  color: var(--color-brand-seven-light) !important;
}
.bg-brand-seven-light {
  background: var(--color-brand-seven-light) !important;
}
.color-brand-seven-medium {
  color: var(--color-brand-seven-medium) !important;
}
.bg-brand-seven-medium {
  background: var(--color-brand-seven-medium) !important;
}
.color-brand-seven-dark,
a.color-brand-seven-main:hover {
  color: var(--color-brand-seven-dark) !important;
}
.bg-brand-seven-dark,
a.bg-brand-seven-main:hover,
input.bg-brand-seven-main:hover{
  background: var(--color-brand-seven-dark) !important;
}
.color-brand-eight-main {
  color: var(--color-brand-eight-main) !important;
}
.bg-brand-eight-main {
  background: var(--color-brand-eight-main) !important;
}
.color-brand-eight-light {
  color: var(--color-brand-eight-light) !important;
}
.bg-brand-eight-light {
  background: var(--color-brand-eight-light) !important;
}
.color-brand-eight-medium {
  color: var(--color-brand-eight-medium) !important;
}
.bg-brand-eight-medium {
  background: var(--color-brand-eight-medium) !important;
}
.color-brand-eight-dark,
a.color-brand-eight-main:hover {
  color: var(--color-brand-eight-dark) !important;
}
.bg-brand-eight-dark,
a.bg-brand-eight-main:hover,
input.bg-brand-eight-main:hover {
  background: var(--color-brand-eight-dark) !important;
}
.color-neutral-low-darkest {
  color: var(--color-neutral-low-darkest) !important;
}
.bg-neutral-low-darkest {
  background: var(--color-neutral-low-darkest) !important;
}
.color-neutral-low-dark {
  color: var(--color-neutral-low-dark) !important;
}
.bg-neutral-low-dark {
  background: var(--color-neutral-low-dark) !important;
}
.color-neutral-low-medium {
  color: var(--color-neutral-low-medium) !important;
}
.bg-neutral-low-medium {
  background: var(--color-neutral-low-medium) !important;
}
.color-neutral-low-light {
  color: var(--color-neutral-low-light) !important;
}
.bg-neutral-low-light {
  background: var(--color-neutral-low-light) !important;
}
.color-neutral-high-darkest{
  color: var(--color-neutral-high-darkest) !important;
}
.bg-neutral-high-darkest {
  background: var(--color-neutral-high-darkest) !important;
}
.color-neutral-high-dark{
  color: var(--color-neutral-high-dark) !important;
}
.bg-neutral-high-dark {
  background: var(--color-neutral-high-dark) !important;
}
.bg-neutral-high-medium {
  background: var(--color-neutral-high-medium) !important;
}
.color-neutral-high-light {
  color: var(--color-neutral-high-light) !important;
}
.bg-neutral-high-light {
  background: var(--color-neutral-high-light) !important;
}
.color-feedback-info {
  color: var(--color-feedback-info) !important;
}
.bg-feedback-info {
  background: var(--color-feedback-info) !important;
}
.color-feedback-success {
  color: var(--color-feedback-success) !important;
}
.bg-feedback-success {
  background: var(--color-feedback-success) !important;
}
.color-feedback-error {
  color: var(--color-feedback-error) !important;
}
.bg-feedback-error {
  background: var(--color-feedback-error) !important;
}
.color-feedback-warning {
  color: var(--color-feedback-warning) !important;
}
.bg-feedback-warning {
  background: var(--color-feedback-warning) !important;
}

.color-brand-one-main:hover,
.color-brand-two-main:hover,
.color-brand-three-main:hover,
.color-brand-four-main:hover,
.color-brand-five-main:hover,
.color-brand-six-main:hover,
.color-brand-seven-main:hover,
.color-brand-eight-main:hover {
  text-decoration: underline !important;
}

/***************************************************************/
/**************************** LIST ****************************/
/***************************************************************/
.hs_cos_wrapper_type_inline_rich_text ul {
  list-style: none;
  padding-left: 48px;
}
.hs_cos_wrapper_type_inline_rich_text P,
.hs_cos_wrapper_type_inline_rich_text ul li,
.hs_cos_wrapper_type_inline_rich_text ol li {
  margin-bottom: var(--spacing-05);
  position: relative;
}
.hs_cos_wrapper_type_inline_rich_text ul li:before {
  /* añadir color editable en el módulo */
  content: "\2022";
  position: absolute; 
  font-size: var(--font-xl);
  font-weight: var(--font-bold);
  display: inline-block; 
  top: 0;
  left: -48px;
}
.hs_cos_wrapper_type_inline_rich_text ol {
  list-style: none; 
  counter-reset: li;
  padding-left: 48px;
}
.hs_cos_wrapper_type_inline_rich_text ol li::before {
  /* añadir color editable en el módulo */
  content: counter(li);
  display: inline-block; 
  position: absolute; 
  left: -48px;
}
.hs_cos_wrapper_type_inline_rich_text ol li {
  counter-increment: li
}

/***************************************************************/
/**************************** ICON ****************************/
/***************************************************************/
.button-icon-lg {
  /*background-color: add in module;*/
  width: 180px;
  height: 180px;
  /*background: url('https://2595966.fs1.hubspotusercontent-na1.net/hubfs/2595966/Basic-icons/Vector.svg') no-repeat center;*/
  background-size: 48px 48px;
  border-radius: 500px;
  position: absolute;
  z-index: 9997;
}
.button-icon-lg:hover {
  /*background-color: add in module;*/
}

/***************************************************************/
/**************************** FORM ****************************/
/***************************************************************/
form {
  position: relative;
}
.hs-form-field {
  margin-top: 20px;
  position: relative;
}
.field > label, 
.form-group label, 
.field span, 
.form-group span,
form p {
  font-family: var(--font-family-base);
  font-size: var(--font-md);
  line-height: var(--line-height-md);
  color:var(--color-neutral-low-light);
}
textarea {
  margin-top: var(--spacing-03);
}
textarea, 
select, 
.form-control, 
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]), input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
  min-height: 40px;
  border: var(--none);
  border-radius: var(--none);
  border-bottom: 1px solid var(--color-neutral-low-darkest);
  font-size: var(--font-md);
  background-color: transparent;
  color:var(--color-neutral-low-light);
  font-family: var(--font-family-base);
  line-height: var(--line-height-md);
}
textarea, 
.form-control, 
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]), input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]) {
  padding: 0;
  /*padding-left: 15px;*/
}
input[type=checkbox], 
input[type=radio] {
  display: inline-block !important;
  margin-right: 10px !important;
}
/* checkbox */
input[type="checkbox"] {
  appearance: none;
  background-color: transparent;
  margin: 0 5px 0 0;
  vertical-align: middle;
  color: var(--color-brand-one-main);
  width: 18px !important;
  height: 18px !important;
  border: 2px solid var(--color-brand-one-main);
  border-radius: 4px;
  transform: translateY(-0.075em);
  position: relative;
  transition: .2s all ease-in-out;
}

input[type="checkbox"]::before {
  content: url(https://2595966.fs1.hubspotusercontent-na1.net/hubfs/2595966/netquest-check.svg);
  position: absolute;
  top: -2px;
  left: -2px;
  width: 100%;
  height: 100%;  
  transition: 120ms transform ease-in-out;
  transform: scale(0);
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}



/* focus */
textarea:focus, select:focus, .form-control:focus, input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus, input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):focus {
  border-color: var(--color-feedback-success);
}
/*form button*/
input.hs-button.primary.large {
  min-height: 3rem;
  padding: var(--padding-button-lg);
  font-size: var(--font-lg);
  font-family: var(--font-family-base);
  font-weight: 700;
  border-radius: 500px;
}
@media (max-width: 834px) {
  input.hs-button.primary.large {
    padding: var(--padding-button-md);
    font-size: var(--font-md);
  }
}
@media (max-width: 600px) { 
  input.hs-button.primary.large {
    min-height: 2.5rem;
    padding: var(--padding-button-sm);
    font-size: var(--font-sm);
  }
}

/*form legal*/
.legal-consent-container .field.hs-form-field {
  margin-bottom: 25px;
}
.legal-consent-container .hs-form-booleancheckbox-display p {
  font-size: 16px;
  font-family: var(--font-family-base);
  padding-top: 1rem;
}
.legal-consent-container .hs-form-booleancheckbox-display input {
  position: absolute;
  top: 9px;
}

/* error */
textarea.error, 
.form-control.error, 
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error, 
input[readonly]:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]).error, 
.hs-error-msg {
  color:var(--color-feedback-error);
  border-color: var(--color-feedback-error);
}
select.error {
  color:var(--color-neutral-low-medium);
}
select {
  appearance: auto;
  background-image: var(--none);
  padding-left: 0;
}
ul.hs-error-msgs {
  position: absolute;
  bottom: -30px;
}
.hs-form .hs_error_rollup ul.hs-error-msgs {
  position: static;
}
.legal-consent-container ul.hs-error-msgs {
  bottom: -10px !important;
}
/* option */
option:disabled {
  display: none !important;
}
select option {
  border-radius: 0;
  padding: 20px;
  background: #fff;
  color: var(--color-neutral-low-light);
  border: 2px solid var(--color-neutral-low-light);
}

/* animation - label */
.field>label, 
.form-group label {
  position: absolute;
  top: 12px;
}
.hs-fieldtype-select > label {
  position: relative;
}
.hs-fieldtype-textarea label {
  top: 24px;
}
.hs-fieldtype-radio label {
  position: static;
  margin-bottom: var(--spacing-04);
}
.focused label span,
.focused-text label span {
  transition: all 0.2s ease;
}
.focused.hs-fieldtype-select > label {
  transition: none;
}
.focused:not(.hs-fieldtype-select) label span {
  display: inline-block;
  transform: translateY(-170%);
  font-size: var(--font-xs);
  color:var(--color-neutral-low-light) !important;
}
.focused-text:not(.hs-fieldtype-select) label span {
  display: inline-block;
  transform: translateY(-200%);
  font-size: var(--font-xs);
  color:var(--color-neutral-low-light) !important;
}

/***************************************************************/
/**************************** GLOBAL ****************************/
/***************************************************************/
p {
  margin: 0;
}
.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-no-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.justify-center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.justify-start {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.justify-end {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.align-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.align-start {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-end {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.direction-column {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
}
.direction-column-reverse {
  -webkit-flex-direction: block-reverse;
  -moz-flex-direction: block-reverse;
  flex-direction: column-reverse;
}
.direction-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
}
.direction-row-reverse {
  -webkit-flex-direction: inline-reverse;
  -moz-flex-direction: inline-reverse;
  flex-direction: row-reverse;
}

/***************************************************************/
/*********************** COOKIES WINDOW ************************/
/***************************************************************/
div#hs-eu-cookie-confirmation * {
  font-family: var(--font-family-base) !important;
}
div#hs-eu-cookie-confirmation {
  border-top: 0 !important;
  box-shadow: none !important;
  background: var(--color-neutral-low-darkest) !important;
  color: var(--color-neutral-high-light) !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
  max-width: var(--grid-desktop) !important;
  background: var(--color-neutral-low-darkest) !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
  color: var(--color-neutral-high-light) !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
  max-width: var(--grid-desktop) !important;
  margin: 0 66px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  -webkit-flex-direction: inline-reverse !important;
  -moz-flex-direction: inline-reverse !important;
  flex-direction: row-reverse !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
  background-color: var(--color-brand-one-main) !important;
  border-color: var(--color-brand-one-main) !important;
  color: var(--color-neutral-low-darkest) !important;
  font-weight: var(--font-bold) !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
  border-color: var(--color-brand-one-main) !important;
  color: var(--color-brand-one-main) !important;
}
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button, 
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
  padding: var(--padding-button-lg) !important;
  border-radius: 50px !important;
}

/* modal */
body #hs-modal #hs-modal-content {
  border-radius: 16px !important;
}
body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label span {
  font size: var(--font-xs) !important;
  color: var(--color-neutral-low-darkest) !important;
}
body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-label.hs-active {
  border-left: 5px solid var(--color-brand-one-main) !important;
}
body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-description p {
  color: var(--color-neutral-low-darkest) !important;
}
body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-accept-all, 
body #hs-modal #hs-modal-content #hs-modal-footer #hs-modal-save-settings {
  padding: var(--padding-button-lg) !important;
  background-color: var(--color-brand-one-main) !important;
  border-color: var(--color-brand-one-main) !important;
  color: var(--color-neutral-low-darkest) !important;
  font-weight: var(--font-bold) !important;
  border-radius: 50px !important;
}
body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-always-active-label {
  color: var(--color-neutral-low-darkest) !important;
}
body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-toggle input:checked + .slider {
  background-color: var(--color-brand-five-main) !important;
}
body #hs-modal #hs-modal-content #hs-modal-body #hs-modal-body-container .hs-category-toggle input:disabled + .slider {
  opacity: 1 !important;
}
/* queries */
@media (max-width: 800px) {
  div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
    margin: 0 14px !important;
  }
}
@media (max-width: 600px) {
  div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
  }
}

/* Pop Up forms */
.hs-form__actions__next, .hs-form__actions__previous, .hs-form__actions__submit {
  border-radius: 50px !important;
}

/* Highlighted text  */
.lilac {
  color: #8E42CF;
}
.green {
  color: #76EC81;
}
.white-text {
  color: #FFF;
}

.line-width_s {
  max-width: 480px;
}

.line-width_m {
  max-width: 800px;
}
p .font-32 {
  font-size: 32px;
}
.inline {
  display: inline;
  }
.pb-36 {
  padding-bottom: 36px;
}