/* Lichess Broadcasts Colombia FCA PRO 1.5 */
.lcbfca{
    --green:#075f3c;
    --green2:#0f8d5d;
    --green3:#dff5e9;
    --gold:#c7982d;
    --soft:#f3faf6;
    --card:#ffffff;
    --text:#10251f;
    --muted:#5d7469;
    --border:#d9eadf;
    --shadow:0 16px 38px rgba(8,74,47,.12);
    max-width:1220px;
    margin:28px auto;
    padding:0 10px;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:var(--text);
}
.lcbfca-dark{
    --soft:#0f241c;
    --card:#173729;
    --text:#f4fff9;
    --muted:#b7d4c7;
    --border:#2a4b3d;
    --shadow:0 16px 38px rgba(0,0,0,.26);
}
.lcbfca-hero{
    display:flex;
    justify-content:space-between;
    gap:22px;
    align-items:center;
    background:
      radial-gradient(circle at 15% 15%,rgba(255,255,255,.18),transparent 28%),
      linear-gradient(135deg,#06492f,#0f8d5d);
    color:#fff;
    padding:28px;
    border-radius:28px;
    box-shadow:var(--shadow);
    position:relative;
    overflow:hidden;
}
.lcbfca-hero:after{
    content:"";
    position:absolute;
    right:-70px;
    bottom:-90px;
    width:260px;
    height:260px;
    background:repeating-conic-gradient(rgba(255,255,255,.10) 0 25%, transparent 0 50%) 50%/54px 54px;
    transform:rotate(12deg);
    opacity:.35;
}
.lcbfca-brand{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:18px;
}
.lcbfca-logo{
    width:70px;
    height:70px;
    border-radius:22px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.28);
    font-size:38px;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.lcbfca-kicker{
    display:inline-block;
    font-size:12px;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
    margin-bottom:8px;
    opacity:.9;
}
.lcbfca-hero h2{
    margin:0 0 7px;
    font-size:clamp(25px,3vw,40px);
    line-height:1.08;
    font-weight:900;
}
.lcbfca-hero p{
    margin:0;
    max-width:720px;
    opacity:.94;
}
.lcbfca-hero-actions{
    position:relative;
    z-index:1;
}
.lcbfca-hero-btn{
    background:#fff;
    color:var(--green)!important;
    text-decoration:none!important;
    border-radius:999px;
    padding:12px 17px;
    font-weight:900;
    white-space:nowrap;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.lcbfca-summary{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin:14px 0;
}
.lcbfca-summary div{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:20px;
    padding:14px 16px;
    box-shadow:0 8px 22px rgba(8,74,47,.06);
}
.lcbfca-summary strong{
    display:block;
    font-size:26px;
    color:var(--green);
    line-height:1;
}
.lcbfca-summary span{
    display:block;
    margin-top:5px;
    font-size:13px;
    color:var(--muted);
    font-weight:800;
}
.lcbfca-panel{
    background:var(--soft);
    border:1px solid var(--border);
    border-radius:26px;
    padding:16px;
}
.lcbfca-toolbar{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
    flex-wrap:wrap;
    align-items:center;
}
.lcbfca-tabs{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.lcbfca-tabs button{
    border:1px solid var(--border);
    background:var(--card);
    color:var(--text);
    border-radius:999px;
    padding:10px 13px;
    cursor:pointer;
    font-weight:900;
    display:inline-flex;
    align-items:center;
    gap:7px;
    box-shadow:0 6px 16px rgba(8,74,47,.05);
}
.lcbfca-tabs button span{
    min-width:22px;
    height:22px;
    border-radius:999px;
    display:inline-grid;
    place-items:center;
    background:var(--green3);
    color:var(--green);
    font-size:12px;
}
.lcbfca-tabs button.active{
    background:var(--green);
    border-color:var(--green);
    color:#fff;
}
.lcbfca-tabs button.active span{
    background:rgba(255,255,255,.18);
    color:#fff;
}
.lcbfca-search{
    display:flex;
    align-items:center;
    gap:8px;
    background:var(--card);
    border:1px solid var(--border);
    border-radius:999px;
    padding:9px 14px;
    box-shadow:0 6px 16px rgba(8,74,47,.05);
}
.lcbfca-search span{
    font-size:13px;
    font-weight:900;
    color:var(--muted);
}
.lcbfca-search input{
    border:0!important;
    outline:0!important;
    min-width:250px;
    background:transparent!important;
    color:var(--text)!important;
}
.lcbfca-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:16px;
}
.lcbfca-card{
    background:var(--card);
    border:1px solid var(--border);
    border-radius:22px;
    padding:16px;
    box-shadow:0 10px 26px rgba(8,74,47,.08);
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    display:flex;
    flex-direction:column;
    gap:14px;
    min-height:205px;
}
.lcbfca-card:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(8,74,47,.15);
    border-color:rgba(11,107,67,.3);
}
.lcbfca-card-main{
    display:flex;
    gap:14px;
    align-items:flex-start;
}
.lcbfca-avatar{
    flex:0 0 48px;
    width:48px;
    height:48px;
    border-radius:16px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg,var(--green),var(--green2));
    font-weight:900;
    font-size:20px;
    box-shadow:0 8px 18px rgba(8,74,47,.18);
}
.lcbfca-card-content{
    min-width:0;
    flex:1;
}
.lcbfca-card-top{
    display:flex;
    justify-content:space-between;
    gap:8px;
    align-items:center;
    margin-bottom:9px;
}
.lcbfca-badge{
    border-radius:999px;
    padding:5px 9px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.05em;
    background:#eef4f0;
    color:var(--green);
}
.badge-live{background:#dff8e8;color:#08783d}
.badge-upcoming{background:#fff3d2;color:#875900}
.badge-finished{background:#eceff3;color:#4a5562}
.badge-manual{background:#e6f0ff;color:#174e91}
.lcbfca-origin{
    color:var(--muted);
    font-size:12px;
    font-weight:800;
}
.lcbfca-card h3{
    margin:0 0 10px;
    font-size:18px;
    line-height:1.35;
    color:var(--text);
    font-weight:900;
}
.lcbfca-meta{
    color:var(--muted);
    font-size:13px;
    line-height:1.6;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.lcbfca-meta strong{
    color:var(--text);
}
.lcbfca-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:auto;
}
.lcbfca-btn{
    border:0;
    text-decoration:none!important;
    border-radius:999px;
    padding:9px 13px;
    font-weight:900;
    cursor:pointer;
    font-size:13px;
    line-height:1;
}
.lcbfca-btn.primary{
    background:var(--green);
    color:#fff!important;
}
.lcbfca-btn.secondary{
    background:#e7f4ed;
    color:var(--green)!important;
}
.lcbfca-btn.ghost{
    background:transparent;
    color:var(--green)!important;
    border:1px solid var(--border);
}
.lcbfca-btn:hover{
    filter:brightness(.96);
}
.view-compact .lcbfca-grid{
    grid-template-columns:1fr;
}
.view-compact .lcbfca-card{
    min-height:0;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
.view-compact .lcbfca-card-main{
    flex:1;
}
.view-compact .lcbfca-actions{
    margin-top:0;
    justify-content:flex-end;
}
.lcbfca-empty,.lcbfca-no-results{
    padding:18px;
    border-radius:18px;
    background:#fff8df;
    border:1px solid #f2d48c;
    color:#634700;
    font-weight:700;
}
.lcbfca-note{
    margin-top:14px;
    color:var(--muted);
    font-size:13px;
    text-align:right;
}
.lcbfca-note span{
    font-weight:900;
    margin-right:6px;
}
.lcbfca-note code{
    background:var(--soft);
    border:1px solid var(--border);
    padding:4px 8px;
    border-radius:999px;
}

/* Admin */
.lcbfca-admin-page{
    max-width:1180px;
}
.lcbfca-admin-hero{
    background:linear-gradient(135deg,#06492f,#0f8d5d);
    color:#fff;
    border-radius:22px;
    padding:24px;
    margin:18px 0;
    box-shadow:0 14px 32px rgba(8,74,47,.16);
}
.lcbfca-admin-hero span{
    font-weight:900;
    letter-spacing:.08em;
}
.lcbfca-admin-hero h1{
    color:#fff;
    margin:5px 0;
}
.lcbfca-admin-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    margin:16px 0;
}
.lcbfca-admin-card,.lcbfca-admin-section{
    background:#fff;
    border:1px solid #d8eadf;
    border-radius:18px;
    padding:18px;
    box-shadow:0 8px 22px rgba(8,74,47,.06);
}
.lcbfca-admin-form{
    display:grid;
    gap:16px;
}
.lcbfca-admin-fields{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:14px;
}
.lcbfca-admin-fields label span{
    display:block;
    font-weight:800;
    margin-bottom:6px;
}
.lcbfca-admin-fields input,
.lcbfca-admin-fields select{
    width:100%;
}
.lcbfca-checks{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}
@media(max-width:820px){
    .lcbfca-hero{flex-direction:column;align-items:flex-start;padding:22px}
    .lcbfca-brand{align-items:flex-start}
    .lcbfca-logo{width:56px;height:56px;font-size:30px}
    .lcbfca-summary{grid-template-columns:repeat(2,1fr)}
    .lcbfca-toolbar{align-items:stretch}
    .lcbfca-tabs{flex-wrap:nowrap;overflow:auto;width:100%;padding-bottom:5px}
    .lcbfca-search{width:100%;border-radius:16px}
    .lcbfca-search input{min-width:0;width:100%}
    .view-compact .lcbfca-card{flex-direction:column;align-items:stretch}
    .view-compact .lcbfca-actions{justify-content:flex-start}
    .lcbfca-admin-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
    .lcbfca-summary{grid-template-columns:1fr 1fr}
    .lcbfca-card-main{flex-direction:column}
}

.lcbfca-thumb-wrap{
    margin:-16px -16px 14px;
    position:relative;
}
.lcbfca-thumb{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:22px 22px 0 0;
    border-bottom:1px solid var(--border);
    background:#dfeee5;
}
.view-compact .lcbfca-thumb-wrap{
    max-width:180px;
    margin:0;
    flex:0 0 180px;
}
.view-compact .lcbfca-thumb{
    border-radius:18px;
    height:100%;
}

/* Fix 1.7: miniatura fallback visible aunque Lichess no publique afiche */
.lcbfca-thumb-wrap.is-fallback{
    background:linear-gradient(135deg,#06492f,#0f8d5d);
    border-radius:22px 22px 0 0;
    overflow:hidden;
}
.lcbfca-thumb-fallback{
    min-height:150px;
    aspect-ratio:16/9;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    padding:18px;
    color:#fff;
    background:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),transparent 24%),
        repeating-conic-gradient(rgba(255,255,255,.09) 0 25%, transparent 0 50%) 50%/42px 42px,
        linear-gradient(135deg,#06492f,#0f8d5d);
}
.lcbfca-thumb-fallback .piece{
    font-size:34px;
    line-height:1;
}
.lcbfca-thumb-fallback .label{
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    opacity:.86;
}
.lcbfca-thumb-fallback strong{
    font-size:15px;
    line-height:1.25;
    max-width:92%;
}
.view-compact .lcbfca-thumb-wrap.is-fallback{
    border-radius:18px;
}
.view-compact .lcbfca-thumb-fallback{
    min-height:110px;
    height:100%;
    aspect-ratio:auto;
    padding:14px;
}


/* ============================================================
   LCBFCA 1.8.0 PRO · miniaturas, orden visual y UX FCA
   ============================================================ */
.lcbfca{
  --green:#064e35;
  --green2:#10b981;
  --green3:#dcfce7;
  --text:#111827;
  --muted:#4b5563;
}
.lcbfca *{box-sizing:border-box}
.lcbfca-hero{
  padding:24px;
  min-height:150px;
}
.lcbfca-hero h2{letter-spacing:-.03em}
.lcbfca-hero p{color:rgba(255,255,255,.92)!important;font-weight:650}
.lcbfca-summary{
  margin:16px 0 14px!important;
}
.lcbfca-summary div{
  border-radius:18px;
  background:#fff;
}
.lcbfca-panel{
  background:linear-gradient(180deg,#f6fbf8,#eef8f1);
}
.lcbfca-card{
  min-height:0;
  overflow:hidden;
}
.lcbfca-thumb-wrap{
  width:100%;
  aspect-ratio:16/9;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(135deg,#064e35,#10b981);
  border:1px solid var(--border);
  position:relative;
}
.lcbfca-thumb{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.lcbfca-thumb-wrap.is-fallback{
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.20),transparent 24%),
    linear-gradient(135deg,#064e35,#0f8d5d);
}
.lcbfca-thumb-wrap.is-fallback:after{
  content:"♟";
  position:absolute;
  right:18px;
  bottom:8px;
  color:rgba(255,255,255,.18);
  font-size:86px;
  line-height:1;
}
.lcbfca-thumb-fallback{
  min-height:100%;
  display:flex;
  align-items:flex-end;
  padding:18px;
  color:#fff;
}
.lcbfca-thumb-fallback strong{
  color:#fff!important;
  font-size:18px;
  line-height:1.2;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.lcbfca-card h3{
  color:#111827!important;
  font-size:19px;
  line-height:1.2;
  margin:0 0 8px!important;
}
.lcbfca-card a{text-decoration:none}
.lcbfca-meta span,
.lcbfca-origin,
.lcbfca-search span{
  color:#4b5563!important;
}
.lcbfca-actions{
  gap:8px;
  flex-wrap:wrap;
}
.lcbfca-actions a,
.lcbfca-actions button{
  border-radius:999px!important;
  font-weight:900!important;
}
.lcbfca-primary{
  background:#064e35!important;
  color:#fff!important;
}
.lcbfca-no-results,
.lcbfca-empty{
  background:#fff;
  color:#111827;
  border:1px solid #d1fae5;
  border-radius:18px;
  padding:22px;
  text-align:center;
}
.lcbfca-empty p{margin:8px 0 0;color:#4b5563}
.lcbfca-note{
  color:#4b5563!important;
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
@media (max-width:720px){
  .lcbfca-hero{align-items:flex-start;flex-direction:column;border-radius:22px}
  .lcbfca-logo{width:56px;height:56px;font-size:30px}
  .lcbfca-summary{grid-template-columns:repeat(2,1fr)!important}
  .lcbfca-grid{grid-template-columns:1fr!important}
  .lcbfca-search{width:100%}
  .lcbfca-search input{min-width:0;width:100%}
}


/* LCBFCA 1.9.0 ULTRA PRO */
.lcbfca-hero{min-height:180px!important;border-radius:30px!important}
.lcbfca-hero h2{font-size:clamp(32px,4vw,54px)!important}
.lcbfca-panel{border-radius:28px!important}
.lcbfca-card{border-radius:24px!important;overflow:hidden}
.lcbfca-thumb-wrap{aspect-ratio:16/9;border-radius:18px!important;overflow:hidden}
.lcbfca-thumb{width:100%;height:100%;object-fit:cover}
.lcbfca-summary div{border-radius:20px!important}
.lcbfca-card h3{font-size:20px!important;color:#111827!important}
.lcbfca-actions a,.lcbfca-actions button{border-radius:999px!important;font-weight:900!important}
.badge-live{background:#dcfce7!important;color:#166534!important}
.badge-upcoming{background:#fef3c7!important;color:#92400e!important}
.badge-finished{background:#e5e7eb!important;color:#374151!important}
@media(max-width:768px){
 .lcbfca-grid{grid-template-columns:1fr!important}
 .lcbfca-summary{grid-template-columns:repeat(2,1fr)!important}
}


/* LCBFCA 1.9.1 counters fix */
.lcbfca-summary{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.badge-unknown{
  background:#e0f2fe!important;
  color:#075985!important;
}
.lcbfca-tabs button[data-filter="unknown"] span{
  background:#e0f2fe!important;
  color:#075985!important;
}


/* FCA 1.9.2 - Broadcast destacado embebido */
.lcbfca-featured-broadcast{
    margin:18px 0 20px;
    padding:18px;
    border:1px solid rgba(11,107,67,.18);
    border-radius:22px;
    background:#ffffff;
    box-shadow:0 12px 34px rgba(15,82,52,.12);
}
.lcbfca-featured-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:14px;
}
.lcbfca-featured-head span{
    display:inline-block;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#0b6b43;
}
.lcbfca-featured-head h3{
    margin:4px 0 0;
    color:#10231a;
    font-size:clamp(18px,2.4vw,26px);
    line-height:1.15;
}
.lcbfca-featured-iframe{
    width:100%;
    aspect-ratio:4/3;
    min-height:420px;
    border:0;
    border-radius:16px;
    background:#f4f7f5;
    display:block;
}
.lcbfca-admin-fields input[type="url"]{
    width:100%;
}
@media (max-width: 760px){
    .lcbfca-featured-head{align-items:flex-start;flex-direction:column;}
    .lcbfca-featured-iframe{min-height:320px;}
}

/* FCA 1.9.3 · Enlaces Lichess flexibles */
.lcbfca-featured-broadcast.is-link-only{
    background:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    padding:18px;
    box-shadow:0 12px 30px rgba(8,74,47,.08);
    margin:16px 0;
}
.lcbfca-featured-broadcast.is-link-only .lcbfca-featured-head p{
    margin:.35rem 0 0;
    color:var(--muted);
    font-weight:700;
}
.lcbfca-admin-fields small{
    display:block;
    margin-top:6px;
    color:#52645b;
    font-weight:600;
}

/* FCA 1.9.4 · Tarjetas más claras: categoría visible y datos técnicos colapsables */
.lcbfca-card{
  position:relative;
}
.lcbfca-category-ribbon{
  position:absolute;
  left:14px;
  top:14px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:70px;
  max-width:calc(100% - 28px);
  min-height:42px;
  padding:8px 14px;
  border-radius:16px;
  background:linear-gradient(135deg,#064e35,#10b981);
  color:#fff;
  font-size:20px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.32);
}
.lcbfca-category-ribbon span{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff!important;
}
.lcbfca-category-ribbon[class*="cat-g"]{
  background:linear-gradient(135deg,#6d28d9,#db2777);
}
.lcbfca-category-ribbon[class*="cat-o"],
.lcbfca-category-ribbon[class*="cat-open"]{
  background:linear-gradient(135deg,#075985,#0284c7);
}
.lcbfca-category-ribbon[class*="cat-sub"]{
  background:linear-gradient(135deg,#92400e,#f59e0b);
}
.lcbfca-category-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin:0 0 8px;
  padding:6px 10px;
  border-radius:999px;
  background:#ecfdf5;
  color:#065f46;
  border:1px solid #bbf7d0;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.lcbfca-tech-details{
  margin-top:8px;
  border:1px dashed #d1e7da;
  border-radius:14px;
  background:#fbfefd;
  overflow:hidden;
}
.lcbfca-tech-details summary{
  cursor:pointer;
  list-style:none;
  padding:8px 10px;
  color:#315246;
  font-size:12px;
  font-weight:900;
}
.lcbfca-tech-details summary::-webkit-details-marker{display:none}
.lcbfca-tech-details[open] summary{
  border-bottom:1px solid #e5f2eb;
}
.lcbfca-tech-details .lcbfca-meta{
  padding:8px 10px 10px;
  font-size:12px;
}
.lcbfca-card .lcbfca-meta{
  margin:0;
}
.lcbfca-actions .lcbfca-btn.primary{
  box-shadow:0 8px 18px rgba(6,78,53,.20);
}
@media(max-width:520px){
  .lcbfca-category-ribbon{
    font-size:16px;
    min-height:36px;
    min-width:58px;
    border-radius:14px;
  }
}
