@import '_content/Astrol.Component.Authorization/Astrol.Component.Authorization.e0efp8ctn0.bundle.scp.css';
@import '_content/Astrol.Component.Basic/Astrol.Component.Basic.xab9v7m5c2.bundle.scp.css';
@import '_content/Jazui.UI.Shared/Jazui.UI.Shared.jarnb9refk.bundle.scp.css';

/* /Pages/Account/AiConnectionModal.razor.rz.scp.css */
.ai-grid[b-pioq7r6mv9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px 16px;
}

.ai-wide[b-pioq7r6mv9] {
    grid-column: 1 / -1;
}

.ai-toggle[b-pioq7r6mv9] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ai-muted[b-pioq7r6mv9] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.ai-hint[b-pioq7r6mv9] {
    margin-top: 4px;
}
/* /Pages/Account/AiSettings.razor.rz.scp.css */
/* Conexiones de IA de la cuenta (Fase 16.6) */
.ai-card[b-xyenax4gb4] {
    position: relative;
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    background: var(--aui-surface);
}

.ai-card-title[b-xyenax4gb4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    font-weight: 600;
}

.ai-mode[b-xyenax4gb4] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.ai-list[b-xyenax4gb4] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .ai-list li[b-xyenax4gb4] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 12px;
        padding: 10px 0;
        border-top: 1px solid var(--aui-border);
    }

        .ai-list li:first-child[b-xyenax4gb4] {
            border-top: none;
        }

.ai-off .ai-item[b-xyenax4gb4] {
    opacity: .6;
}

.ai-order[b-xyenax4gb4] {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--aui-brand-soft);
    color: var(--aui-brand);
    font-weight: 700;
}

.ai-item[b-xyenax4gb4] {
    flex: 1;
    min-width: 200px;
}

