/*---- 1. Cambios de color ----*/
::selection {
    background: var(--principal-mas-c-2);
    color: var(--principal-mas-o);
	text-shadow: none;
}
	/* Firefox */
	*::-moz-selection {
		background: var(--principal-mas-c-2);
		color: var(--principal-mas-o);
		text-shadow: none;
	}
/*---- Generales Tipografías ----*/
h1{color:var(--negro-oscuro);}
h2, h3{color:var(--negro-oscuro);}
	h2::before{color: var(--principal-c);}
h4{color: var(--principal);}
	.portada h4{color: var(--blanco); text-shadow: 0 1px 2px rgba(0,0,0,.7);}
h5{color: var(--blanco);}
h6{color: var(--principal);}
p, li{color: var(--gris-50);}
blockquote{color: var(--gris-110);}

/*---- Botones y enlaces ---*/
a{
	color: var(--principal);
}
	a:hover{
		color: var(--principal-mas-o);
		text-decoration: underline var(--principal-mas-c);
	}
	a.link-primario{
		color: var(--principal);
	}
		a.link-primario:hover{
			color: var(--principal-o);
			text-decoration: underline var(--principal-mas-c);
		}
	a.link-secundario{
		color: var(--verde-mas-c-2);
	}
		a.link-secundario:hover{
			color: var(--verde-mas-c-2);
			text-decoration: underline var(--verde-mas-c);
		}
	a.link-terciario{
		color: var(--principal-mas-c);
	}
		a.link-terciario:hover{
			color: var(--principal-mas-c-2);
			text-decoration: underline var(--principal-mas-c);
		}
			/* Botones de pago */
			.mercadopago-button{
				color: transparent !important;
				background: var(--verde) !important;
			}
				.mercadopago-button:hover{
					background: var(--verde-o) !important;
				}
				.mercadopago-button::after{
					color: var(--blanco);
					text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
				}
			/* Boton slider*/
			.slider-btn{
				background: rgba(0,0,0,.5);
				color: var(--blanco);
			}
			/*Contenido copiado*/
			button.btn-copiar {
				background: var(--blanco);
				box-shadow: 0 1px 2px rgba(0,0,0,.25);
			}
				button.btn-copiar:hover::after{
					color: var(--gris-130);
				}
				button.btn-copiar::before {
					color: var(--principal-c);
				}
					button.btn-copiar:hover::before {
						color: var(--principal);
					}
				.btn-copiar.copiado::before {
					color: var(--verde-o);
				}
				.btn-copiar.copiado::after {
					color: var(--gris-130);
				}
			.contenido-copiado {
				background: white;
				border: 1px solid #ccc;
				box-shadow: 0 0 12px rgba(0, 0, 0, .15);
			}
				.contenido-copiado p{
					color: var(--gris-30);
				}
				.contenido-copiado p::before{
					color: var(--verde);
				}
/*----- Íconos ----*/
.icon-info::before {
	color: var(--naranja);
}

/*----- Popups ----*/
.popup {
	background-color: var(--blanco);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
.backdrop {
	background-color: rgba(0, 0, 0, .35);
  }
	.popup-content p {
		color: var(--gris-70);
	}
	.close-button {
		color: var(--terciario-mas-c);
	}
		.close-button:hover {
			color: var(--terciario-c);
		}
	.popup::after {
		background-color: var(--verde);
	}

/*---- Mensaje enviado / falta completar capcha ---- */
	#mensaje {
		background-color: var(--verde-mas-c);
		box-shadow: 2px 3px 4px rgba(0,0,0,.25);
	}
		#mensaje p{
			color: var(--gris-30);
		}
		#mensaje::after{
			background-color: var(--blanco);
		}
		.contenedor-alerta-captcha{
			background-color: var(--principal-o);
		}
			.contenedor-alerta-captcha::after {
				background-color: var(--verde-c);
			}
			.contenedor-alerta-captcha p{
				color: var(--blanco);
			}
			.contenedor-alerta-captcha a{
				color: var(--gris-30);
				background-color: var(--verde-mas-c);
			}
				.contenedor-alerta-captcha a:hover{
					color: var(--gris-10);
					background-color: var(--verde-mas-c-2);
				}  

