/* ============================================================================
   Lámina "🎤 Diálogo cliente ↔ vos" (2026-10-03) — ver public/lib/laminasDialogo.js.
   La burbuja de "vos" reusa .cmap-gan (laminasMapa.css): ahí cada estilo ya define color, forma y sombra dura.
   La del cliente reusa .cmap-nodo (fondo del estilo + borde del acento). Sin box-shadow/filter/mask (html2canvas 1.4.1).
   ============================================================================ */
.cdlg-b, .cdlg-b *, .cdlg-pj, .cdlg-pj *{box-sizing:border-box;}
.cdlg-pj i, .cdlg-pj b{font-style:normal;}

/* burbujas: el texto va a la izquierda, centrado en vertical */
.cdlg-c.cmap-nodo{padding:12px 30px; gap:0; align-items:center; justify-content:flex-start; text-align:left; border-radius:30px;}
.cdlg-v .cmap-g-main.cdlg-b{display:flex; align-items:center; justify-content:flex-start; padding:12px 30px; text-align:left; border-radius:30px;}
.cdlg-t{display:block; min-width:0; font-family:var(--crsl-font-display),sans-serif; font-weight:800; line-height:1.2; letter-spacing:-.005em; overflow-wrap:break-word; word-break:normal;}
.cdlg-c .cdlg-t{font-weight:700;}

/* personaje: círculo con emoji + nombre */
.cdlg-pj{width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;}
.cdlg-av{border-radius:50%; display:flex; align-items:center; justify-content:center; line-height:1; flex:none;}
.cdlg-av i{display:block; line-height:1;}
.cdlg-av.cl{background:var(--crsl-bg,#111); border:4px solid var(--crsl-accent,#ffe000);}
.cdlg-av.yo{background:var(--crsl-accent,#ffe000); border:4px solid var(--crsl-accent,#ffe000);}
.cdlg-nom{font-family:'Inter',sans-serif; font-weight:900; font-size:20px; letter-spacing:.08em; text-transform:uppercase; line-height:1; color:var(--crsl-text-main,#fff); opacity:.85; white-space:nowrap;}

/* por estilo (mismas formas que la tarjeta ganadora de la comparativa) */
.crsl-tema-pop .cdlg-av.yo, .crsl-tema-comic .cdlg-av.yo{background:#FFE14D; border-color:#111;}
.crsl-tema-pop .cdlg-av.cl, .crsl-tema-comic .cdlg-av.cl{border-color:#111;}
.crsl-tema-pop .cdlg-c, .crsl-tema-comic .cdlg-c{border-color:#111; border-width:5px;}
.crsl-tema-rock .cdlg-c, .crsl-tema-rock .cdlg-v .cmap-g-main.cdlg-b, .crsl-tema-minimal .cdlg-c, .crsl-tema-minimal .cdlg-v .cmap-g-main.cdlg-b,
.crsl-tema-brutalista .cdlg-c, .crsl-tema-brutalista .cdlg-v .cmap-g-main.cdlg-b, .crsl-tema-editorial .cdlg-c, .crsl-tema-editorial .cdlg-v .cmap-g-main.cdlg-b{border-radius:0;}
.crsl-tema-clasico .cdlg-c, .crsl-tema-clasico .cdlg-v .cmap-g-main.cdlg-b, .crsl-tema-premium .cdlg-c, .crsl-tema-premium .cdlg-v .cmap-g-main.cdlg-b,
.crsl-tema-scrapbook .cdlg-c, .crsl-tema-scrapbook .cdlg-v .cmap-g-main.cdlg-b{border-radius:6px;}
.crsl-tema-rock .cdlg-av, .crsl-tema-minimal .cdlg-av, .crsl-tema-brutalista .cdlg-av{border-radius:0;}
.crsl-tema-brutalista .cdlg-av.yo{background:var(--crsl-accent2); border-color:#0a0a0a;}
.crsl-tema-brutalista .cdlg-av.cl{border-color:#0a0a0a;}
.crsl-slide.natx .cdlg-t{font-family:'Montserrat',sans-serif; font-style:italic;}
.crsl-slide.natx .cdlg-av.yo{background:var(--crsl-accent);}

/* remate: puede ir en 2 renglones (el de la comparativa va en uno solo) */
.cdlg-cierre strong{white-space:normal; line-height:1.1;}

/* personaje dibujado con los avatares de la web (lib/avataresWeb.js): retrato en el círculo, sin relleno */
.cdlg-av.pj{overflow:hidden; position:relative; background:#1b1b22;}
.cdlg-av.pj svg{display:block; width:100%; height:100%;}
/* variante amarilla de «Nico Alde Tips»: el borde del acento se pierde contra el fondo, va negro */
.crsl-slide.natx.natx-amarillo .cdlg-c{border-color:#050505;}
.crsl-slide.natx.natx-amarillo .cdlg-av.cl{border-color:#050505;}