/* Contenedor base */
.mda-wrapper{ position: relative; display: inline-block; max-width:100%; }
.mda-wrapper > img.mda-image{ display:block; width:100%; height:auto; }

/* Capa para hotspots */
.mda-overlay{ position:absolute; left:0; top:0; right:0; bottom:0; pointer-events:none; }
.mda-hotspot{ position:absolute; transform: translate(-50%, -50%); border:2px solid rgba(255,255,255,.9); background: rgba(0,0,0,.35); border-radius: 10px; pointer-events:auto; cursor:pointer; }
.mda-hotspot:focus{ outline: 2px solid #1a73e8; outline-offset: 2px; }

/* Tooltips */
.mda-tooltips{ position:absolute; left:0; top:0; right:0; bottom:0; pointer-events:none; }
.mda-tooltip{ position:absolute; transform: translateX(-50%); background:#111; color:#fff; font-size:14px; line-height:1.35; border-radius:10px; padding:10px 12px; box-shadow:0 6px 18px rgba(0,0,0,.25); opacity:0; transition:opacity .2s ease; white-space:normal; min-width:160px; max-width:260px; pointer-events:none; }
.mda-tooltip.show{ opacity:1; }
.mda-tooltip strong{ display:block; margin-bottom:6px; }
.mda-tip-link a{ color:#8ab4ff; text-decoration: underline; word-break: break-all; }

/* Galería */
.mda-gallery{ display:grid; grid-template-columns: repeat(var(--mda-columns, 3), 1fr); gap: var(--mda-gap, 16px); }
.mda-gallery .mda-wrapper{ width:100%; }