@import '_content/RISuiteSharedUI/RISuiteSharedUI.jb7gikhwnn.bundle.scp.css';

/* /Components/Features/AdminPanel/AdminGuard.razor.rz.scp.css */
/* Mismo aspecto que el aviso de DigitalExpoSite. */
.guardBody[b-xrohiuqvt7] {
    text-align: center;
    padding: 60px 20px;
    color: #9ca3af;
}

.guardIcon[b-xrohiuqvt7] {
    font-size: 40px;
    margin: 0 0 8px;
}

.guardText[b-xrohiuqvt7] {
    font-size: 14px;
    margin: 0;
}
/* /Components/Features/AdminPanel/ConversationSection.razor.rz.scp.css */

.nl-stats[b-kj7626pisv] {
    width: 100px;
    display: flex;
    gap: 18px;
    margin: 0 16px;
    justify-content: center;
}

.nl-stat[b-kj7626pisv] {
    text-align: center;
    min-width: 56px;
}
.news-info[b-kj7626pisv] {
    flex: 1;
    min-width: 0;
}

.nl-stat-val[b-kj7626pisv] {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.1;
}

.nl-stat-lbl[b-kj7626pisv] {
    font-size: 11px;
    color: #6b7280;
}

.nl-stat-bad .nl-stat-val[b-kj7626pisv] {
    color: #b91c1c;
}

.news-row[b-kj7626pisv] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 12px 14px;
    transition: border-color 0.15s;
}

    .news-row.editing[b-kj7626pisv] {
        border-color: #1a1a2e;
        border-width: 2px;
    }

    .news-row:hover[b-kj7626pisv] {
        border-color: #ccc;
    }

.sched-card[b-kj7626pisv] {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}

.sched-card-title[b-kj7626pisv] {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
}

.sched-card-desc[b-kj7626pisv] {
    font-size: 13px;
    color: #666;
    margin: 0;
}

.conv-tabs[b-kj7626pisv] {
    display: flex;
    gap: 8px;
}

.conv-tab[b-kj7626pisv] {
    padding: 8px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
}

    .conv-tab:hover[b-kj7626pisv] {
        background: #f3f4f6;
    }

    .conv-tab.active[b-kj7626pisv] {
        background: #1a1a2e;
        border-color: #1a1a2e;
        color: #fff;
    }

.conv-tab-count[b-kj7626pisv] {
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .08);
    font-size: 11px;
}

.conv-tab.active .conv-tab-count[b-kj7626pisv] {
    background: rgba(255, 255, 255, .2);
}

.conv-filters[b-kj7626pisv] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 18px;
}

.news-table[b-kj7626pisv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.news-row[b-kj7626pisv] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 12px 14px;
    transition: border-color 0.15s;
}

    .news-row.editing[b-kj7626pisv] {
        border-color: #1a1a2e;
        border-width: 2px;
    }

    .news-row:hover[b-kj7626pisv] {
        border-color: #ccc;
    }

.conv-filter[b-kj7626pisv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 200px;
}
.empty-state[b-kj7626pisv] {
    background: white;
    border: 1px dashed #ddd;
    border-radius: 10px;
    padding: 3rem;
    text-align: center;
    color: #aaa;
    font-size: 14px;
}
.conv-check[b-kj7626pisv] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #374151;
    cursor: pointer;
    padding-bottom: 6px;
}

.conv-total[b-kj7626pisv] {
    margin-left: auto;
    font-size: 12px;
    color: #9ca3af;
    padding-bottom: 6px;
}

.conv-row[b-kj7626pisv] {
    cursor: pointer;
}

    .conv-row:hover[b-kj7626pisv] {
        background: #f8fafc;
    }

.conv-lang[b-kj7626pisv] {
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    color: #6b7280;
}
.news-date[b-kj7626pisv] {
    font-size: 11px;
    color: #aaa;
}

.news-title[b-kj7626pisv] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a2e;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-excerpt[b-kj7626pisv] {
    font-size: 12px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-actions[b-kj7626pisv] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.btn-action[b-kj7626pisv] {
    border: none;
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.15s;
}

    .btn-action:hover[b-kj7626pisv] {
        opacity: 0.85;
    }

.btn-page[b-kj7626pisv] {
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    font-size: .85rem;
    cursor: pointer;
}

    .btn-page:hover:not(:disabled)[b-kj7626pisv] {
        background: #f3f4f6;
    }

    .btn-page.active[b-kj7626pisv] {
        background: #1a1a2e;
        color: #fff;
        border-color: #1a1a2e;
    }

    .btn-page:disabled:not(.active)[b-kj7626pisv] {
        opacity: .4;
        cursor: default;
    }

.btn-page-gap[b-kj7626pisv] {
    padding: 0 4px;
    align-self: center;
    color: #9ca3af;
}


/* Estado de la historia (mismos colores que el historial de newsletter) */
.conv-status[b-kj7626pisv] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.conv-status-pending[b-kj7626pisv] {
    background: #f3f4f6;
    color: #6b7280;
}

.conv-status-processing[b-kj7626pisv] {
    background: #e0e7ff;
    color: #4338ca;
}

.conv-status-done[b-kj7626pisv] {
    background: #dcfce7;
    color: #15803d;
}

.conv-status-skipped[b-kj7626pisv] {
    background: #fef3c7;
    color: #b45309;
}

.conv-status-error[b-kj7626pisv] {
    background: #fee2e2;
    color: #b91c1c;
}

.btn-cancel[b-kj7626pisv] {
    background: white;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
}

/* Detalle */
.conv-sub[b-kj7626pisv] {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 2px;
}

.conv-detail[b-kj7626pisv] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 18px;
    align-items: start;
}

.conv-aside[b-kj7626pisv] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: 14px;
}

.conv-transcript[b-kj7626pisv] {
    max-height: 680px;
    overflow-y: auto;
}

.conv-msg[b-kj7626pisv] {
    display: flex;
    margin-bottom: 12px;
}

.conv-msg-user[b-kj7626pisv] {
    justify-content: flex-end;
}

.conv-bubble[b-kj7626pisv] {
    max-width: 78%;
    padding: 10px 13px;
    border-radius: 10px;
}

.conv-msg-user .conv-bubble[b-kj7626pisv] {
    background: #1a1a2e;
    color: #fff;
    border-bottom-right-radius: 3px;
}

.conv-msg-agent .conv-bubble[b-kj7626pisv] {
    background: #f3f4f6;
    color: #1f2937;
    border: 1px solid #e5e7eb;
    border-bottom-left-radius: 3px;
}

.conv-bubble-who[b-kj7626pisv] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    opacity: .65;
    margin-bottom: 4px;
}

.btn-save[b-kj7626pisv] {
    background: #1a1a2e;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-save:hover[b-kj7626pisv] {
        background: #0f3460;
    }

.conv-bubble-text[b-kj7626pisv] {
    font-size: 13px;
    line-height: 1.55;
    white-space: pre-wrap;
}

.conv-state-title[b-kj7626pisv] {
    font-size: 14px;
    font-weight: 700;
}

.conv-state-text[b-kj7626pisv] {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4px;
}

.conv-state-date[b-kj7626pisv] {
    font-size: 11px;
    opacity: .75;
    margin-top: 6px;
}

.conv-state-pending[b-kj7626pisv] {
    background: #f9fafb;
    color: #4b5563;
}

.conv-state-processing[b-kj7626pisv] {
    background: #eef2ff;
    color: #3730a3;
    border-color: #c7d2fe;
}

.conv-state-done[b-kj7626pisv] {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.conv-state-skipped[b-kj7626pisv] {
    background: #fffbeb;
    color: #92400e;
    border-color: #fde68a;
}

.conv-state-error[b-kj7626pisv] {
    background: #fef2f2;
    color: #991b1b;
    border-color: #fecaca;
}

.conv-data[b-kj7626pisv] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 6px 10px;
    margin: 0;
    font-size: 12px;
}

    .conv-data dt[b-kj7626pisv] {
        color: #9ca3af;
        font-weight: 600;
    }

    .conv-data dd[b-kj7626pisv] {
        margin: 0;
        color: #374151;
        word-break: break-word;
    }
.btn-refresh[b-kj7626pisv] {
    background: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
}

    .btn-refresh:hover[b-kj7626pisv] {
        background: #f5f5f5;
    }

@media (max-width: 900px) {
    .conv-detail[b-kj7626pisv] {
        grid-template-columns: 1fr;
    }

    .conv-aside[b-kj7626pisv] {
        position: static;
    }

    .conv-total[b-kj7626pisv] {
        margin-left: 0;
    }
}
/* /Components/Features/AdminPanel/Conversation/ConversationData.razor.rz.scp.css */
.conv-card[b-k5nndxwnze] {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}

.conv-card-title[b-k5nndxwnze] {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 10px;
}

.conv-data[b-k5nndxwnze] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 6px 10px;
    margin: 0;
    font-size: 12px;
}

    .conv-data dt[b-k5nndxwnze] {
        color: #9ca3af;
        font-weight: 600;
    }

    .conv-data dd[b-k5nndxwnze] {
        margin: 0;
        color: #374151;
        word-break: break-word;
    }
/* /Components/Features/AdminPanel/Conversation/ConversationDetail.razor.rz.scp.css */
.conv-sub[b-wu1wgxjojb] {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 2px;
}

.btn-back[b-wu1wgxjojb] {
    background: white;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

    .btn-back:hover[b-wu1wgxjojb] {
        background: #f5f5f5;
    }

.conv-detail[b-wu1wgxjojb] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 18px;
    align-items: start;
}

.conv-aside[b-wu1wgxjojb] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: 14px;
}

@media (max-width: 900px) {
    .conv-detail[b-wu1wgxjojb] {
        grid-template-columns: 1fr;
    }

    .conv-aside[b-wu1wgxjojb] {
        position: static;
    }
}
/* /Components/Features/AdminPanel/Conversation/ConversationList.razor.rz.scp.css */
.btn-refresh[b-7jmlzgj8ui] {
    background: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
}

    .btn-refresh:hover[b-7jmlzgj8ui] {
        background: #f5f5f5;
    }

/* ── Pestañas ── */
.conv-tabs[b-7jmlzgj8ui] {
    display: flex;
    gap: 8px;
}

.conv-tab[b-7jmlzgj8ui] {
    padding: 8px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
}

    .conv-tab:hover[b-7jmlzgj8ui] {
        background: #f3f4f6;
    }

    .conv-tab.active[b-7jmlzgj8ui] {
        background: #1a1a2e;
        border-color: #1a1a2e;
        color: #fff;
    }

.conv-tab-count[b-7jmlzgj8ui] {
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(0, 0, 0, .08);
    font-size: 11px;
}

.conv-tab.active .conv-tab-count[b-7jmlzgj8ui] {
    background: rgba(255, 255, 255, .2);
}

/* ── Filtros ── */
.conv-filters[b-7jmlzgj8ui] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 18px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 1rem 1.25rem;
}

.conv-filter[b-7jmlzgj8ui] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 200px;
}

.field-label[b-7jmlzgj8ui] {
    font-size: 13px;
    color: #555;
    font-weight: 500;
}

.conv-check[b-7jmlzgj8ui] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #374151;
    cursor: pointer;
    padding-bottom: 6px;
}

.conv-total[b-7jmlzgj8ui] {
    margin-left: auto;
    font-size: 12px;
    color: #9ca3af;
    padding-bottom: 6px;
}

.empty-state[b-7jmlzgj8ui] {
    background: white;
    border: 1px dashed #ddd;
    border-radius: 10px;
    padding: 3rem;
    text-align: center;
    color: #aaa;
    font-size: 14px;
}

/* ── Filas ── */
.conv-table[b-7jmlzgj8ui] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.conv-row[b-7jmlzgj8ui] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 12px 14px;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}

    .conv-row:hover[b-7jmlzgj8ui] {
        border-color: #ccc;
        background: #f8fafc;
    }

.conv-info[b-7jmlzgj8ui] {
    flex: 1;
    min-width: 0;
}

.conv-meta[b-7jmlzgj8ui] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

.conv-lang[b-7jmlzgj8ui] {
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    color: #6b7280;
}

.conv-date[b-7jmlzgj8ui] {
    font-size: 11px;
    color: #aaa;
}

.conv-who[b-7jmlzgj8ui] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a2e;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conv-excerpt[b-7jmlzgj8ui] {
    font-size: 12px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conv-turns[b-7jmlzgj8ui] {
    text-align: center;
    min-width: 64px;
}

.conv-turns-val[b-7jmlzgj8ui] {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.1;
}

.conv-turns-lbl[b-7jmlzgj8ui] {
    font-size: 11px;
    color: #6b7280;
}

.conv-open[b-7jmlzgj8ui] {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 600;
    color: #1a1a2e;
    padding: 5px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
}

/* Estado de la historia (mismos colores que el historial de newsletter) */
.conv-status[b-7jmlzgj8ui] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.conv-status-pending[b-7jmlzgj8ui] { background: #f3f4f6; color: #6b7280; }
.conv-status-processing[b-7jmlzgj8ui] { background: #e0e7ff; color: #4338ca; }
.conv-status-done[b-7jmlzgj8ui] { background: #dcfce7; color: #15803d; }
.conv-status-skipped[b-7jmlzgj8ui] { background: #fef3c7; color: #b45309; }
.conv-status-error[b-7jmlzgj8ui] { background: #fee2e2; color: #b91c1c; }

@media (max-width: 900px) {
    .conv-total[b-7jmlzgj8ui] {
        margin-left: 0;
    }

    .conv-open[b-7jmlzgj8ui] {
        display: none;
    }
}
/* /Components/Features/AdminPanel/Conversation/ConversationStoryPanel.razor.rz.scp.css */
.conv-card[b-k5ng8g3ktz] {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}

.conv-card-title[b-k5ng8g3ktz] {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 4px;
}

.conv-card-desc[b-k5ng8g3ktz] {
    font-size: 13px;
    color: #666;
    margin: 0;
}

.btn-generate[b-k5ng8g3ktz] {
    width: 100%;
    background: #1a1a2e;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-generate:hover:not(:disabled)[b-k5ng8g3ktz] {
        background: #0f3460;
    }

    .btn-generate:disabled[b-k5ng8g3ktz] {
        opacity: .6;
        cursor: wait;
    }

/* ── Estado ── */
.conv-state-title[b-k5ng8g3ktz] {
    font-size: 14px;
    font-weight: 700;
}

.conv-state-text[b-k5ng8g3ktz] {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 4px;
}

.conv-state-date[b-k5ng8g3ktz] {
    font-size: 11px;
    opacity: .75;
    margin-top: 6px;
}

.conv-state-pending[b-k5ng8g3ktz] { background: #f9fafb; color: #4b5563; }
.conv-state-processing[b-k5ng8g3ktz] { background: #eef2ff; color: #3730a3; border-color: #c7d2fe; }
.conv-state-done[b-k5ng8g3ktz] { background: #f0fdf4; color: #166534; border-color: #bbf7d0; }
.conv-state-skipped[b-k5ng8g3ktz] { background: #fffbeb; color: #92400e; border-color: #fde68a; }
.conv-state-error[b-k5ng8g3ktz] { background: #fef2f2; color: #991b1b; border-color: #fecaca; }
/* /Components/Features/AdminPanel/Conversation/ConversationTranscript.razor.rz.scp.css */
.conv-transcript[b-tvp7aqef4j] {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    max-height: 680px;
    overflow-y: auto;
}

.conv-empty[b-tvp7aqef4j] {
    text-align: center;
    color: #aaa;
    font-size: 14px;
    padding: 2rem 0;
    margin: 0;
}

.conv-msg[b-tvp7aqef4j] {
    display: flex;
    margin-bottom: 12px;
}

.conv-msg-user[b-tvp7aqef4j] {
    justify-content: flex-end;
}

.conv-bubble[b-tvp7aqef4j] {
    max-width: 78%;
    padding: 10px 13px;
    border-radius: 10px;
}

.conv-msg-user .conv-bubble[b-tvp7aqef4j] {
    background: #1a1a2e;
    color: #fff;
    border-bottom-right-radius: 3px;
}

.conv-msg-agent .conv-bubble[b-tvp7aqef4j] {
    background: #f3f4f6;
    color: #1f2937;
    border: 1px solid #e5e7eb;
    border-bottom-left-radius: 3px;
}

.conv-bubble-who[b-tvp7aqef4j] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    opacity: .65;
    margin-bottom: 4px;
}

.conv-bubble-text[b-tvp7aqef4j] {
    font-size: 13px;
    line-height: 1.55;
    white-space: pre-wrap;
}
/* /Components/Features/AdminPanel/NewsletterSection.razor.rz.scp.css */
body[b-0hbya4mlar] {
}
/* /Components/Features/AdminPanel/Newsletter/HistoryNewsLetter.razor.rz.scp.css */
/* ── Historial de newsletter (se apoya en .news-row de Noticias Publicadas) ── */
.nl-hist-row[b-j5ta6djech] {
    align-items: center;
}

.nl-status[b-j5ta6djech] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.nl-status-sent[b-j5ta6djech] {
    background: #dcfce7;
    color: #15803d;
}

.nl-status-partial[b-j5ta6djech] {
    background: #fef3c7;
    color: #b45309;
}

.nl-status-failed[b-j5ta6djech] {
    background: #fee2e2;
    color: #b91c1c;
}

.nl-status-skipped[b-j5ta6djech] {
    background: #f3f4f6;
    color: #6b7280;
}

.nl-status-sending[b-j5ta6djech] {
    background: #e0e7ff;
    color: #4338ca;
}

.nl-stats[b-j5ta6djech] {
    display: flex;
    gap: 18px;
    margin: 0 16px;
}

.nl-stat[b-j5ta6djech] {
    text-align: center;
    min-width: 56px;
}

.nl-stat-val[b-j5ta6djech] {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.1;
}

.nl-stat-lbl[b-j5ta6djech] {
    font-size: 11px;
    color: #6b7280;
}

.nl-stat-bad .nl-stat-val[b-j5ta6djech] {
    color: #b91c1c;
}

.nl-hist-error[b-j5ta6djech] {
    margin-top: 6px;
    font-size: 12px;
    color: #b91c1c;
}

.nl-hist-detail[b-j5ta6djech] {
    margin: -4px 0 12px;
    padding: 14px 18px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-top: none;
    border-radius: 0 0 10px 10px;
    font-size: 13px;
}

.nl-hist-detail-title[b-j5ta6djech] {
    font-weight: 700;
    color: #374151;
    margin-bottom: 6px;
}

.nl-hist-article[b-j5ta6djech] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 0;
    border-bottom: 1px dashed #e5e7eb;
}

    .nl-hist-article a[b-j5ta6djech] {
        color: #1a1a2e;
        text-decoration: none;
    }

        .nl-hist-article a:hover[b-j5ta6djech] {
            text-decoration: underline;
        }

.nl-hist-clicks[b-j5ta6djech] {
    color: #6b7280;
    white-space: nowrap;
}

.nl-hist-failed[b-j5ta6djech] {
    color: #b91c1c;
    word-break: break-all;
}

.nl-hist-foot[b-j5ta6djech] {
    margin-top: 10px;
    font-size: 11px;
    color: #9ca3af;
}

.nl-hist-note[b-j5ta6djech] {
    margin-top: 16px;
    font-size: 11px;
    color: #9ca3af;
}

.news-table[b-j5ta6djech] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.news-table[b-j5ta6djech] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.news-row[b-j5ta6djech] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 12px 14px;
    transition: border-color 0.15s;
}

    .news-row.editing[b-j5ta6djech] {
        border-color: #1a1a2e;
        border-width: 2px;
    }

    .news-row:hover[b-j5ta6djech] {
        border-color: #ccc;
    }
.news-date[b-j5ta6djech] {
    font-size: 11px;
    color: #aaa;
}
.news-title[b-j5ta6djech] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a2e;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-excerpt[b-j5ta6djech] {
    font-size: 12px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-info[b-j5ta6djech] {
    flex: 1;
    min-width: 0;
}
.news-meta-row[b-j5ta6djech] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
}

.news-actions[b-j5ta6djech] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.btn-refresh[b-j5ta6djech] {
    background: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
}

    .btn-refresh:hover[b-j5ta6djech] {
        background: #f5f5f5;
    }

.btn-action[b-j5ta6djech] {
    border: none;
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.15s;
}
.btn-preview[b-j5ta6djech] {
    background: #e2e8f0;
    color: #333;
}

@media (max-width: 768px) {
    .nl-stats[b-j5ta6djech] {
        margin: 10px 0 0;
        gap: 12px;
    }
}
/* /Components/Features/AdminPanel/Newsletter/ScheduleNewsLetter.razor.rz.scp.css */
.sched-debug-box[b-3re27fh83n] {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 13px;
    color: #0369a1;
    line-height: 1.8;
}

.sched-card[b-3re27fh83n] {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}

.sched-card-title[b-3re27fh83n] {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
}

.sched-card-desc[b-3re27fh83n] {
    font-size: 13px;
    color: #666;
    margin: 0;
}

.sched-toggle[b-3re27fh83n] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    flex-shrink: 0;
}

    .sched-toggle input[b-3re27fh83n] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.sched-slider[b-3re27fh83n] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ccc;
    border-radius: 26px;
    transition: 0.3s;
}

    .sched-slider[b-3re27fh83n]::before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 3px;
        background: white;
        border-radius: 50%;
        transition: 0.3s;
    }

.sched-toggle input:checked + .sched-slider[b-3re27fh83n] {
    background: #1a1a2e;
}

    .sched-toggle input:checked + .sched-slider[b-3re27fh83n]::before {
        transform: translateX(22px);
    }

.sched-toggle-sm[b-3re27fh83n] {
    width: 36px;
    height: 20px;
}

    .sched-toggle-sm .sched-slider[b-3re27fh83n]::before {
        height: 14px;
        width: 14px;
    }

    .sched-toggle-sm input:checked + .sched-slider[b-3re27fh83n]::before {
        transform: translateX(16px);
    }

/* ── Multi-day scheduler ────────────────────── */
.sched-day-active[b-3re27fh83n] {
    border-left: 3px solid #0f172a;
}

.sched-day-inactive[b-3re27fh83n] {
    opacity: 0.7;
}

.sched-day-name[b-3re27fh83n] {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    min-width: 90px;
}

.sched-time-select[b-3re27fh83n] {
    width: 80px !important;
    font-size: 13px;
    text-align: center;
}

/* Image provider radio */
.sched-radio-opt[b-3re27fh83n] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    transition: all 0.15s;
}

    .sched-radio-opt:hover[b-3re27fh83n] {
        border-color: #0f172a;
    }

    .sched-radio-opt.active[b-3re27fh83n] {
        border-color: #0f172a;
        background: #f8f9fa;
        font-weight: 700;
    }

    .sched-radio-opt input[b-3re27fh83n] {
        display: none;
    }

/* ── Mini image provider selector in scheduler ── */
.sched-radio-sm[b-3re27fh83n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 28px;
    border-radius: 6px;
    border: 1.5px solid #e5e7eb;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.15s;
    background: white;
}

    .sched-radio-sm:hover[b-3re27fh83n] {
        border-color: #0f172a;
    }

    .sched-radio-sm.active[b-3re27fh83n] {
        border-color: #0f172a;
        background: #f1f5f9;
    }

/* Category rows */
.sched-cat-grid[b-3re27fh83n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sched-cat-row[b-3re27fh83n] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #f8f9fa;
    border: 1px solid #eee;
    transition: background 0.2s, border-color 0.2s;
}

.sched-cat-active[b-3re27fh83n] {
    background: #f0f4ff;
    border-color: #c7d2fe;
}

.sched-cat-name[b-3re27fh83n] {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.sched-cat-hint[b-3re27fh83n] {
    font-size: 12px;
    color: #999;
    min-width: 70px;
    text-align: right;
}


/* Quantity controls */
.sched-qty[b-3re27fh83n] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sched-qty-btn[b-3re27fh83n] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: white;
    font-size: 16px;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

    .sched-qty-btn:hover[b-3re27fh83n] {
        background: #1a1a2e;
        color: white;
        border-color: #1a1a2e;
    }

.sched-qty-val[b-3re27fh83n] {
    font-size: 15px;
    font-weight: 600;
    min-width: 20px;
    text-align: center;
    color: #1a1a2e;
}

.sched-summary[b-3re27fh83n] {
    background: #f0f4ff;
    border: 1px solid #c7d2fe;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
    color: #3730a3;
}

/* ── Alerts ─────────────────────────────────────── */
.alert-ok[b-3re27fh83n] {
    background: #f0fff4;
    border: 1px solid #9ae6b4;
    color: #276749;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
}

.alert-err[b-3re27fh83n] {
    background: #fff5f5;
    border: 1px solid #fcc;
    color: #c53030;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
}

.btn-save[b-3re27fh83n] {
    background: #1a1a2e;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-save:hover[b-3re27fh83n] {
        background: #0f3460;
    }

.generating-box[b-3re27fh83n] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #f8f9fa;
    border-radius: 10px;
    padding: 1.25rem;
}

    .generating-box p[b-3re27fh83n] {
        margin: 4px 0 0;
        font-size: 13px;
        color: #666;
    }

.spinner[b-3re27fh83n] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: 3px solid #e2e8f0;
    border-top-color: #1a1a2e;
    border-radius: 50%;
    animation: spin-b-3re27fh83n 0.8s linear infinite;
}

@keyframes spin-b-3re27fh83n {
    to {
        transform: rotate(360deg);
    }
}

.btn-generate[b-3re27fh83n] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1a1a2e;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    width: 100%;
}

    .btn-generate:hover[b-3re27fh83n] {
        background: #0f3460;
    }


.nl-day-active[b-3re27fh83n] {
    background: #eef2ff; /* mismo fondo que .sched-cat-active */
    border: 1px solid #c7d2fe; /* mismo borde que .sched-cat-active */
}

    .nl-day-active .sched-cat-row[b-3re27fh83n] {
        background: #fff;
    }

        .nl-day-active .sched-cat-row.sched-cat-active[b-3re27fh83n] {
            background: #e0e7ff;
        }

.nl-mode-select[b-3re27fh83n] {
    min-width: 200px;
}
/* /Components/Features/AdminPanel/News/EditNewsForm.razor.rz.scp.css */
/* Formulario de edición de noticia (sacado de NewsPublishedSection.razor.css). */

.edit-form[b-r898hgs5gq] {
    background: #f8f9fa;
    border: 1.5px solid #1a1a2e;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
}

.edit-form-title[b-r898hgs5gq] {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 1rem;
}

.field-label[b-r898hgs5gq] {
    font-size: 13px;
    color: #555;
    margin-bottom: 5px;
    display: block;
    font-weight: 500;
}

/* Miniatura de la imagen actual. La lista tiene su propia copia de esta
   regla en NewsPublishedSection.razor.css: el CSS aislado no se comparte. */
.news-thumb[b-r898hgs5gq] {
    width: 72px;
    height: 54px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    background: #f0f0f0;
}

.btn-save[b-r898hgs5gq] {
    background: #1a1a2e;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-save:hover:not(:disabled)[b-r898hgs5gq] {
        background: #0f3460;
    }

.btn-cancel[b-r898hgs5gq] {
    background: white;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
}

    .btn-save:disabled[b-r898hgs5gq],
    .btn-cancel:disabled[b-r898hgs5gq] {
        opacity: .5;
        cursor: not-allowed;
    }

@media (max-width: 768px) {
    .news-thumb[b-r898hgs5gq] {
        width: 60px;
        height: 45px;
    }
}
/* /Components/Features/AdminPanel/News/NewsPublishedSection.razor.rz.scp.css */
.btn-refresh[b-oxu40otckg] {
    background: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
}

    .btn-refresh:hover[b-oxu40otckg] {
        background: #f5f5f5;
    }


/* ── Filtros ── */
.filters[b-oxu40otckg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
}

.filter[b-oxu40otckg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-label[b-oxu40otckg] {
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.filter-select[b-oxu40otckg] {
    min-width: 160px;
}

.filter-select-wide[b-oxu40otckg] {
    min-width: 180px;
}

.filters-total[b-oxu40otckg] {
    margin-left: auto;
    font-size: 12px;
    color: #9ca3af;
}


.field-label[b-oxu40otckg] {
    font-size: 13px;
    color: #555;
    margin-bottom: 5px;
    display: block;
    font-weight: 500;
}

.filter-search[b-oxu40otckg] {
    flex: 1;
    min-width: 220px;
}



.empty-state[b-oxu40otckg] {
    background: white;
    border: 1px dashed #ddd;
    border-radius: 10px;
    padding: 3rem;
    text-align: center;
    color: #aaa;
    font-size: 14px;
}

.news-table[b-oxu40otckg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.news-row[b-oxu40otckg] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 12px 14px;
    transition: border-color 0.15s;
}

    .news-row.editing[b-oxu40otckg] {
        border-color: #1a1a2e;
        border-width: 2px;
    }

    .news-row:hover[b-oxu40otckg] {
        border-color: #ccc;
    }

.news-thumb[b-oxu40otckg] {
    width: 72px;
    height: 54px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    background: #f0f0f0;
}
.news-info[b-oxu40otckg] {
    flex: 1;
    min-width: 0;
}

.news-meta-row[b-oxu40otckg] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
}

.news-category-tag[b-oxu40otckg] {
    font-size: 11px;
    font-weight: 600;
    color: #1a1a2e;
    background: #eef0ff;
    border-radius: 4px;
    padding: 2px 7px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.news-date[b-oxu40otckg] {
    font-size: 11px;
    color: #aaa;
}

.news-title[b-oxu40otckg] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a2e;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-excerpt[b-oxu40otckg] {
    font-size: 12px;
    color: #888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-actions[b-oxu40otckg] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.btn-action[b-oxu40otckg] {
    border: none;
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.15s;
}

    .btn-action:hover[b-oxu40otckg] {
        opacity: 0.85;
    }

.btn-preview[b-oxu40otckg] {
    background: #e2e8f0;
    color: #333;
}

.btn-publish[b-oxu40otckg] {
    background: #48bb78;
    color: white;
}

.btn-edit[b-oxu40otckg] {
    background: #4299e1;
    color: white;
}

.btn-pause[b-oxu40otckg] {
    background: #ed8936;
    color: white;
}

.btn-delete[b-oxu40otckg] {
    background: #fc8181;
    color: white;
}

.btn-page[b-oxu40otckg] {
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    font-size: .85rem;
    cursor: pointer;
}

    .btn-page:hover:not(:disabled)[b-oxu40otckg] {
        background: #f3f4f6;
    }

    .btn-page.active[b-oxu40otckg] {
        background: #1a1a2e;
        color: #fff;
        border-color: #1a1a2e;
    }

    .btn-page:disabled:not(.active)[b-oxu40otckg] {
        opacity: .4;
        cursor: default;
    }

.btn-page-gap[b-oxu40otckg] {
    padding: 0 4px;
    align-self: center;
    color: #9ca3af;
}

@media (max-width: 768px) {


    .news-row[b-oxu40otckg] {
        flex-wrap: wrap;
    }

    .news-thumb[b-oxu40otckg] {
        width: 60px;
        height: 45px;
    }
}
/* /Components/Features/AdminPanel/News/NewsSchedulerSection.razor.rz.scp.css */
.sched-debug-box[b-2auf9q5twa] {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 13px;
    color: #0369a1;
    line-height: 1.8;
}
.sched-card[b-2auf9q5twa] {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
}

.sched-card-title[b-2auf9q5twa] {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
}

.sched-card-desc[b-2auf9q5twa] {
    font-size: 13px;
    color: #666;
    margin: 0;
}

.sched-toggle[b-2auf9q5twa] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    flex-shrink: 0;
}

    .sched-toggle input[b-2auf9q5twa] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.sched-slider[b-2auf9q5twa] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ccc;
    border-radius: 26px;
    transition: 0.3s;
}

    .sched-slider[b-2auf9q5twa]::before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 3px;
        background: white;
        border-radius: 50%;
        transition: 0.3s;
    }

.sched-toggle input:checked + .sched-slider[b-2auf9q5twa] {
    background: #1a1a2e;
}

    .sched-toggle input:checked + .sched-slider[b-2auf9q5twa]::before {
        transform: translateX(22px);
    }

.sched-toggle-sm[b-2auf9q5twa] {
    width: 36px;
    height: 20px;
}

    .sched-toggle-sm .sched-slider[b-2auf9q5twa]::before {
        height: 14px;
        width: 14px;
    }

    .sched-toggle-sm input:checked + .sched-slider[b-2auf9q5twa]::before {
        transform: translateX(16px);
    }

/* ── Multi-day scheduler ────────────────────── */
.sched-day-active[b-2auf9q5twa] {
    border-left: 3px solid #0f172a;
}

.sched-day-inactive[b-2auf9q5twa] {
    opacity: 0.7;
}

.sched-day-name[b-2auf9q5twa] {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    min-width: 90px;
}

.sched-time-select[b-2auf9q5twa] {
    width: 80px !important;
    font-size: 13px;
    text-align: center;
}

/* Image provider radio */
.sched-radio-opt[b-2auf9q5twa] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    transition: all 0.15s;
}

    .sched-radio-opt:hover[b-2auf9q5twa] {
        border-color: #0f172a;
    }

    .sched-radio-opt.active[b-2auf9q5twa] {
        border-color: #0f172a;
        background: #f8f9fa;
        font-weight: 700;
    }

    .sched-radio-opt input[b-2auf9q5twa] {
        display: none;
    }