.ai-item-head[b-xyenax4gb4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.ai-item-actions[b-xyenax4gb4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ai-muted[b-xyenax4gb4] {
    margin: 4px 0 0;
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.ai-hint[b-xyenax4gb4] {
    margin-top: 2px;
}
/* /Pages/Billing/Plans.razor.rz.scp.css */
/* Página de planes (Fase 12.6.6): plan actual con su uso y, debajo, el catálogo en tarjetas */
.myplan-current[b-c7e3c0yr0x],
.myplan-catalog[b-c7e3c0yr0x] {
    background: var(--aui-surface);
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    padding: 16px 20px;
    margin-bottom: 16px;
    text-align: left;
}

    .myplan-current h2[b-c7e3c0yr0x] {
        margin: 2px 0 0;
        font-size: 1.6em;
    }

    .myplan-current h3[b-c7e3c0yr0x],
    .myplan-catalog h3[b-c7e3c0yr0x] {
        margin: 16px 0 10px;
        font-size: var(--aui-text-lg);
    }

.myplan-catalog-head h3[b-c7e3c0yr0x] {
    margin: 0;
}

.myplan-muted[b-c7e3c0yr0x] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.myplan-current-head[b-c7e3c0yr0x],
.myplan-catalog-head[b-c7e3c0yr0x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.myplan-tags[b-c7e3c0yr0x] {
    display: flex;
    gap: 6px;
}

/* Uso del mes: un medidor por límite */
.myplan-usage[b-c7e3c0yr0x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
    margin-bottom: 8px;
}

.myplan-meter[b-c7e3c0yr0x] {
    padding: 10px 12px;
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    background: var(--aui-bg);
}

.myplan-meter-head[b-c7e3c0yr0x] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
    font-size: var(--aui-text-sm);
}

.myplan-bar[b-c7e3c0yr0x] {
    height: 6px;
    border-radius: 3px;
    background: var(--aui-border);
    overflow: hidden;
}

    .myplan-bar span[b-c7e3c0yr0x] {
        display: block;
        height: 100%;
        background: var(--aui-success);
    }

.myplan-meter.high .myplan-bar span[b-c7e3c0yr0x] {
    background: var(--aui-warning);
}

.myplan-meter.full .myplan-bar span[b-c7e3c0yr0x] {
    background: var(--aui-danger);
}

.myplan-meter.full .myplan-meter-head b[b-c7e3c0yr0x] {
    color: var(--aui-danger);
}

/* Catálogo: una, dos o cuatro columnas según el ancho del bloque (nunca 3 + 1) */
.myplan-catalog[b-c7e3c0yr0x] {
    container-type: inline-size;
}

.myplan-cards[b-c7e3c0yr0x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

@container (min-width: 520px) {
    .myplan-cards[b-c7e3c0yr0x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container (min-width: 1000px) {
    .myplan-cards[b-c7e3c0yr0x] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.myplan-card[b-c7e3c0yr0x] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    background: var(--aui-bg);
}

    .myplan-card.recommended[b-c7e3c0yr0x] {
        border-color: var(--aui-brand);
    }

    .myplan-card.current[b-c7e3c0yr0x] {
        border-color: var(--aui-success);
        box-shadow: 0 0 0 1px var(--aui-success) inset;
    }

    .myplan-card header[b-c7e3c0yr0x] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
    }

    .myplan-card h4[b-c7e3c0yr0x] {
        margin: 0;
        font-size: var(--aui-text-xl);
    }

    .myplan-card footer[b-c7e3c0yr0x] {
        margin-top: auto;
        padding-top: 12px;
    }

.myplan-price[b-c7e3c0yr0x] {
    margin: 10px 0 6px;
}

    .myplan-price b[b-c7e3c0yr0x] {
        font-size: 1.6em;
    }

    .myplan-price span[b-c7e3c0yr0x] {
        color: var(--aui-text-2);
    }

.myplan-saving[b-c7e3c0yr0x] {
    color: var(--aui-success);
    font-size: var(--aui-text-sm);
    font-weight: 600;
}

.myplan-features[b-c7e3c0yr0x] {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    font-size: var(--aui-text-sm);
}

    .myplan-features li[b-c7e3c0yr0x] {
        padding: 3px 0;
        border-bottom: 1px dashed var(--aui-border);
    }

        .myplan-features li:last-child[b-c7e3c0yr0x] {
            border-bottom: none;
        }

        .myplan-features li i[b-c7e3c0yr0x] {
            color: var(--aui-success);
        }

        .myplan-features li.off[b-c7e3c0yr0x] {
            color: var(--aui-text-2);
        }

            .myplan-features li.off i[b-c7e3c0yr0x] {
                color: var(--aui-text-2);
            }

/* Enlaces de las facturas (página y PDF de Stripe) */
.myplan-link[b-c7e3c0yr0x] {
    margin-right: 12px;
    color: var(--aui-brand);
    text-decoration: none;
    white-space: nowrap;
}

    .myplan-link:hover[b-c7e3c0yr0x] {
        text-decoration: underline;
    }

/* Insignia que incluye el plan (Fase 16.1) */
.myplan-features li.myplan-badge[b-c7e3c0yr0x] {
    color: var(--aui-text-2);
}

    .myplan-features li.myplan-badge i[b-c7e3c0yr0x] {
        color: var(--aui-warning);
    }
/* /Pages/Blog/Article/Form.razor.rz.scp.css */
/* Ayuda bajo un campo */
.article-hint[b-laonbhc3x4] {
    margin-top: 4px;
    font-size: var(--aui-text-sm);
    color: var(--aui-text-2);
}
/* /Pages/Blog/Article/Index.razor.rz.scp.css */
/* Sin sitio: no sale en la API pública hasta que se elija uno (Fase 9.1) */
.blog-no-site[b-3sx70c8ze8] {
    color: var(--aui-warning);
}

/* Fecha de publicación de un artículo programado */
.article-state-date[b-3sx70c8ze8] {
    margin-top: 4px;
    font-size: var(--aui-text-sm);
    color: var(--aui-text-2);
}
/* /Pages/Blog/Article/ModalContent.razor.rz.scp.css */
/* Dos columnas (editor | repositorio y SEO) que ocupan justo el alto del cuerpo del modal: sin márgenes propios
   (el modal ya pone el relleno) ni alturas con 100vh, que hacían aparecer un scroll de más */
.p-cont-body-article[b-0tjfat4cm6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 12px;
    float: none;
    width: 100%;
    height: 100%;
    min-height: 420px;
    margin: 0;
}

.p-cont-code-article[b-0tjfat4cm6],
.p-cont-image-repository[b-0tjfat4cm6] {
    display: flex;
    flex-direction: column;
    float: none;
    width: auto;
    height: auto;
    min-height: 0;
    border-color: var(--aui-border);
    box-shadow: none;
}

.p-ir-head[b-0tjfat4cm6] {
    float: none;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 40px;
    font-size: var(--aui-text-sm);
    border-bottom-color: var(--aui-border);
}

.p-ir-body[b-0tjfat4cm6] {
    float: none;
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    padding: 0;
}

.p-preview-iframe[b-0tjfat4cm6] {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0;
    /* El HTML del artículo da por hecho el fondo blanco del navegador, también en modo oscuro */
    background: #fff;
}

/* Pestañas del panel derecho: repositorio de imágenes y SEO en vivo (Fase 10.6) */
.p-side-tabs[b-0tjfat4cm6] {
    gap: 0;
    padding: 0 !important;
    text-transform: none;
}

    .p-side-tabs button[b-0tjfat4cm6] {
        flex: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 40px;
        padding: 6px 8px;
        border: none;
        border-bottom: 2px solid transparent;
        background: none;
        color: inherit;
        font: inherit;
        white-space: nowrap;
        cursor: pointer;
    }

    .p-side-tabs .p-side-tab-active[b-0tjfat4cm6] {
        border-bottom-color: var(--aui-brand);
        font-weight: 600;
    }

/* Cada pestaña llena el panel y hace scroll por dentro */
.p-side-pane[b-0tjfat4cm6] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.p-side-hidden[b-0tjfat4cm6] {
    display: none;
}

.p-side-seo[b-0tjfat4cm6] {
    padding: 10px;
}

/* Pantallas estrechas: el panel lateral va debajo del editor */
@media (max-width: 900px) {
    .p-cont-body-article[b-0tjfat4cm6] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(360px, 1fr) minmax(320px, auto);
        height: auto;
    }
}
/* /Pages/Blog/Article/ModalMetaData.razor.rz.scp.css */
/* Contador y ayuda bajo cada campo */
.seo-hint[b-075efaea4d] {
    margin-top: 4px;
    font-size: var(--aui-text-sm);
    color: var(--aui-text-2);
}

/* Más largo de lo que muestran los buscadores */
.seo-long[b-075efaea4d] {
    color: var(--aui-warning);
}

/* Etiquetas que se generan (solo lectura) */
.seo-generated[b-075efaea4d] {
    max-height: 260px;
    margin: 0;
    padding: 10px;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: var(--aui-text-sm);
    background: var(--aui-surface-2);
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
}

.seo-section-title[b-075efaea4d] {
    font-weight: 600;
    margin-bottom: 6px;
}
/* /Pages/Blog/Article/ModalShare.razor.rz.scp.css */
.ms-title[b-0glk9w923f] {
    margin: 18px 0 8px;
    font-weight: 600;
}

.ms-posts[b-0glk9w923f] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .ms-posts li[b-0glk9w923f] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 6px 0;
        border-bottom: 1px solid var(--aui-border);
    }

        .ms-posts li:last-child[b-0glk9w923f] {
            border-bottom: none;
        }

        .ms-posts a[b-0glk9w923f] {
            color: var(--aui-brand);
            font-size: var(--aui-text-sm);
        }

.ms-muted[b-0glk9w923f] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}
/* /Pages/Blog/Article/ModalState.razor.rz.scp.css */
/* Qué supone el estado elegido */
.state-hint[b-h7zj34lu7d] {
    font-size: var(--aui-text-sm);
    color: var(--aui-text-2);
}
/* /Pages/Blog/Article/ModalVersions.razor.rz.scp.css */
/* Lista de versiones a la izquierda y vista previa a la derecha; en pantallas estrechas, una debajo de otra */
.versions[b-dzz2cicsus] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    min-height: 420px;
}

.versions-list[b-dzz2cicsus] {
    flex: 1 1 220px;
    max-height: 520px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.versions-item[b-dzz2cicsus] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 8px 10px;
    text-align: left;
    color: var(--aui-text);
    background: var(--aui-surface);
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    cursor: pointer;
}

    .versions-item:hover[b-dzz2cicsus] {
        background: var(--aui-surface-2);
    }

    .versions-item.selected[b-dzz2cicsus] {
        border-color: var(--aui-brand);
        background: var(--aui-brand-soft);
    }

.versions-preview[b-dzz2cicsus] {
    flex: 3 1 360px;
    min-height: 420px;
    display: flex;
    align-items: stretch;
    justify-content: center;
}

.versions-iframe[b-dzz2cicsus] {
    width: 100%;
    min-height: 420px;
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    /* Es la página del artículo, sin tema: se ve sobre blanco como en el sitio */
    background: #fff;
}

.versions-hint[b-dzz2cicsus] {
    font-size: var(--aui-text-sm);
    color: var(--aui-text-2);
}
/* /Pages/Blog/BlogAi.razor.rz.scp.css */
/* Contenido automático del blog (Fase 16.7) */
.bai-card[b-134jf5u80f] {
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    background: var(--aui-surface);
}

.bai-card-title[b-134jf5u80f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
    font-weight: 600;
}

.bai-muted[b-134jf5u80f] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.bai-error[b-134jf5u80f] {
    color: var(--aui-danger);
    font-size: var(--aui-text-sm);
}

.bai-site[b-134jf5u80f],
.bai-form[b-134jf5u80f] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.bai-form[b-134jf5u80f] {
    margin-bottom: 12px;
}

.bai-field[b-134jf5u80f] {
    min-width: 180px;
}

.bai-grow[b-134jf5u80f] {
    flex: 1;
    min-width: 240px;
}

.bai-usage[b-134jf5u80f] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: 6px;
}