/* Slider home */
	.slider-texto h1,
	.slider-texto p{
		color: var(--blanco);
	}
/*Sección carreras y cursos*/
	.productos h4{
		color: var(--gris-100);
	}
	.productos article{
		box-shadow: 0 0 8px rgba(0,0,0,.25);
		background: var(--blanco);
		
	}
	.productos.cursos{
		background: var(--degradado-issd);
	}
		.productos.cursos > div > h2{
			color: var(--verde-mas-c);
		}
		.productos.cursos > div > h4{
			color: var(--gris-230);
		}
		.productos.cursos > div > p{
			color: var(--blanco);
		}
					.productos article section ul li{
						color: var(--gris-100);
					}
					/*boton whatsapp - tarjeta home*/
					section.limitador:hover .whatsapp {
						background : var(--verde-o);
					}
						.whatsapp{
							background : var(--verde);
							color      : var(--blanco);
							text-shadow: 0 0 2px var(--verde-o);
						}
		#carreras #continuidad {
			border-top: 1px solid var(--blanco);
		}
			#carreras #continuidad h3{
				color: var(--principal-o);
			}
			#carreras #continuidad p{
				color: var(--gris-70);
			}
				#carreras #continuidad p > i{
					color: var(--principal-o);
				}
/*Seccion Certificacion*/
.certificacion{
	background: var(--blanco);
}
/* Seccion Contacto - Formulario */
.contenedor-contacto{
	background: var(--degradado-gris);
}
#contacto{
	background: var(--blanco);
	box-shadow: 0 0 8px rgba(10,10,30,.25);
}
	#contacto > article:first-of-type > span::before{
		color: var(--principal-c);
	}
	#formulario label{
		color: var(--gris-100);
		background-color: var(--blanco);
	}
		#formulario label span{
			color: var(--rojo);
		}
		#formulario input:disabled{
			color: rgba(0,0,0,0);
		}
			#formulario input:disabled ~ label{
				background: none;
				color: var(--gris-130);
			}
	#formulario select{
		color: var(--gris-130);
		border: solid 1px var(--principal-mas-c);
	}
	#formulario input,
	#formulario textarea{
		color: var(--gris-30);
		border: solid 1px var(--principal-mas-c);
	}
		#formulario select:focus,
		#formulario textarea:focus,
		#formulario input:focus{
			border: solid 2px var(--principal-c);
			box-sizing: border-box;
			outline: none;
		}
		#formulario input:-webkit-autofill,
		#formulario input:-webkit-autofill:active,
		#formulario input:-webkit-autofill:focus,
		#formulario input:-webkit-autofill:focus-visible,
		#formulario input:-webkit-autofill:hover{
			box-shadow: inset 0 0 0 30px #fff!important;
		}	
			select:valid,
			.success{
				border-color: var(--verde-c) !important;
			}
			.failure{
				border-color: var(--rojo-c) !important;
			}
				#formulario .failure ~ label{
					color: var(--rojo-o) !important;
				}
				/*Validación*/
				.requerido::before{
					color: var(--gris-130);
				}
					#formulario input:not(:placeholder-shown):valid ~ label{
						color: var(--verde);
					}
					#formulario input:not(:placeholder-shown):invalid ~ label{
						color: var(--rojo);
					}
						.requerido.campo-success::before{
							color: var(--verde);
						}
						.requerido.campo-failure::before{
							color: var(--rojo);
						}
							.numero-telefono .requerido.campo-failure::before{
								color: var(--rojo);
							}
							.requerido.mail.campo-failure::before{
								color: var(--rojo);
							}	  
							.requerido.campo-success::after {
								color: var(--verde);
							}							  
							.requerido.campo-failure::after {
								color: var(--rojo);
							}
			#formulario input:focus ~ label,
			#formulario select:focus ~ label,
			#formulario textarea:focus ~ label{
				color: var(--principal-c);
			}
		#formulario input::placeholder{
			color: var(--gris-210);
		}
		#formulario textarea::placeholder{ 
			color: var(--gris-130);
		}
		.select-contenedor::after{
			color: var(--verde);
		}
			.select-contenedor:hover::after{
				color: var(--verde);
			}
			.select-contenedor select{
				background: var(--blanco) !important;
			}
			.select-contenedor option:disabled{
				color: rgba(0,0,0,0);
				background: var(--blanco);
			}
				.select-contenedor select[name="curso"] option:nth-of-type(2){
					color: var(--principal-o);
					background-color: var(--principal-mas-c);
				}
				.select-contenedor select[name="curso"] option:nth-of-type(10){
					color: var(--verde-mas-o);
					background-color: var(--verde-mas-c-2);
				}
				.select-contenedor select[name="curso"] option:last-of-type{
					background-color: var(--gris-230);
				}
		#btn-form:disabled{
			background: var(--gris-170);
			color: var(--blanco);
		}
			#btn-form:disabled:hover{
				background: var(--gris-170);
				color: var(--blanco);
			}
	.politica-uso > p{
		color: var(--gris-130);
	}