/* ── Mini image provider selector in scheduler ── */
.sched-radio-sm[b-2auf9q5twa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 28px;
    border-radius: 6px;
    border: 1.5px solid #e5e7eb;
    cursor: pointer;
    font-size: 14px;
    transition: all 0.15s;
    background: white;
}

    .sched-radio-sm:hover[b-2auf9q5twa] {
        border-color: #0f172a;
    }

    .sched-radio-sm.active[b-2auf9q5twa] {
        border-color: #0f172a;
        background: #f1f5f9;
    }

/* Category rows */
.sched-cat-grid[b-2auf9q5twa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sched-cat-row[b-2auf9q5twa] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #f8f9fa;
    border: 1px solid #eee;
    transition: background 0.2s, border-color 0.2s;
}

.sched-cat-active[b-2auf9q5twa] {
    background: #f0f4ff;
    border-color: #c7d2fe;
}

.sched-cat-name[b-2auf9q5twa] {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.sched-cat-hint[b-2auf9q5twa] {
    font-size: 12px;
    color: #999;
    min-width: 70px;
    text-align: right;
}


/* Quantity controls */
.sched-qty[b-2auf9q5twa] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sched-qty-btn[b-2auf9q5twa] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: white;
    font-size: 16px;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

    .sched-qty-btn:hover[b-2auf9q5twa] {
        background: #1a1a2e;
        color: white;
        border-color: #1a1a2e;
    }

.sched-qty-val[b-2auf9q5twa] {
    font-size: 15px;
    font-weight: 600;
    min-width: 20px;
    text-align: center;
    color: #1a1a2e;
}

.sched-summary[b-2auf9q5twa] {
    background: #f0f4ff;
    border: 1px solid #c7d2fe;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
    color: #3730a3;
}

/* ── Alerts ─────────────────────────────────────── */
.alert-ok[b-2auf9q5twa] {
    background: #f0fff4;
    border: 1px solid #9ae6b4;
    color: #276749;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
}

.alert-err[b-2auf9q5twa] {
    background: #fff5f5;
    border: 1px solid #fcc;
    color: #c53030;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
}

.btn-save[b-2auf9q5twa] {
    background: #1a1a2e;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .btn-save:hover[b-2auf9q5twa] {
        background: #0f3460;
    }

.generating-box[b-2auf9q5twa] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #f8f9fa;
    border-radius: 10px;
    padding: 1.25rem;
}

    .generating-box p[b-2auf9q5twa] {
        margin: 4px 0 0;
        font-size: 13px;
        color: #666;
    }

.spinner[b-2auf9q5twa] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: 3px solid #e2e8f0;
    border-top-color: #1a1a2e;
    border-radius: 50%;
    animation: spin-b-2auf9q5twa 0.8s linear infinite;
}

@keyframes spin-b-2auf9q5twa {
    to {
        transform: rotate(360deg);
    }
}

.btn-generate[b-2auf9q5twa] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1a1a2e;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    width: 100%;
}

    .btn-generate:hover[b-2auf9q5twa] {
        background: #0f3460;
    }
/* /Components/Features/AdminPanel/StoriesSection.razor.rz.scp.css */
[b-6j2jcjgeox] .btn-refresh {
    background: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
}

    [b-6j2jcjgeox] .btn-refresh:hover {
        background: #f5f5f5;
    }
/* /Components/Features/AdminPanel/Stories/AdminHistoriaEditor.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   Editor de historias — AdminHistoriaEditor + componentes de StoryEdit

   El CSS aislado (.razor.css) solo aplica al markup que dibuja ESTE
   componente. Los bloques (StoryCardSection, StoryImageField,
   EditorSectionFrame…) son componentes hijos, así que sus reglas van
   con ".editor-layout ::deep": .editor-layout lo dibuja este archivo
   y ::deep alcanza todo lo que hay dentro, venga del componente que venga.
   ═══════════════════════════════════════════════════════════════════ */


/* ── Barra superior (la dibuja este componente) ─────────────────── */

.top-bar[b-ff3njz4gyv] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}


/* ── Botones: en la barra y dentro de los bloques ───────────────── */