.bai-topics[b-134jf5u80f],
.bai-tasks[b-134jf5u80f] {
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
}

    .bai-topics > li[b-134jf5u80f] {
        display: flex;
        gap: 10px;
        padding: 10px;
        border: 1px solid var(--aui-border);
        border-radius: var(--aui-radius);
        margin-bottom: 8px;
    }

        .bai-topics > li.bai-on[b-134jf5u80f] {
            border-color: var(--aui-brand);
            background: var(--aui-brand-soft);
        }

.bai-topic[b-134jf5u80f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

    .bai-topic ol[b-134jf5u80f] {
        margin: 2px 0 0;
        padding-left: 20px;
        color: var(--aui-text-2);
        font-size: var(--aui-text-sm);
    }

.bai-keyword[b-134jf5u80f] {
    display: inline-block;
    margin-right: 6px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--aui-bg);
    color: var(--aui-text);
}

.bai-actions[b-134jf5u80f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.bai-switch[b-134jf5u80f] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

.bai-tasks > li[b-134jf5u80f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--aui-border);
}

    .bai-tasks > li:last-child[b-134jf5u80f] {
        border-bottom: none;
    }

.bai-task[b-134jf5u80f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
}

.bai-task-head[b-134jf5u80f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.bai-task-actions[b-134jf5u80f] {
    display: flex;
    gap: 6px;
}

[b-134jf5u80f] .bai-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
/* /Pages/Blog/BlogSiteField.razor.rz.scp.css */
/* Sin sitio: el artículo o la categoría no sale en la API pública hasta que se elija uno */
.blog-site-warning[b-6z9203v9pp] {
    margin-top: 4px;
    font-size: var(--aui-text-sm);
    color: var(--aui-warning);
}
/* /Pages/Blog/Category/Index.razor.rz.scp.css */
/* Sin sitio: no sale en la API pública hasta que se elija uno (Fase 9.1) */
.blog-no-site[b-i18o1d9wcn] {
    color: var(--aui-warning);
}
/* /Pages/Blog/Social.razor.rz.scp.css */
/* Difusión en redes (Fase 16.8) */
.soc-card[b-shwu3vgjul] {
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    background: var(--aui-surface);
}

.soc-card-title[b-shwu3vgjul] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
    font-weight: 600;
}

