* {/*El borde y el padding están incluidos en el ancho total del objeto*/
    box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

/*Variables globales*/
:root
{
	/* --color-principal: white;
	--color-defecto: black;
	--color-acento: darkblue;
	--color-secundario: #f7f7f7;
	--color-texto-secundario: #787878; */
	
	--color-principal: #fffdf8;
	--color-defecto: black;
	--color-acento: #2e2a27;
	--color-secundario: #f2efe9;
	--color-texto-secundario: #787878;
	--color-defecto-transparente: rgba(21, 21, 21, 0.6);
	
	--altura-estandar: 700px;
	--altura-menu-principal: 80px;
	
	--tamanio-destacados: 350px;
	
	/*Texto*/
	--texto-tam-extrapequenio: 0.75em;
	--texto-tam-pequenio: 0.9em;
	--texto-tam-estandar: 1em;
	--texto-tam-estandar-semi-plus: 1.2em;
	--texto-tam-estandar-plus: 1.5em;
	--texto-tam-subtitulo: 2.5em;
	--texto-tam-titulo: 3em;
	
	/*Párrafos*/
	--interlineado-estandar: 1.5em;
	--interlineado-estandar-plus: 2em;
	
	/*Radio*/
	--radio-defecto: 20px;
}

/*Eliminar highlight azul de Android*/
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
input, textarea, button, select, a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
/*a:focus,a:visited,a:active{outline: none;}*/ /*Eliminado por accesibilidad*/
*:focus-visible {outline: 3px dashed;} /*Habilitado para accesibilidad*/
/************************************/

/*Animaciones*/
.oculto
{
	opacity: 0;
	visibility: hidden;
}

.aparecer
{
	/*animation: name duration timing-function delay iteration-count direction fill-mode play-state;*/
	animation-name: aparecer;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-delay: 0s;	
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: both; /*En que estado está cuando la animación no se está ejecutando (antes de empezar la animación, cuando acaba o en ambos estados*/
	/*animation-play-state: ;*/
	

	/*animation: 2s linear 0s 1 normal aparecer;*/
}
/*.zoom:hover {animation: 0.5s linear 0s 1 normal zoom;}*/

@keyframes aparecer{
	0% {opacity: 0; visibility: hidden;}
	100% {opacity: 1 !important; visibility: visible !important;}
}

@keyframes zoom{
	0%{transform: scaleY(.1);}
	100%{transform: scaleY(1);}
}
/************************************/

HTML
{
	background-color: var(--color-principal);
}

BODY
{
	margin: 0;
	padding: 0;
	font-family: arial,sans-serif;
	font-size: 1.2em;
	/*line-height: var(--interlineado-estandar);*/
}

.contenedor, .seccion
{ overflow: hidden;}

.ancla
{
  display: block;
  visibility: hidden;
  margin-top: -81px;
  height: 81px;
}

.todocentrado
{
	display: flex; 
	justify-content: center; 
	vertical-align: middle; 
	align-items: center; 
}

.estrecha
{ 
	width: 1280px !important; 
	margin: 0 auto;
}

.ancha {width: 100%;}

.separar {margin-bottom: 100px;}

/*DECLARE COLUMNA*/
	.columnas{float: left;position: relative; overflow: hidden;}
	.columnas:last-of-type{margin-right: unset;}
	
	.dos { width: 50%;}
	.cuatro {width: 25%;}
	
	.pp_cuatro
	{
		width: 20%;
		/*width: 21.25%;*(
		/*margin-right: 5%;*/
	}
/*EO: DECLARE COLUMNA*/

/*CABECERO*/
	#cabecero
	{
		width: 100%;
		/*overflow: hidden;*/
		transition: 0.3s;
		position: fixed;
		top: 0px;
		z-index: 10;
	}	

	#contenido_cabecero
	{
		margin: 0px auto;
		overflow: visible;
		display: flex;
		align-items: center;
		width: fit-content;
		justify-content: space-between;
	}

	#logotipo
	{
		display: block;
		width: 225px;
		margin: 0 auto; /*Auto en margin-left y right centra horizontalmente elementos de bloque o con propiedad display: block*/
		cursor: pointer;
	}
	
	#icono_responsive
	{
		display: none;
		font-size: 35px;
	}

	#menu_principal
	{
		padding: 0px;
		margin: 0px;
		width: fit-content;
		text-align: center; /*Centra elementos "hijos" LI, por herencia, que tienen propiedad inline*/
	}

	#menu_principal LI
	{
		display: inline-flex;
		position: relative;
		list-style-type: none;
		/*padding: 0px 20px;*/
		cursor: pointer;
		/*border: 1px solid #00FF00;*/ /*VERDE*/
		align-items: center;
	}
	
	#menu_principal > LI
	{ 
		height: var(--altura-menu-principal);
		margin-right: 50px; /*Con menú antiguo 30px*/
	}

	#menu_principal > LI:last-of-type {margin-right: 0px;}
	
	/*.positivo > A:last-of-type
	{
		
	}*/

	#menu_principal A
	{
		/*font-family: "Julius Sans One";*/
		/*text-transform: uppercase;*/
		text-decoration: none;
	}

	#menu_principal A.no_submenu:hover
	{text-decoration: underline;}
	
	#menu_principal .flecha
	{
		transform: rotate(90deg);
		/*fill: var(--color-principal);*/ /*210823*/
		margin-left: 10px;
		top: 2px;
		position: relative;
		transition: transform 0.5s;
	}

	#menu_principal A.seccionactiva, #pp_servicios A.seccionactiva
	{
		font-weight: bold;
	}

	#menu_principal A.seccionactiva2
	{
		font-weight: bold;
	}

	.submenu
	{
		position: absolute;
		display: none;
		width: max-content;
		z-index: 2;
		top: var(--altura-menu-principal);
		left: -50px;
		
		animation: aparecer .3s ease-in-out;
		text-align: left;
		padding: 25px 50px 50px;
		backdrop-filter: blur(10px);
	}
	
	.submenu:before
	{
		content: "";
		/* background-color: black; */
		
		/*opacity: 0.2;*/ /*210823*/
		height: 100%;
		width: 100%;
		position: absolute;
		transition: background-color 0.35s ease,opacity 0.35s ease;
	}
	
	.submenu A.seccionactiva
	{
		border-left: 3px solid;
		padding-left: 10px;
		margin-left: -13px;
	}
	
	#menu_principal .submenu LI
	{
		padding: 8px 0px;
	}
	
	
	#cabecero .submenu H2, #cabecero .submenu SPAN
	{
		margin: 15px 0px 5px;
		font-size: var(--texto-tam-estandar);
		z-index: inherit;
		/* text-transform: capitalize; */
		text-transform: uppercase;
		font-weight: bold;
		cursor: default;
	}
	
	#cabecero.negativo #menu_principal > A, #cabecero.positivo #menu_principal > A{transition: 0.5s;}
	
	#cabecero.negativo #menu_principal > LI:last-of-type > A,
	#cabecero.positivo #menu_principal > LI:last-of-type > A 
		{padding: 10px 15px;}
	
	#cabecero.negativo, #cabecero.negativo .submenu {background-color: unset !important;}
	#cabecero.negativo .submenu:before, #cabecero.positivo .submenu:before {top: 0; left: 0;}
	#cabecero.negativo .submenu:before {opacity: 0.2;}
	#cabecero.negativo #logotipo { filter: unset;}
	#cabecero.negativo #icono_responsive, #cabecero.negativo .flecha {fill: var(--color-principal) !important;}
	#cabecero.negativo .enlace_menu, #cabecero.negativo .submenu LI > A, #cabecero.negativo .submenu H2,  #cabecero.negativo .submenu SPAN {color: var(--color-principal) !important;}
	#cabecero.negativo #menu_principal > LI:last-of-type > A {border: 1px solid var(--color-principal);}
	
	#cabecero.positivo, #cabecero.positivo .submenu {background-color: var(--color-principal);}
	#cabecero.positivo .submenu:before {opacity: 0;}
	#cabecero.positivo #logotipo
	{ 
		/* filter: brightness(0) saturate(100%) invert(16%) sepia(40%) saturate(7456%) hue-rotate(239deg) brightness(61%) contrast(133%); */
		filter: brightness(0) saturate(100%) invert(10%) sepia(2%) saturate(3910%) hue-rotate(343deg) brightness(94%) contrast(81%);
		/* filter: brightness(0) invert(0); */
	}
	#cabecero.positivo #icono_responsive, #cabecero.positivo .flecha {fill: var(--color-acento);}
	#cabecero.positivo .enlace_menu, #cabecero.positivo .submenu LI > A, #cabecero.positivo .submenu H2,  #cabecero.positivo .submenu SPAN {color: var(--color-acento);}
	#cabecero.positivo #menu_principal > LI:last-of-type > A {
		/*border: 1px solid var(--color-acento);*/
		background-color: var(--color-acento);
		color: var(--color-principal);
	}
	
	/*Marcado*/
	#cabecero.negativo .submenu LI > A:hover, #cabecero.positivo .submenu LI > A:hover {
		border-left: 3px solid;
		padding-left: 10px;
		margin-left: -13px;
	}
	#cabecero.negativo .submenu LI > A:hover{border-color: var(--color-principal);}
	#cabecero.positivo .submenu LI > A:hover{border-color: var(--color-acento);}
	#cabecero.negativo .imagenSubmenu 
	{
		filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(1835%) hue-rotate(317deg) brightness(97%) contrast(118%);
	}
	#cabecero.positivo .imagenSubmenu 
	{
		filter: unset;
	}
	#cabecero.negativo .contenedor2 > SPAN {display: block; color: var(--color-principal);  padding: 0 0 20px; margin: 0 0 15px; border-bottom: 1px solid rgba(242, 239, 2333, 0.5); font-size: var(--texto-tam-estandar-plus) !important;}
	#cabecero.positivo .contenedor2 > SPAN {display: block; padding: 0 0 20px; margin: 0 0 15px; border-bottom: 1px solid rgb(46, 42, 39, 0.5); font-size: var(--texto-tam-estandar-plus) !important;}
	
	.contenedorCategoriaSubmenu, .contenedorCategorias
	{ 
		display: flex;          /* fila principal */
		align-items: flex-start;/* todos los hijos arriba */
		gap: 50px;              /* espacio opcional entre bloques */
		/*justify-content: space-between;*/
	}
	
	.CategoriaSubmenu {display: inline-flex; flex-direction: column; padding: 0;}	
	.CategoriaSubmenu SPAN {/* text-transform: unset !important; */}
	.CategoriaSubmenu SPAN:first-letter {/* text-transform: uppercase; */}
	#menu_principal .CategoriaSubmenu LI:first-of-type { padding: 0;}
	.submenu DIV:last-of-type {padding-right: unset;}
	.submenu.noMovil {position: fixed; left: 0px; width: 100%;cursor:default !important}
	.imagenSubmenu
	{
		align-self: center;      
		display: flex;           
		align-items: center;    
		/*max-width: 250px;*/
		/* background-color: #fbf8f2; */
	}
	.imagenSubmenu > IMG
	{
		max-width: 225px;
		/* max-height: 325px; */
		/* height: 100%;
		object-fit: cover; */
		margin-right: 118px;
	}
	/*EO: Marcacado*/
	
	/*#menu_principal LI:hover .submenu {
        display: grid;
    }*/

	#cuerpo_web, FOOTER /*Cuerpo y pie*/
	{
		width: 100%;
		margin: auto;
	}

	#cuerpo_web
	{ 
		/*margin-top: 214px;*/
		margin-top: 0px;
		padding-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		overflow: hidden;
		
	}
	
	#malla
	{
		display: none;
		position: fixed;
		z-index: 4;
		width: 100%;
		height: 100%;
		background-color: var(--color-defecto-transparente);
	}
	
	#malla_cookies
	{
		display: none;
		position: fixed;
		z-index: 11;
		width: 100%;
		height: 100%;
		background-color: var(--color-defecto-transparente);
	}
	
	.portada
	{ height: var(--altura-estandar);}

	#portada_inicio
	{	
		background: url(./imagenes/fondos/prueba_fondo.jpg) top no-repeat;
		background-size: cover;
	}

	.filtro
	{
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+25 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.25) 100%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.25) 100%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.25) 100%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
		
		/*
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%); 
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%); 
		background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 100%); 
		*/
	}
	
	/*.contenedor_video
	{ 	position: relative;
		height: 100%;
		
		display: flex;
		align-items: center;
		justify-content: center;
	}*/
	
	#hero
	{
		position: relative;
		height: 100%;
		min-height: var(--altura-menu-principal);
		background-color: var(--color-acento);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#hero.especial
	{
		height: 350px;
		background-color: var(--color-acento);
	}
	
	#hero IMG
	{
		width: 100%;
		/*min-height: 100%;*/
		/*height: 100%;*/
		filter: brightness(0.8);
	}
	
	#hero VIDEO
	{
		min-width: 100%;
		min-height: 100%;
		height: 100%;
		filter: brightness(0.8);
	}
	
	.contenedor_hero
	{
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		z-index: 2;
	}
	
	#principal
	{
		position: absolute;
		width: 40%;
		color: var(--color-principal);
		left: 0;
	}
	
	#principal H1
	{
		font-size: var(--texto-tam-estandar);
		margin: 0px;
		padding: 0px;
		font-weight: normal;
	}
	
	#principal.inicio H1
	{ margin-bottom: 50px;}
	
	
	#principal > P:first-of-type
	{
		font-size: var(--texto-tam-titulo);
		text-align: left;
		font-weight: bold;
		margin-bottom: 0px;
	}
	
	#principal P
	{
		margin: 20px 0px 40px;
		text-align: justify;
		font-size: calc(var(--texto-tam-estandar)+0.1em);
		line-height: var(--interlineado-estandar);
	}
	
	#principal.centrado
	{
		display: grid;
		justify-content: center;
		left: unset;
		width: 50%;
	}
	#principal.centrado H1{font-size: var(--texto-tam-subtitulo); font-weight: bold;}
	#principal.centrado H1, #principal.centrado P
	{text-align: center;}
	#principal.centrado P
	{
		font-size: calc(var(--texto-tam-estandar)+0.1em);
		font-weight: normal; 
	}

	/*.contenedor_video VIDEO
	{
		min-width: 100%;
		min-height: 100%;
	}*/
	
	#contenido H2
	{
		line-height: var(--interlineado-estandar);
	}
	
	#contenido, #servicios
	{
		/*padding: 50px 25px;*/
		overflow: hidden;
	}

	#contenido A, #contenido SPAN {color: var(--color-acento); text-decoration: none;}
	#contenido A:hover, #contenido SPAN:hover {text-decoration: underline;}
	#contenido SPAN.titulo {display: block; font-size: 1.5em; text-decoration: none; font-weight: bold;margin: 24px 0;}
	
	#social_proof
	{
		filter: brightness(0) invert(1);
		
		position: absolute;
		bottom: 50px;
		right: 0px;
	}
	
	#social_proof IMG
	{ 
		max-width: 150px;max-height: 150px; 
		-webkit-filter: drop-shadow(0px 0px 42px #000);
		filter: drop-shadow(0px 0px 42px #000);
	}
	
	#social_proof IMG:first-of-type {margin-right: 50px;}
	
	.sobre_portada
	{
		position: absolute;
		/*width: fit-content;*/
		width: 40%;
		height: fit-content;
		
		/*left: 50%;
		top: 50%;
		margin-top: -50px;
		margin-left: -50px;*/
		
		color: var(--color-principal);
		text-align: justify;
	}
	
	.sobre_imagen
	{
		/*position: absolute;*/
		/*bottom: 0px;*/
		margin: 0px;
		padding: 0px;
		z-index: 2;
		color: var(--color-principal);
		width: 45%; /*Dos*/
		/*width: 80%;*/ /*Cuatro*/
	}
	
	.ancha .sobre_imagen 
	{
		position: absolute;
	}
	
	.ancha VIDEO {min-height: 100%; min-width: 100%; height: 100%; filter: brightness(0.8);}
	
	.boton
	{
		display: flex;
		align-items: center;
		/*margin: 0 auto;*/
		cursor: pointer;
		text-decoration: none !important;
		text-transform: uppercase;
		font-size: var(--texto-tam-estandar);
		font-weight: bold;
		padding: 15px 25px;
		width: fit-content;
		border: none;
		/*outline: 0px;*/
		color: var(--color-principal) !important;
		background-color: var(--color-acento);
		transition: 0.3s;
	}
	
	.boton.fantasma
	{
		background-color: transparent;
		border: 1px solid var(--color-acento);
		color: var(--color-acento) !important;
		font-weight: normal;
	}
	
	.boton .flecha
	{
		margin-right: 15px;
		transition: 1s;
		fill: var(--color-principal);
	}
	
	/*ESTRUCTURA*/
	/*
	.clase1.clase2 P | Elementos P dentro del elemento que tiene las clases "clase1" y "clase2".
	.clase1 .clase2 P | Elementos P dentro del elemento que tiene la clase "clase2" que a su vez está contenido en un elemento con clase "clase1".
	*/
	/**/
	
	
	.boton.volver svg:last-of-type 
	{
		margin-right: 0px;
		margin-left: 0px;
	}
	
	.boton:hover .flecha, .boton .volver:hover .flecha .izq
	{
		transform: translate3d(100%,0,0);
	}
	
	#contenedor_migas_pan
	{
		background-color: var(--color-secundario);
		padding: 25px;
	}
	
	#contenedor_migas_pan, #contenedor_migas_pan A, #contenedor_migas_pan .flecha
	{
		color: var(--color-texto-secundario);
		fill: var(--color-texto-secundario);
		text-decoration: none;
	}
	
	#migas_pan A:last-child
	{
		/*color: var(--color-acento);*/
		font-weight: bold;
	}
	
	.infoTrabajador DIV {margin: 15px 0;}
	
	.infoTrabajador SPAN {color: red !important; text-decoration: none !important;}
	
	.infoTrabajador > H2 SPAN:first-of-type {color: unset !important;}
		
	.infoTrabajador DIV:last-child {margin-bottom: unset;}
	
	.infoFilosofia {font-style: oblique;}
	
	#destacados H2
	{
		margin-top: 0px;
		margin-bottom: 50px;
		color: var(--color-acento);
		text-align: center;
	}
	
	#contenedor_destacados
	{
			display: inline-flex;
			align-items: center;
			text-align: center;
			vertical-align: middle;
			width: 100%;
			justify-content: space-between;
			overflow: hidden;
	}
	
	#contenedor_destacados > DIV
	{
		position: relative;
		max-width: var(--tamanio-destacados);
		max-height: var(--tamanio-destacados);
		min-width: var(--tamanio-destacados);
		min-height: var(--tamanio-destacados);
		overflow: hidden;
		border-radius: 50%;
		aspect-ratio: 1/1;
		
		text-align: center;
		background-color: var(--color-acento);
	}
	
	#contenedor_destacados IMG
	{
		width: 100%;
		height: 100%;
		filter: brightness(0.8);
	}
	
	#contenedor_destacados P
	{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0px;
		
		font-size: var(--texto-tam-subtitulo);
		color: var(--color-principal);
	}
	
	#servicios > DIV {margin-bottom: 30px;}
	
	#servicios H2
	{ font-size: var(--texto-tam-titulo); margin-top: 0px; margin-bottom: 20px;}
	
	#servicios P
	{margin: 0 0 30px; line-height: var(--interlineado-estandar);}
	
	
	#servicios .boton
	{
		background-color: transparent;
		color: var(--color-principal);
		border: 1px solid var(--color-principal);
		margin: 0 auto;
	}
	
	#servicios .boton.volver
	{
		border: 0px;
	}
	
	#servicios .flecha
	{ fill: var(--color-principal); }
	
	#servicios .flecha.izq
	{
		transform: rotate(180deg);
	}
	
	#servicios UL
	{
		/*position: relative;*/
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		/*cursor: pointer;*/
		/*border: 1px solid #00FF00;*/ /*VERDE*/
		/*align-items: center;*/
	}
	
	#servicios LI 
	{
		padding: 8px 0;
	}
	
	#servicios A 
	{
		color: var(--color-principal);
		text-decoration: none;
	}

	/*.filtro_imagenes_servicios
	{
		position: absolute;
		z-index: 1;
		opacity: 0.6;
		background-color: black;
		height: 100%;
		width: 100%;
	}*/
	
	#contenedor_organismos_y_empresas
	{
		background-color: var(--color-secundario);
		padding: 50px 0px;
	}
	
	#contenedor_subvencion_pyme_innova
	{
		background-color: white;
		padding: 50px 0;
	}		
	
	#contenedor_subvencion_pyme_innova P
	{
		font-size: var(--texto-tam-extrapequenio);
		color: var(--color-defecto-transparente);
		margin: 0 0 var(--interlineado-estandar-plus);
	}
	
	#sellos, #organismos_y_empresas, #subvencion_pyme_innova
	{
		display: flex;
		
		/*[EMP] 25/06/2025: Logos nueva subvención se cortaban */
		flex-wrap: wrap;
		justify-content: center;
		/*[EO]*/
		
		align-items: center;
		
		padding: 0px;
		/*filter: grayscale(100%);*/
		/*filter: brightness(0) invert(1);*/	
	}
	
	#subvencion_pyme_innova IMG:last-of-type
	{
		padding-top: 20px;
	}
	
	#sellos {justify-content: space-between;filter: invert(30%) sepia(0%) saturate(0%) hue-rotate(185deg) brightness(90%) contrast(40%)}
	
	#sellos IMG 
	{
		/*height: auto;*/
		/*max-height: 125px;
		max-width: 300px;*/
		max-height: 100px;
		max-width: 250px;
		/*vertical-align: top;*/
		/*margin-right: 100px;*/
		opacity: 0.5;
		transition: opacity 0.5s;
	}
	
	#sellos IMG:hover { opacity: 1;}
	
	.columnas.dos:before, .columnas.cuatro:before
	{
		content: "";
		background-color: black;
		opacity: 0.6;
		height: 100%;
		width: 100%;
		position: absolute;
		transition: background-color 0.35s ease,opacity 0.35s ease;
	}
	
	.columnas.dos:hover:before, .columnas.cuatro:hover:before
	{
		opacity: 0.5;
	}
	
	.columnas.normal 
	{
		/*display: flex; 
		justify-content: center; 
		vertical-align: middle; 
		align-items: center;
		height: var(--altura-estandar);*/ /*Comentado 251023*/
		
		/*26/06/24*//*max-height: var(--altura-estandar);*/
		width: 100%;
	}
	
	.columnas.normal.una
	{
		max-height: unset;
	}
	
	.columnas.normal .texto H2 {margin-top: 0px; margin-bottom: 50px; color: var(--color-acento);}
	.columnas.normal .texto P {margin-top: 0px; margin-bottom: 50px; text-align: justify;}
	.columnas.normal .texto P:last-child {margin-bottom: 0px;}
	.texto .boton {margin: 0 auto;}


	.columnas.normal IMG
	{min-width: 100%; width: -moz-available; width: -webkit-fill-available;}
	.columnas.normal .texto .logotipo
	{ 
		min-width: unset;
		width: unset;
		max-width: 300px;
		max-height: 45px;
		margin-bottom: var(--padding-estandar);
	}
	.columnas.normal:hover:before {opacity: unset;}
	.columnas.normal:before {content: unset; opacity: unset;}
	.columnas.normal .texto {padding: 15%; line-height: var(--interlineado-estandar);}
	.columnas.una.normal .texto {padding: 7%;}
	
	.texto.nopadding {padding: 0 !important;}
	
	#servicios .columnas
	{
		display: flex;
		justify-content: center;
		align-items: center;
		vertical-align: middle;
		text-align: center;
		min-height: var(--altura-estandar); /*Dos*/
		/*min-height: 500px;*/ /*Cuatro*/
	}
	
	
	.sobre_imagen UL
	{
		/*position: absolute;*/
		display: none;
		opacity: 0;
		transition: 2s;
		/*transform: translate3d(0,-20%,0);*/
	}
	
	/*.sobre_imagen:hover UL
	{
		display: block;
		opacity: 1;
	}*/
	
	#servicios IMG
	{ 
		width: 100%;
		/*filter: grayscale(100%);*/
		/*opacity: 0.6;
		transition: opacity 5s;*/
	}
	
	#servicios_incluidos {background-color: var(--color-secundario); color: var(--color-texto-secundario);}
	#contenido #servicios_incluidos:last-of-type {margin-bottom: 0;} /*Cuando el div #servicios_incluidos sea el último elemento de ese tipo*/
	#servicios_incluidos > SECTION {padding: 50px 0;}
	#servicios_incluidos > SECTION > UL
	{
		line-height: var(--interlineado-estandar-plus);
		padding-left: 30px;
		/*list-style: none;*/
		/* list-style-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='m1671,566q0,40 -28,68l-724,724l-136,136q-28,28 -68,28t-68,-28l-136,-136l-362,-362q-28,-28 -28,-68t28,-68l136,-136q28,-28 68,-28t68,28l294,295l656,-657q28,-28 68,-28t68,28l136,136q28,28 28,68z' fill='darkblue'/></svg>"); */
		list-style-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20License%3A%20MIT.%20Made%20by%20Gitlab%3A%20https%3A%2F%2Fgitlab.com%2Fgitlab-org%2Fgitlab-svgs%3Fref%3Diconduck.com%20--%3E%3Csvg%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.7071%2C4.29289%20C14.0976%2C4.68342%2014.0976%2C5.31658%2013.7071%2C5.70711%20L7.70711%2C11.7071%20C7.31658%2C12.0976%206.68342%2C12.0976%206.29289%2C11.7071%20L3.29289%2C8.70711%20C2.90237%2C8.31658%202.90237%2C7.68342%203.29289%2C7.29289%20C3.68342%2C6.90237%204.31658%2C6.90237%204.70711%2C7.29289%20L7%2C9.58579%20L12.2929%2C4.29289%20C12.6834%2C3.90237%2013.3166%2C3.90237%2013.7071%2C4.29289%20Z%22%2F%3E%3C%2Fsvg%3E");
	}
	
	#servicios_incluidos H2 {color: var(--color-acento);}
	#servicios_incluidos LI {padding-left: 8px;}
	
	#servicios_incluidos > SECTION > UL > LI:before
	{
		/*content: '';
		position: absolute;
		left: 0;
		top: 6px;
		width: 1em;
		height: 1em;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2315aabf' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'></path></svg>");
		*/	
	}

	#lista_informacion
	{
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}

	#lista_informacion FIGURE
	{ 
		margin: 35px 0px;
	}

	#lista_informacion FIGURE:first-of-type{ margin-top: 0px; }
	#lista_informacion FIGURE:last-of-type{ maring-bottom: 0px; }

	#lista_informacion FIGCAPTION
	{
		font-weight: bold;
		color: var(--color-acento);
		margin-bottom: 20px;
		font-size: var(--texto-tam-estandar-semi-plus);
	}

	#lista_informacion LI
	{	
		display: flex;
		margin: 20px 0px;
		align-items: center;
	}

	#lista_informacion LI:first-of-type {margin-top: 0px;}
	#lista_informacion LI:last-of-type {margin-bottom: 0px;}

	#lista_informacion .contenedor_icono
	{
		fill: var(--color-acento);
		margin-right: 15px;
	}
	
	#lista_informacion svg
	{
		width: 30px;
		height: 30px;
	}

	#lista_informacion A
	{
		color: var(--color-default);
		text-decoration: none;
		transition: 0.5s;
	}

	#lista_informacion A:hover, #lista_informacion A:active
	{
		color: var(--color-acento);
		text-decoration: underline;
	}


	#icono_whatsapp
	{
		position: fixed;
		bottom: 25px;
		z-index: 9999;
		right: 35px;
		transition: 2s;
		/*opacity: 0; //Descomentar para usar la función de mostrar el botón y ocultarlo según el scroll*/
	}
	
	#cookies
	{
		position: fixed;
		bottom: -200px;
		z-index: 12;
		width: 100%;
		
		/*transform: translate3d(0,-100%,0);*/
		transition: bottom 1s;
		
		background-color: var(--color-principal);
		font-size: var(--texto-tam-pequenio);
		text-align: center;
		padding: 25px;
	}

	#botones_cookies {display: inline-flex;}
	
	#cookies A {margin: 0px 15px;}
	#cookies A:first-of-type {margin-left: 0px;}
	#cookies A:last-of-type {margin-right: 0px;}
/******************************/
/******************************/
/******************************/
/*FOOTER*/
	#contenedor_informacion
	{ background-color: var(--color-acento); }
	
	#contenedor_pp_servicios
	{ background-color: var(--color-secundario); }
	
	#informacion
	{
		scroll-margin-top: 100px;
	}
	
	#informacion, #legal
	{ 
		padding: 50px 0px;
	}
	
	#informacion P, #informacion A 
	{font-size: var(--texto-tam-pequenio); color: var(--color-principal); line-height: var(--interlineado-estandar);}
	
	.contenedor_icono I
	{ 
		
		color: var(--color-principal);
		margin-bottom: 30px;
		font-size: var(--texto-tam-estandar-plus);
		/*
		display: flex;
		margin-right: 10px;
		*/
	}
	
	#informacion SVG
	{
		fill: var(--color-principal);
		height: 35px;
		width: 35px;
		margin-bottom: 10px;
	}

	#pp_servicios
	{
		padding: 75px 0px 0px;
		display: flex;
		justify-content: space-between;
	}
	
	/*REVIEWS GOOGLE*/
	#contenedor_opiniones
	{ 
		background-color: var(--color-secundario);
		overflow: hidden;
	}
	
	#opiniones
	{
		display: flex;
		column-gap: 75px;
		position: relative;
		align-items: center;
	}
	
	#controles
	{
		display: flex;
		position: absolute;
		z-index: 1;
		
		min-width: 100%;
		height: 100%;
		
		pointer-events: none;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}
	
	#control-izq, #control-der
	{
		pointer-events: auto; 
	}
	
	#controles .flecha
	{
		fill: #c1c1c1;
		width: 15px;
		margin: 10px;
		padding: 0px;
	}
	
	#lista_opiniones
	{
		display: block;
		visibility: hidden;
		margin-top: -81px; /*Altura cabecero.*/
		height: 81px; /*Altura cabecero.*/
	}
	
	.opinion
	{
		padding: 50px;
		min-width: 100%;
		margin: 75px auto;
		border-radius: var(--radio-defecto);
		background-color: var(--color-principal);
		transition: 1s;
		transform: translate3d(0px, 0px, 1px);
		height: fit-content;
	}
	.contenedor_imagen_perfil
	{
		display: flex;
		justify-content: center;
		align-items: center;
		
		min-width: 60px;
		width: 60px;
		height: 60px;
		
		border-radius: 60px;
		font-weight: bold;
		color: white;
	}
	.cabecero_opiniones{align-content: space-evenly; position: relative;}
	.perfil{display: flex; gap: 15px; width: fit-content;}
	.datos{}
	.nombre{font-weight: bold; margin-bottom: 5px;}
	.valoracion IMG{height: 18px; width: inherit;}
	.contenedor_imagen_google_reviews{position: absolute; right: 0; top: 0; overflow: hidden; width: fit-content;}
	.contenedor_imagen_google_reviews IMG{height: 30px; width: 30px;}
	.descripcion{margin: 15px auto 0; line-height: var(--interlineado-estandar);text-align: justify;}
	.descripcion SPAN{cursor: pointer; line-height: 35px; pointer-events: auto;}
	/*EO: REVIEWS GOOGLE*/
	
	#aviso
	{
		padding: 50px;
	}
	
	.aviso P
	{
		color: var(--color-texto-secundario);
		font-size: var(--texto-tam-extrapequenio);
		text-align: center;
	}
	
	#logo_y_rrss
	{
		display: flex;
		/* padding: 50px 0px; */
		padding: 25px 0px;
		justify-content: center;
		overflow: hidden;
	}
	
	#logo_y_rrss DIV:first-of-type
	{
		margin-right: 30px;
	}
	
	.rrss svg
	{
		/* width: 50px;
		height: 50px; */
		width: 35px;
		height: 35px;
		
		opacity: 0.6;
		fill: var(--color-texto-secundario);
		transition: 1s;
	}
	
	.rrss svg:hover, .rrss svg:active
	{
		opacity: 1;
	}

	#pp_servicios LI 
	{margin: 15px 0px;}

	#pp_servicios LI:first-of-type
	{margin-top: 0px;}

	#pp_servicios LI:last-of-type
	{margin-bottom: 0px;}

	#pp_servicios .encabezado
	{font-size: var(--texto-tam-estandar-plus); color: #444; font-weight: bold;}
	
	#pp_servicios P
	{
		margin-top: 0px;
	}


	#pp_servicios A, #legal A
	{color: var(--color-texto-secundario);}
	
	#pp_servicios A.activa
	{font-weight: bold;}
	
	#pp_servicios LI > A:hover, #legal A:hover
	{text-decoration: underline;}
	
	#pp_servicios .flecha
	{
		display: none;
	}
	
	#informacion UL, #legal UL
	{
		display: flex;
	}

	#informacion UL, #pp_servicios UL, #legal UL
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
		width: fit-content;
	}

	#informacion UL, #legal UL
	{text-align: center; margin: 0 auto;}

	#informacion LI, #legal LI
	{
		/*display: flex;
		float: left;*/
		padding: 0px 20px;
		align-items: center;
	}
	
	#informacion LI:first-of-type
	{ padding-left: 0px;}
	
	#informacion LI:last-of-type
	{ padding-right: 0px;}

	#informacion A, #pp_servicios A, #legal A
	{
		text-decoration: none;
	}
	
	#organismos_y_empresas {justify-content: space-evenly;}
	#organismos_y_empresas IMG, #subvencion_pyme_innova IMG {max-height: 100px;max-width: 300px; transform: scaleY(0.9) scaleX(0.9); opacity: 0.5; transition: opacity 0.5s;}
	#organismos_y_empresas IMG:hover, #subvencion_pyme_innova IMG:hover {
		/*transform: scaleY(1) scaleX(1); opacity: 1; transition: transform 0.5s, opacity 0.5s;*/
		opacity: 1;
	}

	#legal A
	{
		font-size: var(--texto-tam-pequenio);
	}

	#informacion IMG, #legal IMG
	{
		fill: var(--color-principal);
		max-height: 18px;
		max-width: 18px;
		vertical-align: middle;
	}
/******************************/
/******************************/
/******************************/