.btn-primary[b-ff3njz4gyv],
.btn-secondary[b-ff3njz4gyv],
.btn-success[b-ff3njz4gyv],
.editor-layout[b-ff3njz4gyv]  .btn-primary,
.editor-layout[b-ff3njz4gyv]  .btn-secondary,
.editor-layout[b-ff3njz4gyv]  .btn-success {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.btn-primary[b-ff3njz4gyv],
.editor-layout[b-ff3njz4gyv]  .btn-primary {
    background: #722f37;
    color: #fff;
    border: 1px solid #722f37;
}

.btn-secondary[b-ff3njz4gyv],
.editor-layout[b-ff3njz4gyv]  .btn-secondary {
    background: #fff;
    color: #1a1a2e;
    border: 1px solid #e5e7eb;
}

    .btn-secondary:hover:not(:disabled)[b-ff3njz4gyv],
    .editor-layout[b-ff3njz4gyv]  .btn-secondary:hover:not(:disabled) {
        background: #f3f4f6;
        color: #1a1a2e;
    }

.btn-success[b-ff3njz4gyv],
.editor-layout[b-ff3njz4gyv]  .btn-success {
    background: #16a34a;
    color: #fff;
    border: 1px solid #16a34a;
}

    .btn-primary:disabled[b-ff3njz4gyv],
    .btn-secondary:disabled[b-ff3njz4gyv],
    .btn-success:disabled[b-ff3njz4gyv],
    .editor-layout[b-ff3njz4gyv]  .btn-primary:disabled,
    .editor-layout[b-ff3njz4gyv]  .btn-secondary:disabled,
    .editor-layout[b-ff3njz4gyv]  .btn-success:disabled {
        opacity: .5;
        cursor: not-allowed;
    }


/* ── Layout de dos columnas ─────────────────────────────────────── */

.editor-layout[b-ff3njz4gyv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    align-items: start;
}

@media (min-width: 1024px) {
    .editor-layout[b-ff3njz4gyv] {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}


/* ── Bloque (EditorSectionFrame) ────────────────────────────────── */

.editor-layout[b-ff3njz4gyv]  .editor-section {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 20px 22px;
    margin-bottom: 18px;
    transition: border-color .15s, box-shadow .15s;
}

    .editor-layout[b-ff3njz4gyv]  .editor-section.is-editing {
        border-color: #c7d2fe;
        box-shadow: 0 0 0 3px #eef2ff;
    }

.editor-layout[b-ff3njz4gyv]  .editor-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f4f6;
}

    .editor-layout[b-ff3njz4gyv]  .editor-section-head h4 {
        margin: 0;
        font-size: 13px;
        color: #1a1a2e;
        text-transform: uppercase;
        letter-spacing: 1.2px;
        font-weight: 700;
    }

.editor-layout[b-ff3njz4gyv]  .editor-section-actions {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

    .editor-layout[b-ff3njz4gyv]  .editor-section-actions button {
        padding: 5px 12px;
        font-size: 12px;
    }

.editor-layout[b-ff3njz4gyv]  .editor-section-msg {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

    .editor-layout[b-ff3njz4gyv]  .editor-section-msg.ok {
        color: #16a34a;
    }

    .editor-layout[b-ff3njz4gyv]  .editor-section-msg.err {
        color: #dc2626;
    }

.editor-layout[b-ff3njz4gyv]  .editor-retry {
    margin-left: 8px;
    padding: 3px 10px;
    border: 1px solid #dc2626;
    border-radius: 4px;
    background: #fff;
    color: #dc2626;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

    .editor-layout[b-ff3njz4gyv]  .editor-retry:disabled {
        opacity: .5;
        cursor: not-allowed;
    }

/* ── Inglés bajo cada campo (LocalizedInput) ────────────────────── */

.editor-layout[b-ff3njz4gyv]  .loc-en {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 4px;
}

    .editor-layout[b-ff3njz4gyv]  .loc-en .editor-input {
        background: #f8fafc;
        border-style: dashed;
    }

.editor-layout[b-ff3njz4gyv]  .loc-en-tag {
    flex-shrink: 0;
    margin-top: 7px;
    padding: 1px 5px;
    border-radius: 3px;
    background: #e0e7ff;
    color: #4338ca;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .5px;
}


/* ── Campos ─────────────────────────────────────────────────────── */

.editor-layout[b-ff3njz4gyv]  .editor-field {
    margin-bottom: 14px;
}

.editor-layout[b-ff3njz4gyv]  .editor-field-label {
    display: block;
    font-size: 10px;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    margin-bottom: 5px;
}

.editor-layout[b-ff3njz4gyv]  .editor-field-value {
    font-size: 14px;
    color: #1a1a2e;
    line-height: 1.5;
    word-break: break-word;
}

    .editor-layout[b-ff3njz4gyv]  .editor-field-value:empty::before {
        content: "—";
        color: #d1d5db;
    }

.editor-layout[b-ff3njz4gyv]  .editor-input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    font-size: 13px;
    font-family: inherit;
    background: #fff;
}

    .editor-layout[b-ff3njz4gyv]  .editor-input:focus {
        outline: none;
        border-color: #6366f1;
        box-shadow: 0 0 0 3px #eef2ff;
    }

.editor-layout[b-ff3njz4gyv]  .editor-textarea {
    min-height: 80px;
    resize: vertical;
    line-height: 1.5;
}

.editor-layout[b-ff3njz4gyv]  .editor-hint {
    font-size: 11px;
    color: #9ca3af;
    margin: 0 0 12px;
}

    .editor-layout[b-ff3njz4gyv]  .editor-hint code {
        font-size: 11px;
    }

.editor-layout[b-ff3njz4gyv]  .editor-warn {
    font-size: 11px;
    color: #b45309;
    margin: 6px 0 0;
}

.editor-layout[b-ff3njz4gyv]  .editor-empty {
    font-size: 12px;
    color: #9ca3af;
    font-style: italic;
    margin: 0 0 10px;
}

.editor-layout[b-ff3njz4gyv]  .editor-counter {
    font-size: 11px;
    color: #9ca3af;
    margin-top: 4px;
    font-family: monospace;
}


/* ── Imagen (StoryImageField) ───────────────────────────────────── */

/* Sin imagen: recuadro punteado. Con imagen: solo la foto. */
.editor-layout[b-ff3njz4gyv]  .img-slot {
    border: 2px dashed #d1d5db;
    border-radius: 8px;
    background: #fafafa;
    overflow: hidden;
}

    .editor-layout[b-ff3njz4gyv]  .img-slot.has-img {
        border: 1px solid #e8e8e8;
        background: #fff;
    }

    .editor-layout[b-ff3njz4gyv]  .img-slot img {
        display: block;
        width: 100%;
        max-height: 280px;
        object-fit: cover;
    }

.editor-layout[b-ff3njz4gyv]  .img-empty {
    text-align: center;
    color: #9ca3af;
    font-size: 12px;
    padding: 28px 12px;
}

.editor-layout[b-ff3njz4gyv]  .img-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
    background: #f9fafb;
    border-top: 1px solid #f3f4f6;
}

.editor-layout[b-ff3njz4gyv]  .img-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
}

    .editor-layout[b-ff3njz4gyv]  .img-btn:hover:not(:disabled) {
        border-color: #722f37;
        color: #722f37;
    }

    .editor-layout[b-ff3njz4gyv]  .img-btn:disabled {
        opacity: .5;
        cursor: not-allowed;
    }

.editor-layout[b-ff3njz4gyv]  .img-btn-danger:hover:not(:disabled) {
    border-color: #dc2626;
    color: #dc2626;
}

/* Subir archivo: el InputFile va invisible encima de todo el botón,
   así funcionan el clic y arrastrar-soltar sobre él. */
.editor-layout[b-ff3njz4gyv]  .img-btn-upload {
    overflow: hidden;
    border-color: #a7d0a7;
    color: #166534;
}

    .editor-layout[b-ff3njz4gyv]  .img-btn-upload:hover {
        border-color: #10b981;
        color: #065f46;
        background: #f0fdf4;
    }

    .editor-layout[b-ff3njz4gyv]  .img-btn-upload input[type=file] {
        position: absolute;
        inset: 0;
        opacity: 0;
        cursor: pointer;
    }

    .editor-layout[b-ff3njz4gyv]  .img-btn-upload.disabled {
        opacity: .5;
        pointer-events: none;
    }

.editor-layout[b-ff3njz4gyv]  .img-btn-add {
    background: #10b981;
    color: #fff;
    border-color: #10b981;
    justify-content: center;
    padding: 9px 16px;
    font-size: 12px;
}

    .editor-layout[b-ff3njz4gyv]  .img-btn-add:hover:not(:disabled) {
        background: #059669;
        border-color: #059669;
        color: #fff;
    }

.editor-layout[b-ff3njz4gyv]  .img-note {
    font-size: 11px;
    color: #6b7280;
    padding: 0 10px 10px;
}

.editor-layout[b-ff3njz4gyv]  .img-error {
    font-size: 11px;
    color: #dc2626;
    padding: 0 10px 10px;
}

.editor-layout[b-ff3njz4gyv]  .img-caption {
    font-size: 11px;
    color: #6b7280;
    font-style: italic;
    margin: 6px 0 0;
}


/* ── Secciones del cuerpo (StoryBodySections) ───────────────────── */

.editor-layout[b-ff3njz4gyv]  .section-card {
    background: #fafafa;
    border: 1px solid #f3f4f6;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 14px;
}

    .editor-layout[b-ff3njz4gyv]  .section-card.highlight {
        border-color: #d9c4a0;
        background: #faf7f2;
    }

.editor-layout[b-ff3njz4gyv]  .section-card-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.editor-layout[b-ff3njz4gyv]  .section-num {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #722f37;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.editor-layout[b-ff3njz4gyv]  .section-title {
    flex: 1;
    font-weight: 700;
    font-size: 14px;
    color: #1a1a2e;
    font-family: 'Fraunces', Georgia, serif;
}

.editor-layout[b-ff3njz4gyv]  .section-flag {
    font-size: 10px;
    font-weight: 700;
    color: #b08d57;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.editor-layout[b-ff3njz4gyv]  .section-controls {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.editor-layout[b-ff3njz4gyv]  .section-ctrl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    font-size: 11px;
    color: #6b7280;
    cursor: pointer;
}

    .editor-layout[b-ff3njz4gyv]  .section-ctrl-btn:hover:not(:disabled) {
        background: #f3f4f6;
    }

    .editor-layout[b-ff3njz4gyv]  .section-ctrl-btn:disabled {
        opacity: .35;
        cursor: not-allowed;
    }

.editor-layout[b-ff3njz4gyv]  .section-ctrl-btn-danger:hover:not(:disabled) {
    background: #fee2e2;
    color: #dc2626;
    border-color: #fecaca;
}

.editor-layout[b-ff3njz4gyv]  .section-highlight {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #6b7280;
    cursor: pointer;
}


/* ── Timeline (StoryTimelineSection) ────────────────────────────── */

.editor-layout[b-ff3njz4gyv]  .timeline-row {
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 8px 12px;
    background: #fafafa;
    border: 1px solid #f3f4f6;
    border-radius: 6px;
    margin-bottom: 6px;
}

.editor-layout[b-ff3njz4gyv]  .timeline-row-new {
    background: #fef3c7;
    border-color: #fcd34d;
    margin-top: 14px;
}

.editor-layout[b-ff3njz4gyv]  .timeline-year {
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 700;
    color: #722f37;
    font-size: 16px;
}


/* ── Móvil ──────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .top-bar[b-ff3njz4gyv] {
        padding: 12px 16px;
    }

    .editor-layout[b-ff3njz4gyv] {
        padding: 12px;
    }

        .editor-layout[b-ff3njz4gyv]  .editor-section-head {
            flex-direction: column;
            align-items: flex-start;
        }

        .editor-layout[b-ff3njz4gyv]  .timeline-row {
            grid-template-columns: 64px 1fr auto;
        }
}
/* /Components/Features/AdminPanel/Stories/ProfilesSection.razor.rz.scp.css */
/* ── Encabezado ── */
.btn-refresh[b-1lc9491g0x] {
    background: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
}

    .btn-refresh:hover[b-1lc9491g0x] {
        background: #f5f5f5;
    }

/* ── Filtros ── */
.filters[b-1lc9491g0x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
}

.filter[b-1lc9491g0x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-label[b-1lc9491g0x] {
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.filter-select[b-1lc9491g0x] { min-width: 160px; }
.filter-select-wide[b-1lc9491g0x] { min-width: 180px; }

.filters-total[b-1lc9491g0x] {
    margin-left: auto;
    font-size: 12px;
    color: #9ca3af;
}

/* ── Cargando / vacío ── */
.state-box[b-1lc9491g0x] {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 60px;
    text-align: center;
}

.state-box-empty[b-1lc9491g0x] { padding: 80px 24px; }
.state-spinner[b-1lc9491g0x] { color: #722f37; }

.state-loading[b-1lc9491g0x] {
    margin: 14px 0 0;
    color: #9ca3af;
    font-size: 13px;
}

.state-icon[b-1lc9491g0x] {
    font-size: 48px;
    margin-bottom: 14px;
    opacity: .5;
}

.state-title[b-1lc9491g0x] {
    margin: 0 0 8px;
    font-size: 18px;
    color: #1a1a2e;
}

.state-text[b-1lc9491g0x] {
    margin: 0 auto;
    max-width: 520px;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.5;
}

/* ── Tarjetas ── */
.profile-grid[b-1lc9491g0x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 14px;
}

.profile-card[b-1lc9491g0x] {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
    transition: border-color .15s, transform .15s, box-shadow .15s;
}

    .profile-card:hover[b-1lc9491g0x] {
        border-color: #722f37;
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, .08);
    }

.profile-head[b-1lc9491g0x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 10px;
}

.profile-head-info[b-1lc9491g0x] {
    min-width: 0;
    flex: 1;
}

.profile-name[b-1lc9491g0x] {
    margin: 0 0 3px;
    font-size: 15px;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-place[b-1lc9491g0x] {
    font-size: 12px;
    color: #6b7280;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.profile-cuisine[b-1lc9491g0x] {
    font-size: 11px;
    color: #6b7280;
    font-style: italic;
    margin-bottom: 12px;
    line-height: 1.4;
    border-left: 2px solid #b08d57;
    padding-left: 8px;
}

.profile-foot[b-1lc9491g0x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f3f4f6;
    font-size: 10px;
    color: #9ca3af;
}

/* ── Calidad de datos (quality-{alta|media|baja}) ── */
.quality[b-1lc9491g0x] {
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    white-space: nowrap;
    background: #f3f4f6;
    color: #6b7280;
}

.quality-alta[b-1lc9491g0x] { background: #dcfce7; color: #15803d; }
.quality-media[b-1lc9491g0x] { background: #fef3c7; color: #b45309; }
.quality-baja[b-1lc9491g0x] { background: #fee2e2; color: #b91c1c; }

/* ── Match Snap It Go (match-{alto|medio|bajo|ninguno}) ── */
.match[b-1lc9491g0x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 6px;
    background: #f9fafb;
}

.match-text[b-1lc9491g0x] {
    font-size: 12px;
    font-weight: 700;
    color: #9ca3af;
}

.match-type[b-1lc9491g0x] {
    font-size: 11px;
    color: #1a1a2e;
}

.match-alto[b-1lc9491g0x] { background: #fee2e2; }
.match-alto .match-text[b-1lc9491g0x] { color: #b91c1c; }
.match-medio[b-1lc9491g0x] { background: #fef3c7; }
.match-medio .match-text[b-1lc9491g0x] { color: #b45309; }
.match-bajo[b-1lc9491g0x] { background: #f3f4f6; }
.match-bajo .match-text[b-1lc9491g0x] { color: #4b5563; }

/* ── Entrevista incompleta ── */
.incomplete[b-1lc9491g0x] {
    background: #fffbeb;
    border: 1px solid #fcd34d;
    border-radius: 6px;
    padding: 8px 10px;
    margin-top: 8px;
}

.incomplete-title[b-1lc9491g0x] {
    font-size: 11px;
    font-weight: 700;
    color: #92400e;
    margin-bottom: 2px;
}

.incomplete-text[b-1lc9491g0x] {
    font-size: 10px;
    color: #a16207;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .profile-grid[b-1lc9491g0x] {
        grid-template-columns: 1fr;
    }

    .filters-total[b-1lc9491g0x] {
        margin-left: 0;
    }
}
/* /Components/Features/AdminPanel/Stories/StoriesPublished.razor.rz.scp.css */
/* ── Filtros ── */
.filters[b-lff2yiidqf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
}

.filter[b-lff2yiidqf] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-label[b-lff2yiidqf] {
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}
.filter-search[b-lff2yiidqf] {
    flex: 1;
    min-width: 220px;
}
.filter-select[b-lff2yiidqf] { min-width: 140px; }

.filters-total[b-lff2yiidqf] {
    margin-left: auto;
    font-size: 12px;
    color: #9ca3af;
}

/* ── Cargando / vacío ── */
.state-box[b-lff2yiidqf] {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 60px;
    text-align: center;
}

.state-box-empty[b-lff2yiidqf] { padding: 80px 24px; }
.state-spinner[b-lff2yiidqf] { color: #722f37; }

.state-loading[b-lff2yiidqf] {
    margin: 14px 0 0;
    color: #9ca3af;
    font-size: 13px;
}

.state-icon[b-lff2yiidqf] {
    font-size: 48px;
    margin-bottom: 14px;
    opacity: .5;
}

.state-title[b-lff2yiidqf] {
    margin: 0 0 8px;
    font-size: 18px;
    color: #1a1a2e;
}

.state-text[b-lff2yiidqf] {
    margin: 0 auto;
    max-width: 420px;
    color: #6b7280;
    font-size: 14px;
}

/* ── Tabla ── */
.story-table[b-lff2yiidqf] {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
}

.story-row[b-lff2yiidqf] {
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr) 120px 110px 245px;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid #f3f4f6;
    align-items: center;
}

    .story-row:last-child[b-lff2yiidqf] {
        border-bottom: none;
    }

.story-row-head[b-lff2yiidqf] {
    padding: 12px 16px;
    background: #f9fafb;
    border-bottom: 1px solid #e8e8e8;
    font-size: 11px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

.story-thumb[b-lff2yiidqf] {
    width: 64px;
    height: 48px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

.story-thumb-empty[b-lff2yiidqf] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #722f37, #1a1611);
    color: #b08d57;
    font-size: 18px;
}

.story-info[b-lff2yiidqf] { min-width: 0; }

.story-title[b-lff2yiidqf] {
    font-weight: 600;
    color: #1a1a2e;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.story-meta[b-lff2yiidqf] {
    font-size: 12px;
    color: #6b7280;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.story-type[b-lff2yiidqf] {
    color: #b08d57;
    font-weight: 600;
}

.story-date[b-lff2yiidqf] {
    font-size: 12px;
    color: #6b7280;
    white-space: nowrap;
}

/* ── Estado (status-{draft|review|published|unpublished}) ── */
.status[b-lff2yiidqf] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    background: #6b728020;
    color: #6b7280;
}

.status-published[b-lff2yiidqf] { background: #16a34a20; color: #16a34a; }
.status-review[b-lff2yiidqf] { background: #d9770620; color: #d97706; }
.status-draft[b-lff2yiidqf] { background: #2563eb20; color: #2563eb; }
.status-unpublished[b-lff2yiidqf] { background: #6b728020; color: #6b7280; }

/* ── Acciones ── */
.story-actions[b-lff2yiidqf] {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.btn-act[b-lff2yiidqf] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: transparent;
    border: 1px solid #e5e7eb;
    color: #374151;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;
}

    .btn-act:hover:not(:disabled)[b-lff2yiidqf] {
        background: #f9fafb;
        color: #1a1a2e;
    }

    .btn-act:disabled[b-lff2yiidqf] {
        opacity: .4;
        cursor: not-allowed;
    }

    .btn-act.is-sent[b-lff2yiidqf] {
        background: #f0fdf4;
        border-color: #86efac;
        color: #166534;
    }

.btn-icon[b-lff2yiidqf] { padding: 6px 8px; }

.btn-danger[b-lff2yiidqf] {
    border-color: #fee2e2;
    color: #dc2626;
}

    .btn-danger:hover:not(:disabled)[b-lff2yiidqf] {
        background: #fef2f2;
        color: #dc2626;
    }

/* ── Switch publicar ── */
.switch[b-lff2yiidqf] {
    display: inline-flex;
    align-items: center;
    margin: 0 6px 0 0;
    cursor: pointer;
}

    .switch input[b-lff2yiidqf] {
        display: none;
    }

.switch-track[b-lff2yiidqf] {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 19px;
    border-radius: 19px;
    background: #cbd5e1;
    transition: background .2s;
}

.switch-knob[b-lff2yiidqf] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    transition: left .2s;
}

.switch.is-on .switch-track[b-lff2yiidqf] { background: #16a34a; }
.switch.is-on .switch-knob[b-lff2yiidqf] { left: 17px; }
.switch.is-busy[b-lff2yiidqf] { opacity: .5; cursor: wait; }

@media (max-width: 900px) {
    .story-row[b-lff2yiidqf] {
        grid-template-columns: 64px minmax(0, 1fr) auto;
    }

    /* En pantallas chicas se ocultan la cabecera, el estado y la fecha. */
    .story-row-head[b-lff2yiidqf],
    .story-row > div:nth-child(3)[b-lff2yiidqf],
    .story-row > div:nth-child(4)[b-lff2yiidqf] {
        display: none;
    }

    .filters-total[b-lff2yiidqf] {
        margin-left: 0;
    }
}
/* /Components/Features/AdminPanel/ToolsSection.razor.rz.scp.css */
.head-actions[b-sr68tlfe5s] {
    display: flex;
    gap: 8px;
}

.btn-refresh[b-sr68tlfe5s] {
    background: none;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
    color: #555;
}

    .btn-refresh:hover[b-sr68tlfe5s] {
        background: #f5f5f5;
    }

.btn-new[b-sr68tlfe5s] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #2563eb;
    color: white;
    border: 1px solid #2563eb;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .btn-new:hover[b-sr68tlfe5s] {
        background: #1d4ed8;
    }

.hint[b-sr68tlfe5s] {
    margin: -.25rem 0 1rem;
    font-size: 12px;
    color: #6b7280;
}

.empty-state[b-sr68tlfe5s] {
    background: white;
    border: 1px dashed #ddd;
    border-radius: 10px;
    padding: 3rem;
    text-align: center;
    color: #aaa;
    font-size: 14px;
}

/* Las tarjetas ocupan el ancho disponible; la cuadrícula decide cuántas por fila. */
.tools-grid[b-sr68tlfe5s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 18px;
    align-items: stretch;
}

@media (max-width: 700px) {
    .tools-grid[b-sr68tlfe5s] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Features/AdminPanel/Tools/ToolCardAdmin.razor.rz.scp.css */
.inventory-card[b-8fb144i6y4] {
    width: 100%;
    height: 100%;
    padding: 22px;
    border: 1px solid #e5e7eb;
    border-left: 4px solid var(--card-color);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

    /* Oculta en /tools: se sigue viendo en el panel, pero atenuada. */
    .inventory-card.is-hidden[b-8fb144i6y4] {
        opacity: .65;
        background: #fafafa;
    }

.inventory-header[b-8fb144i6y4] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.inventory-icon[b-8fb144i6y4] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--card-soft-color);
    color: var(--card-color);
    font-size: 22px;
}

    .inventory-icon img[b-8fb144i6y4] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 8px;
    }

.inventory-title[b-8fb144i6y4] {
    flex: 1;
    min-width: 0;
}

    .inventory-title h3[b-8fb144i6y4] {
        margin: 0;
        color: #1f2937;
        font-size: 17px;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.inventory-slug[b-8fb144i6y4] {
    display: block;
    margin-top: 3px;
    color: #9ca3af;
    font-size: 12px;
    font-family: monospace;
}

.inventory-status[b-8fb144i6y4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.status[b-8fb144i6y4] {
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

    .status.visible[b-8fb144i6y4] {
        color: #166534;
        background: #dcfce7;
    }

    .status.hidden[b-8fb144i6y4] {
        color: #6b7280;
        background: #f3f4f6;
    }

    .status.enabled[b-8fb144i6y4] {
        color: #1d4ed8;
        background: #dbeafe;
    }

    .status.soon[b-8fb144i6y4] {
        color: #b45309;
        background: #fef3c7;
    }

.inventory-description[b-8fb144i6y4] {
    margin-top: 16px;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.6;
}

.inventory-features[b-8fb144i6y4] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 8px;
    background: var(--card-soft-color);
}

    .inventory-features h4[b-8fb144i6y4] {
        margin: 0 0 10px;
        color: #374151;
        font-size: 13px;
        font-weight: 600;
    }

    .inventory-features ul[b-8fb144i6y4] {
        display: flex;
        flex-direction: column;
        gap: 7px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .inventory-features li[b-8fb144i6y4] {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #4b5563;
        font-size: 13px;
    }

        .inventory-features li i[b-8fb144i6y4] {
            color: var(--card-color);
            font-size: 13px;
        }

/* margin-top:auto empuja el pie hasta abajo: todas las tarjetas de una fila
   quedan con el pie alineado aunque tengan distinto contenido. */
.inventory-footer[b-8fb144i6y4] {
    margin-top: auto;
    padding-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e5e7eb;
}

.inventory-features + .inventory-footer[b-8fb144i6y4],
.inventory-description + .inventory-footer[b-8fb144i6y4],
.inventory-header + .inventory-footer[b-8fb144i6y4] {
    margin-top: 18px;
}

.order[b-8fb144i6y4] {
    color: #9ca3af;
    font-size: 12px;
}

.card-actions[b-8fb144i6y4] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.inventory-link[b-8fb144i6y4] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--card-color);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

    .inventory-link:hover[b-8fb144i6y4] {
        text-decoration: underline;
    }

.edit-button[b-8fb144i6y4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    color: #374151;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .edit-button:hover[b-8fb144i6y4] {
        background: #f9fafb;
        border-color: var(--card-color);
        color: var(--card-color);
    }

/* /Components/Features/AdminPanel/Tools/ToolCardEdit.razor.rz.scp.css */
.inventory-edit[b-v22gjc1qwn] {
    width: 100%;
    max-width: 900px;
    margin: 20px auto;
    padding: 24px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}


/* Header */

.edit-header[b-v22gjc1qwn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 20px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e5e7eb;
}

    .edit-header h2[b-v22gjc1qwn] {
        margin: 0;
        color: #1f2937;
        font-size: 22px;
    }

    .edit-header span[b-v22gjc1qwn] {
        display: block;
        margin-top: 5px;
        color: #6b7280;
        font-size: 13px;
    }

.edit-actions[b-v22gjc1qwn] {
    display: flex;
    gap: 8px;
}


/* Sections */

.edit-section[b-v22gjc1qwn] {
    padding: 22px 0;
    border-bottom: 1px solid #e5e7eb;
}

    .edit-section:last-child[b-v22gjc1qwn] {
        border-bottom: none;
    }

.section-title[b-v22gjc1qwn] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}

    .section-title > i[b-v22gjc1qwn] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 8px;
        background: #f3f4f6;
        color: #4b5563;
    }

    .section-title h3[b-v22gjc1qwn] {
        margin: 0;
        color: #374151;
        font-size: 16px;
    }

    .section-title span[b-v22gjc1qwn] {
        display: block;
        margin-top: 3px;
        color: #9ca3af;
        font-size: 12px;
    }

.section-title-with-action[b-v22gjc1qwn] {
    justify-content: space-between;
}

.section-title-content[b-v22gjc1qwn] {
    display: flex;
    align-items: center;
    gap: 12px;
}


/* Form */

.form-grid[b-v22gjc1qwn] {
    display: grid;
    grid-template-columns: 1fr 180px;
    gap: 18px;
}

.form-group[b-v22gjc1qwn] {
    margin-bottom: 18px;
}

    .form-group:last-child[b-v22gjc1qwn] {
        margin-bottom: 0;
    }

    .form-group > label[b-v22gjc1qwn] {
        display: block;
        margin-bottom: 7px;
        color: #374151;
        font-size: 13px;
        font-weight: 600;
    }

    .form-group small[b-v22gjc1qwn] {
        display: block;
        margin-top: 5px;
        color: #9ca3af;
        font-size: 11px;
    }

        .form-group small a[b-v22gjc1qwn] {
            color: #2563eb;
        }

    .form-group input[type="text"][b-v22gjc1qwn],
    .form-group input[type="number"][b-v22gjc1qwn],
    .form-group textarea[b-v22gjc1qwn] {
        width: 100%;
        padding: 9px 11px;
        box-sizing: border-box;
        border: 1px solid #d1d5db;
        border-radius: 7px;
        background: #ffffff;
        color: #374151;
        font-family: inherit;
        font-size: 13px;
        outline: none;
    }

    .form-group textarea[b-v22gjc1qwn] {
        resize: vertical;
        min-height: 80px;
    }

        .form-group input:focus[b-v22gjc1qwn],
        .form-group textarea:focus[b-v22gjc1qwn] {
            border-color: #9ca3af;
            box-shadow: 0 0 0 2px #f3f4f6;
        }


/* Languages */

.language-fields[b-v22gjc1qwn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

    .language-fields > div[b-v22gjc1qwn] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

.language-label[b-v22gjc1qwn] {
    color: #6b7280;
    font-size: 11px;
    font-weight: 600;
}


/* Appearance */

.appearance-grid[b-v22gjc1qwn] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
}

.icon-input[b-v22gjc1qwn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.icon-preview[b-v22gjc1qwn] {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: var(--tool-soft);
    color: var(--tool-color);
    font-size: 18px;
}

.icon-input input[b-v22gjc1qwn] {
    flex: 1;
    min-width: 0;
}

.color-input[b-v22gjc1qwn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .color-input input[type="color"][b-v22gjc1qwn] {
        width: 38px;
        height: 38px;
        padding: 2px;
        border: 1px solid #d1d5db;
        border-radius: 7px;
        background: #ffffff;
        cursor: pointer;
    }

    .color-input input[type="text"][b-v22gjc1qwn] {
        min-width: 0;
    }


/* Features */

.feature-list[b-v22gjc1qwn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feature-item[b-v22gjc1qwn] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fafafa;
}

.feature-number[b-v22gjc1qwn] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3f4f6;
    color: #6b7280;
    font-size: 12px;
    font-weight: 600;
}

.feature-content[b-v22gjc1qwn] {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

    .feature-content > div[b-v22gjc1qwn] {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .feature-content input[b-v22gjc1qwn] {
        width: 100%;
        padding: 8px 10px;
        box-sizing: border-box;
        border: 1px solid #d1d5db;
        border-radius: 6px;
        font-size: 13px;
    }

.remove-feature[b-v22gjc1qwn] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border: none;
    border-radius: 6px;
    background: #fee2e2;
    color: #dc2626;
    cursor: pointer;
}

    .remove-feature:hover[b-v22gjc1qwn] {
        background: #fecaca;
    }

.add-feature[b-v22gjc1qwn] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #ffffff;
    color: #374151;
    font-size: 12px;
    cursor: pointer;
}

    .add-feature:hover[b-v22gjc1qwn] {
        background: #f9fafb;
    }


/* Settings */

.settings-list[b-v22gjc1qwn] {
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
}

.setting-item[b-v22gjc1qwn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    gap: 16px;
    cursor: pointer;
    flex: 1 1 280px;
}

    .setting-item strong[b-v22gjc1qwn] {
        display: block;
        color: #374151;
        font-size: 13px;
    }

    .setting-item span[b-v22gjc1qwn] {
        display: block;
        margin-top: 3px;
        color: #9ca3af;
        font-size: 11px;
    }

    .setting-item input[b-v22gjc1qwn] {
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

.url-group[b-v22gjc1qwn] {
    margin-top: 18px;
}


/* Error */

.edit-error[b-v22gjc1qwn] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 10px 14px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fef2f2;
    color: #991b1b;
    font-size: 13px;
}


/* Feature extras */

.feature-empty[b-v22gjc1qwn] {
    margin: 0 0 12px;
    color: #9ca3af;
    font-size: 12px;
    font-style: italic;
}

.feature-controls[b-v22gjc1qwn] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.move-feature[b-v22gjc1qwn] {
    width: 30px;
    height: 22px;
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    background: #ffffff;
    color: #6b7280;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
}

    .move-feature:hover:not(:disabled)[b-v22gjc1qwn] {
        background: #f3f4f6;
    }

    .move-feature:disabled[b-v22gjc1qwn] {
        opacity: .35;
        cursor: default;
    }


/* Danger zone */

.danger-zone[b-v22gjc1qwn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

    .danger-zone strong[b-v22gjc1qwn] {
        display: block;
        color: #991b1b;
        font-size: 13px;
    }

    .danger-zone span[b-v22gjc1qwn] {
        display: block;
        margin-top: 3px;
        color: #9ca3af;
        font-size: 11px;
    }

.btn-danger[b-v22gjc1qwn] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 15px;
    border: 1px solid #fecaca;
    border-radius: 7px;
    background: #ffffff;
    color: #dc2626;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .btn-danger:hover:not(:disabled)[b-v22gjc1qwn] {
        background: #fef2f2;
    }


/* Buttons */

.btn-primary[b-v22gjc1qwn],
.btn-secondary[b-v22gjc1qwn] {
    padding: 9px 15px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-v22gjc1qwn] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #ffffff;
}

    .btn-primary:hover[b-v22gjc1qwn] {
        background: #1d4ed8;
    }

.btn-secondary[b-v22gjc1qwn] {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
}

    .btn-secondary:hover[b-v22gjc1qwn] {
        background: #f9fafb;
    }

    .btn-primary:disabled[b-v22gjc1qwn],
    .btn-secondary:disabled[b-v22gjc1qwn],
    .btn-danger:disabled[b-v22gjc1qwn] {
        opacity: .6;
        cursor: not-allowed;
    }


/* Responsive */

@media (max-width: 700px) {

    .inventory-edit[b-v22gjc1qwn] {
        padding: 18px;
    }

    .edit-header[b-v22gjc1qwn] {
        align-items: flex-start;
        flex-direction: column;
    }

    .form-grid[b-v22gjc1qwn],
    .appearance-grid[b-v22gjc1qwn],
    .language-fields[b-v22gjc1qwn],
    .feature-content[b-v22gjc1qwn] {
        grid-template-columns: 1fr;
    }

    .section-title-with-action[b-v22gjc1qwn] {
        align-items: flex-start;
    }

    .settings-list[b-v22gjc1qwn] {
        flex-direction: column;
    }

    .setting-item[b-v22gjc1qwn] {
        flex-basis: auto;
    }

    .danger-zone[b-v22gjc1qwn] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Features/ArticleFeatures/ArticleCard.razor.rz.scp.css */
h1[b-uyuodsyj2j], h2[b-uyuodsyj2j], h3[b-uyuodsyj2j], h5[b-uyuodsyj2j] {
    font-family: var(--fuente-Nimbus);
}
/* /Components/Features/ArticleFeatures/ArticleCardLead.razor.rz.scp.css */
h1[b-9rhovm0dgp], h2[b-9rhovm0dgp], h3[b-9rhovm0dgp], h5[b-9rhovm0dgp] {
    font-family: var(--fuente-Nimbus);
}

.cat-featured-wrap[b-9rhovm0dgp] {
    margin-bottom: 1.5rem;
}

.cat-featured[b-9rhovm0dgp] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e7eb;
}
    .cat-featured:hover .cat-featured-body h2[b-9rhovm0dgp] {
        color: #c41230;
    }

.cat-featured-img[b-9rhovm0dgp] {
    width: 55%;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

    .cat-featured-img img[b-9rhovm0dgp] {
        width: 100%;
        height: 320px;
        object-fit: cover;
        display: block;
        transition: transform 0.35s;
    }

.cat-featured:hover .cat-featured-img img[b-9rhovm0dgp] {
    transform: scale(1.03);
}
.ri-cat-badge[b-9rhovm0dgp] {
    position: absolute;
    top: 12px;
    left: 12px;
    color: white;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.cat-featured-body[b-9rhovm0dgp] {
    flex: 1;
    padding-top: 0.5rem;
}

    .cat-featured-body h2[b-9rhovm0dgp] {
        font-size: 1.6rem;
        font-weight: 800;
        color: #111827;
        line-height: 1.25;
        letter-spacing: -0.3px;
        margin-bottom: 0.75rem;
        transition: color 0.2s;
    }

    .cat-featured-body p[b-9rhovm0dgp] {
        font-size: 0.95rem;
        color: #6b7280;
        line-height: 1.65;
        margin-bottom: 1rem;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    @media(max-width:720px){
        .cat-featured-img[b-9rhovm0dgp]{
            width:100%;
        }
    }
/* /Components/Features/ArticleFeatures/Detail/ArticleBody.razor.rz.scp.css */
.article-body img[b-w4a3ihh3py] {
    width: 100%;
    height: auto;
    border-radius: 15px;
    /* margin: 2rem 0;*/
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.article-body p[b-w4a3ihh3py] {
    margin-bottom: 1.5rem;
    font-size: 1.1rem;
}

.article-body h2[b-w4a3ihh3py], .article-body h3[b-w4a3ihh3py] {
    /*font-family: var(--fuente-principal);*/
    margin: 2.5rem 0 1.5rem;
    color: var(--dark);
}

.article-body h2[b-w4a3ihh3py] {
    font-size: 2rem;
    border-bottom: 2px solid var(--accent);
    padding-bottom: 0.5rem;
}

.article-body h3[b-w4a3ihh3py] {
    font-size: 1.5rem;
}

.article-quote[b-w4a3ihh3py] {
    font-style: italic;
    font-size: 1.3rem;
    color: var(--dark);
    padding: 2rem;
    margin: 3rem 0;
    border-left: 4px solid var(--primary);
    background-color: rgba(230,57,70,0.05);
}


@media(max-width: 720px){
    .article-body p[b-w4a3ihh3py] {
        text-align: justify;
    }
}
/* /Components/Features/ArticleFeatures/Detail/ArticleHeader.razor.rz.scp.css */
.article-header[b-3swdlyitr1] {
    background-size: cover;
    background-position: center;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    margin-bottom: 4rem;
}

    .article-header h1[b-3swdlyitr1] {
        /*font-family: var(--fuente-Nimbus);*/
        font-size: 3.5rem;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        max-width: 900px;
        margin: 0 auto;
    }

.article-header-meta[b-3swdlyitr1] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 12px;
    justify-content: center;
}

    .article-header-meta span[b-3swdlyitr1] {
        color: rgba(255,255,255,0.85);
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

.article-header-meta[b-3swdlyitr1] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 12px;
    justify-content: center;
}

    .article-header-meta span[b-3swdlyitr1] {
        color: rgba(255,255,255,0.85);
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

article-header-cat[b-3swdlyitr1] {
}

@media (max-width: 768px) {
    .article-header[b-3swdlyitr1] {
        height: 50vh;
    }

        .article-header h1[b-3swdlyitr1] {
            font-size: 1.5rem;
        }
}
/* /Components/Features/ArticleFeatures/Detail/ArticleInteractions.razor.rz.scp.css */
.interaction-bar[b-rvt6o2auwq] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 1.25rem 0;
    margin: 2rem 0 1rem;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.like-btn[b-rvt6o2auwq] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: 1.5px solid #ddd;
    border-radius: 50px;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    transition: all 0.2s;
}

    .like-btn:hover:not(:disabled)[b-rvt6o2auwq] {
        border-color: #e05a7a;
        color: #e05a7a;
        background: #fff0f4;
    }

    .like-btn.liked[b-rvt6o2auwq] {
        border-color: #e05a7a;
        color: #e05a7a;
        background: #fff0f4;
    }

    .like-btn:disabled[b-rvt6o2auwq] {
        cursor: default;
    }


.comment-form[b-rvt6o2auwq] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

    .comment-form h5[b-rvt6o2auwq] {
        font-size: 16px;
        font-weight: 600;
        color: #333;
        margin-bottom: 1rem;
    }

    .comment-form .form-control[b-rvt6o2auwq] {
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 14px;
        transition: border-color 0.2s;
    }

        .comment-form .form-control:focus[b-rvt6o2auwq] {
            border-color: #1a1a2e;
            box-shadow: 0 0 0 3px rgba(26,26,46,0.08);
        }

    .comment-form .btn-primary[b-rvt6o2auwq] {
        background: #1a1a2e !important;
        border-color: #1a1a2e !important;
        border-radius: 8px;
        padding: 8px 24px;
        font-size: 14px;
        font-weight: 500;
    }

        .comment-form .btn-primary:hover:not(:disabled)[b-rvt6o2auwq] {
            background: #0f3460 !important;
            border-color: #0f3460 !important;
        }

.comment-error[b-rvt6o2auwq] {
    background: #fff5f5;
    border: 1px solid #fcc;
    color: #c00;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    margin-bottom: 12px;
}

.comment-success[b-rvt6o2auwq] {
    background: #f0fff4;
    border: 1px solid #9ae6b4;
    color: #276749;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    margin-bottom: 12px;
}

.comments-list[b-rvt6o2auwq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.comment-item[b-rvt6o2auwq] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.comment-avatar[b-rvt6o2auwq] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: #1a1a2e;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
}

.comment-body[b-rvt6o2auwq] {
    flex: 1;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 12px 16px;
}

.comment-body[b-rvt6o2auwq] {
    flex: 1;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 12px 16px;
}

.comment-header[b-rvt6o2auwq] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.comment-name[b-rvt6o2auwq] {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a2e;
}

.comment-date[b-rvt6o2auwq] {
    font-size: 12px;
    color: #aaa;
}

.comment-text[b-rvt6o2auwq] {
    font-size: 14px;
    color: #444;
    margin: 0;
    line-height: 1.6;
}

.no-comments[b-rvt6o2auwq] {
    color: #aaa;
    font-size: 14px;
    text-align: center;
    padding: 2rem 0;
}

@media (max-width: 576px) {
    .interaction-bar[b-rvt6o2auwq] {
        gap: 12px;
    }

    .comment-avatar[b-rvt6o2auwq] {
        width: 34px;
        height: 34px;
        min-width: 34px;
        font-size: 14px;
    }
}
/* /Components/Features/ArticleFeatures/Detail/ArticleSeo.razor.rz.scp.css */
body[b-kf9aoq6hbz] {
}
/* /Components/Features/ArticleFeatures/Detail/ArticleShare.razor.rz.scp.css */
.share-label[b-zed8bvp412] {
    font-size: 13px;
    color: #999;
    margin-right: 4px;
}


.share-btn[b-zed8bvp412] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: transform 0.15s, opacity 0.15s;
    color: white;
}

    .share-btn:hover[b-zed8bvp412] {
        transform: scale(1.1);
        opacity: 0.9;
    }

    .share-btn.whatsapp[b-zed8bvp412] {
        background: #25D366;
    }

    .share-btn.facebook[b-zed8bvp412] {
        background: #1877F2;
    }

    .share-btn.instagram[b-zed8bvp412] {
        background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    }
    .share-btn.twitter[b-zed8bvp412] {
        background: #000;
    }

.share-buttons[b-zed8bvp412] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.share-btn.copy[b-zed8bvp412] {
    background: #495057;
}

@media (max-width: 576px) {
    .share-buttons[b-zed8bvp412] {
        margin-left: 0;
    }
}
/* /Components/Features/ChatFeatures/ChatBubble.razor.rz.scp.css */
.ri-msg-row[b-sz0wqt3wx4] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    animation: ri-fadeIn-b-sz0wqt3wx4 .3s ease;
}

    .ri-msg-row.assistant .ri-msg-bubble[b-sz0wqt3wx4] {
        background: white;
        color: #1f2937;
        border: 1px solid #e5e7eb;
        border-bottom-left-radius: 4px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    }

@keyframes ri-fadeIn-b-sz0wqt3wx4 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ri-msg-row.user[b-sz0wqt3wx4] {
    justify-content: flex-end;
}

.ri-msg-avatar[b-sz0wqt3wx4] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, #c41230 0%, #8b0c20 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(196,18,48,0.3);
}

.ri-msg-bubble[b-sz0wqt3wx4] {
    max-width: 76%;
    padding: 12px 16px;
    border-radius: 16px;
    line-height: 1.55;
    font-size: 14.5px;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.ri-msg-row.assistant .ri-msg-bubble[b-sz0wqt3wx4] {
    background: white;
    color: #1f2937;
    border: 1px solid #e5e7eb;
    border-bottom-left-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.ri-msg-row.user .ri-msg-bubble[b-sz0wqt3wx4] {
    background: #c41230;
    color: white;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 8px rgba(196,18,48,0.25);
}

@media (max-width: 720px) {
    .ri-msg-bubble[b-sz0wqt3wx4] {
        max-width: 82%;
        font-size: 14px;
    }
}
/* /Components/Features/ChatFeatures/ChatComposer.razor.rz.scp.css */
/* Input bar dentro de la tarjeta */
.ri-chat-card-input[b-dgimfvqx9l] {
    background: white;
    padding: 12px 16px 16px;
    display: flex;
    gap: 10px;
    align-items: flex-end; /* el botón se queda abajo cuando el textarea crece */
}

    .ri-chat-card-input textarea[b-dgimfvqx9l] {
        flex: 1;
        border: 1px solid #e5e7eb;
        border-radius: 22px;
        padding: 13px 20px;
        font-size: 14px;
        font-family: inherit;
        line-height: 1.45;
        outline: none;
        background: #f9fafb;
        transition: border-color .2s, background .2s, box-shadow .2s;
        /* Multilínea real */
        resize: none; /* sin el "agarradero" de esquina */
        overflow-y: auto;
        min-height: 46px; /* = altura del input anterior */
        max-height: 132px; /* ~5 líneas, luego hace scroll */
        white-space: pre-wrap; /* respeta saltos de línea */
        word-break: break-word; /* corta palabras larguísimas (URLs) */
    }

        .ri-chat-card-input textarea:focus[b-dgimfvqx9l] {
            border-color: #c41230;
            background: white;
            box-shadow: 0 0 0 4px rgba(196,18,48,0.08);
        }


.ri-chat-send-btn[b-dgimfvqx9l] {
    background: #c41230;
    color: white;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: all .2s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 3px 10px rgba(196,18,48,0.35);
}

    .ri-chat-send-btn:hover:not(:disabled)[b-dgimfvqx9l] {
        background: #a30e26;
        transform: scale(1.08);
        box-shadow: 0 5px 14px rgba(196,18,48,0.5);
    }

    .ri-chat-send-btn:active:not(:disabled)[b-dgimfvqx9l] {
        transform: scale(0.94);
    }

    .ri-chat-send-btn:disabled[b-dgimfvqx9l] {
        opacity: 0.4;
        cursor: not-allowed;
        box-shadow: none;
    }

    .ri-chat-send-btn svg[b-dgimfvqx9l] {
        margin-left: -2px; /* compensar el peso visual del ícono */
    }

@media (max-width: 720px) {
    .ri-chat-send-btn[b-dgimfvqx9l] {
        width: 40px;
        height: 40px;
    }
}
/* /Components/Features/ChatFeatures/ChatProgress.razor.rz.scp.css */
.ri-progress[b-5jr69jlc8i] {
    background: #faf7f2;
    border-bottom: 1px solid #e8dfd0;
    padding: 12px 22px 14px;
}

.ri-progress-top[b-5jr69jlc8i] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 8px;
}

.ri-progress-label[b-5jr69jlc8i] {
    font-size: 12px;
    font-weight: 600;
    color: #4a4239;
    letter-spacing: 0.01em;
}

.ri-progress-pct[b-5jr69jlc8i] {
    font-size: 11px;
    font-weight: 700;
    color: #b08d57;
    font-variant-numeric: tabular-nums;
}

.ri-progress-track[b-5jr69jlc8i] {
    height: 6px;
    border-radius: 999px;
    background: #e8dfd0;
    overflow: hidden;
}

.ri-progress-fill[b-5jr69jlc8i] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #b08d57, #c66b3d);
    transition: width 520ms cubic-bezier(.22,.61,.36,1);
}

@media (prefers-reduced-motion: reduce) {
    .ri-progress-fill[b-5jr69jlc8i] {
        transition: none;
    }
}

/* Estado terminal: entrevista completa (100%) */
.ri-progress-done .ri-progress-label[b-5jr69jlc8i] {
    color: #166534;
    font-weight: 700;
}

.ri-progress-done .ri-progress-pct[b-5jr69jlc8i] {
    color: #16a34a;
}

.ri-progress-done .ri-progress-fill[b-5jr69jlc8i] {
    background: linear-gradient(90deg, #16a34a, #22c55e);
}
/* /Components/Features/ChatFeatures/ChatTyping.razor.rz.scp.css */
.ri-msg-avatar[b-2zu7iauo9g] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: linear-gradient(135deg, #c41230 0%, #8b0c20 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(196,18,48,0.3);
}


/* Indicador de "está escribiendo..." */
.ri-typing[b-2zu7iauo9g] {
    display: flex;
    gap: 5px;
    padding: 14px 18px;
    background: white;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    border-bottom-left-radius: 4px;
}

    .ri-typing span[b-2zu7iauo9g] {
        width: 7px;
        height: 7px;
        background: #9ca3af;
        border-radius: 50%;
        animation: ri-bounce-b-2zu7iauo9g 1.4s infinite ease-in-out;
    }

        .ri-typing span:nth-child(2)[b-2zu7iauo9g] {
            animation-delay: .2s;
        }

        .ri-typing span:nth-child(3)[b-2zu7iauo9g] {
            animation-delay: .4s;
        }

@keyframes ri-bounce-b-2zu7iauo9g {
    0%, 80%, 100% {
        transform: translateY(0);
        opacity: .4;
    }

    40% {
        transform: translateY(-6px);
        opacity: 1;
    }
}

.ri-msg-row[b-2zu7iauo9g] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    animation: ri-fadeIn-b-2zu7iauo9g .3s ease;
}

@keyframes ri-fadeIn-b-2zu7iauo9g {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* /Components/Features/ChatFeatures/ChatWindow.razor.rz.scp.css */
.ri-chat-stage[b-gup97tdp76] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.ri-chat-loading[b-gup97tdp76] {
    color: #6b7280;
    font-size: 14px;
    padding: 60px 20px;
    text-align: center;
}

/* ─── La tarjeta principal del chat ───────────────────────── */
.ri-chat-card[b-gup97tdp76] {
    width: 100%;
    max-width: 720px;
    background: white;
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15), 0 4px 14px rgba(15, 23, 42, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 175px);
}

/* Header de la tarjeta (oscuro) */
.ri-chat-card-header[b-gup97tdp76] {
    background: #0f172a;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.ri-chat-card-logo[b-gup97tdp76] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, #c41230 0%, #8b0c20 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(196,18,48,0.4);
}

.ri-chat-card-title-block[b-gup97tdp76] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ri-chat-card-title[b-gup97tdp76] {
    color: white;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -0.2px;
}

.ri-chat-card-status[b-gup97tdp76] {
    color: rgba(255,255,255,0.65);
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ri-chat-card-dot[b-gup97tdp76] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    animation: ri-pulse 2s infinite;
    display: inline-block;
}

/* Área de mensajes (scrollable) */
.ri-chat-card-messages[b-gup97tdp76] {
    flex: 1;
    overflow-y: auto;
    padding: 24px 22px;
    background: #f9fafb;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 380px;
}

/* Footer de tagline */
.ri-chat-card-foot[b-gup97tdp76] {
    text-align: center;
    padding: 10px 16px 4px;
    font-size: 11px;
    color: #9ca3af;
    background: white;
    border-top: 1px solid #f1f5f9;
    letter-spacing: 0.2px;
}

.ri-chat-error[b-gup97tdp76] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 13px;
}


@media (max-width: 720px) {
    .ri-chat-stage[b-gup97tdp76] {
        padding: 16px 10px;
    }

    .ri-chat-card[b-gup97tdp76] {
        border-radius: 14px;
        max-height: calc(100vh - 100px);
    }

    .ri-chat-card-header[b-gup97tdp76] {
        padding: 14px 16px;
        gap: 10px;
    }

    .ri-chat-card-logo[b-gup97tdp76] {
        width: 38px;
        height: 38px;
        border-radius: 9px;
    }

    .ri-chat-card-title[b-gup97tdp76] {
        font-size: 15px;
    }

    .ri-chat-card-messages[b-gup97tdp76] {
        padding: 16px 14px;
        gap: 10px;
        min-height: 340px;
    }
}
/* /Components/Features/ChatFeatures/Landing/ChatLandingCardSGeneral.razor.rz.scp.css */
.card-item[b-nwf3yvhllo] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--surface);
    color: var(--ink);
    text-decoration: none;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 34px 36px 30px;
    cursor: pointer;
    margin-top: 18px;
    transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.3, 1), border-color 0.3s ease, box-shadow 0.35s ease;
    box-shadow: var(--shadow-sm);
    overflow: visible;
}
    .card-item:hover[b-nwf3yvhllo],
    .card-item:focus-visible[b-nwf3yvhllo] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--border-hover);
        outline: none;
    }

.brief-body[b-nwf3yvhllo] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 8px;
}

    .brief-body .topline[b-nwf3yvhllo] {
        margin-bottom: 16px;
        padding-bottom: 10px;
    }


.brief-headline[b-nwf3yvhllo] {
    font-family: var(--font-serif);
    font-weight: 700;
    font-size: clamp(22px, 2.5vw, 28px);
    line-height: 1.15;
    letter-spacing: -0.018em;
    color: var(--ink);
    margin: 0 0 12px;
}

    .brief-headline em[b-nwf3yvhllo] {
        font-style: italic;
        font-weight: 700;
        color: var(--burgundy);
    }
.brief-deck[b-nwf3yvhllo] {
    font-family: var(--font-italic);
    font-style: italic;
    font-size: 15.5px;
    line-height: 1.5;
    color: var(--ink-soft);
    margin: 0 0 16px;
}

.chat-mini-hint[b-nwf3yvhllo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: rgba(34, 165, 101, 0.09);
    color: #22a565;
    border-radius: 100px;
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 18px;
    align-self: flex-start;
    border: 1px solid rgba(34, 165, 101, 0.22);
}


/* /Components/Features/ChatFeatures/Landing/ChatLandingCardStory.razor.rz.scp.css */
.card-item[b-nuppbutugz] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--surface);
    color: var(--ink);
    text-decoration: none;
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 34px 36px 30px;
    cursor: pointer;
    margin-top: 18px;
    transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.3, 1), border-color 0.3s ease, box-shadow 0.35s ease;
    box-shadow: var(--shadow-sm);
    overflow: visible;
}
    .card-item:hover[b-nuppbutugz],
    .card-item:focus-visible[b-nuppbutugz] {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
        border-color: var(--border-hover);
        outline: none;
    }

.lead-body[b-nuppbutugz] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 12px;
}

.card-item--lead[b-nuppbutugz] {
    min-height: 560px;
    padding: 44px 48px 36px;
}

.lead-headline[b-nuppbutugz] {
    font-family: var(--font-serif);
    font-weight: 800;
    font-size: clamp(44px, 5.5vw, 45px);
    line-height: 0.98;
    letter-spacing: -0.028em;
    color: var(--ink);
    margin: 0 0 22px;
}

    .lead-headline em[b-nuppbutugz] {
        font-style: italic;
        color: var(--burgundy);
        font-weight: 700;
    }

.lead-deck[b-nuppbutugz] {
    font-family: var(--font-italic);
    font-style: italic;
    font-size: 20px;
    line-height: 1.5;
    color: var(--ink-soft);
    margin: 0 0 26px;
    max-width: 480px;
}

.lead-meta[b-nuppbutugz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: var(--font-mono);
    font-size: 10.5px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--ink-muted);
    padding-top: 14px;
    border-top: 1px dashed var(--border);
    margin-bottom: 22px;
}

.lead-byline[b-nuppbutugz] {
    font-style: italic;
    text-transform: none;
    letter-spacing: 0.3px;
    font-size: 12px;
    color: var(--ink-soft);
}
.lead-cta-wrap[b-nuppbutugz] {
    margin-top: auto;
}
/* /Components/Features/ChatFeatures/Landing/ChatLandingTitle.razor.rz.scp.css */
.intro[b-1fv82sqqxf] {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 56px;
    padding: 0 12px;
    --font-italic: 'Cormorant Garamond', Georgia, serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;
    --font-serif: 'Fraunces', Georgia, serif;
}

.intro-kicker[b-1fv82sqqxf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #22a565;
    margin-bottom: 20px;
    padding: 6px 14px 6px 12px;
    background: rgba(34, 165, 101, 0.09);
    border-radius: 100px;
    border: 1px solid rgba(34, 165, 101, 0.22);
}

.kicker-icon[b-1fv82sqqxf] {
    font-size: 13px;
    animation: kicker-wave-b-1fv82sqqxf 2.4s ease-in-out infinite;
    display: inline-block;
}

@keyframes kicker-wave-b-1fv82sqqxf {
    0%, 100% {
        transform: rotate(-8deg);
    }

    50% {
        transform: rotate(8deg);
    }
}

.intro-title[b-1fv82sqqxf] {
    font-family: var(--font-serif);
    font-weight: 800;
    font-size: clamp(36px, 5.5vw, 58px);
    line-height: 1.05;
    letter-spacing: -0.025em;
    color: var(--ink);
    margin: 0 0 18px;
}

    .intro-title em[b-1fv82sqqxf] {
        font-style: italic;
        color: var(--burgundy);
        font-weight: 700;
    }

.intro-help[b-1fv82sqqxf] {
    font-family: var(--font-italic);
    font-style: italic;
    font-size: clamp(15px, 1.5vw, 18px);
    line-height: 1.55;
    color: var(--ink-soft);
    max-width: 560px;
    margin: 0 auto;
}
/* /Components/Features/ChatFeatures/Landing/Shared/BtnOpenChat.razor.rz.scp.css */

.lead-cta[b-1pfqdbbpz5] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 26px;
    background: var(--ink);
    color: white;
    border-radius: 8px;
    font-family: var(--font-mono);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: background 0.25s ease, gap 0.3s ease, transform 0.3s ease;
}

.brief-cta[b-1pfqdbbpz5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 2px solid currentColor;
    border-radius: 8px;
    background: transparent;
    font-family: var(--font-mono);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-top: auto;
    align-self: flex-start;
    transition: background 0.25s ease, color 0.25s ease, gap 0.3s ease;
    color: var(--ink);
}

.brief--ink:hover .brief-cta[b-1pfqdbbpz5] {
    background: var(--ink);
    color: white;
    gap: 12px;
}

.cta-icon[b-1pfqdbbpz5] {
    font-size: 15px;
    animation: cta-icon-nod 3s ease-in-out infinite;
    display: inline-block;
    filter: grayscale(1) brightness(2);
    line-height: 1;
}

.cta-icon-sm[b-1pfqdbbpz5] {
    font-size: 12px;
    display: inline-block;
    animation: icon-shake 4s ease-in-out infinite;
    animation-delay: 0.6s;
    line-height: 1;
}

.cta-text[b-1pfqdbbpz5] {
    letter-spacing: 1.6px;
}

.cta-arrow[b-1pfqdbbpz5] {
    font-size: 18px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.card-item:hover .cta-arrow[b-1pfqdbbpz5] {
    transform: translateX(4px);
}

.cta-pulse-ring[b-1pfqdbbpz5] {
    position: absolute;
    inset: -3px;
    border: 2px solid var(--ink);
    border-radius: 10px;
    opacity: 0;
    pointer-events: none;
    animation: cta-pulse-b-1pfqdbbpz5 3.6s ease-out infinite;
}

@keyframes cta-pulse-b-1pfqdbbpz5 {
    0% {
        opacity: 0.8;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.12);
    }
}

.card-item--lead:hover .cta-pulse-ring[b-1pfqdbbpz5] {
    animation: none;
    opacity: 0;
}

.card-item--lead:hover .lead-cta[b-1pfqdbbpz5] {
    background: var(--burgundy);
    gap: 18px;
}
/* /Components/Features/ChatFeatures/Landing/Shared/ChatFloatGreen.razor.rz.scp.css */
.chat-float[b-4o3j6l685s] {
    position: absolute;
    top: -16px;
    left: 28px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px 8px 12px;
    background: #22a565;
    color: white;
    border-radius: 100px;
    box-shadow: 0 6px 16px rgba(34, 165, 101, 0.32), 0 2px 6px rgba(23, 21, 26, 0.08);
    font-family: var(--font-mono);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.5px;
    z-index: 5;
    animation: float-bob-b-4o3j6l685s 3.2s ease-in-out infinite;
    transform-origin: center bottom;
    white-space: nowrap;
}

    /* Trianguito debajo del pill (bocadillo) */
    .chat-float[b-4o3j6l685s]::after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 22px;
        width: 10px;
        height: 10px;
        background: #22a565;
        transform: rotate(45deg);
        z-index: -1;
        border-radius: 2px;
    }

