.mapa-wrapper { display: flex;justify-content: space-between; }
.mapa-left {position: relative;width: 55%;display: flex;align-items: center;justify-content: center;}
.mapa-right { width: 40%;display: flex;align-items: center;justify-content: center }
.mapa-container { position: relative; width: 100%; max-width: 458px; }
.mapa-container img { width: 100%; height: auto; }
.pin {position: absolute;width: 28px;height: 34px;z-index: 10;pointer-events: auto;cursor: pointer;}
.pin-label {color: var( --e-global-color-86517c8 );white-space: nowrap;font-family: "Rubik", Sans-serif;font-size: 1.2rem;position: absolute;bottom: 0;right: 100%;transform: translate(0, 0);border-bottom: 1px solid black;padding: 0.2em 1.5em 0.2em 0.5em;background: rgba(255,255,255,0.9);display: none;border-top-left-radius: 0.5em;border-top-right-radius: 0.5em;}
.pin:hover .pin-label{display: block;}
.pin.selected .pin-label{display: block;}
.lista-titulos { list-style: none; padding: 0; display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr;grid-column-gap: 1em;grid-row-gap: 1em;}
.lista-titulos li { cursor: pointer; padding: 5px; border: 2px solid white;display: flex;align-items: center;font-family: "Rubik", Sans-serif;font-size: 1.2rem;color: white;font-weight: 500;padding: 0.5em 1em;border-radius: 3em;}
.lista-titulos li.selected{border: 2px solid var( --e-global-color-primary );background: var( --e-global-color-primary );}
.lista-titulos li > img{margin: 0 1em 0 0;}
.info-punto { margin: 1em 0 0;background: white;padding: 2em 4em;border-bottom-left-radius: 2.5em;border-bottom-right-radius: 2.5em;display: none;}
.info-punto.visible{display: flex;align-items: center;justify-content: space-between;}
.info-punto > div{display: flex;align-items: center;}
.info-punto > div > img{display: block;}
.info-punto > div > p, .info-punto > div > a{font-family: "Rubik", Sans-serif;font-size: 1.2rem;color: var( --e-global-color-text );padding: 0 1em 0;margin: 0;}
.info-punto > div > a:hover{color: var( --e-global-color-86517c8 );}
.info-punto .contitutlopin p{color: var( --e-global-color-86517c8 );font-size: 1.8rem;font-weight: 600;}
@media (max-width: 1024px) {
	.mapa-wrapper{flex-wrap: wrap;}
	.mapa-left {width: 100%;padding: 0 0 3em;}
	.mapa-right {width: 100%;}
    .info-punto {padding: 2em 2em;}
    .info-punto .contitutlopin p {font-size: 1.4rem;}
    .lista-titulos li {font-size: 1rem;}
    .info-punto > div > p, .info-punto > div > a {font-size: 1rem;}
    .info-punto.visible {flex-wrap: wrap;}
}
@media (max-width: 767px) {
	.lista-titulos {grid-template-columns: repeat(2, 1fr);width: 100%;grid-column-gap: 0.5em;grid-row-gap: 0.5em;}
	.lista-titulos li {font-size: 0.8rem;}
	.mapa-right {width: 100%;margin: 0 0 0 auto;}
    .info-punto.visible {flex-wrap: wrap;}
	.info-punto > div {width: 100%;}
	.pin-label {font-size: 0.6rem;bottom: 0;right: 0;transform: translate(95%, -34%);padding: 0.25em 0.5em;}
}