/* contenedor */
.container{
	padding: 0;
	margin: auto;
}
	.container > section:not(#slider-home){
		padding: 5dvh 5dvw;
	}

/*--=============================================*/
/*slider home*/
h1{
	font-size: 2.25em;
}
.slider-instancia h1{
	font-size: 2.75em;
}
#slider-home{
	display: block;
	width: 96%;
	max-width: 1440px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	border-radius: 50px;
	height: 550px;
}
	.slider{
		display: flex;
		width: 100%; /*100% x cada imagen*/
		aspect-ratio: 16/9;
		max-height: 75dvh;
		height: 550px;
		background: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0) 75%);
	}
		.slider-instancia{
			width: 100vw;
			height: 100%;
			display: grid;
			align-items: center;
			box-sizing: border-box;
			justify-items: left;
			padding: 0 5dvw;
		}
			.slider-instancia .slider-video{
				position: absolute;
				left: 0;
				z-index: -1;
			}
			.slider-logo img{
				width: 250px;
			}
			.slider-texto{
				grid-gap: 20px;
				display: grid;
				text-align: center;
				margin: auto;
			}
				.slider-texto h1,
				.slider-texto p{
					text-align: center;
				}
					.slider-texto h1{
						font-weight: 600;
					}
					.slider-texto h2,
					.slider-texto p{
						color: var(--blanco);
					}
					.slider-texto p{
						margin-bottom: 0;
						line-height: 1.3em;
						font-size: 16px;
						font-family: var(--outfit);
					}
					.slider-texto a{
						justify-self: center;
					}
						.slider-texto > a:hover{
							border-radius: 25px;
						}
					#img-1, #img-2, #img-3, #img-4, #img-5,
					#img-6, #img-7, #img-8, #img-9, #img-10{
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center;
					}
			.slider-video {
				display: grid;
				place-content: center;
			}
				.slider-video video{
					width: 100%;
					height: 550px;
				}
		.slider-btn{
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			font-size: 30px;
			font-weight: 700;
			font-family: monospace;
			text-align: center;
			cursor: pointer;
			font-family: var(--iconos);
			display: none;
		}
			#btn-left{
				left: 0;
				padding: 12px 10px;
				border-radius: 0 50px 50px 0;
			}
			#btn-right{
				right: 0;
				padding: 12px 10px;
				border-radius: 50px 0 0 50px;
			}
				#btn-left::before{
					content: 'navigate_before';
				}
				#btn-right::before{
					content: 'navigate_next';
				}

@media screen and (min-width: 776px) {
	h1{
		font-size: 2.75em;
	}
	#slider-home{
		height: auto;
	}
		.slider{
			height: auto;
		}
			.slider-video video{
				height: auto;
			}
			.slider-texto{
				margin: 0;
			}
				.slider-instancia .slider-texto h1,
				.slider-instancia .slider-texto p{
					text-align: left;
				}
				.slider-instancia .slider-texto a{
					justify-self: left;
				}
}


/*--=============================================*/
/*Secciones*/
	body > section:not(#proyectos){
		margin: 40px auto;
		max-width: 1440px;
	}
	body section > h1{
		text-align: center;
		grid-column: 1/-1;
	}