.chat-float-icon[b-4o3j6l685s] {
    font-size: 14px;
    filter: grayscale(1) brightness(2);
    animation: icon-shake-b-4o3j6l685s 4s ease-in-out infinite;
    display: inline-block;
    line-height: 1;
}

.chat-float-dots[b-4o3j6l685s] {
    display: inline-flex;
    gap: 3px;
    align-items: center;
    padding-left: 4px;
    border-left: 1px solid rgba(255, 255, 255, 0.32);
}

    .chat-float-dots .dot[b-4o3j6l685s] {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: white;
        opacity: 0.85;
        animation: typing-bounce-b-4o3j6l685s 1.4s infinite;
    }

        .chat-float-dots .dot:nth-child(1)[b-4o3j6l685s] {
            animation-delay: 0s;
        }

        .chat-float-dots .dot:nth-child(2)[b-4o3j6l685s] {
            animation-delay: 0.2s;
        }

        .chat-float-dots .dot:nth-child(3)[b-4o3j6l685s] {
            animation-delay: 0.4s;
        }

.chat-float--sm[b-4o3j6l685s] {
    top: -14px;
    left: 24px;
    padding: 6px 12px 6px 10px;
    font-size: 9.5px;
}

    .chat-float--sm[b-4o3j6l685s]::after {
        left: 18px;
        width: 8px;
        height: 8px;
        bottom: -3px;
    }


@keyframes float-bob-b-4o3j6l685s {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }
}

@keyframes icon-shake-b-4o3j6l685s {
    0%, 88%, 100% {
        transform: rotate(0deg);
    }

    90% {
        transform: rotate(-12deg);
    }

    93% {
        transform: rotate(10deg);
    }

    96% {
        transform: rotate(-6deg);
    }
}

@keyframes typing-bounce-b-4o3j6l685s {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.55;
    }

    30% {
        transform: translateY(-4px);
        opacity: 1;
    }
}
/* /Components/Features/ChatFeatures/Landing/Shared/ChatPreview.razor.rz.scp.css */
.chat-preview[b-7rwuu3ufpx] {
    background: var(--surface-alt);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 24px;
    border: 1px solid var(--border);
    max-width: 400px;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.card-item--lead:hover .chat-preview[b-7rwuu3ufpx] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.chat-preview-header[b-7rwuu3ufpx] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
}

.chat-avatar[b-7rwuu3ufpx] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--burgundy);
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    flex-shrink: 0;
}

.chat-preview-meta[b-7rwuu3ufpx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.chat-preview-name[b-7rwuu3ufpx] {
    font-family: var(--font-chat);
    font-size: 13px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.2;
}

.status-dot[b-7rwuu3ufpx] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22a565;
    box-shadow: 0 0 0 0 rgba(34, 165, 101, 0.5);
    animation: status-pulse-b-7rwuu3ufpx 2s ease-out infinite;
}

@keyframes status-pulse-b-7rwuu3ufpx {
    0% {
        box-shadow: 0 0 0 0 rgba(34, 165, 101, 0.5);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(34, 165, 101, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(34, 165, 101, 0);
    }
}

.chat-bubble[b-7rwuu3ufpx] {
    background: white;
    border: 1px solid var(--border);
    border-radius: 4px 14px 14px 14px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 320px;
    font-family: var(--font-chat);
}

.chat-bubble-text[b-7rwuu3ufpx] {
    font-size: 14px;
    line-height: 1.35;
    color: var(--ink);
    font-weight: 400;
}

.chat-bubble-typing[b-7rwuu3ufpx] {
    display: inline-flex;
    gap: 3px;
    align-items: center;
    margin-left: auto;
    padding-left: 8px;
    border-left: 1px solid var(--border);
    flex-shrink: 0;
}

    .chat-bubble-typing .dot[b-7rwuu3ufpx] {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--ink-muted);
        animation: typing-bounce 1.4s infinite;
    }

        .chat-bubble-typing .dot:nth-child(1)[b-7rwuu3ufpx] {
            animation-delay: 0s;
        }

        .chat-bubble-typing .dot:nth-child(2)[b-7rwuu3ufpx] {
            animation-delay: 0.2s;
        }

        .chat-bubble-typing .dot:nth-child(3)[b-7rwuu3ufpx] {
            animation-delay: 0.4s;
        }
/* /Components/Features/ChatFeatures/Landing/Shared/TopLineTopic.razor.rz.scp.css */
.topline[b-ff04gnlsvk] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--burgundy);
    margin-bottom: 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border);
}

.topline-sep[b-ff04gnlsvk] {
    opacity: 0.4;
}

/* /Components/Features/Footer/FooterMenu.razor.rz.scp.css */
.riFt_social i[b-2vn1lv46i5] {
    font-size: 16px;
    line-height: 1;
}

.riFt_section[b-2vn1lv46i5] {
    position: relative !important;
    background: linear-gradient(180deg, #14110c 0%, #1a1611 100%) !important;
    color: #d4ccc0 !important;
    padding: 64px 24px 32px !important;
    overflow: hidden !important;
}

.riFt_grain[b-2vn1lv46i5] {
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(circle at 10% 20%, rgba(176,141,87,0.04) 0%, transparent 50%), radial-gradient(circle at 90% 80%, rgba(114,47,55,0.05) 0%, transparent 55%) !important;
    pointer-events: none !important;
}

.riFt_inner[b-2vn1lv46i5] {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.riFt_top[b-2vn1lv46i5] {
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr !important;
    gap: 56px !important;
    padding-bottom: 48px !important;
}

.riFt_col[b-2vn1lv46i5] {
    min-width: 0 !important;
}

.riFt_brand[b-2vn1lv46i5] {
    padding-right: 24px !important;
}

.riFt_logo[b-2vn1lv46i5] {
    height: 36px !important;
    margin-bottom: 18px !important;
    display: block !important;
}

.riFt_tagline[b-2vn1lv46i5] {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #d4ccc0 !important;
    margin: 0 0 22px !important;
    max-width: 360px !important;
}

    .riFt_tagline em[b-2vn1lv46i5] {
        color: #b08d57 !important;
        font-weight: 500 !important;
        font-style: italic !important;
    }

.riFt_cta[b-2vn1lv46i5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #b08d57 !important;
    text-decoration: none !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid rgba(176,141,87,0.35) !important;
    transition: all 0.25s !important;
}

    .riFt_cta:hover[b-2vn1lv46i5] {
        color: #faf7f2 !important;
        border-bottom-color: #faf7f2 !important;
    }

.riFt_ctaArrow[b-2vn1lv46i5] {
    transition: transform 0.25s !important;
}

.riFt_cta:hover .riFt_ctaArrow[b-2vn1lv46i5] {
    transform: translateX(4px) !important;
}

.riFt_colTitle[b-2vn1lv46i5] {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #b08d57 !important;
    margin-bottom: 18px !important;
}

.riFt_links[b-2vn1lv46i5] {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 22px !important;
}

    .riFt_links li[b-2vn1lv46i5] {
        margin-bottom: 10px !important;
    }

    .riFt_links a[b-2vn1lv46i5] {
        font-family: 'Fraunces', serif !important;
        font-size: 15px !important;
        color: #d4ccc0 !important;
        text-decoration: none !important;
        transition: color 0.2s !important;
        display: inline-block !important;
    }

        .riFt_links a:hover[b-2vn1lv46i5] {
            color: #b08d57 !important;
        }

.riFt_social[b-2vn1lv46i5] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #8b8278 !important;
    text-decoration: none !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    transition: color 0.2s !important;
    margin-top: 6px !important;
}

    .riFt_social:hover[b-2vn1lv46i5] {
        color: #b08d57 !important;
    }



.riFt_divider[b-2vn1lv46i5] {
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(176,141,87,0.25) 50%, transparent) !important;
    margin: 0 0 28px !important;
}

.riFt_bottom[b-2vn1lv46i5] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

.riFt_copy[b-2vn1lv46i5] {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 13px !important;
    color: #8b8278 !important;
}

