/* Editor de emblema: una capa fija dentro del lienzo del perfil. */
.perfil-v3 .avatar-canvas{display:block;width:100%;height:100%;object-fit:contain}
.perfil-v3 .editor-emblema{position:absolute;inset:0;z-index:40;display:none;box-sizing:border-box;padding:16px 28px 14px;background:rgba(7,3,11,.97);color:#fff;font-family:Impact,"Arial Narrow",Arial,sans-serif;overflow:hidden}
.perfil-v3 .editor-emblema.visible{display:block}
.perfil-v3 .editor-cabecera{height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(201,158,78,.65)}
.perfil-v3 .editor-cabecera h2{margin:0;color:#f1c45f;font-size:28px;letter-spacing:1px;text-shadow:3px 3px #250b13}
.perfil-v3 .editor-cerrar{width:44px;height:40px;padding:0;border:0;background:transparent;cursor:pointer}.perfil-v3 .editor-cerrar img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 4px rgba(0,0,0,.72));transition:filter .12s,transform .12s}.perfil-v3 .editor-cerrar:hover img{filter:drop-shadow(0 8px 5px rgba(0,0,0,.9)) brightness(1.12);transform:scale(1.04)}.perfil-v3 .editor-cerrar:active img{transform:scale(.96)}
.perfil-v3 .editor-cuerpo{height:calc(100% - 50px);display:grid;grid-template-columns:350px 1fr;gap:22px;align-items:start;padding-top:14px}
.perfil-v3 .editor-vista{display:flex;flex-direction:column;align-items:center;min-width:0}
.perfil-v3 .emblema-preview{width:300px;height:300px;display:grid;place-items:center;border:4px solid #a58a70;border-radius:28px;background:rgba(8,6,12,.9);box-shadow:inset 0 0 0 2px rgba(213,163,64,.25),0 12px 22px rgba(0,0,0,.6)}
.perfil-v3 .emblema-preview canvas{display:none;width:100%;height:100%;object-fit:contain;touch-action:none;cursor:default}
.perfil-v3 .editor-emblema.con-figuras .emblema-preview canvas{display:block;cursor:grab}
.perfil-v3 .editor-emblema.con-figuras .emblema-preview canvas:active{cursor:grabbing}
.perfil-v3 .editor-contador{margin-top:10px;color:#a28c73;font-size:14px;letter-spacing:1px}.perfil-v3 .editor-contador strong{color:#18dced;font-size:17px}
.perfil-v3 .editor-ayuda{width:300px;margin:8px 0 0;color:#bba9b0;font:11px/1.35 Arial,sans-serif;text-align:center}
.perfil-v3 .emblema-generar{width:300px;margin:8px 0 0;padding:0;border:0;background:transparent;cursor:pointer}
.perfil-v3 .emblema-generar img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 5px rgba(0,0,0,.75));transition:filter .12s,transform .12s}
.perfil-v3 .emblema-generar:hover img{filter:drop-shadow(0 10px 6px rgba(0,0,0,.9) brightness(1.12));transform:scale(1.025)}
.perfil-v3 .emblema-generar:active img{transform:scale(.975)}
.perfil-v3 .emblema-limpiar,.perfil-v3 .editor-regresar{display:block;width:300px;margin-top:2px;padding:0;border:0;background:transparent;cursor:pointer}.perfil-v3 .emblema-limpiar img,.perfil-v3 .editor-regresar img{display:block;width:100%;height:auto;filter:drop-shadow(0 7px 4px rgba(0,0,0,.72));transition:filter .12s,transform .12s}.perfil-v3 .emblema-limpiar:hover img,.perfil-v3 .editor-regresar:hover img{filter:drop-shadow(0 9px 5px rgba(0,0,0,.9)) brightness(1.12);transform:scale(1.025)}.perfil-v3 .emblema-limpiar:active img,.perfil-v3 .editor-regresar:active img{transform:scale(.975)}
.perfil-v3 .editor-controles{min-width:0;max-height:592px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:10px 14px;padding:12px 14px;border:2px solid rgba(165,138,112,.72);border-radius:12px;background:rgba(19,9,20,.85);box-shadow:0 10px 25px rgba(0,0,0,.45);overflow:auto}
.perfil-v3 .editor-panel{min-width:0;padding:10px;border:1px solid rgba(165,138,112,.42);border-radius:8px;background:rgba(7,3,11,.58)}
.perfil-v3 .editor-paleta{grid-column:1/-1}.perfil-v3 .editor-capas{grid-column:1/-1}.perfil-v3 .editor-inspector{grid-column:1/-1}
.perfil-v3 .editor-panel-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.perfil-v3 .editor-panel-titulo h3{margin:0;color:#f1c45f;font-size:15px;letter-spacing:1px}.perfil-v3 .editor-panel-titulo span{color:#a28c73;font:10px Arial,sans-serif;text-align:right}
.perfil-v3 .figuras-paleta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.perfil-v3 .agregar-figura,.perfil-v3 .herramienta-lapiz{min-height:76px;display:grid;place-items:center;align-content:center;gap:3px;padding:6px;border:1px solid #604767;border-radius:6px;background:#140b18;color:#d8cdd1;cursor:pointer}.perfil-v3 .agregar-figura:hover,.perfil-v3 .herramienta-lapiz:hover,.perfil-v3 .herramienta-lapiz[aria-pressed="true"]{border-color:#f2c45f;background:#392032;color:#f2c45f}.perfil-v3 .agregar-figura strong,.perfil-v3 .herramienta-lapiz strong{font:12px Impact,Arial,sans-serif}.perfil-v3 .agregar-figura small,.perfil-v3 .herramienta-lapiz small{font:9px Arial,sans-serif;color:#a28c73}.perfil-v3 .figura-muestra{display:block;width:28px;height:28px;border:2px solid #f5e9cf;background:#26cbd8}.perfil-v3 .muestra-circulo{border-radius:50%}.perfil-v3 .muestra-cuadrado{background:#d34a56}.perfil-v3 .muestra-estrella{width:30px;height:30px;border:0;background:transparent;color:#f1c45f;font:31px/27px Arial,sans-serif}.perfil-v3 .muestra-ovalo{width:39px;height:24px;border-radius:50%;background:#a96cc7}
.perfil-v3 .muestra-rectangulo{width:42px;height:24px;background:#d47b45}.perfil-v3 .muestra-triangulo{width:34px;height:30px;border:0;background:#5cc779;clip-path:polygon(50% 0,100% 100%,0 100%)}.perfil-v3 .muestra-nube{width:42px;height:30px;border:0;background:transparent;color:#79b7d9;font:34px/26px Arial,sans-serif}.perfil-v3 .muestra-raya{width:44px;height:5px;margin:12px 0;border:0;background:#f0e3c1}.perfil-v3 .muestra-lapiz{position:relative;width:44px;height:28px;border:0;background:transparent}.perfil-v3 .muestra-lapiz::before{content:"";position:absolute;left:3px;top:12px;width:38px;border-top:5px solid #f0e3c1;transform:rotate(-25deg);transform-origin:center}.perfil-v3 .muestra-lapiz::after{content:"";position:absolute;right:1px;top:8px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid #f0e3c1;transform:rotate(-25deg)}.perfil-v3 .muestra-semicirculo{width:42px;height:25px;border-radius:42px 42px 0 0;background:#d98bce}.perfil-v3 .muestra-corazon{width:34px;height:30px;border:0;background:transparent;color:#d84d69;font:31px/28px Arial,sans-serif}.perfil-v3 .muestra-hexagono{width:34px;height:30px;border:0;background:#65b7a5;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.perfil-v3 .muestra-cruz{width:34px;height:30px;border:0;background:transparent;color:#c9c0c2;font:29px/28px Arial,sans-serif}
.perfil-v3 .lista-figuras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:110px;overflow:auto;padding-right:3px}.perfil-v3 .lista-vacia{margin:5px;color:#8d7a85;font:11px Arial,sans-serif}.perfil-v3 .capa-item{min-width:0;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:6px;padding:5px 7px;border:1px solid #49334d;border-radius:5px;background:#110912;color:#d8cdd1;text-align:left;cursor:pointer}.perfil-v3 .capa-item:hover,.perfil-v3 .capa-item.seleccionada{border-color:#f2c45f;background:#392032;color:#f2c45f}.perfil-v3 .capa-numero{color:#18dced;font:11px Arial,sans-serif}.perfil-v3 .capa-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px Impact,Arial,sans-serif}.perfil-v3 .capa-item small{color:#a28c73;font:8px Arial,sans-serif}.perfil-v3 .capas-ayuda{margin:7px 0 0;color:#8d7a85;font:10px Arial,sans-serif}
.perfil-v3 .seleccion-vacia{margin:6px 0;color:#8d7a85;font:11px Arial,sans-serif}.perfil-v3 .seleccion-vacia[hidden]{display:none}.perfil-v3 .inspector-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px}.perfil-v3 .inspector-campos label{display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:center;color:#d8cdd1;font:11px Arial,sans-serif}.perfil-v3 .inspector-campos label.campo-rango{display:block}.perfil-v3 .inspector-campos label.campo-rango output{float:right;color:#18dced;font:11px Arial,sans-serif}.perfil-v3 .inspector-campos input[type=color]{width:42px;height:27px;padding:2px;border:1px solid #a58a70;border-radius:4px;background:#0c0710;cursor:pointer}.perfil-v3 .inspector-campos input[type=range]{display:block;width:100%;height:16px;margin:5px 0 0;accent-color:#c879b7;cursor:pointer}.perfil-v3 .inspector-campos input:disabled{opacity:.35;cursor:not-allowed}
.perfil-v3 .orden-botones{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.perfil-v3 .orden-botones button{padding:6px 10px;border:1px solid #604767;border-radius:4px;background:#140b18;color:#d8cdd1;font:11px Impact,Arial,sans-serif;cursor:pointer}.perfil-v3 .orden-botones button:hover:not(:disabled){border-color:#f2c45f;color:#f2c45f}.perfil-v3 .orden-botones .eliminar-figura{margin-left:auto;border-color:#7b3041;color:#e59ba8}.perfil-v3 .orden-botones button:disabled{opacity:.35;cursor:not-allowed}
.perfil-v3 .editor-estado{grid-column:1/-1;min-height:18px;margin:0;color:#bba9b0;font:11px Arial,sans-serif;text-align:center}
.perfil-v3 .editor-emblema.lapiz-activo .emblema-preview canvas{cursor:crosshair}
@media (max-width:700px){.perfil-v3 .editor-emblema{padding:12px 18px}.perfil-v3 .editor-cuerpo{grid-template-columns:300px 1fr;gap:14px}.perfil-v3 .emblema-preview{width:260px;height:260px}.perfil-v3 .editor-ayuda{width:260px}.perfil-v3 .emblema-generar,.perfil-v3 .emblema-limpiar,.perfil-v3 .editor-regresar{width:285px}.perfil-v3 .figuras-paleta{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* V62.30 - letreros e iconografía suministrados para el editor */
.perfil-v3 .editor-cabecera{height:58px}
.perfil-v3 .editor-cuerpo{height:calc(100% - 60px);padding-top:10px}
.perfil-v3 .editor-letrero-principal{display:block;width:270px;height:56px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 4px rgba(0,0,0,.75))}
.perfil-v3 .editor-letrero-seccion{display:block;width:190px;height:46px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 3px rgba(0,0,0,.65))}
.perfil-v3 .editor-panel-titulo{min-height:46px;align-items:center;margin-bottom:5px}
.perfil-v3 .figura-icono{display:block;width:42px;height:38px;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.7))}
.perfil-v3 .agregar-figura,.perfil-v3 .herramienta-lapiz{min-height:82px;padding:4px}
@media (max-width:700px){.perfil-v3 .editor-letrero-principal{width:225px;height:50px}.perfil-v3 .editor-letrero-seccion{width:165px;height:40px}.perfil-v3 .editor-panel-titulo{min-height:40px}}

/* V62.31 - UX de madera suministrado y paleta sin texto duplicado */
.perfil-v3 .editor-controles{
  border:0;border-radius:16px;
  background-color:transparent;
  background-image:none;
  padding:14px 10px 12px;box-shadow:none;
}
.perfil-v3 .editor-panel{
  position:relative;border:0;border-radius:12px;background-color:transparent;
  background-image:url("sprites/hud/editor/fondos/caja_fondo_no_texto_003.webp");
  background-repeat:no-repeat;background-position:center;background-size:100% 100%;
  padding:16px 22px 18px;
}
.perfil-v3 .editor-paleta{padding-top:12px}
.perfil-v3 .agregar-figura,.perfil-v3 .herramienta-lapiz{
  min-height:88px;border:0;border-radius:10px;background-color:transparent;
  background-image:url("sprites/hud/editor/fondos/caja_fondo_no_texto_001.webp");
  background-repeat:no-repeat;background-position:center;background-size:100% 100%;
  padding:9px 8px 8px;gap:2px;
}
.perfil-v3 .agregar-figura:hover,.perfil-v3 .herramienta-lapiz:hover,.perfil-v3 .herramienta-lapiz[aria-pressed="true"]{
  border:0;background-color:transparent;filter:brightness(1.14);transform:translateY(-1px);
}
.perfil-v3 .figura-icono{width:54px;height:48px;margin-top:1px}
.perfil-v3 .agregar-figura small,.perfil-v3 .herramienta-lapiz small{
  display:block;margin-top:0;color:#fff;font:10px Impact,"Arial Narrow",Arial,sans-serif;
  letter-spacing:.7px;text-shadow:2px 2px 2px #000;
}
.perfil-v3 .editor-titulo-seleccionada{
  display:flex;align-items:center;justify-content:center;width:225px;height:54px;box-sizing:border-box;
  margin:0!important;padding:0 18px!important;color:#fff!important;font-size:16px!important;letter-spacing:1.2px!important;
  text-shadow:3px 3px 2px #000;background-image:url("sprites/hud/editor/fondos/caja_fondo_no_texto_004.webp");
  background-repeat:no-repeat;background-position:center;background-size:100% 100%;
}
.perfil-v3 .orden-botones button{
  border:0;border-radius:8px;background-color:transparent;
  background-image:url("sprites/hud/editor/fondos/caja_fondo_no_texto_004.webp");
  background-repeat:no-repeat;background-position:center;background-size:100% 100%;
  min-height:38px;padding:7px 18px;color:#fff;text-shadow:2px 2px 2px #000;
}
.perfil-v3 .orden-botones button:hover:not(:disabled){border:0;color:#fff;filter:brightness(1.15)}
@media (max-width:700px){
  .perfil-v3 .editor-controles{padding:18px 20px}
  .perfil-v3 .editor-panel{padding:13px 17px}
  .perfil-v3 .editor-titulo-seleccionada{width:190px;height:46px;font-size:14px!important}
}

/* V62.32 - retirado el contenedor de madera posterior para evitar marcos encimados */
/* v62.94: botones gráficos ▲ DELANTE / ▼ ATRÁS / ELIMINAR FIGURA. */
.perfil-v3 .orden-botones button.mover-capa,.perfil-v3 .orden-botones button.eliminar-figura{width:128px;padding:0;border:0;border-radius:0;background:transparent;line-height:0}
.perfil-v3 .orden-botones button.eliminar-figura{width:150px}
.perfil-v3 .orden-botones button.mover-capa img,.perfil-v3 .orden-botones button.eliminar-figura img{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 3px rgba(0,0,0,.75))}