/*Tokens*/

:root{
  --mbc-red:#E40E36;     /* fondo barra */
  --mbc-navy:#0e2c66;    /* botón */
  
  --font-family-primary: 'Chilena';
  --font-family-bold: 'Chilena Bold';
  --font-family-light: 'Chilena Light';
  
  --font-extrabold: 900;
  --font-bold: 700;
  --font-regular: 400;
  --font-light: 300;
  
  --font-size-body: 16px;
  --font-size-btn: 16px;
  --font-size-nav: 16px;
  --font-size-footer: 14px;
  --font-size-dates: 13px;
  
  --font-lineheight-body: 26px;
  --font-lineheight-btn: 26px;
  --font-lineheight-nav: 26px;
  --font-lineheight-footer: 22px;
  --font-lineheight-dates: 20px;
  
  /* Typos Desktop (1920px) */
  
  --font-desktop-size-h1: 45px;
  --font-desktop-size-h2: 32px;
  --font-desktop-size-h3: 24px;
  --font-desktop-size-h4: 20px;
  --font-desktop-size-h5: 18px;
  
  --font-desktop-lineheight-h1: 52px;
  --font-desktop-lineheight-h2: 40px;
  --font-desktop-lineheight-h3: 32px;
  --font-desktop-lineheight-h4: 20px;
  --font-desktop-lineheight-h5: 26px;
  
  /* Typos Laptop (1366px) */
  
  --font-laptop-size-h1: 45px;
  --font-laptop-size-h2: 32px;
  --font-laptop-size-h3: 24px;
  --font-laptop-size-h4: 20px;
  --font-laptop-size-h5: 18px;

  --font-laptop-lineheight-h1: 52px;
  --font-laptop-lineheight-h2: 40px;
  --font-laptop-lineheight-h3: 32px;
  --font-laptop-lineheight-h4: 20px;
  --font-laptop-lineheight-h5: 26px;

  
  /* Typos Tablet (768px) */
  
  --font-tablet-size-h1: 38px;
  --font-tablet-size-h2: 24px;
  --font-tablet-size-h3: 22px;
  --font-tablet-size-h4: 18px;
  --font-tablet-size-h5: 16px;
  
  --font-tablet-lineheight-h1: 46px;
  --font-tablet-lineheight-h2: 36px;
  --font-tablet-lineheight-h3: 30px;
  --font-tablet-lineheight-h4: 26px;
  --font-tablet-lineheight-h5: 24px;
  
  /* Typos Mobile (768px) */
  
  --font-mobile-size-h1: 32px;
  --font-mobile-size-h2: 24px;
  --font-mobile-size-h3: 20px;
  --font-mobile-size-h4: 18px;
  --font-mobile-size-h5: 16px;
  
  --font-mobile-lineheight-h1: 40px;
  --font-mobile-lineheight-h2: 32px;
  --font-mobile-lineheight-h3: 28px;
  --font-mobile-lineheight-h4: 26px;
  --font-mobile-lineheight-h5: 24px;
  
  /*Colores*/
  
  --neutral-100:#FFFFFF;
  
  --red-50: #FFEDED;
  --red-100: #FEDADC;
  --red-200: #FEAFB3;
  --red-300: #FD848C;
  --red-400: #FD4D5E;
  --red-500: #E40E36;
  --red-900: #400108;
  
  --blue-50: #E2E8FD;
  --blue-300: #2878EF;
  --blue-500: #0B3067;
  --blue-700: #051E45;
  --blue-800: #031637;
  
  --grey-50: #E3E9EC;
  --grey-100: #C6D4DA;
  --grey-200: #99A8AE;
  --grey-300: #707B80;
  --grey-500: #2A2F31;
  --grey-600: #222628;
  --grey-950: #000100;
  
  --custom-500: #EEDBCD;
  
  --bg-primary: var(--neutral-100);
  
  --bg-btn-primary-default: var(--red-500);
  --bg-btn-primary-hover: var(--red-400);
  --bg-btn-primary-selected: var(--red-900);
  --bg-btn-primary-disabled: var(--grey-100);
  
  --bg-btn-secondary-default: var(--neutral-100);
  --bg-btn-secondary-hover: var(--neutral-100);
  --bg-btn-secondary-selected: var(--red-100);
  --bg-btn-secondary-disabled: var(--grey-100);
  
  --bg-btn-blue-default: var(--blue-500);
  --bg-btn-blue-hover: var(--blue-300);
  --bg-btn-blue-selected: var(--blue-800);
  --bg-btn-blue-disabled: var(--grey-100);
  
  --bg-footer: var(--grey-950);
  
  /*Spacing*/
  
  --spacing-none: 0px;
  
  --spacing-desktop-xs: 4px;
  --spacing-desktop-s: 8px;
  --spacing-desktop-m: 16px;
  --spacing-desktop-l: 24px;
  --spacing-desktop-xl: 32px;
  --spacing-desktop-2xl: 48px;
  --spacing-desktop-3xl: 64px;
  --spacing-desktop-4xl: 80px;
  --spacing-desktop-5xl: 100px;
  --spacing-desktop-6xl: 120px;
  
  --spacing-laptop-xs: 4px;
  --spacing-laptop-s: 8px;
  --spacing-laptop-m: 16px;
  --spacing-laptop-l: 20px;
  --spacing-laptop-xl: 24px;
  --spacing-laptop-2xl: 40px;
  --spacing-laptop-3xl: 56px;
  --spacing-laptop-4xl: 64px;
  --spacing-laptop-5xl: 80px;
  --spacing-laptop-6xl: 100px;

  --spacing-tablet-xs: 4px;
  --spacing-tablet-s: 8px;
  --spacing-tablet-m: 12px;
  --spacing-tablet-l: 16px;
  --spacing-tablet-xl: 20px;
  --spacing-tablet-2xl: 32px;
  --spacing-tablet-3xl: 48px;
  --spacing-tablet-4xl: 48px;
  --spacing-tablet-5xl: 48px;
  --spacing-tablet-6xl: 48px;

  --spacing-mobile-xs: 4px;
  --spacing-mobile-s: 8px;
  --spacing-mobile-m: 12px;
  --spacing-mobile-l: 16px;
  --spacing-mobile-xl: 20px;
  --spacing-mobile-2xl: 24px;
  --spacing-mobile-3xl: 32px;
  --spacing-mobile-4xl: 32px;
  --spacing-mobile-5xl: 32px;
  --spacing-mobile-6xl: 32px;

  
  /* Paddings Sections*/
  
  --desktop-padding-full: var(--spacing-desktop-4xl) var(--spacing-desktop-6xl);
  --laptop-padding-full: var(--spacing-laptop-5xl) var(--spacing-laptop-4xl);
  --tablet-padding-full: var(--spacing-tablet-2xl) var(--spacing-tablet-2xl);
  --mobile-padding-full: var(--spacing-mobile-2xl) var(--spacing-mobile-xl);
  
  --desktop-padding-full-y: var(--spacing-desktop-4xl) var(--spacing-none);
  --laptop-padding-full-y: var(--spacing-laptop-5xl) var(--spacing-none);
  --tablet-padding-full-y: var(--spacing-tablet-2xl) var(--spacing-none);
  --mobile-padding-full-y: var(--spacing-mobile-2xl) var(--spacing-none);
  
  --desktop-padding-full-x: var(--spacing-none) var(--spacing-desktop-6xl);
  --laptop-padding-full-x: var(--spacing-none) var(--spacing-laptop-4xl);
  --tablet-padding-full-x: var(--spacing-none) var(--spacing-tablet-2xl);
  --mobile-padding-full-x: var(--spacing-none) var(--spacing-mobile-xl);
  
  /* Radius */
  
  --radius-none: 0px;
  
  --desktop-radius-xs: 2px;
  --desktop-radius-s: 4px;
  --desktop-radius-m: 8px;
  --desktop-radius-l: 16px;
  --desktop-radius-xl: 24px;
  
  --radius-full: 999px;
}

