.custom-colors a {
	color: #1e4f77 !important;
}

.experimentos .view-content {
	margin-top: 40px;
}

.experimentos .view-content .item-list h3 {
	font-size: 25px;
	margin-bottom: 40px;
}

.experimentos .view-content .views-field-title h4 {
	font-size: 19px;
}

.experimentos .view-content .views-field-field-descripcion-fnoche {
	border-left: 2px solid gray;
	padding-left: 3rem;
}

.experimentos .view-content .views-field-field-fechasfnoche li {
	margin: 0px;
}

.experimentos .view-content .field--name-field-logo-fnoche img {
	width: auto;
	max-height: 70px;
	max-width: 250px;
	margin-bottom: 1rem;
}

.experimentos.full .view-content .field--name-field-logo-fnoche img {
	margin-bottom: 0;
}

.experimentos .view-content .views-field {
	margin-bottom: 20px;

	&:last-child {
		margin-bottom: 0;
	}
}

.experimentos .view-content ul li:has(.views-field-title) {
	padding: 29px;
	border: 1px solid #d3d3d3;
	border-radius: 15px;
}

.experimentos.full .view-content ul li:has(.views-field-title) {
	padding: 20px;
}

.experimentos.completo .view-content ul li:has(.views-field-title) {
	margin-bottom: 35px;
}

.experimentos .view-content ul li .field-content p {
	margin: 10px 0;
}

.experimentos.grid .view-content .item-list ul:has(li .views-field-title) {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 29rem), 1fr));
	grid-auto-flow: dense;
	gap: 3.5rem;
	margin-bottom: 0;
}

.experimentos.grid .view-content>.item-list:not(last-child) {
	margin-bottom: 6rem;
}

.experimentos.full .view-content .views-field-title {
	margin-bottom: 20px;
}

.experimentos.full .view-content .views-field-field-instituto-fnoche .field--name-taxonomy-term-title p {
	line-height: 1;

	a {
		font-size: 1.4rem;
		color: #484848!important;
		position: relative;
		&:before{
			content: '';
			position: absolute;
			width: 25px;
			height: 1px;
			background-color: #484848;
			top: -10px;
			left: 0;
		}
	}
}

.experimentos.full .view-content .field--name-field-logo-fnoche img {
	max-width: 120px;
}

.experimentos.full .view-content .field--name-field-logo-fnoche img {
	max-width: 120px;
}

.experimentos.grid .view-content .views-field-field-fechasfnoche {
	position: relative;
}

.experimentos.grid .view-content .field--name-field-responsable-noche .field__label {
	font-weight: 500;
}

.experimentos.grid .view-content .views-field-field-fechasfnoche strong {
	font-weight: 500;
	padding: 0 0 0 26px;
}

.experimentos.grid .view-content .views-field-field-fechasfnoche:before {
	position: absolute;
	content: '';
	background-image: url('https://ucc.unizar.es/sites/ucc/files/archivos/noche-investigadores/2026/calendar_2.png');
	background-size: cover;
	width: 20px;
	height: 20px;
}

:root {
	--area-997: #e9474b;
	--area-1008: #5ec2d0;
	--area-1012: #6b55a0;
	--area-1019: #e9b145;
	--area-1023: #a5c950;
	--area-1028: #d45b9e;
}

.experimentos .view-content li.area-997 {
	--color-area-997: var(--area-997);
	border: 1px solid hsl(from var(--color-area-997) h s l);
	background-color: hsl(from var(--color-area-997) h s 98%);
	box-shadow: 0 12px 12px -8px hsl(from var(--color-area-997) h s l / .25);
}

.experimentos .view-content li.area-997 h4,
.experimentos .view-content li.area-997 h4 a {
	color: hsl(from var(--color-area-997) h s 20%);
}

.experimentos .view-content li.area-1008 {
	--color-area-1008: var(--area-1008);
	border: 1px solid hsl(from var(--color-area-1008) h s l);
	background-color: hsl(from var(--color-area-1008) h s 98%);
	box-shadow: 0 12px 12px -8px hsl(from var(--color-area-1008) h s l / .25);
}