.riFt_legal[b-2vn1lv46i5] {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

    .riFt_legal a[b-2vn1lv46i5] {
        font-family: 'JetBrains Mono', monospace !important;
        font-size: 10px !important;
        letter-spacing: 1.5px !important;
        text-transform: uppercase !important;
        color: #8b8278 !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        transition: color 0.2s !important;
    }

        .riFt_legal a:hover[b-2vn1lv46i5] {
            color: #b08d57 !important;
        }

.riFt_dot[b-2vn1lv46i5] {
    color: #4a4239 !important;
    font-size: 12px !important;
}

/* Responsive footer */
@media (max-width: 768px) {
    .riFt_top[b-2vn1lv46i5] {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
        padding-bottom: 32px !important;
    }

    .riFt_brand[b-2vn1lv46i5] {
        padding-right: 0 !important;
    }

    .riFt_bottom[b-2vn1lv46i5] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .riNL_section[b-2vn1lv46i5] {
        padding: 64px 20px 72px !important;
    }
}
/* /Components/Features/Header/BrandLogo.razor.rz.scp.css */
.ri-brand[b-01th87pmtc] {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.ri-logo[b-01th87pmtc] {
	height: 75px;
	width: auto;
	display: block;
}

@media(max-width:720px) {
	.ri-logo[b-01th87pmtc] {
		height: 50px;
	}
}
/* /Components/Features/Header/NavMenu - Copia.razor.rz.scp.css */
/* ── Barra oscura de navegación (desktop) ───────────────────── */
.ri-cat-nav[b-b3iewyizaw] {
    background: var(--ri-dark);
}

.ri-cat-row[b-b3iewyizaw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ri-cat-list[b-b3iewyizaw] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 0;
    overflow: visible; 
}

    /* '>' directo: NO alcanza los links de adentro del dropdown */
    .ri-cat-list > li > a[b-b3iewyizaw],
    .ri-cat-list > li > .ri-dropdown-trigger[b-b3iewyizaw] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: rgba(255,255,255,0.75);
        padding: 12px 16px;
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        white-space: nowrap;
        border-bottom: 3px solid transparent;
        transition: color .2s, border-color .2s;
        cursor: pointer;
        user-select: none;
    }

        .ri-cat-list > li > a:hover[b-b3iewyizaw],
        .ri-cat-list > li > a.active[b-b3iewyizaw],
        .ri-dropdown-wrap:hover > .ri-dropdown-trigger[b-b3iewyizaw],
        .ri-dropdown-trigger.active[b-b3iewyizaw] {
            color: #fff;
            border-bottom-color: var(--ri-red);
        }

        .ri-cat-list > li > .ri-dropdown-trigger.active[b-b3iewyizaw] {
            color: #fff;
            border-bottom-color: var(--ri-red);
        }

/* ── Dropdown de Categorías (hover / focus, sin JS) ─────────── */
.ri-dropdown-wrap[b-b3iewyizaw] {
    position: relative;
}

.ri-chevron[b-b3iewyizaw] {
    display: inline-block;
    font-size: 10px;
    line-height: 1;
    transition: transform .18s ease;
}

.ri-dropdown-wrap:hover .ri-chevron[b-b3iewyizaw],
.ri-dropdown-wrap:focus-within .ri-chevron[b-b3iewyizaw] {
    transform: rotate(180deg);
}

.ri-dropdown[b-b3iewyizaw] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1500;
    min-width: 220px;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background: #1a1a2e;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 16px 40px rgba(0,0,0,0.45);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

    /* Puente invisible: evita que se cierre al cruzar el borde */
    .ri-dropdown[b-b3iewyizaw]::before {
        content: "";
        position: absolute;
        top: -8px;
        left: 0;
        right: 0;
        height: 8px;
    }

    .ri-dropdown li a[b-b3iewyizaw] {
        display: block;
        padding: 11px 20px;
        color: rgba(255,255,255,0.82);
        font-size: 13.5px;
        font-weight: 500;
        text-decoration: none;
        white-space: nowrap;
        border-left: 3px solid transparent;
        transition: background .12s, color .12s, padding-left .15s;
    }

        .ri-dropdown li a:hover[b-b3iewyizaw] {
            background: rgba(255,255,255,0.05);
            color: #fff;
            padding-left: 24px;
            border-left-color: var(--ri-red);
        }

        .ri-dropdown li a.active[b-b3iewyizaw] {
            background: rgba(196,18,48,0.12);
            color: #fff;
            border-left-color: var(--ri-red);
        }

.ri-dropdown-wrap:hover > .ri-dropdown[b-b3iewyizaw],
.ri-dropdown-wrap:focus-within > .ri-dropdown[b-b3iewyizaw] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ── Panel móvil ────────────────────────────────────────────── */
.ri-mobile-menu[b-b3iewyizaw] {
    display: none;
    background: var(--ri-dark);
    border-top: 1px solid rgba(255,255,255,0.08);
}

.ri-mobile-links[b-b3iewyizaw] {
    display: flex;
    flex-direction: column;
    padding: 8px 0 16px;
}

.ri-mobile-link[b-b3iewyizaw] {
    display: block;
    padding: 12px 16px;
    color: rgba(255,255,255,0.78);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-left: 3px solid transparent;
}

    .ri-mobile-link:hover[b-b3iewyizaw],
    .ri-mobile-link.active[b-b3iewyizaw] {
        color: #fff;
        background: rgba(255,255,255,0.05);
        border-left-color: var(--ri-red);
    }

.ri-mobile-link-sub[b-b3iewyizaw] {
    padding-left: 28px;
}

.ri-mobile-section-title[b-b3iewyizaw] {
    font-size: 10px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(255,255,255,0.4);
    font-weight: 700;
    padding: 16px 16px 6px;
    margin-top: 8px;
    border-top: 1px solid rgba(255,255,255,0.08);
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .ri-cat-nav[b-b3iewyizaw] {
        display: none;
    }

    .ri-navbar:has(.ri-menu-toggle:checked) .ri-mobile-menu[b-b3iewyizaw] {
        display: block;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ri-dropdown[b-b3iewyizaw],
    .ri-chevron[b-b3iewyizaw],
    .ri-dropdown li a[b-b3iewyizaw] {
        transition: none;
    }
}
/* /Components/Features/Header/NavMenu.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   NAVBAR
   Todo usa los tokens del diseño nuevo:
   --tinta  --tenue  --linea  --marca-600  --blanco-rgb  --nav-h
   ══════════════════════════════════════════════════════════════ */

.cm-nav[b-5e90itsfso] {
    position: sticky;
    top: 0;
    z-index: 1030; /* bajo el offcanvas (1045) y su fondo (1040) */
    min-height: var(--nav-h);
    background: rgb(255, 255, 255);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid var(--linea);
}

.cm-nav__inner[b-5e90itsfso] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    max-width: 1320px; /* mismo ancho que .container-xl */
    min-height: var(--nav-h);
    margin-inline: auto;
    padding-inline: 1rem;
}

.cm-nav__start[b-5e90itsfso] {
    display: flex;
    align-items: center;
    min-width: 0;
}

/* ── Marca ──────────────────────────────────────────────────── */
.cm-brand__logo[b-5e90itsfso] {
    display: block;
    width: auto;
    object-fit: contain;
}

.cm-brand__logo--mini[b-5e90itsfso] {
    height: 34px;
}

.cm-brand__logo--full[b-5e90itsfso] {
    height: 86px;
}

/* ── Links de escritorio ────────────────────────────────────── */
.cm-nav__links[b-5e90itsfso] {
    display: none; /* se enciende en ≥lg */
    align-items: center;
    gap: .25rem;
    margin-left: 1.5rem;
}

.cm-nav__link[b-5e90itsfso] {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: .45rem .7rem;
    font-size: .9rem;
    font-weight: 600;
    color: var(--tenue);
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s ease;
}

    /* Reserva el ancho de la versión en negritas para que no salte */
    .cm-nav__link[b-5e90itsfso]::before {
        content: attr(data-label);
        height: 0;
        overflow: hidden;
        font-weight: 800;
        visibility: hidden;
        pointer-events: none;
    }

    /* Hover: solo negritas. Sin fondo ni cambio de color. */
    .cm-nav__link:hover[b-5e90itsfso] {
        font-weight: 800;
        color: var(--tinta);
    }

    /* Módulo/sección actual: subrayado pegado al borde inferior del
       enlace (no text-decoration) para no tocar las colas de g, j, p. */
    .cm-nav__link.is-active[b-5e90itsfso] {
        color: var(--tinta);
        font-weight: 800;
    }

        .cm-nav__link.is-active[b-5e90itsfso]::after {
            content: "";
            position: absolute;
            right: .7rem;
            bottom: 0;
            left: .7rem;
            height: 2px;
            border-radius: 2px;
            background: var(--marca-600);
        }

/* ── Dropdown ───────────────────────────────────────────────── */
.cm-nav__drop[b-5e90itsfso] {
    position: relative;
    display: inline-flex;
}

/* El disparador es un <button>: mismo look que .cm-nav__link pero en fila */
.cm-nav__trigger[b-5e90itsfso] {
    flex-direction: row;
    gap: .35rem;
    border: 0;
    background: none;
    font-family: inherit;
    line-height: inherit;
    cursor: pointer;
}

    .cm-nav__trigger[b-5e90itsfso]::before {
        content: none; /* el ancho lo reserva el <span> interno */
    }

.cm-nav__trigger-label[b-5e90itsfso] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

    .cm-nav__trigger-label[b-5e90itsfso]::before {
        content: attr(data-label);
        height: 0;
        overflow: hidden;
        font-weight: 800;
        visibility: hidden;
        pointer-events: none;
    }

.cm-nav__chevron[b-5e90itsfso] {
    font-size: .7em;
    line-height: 1;
    transition: transform .18s ease;
}

.cm-nav__drop:hover .cm-nav__chevron[b-5e90itsfso],
.cm-nav__drop:focus-within .cm-nav__chevron[b-5e90itsfso] {
    transform: rotate(180deg);
}

.cm-nav__drop:hover .cm-nav__trigger[b-5e90itsfso],
.cm-nav__drop:focus-within .cm-nav__trigger[b-5e90itsfso] {
    color: var(--tinta);
    font-weight: 800;
}

.cm-nav__menu[b-5e90itsfso] {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    z-index: 1500;
    min-width: 230px;
    margin: 0;
    padding: .35rem;
    list-style: none;
    background-color: rgb(255, 255, 255);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border: 1px solid var(--linea);
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.05);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

    /* Puente invisible: evita que se cierre al cruzar el hueco */
    .cm-nav__menu[b-5e90itsfso]::before {
        content: "";
        position: absolute;
        top: -10px;
        right: 0;
        left: 0;
        height: 10px;
    }

.cm-nav__drop:hover > .cm-nav__menu[b-5e90itsfso],
.cm-nav__drop:focus-within > .cm-nav__menu[b-5e90itsfso] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.cm-nav__menu-link[b-5e90itsfso] {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    border-radius: 9px;
    font-size: .875rem;
    font-weight: 600;
    color: var(--tenue);
    text-decoration: none;
    white-space: nowrap;
    transition: background .12s ease, color .12s ease;
}

    .cm-nav__menu-link:hover[b-5e90itsfso] {
        background: rgba(0,0,0,.04);
        color: var(--tinta);
    }

    .cm-nav__menu-link.is-active[b-5e90itsfso] {
        color: var(--tinta);
        font-weight: 800;
        background: rgba(0,0,0,.04);
    }

        .cm-nav__menu-link.is-active[b-5e90itsfso]::after {
            content: "";
            position: absolute;
            top: .45rem;
            bottom: .45rem;
            left: 0;
            width: 2px;
            border-radius: 2px;
            background: var(--marca-600);
        }

/* ── Acciones (usuario + hamburguesa) ───────────────────────── */
.cm-nav__actions[b-5e90itsfso] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

/* ── Checkbox de control (oculto, accesible por teclado) ────── */
.cm-nav__toggle[b-5e90itsfso] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

/* ── Hamburguesa ────────────────────────────────────────────── */
.cm-hamburger[b-5e90itsfso] {
    display: none; /* se enciende en móvil */
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    border: 1px solid var(--linea);
    border-radius: 10px;
    background: transparent;
    color: var(--tinta);
    cursor: pointer;
}

    .cm-hamburger i[b-5e90itsfso] {
        font-size: 20px;
        line-height: 1;
    }

    .cm-hamburger .cm-icon-close[b-5e90itsfso] {
        display: none;
    }

.cm-nav__toggle:checked ~ .cm-nav__inner .cm-hamburger .cm-icon-menu[b-5e90itsfso] {
    display: none;
}

.cm-nav__toggle:checked ~ .cm-nav__inner .cm-hamburger .cm-icon-close[b-5e90itsfso] {
    display: inline-block;
}

.cm-nav__toggle:focus-visible ~ .cm-nav__inner .cm-hamburger[b-5e90itsfso] {
    outline: 2px solid var(--marca-600);
    outline-offset: 2px;
}

/* ── Panel móvil ────────────────────────────────────────────── */
.cm-mobile[b-5e90itsfso] {
    display: none;
    background: rgba(var(--blanco-rgb), .96);
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid var(--linea);
    box-shadow: 0 12px 24px rgba(0,0,0,.06);


    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 70vh;
    z-index: 1050;
    overflow-y: auto;
    background-color: white;

}

.cm-mobile__links[b-5e90itsfso] {
    display: flex;
    flex-direction: column;
    padding: .5rem 0 1rem;
}

.cm-mobile__link[b-5e90itsfso] {
    display: block;
    padding: .7rem 1rem;
    border-left: 3px solid transparent;
    font-size: .95rem;
    font-weight: 600;
    color: var(--tenue);
    text-decoration: none;
}

    .cm-mobile__link:hover[b-5e90itsfso],
    .cm-mobile__link.is-active[b-5e90itsfso] {
        color: var(--tinta);
        font-weight: 800;
        background: rgba(0,0,0,.035);
        border-left-color: var(--marca-600);
    }

.cm-mobile__link--sub[b-5e90itsfso] {
    padding-left: 1.75rem;
    font-size: .9rem;
}

.cm-mobile__title[b-5e90itsfso] {
    margin-top: .5rem;
    padding: 1rem 1rem .35rem;
    border-top: 1px solid var(--linea);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--tenue);
    opacity: .7;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (min-width: 992px) {
    .cm-nav__links[b-5e90itsfso] {
        display: flex;
    }
}

@media (max-width: 991.98px) {
    .cm-hamburger[b-5e90itsfso] {
        display: inline-flex;
    }

    /* El panel móvil es hermano del <nav>, por eso el combinador '+' */
    .cm-nav:has(.cm-nav__toggle:checked) + .cm-mobile[b-5e90itsfso] {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .cm-nav__inner[b-5e90itsfso] {
        padding-inline: .75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cm-nav__link[b-5e90itsfso],
    .cm-nav__menu[b-5e90itsfso],
    .cm-nav__menu-link[b-5e90itsfso],
    .cm-nav__chevron[b-5e90itsfso] {
        transition: none;
    }
}
/* /Components/Features/Header/UserMenu.razor.rz.scp.css */

.ri-user-menu[b-f85loyxftz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background-color: var(--ri-border);
    border-radius: 20px;
}


.cm-nav__actions[b-f85loyxftz] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.admin-link[b-f85loyxftz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: inherit;
    font-size: 18px;
    text-decoration: none;
}

    .admin-link:hover[b-f85loyxftz] {
        background: rgba(0, 0, 0, .06);
    }
/* /Components/Features/Home/FeaturedBlock.razor.rz.scp.css */
.ri-featured[b-azmzh9k06h] {
    padding: 40px 0 12px;
}
/* ── Featured + Sidebar (top-section) ──────────────────────── */
.ri-feature-card[b-azmzh9k06h] {
    background: white !important;
    border: 1px solid #ede4d5 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 8px rgba(26,22,17,0.04) !important;
    transition: transform 0.4s, box-shadow 0.4s !important;
}

 
   .ri-feature-card:hover[b-azmzh9k06h] {
        transform: translateY(-3px) !important;
        box-shadow: 0 12px 28px rgba(26,22,17,0.10) !important;
    }



@media (max-width:768px) {


    .ri-featured-img-wrap img[b-azmzh9k06h] {
        height: 240px;
    }

    .ri-featured-title[b-azmzh9k06h] {
        font-size: 1.2rem;
    }
}


    .ri-featured-card[b-azmzh9k06h] {
        display: block;
        text-decoration: none;
        color: inherit;
    }

    .ri-featured-img-wrap[b-azmzh9k06h] {
        position: relative;
        overflow: hidden;
        border-radius: var(--ri-radius);
    }

        .ri-featured-img-wrap img[b-azmzh9k06h] {
            width: 100%;
            height: 400px;
            object-fit: cover;
            transition: transform 0.4s;
            display: block;
        }

    .ri-featured-card:hover .ri-featured-img-wrap img[b-azmzh9k06h] {
        transform: scale(1.04);
    }

    .ri-featured-body[b-azmzh9k06h] {
        padding: 1.25rem 0 0.5rem;
        border-top: 3px solid var(--ri-red);
    }

    .ri-featured-title[b-azmzh9k06h] {
        font-size: 1.7rem;
        font-weight: 800;
        color: var(--ri-text);
        line-height: 1.25;
        margin-bottom: 0.5rem;
        letter-spacing: -0.3px;
    }

    .ri-featured-card:hover .ri-featured-title[b-azmzh9k06h] {
        color: var(--ri-red);
    }

    .ri-featured-excerpt[b-azmzh9k06h] {
        font-size: 0.95rem;
        color: var(--ri-muted);
        line-height: 1.65;
        margin-bottom: 0.75rem;
    }



    .ri-featured-grid[b-azmzh9k06h] {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
/* /Components/Features/Home/HeroBanner.razor.rz.scp.css */
.ri-hero[b-5umric0zlv] {
    background-size: cover;
    background-position: center;
    height: 52vh;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
}

.ri-hero-title[b-5umric0zlv] {
    font-size: 2.8rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
    text-shadow: 0 2px 12px rgba(0,0,0,0.5);
    letter-spacing: -0.5px;
}

.ri-hero-sub[b-5umric0zlv] {
    font-size: 1rem;
    opacity: 0.88;
    max-width: 580px;
    margin: 0 auto;
}
/* /Components/Features/Home/HomeCarousel.razor.rz.scp.css */
/* ── Carrusel del home ─────────────────────────────────────────
   Paleta y tipografía del bloque editorial (StoriesBlock):
   Fraunces (títulos), Cormorant (deck), JetBrains Mono (meta),
   burgundy #722f37 · brass #b08d57 · paper #faf7f2 · ink #1a1611 */

.ri-carousel-block[b-dkimbupb9t] {
    padding: 48px 0 40px;
    font-family: 'Inter', -apple-system, sans-serif;
}

.ri-carousel-header[b-dkimbupb9t] {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 28px;
    padding: 0 24px;
}

.ri-carousel-eyebrow[b-dkimbupb9t] {
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #722f37;
    font-weight: 700;
    margin-bottom: 12px;
}

.ri-carousel-title[b-dkimbupb9t] {
    font-family: 'Fraunces', 'Playfair Display', Georgia, serif;
    font-size: clamp(28px, 3.6vw, 42px);
    font-weight: 700;
    color: #1a1611;
    letter-spacing: -0.015em;
    line-height: 1.1;
    margin: 0;
}

/* ── Contenedor ───────────────────────────────────────────── */
.ri-carousel[b-dkimbupb9t] {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 24px;
    outline: none;
}

    .ri-carousel:focus-visible .ri-carousel-track[b-dkimbupb9t] {
        box-shadow: 0 0 0 3px rgba(176,141,87,0.55);
    }

.ri-carousel-track[b-dkimbupb9t] {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    border-radius: 4px;
    background: #1a1611;
    box-shadow: 0 4px 16px rgba(26,22,17,0.06);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

    .ri-carousel-track[b-dkimbupb9t]::-webkit-scrollbar {
        display: none;
    }

/* ── Slide ────────────────────────────────────────────────── */
.ri-carousel-slide[b-dkimbupb9t] {
    position: relative;
    flex: 0 0 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    height: clamp(320px, 65vh, 660px);
    overflow: hidden;
}

    .ri-carousel-slide-img[b-dkimbupb9t] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transform: scale(1.04);
        transition: transform 6s ease-out;
    }

    /* Leve "Ken Burns" en la imagen visible */
    .ri-carousel-slide.is-active img[b-dkimbupb9t] {
        transform: scale(1);
    }

/* ── Caption ──────────────────────────────────────────────── */
.ri-carousel-caption[b-dkimbupb9t] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 48px 64px 96px;
    background: linear-gradient(90deg, rgba(255,255,255,0.97) 0%, rgba(232,245,255,0.92) 32%, rgba(186,224,255,0.55) 50%, rgba(186,224,255,0) 64%);
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .6s ease .15s, transform .6s ease .15s;
}
.ri-carousel-logo[b-dkimbupb9t] {
    width: auto;
    max-width: 200px;
    height: auto;
    max-height: 100px;
    margin-bottom: 22px;
    border-radius: 14px;
}

.ri-carousel-slide.is-active .ri-carousel-caption[b-dkimbupb9t] {
    opacity: 1;
    transform: none;
}

.ri-carousel-tag[b-dkimbupb9t] {
    display: inline-block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    background: #faf7f2;
    color: #722f37;
    padding: 4px 10px;
    border-radius: 2px;
    margin-bottom: 14px;
    margin-right: 5px;
}

.ri-carousel-slide-title[b-dkimbupb9t] {
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: clamp(28px, 3.6vw, 52px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: #0b1a3a;
    max-width: min(52%, 620px);
    text-wrap: balance;
    margin: 0 0 12px;
}

.ri-carousel-title-hl[b-dkimbupb9t] {
    display: inline-block; /* antes: block */
    background: linear-gradient(90deg, var(--slide-c1, #0ea5e9), var(--slide-c2, #2563eb));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.ri-carousel-deck[b-dkimbupb9t] {
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: clamp(15px, 1.4vw, 20px);
    color: #0b1a3a;
    max-width: 48%;
    margin: 0 0 24px;
}

.ri-carousel-cta[b-dkimbupb9t] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 30px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--slide-c1, #0ea5e9), var(--slide-c2, #2563eb));
    box-shadow: 0 8px 20px color-mix(in srgb, var(--slide-c2, #2563eb) 30%, transparent);
    color: #fff;
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease;
}

    .ri-carousel-cta:hover[b-dkimbupb9t] {
        color: #fff;
        text-decoration: none;
        transform: translateY(-2px);
        box-shadow: 0 12px 26px color-mix(in srgb, var(--slide-c2, #2563eb) 40%, transparent);
    }

/* ── Flechas ──────────────────────────────────────────────── */
.ri-carousel-arrow[b-dkimbupb9t] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: none;
    border-radius: 50%;
    background: rgba(250,247,242,0.92);
    color: #722f37;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(26,22,17,0.18);
    transition: background .3s ease, color .3s ease, transform .3s ease;
    z-index: 2;
}

    .ri-carousel-arrow.prev[b-dkimbupb9t] { left: 40px; }
    .ri-carousel-arrow.next[b-dkimbupb9t] { right: 40px; }

    .ri-carousel-arrow:hover[b-dkimbupb9t] {
        background: #722f37;
        color: #faf7f2;
        transform: translateY(-50%) scale(1.06);
    }

    .ri-carousel-arrow:focus-visible[b-dkimbupb9t] {
        outline: 2px solid #b08d57;
        outline-offset: 2px;
    }

/* ── Puntos + contador ────────────────────────────────────── */
.ri-carousel-footer[b-dkimbupb9t] {
    position: absolute;
    left: 72px;
    right: 72px;
    bottom: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    z-index: 2;
    pointer-events: none;
}

.ri-carousel-dots[b-dkimbupb9t] {
    display: flex;
    gap: 8px;
    pointer-events: auto;
}

.ri-carousel-dot[b-dkimbupb9t] {
    width: 22px;
    height: 3px;
    padding: 0;
    border: none;
    border-radius: 2px;
    background: rgba(11,26,58,0.25);
    cursor: pointer;
    transition: width .35s ease, background .35s ease;
}

    .ri-carousel-dot:hover[b-dkimbupb9t] {
        background: rgba(11,26,58,0.5);
    }

    .ri-carousel-dot.is-active[b-dkimbupb9t] {
        width: 42px;
        background: #2563eb;
    }

.ri-carousel-counter[b-dkimbupb9t] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 700;
    color: #faf7f2;
}

    .ri-carousel-counter .sep[b-dkimbupb9t] {
        color: #b08d57;
        margin: 0 6px;
    }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 768px) {
    .ri-carousel-block[b-dkimbupb9t] {
        padding: 32px 0 24px;
    }

    .ri-carousel[b-dkimbupb9t] {
        padding: 0 14px;
    }

    .ri-carousel-slide[b-dkimbupb9t] {
        height: 420px;
    }
    .ri-carousel-slide-title[b-dkimbupb9t],
    .ri-carousel-deck[b-dkimbupb9t] {
        max-width: 100%;
    }

    .ri-carousel-caption[b-dkimbupb9t] {
        padding: 28px 22px 56px;
        background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(232,245,255,0.85) 60%, rgba(186,224,255,0.35) 100%);
    }

    .ri-carousel-deck[b-dkimbupb9t] {
        font-size: 17px;
    }

    /* En móvil se navega con swipe */
    .ri-carousel-arrow[b-dkimbupb9t] {
        display: none;
    }

    .ri-carousel-footer[b-dkimbupb9t] {
        left: 36px;
        right: 36px;
        bottom: 20px;
    }

    .ri-carousel-logo[b-dkimbupb9t] {
        height: 52px;
        margin-bottom: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ri-carousel-track[b-dkimbupb9t] { scroll-behavior: auto; }
    .ri-carousel-slide img[b-dkimbupb9t],
    .ri-carousel-caption[b-dkimbupb9t] { transition: none; transform: none; }
}
/* /Components/Features/Home/NewsLetterBlock.razor.rz.scp.css */
.riNL_section[b-e5d5g8c3ew] {
    position: relative !important;
    background: linear-gradient(180deg, #1a1611 0%, #2a221a 100%) !important;
    padding: 88px 24px 96px !important;
    overflow: hidden !important;
    text-align: center !important;
    color: white !important;
}

    .riNL_section[b-e5d5g8c3ew]::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 96px !important;
        height: 3px !important;
        background: #b08d57 !important;
        border-radius: 0 0 3px 3px !important;
    }

.riNL_grain[b-e5d5g8c3ew] {
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(circle at 20% 30%, rgba(176,141,87,0.08) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(114,47,55,0.10) 0%, transparent 55%) !important;
    pointer-events: none !important;
}

.riNL_inner[b-e5d5g8c3ew] {
    position: relative !important;
    z-index: 2 !important;
    max-width: 620px !important;
    margin: 0 auto !important;
}

.riNL_eyebrow[b-e5d5g8c3ew] {
    font-family: 'JetBrains Mono', 'Courier New', monospace !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
    color: #b08d57 !important;
    margin-bottom: 22px !important;
}

.riNL_title[b-e5d5g8c3ew] {
    font-family: 'Fraunces', 'Playfair Display', Georgia, serif !important;
    font-size: clamp(30px, 4vw, 44px) !important;
    font-weight: 700 !important;
    color: #faf7f2 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 18px !important;
}

    .riNL_title em[b-e5d5g8c3ew] {
        font-family: 'Cormorant Garamond', Georgia, serif !important;
        font-style: italic !important;
        font-weight: 500 !important;
        color: #b08d57 !important;
    }

.riNL_deck[b-e5d5g8c3ew] {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: 18px !important;
    color: #d4ccc0 !important;
    line-height: 1.55 !important;
    margin: 0 0 36px !important;
}

.riNL_formWrap[b-e5d5g8c3ew] {
    max-width: 440px !important;
    margin: 0 auto !important;
}

.riNL_inputs[b-e5d5g8c3ew] {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 14px !important;
}

.riNL_input[b-e5d5g8c3ew] {
    width: 100% !important;
    padding: 14px 16px !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(176,141,87,0.30) !important;
    border-radius: 4px !important;
    color: white !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    transition: border-color 0.2s, background 0.2s !important;
    box-sizing: border-box !important;
}

    .riNL_input[b-e5d5g8c3ew]::placeholder {
        color: rgba(255,255,255,0.45) !important;
        font-style: italic !important;
    }

    .riNL_input:focus[b-e5d5g8c3ew] {
        outline: none !important;
        border-color: #b08d57 !important;
        background: rgba(255,255,255,0.10) !important;
    }

    .riNL_input:disabled[b-e5d5g8c3ew] {
        opacity: 0.5 !important;
        cursor: not-allowed !important;
    }

.riNL_btn[b-e5d5g8c3ew] {
    width: 100% !important;
    padding: 15px 28px !important;
    background: #722f37 !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    font-family: 'JetBrains Mono', 'Courier New', monospace !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.25s !important;
    margin-top: 4px !important;
}

    .riNL_btn:hover:not(:disabled)[b-e5d5g8c3ew] {
        background: #5a232a !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 8px 20px rgba(114,47,55,0.35) !important;
    }

    .riNL_btn:disabled[b-e5d5g8c3ew] {
        opacity: 0.6 !important;
        cursor: not-allowed !important;
    }

.riNL_error[b-e5d5g8c3ew] {
    color: #fca5a5 !important;
    font-size: 13px !important;
    margin-bottom: 12px !important;
    text-align: center !important;
    font-family: 'Inter', sans-serif !important;
}

.riNL_fineprint[b-e5d5g8c3ew] {
    margin-top: 18px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 13px !important;
    color: rgba(212,204,192,0.65) !important;
    line-height: 1.5 !important;
}
/* Success state */
.riNL_success[b-e5d5g8c3ew] {
    text-align: center !important;
    padding: 12px 0 !important;
}

.riNL_successMark[b-e5d5g8c3ew] {
    width: 56px !important;
    height: 56px !important;
    margin: 0 auto 18px !important;
    background: #b08d57 !important;
    color: #1a1611 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 28px !important;
    font-weight: 700 !important;
}

.riNL_success h4[b-e5d5g8c3ew] {
    font-family: 'Fraunces', serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #faf7f2 !important;
    margin: 0 0 10px !important;
}

.riNL_success p[b-e5d5g8c3ew] {
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 16px !important;
    color: #d4ccc0 !important;
    margin: 0 0 18px !important;
    line-height: 1.5 !important;
}

.riNL_successLink[b-e5d5g8c3ew] {
    display: inline-block !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #b08d57 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    transition: color 0.2s !important;
}

    .riNL_successLink:hover[b-e5d5g8c3ew] {
        color: #faf7f2 !important;
    }


@media (max-width: 768px) {
    
    .riNL_section[b-e5d5g8c3ew] {
        padding: 64px 20px 72px !important;
    }
}
/* /Components/Features/Home/News/CategoryBadge.razor.rz.scp.css */
.ri-badge[b-g9stj1tvsz] {
    display: inline-block;
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    white-space: nowrap;
}

/* El contenedor de la imagen debe tener position:relative */
.ri-badge--overlay[b-g9stj1tvsz] {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
}
/* /Components/Features/Home/News/CategorySection.razor.rz.scp.css */
.ri-cat-section[b-d4znecbhsm] {
    padding: 52px 0 8px;
}
/* /Components/Features/Home/News/LayoutBanner.razor.rz.scp.css */
.ri-banner-layout[b-7e7zto5fxg] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.ri-banner-row[b-7e7zto5fxg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
}
/* /Components/Features/Home/News/LayoutGrid.razor.rz.scp.css */
.ri-grid-layout[b-h7yai14fa7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}
/* /Components/Features/Home/News/LayoutSplit.razor.rz.scp.css */
.ri-split[b-gyo0cd52c9] {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: 28px;
    align-items: start;
}

.ri-split-side[b-gyo0cd52c9] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

@media (max-width: 991.98px) {
    .ri-split[b-gyo0cd52c9] {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}
/* /Components/Features/Home/News/NewsCardHero.razor.rz.scp.css */
.ri-hero-card[b-pc6invnm3x] {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 21 / 9;
    min-height: 320px;
    overflow: hidden;
    border-radius: 4px;
    text-decoration: none;
    color: inherit;
}

    .ri-hero-card:hover[b-pc6invnm3x] {
        text-decoration: none;
        color: inherit;
    }

    .ri-hero-card img[b-pc6invnm3x] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform .6s ease;
    }

    .ri-hero-card:hover img[b-pc6invnm3x] {
        transform: scale(1.03);
    }

/* Degradado para que el texto blanco se lea sobre cualquier foto */
.ri-hero-shade[b-pc6invnm3x] {
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(10,8,6,0.88) 0%, rgba(10,8,6,0.45) 38%, rgba(10,8,6,0.05) 70%);
}

.ri-hero-body[b-pc6invnm3x] {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 28px 32px 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    max-width: 820px;
}

.ri-hero-title[b-pc6invnm3x] {
    font-family: 'Fraunces', 'Playfair Display', Georgia, serif;
    font-size: clamp(24px, 3.4vw, 40px);
    font-weight: 700;
    color: #fff;
    line-height: 1.12;
    letter-spacing: -0.015em;
    margin: 0;
    text-shadow: 0 2px 18px rgba(0,0,0,0.35);
}

@media (max-width: 767.98px) {
    .ri-hero-card[b-pc6invnm3x] {
        aspect-ratio: 4 / 3;
    }

    .ri-hero-body[b-pc6invnm3x] {
        padding: 20px;
    }
}
/* /Components/Features/Home/News/NewsCardRow.razor.rz.scp.css */
.ri-hcard[b-zbdygmbgnc] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    transition: background .18s ease, box-shadow .25s ease;
}

    .ri-hcard:hover[b-zbdygmbgnc] {
        text-decoration: none;
        color: inherit;
    }

/* Caja blanca (Tecnología) */
.ri-hcard--box[b-zbdygmbgnc] {
    background: #fff;
    border: 1px solid #ece4d6;
    border-radius: 4px;
    padding: 14px;
    box-shadow: 0 2px 10px rgba(26,22,17,0.04);
}

    .ri-hcard--box:hover[b-zbdygmbgnc] {
        box-shadow: 0 10px 26px rgba(26,22,17,0.10);
    }

/* Lista con línea fina (Destacados) */
.ri-hcard--plain[b-zbdygmbgnc] {
    padding: 16px 0;
    border-bottom: 1px solid #e8e0d2;
}

    .ri-hcard--plain:hover[b-zbdygmbgnc] {
        background: rgba(114,47,55,0.03);
    }

/* ── Miniatura ── */
.ri-hcard-img[b-zbdygmbgnc] {
    flex: 0 0 92px;
    width: 92px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 3px;
    background: #1a1611;
}

    .ri-hcard-img img[b-zbdygmbgnc] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

/* ── Cuerpo ── */
.ri-hcard-body[b-zbdygmbgnc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0; /* deja que el título se corte en vez de desbordar */
}

.ri-hcard-cat[b-zbdygmbgnc] {
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.ri-hcard-title[b-zbdygmbgnc] {
    font-family: 'Fraunces', 'Playfair Display', Georgia, serif;
    font-size: 15px;
    font-weight: 700;
    color: #1a1611;
    line-height: 1.3;
    margin: 0;
}

.ri-hcard:hover .ri-hcard-title[b-zbdygmbgnc] {
    color: #722f37;
}
/* /Components/Features/Home/News/NewsCardStacked.razor.rz.scp.css */
.ri-vcard[b-tnb7kr9694] {
    display: block;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}

    .ri-vcard:hover[b-tnb7kr9694] {
        text-decoration: none;
        color: inherit;
        transform: translateY(-3px);
    }

/* Variante con fondo blanco y borde (Tecnología, Finanzas) */
.ri-vcard--box[b-tnb7kr9694] {
    background: #fff;
    border: 1px solid #ece4d6;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(26,22,17,0.04);
}

    .ri-vcard--box:hover[b-tnb7kr9694] {
        box-shadow: 0 14px 32px rgba(26,22,17,0.12);
    }

/* ── Imagen ── */
.ri-vcard-img[b-tnb7kr9694] {
    position: relative; /* ancla del badge */
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #1a1611;
}

    .ri-vcard-img img[b-tnb7kr9694] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform .5s ease;
    }

.ri-vcard:hover .ri-vcard-img img[b-tnb7kr9694] {
    transform: scale(1.04);
}

.ri-vcard--lg .ri-vcard-img[b-tnb7kr9694] {
    aspect-ratio: 16 / 11;
}

/* ── Cuerpo ── */
.ri-vcard-body[b-tnb7kr9694] {
    padding: 16px 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ri-vcard--lg .ri-vcard-body[b-tnb7kr9694] {
    padding: 22px 24px 26px;
    gap: 12px;
}

.ri-vcard-title[b-tnb7kr9694] {
    font-family: 'Fraunces', 'Playfair Display', Georgia, serif;
    font-size: 16px;
    font-weight: 700;
    color: #1a1611;
    line-height: 1.28;
    letter-spacing: -0.005em;
    margin: 0;
}

.ri-vcard--lg .ri-vcard-title[b-tnb7kr9694] {
    font-size: clamp(22px, 2.4vw, 30px);
    line-height: 1.15;
}

.ri-vcard-deck[b-tnb7kr9694] {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-style: italic;
    font-size: 15px;
    color: #4a4239;
    line-height: 1.45;
    margin: 0;
}

.ri-vcard--lg .ri-vcard-deck[b-tnb7kr9694] {
    font-size: 18px;
}
/* /Components/Features/Home/News/NewsMeta.razor.rz.scp.css */
.ri-meta[b-2hor68hd0n] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.ri-meta-autor[b-2hor68hd0n] {
    color: #722f37;
}

.ri-meta-fecha[b-2hor68hd0n] {
    color: #b08d57;
}

/* Encima de una foto: hay que ganarle al fondo */
.ri-meta--overlay .ri-meta-autor[b-2hor68hd0n] {
    color: rgba(255,255,255,0.85);
}

.ri-meta--overlay .ri-meta-fecha[b-2hor68hd0n] {
    color: rgba(255,255,255,0.65);
}
/* /Components/Features/Home/News/SectionHeader.razor.rz.scp.css */
.ri-sec-header[b-6t7nqbyqw4] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e8e0d2;
    margin-bottom: 28px;
}

.ri-sec-header-left[b-6t7nqbyqw4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ri-sec-line[b-6t7nqbyqw4] {
    display: block;
    width: 42px;
    height: 3px;
    border-radius: 2px;
}

.ri-sec-title[b-6t7nqbyqw4] {
    font-family: 'Fraunces', 'Playfair Display', Georgia, serif;
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 700;
    color: #1a1611;
    letter-spacing: -0.015em;
    line-height: 1;
    margin: 0;
}
/* /Components/Features/Home/News/SeeAllLink.razor.rz.scp.css */
.ri-see-all[b-l6jrvx5ywe] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #4a4239;
    text-decoration: none;
    padding: 8px 14px;
    border: 1px solid #ded5c6;
    border-radius: 3px;
    background: #fff;
    transition: border-color .18s, color .18s;
}

    .ri-see-all:hover[b-l6jrvx5ywe] {
        color: #722f37;
        border-color: #722f37;
        text-decoration: none;
    }

.ri-see-all-arrow[b-l6jrvx5ywe] {
    transition: transform .18s ease;
}

.ri-see-all:hover .ri-see-all-arrow[b-l6jrvx5ywe] {
    transform: translateX(3px);
}
/* /Components/Features/Home/StoriesBlock.razor.rz.scp.css */
.ri-historias-block[b-o0zg3yyfwy] {
    background: #f0e9dd;
    padding: 64px 0 72px;
    margin: 32px 0;
    position: relative;
    font-family: 'Inter', -apple-system, sans-serif;
}

.ri-historias-header[b-o0zg3yyfwy] {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 48px;
    padding: 0 24px;
}

.ri-historias-eyebrow[b-o0zg3yyfwy] {
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #722f37;
    font-weight: 700;
    margin-bottom: 14px;
}

.ri-historias-title[b-o0zg3yyfwy] {
    font-family: 'Fraunces', 'Playfair Display', Georgia, serif;
    font-size: clamp(32px, 4.5vw, 52px);
    font-weight: 700;
    color: #1a1611;
    line-height: 1.1;
    letter-spacing: -0.015em;
    margin: 0 0 14px;
}

    .ri-historias-title em[b-o0zg3yyfwy] {
        font-family: 'Cormorant Garamond', Georgia, serif;
        font-style: italic;
        color: #722f37;
        font-weight: 500;
    }

.ri-historias-deck[b-o0zg3yyfwy] {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-style: italic;
    font-size: 19px;
    color: #4a4239;
    line-height: 1.4;
    margin: 0 0 18px;
}

.ri-historias-link[b-o0zg3yyfwy] {
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 11px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #722f37;
    font-weight: 700;
    text-decoration: none;
}

    .ri-historias-link:hover[b-o0zg3yyfwy] {
        color: #5a232a;
        text-decoration: none;
    }

.ri-historias-grid[b-o0zg3yyfwy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 28px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.ri-historia-card[b-o0zg3yyfwy] {
    text-decoration: none;
    color: inherit;
    background: #faf7f2;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(26,22,17,0.06);
    transition: all .3s ease;
    display: block;
}

    .ri-historia-card:hover[b-o0zg3yyfwy] {
        transform: translateY(-4px);
        box-shadow: 0 16px 36px rgba(26,22,17,0.14);
        text-decoration: none;
        color: inherit;
    }

.ri-historia-img[b-o0zg3yyfwy] {
    width: 100%;
    height: 220px;
    background-size: cover;
    background-position: center;
    background-color: #1a1611;
    position: relative;
}

.ri-historia-tag[b-o0zg3yyfwy] {
    position: absolute;
    top: 12px;
    left: 12px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    background: #faf7f2;
    color: #722f37;
    padding: 4px 10px;
    border-radius: 2px;
}

.ri-historia-body[b-o0zg3yyfwy] {
    padding: 22px;
}

.ri-historia-meta[b-o0zg3yyfwy] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #722f37;
    font-weight: 700;
    margin-bottom: 10px;
}

    .ri-historia-meta .dot[b-o0zg3yyfwy] {
        color: #b08d57;
        margin: 0 6px;
    }

.ri-historia-title[b-o0zg3yyfwy] {
    font-family: 'Fraunces', serif;
    font-size: 20px;
    font-weight: 700;
    color: #1a1611;
    line-height: 1.2;
    letter-spacing: -0.005em;
    margin: 0 0 8px;
}

    /* ⚠ '::deep' es OBLIGATORIO aquí.
       El <span class="ri-brand-name"> no lo renderiza Blazor: entra como
       MarkupString (HTML crudo), así que NO recibe el atributo de scope
       [b-xxxxx]. Sin ::deep el selector nunca hace match y el nombre del
       restaurante sale sin resaltar. */
    .ri-historia-title[b-o0zg3yyfwy]  .ri-brand-name {
        color: #722f37;
        font-weight: 800;
        background: linear-gradient(180deg, transparent 62%, rgba(176,141,87,0.18) 62%);
        padding: 0 3px;
        border-radius: 3px;
    }

.ri-historia-deck[b-o0zg3yyfwy] {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 15px;
    color: #4a4239;
    line-height: 1.5;
    margin: 0;
}
/* /Components/Features/Home/Tools/HomeTools.razor.rz.scp.css */
.ri-home-tools[b-xws8lgfypq] {
    padding: 1.25rem 0 1.5rem;
}

.ri-home-tools__fila[b-xws8lgfypq] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    max-width: 1040px;
    margin: 0 auto;
}

.ri-home-tools__clima[b-xws8lgfypq] {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

    /* La línea divisoria va en el propio clima: si no carga, no queda una línea suelta */
    .ri-home-tools__clima[b-xws8lgfypq]  .ri-weather {
        padding-right: 1.5rem;
        border-right: 1px solid var(--bs-border-color, #d9dee7);
    }

.ri-home-tools__busqueda[b-xws8lgfypq] {
    flex: 1;
    min-width: 0;
}

    /* Las barras de búsqueda traen su propio espaciado y contenedor para usarse solas;
   aquí se anulan para que ocupen el espacio de la fila */
    .ri-home-tools__busqueda[b-xws8lgfypq]  .ri-search,
    .ri-home-tools__busqueda[b-xws8lgfypq]  .ri-search2 {
        padding: 0;
    }

    .ri-home-tools__busqueda[b-xws8lgfypq]  .container {
        max-width: none;
        padding: 0;
    }

    .ri-home-tools__busqueda[b-xws8lgfypq]  .ri-search__form,
    .ri-home-tools__busqueda[b-xws8lgfypq]  .ri-search2__form {
        max-width: none;
    }

/* Móvil y tablet vertical: clima arriba, búsqueda abajo */
@media (max-width: 767.98px) {
    .ri-home-tools[b-xws8lgfypq] {
        padding: 1rem 0;
    }

    .ri-home-tools__fila[b-xws8lgfypq] {
        flex-direction: column;
        align-items: stretch;
        gap: .85rem;
    }

    .ri-home-tools__clima[b-xws8lgfypq]  .ri-weather {
        padding-right: 0;
        border-right: 0;
    }
}
/* /Components/Features/Home/Tools/Search/SearchBarDropdown.razor.rz.scp.css */
.ri-search2[b-m6wrnh6iiu] {
    --ri-search-acento: var(--bs-primary, #1f5f8b);
    --ri-search-texto: var(--bs-body-color, #1d2433);
    --ri-search-suave: var(--bs-secondary-color, #6b7385);
    --ri-search-fondo: var(--bs-body-bg, #ffffff);
    --ri-search-borde: var(--bs-border-color, #d9dee7);
    --ri-search-hover: var(--bs-tertiary-bg, #f1f4f8);
    padding: 1.25rem 0 1.5rem;
}

.ri-search2__form[b-m6wrnh6iiu] {
    max-width: 760px;
    margin: 0 auto;
}

/* ---- Caja: [buscador ▾ | texto | buscar] ---- */
.ri-search2__box[b-m6wrnh6iiu] {
    display: flex;
    align-items: center;
    background: var(--ri-search-fondo);
    border: 1px solid var(--ri-search-borde);
    border-radius: 14px;
    padding: .3rem;
    position: relative;
    box-shadow: 0 6px 20px -12px rgba(20, 30, 60, .35);
}

    .ri-search2__box:focus-within[b-m6wrnh6iiu] {
        border-color: var(--ri-search-acento);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--ri-search-acento) 25%, transparent);
    }

/* ---- Desplegable ---- */
.ri-search2__drop[b-m6wrnh6iiu] {
    position: relative;
    flex: none;
}

.ri-search2__trigger[b-m6wrnh6iiu] {
    list-style: none;
    display: flex;
    align-items: center;
    gap: .35rem;
    height: 2.75rem;
    padding: 0 .6rem 0 .75rem;
    border-radius: 10px;
    border-right: 1px solid var(--ri-search-borde);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
    user-select: none;
}

    .ri-search2__trigger[b-m6wrnh6iiu]::-webkit-details-marker {
        display: none;
    }

    .ri-search2__trigger:hover[b-m6wrnh6iiu] {
        background: var(--ri-search-hover);
    }

    .ri-search2__trigger:focus-visible[b-m6wrnh6iiu] {
        outline: 2px solid var(--ri-search-acento);
        outline-offset: 2px;
    }

/* Todos ocultos; la regla generada en el componente muestra el seleccionado */
.ri-search2__current[b-m6wrnh6iiu] {
    display: none;
    align-items: center;
}

    .ri-search2__current img[b-m6wrnh6iiu],
    .ri-search2__option img[b-m6wrnh6iiu] {
        display: block;
        border-radius: 4px;
    }

.ri-search2__chevron[b-m6wrnh6iiu] {
    font-size: .75rem;
    color: var(--ri-search-suave);
    transition: transform .15s ease;
}

.ri-search2__drop[open] .ri-search2__chevron[b-m6wrnh6iiu] {
    transform: rotate(180deg);
}

.ri-search2__menu[b-m6wrnh6iiu] {
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    z-index: 30;
    min-width: 210px;
    padding: .35rem;
    display: grid;
    background: var(--ri-search-fondo);
    border: 1px solid var(--ri-search-borde);
    border-radius: 12px;
    box-shadow: 0 14px 34px -14px rgba(20, 30, 60, .45);
}

.ri-search2__radio[b-m6wrnh6iiu] {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

.ri-search2__option[b-m6wrnh6iiu] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .7rem;
    border-radius: 8px;
    color: var(--ri-search-texto);
    cursor: pointer;
}

    .ri-search2__option:hover[b-m6wrnh6iiu] {
        background: var(--ri-search-hover);
    }

.ri-search2__check[b-m6wrnh6iiu] {
    margin-left: auto;
    color: var(--ri-search-acento);
    visibility: hidden;
}

/* Con teclado: Tab llega a los radios y las flechas cambian de buscador;
   el foco se muestra en el botón del desplegable */
.ri-search2__radio:focus-visible ~ .ri-search2__drop .ri-search2__trigger[b-m6wrnh6iiu] {
    outline: 2px solid var(--ri-search-acento);
    outline-offset: 2px;
}

/* ---- Texto y botón ---- */
.ri-search2__input[b-m6wrnh6iiu] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--ri-search-texto);
    font: inherit;
    font-size: 1.05rem;
    padding: .65rem .9rem;
}

    .ri-search2__input[b-m6wrnh6iiu]::placeholder {
        color: var(--ri-search-suave);
    }

.ri-search2__submit[b-m6wrnh6iiu] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    height: 2.75rem;
    border: 0;
    border-radius: 10px;
    padding: 0 1.15rem;
    background: var(--ri-search-acento);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

    .ri-search2__submit:hover[b-m6wrnh6iiu] {
        filter: brightness(1.1);
    }

    .ri-search2__submit:focus-visible[b-m6wrnh6iiu] {
        outline: 2px solid var(--ri-search-acento);
        outline-offset: 2px;
    }

@media (max-width: 576px) {
    .ri-search2[b-m6wrnh6iiu] {
        padding: 1rem 0;
    }

    .ri-search2__submit[b-m6wrnh6iiu] {
        padding: 0 .9rem;
    }

    .ri-search2__submit-text[b-m6wrnh6iiu] {
        display: none;
    }
    /* en móvil solo la lupa */
}

@media (prefers-reduced-motion: reduce) {
    .ri-search2__chevron[b-m6wrnh6iiu] {
        transition: none;
    }
}
/* /Components/Features/Home/Tools/Weather/WeatherWidget.razor.rz.scp.css */
.ri-weather[b-hktjssqbbv] {
    --ri-weather-texto: var(--bs-body-color, #1d2433);
    --ri-weather-suave: var(--bs-secondary-color, #6b7385);
    --ri-weather-ph: var(--bs-tertiary-bg, #eef1f5);
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--ri-weather-texto);
    white-space: nowrap;
}

    .ri-weather p[b-hktjssqbbv] {
        margin: 0;
    }

.ri-weather__icono[b-hktjssqbbv] {
    display: block;
    width: 56px;
    height: 56px;
    margin: -4px -2px;
}

.ri-weather__temp[b-hktjssqbbv] {
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.ri-weather__unidad[b-hktjssqbbv] {
    font-size: .95rem;
    font-weight: 500;
    vertical-align: top;
    margin-left: .1rem;
    color: var(--ri-weather-suave);
}

.ri-weather__datos[b-hktjssqbbv] {
    display: grid;
    gap: .05rem;
    padding-left: .35rem;
    line-height: 1.25;
}

.ri-weather__estado[b-hktjssqbbv] {
    font-size: .9rem;
    font-weight: 600;
    max-width: 16ch;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ri-weather__lugar[b-hktjssqbbv],
.ri-weather__rango[b-hktjssqbbv] {
    font-size: .8rem;
    color: var(--ri-weather-suave);
}

/* ---- Espacio reservado mientras carga ---- */
.ri-weather--cargando[b-hktjssqbbv] {
    min-width: 190px;
}

.ri-weather__ph-icono[b-hktjssqbbv],
.ri-weather__ph-lineas span[b-hktjssqbbv] {
    display: block;
    background: var(--ri-weather-ph);
    border-radius: 8px;
    animation: ri-weather-pulso-b-hktjssqbbv 1.2s ease-in-out infinite alternate;
}

.ri-weather__ph-icono[b-hktjssqbbv] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.ri-weather__ph-lineas[b-hktjssqbbv] {
    display: grid;
    gap: .4rem;
}

    .ri-weather__ph-lineas span:first-child[b-hktjssqbbv] {
        width: 90px;
        height: .9rem;
    }

    .ri-weather__ph-lineas span:last-child[b-hktjssqbbv] {
        width: 130px;
        height: .75rem;
    }

@keyframes ri-weather-pulso-b-hktjssqbbv {
    from {
        opacity: 1;
    }

    to {
        opacity: .45;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ri-weather__ph-icono[b-hktjssqbbv],
    .ri-weather__ph-lineas span[b-hktjssqbbv] {
        animation: none;
    }
}
/* /Components/Features/Legal/LegalShell.razor.rz.scp.css */
/* Páginas legales e institucionales — misma familia visual que el footer (riFt_) */

.riLg_page[b-laxe3s1dgs] {
    background: #fff;
}

.riLg_hero[b-laxe3s1dgs] {
    position: relative;
    padding: 64px 24px 40px;
    background: #1f2328;
    color: #f5f0e8;
    overflow: hidden;
}

.riLg_grain[b-laxe3s1dgs] {
    position: absolute;
    inset: 0;
    opacity: .06;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
    pointer-events: none;
}

.riLg_heroInner[b-laxe3s1dgs] {
    position: relative;
    max-width: 760px;
    margin: 0 auto;
}

.riLg_eyebrow[b-laxe3s1dgs] {
    font: 500 12px/1 "Inter", system-ui, sans-serif;
    letter-spacing: .18em;
    text-transform: uppercase;
    opacity: .7;
    margin-bottom: 14px;
}

.riLg_title[b-laxe3s1dgs] {
    font: 700 clamp(30px, 4.5vw, 46px)/1.1 "Fraunces", Georgia, serif;
    margin: 0;
}

.riLg_updated[b-laxe3s1dgs] {
    margin: 14px 0 0;
    font: 400 14px/1.4 "Inter", system-ui, sans-serif;
    opacity: .65;
}

.riLg_body[b-laxe3s1dgs] {
    max-width: 760px;
    margin: 0 auto;
    padding: 40px 24px 80px;
    font: 400 17px/1.7 "Inter", system-ui, sans-serif;
    color: #2b2b2b;
}

.riLg_body[b-laxe3s1dgs]  h2 {
    font: 600 24px/1.25 "Fraunces", Georgia, serif;
    margin: 40px 0 12px;
    color: #1f2328;
    scroll-margin-top: 90px; /* para que el ancla #cookies no quede bajo el menú */
}

.riLg_body[b-laxe3s1dgs]  h3 {
    font: 600 18px/1.3 "Inter", system-ui, sans-serif;
    margin: 24px 0 8px;
    color: #1f2328;
}

.riLg_body[b-laxe3s1dgs]  p,
.riLg_body[b-laxe3s1dgs]  li {
    margin: 0 0 12px;
}

.riLg_body[b-laxe3s1dgs]  ul {
    padding-left: 22px;
}

.riLg_body[b-laxe3s1dgs]  a {
    color: #b45309;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.riLg_body[b-laxe3s1dgs]  .riLg_box {
    background: #faf6ef;
    border-left: 3px solid #b45309;
    padding: 14px 18px;
    border-radius: 6px;
    margin: 20px 0;
}

.riLg_body[b-laxe3s1dgs]  .riLg_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    margin: 16px 0 24px;
}

.riLg_body[b-laxe3s1dgs]  .riLg_table th,
.riLg_body[b-laxe3s1dgs]  .riLg_table td {
    text-align: left;
    vertical-align: top;
    padding: 10px 12px;
    border-bottom: 1px solid #e8e2d6;
}

.riLg_body[b-laxe3s1dgs]  .riLg_table th {
    font-weight: 600;
    background: #faf6ef;
}

@media (max-width: 560px) {
    .riLg_hero[b-laxe3s1dgs] { padding: 44px 16px 28px; }
    .riLg_body[b-laxe3s1dgs] { padding: 28px 16px 60px; font-size: 16px; }
}
/* /Components/Features/StoryFeatures/Detail/RelatedStories.razor.rz.scp.css */
.hi-related[b-jqkl3o4i4g] {
    background: var(--cream-deep);
    padding: 72px 0;
    margin-top: 80px;
}

.hi-related-inner[b-jqkl3o4i4g] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

.hi-related h2[b-jqkl3o4i4g] {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--ink);
    text-align: center;
    margin: 0 0 40px;
}

.hi-related-grid[b-jqkl3o4i4g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(318px, 0fr));
    gap: 28px;
    justify-content:center;
}

.hi-related-card[b-jqkl3o4i4g] {
    background: var(--paper);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(26,22,17,0.06);
    transition: all .3s ease;
    text-decoration: none;
    color: inherit;
    display: block;
}

    .hi-related-card:hover[b-jqkl3o4i4g] {
        transform: translateY(-4px);
        box-shadow: 0 16px 36px rgba(26,22,17,0.12);
        text-decoration: none;
        color: inherit;
    }

.hi-related-card-img[b-jqkl3o4i4g] {
    width: 100%;
    height: 220px;
    background-size: cover;
    background-position: center;
    background-color: var(--linen);
}

.hi-related-card-body[b-jqkl3o4i4g] {
    padding: 24px 22px 28px;
}

.hi-related-card-meta[b-jqkl3o4i4g] {
    font-family: var(--font-meta);
    font-size: 9px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--burgundy);
    font-weight: 700;
    margin-bottom: 10px;
}

.hi-related-card-title[b-jqkl3o4i4g] {
    font-family: var(--font-display);
    font-size: 20px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.25;
    margin: 0;
    letter-spacing: -0.005em;
}
/* /Components/Features/StoryFeatures/Detail/StoryBody.razor.rz.scp.css */
.hi-content[b-7h13512x11] {
    font-family: var(--font-body);
    max-width: 740px;
}

.hi-section-img[b-7h13512x11] {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .9s ease-out, transform .9s ease-out;
}

/* ── DIVISOR ORNAMENTAL entre secciones (NYT style) ── */
.hi-divider[b-7h13512x11] {
    text-align: center;
    margin: 56px 0 48px;
    font-family: var(--font-display);
    color: var(--brass);
    font-size: 18px;
    letter-spacing: 18px;
    opacity: 0.55;
    user-select: none;
}
    .hi-divider[b-7h13512x11]::before {
        content: '❦ ❦ ❦';
    }



@media (max-width: 900px) {
    .hi-grid[b-7h13512x11] {
        gap: 40px;
        padding-top: 48px;
        display: flex;
        gap: 56px;
        align-items: start;
        padding-top: 64px;
        max-width: 1200px;
        margin: 0 auto;
        padding-left: 24px;
        padding-right: 24px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    

    .hi-sidebar[b-7h13512x11] {
        position: static;
    }

    .hi-content[b-7h13512x11] {
        max-width: 100%;
    }

    .hi-section-title[b-7h13512x11] {
        font-size: 26px;
    }

    .hi-hero-title[b-7h13512x11] {
        font-size: 36px;
    }

    .hi-cta-inner[b-7h13512x11] {
        padding: 40px 28px;
    }



   
}
/* /Components/Features/StoryFeatures/Detail/StoryHero.razor.rz.scp.css */
.hi-hero[b-cdocmxt7sf] {
    position: relative;
    height: 100vh;
    min-height: 600px;
    max-height: 880px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
.hi-hero-img[b-cdocmxt7sf] {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* transform: scale(1.06);*/
    animation: hiHeroZoom 18s ease-out forwards;
}
.hi-hero-img.no-img[b-cdocmxt7sf] {
    background: radial-gradient(ellipse at 30% 40%, rgba(176,141,87,0.35) 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, rgba(114,47,55,0.4) 0%, transparent 60%), #1a1611;
    animation: none;
}
.hi-hero-overlay[b-cdocmxt7sf] {
    position: absolute;
    inset: 0;
    background: linear-gradient( to bottom, rgba(26,22,17,0.05) 0%, rgba(26,22,17,0.15) 30%, rgba(26,22,17,0.55) 65%, rgba(26,22,17,0.85) 100% );
}
.hi-hero-content[b-cdocmxt7sf] {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0 0 64px;
}
.hi-back[b-cdocmxt7sf] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,0.65);
    font-size: 11px;
    text-decoration: none;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--font-meta);
    padding: 24px 0;
    transition: color .2s;
}

.hi-back:hover[b-cdocmxt7sf] {
    color: white;
    text-decoration: none;
}

.hi-hero-meta-top[b-cdocmxt7sf] {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    font-family: var(--font-meta);
    font-size: 11px;
    letter-spacing: 2px;
    color: rgba(255,255,255,0.75);
    text-transform: uppercase;
}

    .hi-hero-meta-top .dot[b-cdocmxt7sf] {
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--brass);
        display: inline-block;
    }

    .hi-hero-meta-top .pill[b-cdocmxt7sf] {
        background: var(--burgundy);
        color: white;
        padding: 5px 14px;
        border-radius: 2px;
        font-weight: 700;
        letter-spacing: 2.5px;
    }

.hi-hero-title[b-cdocmxt7sf] {
    font-family: var(--font-display);
    font-size: clamp(40px, 7vw, 92px);
    font-weight: 700;
    color: white;
    line-height: 1.02;
    letter-spacing: -0.02em;
    margin: 0 0 22px;
    text-shadow: 0 2px 60px rgba(0,0,0,0.5);
    max-width: 920px;
}

    /* Nombre del restaurante DESTACADO dentro del título.
           Aparece en color bordo (tema cálido) o dorado (tema oscuro)
           con peso máximo para máximo impacto visual. */
    .hi-hero-title .hi-brand-name[b-cdocmxt7sf] {
        color: #ff9d5c; /* dorado cálido sobre fondo oscuro del hero */
        font-weight: 800;
        font-style: normal;
        background: linear-gradient(180deg, transparent 60%, rgba(255,157,92,0.15) 60%);
        padding: 0 4px;
        border-radius: 4px;
    }

.hi-hero-subtitle[b-cdocmxt7sf] {
    font-family: var(--font-editorial);
    font-size: clamp(18px, 2.2vw, 26px);
    font-weight: 400;
    font-style: italic;
    color: rgba(255,255,255,0.85);
    line-height: 1.4;
    margin: 0 0 32px;
    max-width: 720px;
}

@media(max-width: 720px){
    .hi-hero[b-cdocmxt7sf] {
        height: 42vh;
        min-height: 100px;
    }

    .hi-hero-content[b-cdocmxt7sf]{
        padding: 0;
    }
    .hi-hero-subtitle[b-cdocmxt7sf]{
        margin: 0 0 15px;
    }
    .hi-hero-title[b-cdocmxt7sf]{
        font-size:28px;
    }
    .hi-hero-meta-top[b-cdocmxt7sf]{
        font-size: 8px;
    }
}
/* /Components/Features/StoryFeatures/Detail/StoryPullQuote.razor.rz.scp.css */
.hi-pullquote[b-c2tepl1svv] {
    opacity: 1;
    transform: translateY(18px);
    transition: opacity .9s ease-out, transform .9s ease-out;
    margin: 56px 0;
    padding: 32px 0;
    border-top: 1px solid var(--linen);
    border-bottom: 1px solid var(--linen);
    text-align: center;
}
    .hi-pullquote.is-visible[b-c2tepl1svv]
     {
        opacity: 1;
        transform: translateY(0);
    }

.hi-pullquote-mark[b-c2tepl1svv] {
    font-family: var(--font-display);
    font-size: 72px;
    line-height: 0.5;
    color: var(--brass);
    opacity: 0.6;
    margin-bottom: 8px;
}

.hi-pullquote-text[b-c2tepl1svv] {
    font-family: var(--font-editorial);
    font-style: italic;
    font-size: clamp(22px, 2.6vw, 32px);
    line-height: 1.35;
    color: var(--ink);
    font-weight: 500;
    margin: 0 0 20px;
    letter-spacing: -0.005em;
}
.hi-pullquote-author[b-c2tepl1svv] {
    font-family: var(--font-meta);
    font-size: 11px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--burgundy);
    font-weight: 700;
}

    .hi-pullquote-author[b-c2tepl1svv]::before {
        content: '— ';
        color: var(--brass);
    }

@media (prefers-reduced-motion: reduce) {
    .hi-pullquote[b-c2tepl1svv] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

@media (max-width: 560px) {
    .hi-pullquote[b-c2tepl1svv] {
        margin: 36px 0;
        padding: 24px 0;
    }
}
/* /Components/Features/StoryFeatures/Detail/StorySectionBlock.razor.rz.scp.css */
.hi-section-label[b-luu7kqrjkb] {
    font-family: var(--font-meta);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: var(--burgundy);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
}

    .hi-section-label[b-luu7kqrjkb]::after {
        content: '';
        flex: 1;
        height: 1px;
        background: linear-gradient(to right, var(--linen), transparent);
    }

.hi-chapter-num[b-luu7kqrjkb] {
    display: inline-block;
    margin-right: 10px;
    font-family: var(--font-meta);
    color: var(--brass);
    font-weight: 700;
    letter-spacing: 1.5px;
}

    .hi-chapter-num[b-luu7kqrjkb]::after {
        content: ' · ';
        color: var(--brass);
        opacity: 0.6;
    }

.hi-section-body p[b-luu7kqrjkb] {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.75;
    color: var(--smoke);
    margin: 0 0 22px;
}

.hi-section-title[b-luu7kqrjkb] {
    font-family: var(--font-display);
    font-size: clamp(26px, 3.6vw, 38px);
    font-weight: 700;
    color: var(--ink);
    line-height: 1.15;
    margin: 0 0 22px;
    letter-spacing: -0.01em;
}


.hi-section-img[b-luu7kqrjkb] {
    margin: 32px 0;
    position: relative;
}

    .hi-section-img img[b-luu7kqrjkb] {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 4px;
        box-shadow: 0 24px 60px rgba(26,22,17,0.18);
    }

    .hi-section-img figcaption[b-luu7kqrjkb] {
        font-family: var(--font-editorial);
        font-style: italic;
        font-size: 14px;
        color: var(--ash);
        margin-top: 12px;
        text-align: center;
        line-height: 1.5;
    }



/* ── LETRA CAPITAL (decorativa, primer párrafo) ──── */
.hi-section.gancho .hi-section-body p:first-child[b-luu7kqrjkb]::first-letter {
    font-family: var(--font-display);
    font-weight: 900;
    font-size: 5.4em;
    line-height: 0.82;
    float: left;
    margin: 0.08em 0.08em 0 -0.04em;
    color: var(--burgundy);
    font-style: normal;
}


@media (max-width: 900px) {
    .hi-section-title[b-luu7kqrjkb] {
        font-size: 26px;
    }
}



@media (max-width: 560px) {
    .hi-section.gancho .hi-section-body p:first-child[b-luu7kqrjkb]::first-letter {
        font-size: 4em;
        margin: 6px 10px 0 0;
    }
}

@media (max-width: 720px) {
    .hi-section-body[b-luu7kqrjkb] {
        text-align: justify;
    }
}
/* /Components/Features/StoryFeatures/Detail/StorySeo.razor.rz.scp.css */
body[b-ntb5qdew2t] {
}
/* /Components/Features/StoryFeatures/Detail/StoryShare.razor.rz.scp.css */
.hi-share[b-y92va3socz] {
    background: white;
    border: 1px solid var(--linen);
    border-radius: 6px;
    padding: 22px 26px;
}

.hi-share-title[b-y92va3socz] {
    font-family: var(--font-meta);
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--burgundy);
    font-weight: 700;
    margin-bottom: 14px;
}

.hi-share-buttons[b-y92va3socz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.hi-share-btn[b-y92va3socz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--paper);
    border: 1px solid var(--linen);
    color: var(--smoke);
    border-radius: 4px;
    padding: 10px;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all .15s;
    text-decoration: none;
}

    .hi-share-btn:hover[b-y92va3socz] {
        background: var(--cream-deep);
        color: var(--burgundy);
        border-color: var(--brass);
        text-decoration: none;
    }

    .hi-share-btn svg[b-y92va3socz] {
        width: 14px;
        height: 14px;
    }

/* /Components/Features/StoryFeatures/Detail/StoryTimeline.razor.rz.scp.css */
.hi-section[b-18nppoq4ca] {
    margin-bottom: 48px;
    animation: hiFadeUp .8s ease both;
}
.hi-section-label[b-18nppoq4ca] {
    font-family: var(--font-meta);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: var(--burgundy);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
}

    .hi-section-label[b-18nppoq4ca]::after {
        content: '';
        flex: 1;
        height: 1px;
        background: linear-gradient(to right, var(--linen), transparent);
    }

.hi-section[b-18nppoq4ca],
.hi-timeline[b-18nppoq4ca] {
    opacity: 1;
    transform: translateY(18px);
    transition: opacity .9s ease-out, transform .9s ease-out;
}

    .hi-section.is-visible[b-18nppoq4ca],
    .hi-timeline.is-visible[b-18nppoq4ca] {
        opacity: 1;
        transform: translateY(0);
    }

.hi-timeline[b-18nppoq4ca] {
    margin: 40px 0;
    position: relative;
    padding-left: 30px;
}

    .hi-timeline[b-18nppoq4ca]::before {
        content: '';
        position: absolute;
        left: 9px;
        top: 8px;
        bottom: 8px;
        width: 2px;
        background: linear-gradient(to bottom, var(--brass), var(--linen));
    }

.hi-timeline-item[b-18nppoq4ca] {
    position: relative;
    padding-bottom: 24px;
    display: flex;
    gap: 20px;
    align-items: baseline;
}

    .hi-timeline-item[b-18nppoq4ca]::before {
        content: '';
        position: absolute;
        left: -27px;
        top: 8px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: var(--burgundy);
        box-shadow: 0 0 0 4px var(--paper);
    }

.hi-timeline-year[b-18nppoq4ca] {
    font-family: var(--font-meta);
    font-weight: 700;
    font-size: 14px;
    color: var(--burgundy);
    letter-spacing: 1.5px;
    flex-shrink: 0;
    min-width: 60px;
}

.hi-timeline-desc[b-18nppoq4ca] {
    font-family: var(--font-body);
    font-size: 16px;
    color: var(--smoke);
    line-height: 1.55;
}

@media (prefers-reduced-motion: reduce) {
    .hi-section[b-18nppoq4ca], .hi-timeline[b-18nppoq4ca] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/* /Components/Features/StoryFeatures/Detail/StoryVisitCard.razor.rz.scp.css */
.hi-visit-card[b-tp6j6ys6ve] {
    background: var(--cream-soft);
    border: 1px solid var(--linen);
    border-radius: 6px;
    padding: 30px 26px;
    box-shadow: 0 8px 24px rgba(26,22,17,0.04);
    margin-bottom: 24px;
}
.hi-visit-label[b-tp6j6ys6ve] {
    font-family: var(--font-meta);
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--burgundy);
    font-weight: 700;
    margin-bottom: 6px;
}
.hi-visit-name[b-tp6j6ys6ve] {
    font-family: var(--font-display);
    font-size: 26px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.15;
    margin: 0 0 20px;
    letter-spacing: -0.01em;
}

.hi-visit-row[b-tp6j6ys6ve] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--linen);
    font-size: 14px;
}

    .hi-visit-row:last-child[b-tp6j6ys6ve] {
        border-bottom: none;
    }

    .hi-visit-row svg[b-tp6j6ys6ve] {
        flex-shrink: 0;
        color: var(--brass);
        margin-top: 2px;
    }

    .hi-visit-row .label[b-tp6j6ys6ve] {
        font-family: var(--font-meta);
        font-size: 9px;
        text-transform: uppercase;
        color: var(--ash);
        letter-spacing: 1.5px;
        font-weight: 700;
        display: block;
        margin-bottom: 2px;
    }

    .hi-visit-row .value[b-tp6j6ys6ve] {
        color: var(--ink);
        font-weight: 500;
        font-size: 14px;
        line-height: 1.4;
    }

    .hi-visit-row a[b-tp6j6ys6ve] {
        color: var(--burgundy);
        text-decoration: none;
        font-weight: 600;
    }

        .hi-visit-row a:hover[b-tp6j6ys6ve] {
            text-decoration: underline;
        }
/* /Components/Features/StoryFeatures/Detail/TellStoryBanner.razor.rz.scp.css */
.hi-cta-block[b-vo1xj5gczr] {
    margin: 80px auto 0;
    max-width: 1200px;
    padding: 0 24px;
}

.hi-cta-inner[b-vo1xj5gczr] {
    background: var(--ink);
    color: white;
    border-radius: 6px;
    padding: 56px 48px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .hi-cta-inner[b-vo1xj5gczr]::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -20%;
        width: 600px;
        height: 600px;
        background: radial-gradient(circle, var(--burgundy) 0%, transparent 65%);
        opacity: 0.4;
        pointer-events: none;
    }

.hi-cta-label[b-vo1xj5gczr] {
    font-family: var(--font-meta);
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--brass);
    font-weight: 700;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.hi-cta-title[b-vo1xj5gczr] {
    font-family: var(--font-display);
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 16px;
    letter-spacing: -0.01em;
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.hi-cta-text[b-vo1xj5gczr] {
    font-family: var(--font-editorial);
    font-style: italic;
    font-size: 18px;
    color: rgba(255,255,255,0.75);
    margin: 0 0 30px;
    position: relative;
    z-index: 1;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}

.hi-cta-btn[b-vo1xj5gczr] {
    display: inline-block;
    background: var(--brass);
    color: var(--ink);
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 16px 36px;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: all .2s;
}

    .hi-cta-btn:hover[b-vo1xj5gczr] {
        background: white;
        color: var(--ink);
        text-decoration: none;
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(176,141,87,0.4);
    }

@@media (prefers-reduced-motion: reduce) {
     .hi-cta-block[b-vo1xj5gczr] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
/* /Components/Features/StoryFeatures/Detail/TellStoryCard.razor.rz.scp.css */
.hi-tell-story-card[b-a64f3t01g6] {
    background: linear-gradient(180deg, var(--ink) 0%, #221a13 100%);
    color: var(--paper);
    padding: 28px 24px 26px;
    border-radius: 4px;
    margin-top: 22px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(176,141,87,0.35);
}
    /* Borde decorativo superior en latón */
    .hi-tell-story-card[b-a64f3t01g6]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, transparent 0%, var(--brass) 20%, #d4ae6a 50%, var(--brass) 80%, transparent 100%);
    }
    /* Símbolo decorativo (estrella editorial) en esquina */
    .hi-tell-story-card[b-a64f3t01g6]::after {
        content: '✦';
        position: absolute;
        top: 14px;
        right: 18px;
        color: var(--brass);
        font-size: 14px;
        opacity: 0.65;
    }

.hi-tell-story-eyebrow[b-a64f3t01g6] {
    font-family: var(--font-meta);
    font-size: 10px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--brass);
    font-weight: 700;
    margin-bottom: 14px;
    padding-right: 22px; /* deja espacio para la ✦ */
}
.hi-tell-story-title[b-a64f3t01g6] {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 26px;
    line-height: 1.05;
    color: var(--paper);
    margin: 0 0 12px;
    letter-spacing: -0.01em;
}

    .hi-tell-story-title em[b-a64f3t01g6] {
        font-family: var(--font-editorial);
        font-style: italic;
        font-weight: 500;
        color: #e4ce9c; /* dorado claro */
    }
.hi-tell-story-text[b-a64f3t01g6] {
    font-family: var(--font-editorial);
    font-style: italic;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(250,247,242,0.78);
    margin: 0 0 22px;
}
.hi-tell-story-btn[b-a64f3t01g6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    background: var(--brass);
    color: var(--ink);
    border: none;
    padding: 13px 18px;
    font-family: var(--font-body);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}

    .hi-tell-story-btn:hover[b-a64f3t01g6] {
        background: #c89e62;
        color: var(--ink);
        text-decoration: none;
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(176,141,87,0.4);
    }

    .hi-tell-story-btn svg[b-a64f3t01g6] {
        width: 14px;
        height: 14px;
        transition: transform 0.25s ease;
    }

    .hi-tell-story-btn:hover svg[b-a64f3t01g6] {
        transform: translateX(3px);
    }

.hi-tell-story-footer[b-a64f3t01g6] {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid rgba(176,141,87,0.2);
    text-align: center;
    font-family: var(--font-meta);
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(176,141,87,0.7);
}


@media(max-width:720px){
    .hi-tell-story-card[b-a64f3t01g6]{
        display: none;
    }
}
/* /Components/Features/StoryFeatures/List/HeroBlock.razor.rz.scp.css */



.hl-hero[b-mbp6neojjv] {
    padding: 80px 24px 64px;
    text-align: center;
    border-bottom: 1px solid var(--linen);
    position: relative;
    overflow: hidden;
}

.hl-hero-grain[b-mbp6neojjv] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.hl-hero-inner[b-mbp6neojjv] {
    max-width: 880px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.hl-hero-eyebrow[b-mbp6neojjv] {
    font-family: var(--font-meta);
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: var(--burgundy);
    font-weight: 700;
    margin-bottom: 18px;
}

    .hl-hero-eyebrow[b-mbp6neojjv]::before,
    .hl-hero-eyebrow[b-mbp6neojjv]::after {
        content: '·';
        color: var(--brass);
        margin: 0 14px;
        font-size: 16px;
    }

.hl-hero h1[b-mbp6neojjv] {
    font-family: var(--font-display);
    font-size: clamp(34px, 5vw, 60px);
    font-weight: 700;
    color: var(--ink);
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 0 0 24px;
}

    .hl-hero h1 em[b-mbp6neojjv] {
        font-style: italic;
        font-family: var(--font-editorial);
        color: var(--burgundy);
        font-weight: 500;
    }

.hl-hero-deck[b-mbp6neojjv] {
    font-family: var(--font-editorial);
    font-size: 21px;
    font-style: italic;
    color: var(--smoke);
    line-height: 1.5;
    max-width: 580px;
    margin: 0 auto;
}

.hl-stats[b-mbp6neojjv] {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    max-width: 540px;
    margin: 44px auto 24px;
    background: rgba(255,255,255,0.45);
    border: 1px solid var(--linen);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 0 rgba(0,0,0,0.02);
}

.hl-stat-cell[b-mbp6neojjv] {
    flex: 1;
    padding: 18px 14px;
    text-align: center;
    border-right: 1px solid var(--linen);
}

    .hl-stat-cell:last-child[b-mbp6neojjv] {
        border-right: none;
    }

.hl-stat-num[b-mbp6neojjv] {
    font-family: var(--font-display);
    font-size: 38px;
    font-weight: 700;
    color: var(--burgundy);
    line-height: 1;
    letter-spacing: -0.02em;
}

.hl-stat-label[b-mbp6neojjv] {
    font-family: var(--font-meta);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: var(--ash);
    margin-top: 6px;
}

@media (max-width: 900px) {
    .hl-featured-card[b-mbp6neojjv] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .hl-featured-img img[b-mbp6neojjv],
    .hl-featured-img .no-img-bg[b-mbp6neojjv] {
        min-height: 320px;
    }

    .hl-hero[b-mbp6neojjv] {
        padding: 56px 24px 48px;
    }

    .hl-stat-num[b-mbp6neojjv] {
        font-size: 30px;
    }

    .hl-cta-card[b-mbp6neojjv] {
        padding: 40px 28px;
    }

        .hl-cta-card h3[b-mbp6neojjv] {
            font-size: 26px;
        }

        .hl-cta-card p[b-mbp6neojjv] {
            font-size: 16px;
        }
}

@media (max-width: 560px) {
    .hl-grid[b-mbp6neojjv] {
        gap: 32px;
    }

    .hl-featured-body h2[b-mbp6neojjv] {
        font-size: 28px;
    }

    .hl-hero h1 br[b-mbp6neojjv] {
        display: none;
    }

    .hl-stats[b-mbp6neojjv] {
        max-width: calc(100% - 16px);
    }

    .hl-stat-cell[b-mbp6neojjv] {
        padding: 14px 8px;
    }

    .hl-stat-num[b-mbp6neojjv] {
        font-size: 26px;
    }

    .hl-stat-label[b-mbp6neojjv] {
        font-size: 9px;
        letter-spacing: 1px;
    }

    .hl-cities-ribbon[b-mbp6neojjv] {
        font-size: 9.5px;
        letter-spacing: 1.2px;
    }

    .hl-cta-card[b-mbp6neojjv] {
        padding: 36px 22px;
    }

        .hl-cta-card h3[b-mbp6neojjv] {
            font-size: 22px;
        }
}
/* /Components/Features/StoryFeatures/List/StoryCardLead.razor.rz.scp.css */
.hl-featured[b-yjgdxtkbxf] {
    padding: 64px 24px 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.hl-featured-card[b-yjgdxtkbxf] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 48px;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

    .hl-featured-card:hover[b-yjgdxtkbxf] {
        text-decoration: none;
        color: inherit;
    }

.hl-featured-img[b-yjgdxtkbxf] {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 20px 60px rgba(26,22,17,0.15);
    transition: transform .4s ease;
}

.hl-featured-card:hover .hl-featured-img[b-yjgdxtkbxf] {
    transform: translateY(-4px);
}

.hl-featured-img img[b-yjgdxtkbxf] {
    width: 100%;
    height: 100%;
    min-height: 480px;
    object-fit: cover;
    display: block;
}

.hl-featured-img .no-img-bg[b-yjgdxtkbxf] {
    min-height: 480px;
    background: radial-gradient(ellipse at 30% 40%, rgba(176,141,87,0.45) 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, rgba(114,47,55,0.5) 0%, transparent 60%), #1a1611;
}

.hl-featured-img[b-yjgdxtkbxf]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(26,22,17,0.15) 0%, transparent 50%);
    pointer-events: none;
}

.hl-featured-body .meta[b-yjgdxtkbxf] {
    font-family: var(--font-meta);
    font-size: 11px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--burgundy);
    font-weight: 700;
    margin-bottom: 18px;
}

    .hl-featured-body .meta .dot[b-yjgdxtkbxf] {
        color: var(--brass);
        margin: 0 10px;
    }

.hl-featured-body h2[b-yjgdxtkbxf] {
    font-family: var(--font-display);
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 700;
    color: var(--ink);
    line-height: 1.1;
    letter-spacing: -0.015em;
    margin: 0 0 20px;
}

.hl-featured-body .deck[b-yjgdxtkbxf] {
    font-family: var(--font-editorial);
    font-style: italic;
    font-size: 21px;
    color: var(--smoke);
    line-height: 1.5;
    margin-bottom: 26px;
}

.hl-featured-body .read[b-yjgdxtkbxf] {
    font-family: var(--font-meta);
    font-size: 11px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--burgundy);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .hl-featured-body .read[b-yjgdxtkbxf]::after {
        content: '';
        display: inline-block;
        width: 32px;
        height: 1px;
        background: var(--burgundy);
        transition: width .25s ease;
    }

.hl-featured-card:hover .hl-featured-body .read[b-yjgdxtkbxf]::after {
    width: 56px;
}


@media (max-width: 900px) {
    .hl-featured-card[b-yjgdxtkbxf] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .hl-featured-img img[b-yjgdxtkbxf],
    .hl-featured-img .no-img-bg[b-yjgdxtkbxf] {
        min-height: 320px;
    }

    .hl-hero[b-yjgdxtkbxf] {
        padding: 56px 24px 48px;
    }

    .hl-stat-num[b-yjgdxtkbxf] {
        font-size: 30px;
    }

    .hl-cta-card[b-yjgdxtkbxf] {
        padding: 40px 28px;
    }

        .hl-cta-card h3[b-yjgdxtkbxf] {
            font-size: 26px;
        }

        .hl-cta-card p[b-yjgdxtkbxf] {
            font-size: 16px;
        }
}

@media (max-width: 560px) {
    .hl-grid[b-yjgdxtkbxf] {
        gap: 32px;
    }

    .hl-featured-body h2[b-yjgdxtkbxf] {
        font-size: 28px;
    }

    .hl-hero h1 br[b-yjgdxtkbxf] {
        display: none;
    }

    .hl-stats[b-yjgdxtkbxf] {
        max-width: calc(100% - 16px);
    }

    .hl-stat-cell[b-yjgdxtkbxf] {
        padding: 14px 8px;
    }

    .hl-stat-num[b-yjgdxtkbxf] {
        font-size: 26px;
    }

    .hl-stat-label[b-yjgdxtkbxf] {
        font-size: 9px;
        letter-spacing: 1px;
    }

    .hl-cities-ribbon[b-yjgdxtkbxf] {
        font-size: 9.5px;
        letter-spacing: 1.2px;
    }

    .hl-cta-card[b-yjgdxtkbxf] {
        padding: 36px 22px;
    }

        .hl-cta-card h3[b-yjgdxtkbxf] {
            font-size: 22px;
        }
}
/* /Components/Features/StoryFeatures/List/StoryFilters.razor.rz.scp.css */
.hl-filters[b-wwqlg0g4uw] {
    padding: 32px 24px 20px;
    border-bottom: 1px solid var(--linen);
    background: var(--cream-soft);
}

.hl-filters-inner[b-wwqlg0g4uw] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.hl-filter-btn[b-wwqlg0g4uw] {
    font-family: var(--font-meta);
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 700;
    background: transparent;
    border: 1px solid var(--linen);
    color: var(--smoke);
    padding: 10px 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: all .15s;
}

    .hl-filter-btn:hover[b-wwqlg0g4uw] {
        border-color: var(--brass);
        color: var(--burgundy);
    }

    .hl-filter-btn.active[b-wwqlg0g4uw] {
        background: var(--burgundy);
        color: white;
        border-color: var(--burgundy);
    }
/* /Components/Features/StoryFeatures/List/StoryList.razor.rz.scp.css */
.hl-grid-section[b-1jzuzwjxau] {
    padding: 32px 24px 96px;
    max-width: 1200px;
    margin: 0 auto;
}

.hl-section-header[b-1jzuzwjxau] {
    margin-bottom: 48px;
    text-align: center;
    padding-top: 32px;
    border-top: 1px solid var(--linen);
}

.hl-section-eyebrow[b-1jzuzwjxau] {
    font-family: var(--font-meta);
    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--burgundy);
    font-weight: 700;
    margin-bottom: 12px;
}

.hl-section-header h2[b-1jzuzwjxau] {
    font-family: var(--font-display);
    font-size: clamp(28px, 3.5vw, 40px);
    font-weight: 700;
    color: var(--ink);
    letter-spacing: -0.01em;
    margin: 0;
}

.hl-grid[b-1jzuzwjxau] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 40px;
}

.hl-empty[b-1jzuzwjxau] {
    padding: 96px 24px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.hl-empty-mark[b-1jzuzwjxau] {
    font-family: var(--font-display);
    font-size: 64px;
    color: var(--brass);
    margin-bottom: 16px;
}

.hl-empty h3[b-1jzuzwjxau] {
    font-family: var(--font-display);
    font-size: 28px;
    color: var(--ink);
    margin: 0 0 12px;
}

.hl-empty p[b-1jzuzwjxau] {
    font-family: var(--font-editorial);
    font-style: italic;
    color: var(--ash);
    font-size: 17px;
}
/* /Components/Features/StoryFeatures/Shared/StoryCard.razor.rz.scp.css */
.hl-card[b-qnxzcanck8] {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform .25s ease;
}

    .hl-card:hover[b-qnxzcanck8] {
        text-decoration: none;
        color: inherit;
        transform: translateY(-4px);
    }

.hl-card-img-wrap[b-qnxzcanck8] {
    position: relative;
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 18px;
    background: var(--linen);
    box-shadow: 0 8px 24px rgba(26,22,17,0.08);
    transition: box-shadow .25s ease;
}

.hl-card:hover .hl-card-img-wrap[b-qnxzcanck8] {
    box-shadow: 0 16px 40px rgba(26,22,17,0.16);
}

.hl-card-img[b-qnxzcanck8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s ease;
}

.hl-card:hover .hl-card-img[b-qnxzcanck8] {
    transform: scale(1.04);
}

.hl-card-img-fallback[b-qnxzcanck8] {
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at 30% 40%, rgba(176,141,87,0.35) 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, rgba(114,47,55,0.4) 0%, transparent 60%), #1a1611;
}

.hl-card-tag[b-qnxzcanck8] {
    position: absolute;
    top: 14px;
    left: 14px;
    font-family: var(--font-meta);
    font-size: 9px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-weight: 700;
    background: var(--paper);
    color: var(--burgundy);
    padding: 5px 12px;
    border-radius: 2px;
}

.hl-card-meta[b-qnxzcanck8] {
    font-family: var(--font-meta);
    font-size: 10px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: var(--burgundy);
    font-weight: 700;
    margin-bottom: 10px;
}

    .hl-card-meta .dot[b-qnxzcanck8] {
        color: var(--brass);
        margin: 0 8px;
    }

.hl-card-title[b-qnxzcanck8] {
    font-family: var(--font-display);
    font-size: 23px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.2;
    letter-spacing: -0.005em;
    margin: 0 0 10px;
}
 
    .hl-card-title[b-qnxzcanck8]  .hl-brand-name {
        color: var(--burgundy);
        font-weight: 800;
        background: linear-gradient(180deg, transparent 62%, rgba(176,141,87,0.20) 62%);
        padding: 0 3px;
        border-radius: 3px;
    }

.hl-card-deck[b-qnxzcanck8] {
    font-family: var(--font-editorial);
    font-style: italic;
    font-size: 16px;
    color: var(--smoke);
    line-height: 1.5;
    margin: 0;
}

.ri-historia-title[b-qnxzcanck8] {
    font-family: 'Fraunces', serif;
    font-size: 20px;
    font-weight: 700;
    color: #1a1611;
    line-height: 1.2;
    letter-spacing: -0.005em;
    margin: 0 0 8px;
}

.ri-historia-title .ri-brand-name[b-qnxzcanck8] {
    color: #722f37;
    font-weight: 800;
    background: linear-gradient(180deg, transparent 62%, rgba(176,141,87,0.18) 62%);
    padding: 0 3px;
    border-radius: 3px;
}
/* /Components/Features/Tools/QRGenerator/QRGenerator.razor.rz.scp.css */
/* ===== QR Generator ===== */
.qr-hero[b-tgb0s65crp] {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
    color: white;
    padding: 3rem 0 2.5rem;
    text-align: center;
}

    .qr-hero h1[b-tgb0s65crp] {
        font-size: 2rem;
        font-weight: 800;
        margin-bottom: 0.5rem;
    }

    .qr-hero p[b-tgb0s65crp] {
        opacity: 0.8;
        font-size: 1rem;
    }

.qr-main[b-tgb0s65crp] {
    padding: 2rem 0 3rem;
}

.qr-card[b-tgb0s65crp] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.qr-section-title[b-tgb0s65crp] {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.qr-step[b-tgb0s65crp] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #0f172a;
    color: white;
    font-size: 13px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.qr-sublabel[b-tgb0s65crp] {
    font-size: 11px;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
    display: block;
}

.qr-field-label[b-tgb0s65crp] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 4px;
    display: block;
}

.qr-input[b-tgb0s65crp] {
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

    .qr-input:focus[b-tgb0s65crp] {
        border-color: #0f172a;
        box-shadow: 0 0 0 2px rgba(15,23,42,0.1);
    }

.qr-hint[b-tgb0s65crp] {
    font-size: 12px;
    color: #9ca3af;
}

/* Type selector */
.qr-type-grid[b-tgb0s65crp] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.qr-type-opt[b-tgb0s65crp] {
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 12px 8px;
    text-align: center;
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

    .qr-type-opt span:last-child[b-tgb0s65crp] {
        font-size: 12px;
        font-weight: 600;
        color: #374151;
    }

    .qr-type-opt:hover[b-tgb0s65crp] {
        border-color: #0f172a;
        background: #f8fafc;
    }

    .qr-type-opt.active[b-tgb0s65crp] {
        border-color: #0f172a;
        background: #0f172a;
    }

        .qr-type-opt.active span:last-child[b-tgb0s65crp] {
            color: white;
        }

.qr-type-icon[b-tgb0s65crp] {
    font-size: 22px;
}

/* Style grid */
.qr-style-grid[b-tgb0s65crp] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.qr-style-opt[b-tgb0s65crp] {
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    padding: 10px 6px;
    text-align: center;
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

    .qr-style-opt span[b-tgb0s65crp] {
        font-size: 11px;
        font-weight: 600;
        color: #6b7280;
    }

    .qr-style-opt:hover[b-tgb0s65crp] {
        border-color: #0f172a;
    }

    .qr-style-opt.active[b-tgb0s65crp] {
        border-color: #0f172a;
        background: #f0f4ff;
    }

    .qr-style-opt canvas[b-tgb0s65crp] {
        display: block;
    }

/* Colors */
.qr-color-row[b-tgb0s65crp] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.qr-swatch[b-tgb0s65crp] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
    flex-shrink: 0;
}

    .qr-swatch:hover[b-tgb0s65crp] {
        transform: scale(1.15);
    }

    .qr-swatch.active[b-tgb0s65crp] {
        box-shadow: 0 0 0 3px white, 0 0 0 5px #0f172a;
        transform: scale(1.1);
    }

.qr-swatch-custom[b-tgb0s65crp] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qr-color-input[b-tgb0s65crp] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    padding: 0;
    overflow: hidden;
}

/* Logo */
.qr-logo-preview[b-tgb0s65crp] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .qr-logo-preview img[b-tgb0s65crp] {
        height: 48px;
        width: 48px;
        object-fit: contain;
        border-radius: 6px;
        border: 1px solid #e5e7eb;
    }

/* Generate button */
.qr-btn-generate[b-tgb0s65crp] {
    background: #0f172a;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 14px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
}

    .qr-btn-generate:hover:not(:disabled)[b-tgb0s65crp] {
        background: #1e293b;
    }

    .qr-btn-generate:disabled[b-tgb0s65crp] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* Preview card */
.qr-preview-card[b-tgb0s65crp] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.5rem;
    position: sticky;
    top: 80px;
}

.qr-preview-box[b-tgb0s65crp] {
    background: #f8f9fa;
    border-radius: 10px;
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.qr-empty-state[b-tgb0s65crp] {
    text-align: center;
    color: #9ca3af;
}

    .qr-empty-state p[b-tgb0s65crp] {
        margin-top: 10px;
        font-size: 13px;
    }

.qr-loading-box[b-tgb0s65crp] {
    text-align: center;
    color: #6b7280;
    font-size: 13px;
}

    .qr-loading-box p[b-tgb0s65crp] {
        margin-top: 8px;
    }

#qr-canvas[b-tgb0s65crp] {
    margin: 0 auto;
    display: block;
}

/* Type badge */
.qr-type-badge[b-tgb0s65crp] {
    display: flex;
    justify-content: center;
}

    .qr-type-badge span[b-tgb0s65crp] {
        background: #eff6ff;
        color: #2563eb;
        font-size: 12px;
        font-weight: 600;
        padding: 4px 14px;
        border-radius: 50px;
    }

/* Download */
.qr-download-section[b-tgb0s65crp] {
}

.qr-format-row[b-tgb0s65crp] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.qr-format-btn[b-tgb0s65crp] {
    flex: 1;
    border: 1.5px solid #e5e7eb;
    background: white;
    border-radius: 8px;
    padding: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s;
    color: #374151;
}

    .qr-format-btn:hover[b-tgb0s65crp] {
        border-color: #0f172a;
        background: #f8fafc;
    }

    .qr-format-btn.active[b-tgb0s65crp] {
        background: #0f172a;
        color: white;
        border-color: #0f172a;
    }

.qr-btn-download[b-tgb0s65crp] {
    background: #16a34a;
    color: white;
    border: none;
    border-radius: 10px;
    padding: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s;
    width: 100%;
}

    .qr-btn-download:hover[b-tgb0s65crp] {
        background: #15803d;
    }

/* Tips */
.qr-tips[b-tgb0s65crp] {
    background: #fffbeb;
    border-radius: 10px;
    padding: 1rem 1rem 0.75rem;
}

.qr-tips-title[b-tgb0s65crp] {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #92400e;
}

.qr-tips ul[b-tgb0s65crp] {
    margin: 0;
    padding-left: 1.2rem;
}

.qr-tips li[b-tgb0s65crp] {
    font-size: 12px;
    color: #78350f;
    line-height: 1.7;
}

/* Responsive */
@media (max-width: 768px) {
    .qr-type-grid[b-tgb0s65crp] {
        grid-template-columns: repeat(2, 1fr);
    }

    .qr-style-grid[b-tgb0s65crp] {
        grid-template-columns: repeat(2, 1fr);
    }

    .qr-preview-card[b-tgb0s65crp] {
        position: static;
    }
}

/* ── Guest mode ─────────────────────────────── */
.qr-guest-banner[b-tgb0s65crp] {
    background: #1e293b;
    color: rgba(255,255,255,0.9);
    font-size: 13px;
    border-bottom: 2px solid #c41230;
}

    .qr-guest-banner strong[b-tgb0s65crp] {
        color: white;
    }

.qr-guest-login[b-tgb0s65crp] {
    color: rgba(255,255,255,0.8);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    padding: 5px 12px;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.3);
    white-space: nowrap;
    transition: all 0.15s;
}

    .qr-guest-login:hover[b-tgb0s65crp] {
        color: white;
        background: rgba(255,255,255,0.1);
    }