/*--=============================================*/
/*Sección Nosotros con IA / Experiencias*/
#experiencias,
#nosotros-ia{
	margin: 40px auto;
	max-width: 1440px;
}
	.introduccion{
		margin: 0 auto 80px auto;
		font-size: 18px;
	}

		@media screen and (min-width:560px){
			.introduccion{
				margin: 0 auto 80px auto;
				font-size: 24px;
			}
		}

	hr{
		border-bottom: solid 3px var(--gris-230);
		margin-bottom: 80px;
	}

	#experiencias > h2,
	#proyectos > h2{
		text-align: center;
	}
	#experiencias > article,
	#proyectos > article{
		border-radius: 50px;
		margin: 40px 0;
	}

	#experiencias > div,
	#proyectos > div{
		text-align: center;
	}

	#nosotros-ia article{
		position: relative;
		animation-name: show;
		animation-fill-mode: both;
		view-timeline-name: --articulo;
		view-timeline-axis: block;
		animation-timeline: --articulo;
		animation-range: entry 0% cover 35%;
	}

		@keyframes show {
			from{
				opacity: 0;
				left: -200px;
			}
			to{
				opacity: 1;
				left: 0;
			}
		}

		#experiencias > div .ver_experiencias,
		#proyectos > div .ver_experiencias{
			margin-top: 10px;
			padding-right: 35px;
		}
			#experiencias > div .ver_experiencias::after,
			#proyectos > div .ver_experiencias::after{
				font-family: var(--iconos);
				content: 'navigate_next';
				position: absolute;
				font-size: 1.4em;
				display: inline-block;
				transition: all .2s ease;
			}
				#experiencias > div .ver_experiencias:hover::after,
				#proyectos > div .ver_experiencias:hover::after{
					transform: scale(1.4);
				}
		#experiencias > article article,
		#proyectos > article article{
			align-content: center;
		}
			#experiencias > article article .logo,
			#proyectos > article article .logo{
				height: 35px;
				margin-bottom: 5px;
				opacity: .5;
			}
			#experiencias > article article time,
			#proyectos > article article time{
				color:var(--gris-110);
			}
	#experiencias article > div:not(.modal-overlay),
	#proyectos article > div:not(.modal-overlay),
	#nosotros-ia > div:not(.modal-overlay){
		display: grid;
		width: 100%;
		grid-gap: 30px;
		place-content: center;
	}
		#experiencias article > div:not(:last-of-type),
		#proyectos article > div:not(:last-of-type){
			margin-bottom: 30px;
		}
		#nosotros-ia > div:not(:last-of-type){
			margin: 30px 0;
			align-items: center;
		}
				#nosotros-ia > div:nth-child(odd) article:nth-of-type(1){
					order: 2;
				}
				#nosotros-ia > div:nth-child(odd) article:nth-of-type(2){
					order: 1;
				}
		#experiencias article > div{
			grid-template-columns: 1fr;
		}
			#experiencias article label.btn-primario,
			#proyectos article label.btn-primario{
				margin-top: 15px;
				position: relative;
			}
				#experiencias article label.btn-primario::before,
				#proyectos article label.btn-primario::before{
					font-family: var(--iconos);
					content: 'coffee';
					margin-right: 5px;
					font-weight: 300;
					font-size: 1.2em;
					position: relative;
					top: 2px;
					display: inline-block;
					transition: all .2s ease;
				}
				#experiencias article label.btn-primario:hover::before,
				#proyectos article label.btn-primario:hover::before{
					transform: scale(1.2);
					color: var(--terciario-mas-c-2);
				}
			.contenedor-img.galeria{
				grid-column: 1/-1;
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				grid-gap: 10px;
			}
		article > div:nth-child(even){
			grid-template-columns: 1fr;
		}
		article > div:nth-child(odd){
			grid-template-columns: 1fr;
		}
			article > div:nth-child(odd) .contenedor-img{
				order: 2;
			}
			article > div article img:not(.logo),
			article > div article video,
			div article img:not(.logo),
			div article video{
				width: 100%;
				transition: all .7s ease;
				display: grid;
			}
			div article.contenedor-img {
				border-radius: 25px;
				overflow: hidden;
			}
				div article.contenedor-img:hover img,
				div article.contenedor-img:hover video{
					transform: scale(1.05);
				}


  /* Fondo del modal */
	.modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .9);
		display: none;
		align-items: center;
		justify-content: center;
		z-index: 10000;
	}
	.modal-content {
		background: white;
		padding: 2rem;
		border-radius: 10px;
		max-width: 1080px;
		text-align: left;
		max-height: 85dvh;
		overflow-y: auto;
		margin-top: 20px;
		scrollbar-width: thin;
  		scrollbar-color: var(--principal) var(--blanco);
	}
	input[id*="modal_toggle"]:checked ~ .modal-overlay {
		display: flex;
	}
		.close-button {
			font-size: 40px;
			display: grid;
			place-items: center;
			cursor: pointer;
			z-index: 10000;
			background-color: rgba(0,0,0,.25);
			border-radius: 25px;
			width: 100px;
			height: 100px;
		}
			.close-button::after {
				font-family: var(--iconos);
				content: 'close';

			}