.experimentos .view-content li.area-1008 h4,
.experimentos .view-content li.area-1008 h4 a {
	color: hsl(from var(--color-area-1008) h s 20%);
}

.experimentos .view-content li.area-1012 {
	--color-area-1012: var(--area-1012);
	border: 1px solid hsl(from var(--color-area-1012) h s l);
	background-color: hsl(from var(--color-area-1012) h s 98%);
	box-shadow: 0 12px 12px -8px hsl(from var(--color-area-1012) h s l / .25);
}

.experimentos .view-content li.area-1012 h4,
.experimentos .view-content li.area-1012 h4 a {
	color: hsl(from var(--color-area-1012) h s 20%);
}

.experimentos .view-content li.area-1019 {
	--color-area-1019: var(--area-1019);
	border: 1px solid hsl(from var(--color-area-1019) h s l);
	background-color: hsl(from var(--color-area-1019) h s 98%);
	box-shadow: 0 12px 12px -8px hsl(from var(--color-area-1019) h s l / .25);
}

.experimentos .view-content li.area-1019 h4,
.experimentos .view-content li.area-1019 h4 a {
	color: hsl(from var(--color-area-1019) h s 20%);
}

.experimentos .view-content li.area-1023 {
	--color-area-1023: var(--area-1023);
	border: 1px solid hsl(from var(--color-area-1023) h s l);
	background-color: hsl(from var(--color-area-1023) h s 98%);
	box-shadow: 0 12px 12px -8px hsl(from var(--color-area-1023) h s l / .25);
}

.experimentos .view-content li.area-1023 h4,
.experimentos .view-content li.area-1023 h4 a {
	color: hsl(from var(--color-area-1023) h s 20%);
}

.experimentos .view-content li.area-1028 {
	--color-area-1028: var(--area-1028);
	border: 1px solid hsl(from var(--color-area-1028) h s l);
	background-color: hsl(from var(--color-area-1028) h s 98%);
	box-shadow: 0 12px 12px -8px hsl(from var(--color-area-1028) h s l / .25);
}

.experimentos .view-content li.area-1028 h4,
.experimentos .view-content li.area-1028 h4 a {
	color: hsl(from var(--color-area-1028) h s 20%);
}

/* ficha experimento noche */