.qr-guest-register[b-tgb0s65crp] {
    background: #c41230;
    color: white;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    padding: 5px 12px;
    border-radius: 5px;
    white-space: nowrap;
    transition: all 0.15s;
}

    .qr-guest-register:hover[b-tgb0s65crp] {
        background: #a50f28;
        color: white;
    }

.qr-type-locked[b-tgb0s65crp] {
    opacity: 0.5;
    cursor: pointer;
    position: relative;
}

    .qr-type-locked[b-tgb0s65crp]::after {
        content: "🔒";
        position: absolute;
        top: 6px;
        right: 6px;
        font-size: 11px;
    }

.qr-guest-lock-row[b-tgb0s65crp] {
    background: #f8f9fa;
    border: 1.5px dashed #e5e7eb;
    border-radius: 8px;
    padding: 12px 16px;
    cursor: pointer;
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 0.5rem;
    transition: all 0.15s;
}

    .qr-guest-lock-row:hover[b-tgb0s65crp] {
        border-color: #c41230;
        color: #c41230;
        background: #fff5f5;
    }

    .qr-guest-lock-row strong[b-tgb0s65crp] {
        color: #c41230;
    }
/* /Components/Layout/AppFooter.razor.rz.scp.css */


.riFt_section[b-1aqpke2nj5] {
    position: relative !important;
    background: linear-gradient(180deg, #14110c 0%, #1a1611 100%) !important;
    color: #d4ccc0 !important;
    padding: 64px 24px 32px !important;
    overflow: hidden !important;
}



/* Responsive footer */
@media (max-width: 768px) {
    .riFt_top[b-1aqpke2nj5] {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
        padding-bottom: 32px !important;
    }

    .riFt_brand[b-1aqpke2nj5] {
        padding-right: 0 !important;
    }

    .riFt_bottom[b-1aqpke2nj5] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .riNL_section[b-1aqpke2nj5] {
        padding: 64px 20px 72px !important;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout vertical: header arriba, contenido al centro, footer abajo.
   El template de Blazor traía flex-direction:row desde 641px (era para
   el sidebar) — eso ponía header/main/footer en fila. */

.page[b-73rohgcpxn] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-73rohgcpxn] {
    flex: 1;
}

#blazor-error-ui[b-73rohgcpxn] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-73rohgcpxn] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/AdminPanelPage.razor.rz.scp.css */
/* ── Layout ─────────────────────────────────────── */
.admin-layout[b-iujeiadjnu] {
    display: flex;
    min-height: calc(100vh - 65px);
    background: white;
}

/* ── Sidebar ────────────────────────────────────── */
.admin-sidebar[b-iujeiadjnu] {
    width: 240px;
    min-width: 240px;
    background: #fff;
    border-right: 1px solid #e8e8e8;
    padding: 1.5rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Nav */
.admin-nav[b-iujeiadjnu] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.admin-nav-item[b-iujeiadjnu] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    border: none;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    color: #555;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s, color 0.15s;
    position: relative;
}

    .admin-nav-item:hover[b-iujeiadjnu] {
        background: #f5f5f5;
        color: #1a1a2e;
    }

    .admin-nav-item.active[b-iujeiadjnu] {
        background: #1a1a2e;
        color: white;
        font-weight: 500;
    }

        .admin-nav-item.active svg[b-iujeiadjnu] {
            stroke: white;
        }

/* ── Main content ───────────────────────────────── */
.admin-content[b-iujeiadjnu] {
    flex: 1;
    padding: 2rem;
    overflow-y: auto;
}

[b-iujeiadjnu] .admin-section {
    max-width: 900px;
}

[b-iujeiadjnu] .admin-section-title {
    font-size: 22px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 0.5rem;
}

[b-iujeiadjnu] .admin-section-desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 1.5rem;
}

[b-iujeiadjnu] .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}