/*Seccion Footer*/
.footer-contenido{
    background : var(--gris-30);
    color      : var(--blanco);
}
	.footer-contenido > div ul a{
		color: var(--blanco);
	}
		.footer-contenido > div ul a:hover{
			color: var(--principal-mas-c);
		}
	.footer-contenido > div ul li{
		color: var(--blanco);
	}
		.footer-contenido > div ul li::before{
			color: var(--principal-mas-c);
		}
.footer-contenido > div div{
	background: var(--principal-o);
}
	.footer-contenido > div div p{
		color: var(--blanco);
	}
	.footer-contenido > div div a,
	.footer-contenido > div div a:visited{
		color: var(--principal-mas-c);
	}
		.footer-contenido > div div a:hover{
			color: var(--principal-c);
		}
/*Seccion Trabaja con nosotros*/
#trabaja-nosotros{
	background: var(--blanco);
	box-shadow: 0 0 8px rgba(0,0,20,.25);
}
/* ======================================= */
/*---- 2. Paginas internas: Nosotros, Empresas y FAQ ----*/
.pagina-interna section{
	background: var(--degradado-issd);
}
	.pagina-interna section:first-of-type h2{
		color: var(--blanco);
		text-shadow: 0 0 4px rgba(0,0,0,.5);
	}
.pagina-interna article {
	/* border-bottom: 2px dotted var(--gris-230); */
}
	.pagina-interna article h3:not(:first-of-type){
		border-top: solid 1px var(--gris-230);
	}
		.pagina-interna article b{
			color: var(--principal);
		}
			.pagina-interna article ol li::marker{
				color: var(--principal-c);
			}
			.pagina-interna article .destacado,
			.pagina-interna article .destacado b{
				color: var(--principal-o);
			}
	.pagina-interna ul li::before{
		color: var(--verde);
	}
	/*medios de pago*/
	#medios-pago article a:hover span{
		color: var(--verde);
	}
	#medios-pago .mensaje{
		background: var(--blanco);
		box-shadow: 0 1px 4px rgba(0,0,0,.25);
	}
		#medios-pago .mensaje::before{
			border-bottom: 12px solid var(--verde-mas-c);
		}
	/*Gracias por confiar / Confirmación de pago*/
		#gracias-por-comprar > div{
			background: rgba(0,0,0,.65);
			background: var(--degradado-issd);
		}
		#gracias-por-comprar h1{
			color: var(--principal-mas-c);
		}
		#gracias-por-comprar h2{
			color: var(--blanco);
			text-shadow: 1px 2px 3px rgba(0,0,0,.5);
		}
	/*Preguntas frecuentes*/
	#preguntas-frecuentes article a::before{
		color: var(--principal-c);
	}
		#preguntas-frecuentes article a:hover::before{
			color: var(--principal-o);
		}