.page-node-type-ficha-experimento-noche {
	& .node--type-ficha-experimento-noche {
		display: flex;
		flex-wrap: wrap;
		margin: 6rem 0 5rem 0;
	}

	& .group-header {
		width: 100%;
		margin-bottom: 2rem;
	}

	& .group-left {
		width: 30%;

		& .group_detalle {}

		& fieldset {
			margin: 0;
			padding: 2rem;
			border-radius: 4px;
			border-color: #e7e7e7;
		}
	}

	& .group-right {
		flex: 1;
		border-left: 3px solid #d2d2d2;
		padding-left: 4rem;
		margin-left: 4rem;

		& h1 {
			margin-top: 2rem;
		}
	}

	& .group-left,
	.group-right {
		@media (max-width: 920px) {
			& {
				width: 100%;
				border-left: 0;
				padding-left: 0;
				margin-left: 0;
				margin-bottom: 2rem;
			}
		}

		@media print {
			& {
				width: 100%;
				margin-left: 0;
				padding-left: 0;
			}
		}
	}

	& .field {
		margin: 1.5rem 0;

		&:first-child {
			margin-top: 0;
		}

		&:last-child {
			margin-bottom: 0;
		}
	}

	& .field--name-field-participantesfnoche .layout__region--content {
		display: flex;

		.field--name-taxonomy-term-title {
			margin: 0;
		}

		.field--name-field-vinculo-fnoche {
			position: relative;
			padding-left: 10px;

			&:before {
				content: ",";
				position: absolute;
				left: 0;
			}
		}
	}

	& .field__label,
	& .field__item {
		margin-top: 0 !important;
	}

	& .field--name-field-areasfnoche {
		display: inline-block;
		padding: 5px 10px;
	}

	& .area-tid-997 {
		--color-area-997: var(--area-997);

		& .group-right {
			border-left: 3px solid hsl(from var(--color-area-997) h s l);
		}

		.field--name-field-areasfnoche {
			border: 1px solid hsl(from var(--color-area-997) h s l);
			background-color: hsl(from var(--color-area-997) h s 98%);
		}
	}

	& .area-tid-1008 {
		--color-area-1008: var(--area-1008);

		& .group-right {
			border-left: 3px solid hsl(from var(--color-area-1008) h s l);
		}

		.field--name-field-areasfnoche {
			border: 1px solid hsl(from var(--color-area-1008) h s l);
			background-color: hsl(from var(--color-area-1008) h s 98%);
		}
	}

	& .area-tid-1012 {
		--color-area-1012: var(--area-1012);

		& .group-right {
			border-left: 3px solid hsl(from var(--color-area-1012) h s l);
		}

		.field--name-field-areasfnoche {
			border: 1px solid hsl(from var(--color-area-1012) h s l);
			background-color: hsl(from var(--color-area-1012) h s 98%);
		}
	}

	& .area-tid-1019 {
		--color-area-1019: var(--area-1019);

		& .group-right {
			border-left: 3px solid hsl(from var(--color-area-1019) h s l);
		}

		.field--name-field-areasfnoche {

			border: 1px solid hsl(from var(--color-area-1019) h s l);
			background-color: hsl(from var(--color-area-1019) h s 98%);
		}
	}

	& .area-tid-1023 {
		--color-area-1023: var(--area-1023);

		& .group-right {
			border-left: 3px solid hsl(from var(--color-area-1023) h s l);
		}

		.field--name-field-areasfnoche {

			border: 1px solid hsl(from var(--color-area-1023) h s l);
			background-color: hsl(from var(--color-area-1023) h s 98%);
		}
	}

	& .area-tid-1028 {
		--color-area-1028: var(--area-1028);

		& .group-right {
			border-left: 3px solid hsl(from var(--color-area-1028) h s l);
		}

		.field--name-field-areasfnoche {

			border: 1px solid hsl(from var(--color-area-1028) h s l);
			background-color: hsl(from var(--color-area-1028) h s 98%);
		}
	}



	& .field--name-field-logo-fnoche img {
		width: 80%;
	}

}

/* eol ficha experimento noche */

/* custom breadcrumbs */

.breadcrumb {
	margin-top: -30px;
	margin-left: 0;
	padding-bottom: 6px;
	border-bottom: 1px dotted #d8d8d8;

	& li {
		font-size: 1.4rem;
		color: gray;

		&::before {
			content: "\205E";
			margin: 0 0.5rem;
		}

		& a {
			color: gray;

			&:hover {
				color: black;
				text-decoration: underline;
			}
		}
	}
}

/* eol custom breadcrumbs */


/* vista experimentos */

.view-gestionar-fichas-experimentos {
	padding: 50px 0 0 0;

	&.full {
		padding: 0;
	}

	.field--name-field-logo-fnoche img {
		width: 100%;
		max-width: 350px;
		margin-bottom: 17px;
		max-height: 150px;
		object-fit: contain;
		object-position: left;

	}
}


/* eol vista experimentos */


/* página modular */


.field__item:has(.monologos2026) {
	background: #fbf3f7;
}

.field__item:has(.rperez2026) .texto-imagen .texto-parrafo.bg-grey{
	background: #f6f6f6!important;
}

.field__item:has(.paseos2026) {
	
	&>.paragraph {
		background: linear-gradient(to bottom, rgba(238, 245, 251, 1) 0%, rgba(238, 245, 251, 1) 50%, transparent 50%, transparent 100%)!important;
		padding-top: 105px;
		padding-bottom: 150px;
		.field--name-field-cubos-texto > .field__item {
			border: 1px solid #056c97;
		}
	}
}

.field__item:has(.cc_cientificos) {
	background: #1b5f90;
	background: url(https://ucc.unizar.es/sites/ucc/files/archivos/noche-investigadores/2026/bg_cc_azul.png);
	    background-repeat: no-repeat;
    background-size: cover;

	&>.paragraph {
		padding: 105px 0px;
	}

	.texto-imagen {
		column-gap: 8rem;
	}

	.texto-imagen .imagen img {
		transform: rotate(-2deg);
	}
}

/* eol página modular */