[b-iujeiadjnu] .loading-text {
    color: #999;
    font-size: 14px;
    padding: 2rem 0;
}

/* ── Alerts ─────────────────────────────────────── */
[b-iujeiadjnu] .alert-ok {
    background: #f0fff4;
    border: 1px solid #9ae6b4;
    color: #276749;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
}

[b-iujeiadjnu] .alert-err {
    background: #fff5f5;
    border: 1px solid #fcc;
    color: #c53030;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
}



@media (max-width: 768px) {
    .admin-layout[b-iujeiadjnu] {
        flex-direction: column;
    }

    .admin-sidebar[b-iujeiadjnu] {
        width: 100%;
        min-width: unset;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 1rem;
    }

    .admin-nav[b-iujeiadjnu] {
        flex-direction: row;
        flex-wrap: wrap;
    }

   
}
/* /Components/Pages/ArticleDetailPage.razor.rz.scp.css */
.article-body[b-6a17pqldks] {
    font-family: var(--fuente-principal);
    background-color: var(--light);
    color: #333;
    line-height: 1.8;
}


.article-content[b-6a17pqldks] {
    max-width: 800px;
    margin: 0 auto 4rem;
    padding: 0 1rem;
}

   
/* /Components/Pages/CategoryPage.razor.rz.scp.css */
h1[b-pnu501b0wz], h2[b-pnu501b0wz], h3[b-pnu501b0wz], h5[b-pnu501b0wz] {
    font-family: var(--fuente-Nimbus);
}


/* ===== Category Page & Tools Page CSS ===== */

.cat-loading[b-pnu501b0wz] {
    padding: 4rem;
    text-align: center;
    color: #999;
}

/* ── Category Hero ──────────────────────────── */
.cat-hero[b-pnu501b0wz] {
    background: #fff;
    padding: 2.5rem 0 2rem;
    margin-bottom: 0;
    border-bottom: 1px solid #e5e7eb;
}

.cat-hero-inner[b-pnu501b0wz] {
    max-width: 680px;
}

.cat-hero-badge[b-pnu501b0wz] {
    display: inline-block;
    color: white;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 1rem;
}

.cat-hero-title[b-pnu501b0wz] {
    font-size: 2.2rem;
    font-weight: 900;
    color: #111827;
    line-height: 1.2;
    letter-spacing: -0.5px;
    margin-bottom: 0.75rem;
}

.cat-hero-desc[b-pnu501b0wz] {
    font-size: 1rem;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

.cat-hero-meta[b-pnu501b0wz] {
    font-size: 13px;
    color: #9ca3af;
}

/* ── Main content ───────────────────────────── */
.cat-main-content[b-pnu501b0wz] {
    padding: 2rem 0 3rem;
}

/* ── Featured article ───────────────────────── */
.cat-featured-wrap[b-pnu501b0wz] {
    margin-bottom: 1.5rem;
}

.cat-featured[b-pnu501b0wz] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
    text-decoration: none;
    color: inherit;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e7eb;
}

    .cat-featured:hover .cat-featured-body h2[b-pnu501b0wz] {
        color: #c41230;
    }

