@charset "UTF-8";

:root{
	--col-count: 3;
}
.contenedor-noticias{
	display:grid;
	grid-template-columns: repeat(var(--col-count), 1fr);
	grid-auto-row: 1fr;
	gap: 1em;
}

@media screen and (max-width: 720px){
	.contenedor-noticias{
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width: 1280px) and (min-width: 721px){
	.contenedor-noticias{
		grid-template-columns: repeat(2, 1fr);
	}
}

.noticia{
	padding: 1.5em 1em;
	min-height: 9em;
}

.noticia .cabecera{
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5em;
	place-content: center;
	place-items: start;
}
details{
	position: relative;
}
details[open]{	
	grid-column-start: span var(--col-count);
}

details[open] .abreviado{
	display: none;
}
details summary{
	list-style: none;
	cursor: pointer;
}
details summary::-webkit-details-marker {
	display: none; 
}
details summary::before{
	content: "";
	position: absolute;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
	height: 2.5em;
	aspect-ratio: 1 / 1;
	background-image: url(../../svg/icono-mas-sincaja);
	display: block;
	bottom: 2em;
	right: 2em;
}
details[open] summary::before{
	background-image: url(../../svg/icono-menu-cerrado);
}
details .contenido{
	padding-bottom: 2em;
	padding-left: 2em;
	padding-right: 4em;
}

.cabecera h4{
	padding-block: 1em;
}

.cabecera .info{
	margin-top: auto;
}

.noticia button.btn-mas{
	margin-right: 0;
	margin-left: auto;
}