/* KORA · #marketing (js/kora-marketing.js) */
.kmk-mini{ font:inherit; font-size:13px; padding:6px 11px; border:1px solid #E0D7CA; border-radius:10px; background:#FFFDF9; color:#5A4E42; cursor:pointer }
.kmk-mini:hover{ border-color:#BFB2A0 }
.kmk-quita{ color:#8A4A33 }
.kmk-acc{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:10px }
.kmk-acc .keq-btn{ margin:0 }
.kmk-sec-btn{ background:#3E6B48 }
.kmk-quien{ margin:8px 0 0; font-size:11.5px; color:#A39C93 }
.kmk-p{ margin:12px 0 6px; font-size:13.5px; color:#5A4E42 }
.kmk-mal{ color:#8A4A33 }
.kmk-pintando{ color:#3E6B48 }

/* estrategia */
.kmk-secciones{ display:grid; grid-template-columns:repeat(auto-fill, minmax(340px, 1fr)); gap:14px }
.kmk-sec{ padding:18px 20px; border:1px solid #E6DDCF; border-radius:14px; background:#FFFDF9 }
.kmk-sec-cab{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px }
.kmk-sec h3{ margin:0; font-family:'EB Garamond',serif; font-weight:500; font-size:21px }
.kmk-txt p{ margin:0 0 8px; font-size:14px; line-height:1.6; color:#4A4038 }
.kmk-area, .kmk-in{ width:100%; box-sizing:border-box; font:inherit; font-size:14px; line-height:1.5; padding:9px 11px; border:1px solid #E0D7CA; border-radius:10px; background:#fff; color:#2F2A24; resize:vertical }

/* frases */
.kmk-frases{ display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:14px; margin-bottom:18px }
.kmk-frase{ margin:0; padding:20px 22px; border:1px solid #E6DDCF; border-radius:14px; background:#F7F2E9 }
.kmk-frase blockquote{ margin:0; font-family:'EB Garamond',serif; font-style:italic; font-size:21px; line-height:1.35; color:#262523 }
.kmk-frase figcaption{ margin-top:8px; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#928D84 }
.kmk-frase-nueva{ display:grid; gap:8px; max-width:620px }
.kmk-frase-nueva textarea, .kmk-frase-nueva input{ font:inherit; font-size:14px; padding:9px 11px; border:1px solid #E0D7CA; border-radius:10px; background:#fff }
.kmk-frase-nueva .keq-btn{ justify-self:start; margin:0 }

/* editor */
.kmk-editor{ display:grid; grid-template-columns:minmax(0, 1fr) 380px; gap:24px; align-items:start }
.kmk-lienzo{ position:sticky; top:84px }
.kmk-lienzo canvas{ display:block; width:100%; max-width:520px; max-height:72vh; object-fit:contain; margin:0 auto; border-radius:6px; box-shadow:0 10px 30px rgba(40,30,20,.14); background:#fff }
.kmk-lienzo .kmk-acc{ justify-content:center }
.kmk-panel{ padding:4px 2px }
.kmk-panel h4{ margin:16px 0 7px; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:#928D84; font-weight:500 }
.kmk-panel h4:first-child{ margin-top:0 }
.kmk-chips{ display:flex; flex-wrap:wrap; gap:6px }
.kmk-chip{ font:inherit; font-size:13px; padding:6px 11px; border:1px solid #E0D7CA; border-radius:20px; background:#fff; color:#5A4E42; cursor:pointer }
.kmk-chip.on{ background:#2F2A24; border-color:#2F2A24; color:#fff }
.kmk-colores{ display:flex; flex-wrap:wrap; gap:7px }
.kmk-color{ width:30px; height:30px; border-radius:50%; border:1px solid rgba(0,0,0,.12); cursor:pointer; padding:0 }
.kmk-color.on{ box-shadow:0 0 0 2px #fff, 0 0 0 4px #2F2A24 }
.kmk-pintar{ padding:12px 14px; border:1px dashed #D5C9B6; border-radius:12px; background:#FFFDF9; margin-top:8px }
.kmk-pintar .kmk-p:first-child{ margin-top:0 }
.kmk-pintar .keq-btn{ margin-top:10px }
.kmk-pintar .kmk-chips{ margin-top:10px }
.kmk-subir span{ display:inline-block; font-size:13.5px; padding:8px 14px; border:1px solid #BFB2A0; border-radius:10px; background:#fff; cursor:pointer }
.kmk-foto{ display:flex; align-items:center; gap:10px; margin-top:10px; font-size:12.5px; color:#7A6E62 }
.kmk-foto img{ width:54px; height:54px; object-fit:cover; border-radius:8px }
.kmk-imgs{ display:grid; grid-template-columns:repeat(5, 1fr); gap:6px }
.kmk-img{ padding:0; border:2px solid transparent; border-radius:8px; overflow:hidden; cursor:pointer; background:#EEE9E1; aspect-ratio:1 }
.kmk-img img{ display:block; width:100%; height:100%; object-fit:cover }
.kmk-img.on{ border-color:#2F2A24 }

/* feed */
.kmk-ig{ max-width:620px; margin:0 auto; border:1px solid #E6DDCF; border-radius:14px; background:#fff; padding:22px 0 0; overflow:hidden }
.kmk-ig-cab{ display:flex; gap:22px; align-items:center; padding:0 24px 20px }
.kmk-ig-av{ flex:none; width:86px; height:86px; border-radius:50%; background:#F7F2E9; border:1px solid #E6DDCF; display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-weight:600; letter-spacing:.08em; font-size:20px; color:#262523 }
.kmk-ig-cab b{ display:block; font-size:17px; font-weight:500 }
.kmk-ig-cab span{ font-size:13px; color:#7A6E62 }
.kmk-ig-cab p{ margin:6px 0 8px; font-size:13.5px; color:#3A3632 }
.kmk-ig-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:2px }
.kmk-ig-post{ position:relative; aspect-ratio:3/4; background:#F2EFEA; overflow:hidden }
.kmk-ig-post canvas{ display:block; width:100%; height:100%; object-fit:cover }
.kmk-ig-acc{ position:absolute; inset:auto 0 0 0; display:flex; justify-content:center; gap:4px; padding:6px; background:linear-gradient(transparent, rgba(0,0,0,.45)); opacity:0; transition:opacity .15s }
.kmk-ig-post:hover .kmk-ig-acc, .kmk-ig-post:focus-within .kmk-ig-acc{ opacity:1 }
.kmk-ig-acc button{ font:inherit; font-size:12px; padding:4px 8px; border:0; border-radius:8px; background:rgba(255,255,255,.92); cursor:pointer }
.kmk-ig-fecha{ position:absolute; top:6px; left:6px; font-size:11px; padding:2px 7px; border-radius:8px; background:rgba(255,255,255,.9); color:#2F2A24 }
@media (hover:none){ .kmk-ig-acc{ opacity:1 } }

@media (max-width:860px){
  .kmk-editor{ grid-template-columns:1fr }
  .kmk-lienzo{ position:static }
  .kmk-lienzo canvas{ max-height:60vh }
  .kmk-secciones{ grid-template-columns:1fr }
  .kmk-ig-cab{ gap:14px; padding:0 14px 16px }
  .kmk-ig-av{ width:64px; height:64px; font-size:15px }
}

/* 29 oct, noche · el editor con carrusel, fotos arrastradas, texto con estilo y video de fondo */
.kmk-suelta{ position:relative; border-radius:8px }
.kmk-suelta-aviso{ position:absolute; inset:0; display:none; align-items:center; justify-content:center; border:3px dashed #3E6B48; border-radius:8px; background:rgba(247,242,233,.85); font-size:18px; color:#3E6B48; pointer-events:none }
.kmk-suelta.encima .kmk-suelta-aviso{ display:flex }
.kmk-subiendo{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); padding:6px 12px; border-radius:20px; background:rgba(47,42,36,.85); color:#fff; font-size:13px }
.kmk-laminas{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:14px }
.kmk-lam{ position:relative; width:54px; padding:0; border:2px solid transparent; border-radius:6px; background:#EEE9E1; cursor:pointer; overflow:hidden }
.kmk-lam canvas{ display:block; width:100%; height:auto }
.kmk-lam span{ position:absolute; top:2px; left:3px; font-size:10px; padding:0 4px; border-radius:6px; background:rgba(255,255,255,.85) }
.kmk-lam.on{ border-color:#2F2A24 }
.kmk-lam-mas{ min-height:66px; font-size:24px; color:#7A6E62; border:1px dashed #BFB2A0; background:#FFFDF9 }
.kmk-lam-acc{ justify-content:center; margin-top:8px }
.kmk-link{ font:inherit; border:0; background:none; padding:0; color:#8A4A33; text-decoration:underline; cursor:pointer }
.kmk-check{ display:flex; align-items:center; gap:8px; font-size:13.5px; color:#5A4E42; margin:8px 0 }
.kmk-rango{ display:flex; align-items:center; gap:10px; font-size:13px; color:#5A4E42; margin:8px 0 }
.kmk-rango input{ flex:1 1 auto; accent-color:#2F2A24 }
.kmk-rango b{ font-weight:500; min-width:44px; text-align:right }
.kmk-sel{ margin:8px 0 }
.kmk-tabs-txt{ margin-bottom:8px }
.kmk-tintas{ margin-top:10px }
.kmk-auto{ font:600 12px 'Jost',sans-serif; color:#5A4E42; background:repeating-linear-gradient(45deg, #fff 0 4px, #EEE9E1 4px 8px) }
.kmk-fotos{ display:grid; gap:10px; margin-top:12px }
.kmk-fotoset{ display:grid; grid-template-columns:repeat(5, 1fr); gap:6px; padding:8px; border:1px solid #EDE6DA; border-radius:10px; background:#fff }
.kmk-fotoset-acc{ grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:6px; align-items:center }
.kmk-fotoset .kmk-mini{ font-size:12px; padding:4px 9px }
.kmk-img{ position:relative }
.kmk-img video{ display:block; width:100%; height:100%; object-fit:cover }
.kmk-play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-style:normal; font-size:16px; text-shadow:0 1px 4px rgba(0,0,0,.5) }
.kmk-fecha{ display:grid; grid-template-columns:1fr 120px; gap:8px }
.kmk-ig-tipo{ position:absolute; top:6px; right:6px; font-size:11px; padding:2px 6px; border-radius:8px; background:rgba(0,0,0,.45); color:#fff }

/* 30 oct · los pasos desplegables y la edición sobre la vista previa */
.kmk-paso{ border:1px solid #E6DDCF; border-radius:12px; background:#FFFDF9; margin-bottom:8px; overflow:hidden }
.kmk-paso-cab{ width:100%; display:flex; align-items:center; gap:10px; font:inherit; text-align:left; padding:12px 14px; border:0; background:none; cursor:pointer; color:#2F2A24 }
.kmk-num{ flex:none; width:22px; height:22px; border-radius:50%; background:#EFE9DF; color:#6E6152; font-size:12px; display:inline-flex; align-items:center; justify-content:center }
.kmk-paso.abierto .kmk-num{ background:#2F2A24; color:#fff }
.kmk-paso-cab b{ font-weight:500; font-size:14.5px; flex:none }
.kmk-paso-cab small{ flex:1 1 auto; min-width:0; color:#9A9086; font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right }
.kmk-paso-cab i{ flex:none; font-style:normal; color:#9A9086; transition:transform .15s }
.kmk-paso.abierto .kmk-paso-cab i{ transform:rotate(180deg) }
.kmk-paso-in{ padding:2px 14px 14px }
.kmk-suave{ color:#9A9086; font-size:12.5px }
.kmk-bloque{ margin-top:12px }
.kmk-bloque-cab{ display:flex; gap:8px; align-items:center; margin-bottom:6px }
.kmk-bloque-cab .kmk-chip{ flex:none }
.kmk-bloque-cab .kmk-sel{ margin:0; flex:1 1 auto; min-width:0; padding:7px 10px }
.kmk-panel > .kmk-paso:first-child{ margin-top:0 }

.kmk-suelta.con-sel canvas{ touch-action:none; cursor:move }
.kmk-sel-caja{ position:absolute; border:1.5px dashed #2F2A24; border-radius:4px; box-shadow:0 0 0 1px rgba(255,255,255,.7); pointer-events:none }
.kmk-barra{ position:absolute; left:50%; transform:translate(-50%, -100%); z-index:5; width:min(440px, 96%); padding:8px; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(40,30,20,.22); display:grid; gap:6px }
.kmk-bt-in{ font:inherit; font-size:14px; padding:7px 10px; border:1px solid #E0D7CA; border-radius:8px; width:100%; box-sizing:border-box }
.kmk-bt-fila{ display:flex; flex-wrap:wrap; gap:4px; align-items:center }
.kmk-bt{ font:inherit; font-size:13px; min-width:32px; height:30px; padding:0 8px; border:1px solid #E0D7CA; border-radius:8px; background:#fff; cursor:pointer; color:#2F2A24 }
.kmk-bt.on{ background:#2F2A24; border-color:#2F2A24; color:#fff }
.kmk-bt-color{ width:24px; height:24px; border-radius:50%; border:1px solid rgba(0,0,0,.15); padding:0; cursor:pointer }
.kmk-bt-color.on{ box-shadow:0 0 0 2px #fff, 0 0 0 3.5px #2F2A24 }
.kmk-bt-color.kmk-auto{ font:600 11px 'Jost',sans-serif }
.kmk-barra.abajo{ transform:translateX(-50%) }
@media (max-width:860px){
  .kmk-barra, .kmk-barra.abajo{ position:static; transform:none; width:auto; margin-top:10px; top:auto !important }
}

/* 30 oct · Vivi: «que la vista previa siempre se vea completa y el panel lateral es lo que le das scroll».
   En la compu el editor ocupa el alto de la pantalla; el tamaño del canvas lo pone ajustaLienzo(). */
@media (min-width:861px){
  .kmk-editor{ height:calc(100vh - 100px); min-height:500px; grid-template-columns:minmax(0, 1fr) 400px; align-items:stretch; gap:28px }
  .kmk-lienzo{ position:static; display:flex; flex-direction:column; min-height:0 }
  .kmk-suelta{ flex:1 1 auto; min-height:0; display:flex; align-items:flex-start; justify-content:center }
  .kmk-lienzo canvas{ max-width:none; max-height:none; margin:0; object-fit:fill }
  .kmk-laminas{ margin-top:10px }
  .kmk-lienzo .kmk-acc{ margin-top:8px }
  .kmk-panel{ overflow-y:auto; min-height:0; padding:0 8px 20px 2px; scrollbar-width:thin }
}
@media (max-width:860px){
  .kmk-lienzo canvas{ width:100%; height:auto; max-height:none; object-fit:fill }
}
/* 30 oct · cada foto y cada versión con su tachita */
.kmk-img-c{ position:relative; display:block }
.kmk-img-c .kmk-img{ width:100% }
.kmk-img-x{ position:absolute; top:-6px; right:-6px; width:20px; height:20px; padding:0; border-radius:50%; border:1px solid #E0D7CA; background:#fff; color:#8A4A33; font-size:14px; line-height:1; cursor:pointer; box-shadow:0 1px 4px rgba(0,0,0,.12); opacity:0; transition:opacity .12s }
.kmk-img-c:hover .kmk-img-x, .kmk-img-x:focus{ opacity:1 }
@media (hover:none){ .kmk-img-x{ opacity:1 } }
/* 30 oct · el «+» del feed, arrastrar para ordenar, y qué post se está editando */
.kmk-ig-nuevo{ font:inherit; border:1.5px dashed #CFC4B4; background:#FBF8F2; color:#7A6E62; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px }
.kmk-ig-nuevo span{ font-size:40px; line-height:1; font-weight:300 }
.kmk-ig-nuevo small{ font-size:12.5px }
.kmk-ig-nuevo:hover{ background:#F3EEE4; color:#2F2A24 }
.kmk-ig-post[draggable="true"]{ cursor:grab }
.kmk-ig-post.arrastrando{ opacity:.4 }
.kmk-ig-post.encima{ box-shadow:inset 0 0 0 3px #2F2A24 }
.kmk-estado{ margin:8px 0 0; text-align:center; font-size:12.5px; color:#9A6A3A }
.kmk-estado.en-feed{ color:#3E6B48 }
/* 30 oct · «Para después»: los posts fuera del feed */
.kmk-despues{ max-width:620px; margin:26px auto 0 }
.kmk-despues h3 small{ font-family:'Jost',sans-serif; font-size:13px; color:#9A9086; margin-left:6px }
.kmk-despues-grid{ border:1px dashed #D5C9B6; border-radius:12px; overflow:hidden; background:#FBF8F2 }
.kmk-despues-grid .kmk-ig-post canvas{ opacity:.8 }
.kmk-ig-acc{ flex-wrap:wrap }
/* 30 oct · el generador con la voz de Kora */
.kmk-gen{ max-width:820px; padding:18px 20px; border:1px solid #E6DDCF; border-radius:14px; background:#FFFDF9; margin-bottom:10px }
.kmk-gen h3{ margin:0 0 4px; font-family:'EB Garamond',serif; font-weight:500; font-size:22px }
.kmk-gen .kmk-chips{ margin-top:10px }
.kmk-gen-ops{ display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:12px; margin-top:14px }
.kmk-gen-op{ background:#fff }

/* 30 oct, noche · como el editor de las tarjetas: diseños con su vista previa, estilos con la familia
   de muestra, la ilustración grande con su palomita, y el mezclador de colores */
.kmk-disenos{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px }
.kmk-dis{ font:inherit; padding:6px 6px 8px; border:1px solid #E6DDCF; border-radius:10px; background:#EEE8DE; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:6px; color:#5A4E42 }
.kmk-dis canvas{ display:block; width:100%; height:auto; border-radius:3px; box-shadow:0 2px 6px rgba(40,30,20,.12); background:#fff }
.kmk-dis span{ font-size:12px; line-height:1.2; text-align:center }
.kmk-dis.on{ border-color:#2F2A24; box-shadow:0 0 0 1px #2F2A24; background:#E4DCCF; color:#2F2A24 }
.kmk-subir-fila{ display:flex; align-items:center; gap:10px; flex-wrap:wrap }
.kmk-originales{ display:grid; grid-template-columns:repeat(5, 1fr); gap:8px; margin-top:12px }
.kmk-destinos{ margin-bottom:10px }
.kmk-estilos{ display:grid; grid-template-columns:repeat(3, 1fr); gap:8px }
.kmk-estilo{ font:inherit; padding:0; border:1px solid #E6DDCF; border-radius:10px; overflow:hidden; background:#fff; cursor:pointer; position:relative; color:#2F2A24 }
.kmk-estilo img{ display:block; width:100%; aspect-ratio:1; object-fit:cover }
.kmk-estilo span{ display:block; font-size:13px; padding:7px 4px }
.kmk-estilo:hover{ border-color:#2F2A24 }
.kmk-estilo.pintando{ border-color:#3E6B48; box-shadow:0 0 0 1px #3E6B48 }
.kmk-ilus{ display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; margin-top:14px }
.kmk-ilu{ position:relative; text-align:center }
.kmk-ilu-b{ position:relative; display:block; width:100%; padding:0; border:1px solid #E6DDCF; border-radius:12px; overflow:hidden; background:#fff; cursor:pointer }
.kmk-ilu-b img{ display:block; width:100%; aspect-ratio:4/5; object-fit:cover }
.kmk-ilu.on .kmk-ilu-b{ border-color:#2F2A24; box-shadow:0 0 0 1.5px #2F2A24 }
.kmk-ilu > span{ display:block; font-size:13px; color:#5A4E42; margin-top:6px }
.kmk-palomita{ position:absolute; top:8px; right:8px; width:26px; height:26px; border-radius:50%; border:1.5px solid #fff; background:rgba(255,255,255,.55); color:#fff; font-style:normal; font-size:14px; display:flex; align-items:center; justify-content:center; box-shadow:0 1px 4px rgba(0,0,0,.2) }
.kmk-ilu.on .kmk-palomita{ background:#2F2A24; border-color:#2F2A24 }
.kmk-ilu .kmk-img-x{ top:4px; left:4px; right:auto }
.kmk-ilu:hover .kmk-img-x{ opacity:1 }
.kmk-ilu-pend .kmk-ilu-b{ cursor:default }
.kmk-ilu-pend .kmk-ilu-b img{ filter:blur(3px) grayscale(.3); opacity:.6 }
.kmk-ilu-pinta{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:12px; background:rgba(255,253,249,.55) }
.kmk-ilu-pinta b{ font-weight:500; font-size:14px; color:#2F2A24 }
.kmk-ilu-pinta .kav{ width:90% }
.kmk-color-mas{ font:400 18px/1 'Jost',sans-serif; color:#7A6E62; background:#fff; border-style:dashed }
.kmk-color.editando{ box-shadow:0 0 0 2px #fff, 0 0 0 4px #9A6A3A }
.kmk-mezcla{ margin-top:10px; padding:12px; border:1px solid #EDE6DA; border-radius:10px; background:#fff }
.kmk-mezcla-cab{ display:grid; grid-template-columns:34px 1fr 96px; gap:8px; align-items:center; margin-bottom:6px }
.kmk-mezcla-cab i{ width:34px; height:34px; border-radius:50%; border:1px solid rgba(0,0,0,.12) }
.kmk-hex{ font-family:ui-monospace,Menlo,monospace; font-size:13px }
.kmk-tono{ background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00); height:6px; border-radius:4px; -webkit-appearance:none; appearance:none }
@media (max-width:860px){ .kmk-disenos{ grid-template-columns:repeat(4, 1fr) } }

/* 30 oct · los colores de fondo en una columna a la izquierda de la vista previa, con el lino encima
   de todo; el mezclador se abre a un lado. El texto se escribe ahí mismo, sobre la vista previa. */
.kmk-vista{ position:relative; display:flex; gap:12px; align-items:flex-start }
.kmk-vista .kmk-suelta{ flex:1 1 auto; min-width:0 }
.kmk-fondos{ flex:none; display:flex; flex-direction:column; gap:7px; padding:2px; max-height:100%; overflow-y:auto; scrollbar-width:none }
.kmk-fondos .kmk-color{ flex:none; display:flex; align-items:center; justify-content:center }
.kmk-fondos .kmk-color-mas.on{ background:#2F2A24; color:#fff; border-style:solid }
.kmk-fondos-sep{ display:block; height:1px; background:#E3DACB; margin:2px 3px }
.kmk-lino-todo{ background:#EBE4D6 repeating-linear-gradient(0deg, rgba(255,255,255,.35) 0 1px, transparent 1px 3px), #EBE4D6; background-image:repeating-linear-gradient(0deg, rgba(255,255,255,.4) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(0,0,0,.06) 0 1px, transparent 1px 3px) }
.kmk-lino-todo span{ font:500 9px/1 'Jost',sans-serif; letter-spacing:.04em; color:#6F655A }
.kmk-mezcla-flota{ position:absolute; left:50px; top:0; z-index:7; width:270px; margin:0; box-shadow:0 10px 30px rgba(40,30,20,.2) }
.kmk-en-sitio{ position:absolute; z-index:4; margin:0; padding:0; border:0; outline:none; resize:none; overflow:hidden; background:transparent; box-sizing:border-box; caret-color:#C0563A; white-space:pre-wrap; word-wrap:break-word }
.kmk-mover{ position:absolute; z-index:5; width:26px; height:26px; border-radius:50%; border:1px solid #E0D7CA; background:#fff; color:#2F2A24; font-size:14px; line-height:1; padding:0; cursor:move; touch-action:none; box-shadow:0 2px 8px rgba(40,30,20,.18) }
.kmk-bt-fuente{ font:inherit; font-size:13px; height:30px; padding:0 6px; border:1px solid #E0D7CA; border-radius:8px; background:#fff; color:#2F2A24; max-width:130px }
.kmk-sel-caja.foto{ border:2px solid rgba(255,255,255,.9); box-shadow:0 0 0 1px rgba(40,30,20,.5) }
.kmk-bt-zoom{ gap:10px; font-size:13px; color:#5B5249 }
.kmk-bt-zoom label{ display:flex; align-items:center; gap:6px }
.kmk-bt-zoom input[type=range]{ width:120px }
@media (min-width:861px){
  .kmk-vista{ flex:1 1 auto; min-height:0; align-items:stretch }
}
@media (max-width:860px){
  .kmk-vista{ flex-direction:column }
  .kmk-fondos{ flex-direction:row; flex-wrap:wrap; max-height:none; overflow:visible }
  .kmk-fondos-sep{ width:1px; height:auto; margin:3px 2px }
  .kmk-mezcla-flota{ position:static; width:auto }
}
.kmk-barra.kmk-barra-foto{ width:auto; max-width:96%; padding:6px 8px }
.kmk-barra-foto .kmk-bt-zoom{ flex-wrap:nowrap; white-space:nowrap }
@media (max-width:860px){ .kmk-barra-foto .kmk-bt-zoom{ flex-wrap:wrap; white-space:normal } }

/* 30 oct, noche · el feed limpio: tocar el post lo abre; tres botoncitos con símbolo abajo a la
   derecha (después, duplicar, borrar); en el celular se arrastra con el dedo. */
.kmk-ig-post[data-feed-edita]{ cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
.kmk-ig-acc{ inset:auto 5px 5px auto; justify-content:flex-end; gap:4px; padding:0; background:none; flex-wrap:nowrap }
.kmk-ig-acc .kmk-ig-b{ width:24px; height:24px; padding:0; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:rgba(255,253,249,.82); color:#3A322B; font-size:15px; line-height:1; box-shadow:0 1px 4px rgba(0,0,0,.18) }
.kmk-ig-acc .kmk-ig-b:hover{ background:#fff }
.kmk-ig-acc .kmk-ig-x{ font-size:16px }
@media (hover:none){ .kmk-ig-acc{ opacity:.9 } .kmk-ig-acc .kmk-ig-b{ width:22px; height:22px } }
.kmk-ig-fantasma{ position:fixed; z-index:9999; pointer-events:none; opacity:.9; transform:scale(1.06); box-shadow:0 12px 30px rgba(0,0,0,.3) }
.kmk-ig-fantasma .kmk-ig-acc{ display:none }

/* 31 oct · el generador en tres filas con su nombre, y las frases por tema */
.kmk-gen-et{ margin:14px 0 0; font:500 10.5px/1 'Jost',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#9A8E80 }
.kmk-gen .kmk-gen-et + .kmk-chips{ margin-top:7px }
.kmk-tema-h{ margin:22px 0 10px; font:500 12px/1 'Jost',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#5B5249 }
.kmk-tema-h small{ font-weight:400; color:#A39889; margin-left:4px }
.kmk-frase-tema{ font:inherit; font-size:12px; padding:3px 6px; border:1px solid #E0D7CA; border-radius:8px; background:#fff; color:#5B5249; max-width:150px }
.kmk-frase-nueva select{ max-width:200px }