.gap-xs{
		gap: var(--spacing-desktop-xs);
	}
	
	.gap-s{
		gap: var(--spacing-desktop-s);
	}

	.gap-m{
		gap: var(--spacing-desktop-m);
	}

	.gap-l{
		gap: var(--spacing-desktop-l);
	}

	.gap-xl{
		gap: var(--spacing-desktop-xl);
	}

	.gap-2xl{
		gap: var(--spacing-desktop-2xl);
	}

	.gap-3xl{
		gap: var(--spacing-desktop-3xl);
	}

	.gap-4xl{
		gap: var(--spacing-desktop-4xl);
	}

	.gap-5xl{
		gap: var(--spacing-desktop-5xl);
	}

	.gap-6xl{
		gap: var(--spacing-desktop-6xl);
	}

@media (max-width: 1366px){
	.gap-xs{
		gap: var(--spacing-laptop-xs);
	}
	
	.gap-s{
		gap: var(--spacing-laptop-s);
	}

	.gap-m{
		gap: var(--spacing-laptop-m);
	}

	.gap-l{
		gap: var(--spacing-laptop-l);
	}

	.gap-xl{
		gap: var(--spacing-laptop-xl);
	}

	.gap-2xl{
		gap: var(--spacing-laptop-2xl);
	}

	.gap-3xl{
		gap: var(--spacing-laptop-3xl);
	}

	.gap-4xl{
		gap: var(--spacing-laptop-4xl);
	}

	.gap-5xl{
		gap: var(--spacing-laptop-5xl);
	}

	.gap-6xl{
		gap: var(--spacing-laptop-6xl);
	}
}
@media (max-width: 768px){
	.gap-xs{
		gap: var(--spacing-tablet-xs);
	}
	
	.gap-s{
		gap: var(--spacing-tablet-s);
	}

	.gap-m{
		gap: var(--spacing-tablet-m);
	}

	.gap-l{
		gap: var(--spacing-tablet-l);
	}

	.gap-xl{
		gap: var(--spacing-tablet-xl);
	}

	.gap-2xl{
		gap: var(--spacing-tablet-2xl);
	}

	.gap-3xl{
		gap: var(--spacing-tablet-3xl);
	}

	.gap-4xl{
		gap: var(--spacing-tablet-4xl);
	}

	.gap-5xl{
		gap: var(--spacing-tablet-5xl);
	}

	.gap-6xl{
		gap: var(--spacing-tablet-6xl);
	}
}
@media (max-width: 350px){
	.gap-xs{
		gap: var(--spacing-mobile-xs);
	}
	
	.gap-s{
		gap: var(--spacing-mobile-s);
	}

	.gap-m{
		gap: var(--spacing-mobile-m);
	}

	.gap-l{
		gap: var(--spacing-mobile-l);
	}

	.gap-xl{
		gap: var(--spacing-mobile-xl);
	}

	.gap-2xl{
		gap: var(--spacing-mobile-2xl);
	}

	.gap-3xl{
		gap: var(--spacing-mobile-3xl);
	}

	.gap-4xl{
		gap: var(--spacing-mobile-4xl);
	}

	.gap-5xl{
		gap: var(--spacing-mobile-5xl);
	}

	.gap-6xl{
		gap: var(--spacing-mobile-6xl);
	}
}

