.laa-container{position:relative; display:inline-block; max-width:100%;}
.laa-stage{position:relative; border-radius:18px; overflow:hidden; max-width:100%;}
.laa-stage img{display:block; max-width:100%; height:auto;}
.laa-base{position:absolute; transform:translate(-50%,-50%); pointer-events:none; user-select:none; filter:drop-shadow(0 12px 20px rgba(0,0,0,.14));}

.laa-layer{position:absolute; transform:translate(-50%,-50%); pointer-events:none; user-select:none; filter:drop-shadow(0 12px 20px rgba(0,0,0,.14));}
.laa-layer-img{width:100%; height:auto; display:block;}

.laa-badge{position:absolute; width:30px; height:30px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; box-shadow:0 10px 18px rgba(0,0,0,.20); transform:translate(-50%,-50%); opacity:0; z-index:10;}

.laa-text{position:absolute; min-width:160px; max-width:260px; transform:translate(-50%,-50%); opacity:0; z-index:9; text-align:left; background:rgba(255,255,255,.72); backdrop-filter: blur(6px); border-radius:14px; padding:10px 12px; box-shadow:0 10px 18px rgba(0,0,0,.12);}
.laa-text-title{font-weight:800; font-size:13px; margin-bottom:4px; letter-spacing:.2px;}
.laa-text-desc{font-size:12px; line-height:1.3;}
/* Ubicación default del texto relativo al punto target */
.laa-text{ margin-left: 170px; } /* mueve el cuadro a la derecha del punto (ajusta según tu diseño) */

/* Botón replay */
.laa-replay{
  position:absolute; right:10px; bottom:10px; width:42px; height:42px; border-radius:999px;
  border:1px solid rgba(0,0,0,.12); background:rgba(255,255,255,.8); cursor:pointer;
  display:flex; align-items:center; justify-content:center; box-shadow:0 10px 18px rgba(0,0,0,.12);
}
.laa-replay:hover{ background:rgba(255,255,255,.95); }