.soc-muted[b-shwu3vgjul] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.soc-error[b-shwu3vgjul] {
    color: var(--aui-danger);
    font-size: var(--aui-text-sm);
}

.soc-site[b-shwu3vgjul],
.soc-form[b-shwu3vgjul] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.soc-form[b-shwu3vgjul] {
    margin-bottom: 12px;
}

.soc-grow[b-shwu3vgjul] {
    flex: 1;
    min-width: 240px;
}

.soc-list[b-shwu3vgjul],
.soc-posts[b-shwu3vgjul] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .soc-list > li[b-shwu3vgjul],
    .soc-posts > li[b-shwu3vgjul] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        padding: 10px 0;
        border-bottom: 1px solid var(--aui-border);
    }

        .soc-list > li:last-child[b-shwu3vgjul],
        .soc-posts > li:last-child[b-shwu3vgjul] {
            border-bottom: none;
        }

        .soc-list > li.soc-off[b-shwu3vgjul] {
            opacity: .6;
        }

.soc-network[b-shwu3vgjul] {
    min-width: 84px;
    padding: 2px 10px;
    border-radius: 999px;
    background: var(--aui-bg);
    color: var(--aui-text);
    font-size: var(--aui-text-sm);
    font-weight: 600;
    text-align: center;
}