/* Headings */



h1.h-mbc.extrabold{
	font-size: var(--font-desktop-size-h1)!important;
	line-height: var(--font-desktop-lineheight-h1)!important;
	font-weight: var(--font-extrabold)!important;
	font-family: var(--font-family-bold)!important;
}

h1.h-mbc.bold{
	font-size: var(--font-desktop-size-h1)!important;
	line-height: var(--font-desktop-lineheight-h1)!important;
	font-weight: var(--font-bold)!important;
	font-family: var(--font-family-bold)!important;
}

h2.h-mbc.extrabold{
	font-size: var(--font-desktop-size-h2)!important;
	line-height: var(--font-desktop-lineheight-h2)!important;
	font-weight: var(--font-extrabold)!important;
	font-family: var(--font-family-bold)!important;
}

h2.h-mbc.bold{
	font-size: var(--font-desktop-size-h2)!important;
	line-height: var(--font-desktop-lineheight-h2)!important;
	font-weight: var(--font-bold)!important;
	font-family: var(--font-family-bold)!important;
}

h3.h-mbc.bold{
	font-size: var(--font-desktop-size-h3)!important;
	line-height: var(--font-desktop-lineheight-h3)!important;
	font-weight: var(--font-bold)!important;
	font-family: var(--font-family-bold)!important;
}

h3.h-mbc.regular{
	font-size: var(--font-desktop-size-h3)!important;
	line-height: var(--font-desktop-lineheight-h3)!important;
	font-weight: var(--font-regular)!important;
	font-family: var(--font-family-primary)!important;
}

h3.h-mbc.light{
	font-size: var(--font-desktop-size-h3)!important;
	line-height: var(--font-desktop-lineheight-h3)!important;
	font-weight: var(--font-light)!important;
	font-family: var(--font-family-primary)!important;
}

h4.h-mbc.bold{
	font-size: var(--font-desktop-size-h4)!important;
	line-height: var(--font-desktop-lineheight-h4)!important;
	font-weight: var(--font-bold)!important;
	font-family: var(--font-family-bold)!important;
}

