.espacios{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
border: 0;
}
.espacios .sa-espacio{	
width: calc(50% - 10px);
float: left;
display: inline-block;
min-height: 320px;
margin-bottom: 30px;
position: relative;
background-position: center !important;
background-size: cover !important;
border-radius: 10px;
}
.espacios .sa-espacios .description.mobile{	display: none; }
.espacios .mobile-description{	display: block;	}
.espacios .sa-espacio .data {
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
padding: 30px;
display: flex;
align-items: end;
background-image: linear-gradient(to bottom, rgb(33,31,30,0) 75%, rgb(28,26,25,0.3));
}
.espacios .espacios .sa-espacio:hover{
cursor: pointer;
}
.espacios .sa-espacio .data .data-content{
width: 100%;
display: flex;
align-items: center;
}
.espacios .sa-espacio .data .content{
width: calc(100% - 50px);
}
.espacios .sa-espacio .description{ 
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
background: #ED2B4E;
height: 100%;
padding: 0;
color: #fff;	
border-radius: 10px;
}
.espacios .sa-espacio .description.close,
.espacios .sa-espacio .description .data-content{	display: none !important;	}
.espacios .sa-espacio .data .title,
.espacios .sa-espacio .description .main .titulo,
.espacios .sa-espacio .data-content .titulo{
width: calc(100% - 50px);
font-weight: 500;
font-size: 24px;
line-height: 25px;
font-family: 'Founders Grotesk';
}
.espacios .sa-espacio .description .main .descripcion{
margin-top: 30px;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #fff;
font-family: 'FoundersGroteskRegular';
}
.espacios .sa-espacio .description .main{
display: flex;
padding: 27px 30px;
float: left;
font-size: 15px;
line-height: 26px;
flex-direction: column;
position: absolute;
bottom: 0;
}
.espacios .sa-espacio .description .data-content{
position: absolute;
z-index: 0;
color: #fff;
display: flex;
align-items: center;
bottom: 0;
width: 100%;
padding: 30px;
}
.espacios .mobile-description{
display: none;
margin: 24px 0 55px 0;
color: #000000;
font-size: 16px;
line-height: 160%;
font-weight: 300;
font-family: 'FoundersGroteskRegular';
} .espacios.special{
gap: 0;
}
.espacios .sa-espacio.special .description .main  a .more{
color: #fff;
}
.espacios .sa-espacio.special{	
width: 20%;
float: left;
display: inline-block;
min-height: 320px;
margin-bottom: 30px;
position: relative;
background-position: center !important;
background-size: cover !important;
border-radius: 10px;
border-radius: 0;
}
.espacios .sa-espacio.especial .data{
position: relative;
background-position: center !important;
background-size: cover !important;
}
.espacios .sa-espacio.special .foo{	
border-bottom: 1px solid rgb(0,0,0, 0.2);
width: 100%;
position: absolute;
bottom: -75px;
left: 0;
}
.espacios .sa-espacio.special .section{	
position: absolute;
bottom: -70px;
width: 100%;
font-weight: 300;
font-size: 20px;
line-height: 140%;
text-align: center;
letter-spacing: -0.02em;
color: rgb(0,0,0, 1);
}
.espacios .sa-espacio.special .section.active{
font-weight: 600;
}
.espacios .sa-espacio.special .foo.active{
border-bottom: 2px solid #000;
}
.espacios .sa-espacio.special .data{
width: 95%;
position: relative;
background-position: center !important;
background-size: cover !important;
padding: 200px 0;
}
.espacios .sa-espacio.special .description {
border-radius: 0;
width: 95%;
}
.espacios .sa-espacio.special .description .main {
display: flex;
padding: 27px 30px;
float: left;
font-size: 15px;
line-height: 26px;
flex-direction: column;
justify-content: space-between;
top: 0;
overflow-x: auto;
}
.espacios .sa-espacio.special .description .main .descripcion {
margin-top: 0;
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 90%;
letter-spacing: -0.02em;
color: #fff;
margin-bottom: 20px;
}
.espacios .sa-espacio.special .description .main .more{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
text-decoration: underline;
}
.espacios .sa-espacio.special .description .main .more:hover{
text-decoration: none;
}
@media (max-width: 980px) {
.espacios .sa-espacio{	    
width: 100%;
margin: 0;	
}
.espacios .sa-espacios .description.mobile{	
display: none; 
}
.espacios .sa-espacio .description{ 
display: none; 
}
.espacios .sa-espacio{	
min-height: 300px;	
}	
.espacios .mobile-description {   
display: inline-block;	
}
.espacios .sa-espacio .data .title, .espacios .sa-espacio .description .main .titulo, .espacios .sa-espacio .data-content .titulo {
font-size: 18px;
line-height: 19px;
}
.espacios .sa-espacio.special{
width: 49%;
margin: 30px 5px 30px 0;
}
.espacios .sa-espacio.special .description {
display: block !important;
}
.espacios .sa-espacio.special .description{
background: rgb(237 43 78 / 90%);
}
.espacios .sa-espacio.special .section {
position: relative;
padding: 20px 0;
bottom: auto;
top: 10px;
}
.espacios .sa-espacio.special .foo{
display: none;
}
.espacios .sa-espacio.special .description,
.espacios .sa-espacio.special .data{
width: 100%;
}
}
@media (max-width: 620px) {
.espacios .sa-espacio.special{
width: 100%;
margin: 30px 0;
}
}