.soc-item[b-shwu3vgjul] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.soc-item-head[b-shwu3vgjul] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.soc-actions[b-shwu3vgjul] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.soc-link[b-shwu3vgjul] {
    color: var(--aui-brand);
    font-size: var(--aui-text-sm);
}
/* /Pages/Blog/SocialChannelModal.razor.rz.scp.css */
.sc-grid[b-ig5ar7fdgo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px 16px;
}

.sc-wide[b-ig5ar7fdgo] {
    grid-column: 1 / -1;
}

.sc-toggle[b-ig5ar7fdgo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sc-fixed[b-ig5ar7fdgo] {
    padding: 8px 0;
    font-weight: 600;
}

.sc-muted[b-ig5ar7fdgo] {
    margin-top: 4px;
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}
/* /Pages/Blog/SocialShareForm.razor.rz.scp.css */
.sf-checks[b-gh7ekluhjk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-bottom: 12px;
}

.sf-muted[b-gh7ekluhjk] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.sf-previews[b-gh7ekluhjk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 10px;
    margin: 12px 0;
}

.sf-preview[b-gh7ekluhjk] {
    padding: 10px;
    border: 1px dashed var(--aui-border);
    border-radius: var(--aui-radius);
}

    .sf-preview pre[b-gh7ekluhjk] {
        margin: 6px 0 0;
        white-space: pre-wrap;
        word-break: break-word;
        font-family: inherit;
        font-size: var(--aui-text-sm);
    }

.sf-buttons[b-gh7ekluhjk] {
    margin-top: 12px;
}
/* /Pages/Home/Admin.razor.rz.scp.css */


/* Nombre del bot con su logo (Fase 16.4.2) */
.bot-name[b-paobuebnru] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
/* /Pages/Metrics/AiScan.razor.rz.scp.css */
/* Escáner «cómo te ve la IA» (Fase 16.5) */
.scan-form[b-klnjmikj7d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

.scan-input[b-klnjmikj7d] {
    flex: 1;
    min-width: 260px;
}

.scan-sites[b-klnjmikj7d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex-basis: 100%;
}

.scan-chip[b-klnjmikj7d] {
    padding: 3px 10px;
    border: 1px solid var(--aui-border);
    border-radius: 999px;
    background: var(--aui-surface);
    color: var(--aui-text);
    font-size: var(--aui-text-sm);
    cursor: pointer;
}

    .scan-chip:hover:not(:disabled)[b-klnjmikj7d] {
        border-color: var(--aui-brand);
        color: var(--aui-brand);
    }

.scan-muted[b-klnjmikj7d] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.scan-card[b-klnjmikj7d] {
    position: relative;
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    background: var(--aui-surface);
}

.scan-card-title[b-klnjmikj7d] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
    font-weight: 600;
}

.scan-running[b-klnjmikj7d] {
    min-height: 120px;
    text-align: center;
}

    .scan-running p[b-klnjmikj7d] {
        position: relative;
        z-index: 1;
        margin-top: 70px;
        color: var(--aui-text-2);
    }

/* Nota: anillo con el porcentaje */
.scan-head[b-klnjmikj7d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.scan-score[b-klnjmikj7d] {
    --ring: var(--aui-danger);
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background:
        radial-gradient(closest-side, var(--aui-surface) 78%, transparent 79%),
        conic-gradient(var(--ring) calc(var(--score) * 1%), var(--aui-surface-2) 0);
}

    .scan-score span[b-klnjmikj7d] {
        font-size: 2.2rem;
        font-weight: 800;
        line-height: 1;
        color: var(--ring);
    }

    .scan-score small[b-klnjmikj7d] {
        color: var(--aui-text-2);
    }

.scan-good[b-klnjmikj7d] {
    --ring: var(--aui-success);
}

.scan-fair[b-klnjmikj7d] {
    --ring: var(--aui-warning);
}

.scan-poor[b-klnjmikj7d] {
    --ring: var(--aui-danger);
}

.scan-head-info[b-klnjmikj7d] {
    flex: 1;
    min-width: 240px;
}

.scan-headline[b-klnjmikj7d] {
    font-size: 1.25rem;
    font-weight: 700;
}

.scan-url[b-klnjmikj7d] {
    display: block;
    margin: 4px 0 8px;
    overflow-wrap: anywhere;
}

.scan-badges[b-klnjmikj7d] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

[b-klnjmikj7d] .scan-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.scan-grid[b-klnjmikj7d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 14px;
}

/* Comprobaciones */
.scan-checks[b-klnjmikj7d] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.scan-check[b-klnjmikj7d] {
    display: flex;
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid var(--aui-border);
}

    .scan-check:first-child[b-klnjmikj7d] {
        border-top: none;
    }

    .scan-check > i[b-klnjmikj7d] {
        flex: none;
        margin-top: 2px;
    }

.scan-ok > i[b-klnjmikj7d] {
    color: var(--aui-success);
}

.scan-warning > i[b-klnjmikj7d] {
    color: var(--aui-warning);
}

.scan-error > i[b-klnjmikj7d] {
    color: var(--aui-danger);
}

.scan-check-body[b-klnjmikj7d] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.scan-check-title[b-klnjmikj7d] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.scan-points[b-klnjmikj7d] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
    white-space: nowrap;
}

/* Bots de IA */
.scan-bots[b-klnjmikj7d] {
    width: 100%;
    border-collapse: collapse;
}

    .scan-bots td[b-klnjmikj7d] {
        padding: 6px 0;
        border-top: 1px solid var(--aui-border);
        vertical-align: middle;
    }

    .scan-bots tr:first-child td[b-klnjmikj7d] {
        border-top: none;
    }

.scan-bot[b-klnjmikj7d] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .scan-bot .scan-muted[b-klnjmikj7d] {
        display: block;
    }

.scan-bot-state[b-klnjmikj7d] {
    text-align: right;
    white-space: nowrap;
}

/* Textos lado a lado */
.scan-text[b-klnjmikj7d] {
    max-height: 340px;
    overflow-y: auto;
    padding: 10px 12px;
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    background: var(--aui-surface-2);
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* Historial */
.scan-history[b-klnjmikj7d] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .scan-history button[b-klnjmikj7d] {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        padding: 6px 4px;
        border: none;
        border-top: 1px solid var(--aui-border);
        background: none;
        color: var(--aui-text);
        text-align: left;
        cursor: pointer;
    }

    .scan-history li:first-child button[b-klnjmikj7d] {
        border-top: none;
    }

    .scan-history button:hover:not(:disabled)[b-klnjmikj7d] {
        background: var(--aui-surface-2);
    }

.scan-history-score[b-klnjmikj7d] {
    flex: none;
    width: 38px;
    font-weight: 700;
    text-align: center;
    color: var(--ring);
}

.scan-history-url[b-klnjmikj7d] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sugerencias con la IA del cliente (Fase 16.6) */
.suggest-grid[b-klnjmikj7d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 12px 16px;
}

.suggest-wide[b-klnjmikj7d] {
    grid-column: 1 / -1;
}

.suggest-head[b-klnjmikj7d] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

    .suggest-head .scan-muted[b-klnjmikj7d] {
        margin-left: auto;
    }

.suggest-code[b-klnjmikj7d] {
    font-family: var(--aui-font-mono);
    font-size: var(--aui-text-sm);
}

.suggest-tips[b-klnjmikj7d] {
    margin-top: 12px;
}

    .suggest-tips ul[b-klnjmikj7d] {
        margin: 6px 0 0;
        padding-left: 18px;
    }

.suggest-actions[b-klnjmikj7d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.suggest-connection[b-klnjmikj7d] {
    min-width: 240px;
}
/* /Pages/Metrics/SearchConsole.razor.rz.scp.css */
/* Google Search Console (Fase 12.10.1) */
.sc-site[b-t30arr8cia] {
    background: var(--aui-surface);
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    padding: 16px 20px;
    margin-bottom: 16px;
    text-align: left;
}

    .sc-site h3[b-t30arr8cia] {
        margin: 0 0 4px;
        font-size: var(--aui-text-lg);
        word-break: break-all;
    }

.sc-head[b-t30arr8cia] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sc-actions[b-t30arr8cia] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sc-muted[b-t30arr8cia] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.sc-property[b-t30arr8cia] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

.sc-select[b-t30arr8cia] {
    min-width: 260px;
    flex: 1 1 260px;
}

.sc-label[b-t30arr8cia] {
    font-weight: 600;
}

.sc-warning[b-t30arr8cia] {
    color: var(--aui-warning);
}
/* /Pages/Metrics/SearchConsoleReportView.razor.rz.scp.css */
/* Resultados de búsqueda de un sitio (Fase 12.10.2) */
.sc-report[b-zxlraeem31] {
    margin-top: 14px;
    border-top: 1px solid var(--aui-border);
    padding-top: 14px;
}

.sc-report-head[b-zxlraeem31] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.sc-days[b-zxlraeem31],
.sc-report-sync[b-zxlraeem31] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.sc-muted[b-zxlraeem31] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.sc-kpis[b-zxlraeem31] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.sc-kpi[b-zxlraeem31],
.sc-card[b-zxlraeem31] {
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    background: var(--aui-surface);
    padding: 12px 14px;
}

.sc-card[b-zxlraeem31] {
    margin-bottom: 12px;
}

    .sc-card h4[b-zxlraeem31] {
        margin: 0 0 8px;
        font-size: 1em;
    }

.sc-kpi-value[b-zxlraeem31] {
    font-size: 1.6em;
    font-weight: 700;
}

.sc-kpi-label[b-zxlraeem31] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.sc-kpi-change[b-zxlraeem31] {
    font-size: var(--aui-text-sm);
    font-weight: 600;
}

    .sc-kpi-change.good[b-zxlraeem31] {
        color: var(--aui-success);
    }

    .sc-kpi-change.bad[b-zxlraeem31] {
        color: var(--aui-danger);
    }

.sc-page[b-zxlraeem31] {
    word-break: break-all;
}

/* Estado de indexación (Fase 12.10.3) */
.sc-index-head[b-zxlraeem31] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.sc-index-counts[b-zxlraeem31] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 10px 0;
}
/* /Pages/Team/Index.razor.rz.scp.css */
/* Equipo (Fase 12.8.1) */
.team-box[b-lwq5ei0w3n] {
    background: var(--aui-surface);
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    padding: 16px 20px;
    margin-bottom: 16px;
    text-align: left;
}

    .team-box h3[b-lwq5ei0w3n] {
        margin: 0 0 4px;
        font-size: var(--aui-text-lg);
    }

.team-head[b-lwq5ei0w3n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.team-muted[b-lwq5ei0w3n] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.team-site[b-lwq5ei0w3n] {
    font-size: var(--aui-text-sm);
    white-space: nowrap;
}

.team-role[b-lwq5ei0w3n] {
    margin-left: 4px;
    padding: 0 6px;
    border-radius: 8px;
    font-size: var(--aui-text-xs);
    border: 1px solid var(--aui-border);
    color: var(--aui-text-2);
}

    .team-role.role-edit[b-lwq5ei0w3n] {
        border-color: var(--aui-info);
        color: var(--aui-info);
    }

    .team-role.role-admin[b-lwq5ei0w3n] {
        border-color: var(--aui-brand);
        color: var(--aui-brand);
    }

.team-membership[b-lwq5ei0w3n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
    border-top: 1px solid var(--aui-border);
    margin-top: 10px;
}

/* Invitaciones pendientes al email de la cuenta: resaltadas en el color del tema */
.team-invitations[b-lwq5ei0w3n] {
    border-color: color-mix(in srgb, var(--aui-brand) 45%, var(--aui-border));
    background: color-mix(in srgb, var(--aui-brand) 6%, var(--aui-surface));
}

    .team-invitations h3 i[b-lwq5ei0w3n] {
        color: var(--aui-brand);
    }

.team-invitation-actions[b-lwq5ei0w3n] {
    display: flex;
    gap: 8px;
}
/* /Pages/Team/TeamMemberModal.razor.rz.scp.css */
/* Un sitio por fila: casilla para incluirlo y su rol */
.team-sites-title[b-57yf09eiis] {
    margin: 16px 0 6px;
    font-size: 1em;
}

.team-site-row[b-57yf09eiis] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 8px 0;
    border-bottom: 1px solid var(--aui-border);
}

    .team-site-row:last-child[b-57yf09eiis] {
        border-bottom: none;
    }
/* /Pages/Team/TeamRolesTable.razor.rz.scp.css */
.team-box[b-50y0wicvvg] {
    background: var(--aui-surface);
    border: 1px solid var(--aui-border);
    border-radius: var(--aui-radius);
    padding: 16px 20px;
    margin-bottom: 16px;
    text-align: left;
}

    .team-box h3[b-50y0wicvvg] {
        margin: 0 0 4px;
        font-size: var(--aui-text-lg);
    }

.team-muted[b-50y0wicvvg] {
    color: var(--aui-text-2);
    font-size: var(--aui-text-sm);
}

.team-roles-intro[b-50y0wicvvg] {
    margin-bottom: 12px;
}

.team-roles-note[b-50y0wicvvg] {
    margin-top: 10px;
}

.team-roles-wrap[b-50y0wicvvg] {
    overflow-x: auto;
}

.team-roles[b-50y0wicvvg] {
    width: 100%;
    min-width: 560px;
    border-collapse: collapse;
    font-size: var(--aui-text-sm);
}

    .team-roles th[b-50y0wicvvg],
    .team-roles td[b-50y0wicvvg] {
        padding: 8px 10px;
        border-bottom: 1px solid var(--aui-border);
    }

    .team-roles thead th[b-50y0wicvvg] {
        text-align: center;
        font-weight: 600;
        white-space: nowrap;
    }

        .team-roles thead th:first-child[b-50y0wicvvg],
        .team-roles tbody th[b-50y0wicvvg] {
            text-align: left;
            font-weight: 500;
        }

    .team-roles td[b-50y0wicvvg] {
        width: 110px;
        text-align: center;
    }

.team-roles-group th[b-50y0wicvvg] {
    padding-top: 14px;
    color: var(--aui-text-2);
    font-size: var(--aui-text-xs);
    font-weight: 700 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.team-yes[b-50y0wicvvg] {
    color: var(--aui-success);
}

.team-no[b-50y0wicvvg] {
    color: var(--aui-text-3);
}

.team-role[b-50y0wicvvg] {
    padding: 0 6px;
    border-radius: 8px;
    font-size: var(--aui-text-xs);
    border: 1px solid var(--aui-border);
}

.aui-sr-only[b-50y0wicvvg] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

    .team-role.role-read[b-50y0wicvvg] {
        color: var(--aui-text-2);
    }

    .team-role.role-edit[b-50y0wicvvg] {
        border-color: var(--aui-info);
        color: var(--aui-info);
    }

    .team-role.role-admin[b-50y0wicvvg] {
        border-color: var(--aui-brand);
        color: var(--aui-brand);
    }
/* /Shared/Components/Account/FormRegister.razor.rz.scp.css */
/* Consentimiento: la casilla arriba a la izquierda y el texto (con sus enlaces) al lado */
[b-g1b2ccwuew] .register-consent {
    align-items: flex-start;
    font-size: var(--aui-text-sm);
    line-height: 1.5;
}

    [b-g1b2ccwuew] .register-consent a {
        color: var(--aui-brand);
    }
/* /Shared/Components/Account/GoogleButton.razor.rz.scp.css */
/* Botón de Google bajo el formulario de acceso (Fase 12.9.3) */
.google-sign-in[b-sth68246qx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    clear: both;
}

.google-sign-in-button[b-sth68246qx] {
    width: 100%;
    min-height: 44px;
    display: flex;
    justify-content: center;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-g5o8oibzvj] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-g5o8oibzvj] {
    flex: 1;
}

.sidebar[b-g5o8oibzvj] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-g5o8oibzvj] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-g5o8oibzvj]  a, .top-row[b-g5o8oibzvj]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-g5o8oibzvj]  a:hover, .top-row[b-g5o8oibzvj]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-g5o8oibzvj]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.icon-style-mode[b-g5o8oibzvj] {
    right: 10px;
    bottom: 3px;
    position: absolute;
    cursor: pointer;
    font-size: 25px;
    transition: all .2s ease !important;
}

    .icon-style-mode:hover[b-g5o8oibzvj] {
        transform: scale(1.2);
        transition: all .2s ease !important;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-g5o8oibzvj] {
        display: none;
    }

    .top-row.auth[b-g5o8oibzvj] {
        justify-content: space-between;
    }

    .top-row[b-g5o8oibzvj]  a, .top-row[b-g5o8oibzvj]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-g5o8oibzvj] {
        flex-direction: row;
    }

    .sidebar[b-g5o8oibzvj] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-g5o8oibzvj] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-g5o8oibzvj]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-g5o8oibzvj], article[b-g5o8oibzvj] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* En pantallas estrechas el logo (280px) no cabe junto a la barra de usuario (UserTopBar oculta sus textos) */
@media (max-width: 600px) {
    .cont-logo-top[b-g5o8oibzvj] {
        width: auto;
        padding: 14px 10px;
    }
}