/* =========================================================
   LandingClick Interface v1.3.4
   LC OS2 visual system centralizado.
   Capa visual únicamente: no modifica lógica, tablas, SQL ni guardado.
   ========================================================= */

:root{
  --lc-os2-orange:#ff6a00;
  --lc-os2-orange-dark:#e65f00;
  --lc-os2-bg:#f5f6f8;
  --lc-os2-card:#ffffff;
  --lc-os2-border:#e6e8ee;
  --lc-os2-text:#111827;
  --lc-os2-muted:#6b7280;
  --lc-os2-shadow:0 12px 32px rgba(17,24,39,.08);
  --lc-os2-radius:20px;
}

.lc-os2-shell,
.lc-os2-core,
.lc-os2-mi-negocio{
  --lc-os2-orange:#ff6a00;
  --lc-os2-orange-dark:#e65f00;
  --lc-os2-bg:#f5f6f8;
  --lc-os2-card:#ffffff;
  --lc-os2-border:#e6e8ee;
  --lc-os2-text:#111827;
  --lc-os2-muted:#6b7280;
  --lc-os2-shadow:0 12px 32px rgba(17,24,39,.08);
  --lc-os2-radius:20px;
  width:100%!important;
  max-width:1130px!important;
  margin:0 auto!important;
  padding:0!important;
  background:var(--lc-os2-bg)!important;
  border:1px solid var(--lc-os2-border)!important;
  border-radius:26px!important;
  overflow:hidden!important;
  box-shadow:var(--lc-os2-shadow)!important;
  color:var(--lc-os2-text)!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

.lc-os2-shell *,
.lc-os2-core *,
.lc-os2-mi-negocio *{box-sizing:border-box!important;}

.lc-os2-container,
.lcai-panel-container{
  display:grid!important;
  gap:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

/* HeadOS2 oficial */
.lc-os2-head{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:68px!important;
  padding:12px 16px!important;
  margin:0!important;
  border-radius:26px 26px 0 0!important;
  background:#ffffff!important;
  color:var(--lc-os2-text)!important;
  border:0!important;
  border-bottom:1px solid var(--lc-os2-border)!important;
  box-shadow:0 8px 22px rgba(17,24,39,.055)!important;
  overflow:visible!important;
}
.lc-os2-head-left,
.lc-os2-head-right{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
.lc-os2-head-left{flex:1 1 auto!important;overflow:hidden!important;}
.lc-os2-head-right{flex:0 0 auto!important;overflow:visible!important;max-width:none!important;}
.lc-os2-brandmark{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;max-height:44px!important;border-radius:15px!important;background:#fff!important;border:1px solid var(--lc-os2-border)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;color:var(--lc-os2-orange)!important;font-weight:900!important;box-shadow:0 8px 18px rgba(17,24,39,.08)!important;}
.lc-os2-brandmark img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;padding:5px!important;box-sizing:border-box!important;}
.lc-os2-brandmark span{color:var(--lc-os2-orange)!important;font-weight:900!important;}
.lc-os2-titlebox{min-width:0!important;max-width:none!important;overflow:hidden!important;}
.lc-os2-title{font-size:18px!important;font-weight:900!important;line-height:1.05!important;color:var(--lc-os2-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.lc-os2-subtitle{margin-top:3px!important;font-size:12px!important;font-weight:600!important;color:var(--lc-os2-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:320px!important;}

.lc-os2-apps-btn,
.lc-os2-user-menu > summary{min-width:42px!important;min-height:42px!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;line-height:1!important;text-decoration:none!important;cursor:pointer!important;box-sizing:border-box!important;white-space:nowrap!important;}
.lc-os2-apps-btn{gap:7px!important;background:#fff7ed!important;color:var(--lc-os2-orange-dark)!important;border:1px solid #fed7aa!important;font-weight:900!important;}
.lc-os2-apps-btn:hover{background:#ffedd5!important;color:var(--lc-os2-orange-dark)!important;}
.lc-os2-apps-icon{font-size:18px!important;line-height:1!important;}
.lc-os2-apps-text{font-size:13px!important;font-weight:900!important;}
.lc-os2-user-menu{position:relative!important;z-index:50!important;}
.lc-os2-user-menu > summary{list-style:none!important;gap:6px!important;max-width:154px!important;overflow:hidden!important;text-overflow:ellipsis!important;background:transparent!important;color:var(--lc-os2-orange-dark)!important;border:0!important;font-size:12px!important;font-weight:800!important;}
.lc-os2-user-menu > summary::-webkit-details-marker{display:none!important;}
.lc-os2-user-menu > summary:after{content:'▾'!important;font-size:11px!important;margin-left:4px!important;color:var(--lc-os2-orange-dark)!important;}
.lc-os2-user-menu > summary:hover{background:#fff7ed!important;color:var(--lc-os2-orange-dark)!important;}
.lc-os2-user-dropdown{position:absolute!important;right:0!important;top:calc(100% + 10px)!important;min-width:220px!important;padding:8px!important;background:#fff!important;color:var(--lc-os2-text)!important;border:1px solid var(--lc-os2-border)!important;border-radius:16px!important;box-shadow:0 18px 44px rgba(17,24,39,.16)!important;z-index:9999!important;}
.lc-os2-user-menu:not([open]) .lc-os2-user-dropdown{display:none!important;}
.lc-os2-user-dropdown a{display:flex!important;align-items:center!important;min-height:40px!important;padding:9px 11px!important;border-radius:12px!important;color:var(--lc-os2-text)!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important;}
.lc-os2-user-dropdown a:hover{background:#fff3eb!important;color:var(--lc-os2-orange-dark)!important;}

/* Tabs/chips debajo del head con scroll horizontal */
.lc-os2-tabs{position:sticky!important;top:68px!important;z-index:30!important;display:flex!important;gap:8px!important;padding:12px 16px!important;margin:0!important;background:rgba(245,246,248,.94)!important;border-bottom:1px solid var(--lc-os2-border)!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;box-sizing:border-box!important;}
.lc-os2-tabs::-webkit-scrollbar{display:none!important;}
.lc-os2-tab{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:9px 14px!important;border:1px solid var(--lc-os2-border)!important;border-radius:999px!important;background:#fff!important;color:var(--lc-os2-muted)!important;font-size:14px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 4px 12px rgba(17,24,39,.04)!important;white-space:nowrap!important;}
.lc-os2-tab:hover{color:var(--lc-os2-orange-dark)!important;background:#fffaf6!important;}
.lc-os2-tab.is-active{background:var(--lc-os2-orange)!important;color:#fff!important;border-color:var(--lc-os2-orange)!important;box-shadow:0 10px 22px rgba(255,106,0,.24)!important;}

/* Cards, métricas y secciones */
/* Dashboard / reportes: métricas siempre ordenadas en grid 2 columnas OS2 */
.lc-os2-metrics,
.lcai-panel-metrics,
.lc-os2-summary-grid,
.lc-os2-report-grid,
.lc-os2-stats,
.lc-os2-dashboard-metrics,
.lc-dashboard-metrics,
.lc-summary-cards,
.lc-report-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:auto!important;margin:16px!important;padding:0!important;align-items:stretch!important;}
.lc-os2-metric,
.lc-os2-metric-card,
.lcai-metric-card,
.lc-stat-card,
.lc-summary-card,
.lc-report-card{background:#fff!important;border:1px solid var(--lc-os2-border)!important;border-radius:var(--lc-os2-radius)!important;box-shadow:0 8px 22px rgba(17,24,39,.055)!important;padding:14px!important;min-width:0!important;min-height:88px!important;overflow:hidden!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.lc-os2-metric strong,
.lc-os2-metric-card strong,
.lcai-metric-card strong,
.lc-stat-card strong,
.lc-summary-card strong,
.lc-report-card strong{display:block!important;font-size:24px!important;line-height:1.1!important;color:var(--lc-os2-text)!important;word-break:break-word!important;}
.lc-os2-metric span,
.lc-os2-metric-card span,
.lcai-metric-card span,
.lc-stat-card span,
.lc-summary-card span,
.lc-report-card span{display:block!important;margin-top:4px!important;font-size:12px!important;color:var(--lc-os2-muted)!important;}
.lc-os2-card,.lcai-panel-card{width:auto!important;max-width:none!important;min-width:0!important;margin:0 16px 16px!important;padding:16px!important;background:#fff!important;border:1px solid var(--lc-os2-border)!important;border-radius:var(--lc-os2-radius)!important;box-shadow:0 8px 22px rgba(17,24,39,.055)!important;overflow:hidden!important;}
.lc-os2-card-header,.lcai-panel-card-header{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #f1f5f9!important;padding-bottom:12px!important;margin-bottom:12px!important;gap:10px!important;}
.lc-os2-card-header h3,.lcai-panel-card-header h3{margin:0!important;color:var(--lc-os2-text)!important;font-size:20px!important;line-height:1.2!important;}

/* Formularios */
.lc-os2-form-grid,.lcai-panel-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;margin-top:14px!important;width:100%!important;max-width:100%!important;min-width:0!important;}
.lc-os2-form-grid-3,.lcai-panel-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.lc-os2-form-grid .full,.lcai-panel-form-grid .full{grid-column:1 / -1!important;}
.lc-os2-card label,.lcai-panel-card label{display:block!important;margin-bottom:5px!important;color:var(--lc-os2-muted)!important;font-size:13px!important;font-weight:600!important;}
.lc-os2-card input[type="text"],.lc-os2-card input[type="email"],.lc-os2-card input[type="number"],.lc-os2-card input[type="url"],.lc-os2-card input[type="date"],.lc-os2-card input[type="color"],.lc-os2-card input[type="file"],.lc-os2-card select,.lc-os2-card textarea,.lcai-panel-card input[type="text"],.lcai-panel-card input[type="email"],.lcai-panel-card input[type="number"],.lcai-panel-card input[type="url"],.lcai-panel-card input[type="date"],.lcai-panel-card input[type="color"],.lcai-panel-card input[type="file"],.lcai-panel-card select,.lcai-panel-card textarea,.lcai-readonly{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px 12px!important;border-radius:10px!important;border:1px solid var(--lc-os2-border)!important;background:#fff!important;color:var(--lc-os2-text)!important;font-size:14px!important;line-height:1.4!important;box-sizing:border-box!important;outline:none!important;}
.lc-os2-card textarea,.lcai-panel-card textarea{min-height:90px!important;resize:vertical!important;}
.lc-os2-card input:focus,.lc-os2-card select:focus,.lc-os2-card textarea:focus,.lcai-panel-card input:focus,.lcai-panel-card select:focus,.lcai-panel-card textarea:focus{border-color:var(--lc-os2-orange)!important;box-shadow:0 0 0 3px rgba(255,106,0,.10)!important;}

/* Botones y acciones */
.lc-os2-actions,.lcai-panel-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;margin-top:16px!important;}
.lc-os2-btn,.lcai-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:9px 14px!important;border-radius:14px!important;border:1px solid var(--lc-os2-border)!important;background:#fff!important;color:var(--lc-os2-text)!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important;}
.lc-os2-btn-primary,.lcai-btn-primary,.lcai-panel-save{min-height:48px!important;min-width:180px!important;padding:10px 16px!important;border-radius:16px!important;background:var(--lc-os2-orange)!important;color:#fff!important;font-weight:900!important;border:0!important;box-shadow:none!important;}

/* Filtros tipo acordeón */
.lc-os2-filter-details{width:100%!important;margin:0 0 14px!important;}
.lc-os2-filter-details summary{list-style:none!important;cursor:pointer!important;border:1px solid var(--lc-os2-border)!important;background:#fff!important;border-radius:14px!important;padding:9px 12px!important;font-size:13px!important;font-weight:800!important;color:var(--lc-os2-text)!important;box-shadow:0 2px 8px rgba(17,24,39,.04)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;max-width:230px!important;}
.lc-os2-filter-details summary::-webkit-details-marker{display:none!important;}
.lc-os2-filter-summary-state:after{content:'▼'!important;font-size:10px!important;color:var(--lc-os2-muted)!important;}
.lc-os2-filter-details[open] .lc-os2-filter-summary-state:after{content:'▲'!important;}
.lc-os2-filter-form{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:10px!important;padding:14px!important;border:1px solid var(--lc-os2-border)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;align-items:end!important;}

/* Tablas desktop + cards móviles */
.lc-os2-table-wrap,.lcai-panel-table-wrap{margin-top:12px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
.lc-os2-table,.lcai-panel-table{min-width:760px!important;border-collapse:separate!important;border-spacing:0!important;width:100%!important;}
.lc-os2-table th,.lc-os2-table td,.lcai-panel-table th,.lcai-panel-table td{background:#fff!important;border-bottom:1px solid var(--lc-os2-border)!important;padding:12px 10px!important;vertical-align:top!important;}
.lc-os2-table thead th,.lcai-panel-table thead th{background:#f9fafb!important;color:var(--lc-os2-text)!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.03em!important;}
.lc-os2-table-actions,.lcai-table-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;}

@media(max-width:768px){
  .lc-os2-shell,.lc-os2-core,.lc-os2-mi-negocio{min-height:100dvh!important;max-width:100%!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important;padding:0!important;overflow-x:hidden!important;}
  .lc-os2-container,.lcai-panel-container{display:block!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;padding:0 0 18px!important;height:auto!important;max-height:none!important;}
  .lc-os2-head{min-height:62px!important;padding:10px!important;border-radius:0!important;gap:12px!important;box-shadow:0 4px 14px rgba(17,24,39,.045)!important;}
  .lc-os2-brandmark{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;max-height:38px!important;border-radius:13px!important;}
  .lc-os2-title{font-size:16px!important;}
  .lc-os2-subtitle{max-width:155px!important;font-size:11px!important;}
  .lc-os2-head-left{gap:10px!important;flex:1 1 auto!important;overflow:hidden!important;}
  .lc-os2-head-right{gap:6px!important;flex:0 0 auto!important;max-width:none!important;overflow:visible!important;}
  .lc-os2-apps-btn,.lc-os2-user-menu > summary{min-width:38px!important;min-height:38px!important;border-radius:13px!important;padding:0 10px!important;font-size:13px!important;}
  .lc-os2-apps-btn{min-width:42px!important;max-width:none!important;width:auto!important;padding:0 9px!important;}
  .lc-os2-apps-text{display:none!important;}
  .lc-os2-apps-icon{font-size:20px!important;}
  .lc-os2-user-menu > summary{max-width:44px!important;width:auto!important;font-size:0!important;background:transparent!important;border:0!important;}
  .lc-os2-user-menu > summary:before{content:'👤'!important;font-size:15px!important;}
  .lc-os2-user-menu > summary:after{font-size:10px!important;margin-left:3px!important;}
  .lc-os2-user-dropdown{right:0!important;min-width:210px!important;}

  .lc-os2-tabs{top:62px!important;padding:10px!important;}
  .lc-os2-tab{min-height:36px!important;padding:8px 12px!important;font-size:13px!important;}
  .lc-os2-metrics,.lcai-panel-metrics,.lc-os2-summary-grid,.lc-os2-report-grid,.lc-os2-stats,.lc-os2-dashboard-metrics,.lc-dashboard-metrics,.lc-summary-cards,.lc-report-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 10px!important;}
  .lc-os2-metric,.lc-os2-metric-card,.lcai-metric-card,.lc-stat-card,.lc-summary-card,.lc-report-card{padding:12px!important;border-radius:16px!important;min-height:82px!important;}
  .lc-os2-metric strong,.lc-os2-metric-card strong,.lcai-metric-card strong,.lc-stat-card strong,.lc-summary-card strong,.lc-report-card strong{font-size:22px!important;}
  .lc-os2-metric span,.lc-os2-metric-card span,.lcai-metric-card span,.lc-stat-card span,.lc-summary-card span,.lc-report-card span{font-size:12px!important;line-height:1.15!important;}
  .lc-os2-card,.lcai-panel-card{margin:0 10px 18px!important;padding:12px!important;border-radius:18px!important;height:auto!important;max-height:none!important;overflow:visible!important;}
  .lc-os2-card.has-mobile-actions,.lcai-panel-card.has-mobile-actions{margin-bottom:92px!important;}
  .lc-os2-card-header h3,.lcai-panel-card-header h3{font-size:18px!important;}
  .lc-os2-form-grid,.lc-os2-form-grid-3,.lcai-panel-form-grid,.lcai-panel-form-grid-3{grid-template-columns:1fr!important;gap:12px!important;}
  .lc-os2-actions.is-mobile-fixed,.lcai-panel-actions.is-mobile-fixed{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:35!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;margin:0!important;background:rgba(255,255,255,.96)!important;border-top:1px solid var(--lc-os2-border)!important;box-shadow:0 -12px 28px rgba(17,24,39,.10)!important;backdrop-filter:blur(10px)!important;}
  .lc-os2-actions.is-mobile-fixed .lc-os2-btn-primary,.lcai-panel-actions.is-mobile-fixed .lcai-btn-primary,.lcai-panel-actions.is-mobile-fixed .lcai-panel-save{width:100%!important;min-width:0!important;min-height:46px!important;border-radius:15px!important;padding:10px 12px!important;font-size:13px!important;}
  .lc-os2-filter-form{grid-template-columns:1fr!important;padding:12px!important;}
  .lc-os2-filter-details summary{max-width:none!important;width:100%!important;}

  .lc-os2-table-wrap,.lcai-panel-table-wrap{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;background:transparent!important;touch-action:pan-y!important;contain:none!important;}
  .lc-os2-table,.lc-os2-table thead,.lc-os2-table tbody,.lc-os2-table tr,.lc-os2-table th,.lc-os2-table td,.lcai-panel-table,.lcai-panel-table thead,.lcai-panel-table tbody,.lcai-panel-table tr,.lcai-panel-table th,.lcai-panel-table td{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;height:auto!important;max-height:none!important;overflow:visible!important;touch-action:pan-y!important;}
  .lc-os2-table thead,.lcai-panel-table thead{display:none!important;}
  .lc-os2-table tr,.lcai-panel-table tr{margin:0 0 12px!important;border:1px solid var(--lc-os2-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 18px rgba(17,24,39,.05)!important;overflow:hidden!important;height:auto!important;max-height:none!important;}
  .lc-os2-table td,.lcai-panel-table td{border-bottom:1px solid #f1f5f9!important;padding:10px 12px!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;}
  .lc-os2-table td:last-child,.lcai-panel-table td:last-child{border-bottom:0!important;}
  .lc-os2-table td:before,.lcai-panel-table td:before{content:attr(data-label)!important;display:block!important;margin-bottom:4px!important;color:var(--lc-os2-muted)!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
  .lc-os2-table-actions,.lcai-table-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  .lc-os2-table-actions .lc-os2-btn,.lcai-table-actions .lcai-btn{width:100%!important;min-height:40px!important;border-radius:14px!important;}
}

@media(max-width:420px){
  .lc-os2-titlebox{max-width:145px!important;}
  .lc-os2-head-left{gap:7px!important;}
  .lc-os2-head-right{gap:6px!important;}
}

/* v1.1.0 - User menu oficial LandingClick OS */
.lc-os2-user-dropdown .lc-os2-user-link{justify-content:space-between!important;gap:12px!important;}
.lc-os2-user-dropdown .lc-os2-user-link small{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#94a3b8!important;font-weight:800!important;}
.lc-os2-user-dropdown .lc-os2-user-link.is-pending{opacity:.68!important;cursor:not-allowed!important;}
.lc-os2-user-dropdown .lc-os2-user-link.is-pending:hover{background:#f8fafc!important;color:var(--lc-os2-text)!important;}
.lc-os2-user-dropdown .lc-os2-user-link.is-danger{color:#b91c1c!important;}
.lc-os2-user-dropdown .lc-os2-user-link.is-danger:hover{background:#fef2f2!important;color:#991b1b!important;}
.lc-os2-admin-demo .lc-os2-shell{margin:18px 0!important;}
.lc-os2-admin-demo pre{background:#0f172a!important;color:#e5e7eb!important;border-radius:14px!important;padding:16px!important;overflow:auto!important;}


/* v1.2.0 - ajustes backend y compatibilidad visual */
.lc-os2-btn-danger{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important;box-shadow:none!important;}
.lc-os2-btn-danger:hover{background:#fee2e2!important;color:#991b1b!important;}
.lc-os2-admin-demo input[type="color"]{width:100%!important;min-height:44px!important;padding:4px!important;border-radius:14px!important;}
.lc-os2-admin-demo input[type="number"]{width:100%!important;}
.lc-os2-admin-demo .lc-os2-card p{font-size:14px!important;color:var(--lc-os2-muted)!important;}

/* v1.2.2 - tabs demo funcionales */
.lc-os2-panel[hidden]{display:none!important;}
.lc-os2-panel{animation:lcOs2PanelFade .16s ease-out;}
@keyframes lcOs2PanelFade{from{opacity:.65;transform:translateY(3px);}to{opacity:1;transform:none;}}


/* =========================================================
   LandingClick Interface v1.2.2
   Reglas oficiales para tablas anchas y listas tipo Core.
   Objetivo:
   - En móvil, las tablas con data-label se convierten en cards completas.
   - Las tablas que necesiten conservar formato horizontal pueden usar .lc-os2-table-scroll.
   - Compatibilidad legacy Core: .lc-os2-items-table-wrap / .lc-os2-items-table.
   ========================================================= */

/* Compatibilidad Core Items: Productos y servicios */
.lc-os2-items-table-wrap{
  margin-top:12px!important;
  width:100%!important;
}

.lc-os2-items-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

.lc-os2-items-table th,
.lc-os2-items-table td{
  background:#fff!important;
  border-bottom:1px solid var(--lc-os2-border)!important;
  padding:12px 10px!important;
  vertical-align:top!important;
}

.lc-os2-items-table thead th{
  background:#f9fafb!important;
  color:var(--lc-os2-text)!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
}

/* Utilidad: cuando una tabla debe deslizar horizontalmente */
.lc-os2-table-scroll,
.lcai-panel-table-scroll{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  border:1px solid var(--lc-os2-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  padding-bottom:8px!important;
}

.lc-os2-table-scroll table,
.lcai-panel-table-scroll table{
  min-width:860px!important;
  width:max-content!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

.lc-os2-table-scroll:after,
.lcai-panel-table-scroll:after{
  content:"← Desliza para ver más columnas →"!important;
  display:block!important;
  position:sticky!important;
  left:0!important;
  padding:8px 12px 0!important;
  color:var(--lc-os2-muted)!important;
  font-size:12px!important;
  font-weight:800!important;
  background:#fff!important;
}

@media(max-width:768px){

  /* Card table oficial: muestra todos los datos sin depender de ancho */
  .lc-os2-table-card-mobile,
  .lc-os2-items-table-wrap{
    display:block!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
 /*extra*/ 
   .lc-os2-card{
    margin:0 10px 18px!important;
  }

  .lc-os2-table-card-mobile table,
  .lc-os2-table-card-mobile thead,
  .lc-os2-table-card-mobile tbody,
  .lc-os2-table-card-mobile tr,
  .lc-os2-table-card-mobile th,
  .lc-os2-table-card-mobile td,
  .lc-os2-items-table,
  .lc-os2-items-table thead,
  .lc-os2-items-table tbody,
  .lc-os2-items-table tr,
  .lc-os2-items-table th,
  .lc-os2-items-table td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    height:auto!important;
    max-height:none!important;
  }

  .lc-os2-table-card-mobile thead,
  .lc-os2-items-table thead{
    display:none!important;
  }

  .lc-os2-table-card-mobile tr,
  .lc-os2-items-table tr{
    margin:0 0 12px!important;
    border:1px solid var(--lc-os2-border)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(17,24,39,.05)!important;
    overflow:hidden!important;
  }

  .lc-os2-table-card-mobile td,
  .lc-os2-items-table td{
    border-bottom:1px solid #f1f5f9!important;
    padding:10px 12px!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }

  .lc-os2-table-card-mobile td:last-child,
  .lc-os2-items-table td:last-child{
    border-bottom:0!important;
  }

  .lc-os2-table-card-mobile td:before,
  .lc-os2-items-table td:before{
    content:attr(data-label)!important;
    display:block!important;
    margin-bottom:4px!important;
    color:var(--lc-os2-muted)!important;
    font-size:11px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
  }

  .lc-os2-table-card-mobile .lc-os2-table-actions,
  .lc-os2-items-table .lcai-table-actions,
  .lc-os2-items-table .lc-os2-table-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }

  .lc-os2-table-card-mobile .lc-os2-btn,
  .lc-os2-items-table .lcai-btn,
  .lc-os2-items-table .lc-os2-btn{
    width:100%!important;
    min-height:40px!important;
    border-radius:14px!important;
  }

  /* Si se fuerza scroll horizontal, no convertir a cards */
  .lc-os2-table-scroll table,
  .lc-os2-table-scroll thead,
  .lc-os2-table-scroll tbody,
  .lc-os2-table-scroll tr,
  .lc-os2-table-scroll th,
  .lc-os2-table-scroll td,
  .lcai-panel-table-scroll table,
  .lcai-panel-table-scroll thead,
  .lcai-panel-table-scroll tbody,
  .lcai-panel-table-scroll tr,
  .lcai-panel-table-scroll th,
  .lcai-panel-table-scroll td{
    display:revert!important;
    width:auto!important;
    min-width:revert!important;
  }

  .lc-os2-table-scroll table,
  .lcai-panel-table-scroll table{
    display:table!important;
    min-width:860px!important;
    width:max-content!important;
  }
}


/* =========================================================
   LandingClick Interface v1.3.4
   Reglas para vistas funcionales y compatibilidad Core Interacciones.
   Objetivo:
   - No mostrar chips/tabs falsas cuando solo existe una sección.
   - Las tabs deben ser navegación real, paneles JS reales o enlaces reales.
   - Interacciones usa tabla-card móvil igual que productos/clientes.
   ========================================================= */

/* Micro encabezado de sección: título + descripción funcional */
.lc-os2-section-intro{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  margin:0 0 14px!important;
}
.lc-os2-section-intro h3,
.lc-os2-section-title{
  margin:0!important;
  color:var(--lc-os2-text)!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1.15!important;
}
.lc-os2-section-desc{
  margin:0!important;
  color:var(--lc-os2-muted)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.35!important;
}

/* Cuando un plugin detecta una sola sección puede ocultar el menú de tabs */
.lc-os2-tabs.is-single,
.lc-os2-tabs[data-lc-tabs-count="1"]{
  display:none!important;
}

/* Tabs deshabilitadas o pendientes: visibles pero no prometen acción */
.lc-os2-tab.is-disabled,
.lc-os2-tab[aria-disabled="true"]{
  opacity:.55!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
  box-shadow:none!important;
}

/* Compatibilidad Core: Interacciones */
.lc-os2-interacciones-table-wrap{
  margin-top:12px!important;
  width:100%!important;
}
.lc-os2-interacciones-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.lc-os2-interacciones-table th,
.lc-os2-interacciones-table td{
  background:#fff!important;
  border-bottom:1px solid var(--lc-os2-border)!important;
  padding:12px 10px!important;
  vertical-align:top!important;
}
.lc-os2-interacciones-table thead th{
  background:#f9fafb!important;
  color:var(--lc-os2-text)!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
}
.lc-os2-interacciones-filter-form{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:10px!important;
  padding:14px!important;
  border:1px solid var(--lc-os2-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
  align-items:end!important;
}
.lc-os2-interacciones-filter-form input,
.lc-os2-interacciones-filter-form select{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

@media(max-width:768px){
  .lc-os2-interacciones-filter-form{grid-template-columns:1fr!important;padding:12px!important;}

  .lc-os2-interacciones-table-wrap{
    display:block!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    touch-action:pan-y!important;
  }

  .lc-os2-interacciones-table,
  .lc-os2-interacciones-table thead,
  .lc-os2-interacciones-table tbody,
  .lc-os2-interacciones-table tr,
  .lc-os2-interacciones-table th,
  .lc-os2-interacciones-table td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    touch-action:pan-y!important;
  }
  .lc-os2-interacciones-table thead{display:none!important;}
  .lc-os2-interacciones-table tr{
    margin:0 0 12px!important;
    border:1px solid var(--lc-os2-border)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(17,24,39,.05)!important;
    overflow:hidden!important;
  }
  .lc-os2-interacciones-table td{
    border-bottom:1px solid #f1f5f9!important;
    padding:10px 12px!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .lc-os2-interacciones-table td:last-child{border-bottom:0!important;}
  .lc-os2-interacciones-table td:before{
    content:attr(data-label)!important;
    display:block!important;
    margin-bottom:4px!important;
    color:var(--lc-os2-muted)!important;
    font-size:11px!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
  }
}

/* =========================================================
   LandingClick Interface v1.3.0 - Head Builder
   Variables editables desde backend. Solo capa visual.
   ========================================================= */
.lc-os2-head{
  min-height:var(--lc-head-height,68px)!important;
  padding:var(--lc-head-padding-y,12px) var(--lc-head-padding-x,16px)!important;
  gap:var(--lc-head-gap,12px)!important;
  border-radius:var(--lc-head-radius,26px) var(--lc-head-radius,26px) 0 0!important;
  background:var(--lc-head-bg,#ffffff)!important;
  color:var(--lc-head-text,var(--lc-os2-text))!important;
  border-bottom-color:var(--lc-head-border,var(--lc-os2-border))!important;
  box-shadow:var(--lc-head-shadow,0 8px 22px rgba(17,24,39,.055))!important;
}
.lc-os2-head-left,
.lc-os2-head-right{gap:var(--lc-head-gap,12px)!important;}
.lc-os2-brandmark{
  width:var(--lc-head-icon-size,44px)!important;
  height:var(--lc-head-icon-size,44px)!important;
  min-width:var(--lc-head-icon-size,44px)!important;
  max-width:var(--lc-head-icon-size,44px)!important;
  max-height:var(--lc-head-icon-size,44px)!important;
  border-radius:var(--lc-head-icon-radius,15px)!important;
  background:var(--lc-head-icon-bg,#fff)!important;
  border-color:var(--lc-head-icon-border,var(--lc-os2-border))!important;
  color:var(--lc-head-icon-color,var(--lc-os2-orange))!important;
}
.lc-os2-brandmark span{color:var(--lc-head-icon-color,var(--lc-os2-orange))!important;}
.lc-os2-title{font-size:var(--lc-head-title-size,18px)!important;font-weight:var(--lc-head-title-weight,900)!important;color:var(--lc-head-text,var(--lc-os2-text))!important;}
.lc-os2-subtitle{font-size:var(--lc-head-subtitle-size,12px)!important;color:var(--lc-head-muted,var(--lc-os2-muted))!important;}
.lc-os2-apps-btn,
.lc-os2-user-menu > summary{
  min-height:var(--lc-head-button-height,42px)!important;
  min-width:var(--lc-head-button-height,42px)!important;
  border-radius:var(--lc-head-button-radius,14px)!important;
}
.lc-os2-apps-btn{
  background:var(--lc-head-button-bg,#fff7ed)!important;
  color:var(--lc-head-button-text,var(--lc-os2-orange-dark))!important;
  border-color:var(--lc-head-button-border,#fed7aa)!important;
}
.lc-os2-apps-btn:hover{background:var(--lc-head-button-bg,#fff7ed)!important;color:var(--lc-head-button-text,var(--lc-os2-orange-dark))!important;filter:brightness(.98);}
.lc-os2-user-menu > summary{color:var(--lc-head-button-text,var(--lc-os2-orange-dark))!important;}
.lc-os2-user-dropdown{min-width:var(--lc-head-dropdown-width,230px)!important;}
.lc-head-builder-form{margin-top:14px!important;}
.lc-head-builder-form label{font-size:12px!important;font-weight:850!important;color:var(--lc-os2-text)!important;}
.lc-head-builder-form input[type="color"]{width:100%!important;min-height:44px!important;padding:4px!important;border-radius:14px!important;}
.lc-head-builder-form input[type="number"],
.lc-head-builder-form select{width:100%!important;}
.lc-head-reset-form{margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--lc-os2-border)!important;}
.lc-head-builder-preview{margin-top:18px!important;border:1px dashed var(--lc-os2-border)!important;border-radius:24px!important;overflow:hidden!important;background:#fff!important;}
.lc-head-builder-preview .lc-os2-head{position:relative!important;top:auto!important;border-radius:24px!important;}
@media(max-width:640px){
  .lc-os2-head{min-height:var(--lc-head-mobile-height,62px)!important;}
  .lc-os2-brandmark{width:var(--lc-head-mobile-icon-size,38px)!important;height:var(--lc-head-mobile-icon-size,38px)!important;min-width:var(--lc-head-mobile-icon-size,38px)!important;max-width:var(--lc-head-mobile-icon-size,38px)!important;max-height:var(--lc-head-mobile-icon-size,38px)!important;}
  .lc-os2-title{font-size:var(--lc-head-mobile-title-size,16px)!important;}
}

/* v1.3.1 - Diagnóstico de integración */
.lc-interface-diagnostics .lc-interface-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#f3f4f6;color:#374151;margin:2px 0}.lc-interface-diagnostics .lc-interface-status.is-active{background:#ecfdf5;color:#047857}.lc-interface-diagnostics .lc-interface-status.is-inactive{background:#f3f4f6;color:#6b7280}.lc-interface-diagnostics .lc-interface-status.is-ok{background:#dcfce7;color:#166534}.lc-interface-diagnostics .lc-interface-status.is-good{background:#e0f2fe;color:#075985}.lc-interface-diagnostics .lc-interface-status.is-warn{background:#fff7ed;color:#c2410c}.lc-interface-diagnostics .lc-interface-status.is-bad{background:#fee2e2;color:#991b1b}.lc-interface-progress{width:120px;max-width:100%;height:10px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:6px}.lc-interface-progress span{display:block;height:100%;background:var(--lc-os2-orange,#ff6a00);border-radius:999px}.lc-interface-diag-details{margin-top:8px}.lc-interface-diag-details summary{cursor:pointer;font-weight:800;color:var(--lc-os2-orange,#ff6a00)}.lc-interface-diag-details ul{margin:8px 0 8px 18px}.lc-interface-checks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.lc-interface-checks span{font-size:11px;font-weight:800;border-radius:999px;padding:4px 7px;background:#fee2e2;color:#991b1b}.lc-interface-checks span.ok{background:#dcfce7;color:#166534}.lc-interface-checks span.bad{background:#fee2e2;color:#991b1b}
@media(max-width:720px){.lc-interface-diag-table-wrap{overflow:visible}.lc-interface-diag-table thead{display:none}.lc-interface-diag-table,.lc-interface-diag-table tbody,.lc-interface-diag-table tr,.lc-interface-diag-table td{display:block;width:100%}.lc-interface-diag-table tr{background:#fff;border:1px solid var(--lc-os2-border,#e6e8ee);border-radius:18px;margin:0 0 12px;padding:10px}.lc-interface-diag-table td{border:0!important;padding:8px 6px!important}.lc-interface-diag-table td:before{content:attr(data-label);display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;color:var(--lc-os2-muted,#6b7280);margin-bottom:4px}.lc-interface-progress{width:100%}}

/* =========================================================
   v1.3.2 - Reglas globales OS2 para controles y pestañas reales
   - Evita checkboxes/radios gigantes heredados por temas o plugins.
   - Estandariza switches visuales de activación.
   - Las pestañas OS2 deben mostrar/ocultar paneles, no hacer scroll largo.
   ========================================================= */

.lc-os2-shell input[type="checkbox"],
.lc-os2-shell input[type="radio"],
.lc-os2-card input[type="checkbox"],
.lc-os2-card input[type="radio"],
.lcai-panel-card input[type="checkbox"],
.lcai-panel-card input[type="radio"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  padding:0!important;
  margin:0 8px 0 0!important;
  border-radius:5px!important;
  vertical-align:middle!important;
  transform:none!important;
  box-sizing:border-box!important;
  accent-color:var(--lc-os2-orange)!important;
  display:inline-block!important;
  flex:0 0 18px!important;
}

.lc-os2-shell input[type="radio"],
.lc-os2-card input[type="radio"],
.lcai-panel-card input[type="radio"]{
  border-radius:999px!important;
}

.lc-os2-check,
.lc-os2-checkbox,
.lc-os2-toggle-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  font-size:14px!important;
  font-weight:700!important;
  color:var(--lc-os2-text)!important;
}

.lc-os2-check input[type="checkbox"],
.lc-os2-checkbox input[type="checkbox"],
.lc-os2-toggle-row input[type="checkbox"]{
  margin-right:4px!important;
}

.lc-os2-switch{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  cursor:pointer!important;
  font-size:14px!important;
  font-weight:800!important;
  color:var(--lc-os2-text)!important;
}
.lc-os2-switch input[type="checkbox"]{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.lc-os2-switch span.lc-os2-switch-ui,
.lc-os2-switch .lc-os2-switch-ui{
  width:42px!important;
  height:24px!important;
  border-radius:999px!important;
  background:#e5e7eb!important;
  border:1px solid #d1d5db!important;
  position:relative!important;
  display:inline-block!important;
  transition:.18s ease!important;
}
.lc-os2-switch span.lc-os2-switch-ui:before,
.lc-os2-switch .lc-os2-switch-ui:before{
  content:''!important;
  position:absolute!important;
  left:3px!important;
  top:3px!important;
  width:16px!important;
  height:16px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 2px 6px rgba(17,24,39,.18)!important;
  transition:.18s ease!important;
}
.lc-os2-switch input[type="checkbox"]:checked + .lc-os2-switch-ui,
.lc-os2-switch input[type="checkbox"]:checked + span.lc-os2-switch-ui{
  background:var(--lc-os2-orange)!important;
  border-color:var(--lc-os2-orange)!important;
}
.lc-os2-switch input[type="checkbox"]:checked + .lc-os2-switch-ui:before,
.lc-os2-switch input[type="checkbox"]:checked + span.lc-os2-switch-ui:before{
  transform:translateX(18px)!important;
}

/* Pestañas reales: los paneles no activos no ocupan alto ni generan scroll largo. */
.lc-os2-panel[hidden],
.lc-os2-section[hidden],
.lc-os2-tab-panel[hidden]{
  display:none!important;
}
.lc-os2-panel:not([hidden]),
.lc-os2-section:not([hidden]),
.lc-os2-tab-panel:not([hidden]){
  display:block!important;
}
.lc-os2-tabs .lc-os2-tab[data-lc-tab]{
  cursor:pointer!important;
}


/* =========================================================
   v1.3.4 - OS2 Rules Enforcement
   Reglas centrales para que los plugins no resuelvan estos
   comportamientos por separado.
   ========================================================= */

/* 1) Tabs/chips siempre como slider horizontal, sin brincar a segunda línea. */
.lc-os2-tabs,
.lc-os2-tabbar,
.lc-os2-menu-tabs,
.lc-os2-chip-tabs,
.lc-interface-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  white-space:nowrap!important;
}
.lc-os2-tabbar::-webkit-scrollbar,
.lc-os2-menu-tabs::-webkit-scrollbar,
.lc-os2-chip-tabs::-webkit-scrollbar,
.lc-interface-tabs::-webkit-scrollbar{display:none!important;}
.lc-os2-tabs > *,
.lc-os2-tabbar > *,
.lc-os2-menu-tabs > *,
.lc-os2-chip-tabs > *,
.lc-interface-tabs > *{flex:0 0 auto!important;}

/* 2) Tabs/pestañas reales: panel activo visible, panel inactivo oculto. */
.lc-os2-panel[hidden],
.lc-os2-section[hidden],
.lc-os2-tab-panel[hidden],
.lc-interface-panel[hidden]{display:none!important;}
.lc-os2-panel:not([hidden]),
.lc-os2-section:not([hidden]),
.lc-os2-tab-panel:not([hidden]),
.lc-interface-panel:not([hidden]){display:block!important;}

/* 3) Filtros siempre como acordeón/details, no popup ni bloque eterno abierto. */
.lc-os2-filters,
.lc-os2-filter-accordion,
.lc-os2-filter-details,
.lc-interface-filters{
  width:100%!important;
  margin:0 0 14px!important;
}
.lc-os2-filters > summary,
.lc-os2-filter-accordion > summary,
.lc-os2-filter-details > summary,
.lc-interface-filters > summary{
  list-style:none!important;
  cursor:pointer!important;
  border:1px solid var(--lc-os2-border)!important;
  background:#fff!important;
  border-radius:14px!important;
  padding:9px 12px!important;
  font-size:13px!important;
  font-weight:800!important;
  color:var(--lc-os2-text)!important;
  box-shadow:0 2px 8px rgba(17,24,39,.04)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  max-width:230px!important;
}
.lc-os2-filters > summary::-webkit-details-marker,
.lc-os2-filter-accordion > summary::-webkit-details-marker,
.lc-interface-filters > summary::-webkit-details-marker{display:none!important;}
.lc-os2-filters > summary:after,
.lc-os2-filter-accordion > summary:after,
.lc-interface-filters > summary:after{content:'▼'!important;font-size:10px!important;color:var(--lc-os2-muted)!important;}
.lc-os2-filters[open] > summary:after,
.lc-os2-filter-accordion[open] > summary:after,
.lc-interface-filters[open] > summary:after{content:'▲'!important;}
.lc-os2-filters .lc-os2-filter-form,
.lc-os2-filter-accordion .lc-os2-filter-form,
.lc-interface-filters .lc-os2-filter-form,
.lc-os2-filters form,
.lc-os2-filter-accordion form,
.lc-interface-filters form{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:10px!important;
  padding:14px!important;
  border:1px solid var(--lc-os2-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  align-items:end!important;
}

/* 4) Acciones móviles oficiales cuando el plugin marca el contenedor. */
.lc-os2-mobile-actions,
.lc-os2-actions.is-mobile-fixed{
  box-sizing:border-box!important;
}

@media(max-width:720px){
  .lc-os2-tabs,
  .lc-os2-tabbar,
  .lc-os2-menu-tabs,
  .lc-os2-chip-tabs,
  .lc-interface-tabs{padding:10px!important;}
  .lc-os2-filters > summary,
  .lc-os2-filter-accordion > summary,
  .lc-interface-filters > summary{max-width:none!important;width:100%!important;}
  .lc-os2-filters .lc-os2-filter-form,
  .lc-os2-filter-accordion .lc-os2-filter-form,
  .lc-interface-filters .lc-os2-filter-form,
  .lc-os2-filters form,
  .lc-os2-filter-accordion form,
  .lc-interface-filters form{grid-template-columns:1fr!important;padding:12px!important;}
}