/* ═══════════════════════════════════════════════
   BLIXEL AI — Modelo IA Single Template Styles
   Sistema tipografico Blixel Home:
   Space Mono headings, Inter body, Fira Code code
   Paleta: #0c1020 bg, #c8d2e0 tx, #f0f4f8 hi, #3F6CFF blue
   ═══════════════════════════════════════════════ */

/* ── Badges ── */
.bx-modelo-badges { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 24px; }
.bx-badge { display:inline-flex; align-items:center; padding:4px 12px; border-radius:6px; font-family:'Space Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; line-height:1.4; }
.bx-badge--green  { background:rgba(34,197,94,.12);  color:#4ade80; }
.bx-badge--blue   { background:rgba(63,108,255,.12);  color:#6b9fff; }
.bx-badge--yellow { background:rgba(251,191,36,.12);  color:#fbbf24; }
.bx-badge--orange { background:rgba(255,106,0,.12);   color:#ff8844; }
.bx-badge--red    { background:rgba(239,68,68,.12);   color:#f87171; }
.bx-badge--purple { background:rgba(139,92,246,.12);  color:#a78bfa; }
.bx-badge--cyan   { background:rgba(6,182,212,.12);   color:#22d3ee; }
.bx-badge--dim    { background:rgba(255,255,255,.05); color:#7a8ba8; }
.bx-badge-inline { padding:2px 8px; border-radius:4px; font-family:'Space Mono',monospace; font-size:11px; font-weight:600; }
.bx-badge-inline.bx-badge--green  { background:rgba(34,197,94,.15);  color:#4ade80; }
.bx-badge-inline.bx-badge--blue   { background:rgba(63,108,255,.15);  color:#6b9fff; }
.bx-badge-inline.bx-badge--yellow { background:rgba(251,191,36,.15);  color:#fbbf24; }
.bx-badge-inline.bx-badge--orange { background:rgba(255,106,0,.15);   color:#ff8844; }
.bx-badge-inline.bx-badge--purple { background:rgba(139,92,246,.15);  color:#a78bfa; }

/* ── Specs Card ── */
.bx-modelo-specs-card { background:#0d1525; border:1px solid #1e2d4a; border-radius:16px; padding:28px 32px; margin:32px 0; }
.bx-modelo-specs-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid #1e2d4a; }
.bx-modelo-specs-title { font-family:'Space Mono',monospace; font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#3F6CFF; }

/* ── Score ── */
.bx-modelo-score { text-align:right; min-width:140px; }
.bx-modelo-score-label { display:block; font-family:'Space Mono',monospace; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#4a6080; margin-bottom:4px; }
.bx-modelo-score-value { font-family:'Space Mono',monospace; font-size:28px; font-weight:700; color:#3F6CFF; line-height:1; }
.bx-modelo-score-max { font-size:14px; font-weight:400; color:#4a6080; }
.bx-modelo-score-bar { width:100%; height:4px; background:#1a2540; border-radius:2px; margin-top:8px; overflow:hidden; }
.bx-modelo-score-fill { height:100%; background:linear-gradient(90deg,#3F6CFF,#6b9fff); border-radius:2px; transition:width .6s ease; }

/* ── Specs Grid ── */
.bx-modelo-specs-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.bx-modelo-spec-item { display:flex; flex-direction:column; padding:14px 0; border-bottom:1px solid rgba(30,45,74,.5); }
.bx-modelo-spec-item:nth-last-child(-n+2) { border-bottom:none; }
.bx-modelo-spec-item:nth-child(odd) { padding-right:20px; border-right:1px solid rgba(30,45,74,.5); }
.bx-modelo-spec-item:nth-child(even) { padding-left:20px; }
.bx-modelo-spec-label { font-family:'Space Mono',monospace; font-size:10px; font-weight:400; letter-spacing:1.5px; text-transform:uppercase; color:#4a6080; margin-bottom:4px; }
.bx-modelo-spec-value { font-family:'Inter',sans-serif; font-size:14px; font-weight:500; color:#e2e8f0; line-height:1.4; }

/* ── Features ── */
.bx-modelo-specs-features { margin-top:20px; padding-top:20px; border-top:1px solid #1e2d4a; }
.bx-modelo-spec-features-text { font-family:'Inter',sans-serif; font-size:14px; color:#a0aec0; line-height:1.7; margin-top:6px; }

/* ── Source Link ── */
.bx-modelo-specs-footer { margin-top:20px; padding-top:20px; border-top:1px solid #1e2d4a; }
.bx-modelo-source-link { display:inline-flex; align-items:center; gap:6px; font-family:'Space Mono',monospace; font-size:12px; font-weight:600; color:#3F6CFF; padding:8px 16px; border:1px solid rgba(63,108,255,.3); border-radius:8px; transition:all .2s ease; text-decoration:none; }
.bx-modelo-source-link:hover { background:rgba(63,108,255,.1); border-color:#3F6CFF; color:#6b9fff; }

/* ── Responsive Specs ── */
@media(max-width:600px){
    .bx-modelo-specs-card { padding:20px 16px; border-radius:12px; }
    .bx-modelo-specs-header { flex-direction:column; gap:16px; }
    .bx-modelo-score { text-align:left; }
    .bx-modelo-specs-grid { grid-template-columns:1fr; }
    .bx-modelo-spec-item:nth-child(odd) { padding-right:0; border-right:none; }
    .bx-modelo-spec-item:nth-child(even) { padding-left:0; }
}

/* ══════════════════════════════════════════════════
   CONTENIDO — Sistema tipografico Blixel Home
   ══════════════════════════════════════════════════ */

/* Titulo del post */
.wp-block-post-title,
h1.wp-block-post-title {
    color: #f0f4f8 !important;
    font-family: 'Space Mono', monospace !important;
    font-size: clamp(1.5rem, 3vw, 2rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px;
    line-height: 1.15 !important;
}

/* Body text */
.wp-block-post-content,
.entry-content,
.wp-block-post-content p,
.wp-block-post-content li,
.wp-block-post-content figcaption {
    color: #c8d2e0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
}

/* H2 — estilo bx-stitle de la home */
.wp-block-post-content h2 {
    color: #f0f4f8 !important;
    font-family: 'Space Mono', monospace !important;
    font-size: clamp(20px, 2.5vw, 28px) !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.15 !important;
    margin-top: 2.5rem !important;
    margin-bottom: 0.8rem !important;
}

/* H3 */
.wp-block-post-content h3 {
    color: #e2e8f0 !important;
    font-family: 'Space Mono', monospace !important;
    font-size: clamp(16px, 2vw, 20px) !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px !important;
    line-height: 1.2 !important;
    margin-top: 2rem !important;
    margin-bottom: 0.5rem !important;
}

/* H4 — estilo label de la home */
.wp-block-post-content h4 {
    color: #c8d2e0 !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Strong */
.wp-block-post-content strong,
.wp-block-post-content b { color: #e2e8f0; font-weight: 500; }

/* Links */
.wp-block-post-content a { color: #3F6CFF; text-decoration: none; }
.wp-block-post-content a:hover { color: #6b9fff; text-decoration: underline; }

/* Tablas */
.wp-block-post-content table,
.wp-block-post-content table td,
.wp-block-post-content table th { border-color: #1e2d4a !important; }
.wp-block-post-content table th {
    background: #111827 !important;
    color: #7a8ba8 !important;
    font-family: 'Space Mono', monospace !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 10px 16px !important;
}
.wp-block-post-content table td {
    background: transparent !important;
    color: #c8d2e0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    padding: 10px 16px !important;
    line-height: 1.5 !important;
}
.wp-block-post-content table tr:nth-child(even) td { background: rgba(255,255,255,.02) !important; }

/* Separador */
.wp-block-separator { border-color: #1e2d4a !important; opacity: 1 !important; }

/* Codigo inline */
.wp-block-post-content code {
    background: rgba(63,108,255,.08);
    color: #8da4ff !important;
    font-family: 'Fira Code', monospace;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

/* Listas */
.wp-block-post-content ul li,
.wp-block-post-content ol li {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 0.3rem;
    color: #c8d2e0 !important;
}

/* Navegacion */
.wp-block-post-navigation-link a { color: #3F6CFF !important; font-family: 'Inter', sans-serif; font-size: 14px; }
.wp-block-post-navigation-link a:hover { color: #6b9fff !important; }