@media screen and (min-width: 776px) {
		#experiencias article > div:nth-child(even),
		#proyectos article > div:nth-child(even),
		#nosotros-ia > div:nth-child(even){
			grid-template-columns: .5fr 1fr;
			text-align: right;
			align-items: center;
		}
		#experiencias article > div:nth-child(odd),
		#proyectos article > div:nth-child(odd),
		#nosotros-ia > div:nth-child(odd){
			grid-template-columns: 1fr .5fr;
			align-items: center;
		}
			#experiencias article > div:nth-child(odd) article.contenedor-img,
			#proyectos article > div:nth-child(odd) article.contenedor-img,
			#nosotros-ia > div:nth-child(odd) article.contenedor-img{
				order: 1;
			}
			#experiencias article > div:nth-child(odd) article:last-of-type,
			#proyectos article > div:nth-child(odd) article:last-of-type,
			#nosotros-ia > div:nth-child(odd) article:last-of-type{
				order: 2;
			}
				#nosotros-ia > div:nth-child(odd) article:nth-of-type(1){
					order: 1;
				}
				#nosotros-ia > div:nth-child(odd) article:nth-of-type(2){
					order: 2;
				}
		#experiencias article > div{
			grid-template-columns: 1fr 0.5fr;
		}

		.modal-content {
			margin-top: 0;
			max-height: 90dvh;
		}
}