.cat-featured-img[b-pnu501b0wz] {
    width: 55%;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

    .cat-featured-img img[b-pnu501b0wz] {
        width: 100%;
        height: 320px;
        object-fit: cover;
        display: block;
        transition: transform 0.35s;
    }

.cat-featured:hover .cat-featured-img img[b-pnu501b0wz] {
    transform: scale(1.03);
}

.cat-featured-body[b-pnu501b0wz] {
    flex: 1;
    padding-top: 0.5rem;
}

    .cat-featured-body h2[b-pnu501b0wz] {
        font-size: 1.6rem;
        font-weight: 800;
        color: #111827;
        line-height: 1.25;
        letter-spacing: -0.3px;
        margin-bottom: 0.75rem;
        transition: color 0.2s;
    }

    .cat-featured-body p[b-pnu501b0wz] {
        font-size: 0.95rem;
        color: #6b7280;
        line-height: 1.65;
        margin-bottom: 1rem;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

/* ── Ad strip ───────────────────────────────── */
.ri-ad-strip[b-pnu501b0wz] {
    background: #f8f9fa;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    padding: 14px 0;
    margin: 1.5rem 0;
}

.ri-ad-strip-inner[b-pnu501b0wz] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.ri-ad-strip-label[b-pnu501b0wz] {
    font-size: 10px;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    white-space: nowrap;
    flex-shrink: 0;
}

.ri-ad-strip-items[b-pnu501b0wz] {
    display: flex;
    gap: 12px;
    flex: 1;
}

.ri-ad-strip-item[b-pnu501b0wz] {
    flex: 1;
    min-width: 0;
}

    .ri-ad-strip-item a[b-pnu501b0wz] {
        display: block;
        border-radius: 5px;
        overflow: hidden;
    }

    .ri-ad-strip-item img[b-pnu501b0wz] {
        width: 100%;
        height: 70px;
        object-fit: cover;
        display: block;
        transition: opacity 0.2s;
    }

    .ri-ad-strip-item a:hover img[b-pnu501b0wz] {
        opacity: 0.88;
    }

/* ── Articles grid ──────────────────────────── */
.cat-grid[b-pnu501b0wz] {
    margin-top: 0.5rem;
}

.cat-grid-card[b-pnu501b0wz] {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.cat-grid-img[b-pnu501b0wz] {
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 0.75rem;
}

    .cat-grid-img img[b-pnu501b0wz] {
        width: 100%;
        height: 190px;
        object-fit: cover;
        display: block;
        transition: transform 0.35s;
    }

.cat-grid-card:hover .cat-grid-img img[b-pnu501b0wz] {
    transform: scale(1.05);
}

.cat-grid-body[b-pnu501b0wz] {
    padding-bottom: 1rem;
}

.cat-grid-tag[b-pnu501b0wz] {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    display: block;
    margin-bottom: 5px;
}

.cat-grid-body h5[b-pnu501b0wz] {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
    line-height: 1.4;
    margin-bottom: 6px;
}

.cat-grid-card:hover .cat-grid-body h5[b-pnu501b0wz] {
    color: #c41230;
}

.cat-grid-body p[b-pnu501b0wz] {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 6px;
}

/* ── Empty state ────────────────────────────── */
.cat-empty[b-pnu501b0wz] {
    text-align: center;
    padding: 4rem 0;
    color: #9ca3af;
}

    .cat-empty p[b-pnu501b0wz] {
        margin: 1rem 0;
        font-size: 15px;
    }

/* ══════════════════════════════════════════════
   TOOLS PAGE
══════════════════════════════════════════════ */
.tool-card[b-pnu501b0wz] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.2s;
}

    .tool-card:hover:not(.tool-soon)[b-pnu501b0wz] {
        box-shadow: 0 8px 28px rgba(0,0,0,0.1);
        transform: translateY(-3px);
    }

.tool-soon[b-pnu501b0wz] {
    opacity: 0.75;
}

.tool-icon[b-pnu501b0wz] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
}

.tool-body[b-pnu501b0wz] {
    padding: 1.25rem 1.25rem 0.75rem;
    flex: 1;
}

.tool-badge[b-pnu501b0wz] {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 50px;
    margin-bottom: 0.75rem;
}

.tool-body h3[b-pnu501b0wz] {
    font-size: 16px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 0.5rem;
}

.tool-body p[b-pnu501b0wz] {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.tool-features[b-pnu501b0wz] {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #374151;
}

    .tool-features li[b-pnu501b0wz] {
        padding: 3px 0;
    }

.tool-footer[b-pnu501b0wz] {
    padding: 1rem 1.25rem 1.25rem;
    border-top: 1px solid #f3f4f6;
}

.tool-btn[b-pnu501b0wz] {
    display: block;
    text-align: center;
    color: white;
    text-decoration: none;
    border-radius: 7px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    transition: opacity 0.2s;
}

    .tool-btn:hover[b-pnu501b0wz] {
        opacity: 0.88;
        color: white;
    }

.tool-btn-disabled[b-pnu501b0wz] {
    display: block;
    text-align: center;
    background: #f3f4f6;
    color: #9ca3af;
    border-radius: 7px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    cursor: not-allowed;
}

/* ── Responsive ─────────────────────────────── */
@media (max-width: 768px) {
    .cat-featured[b-pnu501b0wz] {
        flex-direction: column;
    }

    .cat-featured-img[b-pnu501b0wz] {
        width: 100%;
    }

        .cat-featured-img img[b-pnu501b0wz] {
            height: 220px;
        }

    .cat-featured-body h2[b-pnu501b0wz] {
        font-size: 1.2rem;
    }

    .cat-hero-title[b-pnu501b0wz] {
        font-size: 1.6rem;
    }

    .ri-ad-strip-items[b-pnu501b0wz] {
        flex-wrap: wrap;
    }
}

/* /Components/Pages/ChatLandingPage.razor.rz.scp.css */
.chat-landing[b-rof2ng9ui7] {
    min-height: 100vh;
    background: var(--paper);
    padding: 0 0 72px;
}



/*/////////////////////////////////////////////////*/


/* ═══════════════════════════════════════════════════════════════
   Reservations Insider — Conversemos v3
   Minimalista claro · Mismo layout asimétrico · Chat hints visibles
   ═══════════════════════════════════════════════════════════════ */

.wrap[b-rof2ng9ui7] {
    /* Paleta minimalista clara */
    --bg: #fafaf7; /* fondo casi blanco cálido */
    --surface: #ffffff; /* cards */
    --surface-alt: #f5f4f0; /* bg sutil */

    --ink: #17151a; /* texto principal, casi negro */
    --ink-soft: #4a4652;
    --ink-muted: #8a8595;
    --burgundy: #8a2837; /* acento rojo (más limpio, menos oscuro) */
    --burgundy-dp: #6a1e29;
    --brass: #a8873f; /* acento dorado sutil */

    --border: #e8e6e0; /* borders sutiles */
    --border-hover: #c8c4bc;
    --chat-green: #22a565;
    --font-serif: 'Fraunces', Georgia, serif;
    --font-editorial: 'Fraunces', 'Playfair Display', Georgia, serif;
    --font-italic: 'Cormorant Garamond', Georgia, serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;
    --font-chat: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --shadow-sm: 0 1px 2px rgba(23, 21, 26, 0.04);
    --shadow-md: 0 4px 12px rgba(23, 21, 26, 0.06), 0 1px 3px rgba(23, 21, 26, 0.04);
    --shadow-lg: 0 12px 32px rgba(23, 21, 26, 0.08), 0 4px 12px rgba(23, 21, 26, 0.05);
}

/* ═══ BODY ═══════════════════════════════════════════════════ */


.wrap[b-rof2ng9ui7] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 40px 32px 72px;
}


/* ═══ LAYOUT ═════════════════════════════════════════════════ */
.layout[b-rof2ng9ui7] {
    max-width: 1040px;
    margin: 0 auto;
}





.card-item:hover .chat-float[b-rof2ng9ui7] {
    animation-play-state: paused;
    transform: translateY(-6px) scale(1.06);
    transition: transform 0.3s ease;
    box-shadow: 0 10px 24px rgba(34, 165, 101, 0.4), 0 3px 8px rgba(23, 21, 26, 0.1);
}

/* ═══ LEAD CARD (Historia grande) ════════════════════════════ */


/* Tag "Recomendado" arriba a la derecha */
.lead-tag[b-rof2ng9ui7] {
    position: absolute;
    top: -12px;
    right: 28px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 13px;
    background: var(--ink);
    color: white;
    border-radius: 100px;
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    z-index: 4;
    box-shadow: 0 4px 12px rgba(23, 21, 26, 0.2);
}

.tag-dot[b-rof2ng9ui7] {
    color: var(--brass);
    animation: blink-b-rof2ng9ui7 2.4s infinite;
    font-size: 8px;
}

@keyframes blink-b-rof2ng9ui7 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }
}



/* Topline ("Nº 01 · La entrevista") */


.numbering[b-rof2ng9ui7] {
    font-weight: 600;
}



/* ═══ META y CTA ══════════════════════════════════════════════ */










@keyframes cta-icon-nod-b-rof2ng9ui7 {
    0%, 88%, 100% {
        transform: rotate(0deg) scale(1);
    }

    92% {
        transform: rotate(-8deg) scale(1.1);
    }

    96% {
        transform: rotate(6deg) scale(1.05);
    }
}







/* Pulse ring alrededor del CTA */


/* Hint text debajo del CTA */
.cta-hint[b-rof2ng9ui7] {
    margin: 12px 0 0;
    font-family: var(--font-italic);
    font-style: italic;
    font-size: 13.5px;
    color: var(--ink-muted);
    animation: hint-fade-b-rof2ng9ui7 3s ease-in-out infinite;
}

@keyframes hint-fade-b-rof2ng9ui7 {
    0%, 100% {
        opacity: 0.7;
    }

    50% {
        opacity: 1;
    }
}

/* ═══ BRIEF CARDS ═════════════════════════════════════════════ */
.card-item--brief[b-rof2ng9ui7] {
    min-height: 260px;
    padding: 32px 32px 26px;
}

.brief--red[b-rof2ng9ui7] {
    /* variante con acento burgundy */
}

    .brief--red .topline[b-rof2ng9ui7] {
        color: var(--burgundy);
    }

.brief--ink[b-rof2ng9ui7] {
    /* variante con acento oscuro */
}

    .brief--ink .topline[b-rof2ng9ui7] {
        color: var(--ink-soft);
    }









/* Mini pill "Chat con el editor" */


.mini-icon[b-rof2ng9ui7] {
    font-size: 11px;
    animation: icon-shake 4s ease-in-out infinite;
    animation-delay: 1.2s;
    display: inline-block;
}



.brief--red .brief-cta[b-rof2ng9ui7] {
    color: var(--burgundy);
}

.brief--ink .brief-cta[b-rof2ng9ui7] {
    color: var(--ink);
}

.brief--red:hover .brief-cta[b-rof2ng9ui7] {
    background: var(--burgundy);
    color: white;
    gap: 12px;
}

.brief--ink:hover .brief-cta[b-rof2ng9ui7] {
    background: var(--ink);
    color: white;
    gap: 12px;
}



.card-item--brief:hover .cta-icon-sm[b-rof2ng9ui7] {
    filter: grayscale(1) brightness(2);
}





/* ═══ RESPONSIVE ═════════════════════════════════════════════ */
@media (max-width: 991px) {
    .wrap[b-rof2ng9ui7] {
        padding: 32px 24px 56px;
    }

    .page-header[b-rof2ng9ui7] {
        margin-bottom: 40px;
    }

    .intro[b-rof2ng9ui7] {
        margin-bottom: 44px;
    }

    .card-item--lead[b-rof2ng9ui7] {
        min-height: 480px;
        padding: 36px 32px 28px;
    }

    .card-item--brief[b-rof2ng9ui7] {
        min-height: 220px;
    }

    .chat-preview[b-rof2ng9ui7] {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .wrap[b-rof2ng9ui7] {
        padding: 24px 16px 48px;
    }

    .page-header[b-rof2ng9ui7] {
        margin-bottom: 28px;
        padding-bottom: 16px;
    }

    .header-meta[b-rof2ng9ui7] {
        font-size: 10px;
        letter-spacing: 1.5px;
        gap: 8px;
    }

    .intro[b-rof2ng9ui7] {
        margin-bottom: 36px;
        padding: 0 4px;
    }

    .intro-kicker[b-rof2ng9ui7] {
        font-size: 10px;
        letter-spacing: 2.5px;
        padding: 5px 12px 5px 10px;
    }

    .intro-title[b-rof2ng9ui7] {
        font-size: 34px;
    }

    .intro-help[b-rof2ng9ui7] {
        font-size: 14.5px;
    }

    .card-item[b-rof2ng9ui7] {
        margin-top: 20px;
        padding: 26px 22px 22px;
    }

    .card-item--lead[b-rof2ng9ui7] {
        min-height: unset;
        padding: 28px 22px 24px;
    }

    .lead-tag[b-rof2ng9ui7] {
        top: -10px;
        right: 20px;
        padding: 5px 11px;
        font-size: 9px;
        letter-spacing: 1.2px;
    }

    .chat-float[b-rof2ng9ui7] {
        top: -14px;
        left: 20px;
        padding: 6px 12px 6px 10px;
        font-size: 9.5px;
        gap: 6px;
    }

        .chat-float[b-rof2ng9ui7]::after {
            left: 18px;
            width: 8px;
            height: 8px;
            bottom: -3px;
        }

    .lead-headline[b-rof2ng9ui7] {
        font-size: 38px;
        margin-bottom: 18px;
    }

    .lead-deck[b-rof2ng9ui7] {
        font-size: 17px;
        margin-bottom: 18px;
    }

    .chat-preview[b-rof2ng9ui7] {
        padding: 12px 14px;
        margin-bottom: 18px;
    }

    .chat-bubble-text[b-rof2ng9ui7] {
        font-size: 13.5px;
    }

    .lead-meta[b-rof2ng9ui7] {
        font-size: 9.5px;
    }

    .lead-byline[b-rof2ng9ui7] {
        font-size: 11px;
    }

    .lead-cta[b-rof2ng9ui7] {
        padding: 13px 20px;
        font-size: 11.5px;
        letter-spacing: 1.5px;
        gap: 10px;
    }

    .cta-icon[b-rof2ng9ui7] {
        font-size: 14px;
    }

    .cta-hint[b-rof2ng9ui7] {
        font-size: 12.5px;
        margin-top: 10px;
    }

    .card-item--brief[b-rof2ng9ui7] {
        min-height: unset;
        padding: 22px 20px 20px;
    }

    .brief-headline[b-rof2ng9ui7] {
        font-size: 22px;
    }

    .brief-deck[b-rof2ng9ui7] {
        font-size: 14.5px;
    }

    .chat-mini-hint[b-rof2ng9ui7] {
        font-size: 9.5px;
        padding: 3px 9px;
        margin-bottom: 14px;
    }

    .footer-note[b-rof2ng9ui7] {
        font-size: 13.5px;
        margin-top: 48px;
    }

    .card-item:hover[b-rof2ng9ui7] {
        transform: none;
    }

    .card-item:active[b-rof2ng9ui7] {
        transform: scale(0.98);
    }
}

/* ═══ ACCESIBILIDAD ══════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .card-item[b-rof2ng9ui7],
    .cta-arrow[b-rof2ng9ui7],
    .lead-cta[b-rof2ng9ui7],
    .tag-dot[b-rof2ng9ui7],
    .chat-float[b-rof2ng9ui7],
    .chat-float-icon[b-rof2ng9ui7],
    .chat-float-dots .dot[b-rof2ng9ui7],
    .status-dot[b-rof2ng9ui7],
    .chat-bubble-typing .dot[b-rof2ng9ui7],
    .cta-icon[b-rof2ng9ui7],
    .cta-pulse-ring[b-rof2ng9ui7],
    .cta-hint[b-rof2ng9ui7],
    .kicker-icon[b-rof2ng9ui7],
    .mini-icon[b-rof2ng9ui7] {
        transition: none !important;
        animation: none !important;
    }

        .card-item:hover[b-rof2ng9ui7] {
            transform: none;
        }
}
/* /Components/Pages/ChatPage.razor.rz.scp.css */
.ri-chat-page[b-3sxhh73az6] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #f3f4f6;
    background-image: radial-gradient(circle at 1px 1px, rgba(15,23,42,0.08) 1px, transparent 0);
    background-size: 20px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.ri-chat-stage[b-3sxhh73az6] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}
.ri-chat-loading[b-3sxhh73az6] {
    color: #6b7280;
    font-size: 14px;
    padding: 60px 20px;
    text-align: center;
}

.riCt_hero[b-3sxhh73az6] {
    position: relative !important;
    background: #faf7f2 !important;
    padding: 56px 24px 40px !important;
    text-align: center !important;
    overflow: hidden !important;
    border-bottom: 1px solid #ede4d5 !important;
}

    .riCt_hero[b-3sxhh73az6]::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 72px !important;
        height: 2px !important;
        background: #b08d57 !important;
        border-radius: 0 0 2px 2px !important;
    }

.riCt_grain[b-3sxhh73az6] {
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(circle at 20% 30%, rgba(176,141,87,0.04) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(114,47,55,0.03) 0%, transparent 55%) !important;
    pointer-events: none !important;
}

.riCt_heroInner[b-3sxhh73az6] {
    position: relative !important;
    z-index: 2 !important;
    max-width: 720px !important;
    margin: 0 auto !important;
}

.riCt_eyebrow[b-3sxhh73az6] {
    font-family: 'JetBrains Mono', 'Courier New', monospace !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 3.5px !important;
    text-transform: uppercase !important;
    color: #b08d57 !important;
    margin-bottom: 18px !important;
}

.riCt_title[b-3sxhh73az6] {
    font-family: 'Fraunces', 'Playfair Display', Georgia, serif !important;
    font-size: clamp(28px, 4.5vw, 44px) !important;
    font-weight: 700 !important;
    color: #1a1611 !important;
    line-height: 1.12 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 16px !important;
}

    .riCt_title em[b-3sxhh73az6] {
        font-family: 'Cormorant Garamond', Georgia, serif !important;
        font-style: italic !important;
        font-weight: 500 !important;
        color: #722f37 !important;
    }

.riCt_deck[b-3sxhh73az6] {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(16px, 1.8vw, 19px) !important;
    color: #4a4239 !important;
    line-height: 1.55 !important;
    margin: 0 auto 24px !important;
    max-width: 580px !important;
}

.riCt_inlineLink[b-3sxhh73az6] {
    color: #722f37 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(114,47,55,0.35) !important;
    transition: all 0.2s !important;
    font-style: italic !important;
}

    .riCt_inlineLink:hover[b-3sxhh73az6] {
        color: #5a232a !important;
        border-bottom-color: #722f37 !important;
    }

.riCt_promises[b-3sxhh73az6] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;
    flex-wrap: wrap !important;
    margin-top: 6px !important;
}

.riCt_promise[b-3sxhh73az6] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    color: #8b8278 !important;
    font-weight: 600 !important;
}

.riCt_promiseMark[b-3sxhh73az6] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    background: #b08d57 !important;
    color: #faf7f2 !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

@media (max-width: 560px) {
    .riCt_hero[b-3sxhh73az6] {
        padding: 40px 18px 32px !important;
    }

    .riCt_promises[b-3sxhh73az6] {
        gap: 14px !important;
        flex-direction: column !important;
    }

    .riCt_promise[b-3sxhh73az6] {
        font-size: 10px !important;
    }

 
}

@media (max-width: 720px) {
    .ri-chat-stage[b-3sxhh73az6] {
        padding: 16px 10px;
    }
}
/* /Components/Pages/NewsletterUnsubscribePage.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────────
   Página de baja de la newsletter.

   Las clases riNL_* viven en NewsLetterBlock.razor.css, que es CSS aislado
   y solo aplica a ESE componente. Por eso esta página necesita su propia
   copia: mismo lenguaje visual (fondo oscuro, oro y vino), pero a página
   completa en lugar de una sección del home.

   Sobre ::deep — EditForm e InputText son componentes, y lo que renderizan
   (el <form> y el <input>) no recibe el atributo de aislamiento de esta
   página. Hay que alcanzarlos con ::deep desde un elemento que sí lo tenga.
   ───────────────────────────────────────────────────────────────────────── */

.riNL_section[b-qco4cdaq8j] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 160px); /* ocupa la pantalla sin contar menú y footer */
    padding: 72px 24px 80px;
    background: linear-gradient(180deg, #1a1611 0%, #2a221a 100%);
    overflow: hidden;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

    /* Barra dorada superior, igual que en el bloque de newsletter */
    .riNL_section[b-qco4cdaq8j]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 96px;
        height: 3px;
        background: #b08d57;
        border-radius: 0 0 3px 3px;
    }

    /* Halos de color de fondo */
    .riNL_section[b-qco4cdaq8j]::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(circle at 20% 30%, rgba(176,141,87,0.08) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(114,47,55,0.10) 0%, transparent 55%);
        pointer-events: none;
    }

.riNL_inner[b-qco4cdaq8j] {
    position: relative;
    z-index: 2;
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
}

.riNL_title[b-qco4cdaq8j] {
    font-family: 'Fraunces', 'Playfair Display', Georgia, serif;
    font-size: clamp(28px, 3.6vw, 40px);
    font-weight: 700;
    color: #faf7f2;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0 0 18px;
}

    .riNL_title em[b-qco4cdaq8j] {
        font-family: 'Cormorant Garamond', Georgia, serif;
        font-style: italic;
        font-weight: 500;
        color: #b08d57;
    }

.riNL_deck[b-qco4cdaq8j] {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-style: italic;
    font-size: 18px;
    color: #d4ccc0;
    line-height: 1.55;
    margin: 0 0 28px;
}

    .riNL_deck a[b-qco4cdaq8j] {
        color: #b08d57;
        text-decoration: none;
        border-bottom: 1px solid rgba(176,141,87,0.4);
        transition: color 0.2s, border-color 0.2s;
    }

        .riNL_deck a:hover[b-qco4cdaq8j] {
            color: #faf7f2;
            border-color: #faf7f2;
        }

/* Botón: aplica tanto al de confirmar (modo token) como al de darse de baja */
.riNL_btn[b-qco4cdaq8j] {
    width: 100%;
    padding: 15px 28px;
    background: #722f37;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.25s, transform 0.25s, box-shadow 0.25s;
}

    .riNL_btn:hover[b-qco4cdaq8j] {
        background: #5a232a;
        transform: translateY(-1px);
        box-shadow: 0 8px 20px rgba(114,47,55,0.35);
    }

    .riNL_btn:focus-visible[b-qco4cdaq8j] {
        outline: 2px solid #b08d57;
        outline-offset: 2px;
    }

.riNLf_error[b-qco4cdaq8j] {
    color: #fca5a5;
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
}

.riNL_fineprint[b-qco4cdaq8j] {
    margin-top: 28px;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-style: italic;
    font-size: 13px;
    color: rgba(212,204,192,0.65);
    line-height: 1.5;
}

    .riNL_fineprint a[b-qco4cdaq8j] {
        color: rgba(212,204,192,0.65);
        text-decoration: none;
        border-bottom: 1px solid rgba(212,204,192,0.3);
        transition: color 0.2s, border-color 0.2s;
    }

        .riNL_fineprint a:hover[b-qco4cdaq8j] {
            color: #b08d57;
            border-color: #b08d57;
        }

/* ── Lo que renderizan EditForm e InputText: hace falta ::deep ──────────── */

.riNL_inner[b-qco4cdaq8j]  form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 420px;
    margin: 0 auto;
}

.riNL_inner[b-qco4cdaq8j]  input {
    width: 100%;
    padding: 14px 16px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(176,141,87,0.30);
    border-radius: 4px;
    color: #fff;
    font-family: 'Inter', -apple-system, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    transition: border-color 0.2s, background 0.2s;
    box-sizing: border-box;
}

    .riNL_inner[b-qco4cdaq8j]  input::placeholder {
        color: rgba(255,255,255,0.45);
        font-style: italic;
    }

    .riNL_inner[b-qco4cdaq8j]  input:focus {
        outline: none;
        border-color: #b08d57;
        background: rgba(255,255,255,0.10);
    }

/* ── Móvil ─────────────────────────────────────────────────────────────── */

@media (max-width: 768px) {
    .riNL_section[b-qco4cdaq8j] {
        min-height: calc(100vh - 120px);
        padding: 56px 20px 64px;
    }

    .riNL_deck[b-qco4cdaq8j] {
        font-size: 17px;
    }
}
/* /Components/Pages/StoriesPage.razor.rz.scp.css */
.hl-body[b-7eg5e3850t] {
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font-body);
}

/* ── PAGINACIÓN ────────────────────────────────── */
.hl-pagination[b-7eg5e3850t] {
    text-align: center;
    margin-top: 56px;
}

.hl-pag-btn[b-7eg5e3850t] {
    font-family: var(--font-meta);
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    background: transparent;
    border: 1px solid var(--burgundy);
    color: var(--burgundy);
    padding: 14px 32px;
    border-radius: 4px;
    cursor: pointer;
    transition: all .15s;
}

    .hl-pag-btn:hover[b-7eg5e3850t] {
        background: var(--burgundy);
        color: white;
    }

    .hl-pag-btn:disabled[b-7eg5e3850t] {
        opacity: 0.4;
        cursor: not-allowed;
    }

/* ── CTA FINAL — "¿Tienes un restaurante?" ──────── */
.hl-cta-final[b-7eg5e3850t] {
    margin: 88px auto 24px;
    max-width: 760px;
    padding: 0 24px;
}

.hl-cta-card[b-7eg5e3850t] {
    background: linear-gradient(135deg, var(--cream-soft) 0%, var(--cream-deep) 100%);
    border: 1px solid var(--linen);
    border-radius: 6px;
    padding: 52px 44px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .hl-cta-card[b-7eg5e3850t]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background: var(--burgundy);
        border-radius: 0 0 4px 4px;
    }

.hl-cta-eyebrow[b-7eg5e3850t] {
    font-family: var(--font-meta);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--brass);
    margin-bottom: 18px;
}

.hl-cta-card h3[b-7eg5e3850t] {
    font-family: var(--font-display);
    font-size: 32px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.15;
    margin: 0 0 14px;
    letter-spacing: -0.015em;
}

    .hl-cta-card h3 em[b-7eg5e3850t] {
        font-style: italic;
        font-weight: 400;
        color: var(--burgundy);
    }

.hl-cta-card p[b-7eg5e3850t] {
    font-family: var(--font-editorial);
    font-size: 18px;
    font-style: italic;
    color: var(--smoke);
    line-height: 1.55;
    max-width: 520px;
    margin: 0 auto 28px;
}

.hl-cta-btn[b-7eg5e3850t] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--burgundy);
    color: white;
    padding: 14px 32px;
    border-radius: 3px;
    text-decoration: none;
    font-family: var(--font-meta);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    transition: all .25s;
    border: none;
    cursor: pointer;
}

    .hl-cta-btn:hover[b-7eg5e3850t] {
        background: var(--burgundy-dk);
        transform: translateY(-1px);
        color: white;
        text-decoration: none;
        box-shadow: 0 6px 16px rgba(114,47,55,0.25);
    }

.ri-see-all-arrow[b-7eg5e3850t] {
    transition: transform .18s ease;
}

.ri-see-all:hover .ri-see-all-arrow[b-7eg5e3850t] {
    transform: translateX(3px);
}
/* /Components/Pages/StoryDetailPage.razor.rz.scp.css */
.hi-body[b-di5r02ohwh] {
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}
.hi-main[b-di5r02ohwh] {
    background: var(--paper);
    padding: 0 0 80px;
}

.hi-grid[b-di5r02ohwh] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 56px;
    align-items: start;
    padding-top: 64px;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}
.hi-sidebar[b-di5r02ohwh] {
    position: sticky;
    top: 100px;
}

@media (max-width: 900px) {
    .hi-grid[b-di5r02ohwh] {
        padding-top: 48px;
        display: flex;
        max-width: 1200px;
        padding-left: 24px;
        padding-right: 24px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .hi-sidebar[b-di5r02ohwh]{
        width: 100%;
    }
}
/* /Components/Pages/StoryPreviewPage.razor.rz.scp.css */
/* ── Barra de decisión (arriba, fija al hacer scroll) ── */
.pv-bar[b-flvfqoqkfz] {
    position: sticky;
    top: 0;
    z-index: 40;
    background: #1a1611;
    color: #f7f4ef;
    border-bottom: 3px solid #b08d57;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
}

.pv-bar-published[b-flvfqoqkfz] {
    border-bottom-color: #16a34a;
}

.pv-bar-rejected[b-flvfqoqkfz] {
    border-bottom-color: #9ca3af;
}

.pv-bar-inner[b-flvfqoqkfz] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.pv-bar-text[b-flvfqoqkfz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

    .pv-bar-text strong[b-flvfqoqkfz] {
        font-size: 15px;
    }

    .pv-bar-text span[b-flvfqoqkfz] {
        font-size: 13px;
        opacity: .8;
    }

.pv-actions[b-flvfqoqkfz] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

    .pv-actions form[b-flvfqoqkfz] {
        margin: 0;
    }

/* ── Botones ── */
.pv-btn[b-flvfqoqkfz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    border: 1px solid transparent;
}

.pv-btn-approve[b-flvfqoqkfz] {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
}

    .pv-btn-approve:hover[b-flvfqoqkfz] {
        background: #15803d;
        color: #fff;
    }

.pv-btn-reject[b-flvfqoqkfz] {
    background: transparent;
    border-color: rgba(247, 244, 239, .4);
    color: #f7f4ef;
    list-style: none;
}

    .pv-btn-reject[b-flvfqoqkfz]::-webkit-details-marker {
        display: none;
    }

    .pv-btn-reject:hover[b-flvfqoqkfz] {
        background: rgba(247, 244, 239, .08);
    }

.pv-btn-send[b-flvfqoqkfz] {
    background: #b08d57;
    border-color: #b08d57;
    color: #1a1611;
    align-self: flex-end;
}

/* ── Comentarios de rechazo (se abre con <details>) ── */
.pv-reject[b-flvfqoqkfz] {
    position: relative;
}

.pv-reject-form[b-flvfqoqkfz] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(380px, 90vw);
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background: #fff;
    color: #1a1611;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .25);
}

    .pv-reject-form label[b-flvfqoqkfz] {
        font-size: 13px;
        font-weight: 600;
    }

    .pv-reject-form textarea[b-flvfqoqkfz] {
        width: 100%;
        padding: 9px 11px;
        border: 1px solid #d1d5db;
        border-radius: 7px;
        font-family: inherit;
        font-size: 14px;
        resize: vertical;
    }

.pv-error[b-flvfqoqkfz] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px 12px;
    color: #fca5a5;
    font-size: 13px;
}

/* ── La historia (mismo acomodo que StoryDetailPage) ── */
.pv-body[b-flvfqoqkfz] {
    background: var(--paper);
    color: var(--ink);
    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

.pv-main[b-flvfqoqkfz] {
    background: var(--paper);
    padding: 0 0 80px;
}

.pv-grid[b-flvfqoqkfz] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 56px;
    align-items: start;
    padding: 64px 24px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.pv-sidebar[b-flvfqoqkfz] {
    position: sticky;
    top: 120px; /* debajo de la barra de decisión */
}

/* ── Enlace no válido ── */
.pv-notfound[b-flvfqoqkfz] {
    max-width: 560px;
    margin: 80px auto;
    padding: 0 24px;
    text-align: center;
}

    .pv-notfound h2[b-flvfqoqkfz] {
        margin-bottom: 10px;
    }

    .pv-notfound p[b-flvfqoqkfz] {
        color: #6b7280;
    }

@media (max-width: 900px) {
    .pv-grid[b-flvfqoqkfz] {
        grid-template-columns: 1fr;
        gap: 32px;
        padding-top: 40px;
    }

    .pv-sidebar[b-flvfqoqkfz] {
        position: static;
    }

    .pv-bar[b-flvfqoqkfz] {
        position: static; /* en móvil la barra fija tapaba demasiado */
    }

    .pv-reject-form[b-flvfqoqkfz] {
        position: static;
        width: 100%;
        margin-top: 8px;
    }

    .pv-actions[b-flvfqoqkfz],
    .pv-actions form[b-flvfqoqkfz],
    .pv-reject[b-flvfqoqkfz] {
        width: 100%;
    }

    .pv-btn[b-flvfqoqkfz] {
        justify-content: center;
        width: 100%;
    }
}
/* /Components/Pages/ToolsPage.razor.rz.scp.css */
body[b-hdcdfnp6u7] {
}
/* /Components/Shared/AdminPager.razor.rz.scp.css */
.pager[b-v4m4k6adf3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.pager-info[b-v4m4k6adf3] {
    font-size: 12px;
    color: #6b7280;
}

.pager-nav[b-v4m4k6adf3] {
    display: flex;
    gap: 4px;
}

.btn-page[b-v4m4k6adf3] {
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    font-size: .85rem;
    cursor: pointer;
}

    .btn-page:hover:not(:disabled)[b-v4m4k6adf3] {
        background: #f3f4f6;
    }

    .btn-page.active[b-v4m4k6adf3] {
        background: #1a1a2e;
        color: #fff;
        border-color: #1a1a2e;
    }

    .btn-page:disabled:not(.active)[b-v4m4k6adf3] {
        opacity: .4;
        cursor: default;
    }

.btn-page-gap[b-v4m4k6adf3] {
    padding: 0 4px;
    align-self: center;
    color: #9ca3af;
}
/* /Components/Shared/ChatFab.razor.rz.scp.css */
/* Base (móvil): en su lugar, junto al clima */
.ri-chat-fab[b-auko0r2962] {
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--ri-red, #c41230);
    color: #fff;
    box-shadow: 0 8px 22px rgba(0,0,0,0.22);
    transition: transform .25s ease;
}

    .ri-chat-fab:hover[b-auko0r2962] {
        color: #fff;
        transform: scale(1.06);
    }

    .ri-chat-fab svg[b-auko0r2962] {
        position: relative;
        z-index: 1;
        width: 22px;
        height: 22px;
    }

.ri-chat-fab-pulse[b-auko0r2962] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: inherit;
    animation: ri-fab-pulse-b-auko0r2962 2.2s ease-out infinite;
}

@keyframes ri-fab-pulse-b-auko0r2962 {
    0% {
        transform: scale(1);
        opacity: .55;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

/* Escritorio: fijo abajo a la derecha */
@media (min-width: 768px) {
    .ri-chat-fab[b-auko0r2962] {
        position: fixed;
        right: 24px;
        bottom: 24px;
        z-index: 1040;
        width: 58px;
        height: 58px;
    }

        .ri-chat-fab svg[b-auko0r2962] {
            width: 26px;
            height: 26px;
        }
}