/*** FONTS ***/
/*** COLORS ***/

@font-face {
  font-family: "Helvetica Neue";
  src: url("clientlib-common/resources/fonts/HelveticaNeueLTStd-Lt.woff"), url("clientlib-common/resources/fonts/HelveticaNeueLTStd-Lt.ttf"), url("clientlib-common/resources/fonts/HelveticaNeueLTStd-Lt.otf"), url("clientlib-common/resources/fonts/HelveticaNeueLTStd-Lt.svg"), url("clientlib-common/resources/fonts/HelveticaNeueLTStd-Lt.eot");
}
@font-face {
  font-family: 'N27 Thin';
  src: url('clientlib-common/resources/fonts/N27/Thin/N27-thin-webfont.eot'), url('clientlib-common/resources/fonts/N27/Thin/N27-thin-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Thin/N27-thin-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Thin/N27-thin-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Thin Italic';
  src: url('clientlib-common/resources/fonts/N27/Thin/N27-thinitalic-webfont.eot'), url('clientlib-common/resources/fonts/N27/Thin/N27-thinitalic-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Thin/N27-thinitalic-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Thin/N27-thinitalic-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Extralight';
  src: url('clientlib-common/resources/fonts/N27/Extralight/N27-extralight-webfont.eot'), url('clientlib-common/resources/fonts/N27/Extralight/N27-extralight-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Extralight/N27-extralight-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Extralight/N27-extralight-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Extralight Italic';
  src: url('clientlib-common/resources/fonts/N27/Extralight/N27-extralightitalic-webfont.eot'), url('clientlib-common/resources/fonts/N27/Extralight/N27-extralightitalic-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Extralight/N27-extralightitalic-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Extralight/N27-extralightitalic-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Light';
  src: url('clientlib-common/resources/fonts/N27/Light/N27-light-webfont.eot'), url('clientlib-common/resources/fonts/N27/Light/N27-light-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Light/N27-light-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Light/N27-light-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Light Italic';
  src: url('clientlib-common/resources/fonts/N27/Light/N27-lightitalic-webfont.eot'), url('clientlib-common/resources/fonts/N27/Light/N27-lightitalic-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Light/N27-lightitalic-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Light/N27-lightitalic-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Regular';
  src: url('clientlib-common/resources/fonts/N27/Regular/N27-regular-webfont.eot'), url('clientlib-common/resources/fonts/N27/Regular/N27-regular-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Regular/N27-regular-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Regular/N27-regular-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Regular Italic';
  src: url('clientlib-common/resources/fonts/N27/Regular/N27-regularitalic-webfont.eot'), url('clientlib-common/resources/fonts/N27/Regular/N27-regularitalic-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Regular/N27-regularitalic-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Regular/N27-regularitalic-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Medium';
  src: url('clientlib-common/resources/fonts/N27/Medium/N27-medium-webfont.eot'), url('clientlib-common/resources/fonts/N27/Medium/N27-medium-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Medium/N27-medium-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Medium/N27-medium-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Medium Italic';
  src: url('clientlib-common/resources/fonts/N27/Medium/N27-mediumitalic-webfont.eot'), url('clientlib-common/resources/fonts/N27/Medium/N27-mediumitalic-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Medium/N27-mediumitalic-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Medium/N27-mediumitalic-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Bold';
  src: url('clientlib-common/resources/fonts/N27/Bold/N27-bold-webfont.eot'), url('clientlib-common/resources/fonts/N27/Bold/N27-bold-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Bold/N27-bold-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Bold/N27-bold-webfont.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'N27 Bold Italic';
  src: url('clientlib-common/resources/fonts/N27/Bold/N27-bolditalic-webfont.eot'), url('clientlib-common/resources/fonts/N27/Bold/N27-bolditalic-webfont.woff2') format('woff2'), url('clientlib-common/resources/fonts/N27/Bold/N27-bolditalic-webfont.woff') format('woff'), url('clientlib-common/resources/fonts/N27/Bold/N27-bolditalic-webfont.ttf') format('truetype');
  font-display: swap;
}

/*** FONTS ***/
/*** COLORS ***/
/*** TIPOGRAFÍAS ***/
.icex-headline {
  font-family: 'N27 Bold';
  font-weight: 700;
}
.icex-headline-01 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-size: 48px;
  line-height: 56px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .icex-headline-01 {
    font-size: 64px;
    line-height: 72px;
  }
}
.icex-headline-02 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .icex-headline-02 {
    font-size: 48px;
    line-height: 56px;
  }
}
.icex-headline-03 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}
@media (min-width: 1024px) {
  .icex-headline-03 {
    font-size: 40px;
    line-height: 48px;
  }
}
.icex-title-01 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .icex-title-01 {
    font-size: 28px;
    line-height: 32px;
  }
}
.icex-title-02 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
@media (min-width: 1024px) {
  .icex-title-02 {
    font-size: 24px;
    line-height: 28px;
  }
}
.icex-title-03 {
  font-family: 'N27 Bold';
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .icex-title-03 {
    font-size: 20px;
    line-height: 24px;
  }
}
.icex-text {
  font-family: 'N27 Regular';
  font-style: normal;
  font-weight: 400;
}
.icex-text--12 {
  font-family: 'N27 Regular';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.icex-text--14 {
  font-family: 'N27 Regular';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.icex-text--18 {
  font-family: 'N27 Regular';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}

/*****************************************************
LESS compilation failed due a JavaScript error!

Input: /apps/icex-catalog-components/clientlibs/clientlib-common/less/commons.less
Error: NameError: variable @baseFontSize is undefined in /apps/icex-catalog-components/clientlibs/clientlib-common/less/commons.less on line 75, column 13:
74 	font-family: @baseFont;
75 	font-size: @baseFontSize;
76 	font-weight: 400;


(uncompiled LESS src is included below)
*****************************************************/
@import "variables.less";

* {
	margin		: 0;
	padding		: 0;
	box-sizing	: border-box;
}

body {
	font-family: @font-regular;
	font-size  : @font-size-3;
	line-height: @font-size-6;
	font-weight: 400;
	font-style : normal;
	color	   : @grey-icex;
}



// IMAGES

[class*='__picture'] {
	img {
		width		: 100%;
		height		: 100%;
		object-fit	: cover;
	}
}



// ESPACIADOS

[class*='-component'] {
    padding-block: 32px;

    @media (min-width: 1024px) {
        padding-block: 64px;
    }
}


// TEMA COLOR

[class*='-component'] {
    &.themeDark {
        background-color: @grey-icex;
		color			: @white;
    }

	&.backgroundGrey {
		background-color: @grey-10;
	}

    &.backgroundYellow {
        background-color: @yellow-icex;
    }
}


* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

*:before,
*:after {
	box-sizing: border-box;
	
}

body {
	font-family: @baseFont;
	font-size: @baseFontSize;
	font-weight: 400;
	line-height: normal;
}

h1 {
	font-size: 2rem;
	margin-top: 0.7em;
	margin-bottom: 0;
}
h2 {
	font-size: 1.6rem;
	margin-top: 0.6em;
	margin-bottom: 0;
}
h3 {
	font-size: 1.3rem;
	margin-top: 0.3em;
	margin-bottom: 0;
}
h4,
h5,
h6 {
	font-size: 1.1rem;
	margin-top: 0.7em;
	margin-bottom: 0;
}
p{
	font-size: 1rem;
	margin-top: 0.7em;
	margin-bottom: 0;
}
.hidden {
	display: none;
}
.block {
	display: block;
}
.cmp-title-default {
	.cmp-title__text {
		color: @grey-1;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 24px;
		margin-bottom: 0.8em;
		margin-top: 0;
		padding-top: 20px;
		text-transform: uppercase;
		@media (min-width: @tablet-min-width) {
			padding-left: 20px;
		}
	}
}

.cmp-title-red {
	.cmp-title__text {
		color: @red-1;
	}
}

.cmp-text {
	color: @grey-2;
	line-height: 20px;
	margin: 0 0 15px;
	p + p,
	p + ul,
	ul + p,
	div + p,
	p + div,
	ul + div,
	div + ul,
	div + div {
		padding-top: 20px;
	}
	ul {
		padding-left: 2em;
		li {
			padding-bottom: 0.5em;
		}
	}
	a {
		color: @blue-1;
		text-decoration: none;
		transition: all 0.3s linear;
		line-break: anywhere;
	}
	a:focus {
		outline: thin dotted;
	}
	a:hover {
		text-decoration: underline;
	}
}

.cmp-text-default {
	background-color: @grey-6;
	padding: 15px;
	@media (min-width: @desktop-min-width) {
		padding: 40px;
	}
	.cmp-text {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.cmp-text-white {
	background-color: @white;
}

.cmp-button {
	text-decoration: none;
}

#cmp-icex-borderSidebar {
	border: 1px solid @grey-7;
}

.cmp-icex-borderSidebar-all {
	border: 1px solid @grey-7;
}

// Policy Button

.red-button {
	.cmp-button {
		background-color: #e0021c;
		border-radius: 3px;
		color: white;
		padding: 14px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 14px;
		margin-bottom: 15px;

		a {
			color: inherit;
		}
	}
}

.blue-button {
	.cmp-button {
		background-color: #3371c0;
		border-radius: 3px;
		color: white;
		padding: 14px 10px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 14px;
		margin-bottom: 15px;

		a {
			color: inherit;
		}
	}
}

.icex-title-default {
	color: @grey-1;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 0.8em;
	margin-top: 0;
	padding: 20px 0 0;
	text-transform: uppercase;
	@media (min-width: @tablet-min-width) {
		padding-left: 20px;
	}

	&--red {
		color: @red-1;
	}
}

.icex-link-default {
	color: @blue-1;
	text-decoration: none;
	transition: all 0.3s linear;

	&--red {
		color: @red-2;
	}

	&--grey {
		color: @grey-3;
	}

	&:hover {
		text-decoration: underline;
	}
	&:focus {
		outline: thin dotted;
	}
}

.icex-detail-info {
	@media (min-width: @large-min-width) {
		width: 30%;
	}
	&__item {
		background: @grey-6;
		border: 1px solid @grey-7;
		padding: 15px;
	}
	&__title {
		color: @grey-2;
		font-size: 1.1em;
		text-transform: uppercase;
		font-weight: 400;
	}
	&__list {
		list-style: none;
		margin-top: 10px;
		li {
			margin-bottom: 15px;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
}

.icex-table-default {
	&__responsive {
		display: block;
		overflow-x: auto;
	}
	border-collapse: collapse;
	border-bottom: 1px solid @grey-7;
	border-spacing: 0;
	font-size: 11px;
	margin-top: 10px;
	max-width: 100%;
	width: 100%;
	@media (min-width: @tablet-min-width) {
		font-size: 13px;
	}
	&__head {
		background: @red-5;
	}
	&__title {
		color: @white;
		line-height: 1.2em;
		padding: 15px 15px 15px 5px;
		text-align: left;
		text-transform: uppercase;
	}
	&__content {
		color: @grey-2;
		padding: 15px 15px 15px 5px;
		vertical-align: middle;
	}
	.icex-button-default {
		font-size: 11px;
		@media (min-width: @tablet-min-width) {
			font-size: 13px;
		}
	}
}
//Start: Business opportunities
// Policy Title
.title-on {
	color: #454e53;
	margin: 40px;
	margin-left: 130px;
	h1,
	h3,
	h4,
	h5,
	h6 {
		font-size: 1.375rem;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1;
	}
	h2 {
		font-weight: bold;
		text-transform: uppercase;
		line-height: 1;
	}
}
// Policy Teaser

.teaser-on {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
	.cmp-image {
		position: relative;
		.cmp-image__image {
			display: block;
			width: 100%;
			height: 265px;
			object-fit: cover;
		}
	}
	.cmp-teaser__content {
		margin-left: 20px;
		position: absolute;
		// max-height: 265px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		min-height: auto;
		min-width: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		.cmp-teaser__title {
			display: table;
			padding: 0.5rem;
			-webkit-box-decoration-break: clone;
			margin: 0;
			line-height: 1.5;
			font-weight: bold;
			font-size: 1.5rem;
			text-transform: uppercase;
			margin-bottom: 10px;
			width: 30%;
			a {
				text-decoration: none;
				color: #454e53;
			}
		}
		.cmp-teaser__description {
			font-size: 1rem;
			margin-bottom: 50px;
		}
		.cmp-teaser__action-container {
			margin-bottom: 20px;
			position: relative;
			.cmp-teaser__action-link {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				margin: 0;
				padding: 15px 40px 15px;
				border: 1px solid transparent;
				line-height: 1 !important;
				font-size: .875rem;
				text-align: center;
				cursor: pointer;
				text-transform: uppercase;
				font-weight: bold;
				border-color: #d52b1e;
				background-color: #d52b1e;
				color: #fff;
				text-decoration: none;
			}
		}
	}
}

//Policy Text
.box-gray {
	background-color: #f5f5f5;
	padding: 40px 20px 30px;
	margin-bottom: 30px;
	h3 {
		color: #d52b1e;
		font-size: 0.875rem;
		margin-bottom: 20px;
		text-transform: uppercase;
		font-weight: bold;
	}
	p {
		margin-bottom: 10px;
	}
}
.box-blue {
	background-color: rgba(30, 82, 213, 0.05);
	padding: 40px 20px 30px;
	margin-bottom: 30px;
	h3 {
		font-size: 0.875rem;
		color: #1e52d5;
		margin-bottom: 20px;
		text-transform: uppercase;
		font-weight: bold;
	}
	p {
		margin-bottom: 10px;
	}
}
//Policy Image
.image-on img {
	width: 100%;
}
//Policy Navigation
.navigation-on {
	background-color: #d5d5d5;
	margin-bottom: 60px;
	ul {
		display: flex;
		list-style: none;
		padding-left: 110px;
		flex-wrap: wrap;
	}
	a {
		text-decoration: none;
		display: block;
		padding: 16px 20px;
		font-size: 1rem;
		font-weight: bold;
		line-height: 1;
		text-transform: none;
		color: #454e53;
	}
	li.cmp-navigation__item--active a {
		color: #d52b1e;
	}
}

@media only screen and (max-width: 768px) {
	.navigation-on a {
		font-size: 0.8125rem;
		line-height: 25px;
		padding-top: 10px;
		padding-bottom: 10px;
		.navigation-on ul {
			padding-left: 0px;
		}
	}
}
@media only screen and (max-width: 767px) {
	.navigation-on a {
		font-size: 0.75rem;
		line-height: 1;
		.navigation-on ul {
			padding-left: 0px;
		}
	}
}
@media only screen and (max-width: 480px) {
	[data-tabs] .navigation-on ul {
		display: none;
	}
	.navigation-on li {
		width: 100%;
	}
	.navigation-on a {
		padding: 10px;
	}
	.navigation-on ul {
		padding-left: 0px;
	}
}
//End: Business opportunities
//Breadcrumb
.cmp-breadcrumb {
	background: #fff;
	font-weight: 400;
	padding: 18px;
	text-transform: uppercase;
	ol {
		line-height: 150%;
		list-style: 0;
		margin: 0;
		padding: 0;
		font-size: 0.6875rem;
	}
	li:first-child a {
		color: #d52b1e;
	}
	li {
		list-style: none;
		list-style-image: none;
		margin: 0;
		padding: 0;
		color: #414141;
		display: inline;
	}
	li:after {
		content: " > ";
		padding: 0 15px;
		color: #e04c48;
	}
	li:last-child:after {
		content: "";
	}
	li:nth-last-child(2) {
		font-weight: 600;
	}
	a {
		color: #414141;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
}
@media only screen and (max-width: 768px) {
	.cmp-breadcrumb {
		display: none;
	}
}
@media only screen and (max-width: 767px) {
	.cmp-breadcrumb {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	.cmp-breadcrumb {
		display: none;
	}
}

//Search
.cmp-search {
	margin-top: 16px;
	background: #f5f5f5;
	padding-bottom: 25px;
	padding-top: 25px;
	.input-buscador-container {
		display: flex;
		align-items: center;
		.cmp-search__clear {
			display: block !important;
			border: 0;
			.cmp-search__clear-icon {
				content: url("https://www.investinspain.org/content/dam/icex-invest/img/icons/lupa.png");
				margin-left: -150px;
			}
		}
	}
	input[type="text"] {
		margin: 30px 100px;
		border: 1px solid #bbbbbb;
		background-color: #ffffff;
		height: 50px;
		width: 100%;
		padding: 5px 10px;
		line-height: 100px;
	}
}
.cmp-search__results {
	overflow-y: auto;
	width: 95%;
	margin: 0 auto;
	max-height: 100%;
	position: initial;
	top: 100%;
	left: 0;
	z-index: 999999;
	border: 0;
	display: flex;
	flex-flow: column nowrap;
	.result-item {
		background-color: white;
		margin: 12px auto;
		width: 95%;
		margin-bottom: 10px;
		border-bottom: 1px solid #dadada;
		.itemDescription {
			margin-bottom: 15px;
		}
		h3 {
			width: 100%;
			color: #e62514;
			font-weight: 700;
			font-size: 0.937rem;
			margin-bottom: 15px;

			a {
				text-decoration: none;
				color: #e62514;
			}
			p {
				color: #454d52;
				font-size: 0.875rem;
			}
			span {
				margin-right: 15px;
			}
		}
	}
}
.d-none {
	display: none;
}

.cmp-search__loading-indicator {
	display: none;
	margin-top: -111px;
	margin-right: 16px;
	margin-left: -33px;
	border: 3px solid #ccc;
	border-top-color: #333;
	border-radius: 50%;
	width: 1.2rem;
	height: 1rem;
	animation: cmp-search__loading-indicator-spin 2s linear infinite;
}

@keyframes cmp-search__loading-indicator-spin {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

@media only screen and (max-width: @tablet-min-width) {
	.cmp-search {
		input[type="text"] {
			margin: 30px 10px;
		}
		.cmp-search__clear-icon {
			margin-left: -75px !important;
		}
	}
	.cmp-search__loading-indicator {
		top: 16.7rem !important;
		left: 22rem !important;
	}
}
@media only screen and (max-width: @desktop-min-width) {
	.cmp-search__loading-indicator {
		top: 16.7rem;
		left: 42.5rem;
	}
}

.img__mg--top {
	width: 90%;
	margin-top: 40px;
}
.mg__tp--rg {
	margin: 20px 20px 0px 0px;
}
.hight-dynamic img {
	max-height: 100% !important;
	width: 100% !important;
}

@media (max-width: @tablet-min-width) {
	.hight-dynamic {
		.cmp-carousel__indicators {
			right: 0px !important;
			bottom: 40px !important;
		}
	}
}

#cmp-icex-videoOfficeNetwork {
	padding: 20px;
	background: @grey-6;
}
#cmp-icex-videoText {
	p {
		padding: 0;
		margin: 0px 0px 0px 40px;
	}
}

.emarket-banner {
	width: 100%;
	padding: 20px 25px;
	margin-bottom: 60px;
	background-image: linear-gradient(86deg, rgba(64, 220, 198, 0.98), #2bc9af);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media (min-width: 768px) {
	.emarket-banner {
		flex-direction: row;
		justify-content: space-between;
	}
}

.emarket-hero-black {
	z-index: 99999;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	height: 100%;
}

.emarket-hero-background {
	height: 300px;
	position: static;
	width: 100%;
	background-image: url(../../../content/dam/es/icex/imagen/todos-nuestros-servicios/mercados-electronicos/emarket/hero1.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-blend-mode: multiply;
}

.hero-background-emarket {
	background-image: linear-gradient(47deg, #22d2b9, #20c4fe);
}

.logos_oficinas {
	background: #fff;
	background-image: -webkit-gradient(
		linear,
		0% 0%,
		0% 100%,
		from(#ffffff),
		to(#ebebeb)
	);
	background-image: -moz-linear-gradient(0% 100% 90deg, #ebebeb, #ffffff);
	background-image: -o-linear-gradient(top, #ffffff, #ebebeb);
	margin-top: 1.5em !important;
	margin-top: 10px;
}
.clearfix_logos_oficinas:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
@media (max-width: 500px) {
	.title_video_vg {
		h1 {
			font-size: 1.1875rem !important;
		}
	}
}

.button {
	&.weight-bold {
		font-weight: bold;
	}
}
.bookstore-page {
	.cmp-title__text {
		color: #3d3f45;
		font-size: 1.25rem;
		font-weight: bold;
		line-height: 24px;
		margin-bottom: 0.8em;
		margin-top: 0;
		padding-top: 20px;
		text-transform: uppercase;
		padding-left: 10px;
	}
}
@media only screen and (max-width: 768px) {
	.bookstore-page {
		.cmp-title__text {
			padding-left: 0px;
		}
	}
}
.cookies-xf {
	width: 0 !important;
}

// Policy Employment
.employment-blue {
	th {
		background-color: #3371c0 !important;
	}
}

//Scroll for responsive tables
.scroll-table-responsive {
	overflow-x: auto !important;
}

.cmp-image__link {
	display: flex;
}

@media (min-width: 500px) {
	//Container borders

	.cmp-container_top {
		border-top: 1px solid @grey-7;
	}

	.cmp-container_bottom {
		border-bottom: 1px solid @grey-7;
	}

	.cmp-container_left {
		border-left: 1px solid @grey-7;
	}

	.cmp-container_right {
		border-right: 1px solid @grey-7;
	}

	//Container margins

	.container--margin-top {
		margin-top: 20px;
	}

	.container--margin-bottom {
		margin-bottom: 20px;
	}

	.container--margin-right {
		margin-right: 20px;
	}

	.container--margin-left {
		margin-left: 20px;
	}
}

section h2{	font-size: 1.6rem !important;}

/* TODO:
Una vez actualizados los iconos en icons.less será necesario ir retirando de los portales los iconos --icon-icex- y actualiarlo por los nuevos
Finalizada la actualización de los iconos en todos los portales, se eliminará este fichero junto al de las variables, así como la carpeta de recursos resources/icon */
@font-face {
  font-family: "icomoon";
  src: url("clientlib-common/resources/icon/icomoon.woff") format("woff");
  src: url("clientlib-common/resources/icon/icomoon.ttf") format("truetype"), url("clientlib-common/resources/icon/icomoon.svg") format("svg"), url("clientlib-common/resources/icon/icomoon.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="--icon-icex-"],
[class*="--icon-icex-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 0.9375rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmp-button__icon--icon-icex-catalog-power-off:before {
  content: "\ce904";
}
.cmp-button__icon--icon-icex-catalog-user:before {
  content: "\ce971";
}
.cmp-button__icon--icon-icex-catalog-play:before {
  content: "\ce900";
}
.cmp-button__icon--icon-icex-catalog-youtube:before {
  content: "\ce90d";
}
.cmp-button__icon--icon-icex-catalog-mail:before {
  content: "\ce90f";
}
.cmp-button__icon--icon-icex-catalog-eye:before {
  content: "\ce910";
}
.cmp-button__icon--icon-icex-catalog-facebook:before {
  content: "\ce911";
}
.cmp-button__icon--icon-icex-catalog-home:before {
  content: "\ce912";
}
.cmp-button__icon--icon-icex-catalog-instagram:before {
  content: "\ce913";
}
.cmp-button__icon--icon-icex-catalog-linkedin:before {
  content: "\ce914";
}
.cmp-button__icon--icon-icex-catalog-location:before {
  content: "\ce915";
}
.cmp-button__icon--icon-icex-catalog-phone:before {
  content: "\ce918";
}
.cmp-button__icon--icon-icex-catalog-search:before {
  content: "\ce91d";
}
.cmp-button__icon--icon-icex-catalog-twitter:before {
  content: "\ce91f";
}
.cmp-button__icon--icon-icex-catalog-vimeo:before {
  content: "\ce901";
}
.cmp-button__icon--icon-icex-catalog-feed:before {
  content: "\ce906";
}
.cmp-button__icon--icon-icex-catalog-instagram-v2:before {
  content: "\ce902";
}
.cmp-button__icon--icon-icex-catalog-linkedin-v2:before {
  content: "\ce903";
}
.cmp-button__icon--icon-icex-menu:before {
  content: "\ce905";
}
.cmp-button__icon--icon-icex-catalog-cookie:before {
  content: "\ce92f";
}
.cmp-button__icon--icon-icex-catalog-heart:before {
  content: "\ce907";
}

/*** FONTS ***/
/*** COLORS ***/
@font-face {
  font-family: 'icomoon';
  src: url("clientlib-common/resources/icons/icomoon.woff") format("woff");
  src: url("clientlib-common/resources/icons/icomoon.ttf") format("truetype"), url("clientlib-common/resources/icons/icomoon.svg") format("svg"), url("clientlib-common/resources/icons/icomoon.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon"],
[class*="icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon--add-circle:before {
  content: "\ee948";
}
.icon--alarm:before {
  content: "\e972";
}
.icon--arrow-reg-down:before {
  content: "\ee934";
}
.icon--arrow-reg-left:before {
  content: "\ee93b";
}
.icon--arrow-reg-right:before {
  content: "\ee936";
}
.icon--arrow-reg-right-up:before {
  content: "\ee935";
}
.icon--arrow-reg-up:before {
  content: "\ee93a";
}
.icon--arrow-tip-left:before {
  content: "\ee941";
}
.icon--arrow-tip-right:before {
  content: "\ee93c";
}
.icon--arrow-tip-solid-left:before {
  content: "\e901";
}
.icon--arrow-tip-solid-right:before {
  content: "\ee939";
}
.icon--arrow-tip-solid-round-down:before {
  content: "\ee902";
}
.icon--arrow-tip-solid-up:before {
  content: "\e902a";
}
.icon--arrow-tip-solid-down:before {
  content: "\e900";
}
.icon--arrow-tip-up:before {
  content: "\ee933";
}
.icon--arrow-tip-down:before {
  content: "\ee93d";
}
.icon--b:before {
  content: "\ee810";
}
.icon--banknote:before {
  content: "\ee813";
}
.icon--bell:before {
  content: "\ee914";
}
.icon--bell-filled:before {
  content: "\e905";
}
.icon--biretta:before {
  content: "\e906";
}
.icon--bookmark:before {
  content: "\ee990";
}
.icon--bookmark-filled:before {
  content: "\ee991";
}
.icon--briefcase:before {
  content: "\ee974";
}
.icon--buildings:before {
  content: "\ee944";
}
.icon--buildings2:before {
  content: "\ee958";
}
.icon--box-check:before {
  content: "\ee946";
}
.icon--calendar:before {
  content: "\ee942";
}
.icon--calendar-add:before {
  content: "\ee975";
}
.icon--chat-round:before {
  content: "\e911";
}
.icon--check:before {
  content: "\ee962";
}
.icon--close:before {
  content: "\ee912";
}
.icon--close-book:before {
  content: "\ee981";
}
.icon--close-session:before {
  content: "\e90a";
}
.icon--comment:before {
  content: "\ee904";
}
.icon--code-scan:before {
  content: "\ee976";
}
.icon--clock:before {
  content: "\ee950";
}
.icon--document-edit:before {
  content: "\ee959";
}
.icon--document-text:before {
  content: "\ee924";
}
.icon--dislike:before {
  content: "\e903";
}
.icon--dollar-circled:before {
  content: "\e802";
}
.icon--donut:before {
  content: "\ee988";
}
.icon--double-heart:before {
  content: "\ee957";
}
.icon--download:before {
  content: "\ee949";
}
.icon--download-file:before {
  content: "\ee951";
}
.icon--euro-circled:before {
  content: "\e803";
}
.icon--end-call:before {
  content: "\ee931";
}
.icon--external-link:before {
  content: "\e904";
}
.icon--eye:before {
  content: "\ee922";
}
.icon--eye-closed:before {
  content: "\ee921";
}
.icon--eye-hide:before {
  content: "\ee943";
}
.icon--facebook:before {
  content: "\ee907";
}
.icon--filled-heart:before {
  content: "\ee973";
}
.icon--file-right:before {
  content: "\ee978";
}
.icon--file-send:before {
  content: "\ee963";
}
.icon--folder-check:before {
  content: "\e907";
}
.icon--four-box:before {
  content: "\ee992";
}
.icon--gallery:before {
  content: "\ee985";
}
.icon--growth:before {
  content: "\e804";
}
.icon--hamburger-menu:before {
  content: "\ee928";
}
.icon--heart:before {
  content: "\ee927";
}
.icon--home:before {
  content: "\ee982";
}
.icon--info-circle:before {
  content: "\ee929";
}
.icon--info-list:before {
  content: "\ee965";
}
.icon--info-square:before {
  content: "\e908";
}
.icon--instagram:before {
  content: "\ee908";
}
.icon--interest:before {
  content: "\ee967";
}
.icon--ivoxx:before {
  content: "\ee993";
}
.icon--like:before {
  content: "\ee901";
}
.icon--linkedin:before {
  content: "\ee910";
}
.icon--lock:before {
  content: "\ee968";
}
.icon--login:before {
  content: "\e909";
}
.icon--magnifier:before {
  content: "\ee923";
}
.icon--map-point:before {
  content: "\ee926";
}
.icon--message:before {
  content: "\ee952";
}
.icon--microphone:before {
  content: "\ee986";
}
.icon--mouse:before {
  content: "\ee938";
}
.icon--money:before {
  content: "\ee977";
}
.icon--open-book:before {
  content: "\ee983";
}
.icon--options-points-empty-horiz:before {
  content: "\ee937";
}
.icon--options-points-solid-horiz:before {
  content: "\ee905";
}
.icon--options-points-solid-verti:before {
  content: "\ee905";
}
.icon--palette:before {
  content: "\ee984";
}
.icon--password:before {
  content: "\ee969";
}
.icon--pause:before {
  content: "\ee801";
}
.icon--pen:before {
  content: "\ee961";
}
.icon--pencil:before {
  content: "\ee811";
}
.icon--pen-square:before {
  content: "\ee925";
}
.icon--percentage:before {
  content: "\ee812";
}
.icon--phone-calling:before {
  content: "\ee932";
}
.icon--phone-up:before {
  content: "\ee953";
}
.icon--play:before {
  content: "\ee995";
}
.icon--play-circle:before {
  content: "\ee994";
}
.icon--previus:before {
  content: "\ee996";
}
.icon--printer:before {
  content: "\ee987";
}
.icon--question-circle:before {
  content: "\ee955";
}
.icon--record:before {
  content: "\ee997";
}
.icon--refresh:before {
  content: "\ee903";
}
.icon--scope:before {
  content: "\ee989";
}
.icon--squared-arrow:before {
  content: "\e902";
}
.icon--seconds-back:before {
  content: "\ee998";
}
.icon--seconds-forward:before {
  content: "\ee999";
}
.icon--send-solid:before {
  content: "\ee906";
}
.icon--settings:before {
  content: "\ee919";
}
.icon--share:before {
  content: "\ee930";
}
.icon--spotify:before {
  content: "\ee800";
}
.icon--star:before {
  content: "\ee945";
}
.icon--star-empty:before {
  content: "\e806";
}
.icon--stock:before {
  content: "\e805";
}
.icon--three-bars:before {
  content: "\ee979";
}
.icon--tick:before {
  content: "\ee970";
}
.icon--tiktok:before {
  content: "\ee814";
}
.icon--trash-can:before {
  content: "\ee964";
}
.icon--tuning:before {
  content: "\ee940";
}
.icon--twitter:before {
  content: "\ee911";
}
.icon--union:before {
  content: "\ee947";
}
.icon--user:before {
  content: "\ee960";
}
.icon--user-check:before {
  content: "\ee962";
}
.icon--user-circled:before {
  content: "\ee915";
}
.icon--user-id:before {
  content: "\ee956";
}
.icon--user-plus:before {
  content: "\ee916";
}
.icon--user-rounded:before {
  content: "\ee917";
}
.icon--users-group:before {
  content: "\ee918";
}
.icon--video:before {
  content: "\ee913";
}
.icon--video-cam:before {
  content: "\ee954";
}
.icon--warning:before {
  content: "\ee971";
}
.icon--widget:before {
  content: "\ee920";
}
.icon--world:before {
  content: "\ee980";
}
.icon--youtube:before {
  content: "\ee909";
}

/*** FONTS ***/
/*** COLORS ***/
.mixin-animate-basic {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mixin-rotate-arrow-on-hover [class*="-arrow"] {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (hover: hover) {
  .mixin-rotate-arrow-on-hover:hover [class*="arrow-reg-right-up"],
  .mixin-rotate-arrow-on-hover:hover [class*="squared-arrow"] {
    transform: rotate(45deg);
  }
}
/* Display */
.btn-icex-display {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Appearance*/
.btn-reset-appearance {
  padding: 0;
  outline: 0;
  background: none;
  text-decoration: none;
}
.btn-reset-appearance:focus {
  outline: 0;
}
/* Styles */
.btn-icex {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  outline: 0;
  background: none;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  gap: 8px;
  width: fit-content;
  padding-inline: 32px;
  font-family: 'N27 Bold';
  border: 1px solid transparent;
  border-radius: 26px;
  cursor: pointer;
  /* Visibility */
  /* Size */
  /* Levels: 
		- btn-icex--primary: background-color red-icex, color white	
		- btn-icex--secondary: background-color white, color red-icex
		- btn-icex--white: background-color white, color grey-icex */
  /* Common states */
}
.btn-icex:focus {
  outline: 0;
}
.btn-icex.btn-icex--hide {
  display: none;
}
.btn-icex:not(.btn-icex--small) {
  min-height: 58px;
  padding-block: 16px;
  font-size: 18px;
}
.btn-icex.btn-icex--small {
  min-height: 40px;
  padding-block: 8px;
  font-size: 14px;
}
.btn-icex.btn-icex--primary {
  color: #ffffff;
  background-color: #da291c;
}
.btn-icex.btn-icex--primary [class*="icon--"]::before {
  color: #ffffff;
}
.btn-icex.btn-icex--primary:hover,
.btn-icex.btn-icex--primary:focus {
  background-color: #bc131c;
}
.btn-icex.btn-icex--primary:focus {
  border-color: #a01a1c;
}
.btn-icex.btn-icex--secondary {
  color: #da291c;
  border-color: #da291c;
}
.btn-icex.btn-icex--secondary [class*="icon--"]::before {
  color: #da291c;
}
.btn-icex.btn-icex--secondary:hover {
  color: #bc131c;
  border-color: #bc131c;
}
.btn-icex.btn-icex--secondary:hover [class*="icon--"]::before {
  color: #bc131c;
}
.btn-icex.btn-icex--secondary:active,
.btn-icex.btn-icex--secondary:focus {
  color: #a01a1c;
  border-color: #a01a1c;
}
.btn-icex.btn-icex--secondary:active [class*="icon--"]::before,
.btn-icex.btn-icex--secondary:focus [class*="icon--"]::before {
  color: #a01a1c;
}
.btn-icex.btn-icex--white {
  color: #333f48;
  border-color: #333f48;
}
.btn-icex.btn-icex--white [class*="icon--"]::before {
  color: #333f48;
}
.btn-icex.btn-icex--secondary,
.btn-icex.btn-icex--white {
  background-color: #ffffff;
}
.btn-icex.btn-icex--secondary:active,
.btn-icex.btn-icex--white:active {
  color: #a01a1c;
  border-color: #a01a1c;
}
.btn-icex.btn-icex--secondary:active [class*="icon--"]::before,
.btn-icex.btn-icex--white:active [class*="icon--"]::before {
  color: #a01a1c;
}
.btn-icex:disabled,
.btn-icex.btn--disabled,
.btn-icex:disabled:hover,
.btn-icex.btn--disabled:hover {
  color: #3d3d42;
  background-color: #929296;
}
.btn-icex:disabled [class*="icon--"]::before,
.btn-icex.btn--disabled [class*="icon--"]::before,
.btn-icex:disabled:hover [class*="icon--"]::before,
.btn-icex.btn--disabled:hover [class*="icon--"]::before {
  color: #3d3d42;
}

/*** FONTS ***/
/*** COLORS ***/
.mixin-animate-basic {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mixin-rotate-arrow-on-hover [class*="-arrow"] {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (hover: hover) {
  .mixin-rotate-arrow-on-hover:hover [class*="arrow-reg-right-up"],
  .mixin-rotate-arrow-on-hover:hover [class*="squared-arrow"] {
    transform: rotate(45deg);
  }
}
/* Styles: 
	- link-icex--white: background-color white, color grey-icex
	- link-icex--yellow: background-color yellow-icex, color white
	- link-icex--red: background-color red-icex, color white */
.link-icex {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #333f48;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.link-icex [class*="-arrow"] {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (hover: hover) {
  .link-icex:hover [class*="arrow-reg-right-up"],
  .link-icex:hover [class*="squared-arrow"] {
    transform: rotate(45deg);
  }
}
.link-icex.link-icex--white {
  color: #ffffff;
}
@media (hover: hover) {
  .link-icex.link-icex--white:hover {
    color: #ffcd00;
  }
}
.link-icex.link-icex--yellow {
  color: #ffcd00;
}
@media (hover: hover) {
  .link-icex.link-icex--yellow:hover {
    color: #fabb1a;
  }
}
.link-icex.link-icex--red {
  color: #d52b1e;
}
@media (hover: hover) {
  .link-icex.link-icex--red:hover {
    color: #bc131c;
  }
}

/*** FONTS ***/
/*** COLORS ***/
/* Styles */
.icex-tag {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  padding: 8px 16px;
  font-family: 'N27 Medium';
  font-size: 14px;
  line-height: 16px;
  border: 1px solid transparent;
  border-radius: 44px;
  cursor: pointer;
  /* Levels: 
		- icex-tag--primary: background-color grey-icex, color white	
		- icex-tag--secondary: background-color white, color grey-icex
		- icex-tag--tertiary: background-color grey-10, color grey-icex
		- icex-tag--featured: background-color yellow-icex */
}
.icex-tag.icex-tag--primary {
  color: #ffffff;
  background-color: #333f48;
}
.icex-tag.icex-tag--primary [class*="icon--"]::before {
  color: #ffffff;
}
.icex-tag.icex-tag--secondary {
  border-color: #333f48;
}
.icex-tag.icex-tag--tertiary {
  background-color: #f5f5f5;
}
.icex-tag.icex-tag--featured {
  font-size: 16px;
  background-color: #ffcd00;
}

/** Details **/
[class*="__details"]::details-content {
  block-size: 0;
  overflow: hidden;
  transition: block-size 0.5s, content-visibility 0.5s;
  transition-behavior: allow-discrete;
}
[class*="__details"][open]::details-content {
  block-size: auto;
  block-size: calc-size(auto, size);
}
[class*="__details"][open] [class*="__summary"] [class*="icon--arrow-tip-down"] {
  transform: rotate(180deg);
}
[class*="__details"][open] [class*="__summary"] [class*="icon--arrow-reg-right-up"] {
  transform: rotate(45deg);
}
[class*="__details"] [class*="__summary"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  outline: 0;
  list-style: none;
}
[class*="__details"] [class*="__summary"]::marker,
[class*="__details"] [class*="__summary"]::-webkit-details-marker {
  display: none;
  content: '';
}

/* Accessibility utility class: screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}