#mapa-container
{
margin-bottom: 188px;
}
#mapa-container .row
{
margin-left: -34px;
margin-right: -34px;
}
#mapa-container .row > div
{
padding-left: 34px;
padding-right: 34px;
}
#mapa-container .contentcol
{
border-left: 1px solid #000;
}
#mapa-container .contentcol img
{
aspect-ratio: 16 / 9;
width: 100%;
object-fit: cover;
}
#mapa-container h2
{
margin-bottom: 85px;
}
#mapa-container .selected-sal
{
text-align: right;
margin-bottom: 57px;
}
#mapa-container h3
{
margin-top: 0;
margin-bottom: 35px;
}
#mapa-container .mapcol a
{
font-size: 16px;
font-weight: 600;
text-decoration: underline;
}
#mapa-container .mapcol a:hover
{
color: #b68d40;
}
#mapa-container .mapcol a img
{
margin-left: 15px;
}
#mapa-container ul
{
list-style: none;
padding-left: 0;
display: flex;
font-weight: 600;
flex-wrap: wrap;
font-size: 16px;
margin: 0 -12px;
}
#mapa-container ul li
{
width: 25%;
padding: 0 12px;
}
#mapa-container ul li p
{
margin-bottom: 50px;
transition: color .4s;
cursor: pointer;
}
#mapa-container ul li p:hover
{
color: #b68d40;
}
#mapa-container ul li p.active
{
font-weight: 700;
color: #b68d40;
}
.imp-object-highlighted,
.img-object-highlighted
{
fill: #b68d40!important;
}
.img-object-highlighted.clicked
{
animation: fadeinout 1s linear infinite;
fill: #b68d40!important;
}
body:not(.home) #mapa-container h2
{
display: none;
}
@keyframes fadeinout
{
0% 
{
opacity: 1;
}
50% 
{
opacity: .5;
}
100% 
{
opacity: 1;
}
} @media (max-width: 1399px) 
{
#mapa-container ul li
{
width: 33.3333%;
}
}
@media (max-width: 991px)
{
#mapa-container .mapcol
{
margin-bottom: 50px;
}
#mapa-container ul li p
{
margin-bottom: 35px;
}
#mapa-container .contentcol
{
border-left: 0;
}
}
@media (max-width: 767px)
{
#mapa-container h2
{
margin-bottom: 20px;
}
#mapa-container
{
margin-bottom: 60px;
}
}
@media (max-width: 575px)
{
#mapa-container .selected-sal
{
text-align: left;
}
#mapa-container .mapcol
{
margin-bottom: 0;
padding-top: 20px;
order: 13;
}
#mapa-container ul li
{
width: 100%;
}
}