<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
	h1 { margin: 30px 0 0;}
	h2 { margin: 4px 0 14px 0;}
	.contenedorcliclos { display:flex; flex-flow:wrap;}
	.contenedorcliclos a { color:#FFF;}
	.contenedorcliclos article { padding:5px 5px 8px; box-sizing:border-box;width: 23%; margin: 0 2% 2% 0;  min-height: 230px}
	.contenedorcliclos article h3 { color:#FFF;margin: 10px 8px; border-bottom:2px solid #FFF;padding-bottom: 3px;}
	.contenedorcliclos article a { color:#FFF;display: block;padding: 6px 8px; transition:all .5s}
	.contenedorcliclos article a:hover { color:#FFF; transition:all .5s;padding-left: 12px}
	.contenedorcliclos article h3 a:hover { color:#FFF;background-color:transparent; transition:all .5s; padding-left: 12px}
	ul.materiasparticipan { margin:0; padding:10px; column-count: 2; column-gap: 20px; list-style-type: none; }
	ul.materiasparticipan li { width:50%; padding:5px 0}
	ul.materiasparticipan a { color:#08497f;} 
	ul.materiasparticipan a:hover { color: #000;transition:all .5s}
	.contenedorcliclos .arqu, .slide-hide .arqu, .section.parallax.movil2.arqu, .arqu article .btnveragenda, h3.arqu {background-color: #08497f !important; color: #fff;}
	.contenedorcliclos .inte, .slide-hide .inte, .section.parallax.movil2.inte, .inte article .btnveragenda, h3.inte {background-color: #0071bc !important; color: #fff;}
	.contenedorcliclos .ilus, .slide-hide .ilus, .section.parallax.movil2.ilus, .ilus article .btnveragenda, h3.ilus {background-color: #f15a24 !important; color: #fff;}
	.contenedorcliclos .indu, .slide-hide .indu, .section.parallax.movil2.indu, .indu article .btnveragenda, h3.indu {background-color: #5671a6 !important; color:#fff;}
	.contenedorcliclos .morf, .slide-hide .morf, .section.parallax.movil2.morf, .morf article .btnveragenda {background-color: #662d91 !important}
	.contenedorcliclos .nego, .slide-hide .nego, .section.parallax.movil2.nego, .nego article .btnveragenda, h3.nego {background-color: #c1272d !important; color: #FFF;}
	.contenedorcliclos .digi, .slide-hide .digi, .section.parallax.movil2.digi, .digi article .btnveragenda {background-color: #049dbf !important}
	.contenedorcliclos .modafes, .slide-hide .modafes, .section.parallax.movil2.modafes, .modafes article .btnveragenda, h3.modafes {background-color: #982062 !important; color: #fff;}
	.contenedorcliclos .inve, .slide-hide .inve, .section.parallax.movil2.inve, .inve article .btnveragenda {background-color: #006837 !important}
	.contenedorcliclos .publ, .slide-hide .publ, .section.parallax.movil2.publ, .publ article .btnveragenda, h3.publ {background-color: #f6a000 !important; color: #fff;}
	.contenedorcliclos .orga, .slide-hide .orga, .section.parallax.movil2.orga, .orga article .btnveragenda {background-color: #ce7717 !important}
	.contenedorcliclos .foto, .slide-hide .foto, .section.parallax.movil2.foto, .foto article .btnveragenda {background-color: #343779 !important}
	.contenedorcliclos .musi, .slide-hide .musi, .section.parallax.movil2.musi, .musi article .btnveragenda {background-color: #ba72cc !important}
	.contenedorcliclos .graf, .slide-hide .graf, .section.parallax.movil2.graf, .graf article .btnveragenda,  h3.graf {background-color: #f15a24 !important; color: #fff;}
	.contenedorcliclos .proy, .slide-hide .proy, .section.parallax.movil2.proy, .proy article .btnveragenda,  h3.proy {background-color: #cc007b !important; color: #fff;}


	.arqu article h3::after, .inte article h3::after, .ilus article h3::after, .indu article h3::after, .morf article h3::after, .nego article h3::after, .digi article h3::after, .modafes article h3::after, .inve article h3::after, .publ article h3::after, .orga article h3::after, .foto article h3::musi, .graf article h3::after, .proy article h3::after  {border:none}

	.arqu article, .inte article, .ilus article, .indu article, .morf article, .nego article, .digi article, .modafes article, .inve article, .publ article, .orga article, .foto article, .musi article,	.graf article, .proy article {border: 1px solid #000 !important; box-sizing:border-box; padding: 0; width: 48%; min-height: auto;background-color: #FFF;}

	.arqu article h3::after, .inte article h3::after, .ilus article h3::after, .indu article h3::after, .morf article h3::after, .nego article h3::after, .digi article h3::after, .modafes article h3::after, .inve article h3::after, .publ article h3::after, .orga article h3::after, .foto article h3::after, .musi article h3::after,	.graf article h3::after, .proy article h3::after {border:none}

	article p { padding: 10px 16px !important; margin: 0}

	.arqu article h3 {background-color: #08497f !important; padding: 16px; margin: 0}
	.inte article h3 {background-color: #0071bc !important; padding: 16px; margin: 0}
	.ilus article h3 {background-color: #f15a24 !important; padding: 16px; margin: 0}
	.indu article h3 {background-color: #5671a6 !important; padding: 16px; margin: 0}
	.morf article h3 {background-color: #662d91 !important; padding: 16px; margin: 0}
	.nego article h3 {background-color: #c1272d !important; padding: 16px; margin: 0}
	.digi article h3 {background-color: #049dbf !important; padding: 16px; margin: 0}
	.modafes article h3 {background-color: #982062 !important; padding: 16px; margin: 0}
	.inve article h3 {background-color: #006837 !important; padding: 16px; margin: 0}
	.publ article h3 {background-color: #f6a000 !important; padding: 16px; margin: 0}
	.orga article h3 {background-color: #ce7717 !important; padding: 16px; margin: 0}
	.foto article h3 {background-color: #343779 !important; padding: 16px; margin: 0}
	.musi article h3 {background-color: #ba72cc !important; padding: 16px; margin: 0}
	.graf article h3 {background-color: #f15a24 !important; padding: 16px; margin: 0}
	.proy article h3 {background-color: #cc007b !important; padding: 16px; margin: 0}
    .btn_ciclos, #content p a.btn_ciclos { background-color: #049dbf; color: #FFF !important; padding: 10px 8px; display:block; margin:10px auto; text-decoration:none !important; text-align:center; width:180px; border: 1px solid #000; font-weight:bold; }
    p .btnpopup, #content p a.btnpopup, p .btnvermas, #content p a.btnvermas {
    background-color: #049dbf; color: #FFF !important; display: inline-block; padding: 10px; margin: 10px 0; text-decoration:none !important; }
	.contenedorcliclos article h3 a { padding: 0;}
	
.modal {
    display: none; /* Oculta el modal por defecto */
    position: fixed; /* Posición fija para que cubra toda la pantalla */
    z-index: 100; /* Asegura que esté por encima de otros elementos */
    left: 0;
    top: 0;
    width: 100%; /* Ancho completo */
    height: 100%; /* Alto completo */
    overflow: auto; /* Habilita el scroll si el contenido es muy largo */
    background-color: rgba(0,0,0,0.4); /* Fondo semi-transparente */
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* Centra el modal en la pantalla */
    padding: 20px;
    border: 1px solid #888;
    width: 60%; /* Ancho del contenido del modal */
    max-width: 600px;
    position: relative; /* Necesario para posicionar el botón de cierre */
}
.modal-content iframe { width:100% }
.close {
    color: #aaa;
    position: absolute; /* Posiciona el botón de cierre */
    top: 0;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.btnveragenda, #content .btnveragenda {
	display: inline-block;
	float: right;
	padding: 10px;
	text-decoration: none !important;
	margin-bottom: 15px;
	color: #FFF !important;
	
}
	



@media(max-width:900px) {
		.contenedorcliclos article { width: 31.3%;}

}

@media(max-width:724px) {
		.contenedorcliclos article { width: 46%; margin: 2%}

}

@media(max-width:480px) {
		.contenedorcliclos article { width: 98%; margin: 2% 1%}

}</pre></body></html>