/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 04 2025 | 13:23:31 */
.res-list .res-titular:not(.active){
	display:none;
}

.res-cuadrado{
	border: solid 0.5em var(--wp--preset--color--contrast);
	overflow: hidden;
	display: grid;
	grid-template-rows: 1fr;
	aspect-ratio: 1;
	/* display: block; */
	font-size: 4cqw;
	container-type: inline-size;
}

.res-cuadrado > * {
	font-size: 4cqw;
}

.res-cuadrado > div {
	overflow: hidden
}

.res-cuadrado.oculto {
	border-width: 0;
	grid-template-rows: 0fr;
	display:none;
	transition: display .3s ease allow-discrete;
}

@starting-style {
  .res-cuadrado {
    opacity: 0;
  }
}

.res-cuadrado.oculto > div {
	overflow:hidden;
	margin-bottom:0!important;
	margin-top:0!important;
	padding-bottom:0!important;
	padding-top:0!important;
}

.res-list:has(.res-cuadrado-home:hover) .res-cuadrado-home:not(.active){
	opacity: 0.1;
}

.res-cuadrado.active{
	border-color: var(--wp--preset--color--accent, #e57373);
}

.res-cuadrado:not(.active):not(.res-cuadrado-home){
	opacity:0.9
}

.res-cuadrado:not(.active):not(.res-cuadrado-home) img{
	mix-blend-mode: luminosity;
}

.res-cuadrado.active .vert-fechas{
	opacity: 0;
}

.res-cuadrado .vert-fechas {
	position: relative;
	z-index:2;
}

.res-cuadrado .vert-fechas :where(h1, h2, h3, h4, h5, h6, p) {
    color: white;
}

.year-heading {
	width:100%;
}

.year-heading:first-child {
	display:none;
}

.res-cuadrado a.gspb-containerlink { 
	z-index: 9!important;
}

.actual-excerpt > div{
	max-height: 500px;
	overflow: hidden;
}
.actual-excerpt:after {
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0) 99%);
    content: ' ';
    display: block;
    position: absolute;
	bottom: 0;
}