/* PORTAL INTERACTIVO DEL ECOSISTEMA ZENSARA */

.zensara-ecosistema-interactivo {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    overflow: visible !important;
    line-height: 0 !important;
}

.zensara-ecosistema-interactivo > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.zensara-zona {
    position: absolute !important;
    z-index: 50 !important;
    display: block !important;
    width: 13.5% !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) !important;
    cursor: pointer !important;

    background: rgba(255, 220, 90, 0) !important;
    border: 3px solid rgba(255, 225, 120, 0) !important;

    transition:
        transform 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease !important;
}

.zensara-zona:hover,
.zensara-zona:focus {
    transform: translate(-50%, -50%) scale(1.08) !important;
    background: rgba(255, 220, 90, 0.10) !important;
    border-color: rgba(255, 225, 120, 0.85) !important;
    box-shadow:
        0 0 14px rgba(255, 220, 90, 0.95),
        0 0 30px rgba(255, 210, 70, 0.55),
        0 0 48px rgba(110, 255, 140, 0.30) !important;
    outline: none !important;
}

/* POSICIONES DE LAS SEIS UNIDADES */

.zensara-tienda {
    left: 49.1% !important;
    top: 10.6% !important;
    width: 10.5% !important;
}

.zensara-servicios {
    left: 26.9% !important;
    top: 33.1% !important;
    width: 10.6% !important;
}

.zensara-formacion {
    left: 72.3% !important;
    top: 33.7% !important;
    width: 10.5% !important;
}

.zensara-joyeria {
    left: 27.9% !important;
    top: 67.5% !important;
    width: 9.8% !important;
}

.zensara-zenda {
    left: 75.2% !important;
    top: 65.5% !important;
    width: 10.5% !important;
}

.zensara-colmado {
    left: 49.5% !important;
    top: 82% !important;
    width: 10.1% !important;
}

@media (max-width: 700px) {
    .zensara-zona:hover {
        transform: translate(-50%, -50%) scale(1.03) !important;
    }
}