/*--=============================================*/
/*Sección carreras y cursos*/
.productos {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 30px;
	text-align: left;
}
	.productos > div{
		grid-column: 1/-1;
	}
		.productos > div h2{
			grid-row: 15px;
			position: relative;
			line-height: 1.2em;
		}
		.productos > div h4{
			margin-bottom: 7px;
		}
		.productos > div p{
			font-weight: 400;
			margin-bottom: 10px;
		}
	.productos article{
		border-radius: 10px 10px 50px 50px;
		transition: all .3s ease;
		position: relative;
		display: grid;
		grid-template-rows: auto;
		box-sizing: border-box;
		overflow: hidden;
	}
		.productos article:hover{
			box-shadow: 0 0 15px rgba(0,0,0,.75);
		}
		.productos article img{
			width: 100%;
			height: auto;
		}
		/*categorias*/
			.productos article .categoria:hover{
				padding: 4px 12px 4px 8px;
			}
			.productos article > div{
				position: absolute;
			}
				.productos article > div:nth-child(1){top: 10px}
				.productos article > div:nth-child(2){top: 40px}
				.productos article > div:nth-child(3){top: 70px}
				.productos article > div:nth-child(4){top: 100px}
				.productos article > div:nth-child(5){top: 130px}
				.productos article > div:nth-child(6){top: 160px}

				.productos article [class*="etiqueta"]{
					padding: 4px 8px;
					border-radius: 0 25px 25px 0;
					border-left: 0;
					transition: all .2s ease;
					font-size: 0;
					font-weight: 700;
					display: flex;
					align-items: center;
					align-content: center;
					color: var(--blanco);
				}

				.productos article .etiqueta-carrera{background: var(--principal);}
				.productos article .etiqueta-diplomatura{background: var(--secundario);}
				.productos article .etiqueta-curso{background: var(--terciario-o);}
				.productos article .etiqueta-nuevo-curso{background: var(--verde);}
				.productos article .etiqueta-destacado{background: var(--violeta);}
				.productos article .etiqueta-doble-certificacion{background: var(--amarillo);}
				.productos article .etiqueta-nuevo-inicio{background: var(--rojo);}
				.productos article .etiqueta-promo{background: var(--naranja);}

					.productos article:hover .etiqueta-carrera{background: var(--principal-mas-o);}
					.productos article:hover .etiqueta-diplomatura{background: var(--secundario-mas-o);}
					.productos article:hover .etiqueta-curso{background: var(--terciario-mas-o);}
					.productos article:hover .etiqueta-nuevo-curso{background: var(--verde-mas-o);}
					.productos article:hover .etiqueta-destacado{background: var(--violeta-mas-o);}	
					.productos article:hover .etiqueta-doble-certificacion{background: var(--amarillo-mas-o);}
					.productos article:hover .etiqueta-promo{background-color: var(--rojo-mas-o);}
					.productos article:hover .etiqueta-nuevo-inicio{background-color: var(--naranja-mas-o);}

					.productos article [class*="etiqueta"]::before{
						font-family: var(--iconos) !important;
						font-size: 19px;
						margin-right: 5px;
						display: inline-block;
						position: relative;
						top: 1px;
						font-weight: 400;
						transition: all .2s ease;
						color: var(--blanco);
					}

					.productos article .etiqueta-carrera::before{content: 'bolt';}
					.productos article .etiqueta-diplomatura::before{content: 'eco';}
					.productos article .etiqueta-curso::before{content: 'eco';}
					.productos article .etiqueta-nuevo-curso::before{content: 'fiber_new';}
					.productos article .etiqueta-destacado::before{content: 'star';}
					.productos article .etiqueta-doble-certificacion::before{content: 'verified_user';}
					.productos article .etiqueta-nuevo-inicio::before{content: 'event';}
					.productos article .etiqueta-promo::before{content: 'shopping_bag';}

						.productos article div[class*="etiqueta"]::after{
							font-family: var(--outfit);
							letter-spacing: .025em;
							font-weight: 700;
							font-size: 0;
							display: inline-block;
							opacity: 0;
							top: -4px;
							transition-property: font-size;
							-o-transition-property: font-size;
							-moz-transition-property: font-size;
							transition-duration: .2s;
							transition-timing-function: ease;
							color: var(--blanco);
						}

						.productos article .etiqueta-carrera::after{content: 'Carrera oficial';}
						.productos article .etiqueta-diplomatura::after{content: 'Diplomatura';}
						.productos article .etiqueta-curso::after{content: 'Curso';}
						.productos article .etiqueta-nuevo-curso::after{content: 'Nueva capacitación';}
						.productos article .etiqueta-destacado::after{content: 'Destacado';}
						.productos article .etiqueta-doble-certificacion::after{content: 'Doble certificación';}
						.productos article .etiqueta-nuevo-inicio::after{content: 'Nuevo inicio';}
						.productos article .etiqueta-promo::after{content: 'Promo';}

							.productos article:hover div[class*="etiqueta"]::after{
								opacity: 1;
								font-size: 13px;
							}

			.productos article .unidad-academica{
				position: absolute;
				right: 7px;
				top: 7px;
				display: grid;
				place-content: center;
				padding: 5px 12px 5px 12px;
				border-radius: 5px;
				transition: all .2s ease;
				opacity: 0;
			}
					.productos article:hover .unidad-academica{
						opacity: 1;
						border-radius: 25px;
					}
				.productos article .unidad-academica.issd{background: var(--issd-o);}
				.productos article .unidad-academica.asd{background: var(--asd-o);}
				.productos article .unidad-academica.cesd{background: var(--cesd-o);}
				.productos article .unidad-academica.promptia{background: var(--principal);}
				.productos article .unidad-academica.issd,
				.productos article .unidad-academica.asd,
				.productos article .unidad-academica.cesd,
				.productos article .unidad-academica.promptia{background: var(--blanco);}

				.productos article .unidad-academica img{
					height: 20px;
					width: auto;
					transition: all .2s ease;
				}
					.productos article .unidad-academica:hover{
						text-shadow: none;
					}

		.productos article section{
			padding: 20px 25px 25px 25px;
		}
			.productos article section h3{
				text-transform: none;
			}
				.productos article section ul{
					margin-bottom: 20px;
				}
					.productos article section ul li{
						display: inline-block;
						font-size: 14px;
					}
						.productos article > section > ul li:nth-of-type(1){
							margin-right: 8px;
						}
						.productos article section ul li::before{
							margin-right: 4px;
							font-family: var(--iconos);
							position: relative;
							top: 2px;
						}
						.productos article section ul li:nth-of-type(1)::before{
							content:'devices';
						}
						.productos article section ul li:nth-of-type(2)::before{
							content:'watch_later';
						}
					.productos article section > div{
						display: grid;
						grid-template-columns: repeat(2, 1fr);
						grid-gap: 10px;
						justify-items: start;
						align-items: center;
					}
					/*boton whatsapp > tarjeta */
					section.limitador{
						width: 100%;
						overflow: hidden;
						cursor: pointer;
						padding: 0 !important;
					}
						section.limitador ul{
							list-style-type: none;
							display        : flex;
							width          : 400%;
							animation      : tres-numeros 5s infinite;
							margin-bottom: 0 !important;
						}   
							@keyframes tres-numeros {
								0%{margin-left: 0;}
								33.33%{margin-left: 0;}
					
								33.34%{margin-left: -100%;}
								66.66%{margin-left: -100%;}
								
								66.67%{margin-left: -200%;}
								99.99%{margin-left: -200%;}
					
								100%{margin-left: -200%;}
								100%{margin-left: -200%;}
							}
							@keyframes cuatro-numeros {
								0%{margin-left: 0;}
								25%{margin-left: 0;}

								25.01%{margin-left: -100%;}
								50%{margin-left: -100%;}
								
								50.01%{margin-left: -200%;}
								75%{margin-left: -200%;}

								75.01%{margin-left: -300%;}
								99.99%{margin-left: -300%;}

								100%{margin-left: -300%;}
								100%{margin-left: -300%;}
							}
							section.limitador ul li {
								width  : 100%;
								display: block;
							}
								section.limitador ul li::before {
									content: none !important;
								}
							section.limitador:hover .whatsapp {
								border-radius: 25px;
							}
								.whatsapp{
									width      : 100%;   
									padding    : 9px 0 13px 0;
									text-align : center;
									transition : all .2s ease;
									font-weight: bold;
									border-radius: 10px;
									font-size: 15px;
									font-weight: 400;
								}
									.whatsapp:hover{
										cursor: pointer;
									}
										.whatsapp::before{
											font-family: 'iconos';
											content: "\ea93";
											font-size: 1.1em;
											margin-right: 7px;
											position: relative;
											top: 2px;
										}
						.productos article section > div > a{
							border-radius: 10px;
							border: none;
							padding: 5px 0 10px 0;
							line-height: 1.7em;
							font-weight: 600;
							font-size: 15px;
							position: relative;
							width: 100%;
							text-align: center;
							transition: all .3s ease;
						}
							.productos article section > div > a:hover{
								border-radius: 50px;
							}
							.slider-instancia a.btn-primario-outline::before,
							.productos article section > div > a::before{
								content: 'add';
								font-family: var(--iconos);
								margin-right: 4px;
								font-weight: 500;
								position: relative;
								display: inline-block;
								transition: all .4s ease;
							}
								.slider-instancia a.btn-primario-outline::before{
									top: 2px;
								}
								.productos article section > div > a::before{
									top: 6px;
									font-size: 1.5em;
								}
								.slider-instancia a.btn-primario-outline:hover::before{
									transform: scale(1.5) rotate(90deg);
								}
								.productos article section > div > a:hover::before{
									transform: scale(1.3) rotate(90deg);
									color: var(--terciario-mas-c-2);
								}

