/* CSS Document */<html lang="es-MX"><head>	<!-- Global site tag (gtag.js) - Google Analytics -->	<script async="" src="https://www.google-analytics.com/analytics.js"></script>	<script>(function (i, s, o, g, r, a, m) { i["GoogleAnalyticsObject"] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, "script", "https://www.google-analytics.com/analytics.js", "ga");		ga("create", "UA-158134453-1", { "cookieDomain": "auto" });		ga("set", "anonymizeIp", true);		ga('set', 'dimension1', "CUAED");		ga('set', 'dimension2', "RECURSOS EDUCATIVOS ABIERTOS");		ga('set', 'dimension3', "RECURSOS EDUCATIVOS MULTIMEDIA");		ga('set', 'dimension4', "2019");		ga('set', 'dimension5', "CONTENIDO");		ga('set', 'dimension6', "RC04-19");		ga('set', 'dimension7', "CONTENEDOR DE ACORDEON");		ga('set', 'dimension8', "VERSIÓN 1");		ga("set", "metric1", 1); ga("set", "metric2", 2); ga("set", "metric3", 3); ga("set", "metric4", 4); ga("set", "metric5", 5); ga("set", "metric6", 6); ga("set", "metric7", 7); ga("set", "metric8", 8);		ga("send", "pageview");	</script>	<title>Contenedor Acordeón</title>	<meta charset="utf-8" />	<meta name="viewport" content="width=device-width, initial-scale=1">	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">	<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->	<!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->	<!-- <link rel="stylesheet" href="https://lib.cuaed.unam.mx/R019/css/bootstrap-v3.3.7.min.css"> -->	<script src="https://lib.cuaed.unam.mx/R019/js/jquery-v3.3.1.min.js"></script>	<script src="https://lib.cuaed.unam.mx/R019/js/bootstrap-v3.3.7.min.js"></script>	<link rel="icon" href="favicon.ico" type="image/x-icon" />	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />	<style>			.xs-text {			font-size: 60%;			text-align: center;		}		.btn1 {			background-color: #f5F5f5;			border-color: #DDD;			color: #000;			padding: 10px;			border-style: none;			display: block;			text-align: left;		}		.btn1:hover {			background-color: #e0e0e0;		}		.btn1:after {			font-family: "Glyphicons Halflings";			content: "\e113";			float: right;			margin-left: 15px;			transition: .3s all;			transform: rotate(0deg);		}		/* Icon when the collapsible content is hidden */		.btn1.collapsed:after {			transform: rotate(-180deg);		}		@media (max-width: 480px) {			.body {				font-size: 100%;			}			h4 {				font-size: 175%;			}			#accordion {				font-size: 85%;			}			a {				font-size: 85%;			}						.panel-heading {				padding: 10px 10px;			}		}		@keyframes example {			0% {				opacity: 0			}			100% {				opacity: 1			}		}		/* The element to apply the animation to */		.panel-body {			animation-name: example;			animation-duration: 1.5s;		}	</style></head>