@font-face {

    font-family: 'Grotesk';

    font-display: auto;

    src: url('fonts/SchibstedGrotesk.woff2') format('woff2');

    /*src: url('fonts/Proxima-Nova-Bold.woff2') format('woff2');*/    

    font-display: swap;

}



:root{

    --corporativo1: #313154;

    --corporativo2: #DAE7F0;



    --complementario1: #782A40;

    --complementario2: #DE9797;



    --complementario3: #546349;

    --complementario4: #ABC999;



    --complementario5: #A68549;

    --complementario6: #D9CD8B;



    --filtro_blanco: brightness(0) invert(1);

    --blanco_fill: brightness(0) invert(1);

    --negro_fill: brightness(0);

    --corporativo1_fill: invert(13%) sepia(39%) saturate(1109%) hue-rotate(204deg) brightness(95%) contrast(82%);

    --corporativo2_fill: invert(88%) sepia(23%) saturate(105%) hue-rotate(161deg) brightness(102%) contrast(90%);

    --complementario1_fill: invert(21%) sepia(23%) saturate(1794%) hue-rotate(294deg) brightness(98%) contrast(94%);

    --complementario2_fill: invert(69%) sepia(27%) saturate(506%) hue-rotate(313deg) brightness(95%) contrast(81%);

    --complementario3_fill: invert(34%) sepia(16%) saturate(573%) hue-rotate(51deg) brightness(101%) contrast(91%);

    --complementario4_fill: invert(89%) sepia(14%) saturate(619%) hue-rotate(50deg) brightness(86%) contrast(87%);

    --complementario5_fill: invert(54%) sepia(35%) saturate(557%) hue-rotate(0deg) brightness(93%) contrast(92%);

    --complementario6_fill: invert(80%) sepia(8%) saturate(1416%) hue-rotate(14deg) brightness(104%) contrast(86%);    

}



:root{

    --color_contraste: var(--corporativo1);

	--color_contraste2: var(--corporativo2);

	--color_contraste_tejidos: var(--corporativo1);

	

	--color_contraste75: #31315475;

	--color_contraste50: #31315450;

	--color_contraste25: #31315425;	

	

	--color_menu_fondo: var(--corporativo1);

	--color_menu_texto: var(--corporativo2);

			

	--color_pie_fondo: var(--corporativo2);

	--color_pie_texto: var(--corporativo1);

	--color_pie_contraste: var(--complementario2);	

}



body { font-family: 'Grotesk'; font-weight: 400; }	

input, textarea{ font-family: 'Grotesk' !important; }

.slide:after{ background-color: var(--complementario2); }

::selection{

	background-color: var(--complementario2);

	color: var(--color_blanco);

}



.titulo_seccion{ font-size: 1em; font-weight: 400; }

.titulo_seccion > span{ font-size: 1.5em; }

@media screen and (max-width: 1024px) {

    .titulo_seccion{ font-size: 1em; }

	.titulo_seccion > span{ font-size: 1.25em; }

}





body.noscroll{ overflow: hidden; }

.noshow{ display: none !important; }

.novisible{ visibility: hidden; opacity: 0; width: 0; height: 0; pointer-events: none; z-index: -10000000; top: 0; left: 0; }



