.genially-map-container {
    position: relative;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    background: #d8e5ee;
    border: 1px solid #b0c4de;
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    border-radius: 4px;
    overflow: hidden;
}

.genially-header-bar {
    background: #f4f6f8;
    padding: 12px 20px;
    border-bottom: 1px solid #d5dadf;
}

.map-title-main {
    font-weight: bold;
    font-size: 18px;
    color: #2c3e50;
    display: block;
}

.map-subtitle-main {
    font-size: 11px;
    color: #7f8c8d;
    letter-spacing: 1px;
}

.genially-canvas {
    position: relative;
    width: 100%;
    height: 650px;
    background: #e9f0f5 url('../images/mapa-espana-fondo.jpg') no-repeat center center;
    background-size: cover;
}

.map-pin {
    position: absolute;
    transform: translate(-50%, -50%);
    cursor: pointer;
    text-align: center;
    transition: transform 0.15s ease;
    z-index: 10;
}

.map-pin:hover {
    transform: translate(-50%, -50%) scale(1.35);
    z-index: 100;
}

.pin-blason-img {
    width: 24px;
    height: 28px;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.4));
}

.genially-tooltip {
    position: absolute;
    background: #ffffff;
    border: 1px solid #b0bec5;
    padding: 12px 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    border-radius: 3px;
    z-index: 1000;
    min-width: 280px;
    pointer-events: none;
}

.tooltip-content h4 {
    margin: 0 0 6px 0;
    font-size: 13px;
    color: #1a252f;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.tooltip-content p {
    margin: 3px 0;
    font-size: 11px;
    color: #34495e;
    line-height: 1.35;
}

.genially-footer-bar {
    background: #2c3e50;
    color: #bdc3c7;
    padding: 6px 15px;
    text-align: right;
    font-size: 11px;
}