/* SGEU */
			.bg-ext-azul{background:#273375;}
			.bg-ext-celeste{background:#5EB7E5;}
			.bg-ext-amarillo{background:#EFC123;}
			.bg-ext-naranja{background:#F18711;}
			.bg-ext-rojo{background:#DB3B1D;}
			.title-ext-azul{color:#273375;}
			.title-ext-celeste{color:#5EB7E5;}
			.title-ext-amarillo{color:#EFC123;}
			.title-ext-naranja{color:#F18711;}
			.title-ext-rojo{color:#DB3B1D;}
			/* Colores diferenciadores por categoría */
			.bg-cultura { background-color: #e8dff5; } /* Violeta pastel */
			.bg-idiomas { background-color: #dcf2f1; } /* Turquesa pastel */
			.bg-programas { background-color: #fff0d4; } /* Naranja pastel */
			.bg-capacitaciones { background-color: #d1e7dd; } /* Verde pastel */
			.bg-convocatorias { background-color: #f8d7da; } /* Rojo pastel (urgencia) */

			.section-title {
				margin-top: 2rem;
				margin-bottom: 2rem;
				text-align: center;
				font-weight: bold;
				color: #343a40;
			}
			/* UNNE */
			.bg-ibera{background:#1e579b;}
			.bg-iguazu{background:#5764c1;}
			.bg-rio-parana{background:#bce0f6;}
			.bg-atardecer{background:#f7cc89;}
			/* subtle */
			.bg-pypext-white-subtle {background:rgba(255,255,255, 0.1);}
			.bg-pypext-one-subtle {background:rgba(2,115,94, 0.1);}
			.bg-pypext-two-subtle {background:rgba(78,182,228, 0.1);}
			.bg-pypext-three-subtle {background:rgba(115,23,2, 0.1);}
			.bg-pypext-four-subtle {background:rgba(142,116,5, 0.1);}
			/* fin subtle */
			.text-pypext-one{color:#02735E;}
			.text-pypext-two{color:#4EB6E4;}
			.text-pypext-three{color:#731702;}
			.text-pypext-four{color:#F27405;}
			.text-ibera{color:#1e579b;}
			.text-azul-sgeu{color:#273375;}
			
			/*BTN - Convocatoria Activa*/
			.btn-active-call {
				background-color:#02735E;
				border-radius:28px;
				border:1px solid #02735E;
				display:inline-block;
				cursor:pointer;
				color:#f1f1f1;
				font-size:17px;
				padding:16px 31px;
				text-decoration:none;
				text-shadow:0px 1px 0px #1e569b;
			}
			.btn-active-call:hover {
				background-color:#025b4b;
				color:#ffffff;
			}
			.btn-active-call:active {
				position:relative;
				top:1px;
			}
			/* Nuevo intro SGEU 2026 */
			.parallax-bg {position: fixed;inset: 0;pointer-events: none;z-index: 0;overflow: hidden;}
			.shape {position: absolute;border-radius: 50%;opacity: 0.5;}
			/* circulo amarillo */
			.shape1 {width: 220px;height: 220px;border: 2px solid #fff;background: transparent;top: -50px;left: 260px;}
			/* aro rojo */
			.shape2 {width: 80px;height: 80px;border: 2px solid #fff;background: transparent;top: 60px;left: 150px;}
			.shape3 {width: 30px;height: 30px;border: 2px solid #fff;background: transparent;top: 100px;left: 180px;}
			/* circulo naranja */
			.shape4 {width: 110px;height: 110px;border: 2px solid #fff;background: transparent;top: 800px;right: 150px;}
			/* Circulos blancos - Izq Abajo*/
			.shape5 {width: 380px;height: 380px;border: 2px solid #fff;background: transparent;top: 750px;left: -100px;}
			.shape6 {width: 600px;height: 600px;border: 2px solid #fff;background: transparent;top: 650px;left: -200px;}
			/* Circulos blancos - Der Arriba*/
			.shape7 {width: 380px;height: 380px;border: 2px solid #fff;background: transparent;top: -150px;right: -140px;}
			.shape8 {width: 600px;height: 600px;border: 2px solid #fff;background: transparent;top: -250px;right: -240px;}
			section {position: relative;z-index: 1;}
			.intro-top {position: absolute;top: 0;left: 5%;z-index: -1;}
			
			/* ── Responsive mobile ── */
				@media (max-width: 768px) {
					/* Círculo amarillo: más pequeño y más adentro */
					.shape1 {width: 120px;height: 120px;border-width: 2px;top: -50px;left: -45px;}
					/* Aro rojo: reducido */
					.shape2 {width: 40px;height: 40px;border-width: 2px;top: 30px;left: 90px;}
					.shape3 {width: 20px;height: 20px;border-width: 2px;top: 80px;left: 40px;}
					/* Círculo naranja: más pequeño y reubicado */
					.shape4 {width: 120px;height: 120px;border-width: 2px;top: 500px;right: -45px;}
					/* Circulos blancos - Izq Abajo*/
					.shape5 {width: 180px;height: 180px;border: 2px solid #fff;top: 800px;left: -50px;}
					.shape6 {width: 300px;height: 300px;border: 2px solid #fff;top: 750px;left: -100px;}
					/* Circulos blancos - Der Arriba*/
					.shape7 {width: 180px;height: 180px;border: 2px solid #fff;top: -120px;right: -120px;}
					.shape8 {width: 300px;height: 300px;border: 2px solid #fff;top: -180px;right: -180px;}
					/* Imagen de fondo centrada y fija arriba */
					.intro-top {position: fixed;top: 0;left: 50%;transform: translateX(-50%);width: 100%;z-index: -1;}
				}
				@media (max-width: 480px) {
					.shape1 {width: 90px;height: 90px;border-width: 2px;top: -40px;left: -35px;}
					.shape2 {width: 30px;height: 30px;border-width: 2px;top: 25px;left: 65px;}
					.shape3 {width: 20px;height: 20px;border-width: 2px;top: 50px;left: 20px;}
					.shape4 {width: 90px;height: 90px;border-width: 2px;top: 400px;right: -35px;}
					.intro-top {width: 100%;}
				}