/* ==========================================================================
   LORICA INTELIGENTE - CÁMARA: MÓDULO IA (V1.0)
   Archivo: filtros-ra.css (reemplaza los estilos de la antigua Realidad Aumentada)
   ========================================================================== */
.lcam-ia-canvas { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; z-index: 9 !important; pointer-events: none !important; display: none; }
.lcam-ia-nota { font-size: 12px !important; color: #666 !important; line-height: 1.45 !important; padding: 0 20px 10px !important; text-align: center !important; }
.lcam-ia-miniatura { display: block !important; width: 46px !important; height: 46px !important; border-radius: 12px !important; background-size: cover !important; background-position: center !important; margin-bottom: 4px !important; border: 2px solid transparent !important; }
.f-icono.activo .lcam-ia-miniatura { border-color: #1DA1F2 !important; }
/* Colores */
.lcam-ia-color { position: absolute !important; inset: 0 !important; z-index: 45 !important; pointer-events: none !important; }
.lcam-ia-mira { position: absolute !important; left: 50% !important; top: 50% !important; width: 44px !important; height: 44px !important; margin: -22px 0 0 -22px !important; border: 3px solid #fff !important; border-radius: 50% !important; box-shadow: 0 0 0 2px rgba(0,0,0,0.45), inset 0 0 0 2px rgba(0,0,0,0.45) !important; }
.lcam-ia-mira::after { content: '' !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 6px !important; height: 6px !important; margin: -3px 0 0 -3px !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 0 0 1px rgba(0,0,0,0.5) !important; }
.lcam-ia-chip { position: absolute !important; left: 50% !important; top: calc(50% + 40px) !important; transform: translateX(-50%) !important; pointer-events: auto !important; cursor: pointer !important; display: flex !important; align-items: center !important; gap: 8px !important; padding: 8px 14px !important; border-radius: 22px !important; background: rgba(0,0,0,0.72) !important; color: #fff !important; font-family: inherit !important; white-space: nowrap !important; user-select: none !important; }
.lcam-ia-muestra { width: 22px !important; height: 22px !important; border-radius: 50% !important; border: 2px solid #fff !important; background: #888; }
.lcam-ia-nombre { font-size: 14px !important; font-weight: 700 !important; }
.lcam-ia-hex { font-size: 11px !important; color: #bbb !important; }
.lcam-ia-chip i { font-size: 13px !important; color: #1DA1F2 !important; }
/* Leer texto */
.lcam-ia-marco-texto { position: absolute !important; left: 8% !important; right: 8% !important; top: 22% !important; bottom: 30% !important; z-index: 45 !important; pointer-events: none !important; border: 2px dashed rgba(255,255,255,0.9) !important; border-radius: 14px !important; box-shadow: 0 0 0 9999px rgba(0,0,0,0.25) !important; }
.lcam-ia-acciones { display: flex !important; justify-content: center !important; padding: 0 20px 12px !important; }
.lcam-ia-btn { background: #1DA1F2 !important; color: #fff !important; font-size: 13.5px !important; font-weight: 700 !important; padding: 11px 22px !important; border-radius: 22px !important; cursor: pointer !important; user-select: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; }
.lcam-ia-barra { margin: 0 20px 14px !important; height: 6px !important; border-radius: 4px !important; background: #eee !important; overflow: hidden !important; }
.lcam-ia-barra > div { height: 100% !important; width: 0; background: #1DA1F2 !important; transition: width 0.3s ease !important; }
.lcam-ia-texto { margin: 0 20px 10px !important; padding: 10px 12px !important; max-height: 130px !important; overflow: auto !important; background: #f4f5f7 !important; border-radius: 10px !important; font-size: 13px !important; color: #222 !important; line-height: 1.5 !important; text-align: left !important; user-select: text !important; -webkit-user-select: text !important; word-break: break-word !important; }
.lcam-ia-credito { display: block !important; margin-top: 4px !important; font-size: 9.5px !important; color: #999 !important; }
/* V1.2 — Tamaño del sombrero */
.lcam-ia-tamano { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; padding: 0 20px 14px !important; }
.lcam-ia-tamano span { min-width: 56px !important; text-align: center !important; font-size: 16px !important; font-weight: 800 !important; color: #111 !important; }
.lcam-ia-tbtn { width: 44px !important; height: 44px !important; border-radius: 50% !important; background: #1DA1F2 !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 16px !important; cursor: pointer !important; user-select: none !important; }
.lcam-ia-tbtn-txt { width: auto !important; padding: 0 14px !important; border-radius: 22px !important; background: #f4f5f7 !important; color: #333 !important; font-size: 12px !important; font-weight: 700 !important; border: 1px solid #e5e5ea !important; }
.lcam-ia-btn-suave { background: #f4f5f7 !important; color: #333 !important; border: 1px solid #e5e5ea !important; }
/* V2.0 — Altura: filas del cajón */
.lcam-ia-alt-fila { display: flex !important; gap: 8px !important; align-items: center !important; justify-content: center !important; padding: 0 20px 10px !important; }
.lcam-ia-alt-fila .lcam-form-in { flex: 1 1 auto !important; min-width: 0 !important; font-size: 16px !important; }