/*Sección videos*/
#seccion-videos{
	display: grid;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	grid-template-columns: repeat(1, 1fr);
	text-align: left;
	background-color: var(--blanco);
	grid-gap: 20px 40px;
}
	@media screen and (min-width: 560px) {
		#seccion-videos{
			padding: 20px;
		}
	}
	.contenedor-videos {
		position: relative;
		display: grid;
		align-items: center;
		width: 100%;
		max-width: 1360px;
		margin: 0 auto;
	}
		.contenedor-videos h2{
			grid-column: 1/-1;
		}
		.carrucel-videos {
			display: flex;
			overflow-x: hidden;
			scroll-snap-type: x mandatory;
			scroll-behavior: smooth;
			flex-grow: 1;
			width: 100%;
			justify-self: center;
			grid-gap: 30px;
		}
			.video {
				flex: 0 0 auto;
				scroll-snap-align: start;
				position: relative;
				cursor: pointer;
			}
				.video-thumbnail {
					width: 300px;
					height: auto;
					aspect-ratio: 9/16;
					background-size: 100%;
					background-position: center;
					border-radius: 25px;
					position: relative;
					transition: all .3s ease;
				}
					.video-thumbnail:hover {
						box-shadow: 1px 3px 12px rgba(0,0,0,.25);
						border-radius: 50px;
						background-size: 105%;
					}
				.play-button {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					background: var(--negro-oscuro);
					border: none;
					padding: 17px 18px;
					border-radius: 50px;
					cursor: pointer;
				}
					.play-button > span::before{
						font-family: var(--iconos);
						font-size: 24px;
						color: var(--blanco);
						content: 'play_arrow';
						display: block;
					}
				
				.prev-btn, .next-btn {
					background-color: rgba(0,0,0,.75);
					color: white;
					border: none;
					padding: 24px 10px;
					cursor: pointer;
					position: absolute;
					height: 50%;
					z-index: 1;
					transition: all .3s ease;
					opacity: 0;
					border: solid 1px transparent;
				}
					.prev-btn:hover,
					.next-btn:hover {
						opacity: 1;
						height: 90%;
						padding: 24px 10px;
					}
					.prev-btn {
						left: 0;
						border-radius: 0 50px 50px 0;

					}
					.next-btn {
						right: 0;
						border-radius: 50px 0 0 50px;

					}
						.prev-btn span::before,
						.next-btn span::before {
							font-family: var(--iconos);
							font-size: 3em;
							color: var(--blanco);
						}
						.prev-btn span::before{
							content: 'navigate_before';
						}
						.next-btn span::before {
							content: 'navigate_next';
						}
					.carrucel-videos::-webkit-scrollbar {
						display: none;
					}
	

