@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400&display=swap');

body {
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 300;
    color: black;
    background-color: #fff;
}

a {
	color:black;
	-webkit-transition: color .25s ease-out;
    -moz-transition: color .25s ease-out;
    -o-transition: color .25s ease-out;
    transition: color .25s ease-out;
}

a, a:visited {
	color: inherit;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #E14000;
}

.container {
	margin: 0;
	margin-bottom: 1em;
	padding: 0;
}

.infobox {
    width:50%;
    max-width: 800px;
    height: auto;
    margin:auto;
    margin-bottom: .2em;
    text-align: center;
}

.infobox p {
	font-size: 1em;
	font-weight: 300;
	letter-spacing: 0.1em;
	/*margin: 0.5em 0em;*/
}
.infobox .justificado {
	text-align: justify;
}
.infobox .destacado {
	font-size: 1.5em;
	font-weight: 400;
	letter-spacing: 0.2em;
}

.infobox .alert {
	display: inline-block;
	margin: .25em 0 1.5em;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 0.3em;
	padding: .3em .7em;
	border: 3px solid black;
}

.logo {
	width: 100%;
	max-width: 150px;
	height: auto;
	margin: auto;
}

.ejemplos {
	margin: 0.5em;
	padding-left: 0.5em;
	/* list-style-type: none; */
	text-align: justify;
	letter-spacing: 0.1em;
	font-size: 1em;
	font-weight: 300;
}

.ejemplos li {
	padding: 0.2em 0;
}

.enlaces {
	margin: 0;
	padding: 0;
	margin-top: 2em;
	padding-top: 1em;
	font-weight: 300;
	list-style-type: none;
	border-top: 3px solid black;
	/*text-align: justify;*/
}

.enlaces li {
	display: inline-block;	
}

.enlaces li + li:before {
    content: " | ";
    font-weight: 400;
}

.enlaces a  {
	text-decoration: none;
}


details.ai-summary {
	margin: 20px 0;
	padding: 15px;
	background-color: #f5f5f5;
	border-radius: 5px;
}

details.ai-summary summary {
	cursor: pointer;
	font-weight: normal;
	padding: 10px 0;
}

details.ai-summary summary:hover {
	opacity: 0.8;
}

.summary-content {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
	text-align: justify;
}

.summary-content h3 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 1.1em;
}

.summary-content ul {
	margin-left: 20px;
	margin-bottom: 15px;
}

.summary-content li {
	margin-bottom: 8px;
	line-height: 1.5;
}