:root {
	--azul: #27346F;
	--guinda: #A81E67;
	--gris: #F2F5F8;
	--area_segura: 1280px;
	--size_30: 30px;
	--size_35: 35px;
	--size_40: 40px;
	--radio_30: 30px;
}

* {
	padding: 0;
	outline: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	font-family: inherit;
}

/*TITILLIUM WEB*/
@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb/TitilliumWeb-Regular.eot');
	src: url('../fonts/TitilliumWeb/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Regular.woff2') format('woff2'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Regular.woff') format('woff'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Regular.ttf') format('truetype'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Italic.eot');
    src: url('../fonts/TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TitilliumWeb-Italic.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-Italic.woff') format('woff'),
        url('../fonts/TitilliumWeb-Italic.ttf') format('truetype'),
        url('../fonts/TitilliumWeb-Italic.svg#TitilliumWeb-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb/TitilliumWeb-SemiBold.eot');
	src: url('../fonts/TitilliumWeb/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb/TitilliumWeb-SemiBold.woff2') format('woff2'),
		url('../fonts/TitilliumWeb/TitilliumWeb-SemiBold.woff') format('woff'),
		url('../fonts/TitilliumWeb/TitilliumWeb-SemiBold.ttf') format('truetype'),
		url('../fonts/TitilliumWeb/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-SemiBoldItalic.eot');
    src: url('../fonts/TitilliumWeb-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TitilliumWeb-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-SemiBoldItalic.woff') format('woff'),
        url('../fonts/TitilliumWeb-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/TitilliumWeb-SemiBoldItalic.svg#TitilliumWeb-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb/TitilliumWeb-Bold.eot');
	src: url('../fonts/TitilliumWeb/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Bold.woff2') format('woff2'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Bold.woff') format('woff'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Bold.ttf') format('truetype'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-BoldItalic.eot');
    src: url('../fonts/TitilliumWeb-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TitilliumWeb-BoldItalic.woff2') format('woff2'),
        url('../fonts/TitilliumWeb-BoldItalic.woff') format('woff'),
        url('../fonts/TitilliumWeb-BoldItalic.ttf') format('truetype'),
        url('../fonts/TitilliumWeb-BoldItalic.svg#TitilliumWeb-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
	font-family: 'Titillium Web';
	src: url('../fonts/TitilliumWeb/TitilliumWeb-Black.eot');
	src: url('../fonts/TitilliumWeb/TitilliumWeb-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Black.woff2') format('woff2'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Black.woff') format('woff'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Black.ttf') format('truetype'),
		url('../fonts/TitilliumWeb/TitilliumWeb-Black.svg#TitilliumWeb-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}


body {
	overflow-x: hidden;
	min-width: 100vw;
	font-family: 'Titillium Web';
	line-height: 1;
	color: var(--azul);
	background: linear-gradient(#FBFDFE, #EEF5FC);
	font-size: 20px;
	position: relative;
}
ul{
	padding-left: 32px;
	list-style: square;
}
li,
p{
	line-height: 1.5;
	white-space: pre-line;
	text-align: justify;
}
a {
	text-decoration: none;
}
img {
	display: block;
	max-width: 100%;
}
section {
	display: flex;
	justify-content: center;
}
button{
	cursor: pointer;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.1);
	transition-duration: 0.7s;
}

::-webkit-scrollbar {
	width: 10px;
	background: rgba(0, 0, 0, 0.1);
	transition-duration: 0.7s;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: var(--azul);
	border: 1px solid rgba(255, 255, 255, 0.5);
	transition-duration: 0.7s;
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--azul);
}

::placeholder {
	color: var(--color);
}

/*CSS GENERAL*/
	.conte_general {
		display: flex;
		flex-direction: column;
		gap: 72px;
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.area_segura{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 40px;
		width: 90%;
		max-width: var(--area_segura);
	}
	.c_red{
		color: #FF3D00;
	}
	.fw_600{
		font-weight: 600;
	}
	.resaltar{
		font-weight: 600;
		text-decoration: underline;
	}
	.barra{
		width: 25px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
	}
	.fix_redes{
		position: fixed;
		top: 10%;
		right: 0;
		padding-right: 28px;
		z-index: 5;
	}
	.fix_redes .flex_colum{
		gap: 35px;
	}
	.radio_30{
		border-radius: var(--radio_30);
	}
	.slider_scroll{
		overflow-x: auto;
	    scroll-snap-type: x mandatory;
	    scrollbar-width: none;
	}
	.title{
		font-weight: 600;
		font-size: 50px;
		letter-spacing: -5%;
		white-space: pre-line;
		position: relative;
		text-align: center;
	}
	.tt_menos{
		padding-top: 32px;
	}
	.tt_menos:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 55px;
		aspect-ratio: 1/.13;
		background-image: url('../img/ico_menos.png');
		background-size: cover;
	}
	.tt_mas{
		padding-top: 40px;
	}
	.tt_mas:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		transform: translateX(-100%);
		width: 50px;
		aspect-ratio: 1;
		background-image: url('../img/ico_mas.png');
		background-size: cover;
	}
	.ico_tt_centro:before{
		left: 50%;
		transform: translateX(-50%);
	}
	.horizontal{
		width: 100%;
		height: 1px;
		background: #fff;
	}
	.vertical{
		height: 100%;
		width: 1px;
		background: #fff;
	}
	.bg_azul{
		background: var(--azul);
	}
	.btn_arrow{
		display: grid;
		grid-template-columns: auto 50px;
		align-items: center;
		font-weight: bold;
		background: #fff;
		padding: 7px;
		border-radius: 100px;
		width: 100%;
		max-width: 324px;
	}
	.btn_arrow p{
		text-align: center;
	}
	.btn{
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--azul);
		border-radius: 100px;
		background: #fff;
		color: var(--azul);
		transition-duration: .3s;
	}
	.btn:hover{
		background: var(--azul);
		color: #fff;
	}
	.btn_blanco{
		width: 218px;
		min-height: 62px;
		font-weight: bold;
	}
	.img_cover{
		position: relative;
		overflow: hidden;
	}
	.img_cover img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.flex_center{
		display: flex;
		justify-content: center;
	}
	.flex_end{
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
	.flex_between{
		display: flex;
		justify-content: space-between;
	}
	.flex_colum{
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	

	.banner_pag{
		--text: 520px;
		display: grid;
		grid-template-columns: var(--text) calc(100% - var(--text));
		width: 100%;
		background: var(--azul);
		border-top-left-radius: var(--radio_30);
		border-bottom-right-radius: var(--radio_30);
		overflow: hidden;
	}
	.banner_pag .img_cover img{
		aspect-ratio: 1/.6;
	}
	.banner_text{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
		color: #fff;
	}
	.banner_text .flex_colum{
		width: 100%;
		max-width: 370px;
		min-height: 310px;
		gap: 32px;
	}
	.banner_text .title{
		text-align: left;
	}
	/*CUADRO IMG - TEXTO*/
	.cdr_imgtext{
		display: grid;
		grid-template-columns: 55% 45%;
		width: 100%;
		background: #fff;
		border-radius: var(--radio_30);
		overflow: hidden;
	}
	.cdr_imgtext .img_cover{
		max-width: 700px;
	}
	.cdr_imgtext .img_cover img{
		aspect-ratio: 1/.85;
	}
	.imgtext_txt{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 32px;
	}
	.imgtext_txt .flex_colum{
		width: 100%;
		max-width: 468px;
	}
	.imgtext_txt .title{
		text-align: left;
	}
	/*CUADRO TEXTO - IMG*/
	.cdr_textimg{
		display: grid;
		grid-template-columns: 49.2% 50.8%;
		width: 100%;
		background: #fff;
		border-radius: var(--radio_30);
		overflow: hidden;
	}
	.cdr_textimg .img_cover img{
		aspect-ratio: 1/.665;
	}
	.textimg_txt{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
	}
	.textimg_txt .flex_colum{
		align-items: flex-start;
		width: 100%;
		max-width: 450px;
	}
	.textimg_txt .title{
		text-align: left;
	}
	.item_zoom{
		transition-duration: .3s;
	}
	.item_zoom:hover{
		box-shadow: 2px 2px 8px rgba(0, 0, 0, .25);
		transform: scale(1.05);
	}

	
	.btn_menu{
		display: none;
	}
	

/*HEADER*/
	header{
		display: flex;
		justify-content: center;
	}
	.fondo_menu{
		background: #000;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0.5;
		width: 100vw;
		height: 100vh;
		z-index: 10;
		display: none;
	}
	.area_header{
		width: 90%;
		max-width: var(--area_segura);
		display: grid;
		align-items: center;
		grid-template-columns: 133px auto auto;
		justify-content: space-between;
		gap: 20px;
		padding: 32px 0 24px 0;
	}
	.menu_der{
		display: grid;
		align-items: center;
		grid-template-columns: repeat(2, auto);
		gap: 20px;
		position: relative;
		z-index: 1;
	}

	.menu{
		width: 100%;
		max-width: 640px;
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}
	.btn_contactanos{
		width: 192px;
		height: 62px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--guinda);
		color: #fff;
		padding: 8px 18px;
		border-radius: 80px;
		font-size: 20px;
		font-weight: bold;
	}

	.gtranslate_wrapper {
		position: relative;
	}
	
	.btn_idioma .gt_switcher{
		width: 150px !important;
	}
	
	.btn_idioma .gt_selected a{
		box-sizing: border-box !important;
		width: 100% !important;
		border-radius: 20px !important;
	}
	.btn_idioma .gt_option{
		width: 100% !important;
		position: absolute !important;
	}
	.btn_idioma .gt_selected img,
	.btn_idioma .nturl img{
		border-radius: 50% !important;
		object-fit: cover !important;
		overflow: hidden;
	}

/*FOOTER*/

	footer{
		display: flex;
		justify-content: center;
		background: var(--azul);
		color: #fff;
		padding: 40px 0;
		font-size: 20px;
	}
	.footer{
		--ico: 145px;
		width: 100%;		
		display: grid;
		grid-template-columns: var(--ico) calc(100% - var(--ico) - 40px);
		justify-content: space-between;
		gap: 40px;
	}
	.footer_logos{
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 20px;
	}
	.footer_logos img{
		max-width: 135px;
	}
	.footer_menu{
		padding: 0 20px;
		gap: 20px;
	}
	
	.footer_paieses{
		display: flex;
		min-height: 200px;
		gap: 12px;
		width: 100%;
		max-width: 660px;
	}
	.head_pais{
		display: grid;
		align-items: center;
		grid-template-columns: 23px auto;
		gap: 16px;
	}
	.head_pais div{
		border-radius: 50%;
		overflow: hidden;
	}
	.list_doble{
		display: grid;
		grid-template-columns: repeat(2, auto);
		gap: 40px;
		justify-content: space-between;
	}
	.list_mails{
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.footer_contc{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
		font-size: 15px;
		gap: 20px;
	}
	.btn_footer{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 184px;
		height: 62px;
		background: var(--guinda);
		font-size: 20px;
		font-weight: bold;
		border-radius: 80px;
	}
	.footer_redes{
		width: 100%;
	}

	.ico_libro{
		display: grid;
		grid-template-columns: 32px auto;
		align-items: center;
		gap: 4px;
	}

/*PAGINA HOME*/
	.cont_slider_home{
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.slider_home{
		display: grid;
		transition-duration: .3s;
	}
	.item_slider{
		width: 100%;
		background: var(--gris);
		border-top-left-radius: var(--radio_30);
		border-bottom-right-radius: var(--radio_30);
		overflow: hidden;
	}
	.grid_slider{
		--text: 500px;
		display: grid;
		grid-template-columns: var(--text) calc(100% - var(--text));

	}
	.item_slider-text{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
	}
	.item_slider-text .flex_colum{
		width: 100%;
		max-width: 380px;
		gap: 48px;
	}
	.item_slider-img img{
		aspect-ratio: 1/.54;
	}
	.slider_text{
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.slider_text h3{
		text-align: left;
	}
	.slider_text p{
		font-size: var(--size_35);
		line-height: 1;
	}
	.item_slider-img{

	}

	.bloke_tabs{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		width: 100%;
		background: #fff;
		padding: 40px 20px 60px 20px;
		border-radius: var(--radio_30);
	}
	.list_tabs{
		display: flex;
		justify-content: center;
		background: var(--gris);
		border-radius: 40px;
	}
	.item_tab{
		padding: 18px 36px;
		border-radius: 40px;
		font-weight: bold;
		cursor: pointer;
	}
	.item_tab.active{
		color: #fff;
		background: var(--guinda);
	}
	.list_div_tab{
		width: 100%;
		max-width: 1110px;
	}
	.item_div_tab{
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.item_div_tab h3{
		font-size: var(--size_40);
		color: var(--guinda);
		position: relative;
		padding-top: 7px;
	}
	.item_div_tab h3.tt_mas:before{
		width: 14px;
		background-size: cover;
	}

	.list_nuestro_prod{
		display: grid;
		grid-template-columns: repeat(3, 324px);
		justify-content: space-between;
		gap: 20px;
		width: 100%;
	}
	.item_nues_prod{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 24px;
		border-radius: var(--radio_30);
	}
	
	.prod_txt{
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.prod_txt .img_cover{
		border-radius: var(--radio_30);
		overflow: hidden;
	}
	.prod_txt .img_cover img{
		aspect-ratio: 1/.765;
	}
	.prod_txt h3{
		font-weight: 700;
		font-size: var(--size_40);
	}

	.cdr_azul{
		width: 100%;
		display: grid;
		grid-template-columns: 45.7% 54.3%;
		justify-content: space-between;
		background: var(--azul);
		border-radius: var(--radio_30);
		overflow: hidden;
		color: #fff;
	}
	.cdr_azul_text{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
	}
	.cdr_azul_text .flex_colum{
		align-items: flex-start;
		width: 100%;
		max-width: 400px;
		gap: 40px;
	}
	.cdr_azul_div{
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.cdr_azul_div h3{
		font-weight: 700;
    	font-size: var(--size_40);
	}
	.banderas{
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.banderas div{
		width: 49px;
		overflow: hidden;
		border-radius: 50%;
	}
	.cdr_azul .img_cover img{
		aspect-ratio: 1/.75;
	}
	.btn_guinda{
		display: flex;
		align-items: center;
		min-height: 62px;
		padding: 12px 28px;
		border-radius: 80px;
		background: var(--guinda);
		border: 1px solid var(--guinda);
		color: #fff;
		text-align: center;
	}
	.btn_guinda:hover{
		background: #fff;
		color: var(--guinda);
	}

	.list_ult_not{
		display: grid;
		grid-template-columns: repeat(3, 390px);
		justify-content: space-between;
		gap: 20px;
		width: 100%;
	}
	.item_ult_not{
		display: block;
		background: #fff;
		overflow: hidden;
		border-radius: var(--radio_30);
	}
	.item_ult_not .img_cover img{
		aspect-ratio: 1/.6154;
	}
	.item_ult_not_txt{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		padding: 20px 20px 60px 20px;
	}
	.item_ult_not_txt h3,
	.item_ult_not_txt p{
		width: 100%;
		max-width: 300px;
	}
	.item_ult_not_txt h3{
		font-size: var(--size_30);
		font-weight: bold;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	.item_ult_not_txt p{
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 6;
	    -webkit-box-orient: vertical;
	}
	

	.list_cert{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 350px);
		justify-content: space-between;
		gap: 100px;
	}
	.item_cert{
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: 12px;
		background: #fff;
		padding: 40px 20px;
		border-radius: var(--radio_30);
	}
	.item_cert h3{
		font-size: var(--size_30);
		letter-spacing: -1%;
	}
	.item_cert p,
	.item_cert h3{
		width: 100%;
		max-width: 270px;
		text-align: center;
	}
	.logo_cert{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 170px;
	}
	
/*PAGINA NOSOTROS*/
	.title_3{
		white-space: pre-line;
		font-size: var(--size_30);
		text-align: center;
		line-height: 1.2;
		font-weight: 600;
		position: relative;
	}
	.title_3 span{
		font-size: 50px;
	}
	.list_sectores{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 27px;
	}
	.item_sector{
		--ico: 86px;
		display: grid;
		/*grid-template-rows: 64px var(--ico) 49px;*/
		grid-template-rows: 64px var(--ico);
		align-items: center;
		justify-content: center;
		gap: 20px;
		width: 234px;
		border-radius: var(--radio_30);
		background: #fff;
		padding: 36px 24px;
		
	}
	.item_sector p{
		text-align: center;
		white-space: pre-line;
		font-size: var(--size_30);
		font-weight: 600;
		line-height: 1;
		letter-spacing: -1px;
	}
	.ico_sector{
		display: flex;
		justify-content: center;
	}
	.ico_sector img{
		width: auto;
		height: var(--ico);
	}
	.item_sector img{
		margin: 0 auto;
	}
	
	.cont_linea_tiempo{
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 25px 0 60px 0;
	}
	.cont_linea_tiempo:before{
		content: "";
		position: absolute;
		left: 0;
		top: 25px;
		width: 100%;
		height: 1px;
		background: var(--azul);
	}
	.btn_anno{
		position: absolute;
		bottom: 0;
		cursor: pointer;
		border-radius: 50%;
		z-index: 3;
	}
	.next_anno{
		right: 10px;
	}
	.prev_anno{
		left: 10p;
		display: none;
	}
	.prev_anno img{
		transform: rotateY(180deg);
	}
	.linea_tiempo{
		display: grid;
		gap: 270px;
		padding: 0 100px;
		padding-top: 25px !important;
	}
	.item_anno{
		position: relative;
		width: 66px;
		z-index: 2;
	}
	.item_anno:before{
		content: "";
		position: absolute;
		top: -13px;
	    left: 50%;
	    transform: translateX(-50%);
		width: 25px;
		aspect-ratio: 1;
		border-radius: 50%;
		background: var(--guinda);
	}
	.item_anno h3{
		font-size: var(--size_30);
		font-weight: 600;
		margin-top: 70px;
		cursor: pointer;
		letter-spacing: -5%;
		text-align: center;
	}
	.cont_list_fechas{
		width: 100%;
		max-width: 1160px;
		overflow: hidden;
	}
	.grid_fechas{
		display: grid;
		transition-duration: .3s;
	}
	.grup_fechas{
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		max-width: 1160px;
	}
	.item_fecha{
		--gap: 36px;
		--anno: 150px;
		display: grid;
		grid-template-columns: var(--anno) calc(100% - var(--anno) - var(--gap));
		gap: var(--gap);
	}
	.div_anno{
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 70px;
		font-weight: 600;
		letter-spacing: -5%;
		opacity: .1;
	}
	.div_text{
		display: flex;
		align-items: center;
		background: #fff;
		min-height: 145px;
		padding: 32px 44px;
		border-radius: var(--radio_30);
	}

	.item_fecha:nth-child(2) .div_anno{
		opacity: .3;
	}
	.item_fecha:nth-child(3) .div_anno{
		opacity: .45;
	}
	.item_fecha:nth-child(4) .div_anno{
		opacity: .55;
	}

	.list_bullet{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}
	.bullet{
		width: 10px;
		aspect-ratio: 1;
		border-radius: 50%;
		background: #C5C5C5;
		cursor: pointer;
		transition-duration: .3s;
	}
	.bullet:hover,
	.bullet.active{
		background: var(--guinda);
		transform: scale(1.5);
	}





	.cdr_ubicacion .flex_colum{
		gap: 20px;
	}
	.cdr_ubicacion .btn_guinda{
		font-size: 15px;
		min-height: 50px;
	}

	.cdr_ubicacion .img_cover img{
		aspect-ratio: 1/.8;
	}


	.cdr_certificaciones{
		background: transparent;
		border-radius: 0;
	}
	.cdr_certificaciones .img_cover{
		border-radius: var(--radio_30);
	}
	.cdr_certificaciones .img_cover img{
		/*aspect-ratio: 1/.47;*/
		aspect-ratio: 1/.7;
	}

	.abanico{
		display: flex;
		flex-direction: column;
		gap: 16px;
		width: 100%;
	}
	.item_abanico{
		--padding: 12px 10px 12px 28px;
		width: 100%;
		background: #fff;
		border-radius: var(--radio_30);
	}
	.abanico_head{
		display: grid;
		grid-template-columns: auto 38px;
		align-items: center;
		justify-content: space-between;
		min-height: 70px;
		padding: var(--padding);
		cursor: pointer;
	}
	.btm_abanico{
		aspect-ratio: 1;
		border-radius: 50%;
		background: var(--gris);
		position: relative;
		transition-duration: .3s;
	}
	.btm_abanico span{
		position: absolute;
		width: 10px;
		height: 2px;
		background: var(--azul);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		transition-duration: .3s;
	}
	.btm_abanico span:last-child{
		transform: translate(-50%, -50%) rotate(90deg);
	}
	.abanico_body{
		height: 0;
		overflow: hidden;
		transition-duration: .3s;
	}
	.abanico_grid{
		width: 100%;
		padding: var(--padding);
		display: grid;
		grid-template-columns: 220px auto;
		gap: 12px;
	}
	.abanico_txt{
		white-space: pre-line;
	}
	.item_abanico.active .abanico_head p{
		font-weight: bold;
	}
	.item_abanico.active .btm_abanico{
		background: var(--guinda);
	}
	.item_abanico.active .btm_abanico span{
		background: #fff;
		transform: translate(-50%, -50%) !important;
	}
	
	.botones_gallery{
		--btn: 50px;
		width: 100%;
		height: var(--btn);
		position: relative;
	}
	.prev_gallery,
	.next_gallery{
		width: var(--btn);
		position: absolute;
		cursor: pointer;
		top: 0;
	}
	.next_gallery{
		right: 0;
	}
	.prev_gallery{
		left: 0;
		display: none;
	}
	.prev_gallery img{
		transform: rotateY(180deg);
	}

	.cont_gallery{
		width: 100%;
		overflow: hidden;
	}
	.gallery{
		display: grid;
		gap: 30px;
		transition-duration: .3s;
	}
	.item_gallery{
		width: 324px;
		border-radius: var(--radio_30);
		overflow: hidden;
		cursor: pointer;
	}
	.item_gallery img{
		aspect-ratio: 1/1.25;
	}

/*PAGINA PRODUCTOS*/
	.div_innovacion{
		--title: 450px;
		display: grid;
		grid-template-columns: var(--title) calc(100% - var(--title) - 20px);
		justify-content: space-between;
		gap: 20px;
		width: 100%;
	}
	.innova_title{
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    gap: 20px;
		padding-left: 80px;
	}
	.innova_title .title{
		text-align: left;
	}
	.innova_txt{
		padding-top: 36px;
	}
	.div_innovacion .tt_menos{
		position: relative;
	}

	.innova_list{
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 20px;
	}
	.item_list{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 14px;
		width: 220px;
		border: 1px solid #BADCFF;
		border-radius: var(--radio_30);
		text-align: center;
		padding: 20px;
	}
	.item_list h3{
		font-size: var(--size_40);
	}
	.item_list p{
		font-size: 17px;
		line-height: 1.1;
	}

	.productos{
		--item: calc(50% - 60px);
		display: grid;
		grid-template-columns: var(--item) 1px var(--item);
		justify-content: space-between;
		gap: 32px 20px;
		width: 100%;
	}
	.item_producto{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 44px;
	}
	.item_producto .img_cover{
		width: 100%;
		border-radius: var(--radio_30);
	}
	.item_producto .img_cover img{
		aspect-ratio: 1/.76;
	}
	.servicios_txt .btn_blanco,
	.item_producto .btn_blanco{
		background: transparent;
	}
	.servicios_txt .btn_blanco:hover,
	.item_producto .btn_blanco:hover{
		background: var(--azul);
	}

	.div_servicios{
		--img: 327px;
		width: 100%;
		max-width: 1110px;
		display: grid;
		grid-template-columns: var(--img) calc(100% - var(--img));
	}
	.div_servicios .img_cover{
		border-radius: var(--radio_30);
	}
	.div_servicios .img_cover img{
		aspect-ratio: 1/.872;
	}
	.servicios_txt{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
	}
	.servicios_txt .flex_colum{
		width: 100%;
		max-width: 715px;
		gap: 20px;
	}
	.servicios_txt .title{
		text-align: left;
	}

	.prod_serv{
		grid-template-columns: 40.2% 59.8%;
	}
	.prod_serv .img_cover img{
		aspect-ratio: 1/.89;
	}
	.prod_serv .flex_colum{
		width: 100%;
		max-width: 625px;
		gap: 40px;
	}

/*PAGINA POLITICAS*/
	.doble_politicas{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 72px;
	}
	.item_politica{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		background: #fff;
		border-radius: var(--radio_30);
		padding: 60px 40px;
		width: 100%;
	}
	.item_politica .title{
		font-size: var(--size_35);
	}
	.btn_txt{
		font-weight: 700;
		min-height: 62px;
		padding: 12px 20px;
		text-align: center;
	}
	.doble_colum{
		grid-column: 1/-1;
		padding-bottom: 30px;
	}

	.list_descargaa{
		display: flex;
		flex-direction: column;
		gap: 2px;
		width: 100%;
		background: #dfe1ea;
	}
	.item_descarga{
		--gap: 24px;
		--num: 64px;
		--btn: 146px;
		--doble_gap: calc(var(--gap) * 2);
		--texto: calc(100% - var(--num) - var(--btn) - var(--doble_gap));
		display: grid;
		grid-template-columns: var(--num) var(--texto) var(--btn);
		align-items: center;
		gap: var(--gap);
		padding: 11px 24px 11px 4px;
		background: #fff;
	}
	.plo_num{
		font-size: var(--size_30);
		font-weight: 600;
		color: var(--guinda);
	}
	.btn_descarga{
		width: 100%;
		height: 37px;
		font-weight: 600;
		font-size: 15px;
	}

/*PAGINA SERVICIOS*/
	.list_servicios{
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 72px;
	}
	.item_servicio{
		/*--img: 435px;*/
		--img: 520px;
		width: 100%;
		display: grid;
		/*grid-template-columns: var(--img) calc(100% - var(--img));*/
		grid-template-columns: calc(100% - var(--img)) var(--img);
		border-radius: var(--radio_30);
		background: #fff;
		overflow: hidden;
	}
	.item_servicio:nth-child(2n){
		direction: rtl;
	}
	.item_servicio:nth-child(2n) .servicio_text{
		direction: ltr;
	}
	.servicio_text{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}
	.servicio_text .flex_colum{
		gap: 32px;
		max-width: 710px;
		width: 100%;
	}
	.servicio_text .title{
		text-align: left;
	}

/*PAGINA CENTRO DE OPERACIONES*/
	.item_planta{
		display: flex;
		flex-direction: column;
		gap: 70px;
		width: 100%;
		max-width: 1160px;
		margin: 0 auto;
	}
	.intro_planta{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 24px;
		text-align: center;
	}
	.intro_planta p{
		text-align: center;
	}
	.list_cifras{
		display: flex;
		flex-wrap: wrap;
		/*display: grid;*/
		/*grid-template-columns: repeat(auto-fit, 224px);*/
		justify-content: center;
		gap: 20px;
	}
	.item_cifra{
		width: 224px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 36px;
		background: #fff;
		border-radius: var(--radio_30);
		text-align: center;
		border: .4px solid #BADCFF;
		padding: 42px 12px 32px 12px;
	}
	.cifra_text{
		font-weight: bold;
	}
	.cifra_text h3{
		font-size: 40px;
	}
	.cifra_text p{
		font-size: 25px;
		letter-spacing: -1px;
		text-align: center;
	}
	
/*PAGINA SOSTENIBILIDAD*/
	.economia_circular{
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 60px 20px;
		background: #fff;
		border-radius: var(--radio_30);
		text-align: center;

	}
	.economia_circular .flex_colum{
		width: 100%;
		max-width: 1064px;
		align-items: center;
		gap: 24px;
	}
	.economia_circular .tt_mas{
		padding-top: 24px;
	}
	.div_carbono{
		--img: 700px;
		display: grid;
		grid-template-columns: calc(100% - var(--img)) var(--img);
		background: #fff;
		border-radius: var(--radio_30);
		width: 100%;
		overflow: hidden;
	}
	.carbono_text{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
	}
	.carbono_text div{
		width: 100%;
		max-width: 440px;
	}
	.carbono_text .title{
		color: var(--guinda);
		text-align: left;
	}
	.carbono_text .title span{
		color: var(--azul);
		font-size: var(--size_40);
	}
	.div_carbono .img_cover img{
		aspect-ratio: 1 / .63;
	}

/*PAGINA POLITICA PRIVACIDAD*/
	.politicas_privacidad{
		display: flex;
		justify-content: center;
		padding: 72px 20px;
		background: #fff;
		border-radius: var(--radio_30);
		width: 100%;
	}
	.div_preline{
		width: 100%;
		max-width: 1064px;
		/*white-space: pre-line;*/
		line-height: 1.5;
	}
	.div_preline h1,
	.div_preline h2,
	.div_preline h3{
		margin-bottom: 4px;
	}
	.div_preline h4,
	.div_preline ul,
	.div_preline p{
		margin-bottom: 12px;
	}
	.div_preline h2{
		font-size: var(--size_35);
	}
	.div_preline h3{
		font-size: var(--size_30);
	}
	.div_preline ul{
		/*white-space: nowrap;*/
	}

/*PAGINA CONTACTO*/
	form{
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}
	.cdr_blanco{
		display: flex;
		justify-content: center;
		background: #fff;
		border-radius: var(--radio_30);
		width: 100%;
		padding: 40px 20px;
	}
	.grid_form{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 510px));
		justify-content: space-between;
		gap: 24px;
	}
	.area_form{
		width: 100%;
		max-width: 1110px;
	}
	.col_2{
		grid-column: 1/-1;
	}
	.title_bloke{
		font-size: var(--size_30);
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: -5%;
	}
	.bloke_checks{
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
	.list_check{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}
	.pie_form{
		gap: 20px;
	}
	.pie_form .flex_colum:last-child{
		width: 100%;
		max-width: 334px;
		text-align: right;
	}
	.txt_file{
		white-space: pre-line;
		font-size: 10px;
		line-height: 2;
	}
	.campo{
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.campo p{
		font-weight: 600;
	}
	select,
	input[type="text"],
	textarea{
		width: 100%;
		display: block;
		border: 2px solid #ECEFEE;
		border-radius: 15px;
		min-height: 50px;
		padding: 6px 12px;
	}
	textarea{
		min-height: 108px;
		resize: none;
	}
	.campo_check{
		--check: 30px;
		display: grid;
		grid-template-columns: var(--check) auto;
		gap: 16px;
		position: relative;
		cursor: pointer;
	}
	input[type="file"],
	input[type="checkbox"]{
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		z-index: -1;
		max-width: 100%;
	}
	.check{
		aspect-ratio: 1;
		background-image: url('../img/check.png');
		background-size: cover;
	}
	input[type="checkbox"]:checked ~.check{
		background-image: url('../img/check_on.png');
	}
	.campo_file{
		display: block;
		position: relative;
		cursor: pointer;
	}
	.btn_file{
		display: grid;
		grid-template-columns: 11px auto;
		justify-content: center;
		align-items: center;
		gap: 8px;
		border: 2px dashed var(--azul);
		min-height: 50px;
		padding: 8px;
		border-radius: 15px;
		cursor: pointer;
	}
	.btn_enviar{
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100px;
		background: var(--azul);
		color: #fff;
		width: 290px;
		height: 62px;
		border: 1px solid var(--azul);
		font-weight: bold;
	}
	
	.list_sedes{
		--item: calc(50% - 60px);
		display: grid;
		grid-template-columns: var(--item) 1px var(--item);
		justify-content: space-between;
		gap: 32px 20px;
		width: 100%;
	}
	.item_sede{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 44px;
	}
	.item_sede .img_cover{
		width: 100%;
		border-radius: var(--radio_30);
	}
	.item_sede .img_cover img{
		aspect-ratio: 1/.468;
	}
	.list_contactos{
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.item_cont{
		display: grid;
		grid-template-columns: 25px auto;
		gap: 14px;
	}
	.item_cont p{
		letter-spacing: -5%;
	}
	
/*PAGINA NOTICIAS*/
	.ultima_noticia{
		width: 100%;
	}
	.list_noticias{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 52px 64px;
	}
	.item_noticia{
		display: grid;
		grid-template-rows: min-content;
		background: #fff;
		border-radius: var(--radio_30);
		overflow: hidden;
	}
	.item_noticia .img_cover{
		display: block;
	}
	.item_noticia .img_cover img{
		/*aspect-ratio: 1/.482;*/
		aspect-ratio: 1/.65;
	}
	.item_noticia .title{
		font-size: var(--size_40);
		letter-spacing: -1%;
	}
	.nt_etiqueta{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 167px;
		height: 38px;
		position: absolute;
		top: 16px;
		left: 20px;
		background: var(--guinda);
		border-radius: 5px;
		color: #fff;
		font-weight: bold;
	}
	.noticia_info{
		display: flex;
		justify-content: center;
		padding: 40px 32px;
	}
	.noticia_info .flex_colum{
		width: 100%;
		max-width: 735px;
		gap: 24px;
		justify-content: space-between;
	}
	.noticia_info .flex_between{
		align-items: center;
		font-size: 15px;
		font-weight: 600;
	}
	.noticia_info .title{
		text-align: left;
	}
	.noticia_share,
	.noticia_dt{
		display: flex;
		align-items: center;
		gap: 16px;
	}
	.item_dt{
		display: grid;
		grid-template-columns: 13px auto;
		align-items: center;
		gap: 4px;
	}

	.ultima_noticia .item_noticia{
		/*--img: 396px;*/
		/*--img: 500px;*/
		/*grid-column: 1/-1;*/
		display: grid;
		/*grid-template-columns: var(--img) calc(100% - var(--img));*/
		grid-template-columns: 39% 61%;
	}

	.ultima_noticia .item_noticia .img_cover img{
		/*aspect-ratio: 1/1.19;*/
		/*aspect-ratio: 1/.65;*/
	}


	.ultima_noticia .item_noticia .nt_etiqueta{
		left: 0;
	}
	.ultima_noticia .item_noticia .title{
		font-weight: bold;
	}
	.ultima_noticia .item_noticia .noticia_info > .flex_colum{
		justify-content: space-between;
	}

	.arrows_noticias{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 10px;
	}

	.btn_blog {
	    position: relative;
	    width: 56px;
	    background: var(--guinda);
	    border-radius: 50%;
	    overflow: hidden;
	    cursor: pointer;
	    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.16);
	    transition-duration: 0.3s;
	}

	.btn-off {
	    background: #E9E7E7 !important;
	    box-shadow: none;
	}

	.div_arrow {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 56px;
	    height: 56px;
	}

	[data-blog="prev"] .div_arrow {
	    transform: rotateY(180deg);
	}
	.paginado p {
	    font-size: 20px;
	    font-weight: bold;
	    color: #736E6E;
	}
	.paginado p span{
		color: var(--guinda);
	}

/*PAGINA LIBRO RECLAMACIONES*/
	

/*PAGINA TRABAJA NOSOTROS*/

	.list_empleo{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 32px;
	}

	.item_empleo{
		display: grid;
	    grid-template-columns: 48% 52%;
	    width: 100%;
	    overflow: hidden;
	}
	.empleo_info{
		display: flex;
		padding: 16px;
	}
	.empleo_info div{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 16px;
		max-width: 400px;
	}

	.empleo_info h4{
		text-transform: uppercase;
		font-size: 26px;
	}
	.empleo_info h3{
		font-size: 55px;
		white-space: pre-line;
	}
	.empleo_info h3 span{
		color: #2847af;
	}
	.empleo_info p{
		white-space: pre-line;
		font-size: 25px;
	}
	.empleo_info a{
		min-height: 52px;
		font-size: 16px;
		font-weight: bold;
		gap: 8px;
	}
	.empleo_info a:hover img{
		filter: brightness(0) saturate(100%) invert(21%) sepia(35%) saturate(5052%) hue-rotate(307deg) brightness(84%) contrast(96%);	
	}

	.empleo_img{
		border-radius: 24px;
	}
	.empleo_img img{
		aspect-ratio: 1/.53;
	}

/*POP GRACIAS*/
	.pop_fd_form{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #000;
		opacity: 0.8;
		z-index: 120;
	}
	.pop_trabaja{
		padding: 40px 24px;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0px 12px 24px 0px rgba(27, 59, 119, 0.05), 0px 24px 60px 0px rgba(6, 47, 125, 0.05), 0px 2px 4px 0px rgba(7, 4, 146, 0.10);
		z-index: 150;
	}
	.pop_body{
		position: relative;
	}
	.cerar_pop{
		width: 40px;
		border-radius: 50%;
		box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.16);
		position: absolute;
		top: 0;
		right: 0;
		transform: translateY(-100%);
		cursor: pointer;
	}
	.pop{
		display: none;
		width: calc(100% - 60px);
		max-width: 600px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.pop_gracias{
		max-width: 332px;
		border-radius: 21px;
		background: var(--azul);
		padding: 40px;
		z-index: 120;
	}
	.pop_gracias .cerar_pop{
		top: 12px;
		right: 12px;
		transform: translate(0);
	}
	.pop_gracias .pop_body{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
	.ico_gracias img{
		position: relative;
		transform: translateX(10%);
	}
	.gracias_text{
		font-size: var(--size_30);
		font-weight: 600;
		line-height: 1.5;
		color: #fff;
		text-align: center;
	}

/*RESPONSIVE*/

	@media screen and (max-width: 1024px){
		:root {
			--size_30: 24px;
			--size_35: 28px;
			--size_40: 32px;
			--radio_30: 20px;
		}
		.btn_contactanos,
		body{
			font-size: 16px;
		}
		.btn_contactanos{
			width: 120px;
			height: 40px;
		}
		.title_3 span,
		.title{
			font-size: 40px;
		}
		.area_segura{
			width: calc(100% - 40px);
		}
		.fix_redes{
			display: none;
		}
		.sin_scroll_x{
			overflow-x: auto;
		    scroll-snap-type: x mandatory;
		    scrollbar-width: none;
		}
		.item_zoom:hover{
			transform: none;
			box-shadow: none;
		}
		.barra{
			width: 15px;
		}
		.footer{
			display: flex;
			flex-direction: column;
		}
		.footer_logos{
			flex-direction: row;
		}
		.list_cert{
			grid-template-columns: repeat(auto-fit, 320px);
			justify-content: center;
			gap: 20px;
		}
		.div_innovacion{
			--title: 350px;
		}
		.list_noticias{
			gap: 20px;
		}
		.item_anno{
			width: 56px;
		}
		.menu,
		.area_header,
		.menu_der{
			gap: 12px;
		}
		
	}
	@media screen and (max-width: 768px){
		.campo_check{
			--check: 24px;
			gap: 8px;
		}
		.item_planta,
		.conte_general{
			gap: 40px;
		}
		.item_sede,
		.area_segura{
			gap: 24px;
		}
		.barra{
			width: 10px;
		}

		.footer >div:last-child{
			flex-direction: row;
		}
		.footer .horizontal{
			display: none;
		}
		.footer_menu{
			flex-direction: column;
		}
		.plantas_footer{
			display: none;
		}
		.grid_slider{
			--text: 400px;
		}

		.item_tab{
			padding: 10px 15px;
		}
		.title_3 span,
		.title{
			font-size: 36px;
		}
		.banner_pag {
    		--text: 400px;
    	}
    	.productos,
    	.list_sedes{
    		--item: calc(50% - 20px);
    	}

    	.div_innovacion{
    		display: flex;
    		flex-direction: column;
    	}
		.innova_list{
			justify-content: center;
			flex-wrap: wrap;
		}
		.item_sector{
			--ico: 60px;
			width: 200px;
			padding: 20px 24px;
			gap: 12px;
		}
		.div_anno{
			font-size: 50px;
		}
		.item_fecha{
			--gap: 20px;
			--anno: 110px;
		}
		.div_text{
			padding: 20px;
		}
		.item_gallery{
			width: 280px;
		}
		.noticia_info{
			padding: 20px;
		}
		.noticia_info .flex_between{
			align-items: flex-start;
			flex-direction: column;
			gap: 16px;
		}
		.noticia_share{
			flex-wrap: wrap;
		}
		.noticia_share > p{
			width: 100%;
		}
		.doble_politicas{
			grid-template-columns: 100%;
			gap: 20px;
		}
		.item_servicio{
			/*--img: 300px;*/
			--img: 400px;
		}
		.div_carbono{
			display: flex;
			flex-direction: column-reverse;
		}
		.linea_tiempo{
			gap: 200px;
			padding: 0 80px;
		}
		.cont_linea_tiempo{
			margin: 25px  0;
		}
		.btn_contactanos{
			font-size: 14px;
		}
		.menu_izq{
			display: grid;
			grid-template-columns: 34px 100px;
			align-items: center;
			gap: 20px;
		}
		.btn_menu{
			display: block;
		}
		.btn_idioma .gt_switcher a img{
			width: 24px !important;
			height: 24px !important;
		}
		.btn_idioma .gt_switcher{
			width: 120px !important;
		}	
		.btn_idioma .gt_switcher a{
			font-size: 14px !important;
		}
		.btn_idioma .gt_selected a:after{
			top: 0 !important;

		}

		.area_header{
			grid-template-columns: repeat(2, auto);
		}
		.menu_centro{
			position: absolute;
			background: #fff;
			top: 0;
			left: 0;
			padding: 44px 32px;
			transform: translateX(-100%);
			transition-duration: .3s;
			z-index: 15;
		}
		.menu_centro.active{
			transform: translateX(0);
		}
		.menu{
			flex-direction: column;
			gap: 16px;
			font-size: 24px;

		}
		.item_descarga{
			--gap: 20px;
		    --num: 32px;
		}
		.empleo_info h4{
			font-size: 14px;
		}
		.empleo_info h3{
			font-size: 32px;
		}
		.empleo_info p{
			font-size: 16px;
		}
	}
	@media screen and (max-width: 600px){
		.ultima_noticia .item_noticia{
			display: block;
		}
	}
	@media screen and (max-width: 500px){
		:root {
			--size_30: 20px;
			--size_35: 24px;
			--size_40: 28px;
		}
		.bloke_tabs{
			padding: 20px;
			gap: 20px;
		}
		.list_nuestro_prod,
		.list_ult_not{
			grid-template-columns: repeat(3, calc(100% - 50px));
		}
		.item_ult_not_txt{
			padding-bottom: 40px;
		}
		.item_tab {
			padding: 5px 10px;
	        font-size: 12px;
	    }
		.campo_check{
			--check: 20px;
		}
		.banner_pag,
		.cdr_azul,
		.grid_slider{
			display: flex;
			flex-direction: column-reverse;
		}
		.banner_text{
			padding: 40px 20px;
		}
		.banner_text .flex_colum{
			min-height: auto;
			gap: 20px;
		}
		.cdr_azul .img_cover img{
			aspect-ratio: 1/.7;
		}
		.tt_mas{
			padding-top: 15px;
		}
		.tt_mas:before{
			width: 24px;
		}
		.item_cifra{
			gap: 20px;
			padding: 24px 12px;
		}
		.cifra_text h3{
			font-size: 32px;
		}
		.cifra_text p{
			font-size: 16px;
		}
		.cdr_blanco{
			padding: 20px;
		}
		.item_servicio,
		.cdr_imgtext,
		.cdr_textimg,
		.div_servicios,
		.grid_form,
		.productos,
		.list_sedes{
			display: flex;
			flex-direction: column;
		}
		.productos .vertical,
		.list_sedes .vertical{
			display: none;
		}
		.list_noticias{
			grid-template-columns: 100%;
		}
		
		.gallery,
		.prod_serv .flex_colum,
		.item_producto{
			gap: 20px;
		}
		.pie_form{
			flex-direction: column-reverse;
		}
		.pie_form .flex_colum:last-child{
			max-width: 100%;
			text-align: left;
		}
		.list_sectores{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
		}
		.item_sector{
			width: 100%;
		}
		.item_fecha {
	        --anno: 70px;
	    }
		.div_anno{
			font-size: 32px;
		}
		.item_anno{
		}
		.linea_tiempo{
			padding: 0 50px;
			gap: 120px;
		}
		.cont_linea_tiempo{
			margin-top: 0;
		}
		.item_anno h3{
			margin-top: 50px;
		}
		.abanico_grid{
			grid-template-columns: 160px auto;
		}
		.menu_izq{
			gap: 8px;
		}
		.menu_der{
			display: flex;
			flex-direction: column-reverse;
		}
		.area_header{
			padding: 12px 0;
		}
		.item_politica{
			padding: 32px 20px;
		}

		.item_descarga{
			--gap: 12px;
		    --num: 18px;
		    --btn: 100px;
		    padding: 10px 0;
		}
		.item_empleo{
			display: flex;
			flex-direction: column-reverse;
			gap: 12px;
		}
		.empleo_img{
			border-radius: 12px;
		}
		.empleo_info{
			padding: 0;
		}
		.empleo_info div{
			gap: 8px;
		}
		.empleo_info h4,
		.empleo_info a{
			font-size: 12px;
		}
		.empleo_info h3{
			font-size: 24px;
			white-space: initial;
		}
		.empleo_info p{
			font-size: 14px;
			white-space: initial;
		}
		.empleo_info a{
			padding: 8px 12px;
			min-height: auto;
		}
	}
	@media screen and (max-width: 380px){
		.abanico_grid{
			grid-template-columns: 100%;
		}
		.abanico_grid>img{
			width: 160px;
		}
	}