/* ======================================= */

/* Sección Grupo Educativo Santo Domingo */

#faq h1{
	margin-bottom: 15px;
}
details {
  border-radius: 25px;
  box-shadow: 0	0 3px rgba(0,0,0,.25);
  position: relative;
  transition: all .5s ease;
  padding: 2dvh 2dvw;
  max-width: 760px;
  margin: 0 auto 15px auto;
}
	details:hover {
		border-radius: 50px;
		box-shadow: 0 0 8px rgba(0,0,0,.5);
	}
	details .contenido-details,
	details[open] .contenido-details{
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 10px 20px;
	}
	details h2,
	details[open] h2{
		margin-bottom: 15px;
		text-align: left;
	}
	details a.btn-primario::before{
		font-family: var(--iconos);
		content: 'pageview';
		font-size: 1.2em;
		font-weight: 300;
		display: inline-block;
		position: relative;
		top: 3px;
		margin-right: 5px;
		transition: all .2s ease;
	}
		details a.btn-primario:hover::before{
			transform: scale(1.2);
			color: var(--terciario-mas-c-2);
		}
		img.logo-unidad{
			width: 220px;
			display: grid;
			grid-column: 1/-1;
			margin: 15px 0;
		}
		.contenido-details iframe{
			width: 100%;
			max-width: 960px;
			aspect-ratio: 16/9;
			grid-column: 1/-1;
			margin: 0 auto;
		}
		.galeria,
		.galeria-details{
			display: grid;
			grid-template-columns: 1fr;
			grid-gap: 20px;
			margin: 25px 0;
		}
			.galeria .contenedor-img,
			.galeria-details .contenedor-img {
				overflow: hidden;
				border-radius: 25px;
				height: calc(100% - 10px);
				aspect-ratio: 16/9;
			}
				.galeria .contenedor-img img,
				.galeria .contenedor-img video,
				.galeria-details .contenedor-img img,
				.galeria-details .contenedor-img video{
					width: 100%;
					transition: all .5s ease;
				}
					.galeria .contenedor-img:hover img,
					.galeria .contenedor-img:hover video,
					.galeria-details .contenedor-img:hover img,
					.galeria-details .contenedor-img:hover video{
						transform: scale(1.05);
					}
		summary {
			font-size: 20px;
			font-weight: 400;
			cursor: pointer;
			padding: 10px 0;
		}
			summary::after {
				font-family: var(--iconos);
				display: block;
				content: '+';
				position: absolute;
				right: 25px;
				top: 1.4dvh;
				font-size: 40px;
				color: var(--principal);
				transition: all .2s ease;
				font-weight: 300;
			}
				details:hover summary{
					color: var(--principal);
				}
				details:hover summary::after{
					transform: rotate(90deg);
					color: var(--secundario);
				}
	details[open] {
		padding: 2dvh 4dvw;
		grid-gap: 20px;
		max-width: 1080px;
	}
		details[open] summary{
			border-bottom: solid 1px rgba(0,0,0,.25);
			margin-bottom: 10px;
		}
		details[open]:hover {
			border-radius: 25px;
		}