.overlay_window{ position: fixed; top: 0; left: 0; background: #00000090; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; z-index: 1000000000; color: var(--color_principal); font-size: 1rem; }    



	.overlay_window .overlay_contenido{ position: relative; display: flex; flex-direction: column; align-items: center; width: 90%; max-width: 90%; border-radius: 0.5em; overflow: hidden; background: var(--color_fondo); }



		.overlay_window .overlay_cabecera{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1em; width: 100%; padding: 1em; background: var(--corporativo1); z-index: 10; }

			.overlay_window .overlay_cabecera span{ font-size: 1.25em; font-weight: 600; color: var(--corporativo2); }

			.overlay_window .overlay_cabecera span.close{ font-size: 1em; cursor: pointer; }

				.overlay_window .overlay_cabecera span.close:before{ display: block; content: "X"; font-family: "Verdana"; font-size: 2.5em; transition: all 0.3s ease-in-out !important; font-weight: 500; transform: scaleX(1.25); color: var(--corporativo2); }	

				.overlay_window .overlay_cabecera span.close:hover:before{ color: var(--complementario2); }	



		.overlay_window .overlay_cuerpo{ position: relative; display: flex; flex-direction: column; align-items: center; gap: 1em; width: 100%; padding: 3em; flex-grow: 1; min-height: 0; overflow-y: auto; }   



			.overlay_window .overlay_cuerpo .overlay_boton{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; padding: 1em; }

				.overlay_window .overlay_cuerpo .overlay_boton a{ position: relative; display: block; padding: 1em; font-size: 1.25em; font-weight: 500; color: var(--corporativo2); background: var(--corporativo1); border-radius: 0.25em; text-transform: uppercase; }

				.overlay_window .overlay_cuerpo .overlay_boton a:hover{ background-color: var(--complementario2); color: var(--color_blanco); }					



@media screen and (max-width: 640px) {

	.overlay_window .overlay_cuerpo{ padding: 2em; }

	}

@media screen and (max-width: 480px) {

	.overlay_window .overlay_cuerpo{ padding: 1em; }

	}



#menu_principal { padding: 0.75em 1vw; }

#menu_logo img{ filter: var(--corporativo2_fill); }

#menu_principal a.selected, #menu_principal a:hover{ color: var(--complementario2); }

#menu_central { padding-inline: 1em; };

.menu_central_PDF .boton_generar_pdf{ background-image: url(../img/pdf_icon2.svg); }

#menu_central_filtro .multiselect { box-shadow: none; }

.multiselect .selectBox select{ font-family: 'Grotesk';	border-color: var(--corporativo2); }

#menu_principal a.menu_central_herramienta{ box-shadow: none; }

#menu_principal a.menu_central_herramienta:hover{ background-color: var(--complementario2); }

.multiselect .multiselect_desplegable input[type=checkbox].css-checkbox:checked+label.css-label { background-position: left 0.5em bottom 0.55em; }



#pie #logo_blanco{ filter: var(--corporativo1_fill); }

#pie .pie_rrss_iconos img{ filter: var(--corporativo1_fill); }

#pie .pie_rrss_iconos a:hover img, #pie_rrss .pie_rs:hover{ filter: var(--complementario2_fill); }



.login_contenido .legend{ padding: 1em 20% 1em 1em; }

.login_contenido .legend:after{ opacity: .75; background-image: url(../img/login-bg.svg); background-size: auto 110%; background-position: right -.25em bottom -1em; filter: var(--corporativo2_fill); }

.login_input .fa:before{ color: var(--corporativo1); }

.login_input span.fa:hover:before{ color: var(--complementario2); }

.login_submit:focus, .login_submit:hover{ background-color: var(--complementario2); border-color: var(--complementario2); }

#login .login_aviso { position: relative; display: block; margin-block: 2em; margin-bottom: 4em; padding: 1em; text-align: center; max-width: 768px; margin-inline: auto; background: var(--corporativo2); border-radius: 0.5em; }

#login .login_aviso span{ font-size: 1em; color: var(--corporativo1); }

#login .login_aviso span b{ font-size: 1.5em; text-transform: uppercase; }

#login .login_aviso span a{ font-size: 1.1em; font-weight: 600; color: var(--corporativo1); }

#login .login_aviso span a:hover{ color: var(--complementario2); }



table.dataTable > tbody{ font-family: 'Grotesk'; }

.categoria_elementos_cabecera_supratitulo > span{ font-family: 'Grotesk'; color: var(--corporativo1); }

.elemento_imagen .elemento_imagen_bg_overlay { background-color: var(--color_contraste); }



#tejidos_resultados_contenido, .filtros_listado{ border-color: var(--corporativo1); }

#tejidos_filtros .titulo_seccion, #tejidos_resultados .titulo_seccion{ color: var(--corporativo1); }

.filtro_listado .filtro_titulo span { color: var(--complementario2); }

.filtro_listado .multiselect .selectBox select{ border-color: var(--corporativo1); }

.filtro_listado ::-webkit-input-placeholder { color: var(--corporativo1); }

.filtro_listado ::-moz-placeholder { color: var(--corporativo1); }

.filtro_listado :-ms-input-placeholder { color: var(--corporativo1); }

.filtro_listado :-moz-placeholder {	color: var(--corporativo1); }

.filtro_boton{ background-color: var(--corporativo1); border-color: var(--corporativo1); }

.filtro_boton:hover{ background-color: var(--complementario2); border-color: var(--complementario2); }

table.dataTable > thead,

table.dataTable > thead th,

table.dataTable tr.thead td { background-color: var(--corporativo1) !important; }

table.dataTable > tbody > tr:not(.thead).odd > *{ background-color: var(--corporativo2) !important; }

table.dataTable.display tbody tr:hover > *, 

table.dataTable > tbody > tr:hover > .sorting_1 { box-shadow: inset 0 0 0 9999px var(--complementario2) !important; }



#contacto #formulario .titulo_campo{ color: var(--corporativo1); }

.contenedor_formulario .obligatorio:after { color: var(--complementario2); }

#contacto ::-webkit-input-placeholder { color: var(--complementario2); }

#contacto ::-moz-placeholder { color: var(--complementario2); }

#contacto :-ms-input-placeholder { color: var(--complementario2); }

#contacto :-moz-placeholder { color: var(--complementario2); }

#contacto #contacto_contenido #formulario #enviar{ filter: var(--corporativo1_fill); }

#contacto #contacto_contenido #formulario #enviar:after{ background-color: var(--color_negro); }

#contacto #contacto_contenido #formulario #enviar:hover{ filter: var(--complementario2_fill); }

#contacto #formulario textarea{ min-height: 7em; }

#contacto .mensaje_solicitud{ position: relative; display: block; margin-block: 2em; padding: 1em; text-align: center; max-width: 768px; margin-inline: auto; background: var(--corporativo2); border-radius: 0.5em; }

#contacto .mensaje_solicitud span{ font-size: 1.25em; font-weight: 600; color: var(--corporativo1); text-transform: uppercase; }



#tutoriales_contenidos{ min-height: 30em; }

#tutoriales_contenidos .titulo_seccion{margin-bottom: 0.5em; margin-top: 2em; }

#tutoriales_contenidos .titulo_seccion > span{ font-size: 1.75em; font-weight: 500; text-transform: uppercase; color: var(--corporativo1); }

#tutoriales_contenidos .subtitulo_seccion{ font-size: 1em; margin-block: 0.5em;  text-align: center; }

#tutoriales_contenidos .subtitulo_seccion > span{ font-size: 1.25em; color: var(--complementario2); }

#tutoriales_contenidos .titulo_seccion2{ font-size: 1em; margin-block: 1em; text-align: center; }

#tutoriales_contenidos .titulo_seccion2 > strong{ font-size: 1.5em; color: var(--corporativo1); /*text-transform: uppercase;*/ border-bottom: 2px solid var(--complementario2); font-weight: 500; }

#tutoriales_contenidos .tutoriales_texto{ margin-top: 4em; }

#tutoriales_contenidos .tutoriales_texto video{ width: 100%; height: auto; max-width: 1024px; margin-inline: auto; cursor: pointer; }



@media screen and (max-width: 1024px) {

	#tutoriales_contenidos .titulo_seccion > span{ font-size: 1.5em; }

    #tutoriales_contenidos .subtitulo_seccion > span{ font-size: 1em; }

    #tutoriales_contenidos .titulo_seccion2 > strong{ font-size: 1.25em; border-bottom-width: 1px; }

}





#descargas_contenido{ min-height: 32em; }

#descargas .titulo_seccion > span { font-size: 1.75em; font-weight: 500; text-transform: uppercase; color: var(--corporativo1); }

@media screen and (max-width: 1024px) {

	#descargas .titulo_seccion > span{ font-size: 1.5em; }   

}



.cambiarbg { position: relative;}

.cambiarbg:after, .cambiarbg:before {

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	opacity: 1;

	background-color: transparent;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: contain;	

	-webkit-transition: opacity .3s ease-in-out!important;

	-moz-transition: opacity .3s ease-in-out!important;

	-ms-transition: opacity .3s ease-in-out!important;

	-o-transition: opacity .3s ease-in-out!important;

	transition: opacity .3s ease-in-out!important;

}

.cambiarbg.scl:after, .cambiarbg.scl:before {

	-webkit-transition: all .3s ease-in-out!important;

	-moz-transition: all .3s ease-in-out!important;

	-ms-transition: all .3s ease-in-out!important;

	-o-transition: all .3s ease-in-out!important;

	transition: all .3s ease-in-out!important;

}

.cambiarbg:before { z-index: 2; filter: var(--filtro_negro); }

.cambiarbg.iblanco:before { filter: var(--filtro_blanco) !important; }

.cambiarbg.inegro:before { filter: var(--filtro_negro) !important; }

.cambiarbg:after { z-index: 1; opacity: 0; filter: var(--filtro_contraste); }

.cambiarbg.fblanco:after { filter: var(--filtro_blanco) !important; }

.cambiarbg.fnegro:after { filter: var(--filtro_negro) !important; }

.cambiarbg.scl:after { filter: none; }

.cambiarbg.selected:before, .cambiarbg:hover:before { opacity: 0; }

.cambiarbg.selected:after, .cambiarbg:hover:after { opacity: 1; }

.cambiarbg.scl.selected:after, .cambiarbg.scl:hover:after { transform: scale(1.25); }



#descargas .descargas_arbol_categorias { border-color: var(--corporativo2); }

#descargas .descargas_arbol_categorias_encabezado { background: var(--corporativo1); color: var(--corporativo2); }

.descargas_contenido_main a{ color: var(--corporativo1); }

.descargas_contenido_main .selected,

.descargas_contenido_main a:hover{ color: var(--complementario2)}

#descargas .descargas_arbol_categorias_contenido > li { border-color: var(--corporativo2); }

#descargas .descargas_arbol_categorias_contenido > li:before{ filter: var(--corporativo1_fill); }

#descargas .descargas_arbol_categorias_contenido .category_link span.toggle_category:after{ color: var(--corporativo1); }

#descargas .descarga_listado > a:hover .informacion .title span span,

#descargas .descargas_arbol_categorias_contenido li .category_link:hover span.toggle_category:after{ color: var(--complementario2) !important; }



.descarga_listado .informacion .title span{ font-size: 1em !important; }

#descargas .overlay_window .overlay_contenido{ max-width: 1024px; }

#descargas .listado_descargas.grid { grid-template-columns: repeat(6, 1fr); }

@media screen and (max-width: 1600px) {

    #descargas .listado_descargas.grid { grid-template-columns: repeat(5, 1fr); }

}

@media screen and (max-width: 1280px) {

    #descargas .listado_descargas.grid { grid-template-columns: repeat(4, 1fr); }

}

@media screen and (max-width: 1024px) {

    #descargas .listado_descargas.grid { grid-template-columns: repeat(3, 1fr); }

	#descargas .overlay_window .overlay_contenido{ font-size: 0.9em; }

}

@media screen and (max-width: 860px) {

    #descargas .listado_descargas.grid { grid-template-columns: repeat(5, 1fr); }

}

@media screen and (max-width: 640px) {

    #descargas .listado_descargas.grid { grid-template-columns: repeat(4, 1fr); }

}

@media screen and (max-width: 560px) {

    #descargas .listado_descargas.grid { grid-template-columns: repeat(3, 1fr); }    

}

@media screen and (max-width: 480px) {

    #descargas .listado_descargas.grid { grid-template-columns: repeat(2, 1fr); }

	#descargas .overlay_window .overlay_contenido{ font-size: 0.8em; }

}



#descargas .info_categoria_descargas .info_categoria_descargas_imagen img{ max-height: 12em !important; }

#descargas .info_categoria_descargas .info_categoria_descargas_datos .titulo span{ font-size: 1.75em; color: var(--corporativo1); }

#descargas .descargas_breadcrumb .descargas_breadcrumb_separador{ color: var(--corporativo1); }

#descargas .descargas_breadcrumb a.breadcrumb_home:after{ filter: var(--complementario2_fill); }

#descargas .descargas_breadcrumb a.breadcrumb_home:before{ filter: var(--corporativo1_fill); }

#descargas .info_categoria_descargas .info_categoria_descargas_datos .titulo{ font-size: 1em; margin-bottom: 0.5em; }

#descargas .info_categoria_descargas .info_categoria_descargas_datos .titulo > span{ font-size: 1.75em; color: var(--corporativo1); }

#descargas .info_categoria_descargas .info_categoria_descargas_datos .subtitulo span{ font-size: 1.05em; color: var(--complementario2); }

#descargas .info_categoria_descargas .info_categoria_descargas_datos .descripcion { margin-top: 1.5em; }

#descargas .info_categoria_descargas .info_categoria_descargas_datos .descripcion span{ font-size: 1em; font-weight: 400; }



#descargas .categoria_descargas_anotacion span b{ color: var(--corporativo1); }



#descargas .descarga_listado.el-listado.el-relacionado .el-images{ position: relative; background: var(--corporativo2) !important; }

#descargas .descarga_listado :where(.folder_icon, .not_allowed, .dft){ background-color: var(--corporativo1) !important; }

#descargas .descarga_listado > a:hover :where(.folder_icon, .not_allowed, .dft){ background-color: var(--complementario2) !important; }

#descargas .el-listado.el-relacionado { position: relative; aspect-ratio: unset; width: 100% !important; padding: 0; margin: 0; }

#descargas .el-listado .el-images,

#descargas .el-listado > * { position: relative; display: flex; width: 100%; height: 100%; justify-content: flex-start; align-items: center; }

#descargas .el-listado.el-relacionado .el-images { height: auto; aspect-ratio: 1 / 1; }

#descargas .el-listado :where(.after,.before) { position: absolute; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 1; opacity: 1; }

#descargas .el-listado.el-relacionado :where(.after,.before) { object-fit: contain; }

#descargas .forbidden{ display: none !important; pointer-events: none !important; width: 0 !important; height: 0 !important; overflow: hidden !important; position: absolute !important; top: -10000px !important; left: -10000px !important; }



.fancybox-button img{ filter: var(--corporativo1_fill); }

.fancybox-button:hover img{ filter: var(--complementario2_fill); }