/* ======================================= */
/*---- 3. Landings ----*/
	.portada > div h1 span{background-color: var(--principal-mas-o);}
	/* -- Columna Izquierda --*/
	section.izq b {
		color: var(--principal);
	}
	section.izq article {
		border-bottom: 2px dotted var(--gris-230);
	}
		section.izq ul li a,
		section.izq ul li a:visited{
			color: var(--principal);
			}
			section.izq ul li a:hover{
				color: var(--principal-o);
				}
				section.izq article ul li::before,
				section#faq p::before{
					color: var(--principal-c);
				}
				section.izq  ul > ul li::before{
					color: var(--gris-100);
				}
	/* Contenidos en columnas */
	#plan-de-estudio .unidad-titulo{
		color: var(--principal);
	}
	/*Contenidos en acordeon*/
	#plan-de-estudio .acordeon .unidad-titulo{
		background: var(--blanco);
		border: 1px solid var(--gris-230);
	}
		#plan-de-estudio .acordeon .unidad-titulo::after{
		color:var(--principal-c);
		}
			#plan-de-estudio .acordeon .activo{
			border: solid 1px var(--principal-c);
			}
				#plan-de-estudio .acordeon .activo::after{
				color: var(--principal-c);
				}
			#plan-de-estudio .acordeon .unidad-titulo:hover{
			color: var(--principal-o);
			background: var(--blanco);
			}
			#plan-de-estudio .acordeon .unidad-titulo:hover::after{
			color:var(--principal);
			}
	#plan-de-estudio .acordeon a + ul{
		background: var(--blanco);
		border: 1px solid var(--gris-230);
	}	
	/*Seccion Estudiar en Santo Domingo*/
	#estudiar-sd div{
		background: var(--blanco);
		border: solid 1px var(--gris-230);
	}
	/* Seccion Galeria de fotos */
	#galeria section{
		background: var(--gris-230);
	}
		#galeria section div img{
			box-shadow: 1px 1px 4px rgba(0,0,0,.4);
		}
	/*Formulario*/
	form input[type=text], 
	input[type=email],
	form textarea{
		color: var(--principal);
	}
		form p.cod,
		form p.telefono{
			color: var(--gris-70);
		}
	/* -- Columna Derecha --*/
	.tarjeta-landing{
		background: var(--blanco);
		/* box-shadow: 0 0 6px var(--gris-210); */
		border: solid 1px var(--gris-230);
	}
		.tarjeta-landing .presencial a,
		.tarjeta-landing .presencial a:visited{
			color: var(--gris-100);
		}
			.tarjeta-landing .presencial a:hover{
				color: var(--principal-o);
			}
		.tarjeta-landing ul li::before{
			color: var(--principal-c);
		}
		#btn-promo ul{
			background-color: var(--principal);
		}
			#btn-promo ul li{
				color: var(--blanco);
				text-shadow: 0 1px 2px rgba(0,0,0,.35);
			}
				#btn-promo ul:hover li{
					background-color: transparent !important;
				}
			@keyframes rotar {
                0%{
                    margin-left: 0;
                    background: var(--verde);
                    transform: scale(1.1);
                }
                10%{
                    transform: scale(1);
                }
                30%{
                    margin-left: 0;
                    transform: scale(1);
                    background: var(--verde);
                }
                30.01%{
                    margin-left: -200%;
                    transform: scale(1.1);
                }
                40%{
                    transform: scale(1);
                    background: var(--principal);
                }
                100%{
                    margin-left: -200%;
                    transform: scale(1);
                    background: var(--principal);
                }
            }
		.tarjeta-landing .inversion h5.valor{
			color: var(--principal);
			}
				.tarjeta-landing .inversion .cuotas{
				color: var(--gris-50);
				}
/* ======================================= */
/*---- 4. Media ----*/	
@media screen and (min-width:560px){
	/*seccion certificacion*/
	.certificacion article > div:first-child{
		border-right: solid 3px var(--verde-mas-c);
	}
}
@media screen and (min-width:768px){
	/*submenu*/
	.menu nav div > .sub-menu::before{
		border-bottom: 12px solid var(--principal-mas-c) !important;
	}
}