@media screen and (min-width: 776px){
	img.logo-unidad{
		width: 250px;
	}
	details .contenido-details,
	details[open] .contenido-details{
		grid-template-columns: .75fr 1fr;
	}
	.galeria,
	.galeria-details{
		grid-template-columns: repeat(2, 1fr);
	}
}

/*Footer*/
footer{
    width: 100%;
    padding: 70px 0;
    display: grid;
    grid-gap: 20px;
    place-content: center;
	text-align: center;
}
    footer img{
        width: 250px;
    }
    footer p{
        color: var(---blanco);
		font-weight: 300;
		font-size: 14px;
    }

/*Paginas internas - Proyectos*/
#proyectos > section{
	margin: auto;
	padding: 25px 2dvw;
}
#proyectos > section > article{
	margin: 0 auto;
	max-width: 1440px;
}
	#proyectos > h1{
		margin-top: 5dvh;
	}
	#proyectos > section:not(:first-of-type) > article{
		margin: 40px auto;
		padding: 5dvh 5dvw;
	}
	#proyectos > section:first-of-type > article{
		padding: 0 5dvw 5dvh 5dvw;
	}
	#proyectos > section:nth-of-type(even){
		background: var(--principal-mas-c-2);
	}
	#proyectos video{
		aspect-ratio: 16/9;
	}

/*Animaciones*/
	.reveal{
		-webkit-mask: linear-gradient(#000 0 0) left / 0% 100% no-repeat;
		mask: linear-gradient(#000 0 0) left / 0% 100% no-repeat;
		animation: destapar 3.5s ease forwards;
	}

		@keyframes destapar{
			to{
				-webkit-mask-size: 100% 100%;
						mask-size: 100% 100%;
			}
		}

/*========================*/
/*Section Promptia*/
#section-promptia {
	display: none !important;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 30px;
	text-align: left;
}