h4.h-mbc.regular{
	font-size: var(--font-desktop-size-h4)!important;
	line-height: var(--font-desktop-lineheight-h4)!important;
	font-weight: var(--font-regular)!important;
	font-family: var(--font-family-primary)!important;
}

h4.h-mbc.light{
	font-size: var(--font-desktop-size-h4)!important;
	line-height: var(--font-desktop-lineheight-h4)!important;
	font-weight: var(--font-light)!important;
	font-family: var(--font-family-primary)!important;
}

h5.h-mbc.bold{
	font-size: var(--font-desktop-size-h5)!important;
	line-height: var(--font-desktop-lineheight-h5)!important;
	font-weight: var(--font-bold)!important;
	font-family: var(--font-family-bold)!important;
}

h5.h-mbc.regular{
	font-size: var(--font-desktop-size-h5)!important;
	line-height: var(--font-desktop-lineheight-h5)!important;
	font-weight: var(--font-regular)!important;
	font-family: var(--font-family-primary)!important;
}

h5.h-mbc.light{
	font-size: var(--font-desktop-size-h5)!important;
	line-height: var(--font-desktop-lineheight-h5)!important;
	font-weight: var(--font-light)!important;
	font-family: var(--font-family-primary)!important;
}


@media (max-width: 1366px){
	h1.h-mbc.extrabold{
		font-size: var(--font-laptop-size-h1)!important;
		line-height: var(--font-laptop-lineheight-h1)!important;
		font-weight: var(--font-extrabold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h1.h-mbc.bold{
		font-size: var(--font-laptop-size-h1)!important;
		line-height: var(--font-laptop-lineheight-h1)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h2.h-mbc.extrabold{
		font-size: var(--font-laptop-size-h2)!important;
		line-height: var(--font-laptop-lineheight-h2)!important;
		font-weight: var(--font-extrabold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h2.h-mbc.bold{
		font-size: var(--font-laptop-size-h2)!important;
		line-height: var(--font-laptop-lineheight-h2)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h3.h-mbc.bold{
		font-size: var(--font-laptop-size-h3)!important;
		line-height: var(--font-laptop-lineheight-h3)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h3.h-mbc.regular{
		font-size: var(--font-laptop-size-h3)!important;
		line-height: var(--font-laptop-lineheight-h3)!important;
		font-weight: var(--font-regular)!important;
		font-family: var(--font-family-primary)!important;
	}

	h3.h-mbc.light{
		font-size: var(--font-laptop-size-h3)!important;
		line-height: var(--font-laptop-lineheight-h3)!important;
		font-weight: var(--font-light)!important;
		font-family: var(--font-family-primary)!important;
	}

	h4.h-mbc.bold{
		font-size: var(--font-laptop-size-h4)!important;
		line-height: var(--font-laptop-lineheight-h4)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h4.h-mbc.regular{
		font-size: var(--font-laptop-size-h4)!important;
		line-height: var(--font-laptop-lineheight-h4)!important;
		font-weight: var(--font-regular)!important;
		font-family: var(--font-family-primary)!important;
	}

	h4.h-mbc.light{
		font-size: var(--font-laptop-size-h4)!important;
		line-height: var(--font-laptop-lineheight-h4)!important;
		font-weight: var(--font-light)!important;
		font-family: var(--font-family-primary)!important;
	}

	h5.h-mbc.bold{
		font-size: var(--font-laptop-size-h5)!important;
		line-height: var(--font-laptop-lineheight-h5)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h5.h-mbc.regular{
		font-size: var(--font-laptop-size-h5)!important;
		line-height: var(--font-laptop-lineheight-h5)!important;
		font-weight: var(--font-regular)!important;
		font-family: var(--font-family-primary)!important;
	}

	h5.h-mbc.light{
		font-size: var(--font-laptop-size-h5)!important;
		line-height: var(--font-laptop-lineheight-h5)!important;
		font-weight: var(--font-light)!important;
		font-family: var(--font-family-primary)!important;
	}
}

@media (max-width: 768px){
	h1.h-mbc.extrabold{
		font-size: var(--font-tablet-size-h1)!important;
		line-height: var(--font-tablet-lineheight-h1)!important;
		font-weight: var(--font-extrabold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h1.h-mbc.bold{
		font-size: var(--font-tablet-size-h1)!important;
		line-height: var(--font-tablet-lineheight-h1)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h2.h-mbc.extrabold{
		font-size: var(--font-tablet-size-h2)!important;
		line-height: var(--font-tablet-lineheight-h2)!important;
		font-weight: var(--font-extrabold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h2.h-mbc.bold{
		font-size: var(--font-tablet-size-h2)!important;
		line-height: var(--font-tablet-lineheight-h2)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h3.h-mbc.bold{
		font-size: var(--font-tablet-size-h3)!important;
		line-height: var(--font-tablet-lineheight-h3)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h3.h-mbc.regular{
		font-size: var(--font-tablet-size-h3)!important;
		line-height: var(--font-tablet-lineheight-h3)!important;
		font-weight: var(--font-regular)!important;
		font-family: var(--font-family-primary)!important;
	}

	h3.h-mbc.light{
		font-size: var(--font-tablet-size-h3)!important;
		line-height: var(--font-tablet-lineheight-h3)!important;
		font-weight: var(--font-light)!important;
		font-family: var(--font-family-primary)!important;
	}

	h4.h-mbc.bold{
		font-size: var(--font-tablet-size-h4)!important;
		line-height: var(--font-tablet-lineheight-h4)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h4.h-mbc.regular{
		font-size: var(--font-tablet-size-h4)!important;
		line-height: var(--font-tablet-lineheight-h4)!important;
		font-weight: var(--font-regular)!important;
		font-family: var(--font-family-primary)!important;
	}

	h4.h-mbc.light{
		font-size: var(--font-tablet-size-h4)!important;
		line-height: var(--font-tablet-lineheight-h4)!important;
		font-weight: var(--font-light)!important;
		font-family: var(--font-family-primary)!important;
	}

	h5.h-mbc.bold{
		font-size: var(--font-tablet-size-h5)!important;
		line-height: var(--font-tablet-lineheight-h5)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h5.h-mbc.regular{
		font-size: var(--font-tablet-size-h5)!important;
		line-height: var(--font-tablet-lineheight-h5)!important;
		font-weight: var(--font-regular)!important;
		font-family: var(--font-family-primary)!important;
	}

	h5.h-mbc.light{
		font-size: var(--font-tablet-size-h5)!important;
		line-height: var(--font-tablet-lineheight-h5)!important;
		font-weight: var(--font-light)!important;
		font-family: var(--font-family-primary)!important;
	}
}

@media (max-width: 390px){
	h1.h-mbc.extrabold{
		font-size: var(--font-mobile-size-h1)!important;
		line-height: var(--font-mobile-lineheight-h1)!important;
		font-weight: var(--font-extrabold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h1.h-mbc.bold{
		font-size: var(--font-mobile-size-h1)!important;
		line-height: var(--font-mobile-lineheight-h1)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h2.h-mbc.extrabold{
		font-size: var(--font-mobile-size-h2)!important;
		line-height: var(--font-mobile-lineheight-h2)!important;
		font-weight: var(--font-extrabold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h2.h-mbc.bold{
		font-size: var(--font-mobile-size-h2)!important;
		line-height: var(--font-mobile-lineheight-h2)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h3.h-mbc.bold{
		font-size: var(--font-mobile-size-h3)!important;
		line-height: var(--font-mobile-lineheight-h3)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h3.h-mbc.regular{
		font-size: var(--font-mobile-size-h3)!important;
		line-height: var(--font-mobile-lineheight-h3)!important;
		font-weight: var(--font-regular)!important;
		font-family: var(--font-family-primary)!important;
	}

	h3.h-mbc.light{
		font-size: var(--font-mobile-size-h3)!important;
		line-height: var(--font-mobile-lineheight-h3)!important;
		font-weight: var(--font-light)!important;
		font-family: var(--font-family-primary)!important;
	}

	h4.h-mbc.bold{
		font-size: var(--font-mobile-size-h4)!important;
		line-height: var(--font-mobile-lineheight-h4)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h4.h-mbc.regular{
		font-size: var(--font-mobile-size-h4)!important;
		line-height: var(--font-mobile-lineheight-h4)!important;
		font-weight: var(--font-regular)!important;
		font-family: var(--font-family-primary)!important;
	}

	h4.h-mbc.light{
		font-size: var(--font-mobile-size-h4)!important;
		line-height: var(--font-mobile-lineheight-h4)!important;
		font-weight: var(--font-light)!important;
		font-family: var(--font-family-primary)!important;
	}

	h5.h-mbc.bold{
		font-size: var(--font-mobile-size-h5)!important;
		line-height: var(--font-mobile-lineheight-h5)!important;
		font-weight: var(--font-bold)!important;
		font-family: var(--font-family-bold)!important;
	}

	h5.h-mbc.regular{
		font-size: var(--font-mobile-size-h5)!important;
		line-height: var(--font-mobile-lineheight-h5)!important;
		font-weight: var(--font-regular)!important;
		font-family: var(--font-family-primary)!important;
	}

	h5.h-mbc.light{
		font-size: var(--font-mobile-size-h5)!important;
		line-height: var(--font-mobile-lineheight-h5)!important;
		font-weight: var(--font-light)!important;
		font-family: var(--font-family-primary)!important;
	}
}

.h-mbc > span{
	font-family: var(--font-family-bold);
	font-weight: var(--font-bold);
	color: var(--red-500);
}

.h-redLine::after{
  content:"";
  display:block;
  width: 130px; 
  height: 2px;
  background: var(--red-500);
  margin-top: var(--spacing-desktop-l);
}

.h-redLine-center::after{
  content:url('../images/svg/line-red.svg');
  display:block;
  position: relative;
}

/* Radius class*/

.radius-xs{
	border-radius: var(--desktop-radius-xs) !important;
}

.radius-s{
	border-radius: var(--desktop-radius-s) !important;
}

.radius-m{
	border-radius: var(--desktop-radius-m) !important;
}

.radius-l{
	border-radius: var(--desktop-radius-l) !important;
}

.radius-xl{
	border-radius: var(--desktop-radius-xl) !important;
}

.radius-xs-bottom{
	border-bottom-right-radius: var(--desktop-radius-xs) !important;
	border-bottom-left-radius: var(--desktop-radius-xs) !important;
}

.radius-s-bottom{
	border-bottom-right-radius: var(--desktop-radius-s) !important;
	border-bottom-left-radius: var(--desktop-radius-s) !important;
}

.radius-m-bottom{
	border-bottom-right-radius: var(--desktop-radius-m) !important;
	border-bottom-left-radius: var(--desktop-radius-m) !important;
}

.radius-l-bottom{
	border-bottom-right-radius: var(--desktop-radius-l) !important;
	border-bottom-left-radius: var(--desktop-radius-l) !important;
}

.radius-xl-bottom{
	border-bottom-right-radius: var(--desktop-radius-xl) !important;
	border-bottom-left-radius: var(--desktop-radius-xl) !important;
}

/* Colores */

.color-neutral{color: var(--neutral-100)}
.color-black{color: var(--grey-500)}
.color-blue-primary{color: var(--blue-500)}


/* Background */

.bg-red-primary{
	background-color: var(--red-500);
}

.bg-blue-primary{
	background-color: var(--blue-500);
}

.bg-grey-primary{
	background-color: var(--grey-500);
}

/* Botones */

.btn-default{
  border:0;
  border-radius: 8px;
  padding: 12px 25px;
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold);
  font-size: var(--font-size-btn);
  line-height: var(--font-lineheight-btn);
  transition: all ease 0.3s;
  text-decoration: none;
}

/*Botones semánticos*/

.btn-primary{
	background:var(--bg-btn-primary-default);
	color: var(--neutral-100);
}

.btn-primary:hover{
	background:var(--bg-btn-primary-hover);
	color: var(--neutral-100);
}

.btn-primary:focus{
	background:var(--bg-btn-primary-selected);
	color: var(--neutral-100);
}

.btn-primary:disabled{
	background:var(--bg-btn-primary-disabled);
	color: var(--grey-300);
}

.btn-secondary{
	background:var(--bg-btn-secondary-default);
	color: var(--red-500);
}

.btn-secondary:hover{
	background:var(--bg-btn-secondary-hover);
	color: var(--red-300);
}

.btn-secondary:focus{
	background:var(--bg-btn-secondary-selected);
	color: var(--red-300);
}

.btn-secondary:disabled{
	background:var(--bg-btn-secondary-disabled);
	color: var(--grey-300);
}

.btn-secondary-border{
	background:var(--bg-btn-secondary-default);
	color: var(--red-500);
	border: 1px solid var(--red-500);
}

.btn-secondary-border:hover{
	background:var(--bg-btn-secondary-hover);
	color: var(--red-300);
	border: 1px solid var(--red-300);
}

.btn-secondary-border:focus{
	background:var(--bg-btn-secondary-selected);
	color: var(--red-300);
	border: 1px solid var(--red-300);
}

.btn-secondary-border:disabled{
	background:var(--bg-btn-secondary-disabled);
	color: var(--grey-300);
}

.btn-blue{
	background:var(--bg-btn-blue-default);
	color: var(--neutral-100);
}

.btn-blue:hover{
	background:var(--bg-btn-blue-hover);
	color: var(--neutral-100);
}

.btn-blue:focus{
	background:var(--bg-btn-blue-selected);
	color: var(--neutral-100);
}

.btn-blue:disabled{
	background:var(--bg-btn-blue-disabled);
	color: var(--grey-300);
}

.btn-space-hero{
	margin-top: var(--spacing-desktop-5xl);
}

@media (max-width: 1366px){
	.btn-space-hero{
		margin-top: var(--spacing-laptop-5xl);
	}
}

@media (max-width: 768px){
	.btn-space-hero{
		margin-top: var(--spacing-tablet-5xl);
	}
}

@media (max-width: 390px){
	.btn-space-hero{
		margin-top: var(--spacing-mobile-5xl);
	}
}

/* Paddings */



.section-full{
	padding: var(--desktop-padding-full) !important; 
}


@media (max-width: 1366px){
	.section-full{
		padding: var(--laptop-padding-full) !important; 
	}
}

@media (max-width: 768px){
	.section-full{
		padding: var(--tablet-padding-full) !important; 
	}
}

@media (max-width: 390px){
	.section-full{
		padding: var(--mobile-padding-full) !important; 
	}
}


	.section-full-y{
		padding: var(--desktop-padding-full-y) !important; 
	}


@media (max-width: 1366px){
	.section-full-y{
		padding: var(--laptop-padding-full-y) !important; 
	}
}

@media (max-width: 768px){
	.section-full-y{
		padding: var(--tablet-padding-full-y) !important; 
	}
}

@media (max-width: 390px){
	.section-full-y{
		padding: var(--mobile-padding-full-y) !important; 
	}
}



.section-full-x{
	padding: var(--desktop-padding-full-x) !important; 
}


@media (max-width: 1366px){
	.section-full-x{
		padding: var(--laptop-padding-full-x) !important; 
	}
}

@media (max-width: 768px){
	.section-full-x{
		padding: var(--tablet-padding-full-x) !important; 
	}
}

@media (max-width: 390px){
	.section-full-x{
		padding: var(--mobile-padding-full-x) !important; 
	}
}


.padding-left-sidebar{
padding-left: var(--spacing-desktop-2xl); 
}

.padding-right-newsPage{
	padding-right: var(--spacing-desktop-2xl);
}


@media (max-width: 1366px){
	.padding-left-sidebar{
		padding-left: var(--spacing-laptop-2xl); 
	}

	.padding-right-newsPage{
		padding-right: var(--spacing-latop-2xl);
	}
}

@media (max-width: 768px){
	.padding-left-sidebar{
		padding-left: var(--spacing-none);
		padding-right: var(--spacing-none);
	}

	.padding-right-newsPage{
		padding-left: var(--spacing-none);
		padding-right: var(--spacing-none);
		margin-bottom: var(--spacing-tablet-3xl);
	}
}

@media (max-width: 575px){
	.padding-left-sidebar{
		padding-left: var(--spacing-none);
		padding-right: var(--spacing-none);
	}

	.padding-right-newsPage{
		padding-left: var(--spacing-none);
		padding-right: var(--spacing-none);
		margin-bottom: var(--spacing-tablet-3xl);
	}
}


.padding-xs{
	padding: var(--spacing-desktop-xs);
}

.padding-s{
	padding: var(--spacing-desktop-s);
}

.padding-m{
	padding: var(--spacing-desktop-m);
}

.padding-l{
	padding: var(--spacing-desktop-l);
}

.padding-xl{
	padding: var(--spacing-desktop-xl);
}

.padding-2xl{
	padding: var(--spacing-desktop-2xl);
}

.padding-3xl{
	padding: var(--spacing-desktop-3xl);
}

.padding-4xl{
	padding: var(--spacing-desktop-4xl);
}

.padding-5xl{
	padding: var(--spacing-desktop-5xl);
}

.padding-6xl{
	padding: var(--spacing-desktop-6xl);
}


@media (max-width: 1366px){
	.padding-xs{
		padding: var(--spacing-laptop-xs);
	}
	
	.padding-s{
		padding: var(--spacing-laptop-s);
	}
	
	.padding-m{
		padding: var(--spacing-laptop-m);
	}
	
	.padding-l{
		padding: var(--spacing-laptop-l);
	}
	
	.padding-xl{
		padding: var(--spacing-laptop-xl);
	}
	
	.padding-2xl{
		padding: var(--spacing-laptop-2xl);
	}
	
	.padding-3xl{
		padding: var(--spacing-laptop-3xl);
	}
	
	.padding-4xl{
		padding: var(--spacing-laptop-4xl);
	}
	
	.padding-5xl{
		padding: var(--spacing-laptop-5xl);
	}
	
	.padding-6xl{
		padding: var(--spacing-laptop-6xl);
	}
}

@media (max-width: 768px){
	.padding-xs{
		padding: var(--spacing-tablet-xs);
	}
	
	.padding-s{
		padding: var(--spacing-tablet-s);
	}
	
	.padding-m{
		padding: var(--spacing-tablet-m);
	}
	
	.padding-l{
		padding: var(--spacing-tablet-l);
	}
	
	.padding-xl{
		padding: var(--spacing-tablet-xl);
	}
	
	.padding-2xl{
		padding: var(--spacing-tablet-2xl);
	}
	
	.padding-3xl{
		padding: var(--spacing-tablet-3xl);
	}
	
	.padding-4xl{
		padding: var(--spacing-tablet-4xl);
	}
	
	.padding-5xl{
		padding: var(--spacing-tablet-5xl);
	}
	
	.padding-6xl{
		padding: var(--spacing-tablet-6xl);
	}
}

@media (max-width: 390px){
	.padding-xs{
		padding: var(--spacing-mobile-xs);
	}
	
	.padding-s{
		padding: var(--spacing-mobile-s);
	}
	
	.padding-m{
		padding: var(--spacing-mobile-m);
	}
	
	.padding-l{
		padding: var(--spacing-mobile-l);
	}
	
	.padding-xl{
		padding: var(--spacing-mobile-xl);
	}
	
	.padding-2xl{
		padding: var(--spacing-mobile-2xl);
	}
	
	.padding-3xl{
		padding: var(--spacing-mobile-3xl);
	}
	
	.padding-4xl{
		padding: var(--spacing-mobile-4xl);
	}
	
	.padding-5xl{
		padding: var(--spacing-mobile-5xl);
	}
	
	.padding-6xl{
		padding: var(--spacing-mobile-6xl);
	}
}

/* Enlaces CTA*/

.enlace-default{
  border:0;
  font-family: var(--font-family-bold);
  font-weight: var(--font-bold);
  font-size: var(--font-size-btn);
  line-height: var(--font-lineheight-btn);
  transition: all ease 0.4s;
  text-decoration: none;
}

.enlace-default:hover{
  text-decoration: underline;
}

.enlace-dark{
	color: var(--grey-600);
}

.enlace-light{
	color: var(--neutral-100);
}

/* Forms */

label.mbc-labelForm{
	font-size: var(--font-size-dates);
	line-height: var(--font-lineheight-dates);
	margin-bottom: var(--spacing-desktop-s);
}

label.mbc-labelForm > span.mandatory{
	color: var(--red-500);
}

.mbc-labelForm.required::after {
  content: " *";
  color: var(--red-500);
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	display: none;
}

input.mbc-field,
select.mbc-field,
textarea.mbc-field,
span.mbc-field,
span.select2-container--default .select2-selection--single{
	padding: var(--spacing-desktop-m);
    font-size: var(--font-size-body);
	line-height: var(--font-lineheight-body);
    background: var(--grey-50);
	border-radius: var(--desktop-radius-s);
	border: 0;
}

@media (max-width: 1366px) {
    input.mbc-field,
	select.mbc-field,
	textarea.mbc-field,
	span.mbc-field,
	span.select2-container--default .select2-selection--single{
		padding: var(--spacing-laptop-m);
	}
}

@media (max-width: 768px) {
    input.mbc-field,
	select.mbc-field,
	textarea.mbc-field,
	span.mbc-field,
	span.select2-container--default .select2-selection--single{
		padding: var(--spacing-tablet-m);
	}
}

@media (max-width: 390px) {
    input.mbc-field,
	select.mbc-field,
	textarea.mbc-field,
	span.mbc-field,
	span.select2-container--default .select2-selection--single{
		padding: var(--spacing-mobile-m);
	}
}

select.mbc-field,
span.select2-container--default .select2-selection--single{
	background-image: url('../images/svg/chevrone-abajo.svg');
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

input.mbc-field-input[type=radio],
input.mbc-field-input[type=checkbox]{
	width:24px;
	height: 24px;
	border: 1px solid var(--grey-200);
}

.input.mbc-field-input[type=checkbox]{
	border-radius: var(--desktop-radius-s);
}

input.mbc-field-input:checked[type=radio]{
	border: 1 solid var(--blue-300);
	background-color: var(--blue-300);
}