/*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;
  
  /* ─────────────────────────────────────────────────────────────────
     01. Paleta Primitiva — mc-* (Figma: [01] Fundacionales)
         Nomenclatura: --mc-[familia]-[intensidad]
     ───────────────────────────────────────────────────────────────── */

  /* Rojo (base oficial: --mc-rojo-600) */
  --mc-rojo-950: #310003;
  --mc-rojo-900: #480007;
  --mc-rojo-800: #790012;
  --mc-rojo-700: #AD021E;
  --mc-rojo-600: #E4022B;
  --mc-rojo-500: #FF3C4D;
  --mc-rojo-400: #FF7077;
  --mc-rojo-300: #FF9A9E;
  --mc-rojo-200: #FFBFC1;
  --mc-rojo-100: #FFDDDF;
  --mc-rojo-50:  #FFF0F1;

  /* Azul (base oficial: --mc-azul-900) */
  --mc-azul-950: #041A3E;
  --mc-azul-900: #0B3067;
  --mc-azul-800: #13448D;
  --mc-azul-700: #1B57B0;
  --mc-azul-600: #236CD8;
  --mc-azul-500: #4183F6;
  --mc-azul-400: #759BF8;
  --mc-azul-300: #9CB4FA;
  --mc-azul-200: #BCCBFC;
  --mc-azul-100: #DEE5FD;
  --mc-azul-50:  #F0F3FE;

  /* Verde (base oficial: --mc-verde-500) */
  --mc-verde-950: #021805;
  --mc-verde-900: #03260A;
  --mc-verde-800: #0A4317;
  --mc-verde-700: #136225;
  --mc-verde-600: #1D8335;
  --mc-verde-500: #28A745;
  --mc-verde-400: #2FBE50;
  --mc-verde-300: #37D75B;
  --mc-verde-200: #3EF066;
  --mc-verde-100: #9EFDAC;
  --mc-verde-50:  #D4FED9;

  /* Amarillo (base oficial: --mc-amarillo-500) */
  --mc-amarillo-950: #211600;
  --mc-amarillo-900: #352500;
  --mc-amarillo-800: #644A00;
  --mc-amarillo-700: #946F01;
  --mc-amarillo-600: #C79600;
  --mc-amarillo-500: #FFC108;
  --mc-amarillo-400: #FFCD71;
  --mc-amarillo-300: #FFDAA3;
  --mc-amarillo-200: #FFE8C9;
  --mc-amarillo-100: #FFF2E1;
  --mc-amarillo-50:  #FFF8F0;

  /* Gris (base oficial: --mc-gris-500) */
  --mc-gris-950: #0D0E0F;
  --mc-gris-900: #151617;
  --mc-gris-800: #242628;
  --mc-gris-700: #333538;
  --mc-gris-600: #424548;
  --mc-gris-500: #53565A;
  --mc-gris-400: #71757A;
  --mc-gris-300: #91969D;
  --mc-gris-200: #B5B9BE;
  --mc-gris-100: #D8DADD;
  --mc-gris-50:  #EDEEEF;

  /* Bone (base oficial: --mc-bone-500) */
  --mc-bone-700: #917760;
  --mc-bone-600: #C7A585;
  --mc-bone-500: #EAD7C8;
  --mc-bone-400: #EEE0D5;
  --mc-bone-300: #F1E6DE;

  /* Lucky Point (base oficial: --mc-lucky-point-500) */
  --mc-lucky-point-500: #11135E;
  --mc-lucky-point-400: #2C30BC;
  --mc-lucky-point-300: #5D60E0;
  --mc-lucky-point-200: #9495ED;
  --mc-lucky-point-100: #C8C8F5;

  /* ─────────────────────────────────────────────────────────────────
     02. Aliases de compatibilidad → mc-*
         style.css continúa usando var(--red-*), var(--blue-*), etc.
         Base colors: rojo-600 / azul-900 / gris-500
     ───────────────────────────────────────────────────────────────── */

  --neutral-100: #ffffff;
  --black:       #000000;

  /* Rojo — base = mc-rojo-600 (#E4022B) */
  --red-50:  var(--mc-rojo-50);
  --red-100: var(--mc-rojo-100);
  --red-200: var(--mc-rojo-200);
  --red-300: var(--mc-rojo-300);
  --red-400: var(--mc-rojo-500);   /* un paso más claro que la base */
  --red-500: var(--mc-rojo-600);   /* ← BASE ROJO */
  --red-600: var(--mc-rojo-700);   /* hover oscuro */
  --red-900: var(--mc-rojo-950);   /* muy oscuro */

  /* Azul — base = mc-azul-900 (#0B3067) */
  --blue-50:  var(--mc-azul-100);  /* azul muy claro */
  --blue-300: var(--mc-azul-600);  /* azul medio */
  --blue-500: var(--mc-azul-900);  /* ← BASE AZUL */
  --blue-700: var(--mc-azul-950);  /* azul oscuro */
  --blue-800: var(--mc-azul-950);  /* azul más oscuro */

  /* Gris — base = mc-gris-500 (#53565A) */
  --grey-50:  var(--mc-gris-50);
  --grey-100: var(--mc-gris-100);
  --grey-200: var(--mc-gris-300);
  --grey-300: var(--mc-gris-400);
  --grey-500: var(--mc-gris-700);
  --grey-600: var(--mc-gris-800);
  --grey-950: var(--mc-gris-950);

  /* Bone/Beige */
  --custom-500: var(--mc-bone-500);

  /* Alias legacy */
  --mbc-red:  var(--mc-rojo-600);
  --mbc-navy: var(--mc-azul-900);

  /* ─────────────────────────────────────────────────────────────────
     03. Tokens semánticos de componentes
     ───────────────────────────────────────────────────────────────── */

  --bg-primary: var(--neutral-100);

  --bg-btn-primary-default:  var(--red-500);   /* mc-rojo-600 */
  --bg-btn-primary-hover:    var(--red-400);   /* mc-rojo-500 */
  --bg-btn-primary-selected: var(--red-900);   /* mc-rojo-950 */
  --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);  /* mc-azul-900 */
  --bg-btn-blue-hover:    var(--blue-300);  /* mc-azul-600 */
  --bg-btn-blue-selected: var(--blue-800);  /* mc-azul-950 */
  --bg-btn-blue-disabled: var(--grey-100);

  --bg-footer: var(--grey-950);  /* mc-gris-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;
	/*height: 100%;*/
}

@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);
}