/* Guía Creadora — estilos compartidos (Paleta B de la casa: azul Seix, negro
   tinta, rojo vivo de acción, verde de confirmación, dorado de realce).
   Superficies luminosas; ninguna superficie de tienda/creador oscura. */
:root {
  --gc-azul: #0b5ed7; --gc-azul-osc: #084298; --gc-tinta: #101418;
  --gc-rojo: #e03131; --gc-verde: #1e9e62; --gc-dorado: #d4a017;
  --gc-fondo: #fdf9f2; --gc-borde: #e3dccb; --gc-suave: #eef4fb;
}
.gc-oculto { display: none !important; }
.gc-boton {
  display: inline-flex; align-items: center; gap: .45rem; cursor: pointer;
  background: var(--gc-rojo); color: #fff; border: 0; border-radius: 999px;
  font-weight: 700; font-size: 1rem; padding: .7rem 1.3rem; line-height: 1.15;
  box-shadow: 0 4px 14px rgba(224,49,49,.28); transition: transform .12s ease, box-shadow .12s ease;
}
.gc-boton:hover { transform: translateY(-1px); }
.gc-boton.gc-sec { background: #fff; color: var(--gc-azul-osc); border: 2px solid var(--gc-azul); box-shadow: none; }
.gc-boton.gc-azul { background: var(--gc-azul); box-shadow: 0 4px 14px rgba(11,94,215,.25); }
.gc-boton.gc-escuchando { background: var(--gc-verde); box-shadow: 0 0 0 6px rgba(30,158,98,.22); }
.gc-guia-caja {
  background: var(--gc-suave); border: 2px solid var(--gc-azul); border-radius: 18px;
  padding: 1rem 1.1rem; margin: 1rem 0;
}
.gc-guia-fila { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.gc-escuchado { color: var(--gc-azul-osc); font-weight: 600; min-height: 1.2em; }
.gc-coach {
  margin-top: .7rem; background: #fff; border-left: 5px solid var(--gc-dorado);
  border-radius: 10px; padding: .7rem .9rem; font-size: 1.02rem; color: var(--gc-tinta);
}
.gc-estado-demo {
  display: inline-block; background: #fff3bf; color: #7a5b00; border: 2px dashed var(--gc-dorado);
  border-radius: 999px; font-weight: 800; padding: .3rem .9rem; letter-spacing: .02em;
}
.gc-estado-activo {
  display: inline-block; background: #d3f9d8; color: #0b6b3a; border: 2px solid var(--gc-verde);
  border-radius: 999px; font-weight: 800; padding: .3rem .9rem;
}
/* Ayuda / soporte */
.gc-ayuda { margin: 1rem 0; }
.gc-boton-ayuda { background: var(--gc-azul); box-shadow: 0 4px 14px rgba(11,94,215,.25); }
.gc-ayuda-panel {
  margin-top: .7rem; background: #fff; border: 2px solid var(--gc-borde);
  border-radius: 16px; padding: 1rem;
}
.gc-ayuda-txt { margin: .2rem 0 .8rem; color: var(--gc-tinta); }
.gc-ayuda-vias { display: flex; flex-wrap: wrap; gap: .55rem; }
.gc-ayuda-estado { color: var(--gc-azul-osc); font-weight: 700; margin: .7rem 0 0; min-height: 1.2em; }
.gc-chat { margin-top: .8rem; border-top: 2px dashed var(--gc-borde); padding-top: .8rem; }
.gc-chat-msgs { max-height: 260px; overflow-y: auto; display: flex; flex-direction: column; gap: .45rem; padding: .3rem; }
.gc-msg { max-width: 86%; border-radius: 14px; padding: .55rem .8rem; font-size: .97rem; white-space: pre-wrap; }
.gc-msg.gc-mio { align-self: flex-end; background: var(--gc-suave); border: 1px solid var(--gc-azul); }
.gc-msg.gc-soporte { align-self: flex-start; background: #e6fcf0; border: 1px solid var(--gc-verde); }
.gc-chat-fila { display: flex; gap: .5rem; margin-top: .6rem; }
.gc-chat-in { flex: 1; border: 2px solid var(--gc-borde); border-radius: 999px; padding: .6rem 1rem; font-size: 1rem; min-width: 0; }
.gc-chat-nota { color: #6b6250; font-size: .88rem; margin: .5rem 0 0; }
/* Creativos */
.gc-prop-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .8rem; margin-top: .8rem; }
.gc-prop { border: 3px solid var(--gc-borde); border-radius: 14px; overflow: hidden; background: #fff; cursor: pointer; padding: 0; }
.gc-prop img, .gc-prop video { width: 100%; height: 150px; object-fit: cover; display: block; }
.gc-prop span { display: block; padding: .45rem; font-weight: 700; color: var(--gc-azul-osc); font-size: .92rem; }
.gc-prop.gc-elegida { border-color: var(--gc-verde); box-shadow: 0 0 0 4px rgba(30,158,98,.2); }