.content-admin-list{display:grid;gap:14px}.content-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:18px;background:#fff}.content-admin-main{display:flex;align-items:center;gap:14px}.content-admin-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--primary-soft);color:var(--primary);font-size:25px}.content-admin-main h2{margin:0 0 4px}.content-admin-main p{margin:0;color:var(--muted)}.content-admin-meta,.content-admin-actions{display:flex;align-items:center;gap:10px}.content-admin-actions form{margin:0}.sort-badge{padding:6px 10px;border-radius:999px;background:#f4f1ec;color:var(--muted);font-size:12px;font-weight:750}.content-form-shell{max-width:1200px}.content-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.content-form-sidebar{display:grid;gap:12px;padding:20px;border:1px solid var(--border);border-radius:20px;background:#fff}.content-form-sidebar input,.content-form-sidebar select{margin:0}.rich-editor{min-height:420px;background:#fff}.ql-toolbar.ql-snow{border-color:var(--border);border-radius:16px 16px 0 0;background:#fff}.ql-container.ql-snow{min-height:360px;border-color:var(--border);border-radius:0 0 16px 16px;background:#fff;font-size:16px}.publish-switch{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px}.publish-switch input{width:auto;margin:0}.content-portal{max-width:980px}.content-category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.content-category-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--border);border-radius:999px;color:var(--primary);background:#fff;text-decoration:none;font-weight:750}.content-category{margin-top:32px;scroll-margin-top:20px}.content-category-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.content-category-heading>span{color:var(--primary);font-size:26px}.content-category-heading h2{margin:0}.content-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.content-article-card{padding:20px;border:1px solid var(--border);border-radius:20px;background:#fff}.content-article-card header{display:flex;gap:12px;margin-bottom:16px}.content-article-card header>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--primary);background:var(--primary-soft);font-size:23px}.content-article-card h3{margin:0 0 4px}.content-article-card header p{margin:0;color:var(--muted);font-size:14px}.content-body{color:#454741;line-height:1.65}@media(max-width:900px){.content-form-grid,.content-article-grid,.content-admin-row{grid-template-columns:1fr}.content-body img,
.ql-editor img {display:block;width:auto;max-width:100%;height:auto;margin:18px auto;border-radius:14px;}}

/* Imágenes dentro de los artículos */

.content-body img,
.ql-editor img {
    display: block;
    width: 100%;
    max-width: 760px;
    height: auto;
    margin: 24px auto;
    border-radius: 16px;
    object-fit: contain;
}

/* En artículos estrechos nunca deben desbordarse */
.content-article-card {
    overflow: hidden;
}

.content-body {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Indica que la imagen se puede ampliar */
.content-body img {
    cursor: zoom-in;
}

/* Visor ampliado */
.image-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.88);
}

.image-lightbox.is-open {
    display: flex;
}

.image-lightbox img {
    display: block;
    width: auto;
    max-width: 95vw;
    max-height: 92vh;
    height: auto;
    border-radius: 12px;
    object-fit: contain;
}

.image-lightbox-close {
    position: fixed;
    top: 18px;
    right: 22px;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, 0.16);
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 700px) {
    .content-body img,
    .ql-editor img {
        max-width: 100%;
        margin: 18px auto;
        border-radius: 12px;
    }

    .image-lightbox {
        padding: 12px;
    }
}

/*Category*/
.category-admin-list{display:grid;gap:12px}.category-admin-row{display:grid;grid-template-columns:7px 46px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:17px;background:#fff}.category-color-marker{width:7px;height:48px;border-radius:999px;background:var(--category-color)}.category-admin-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--primary-soft);font-size:25px}.category-admin-main h2{margin:0 0 4px}.category-admin-main p{margin:0;color:var(--muted)}.category-form-shell{max-width:900px}@media(max-width:700px){.category-admin-row{grid-template-columns:7px 46px minmax(0,1fr)}.category-admin-row>.admin-status,.category-admin-row>.compact-button{grid-column:2/-1}}

/*Content*/
.content-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.content-guide-card{align-self:start;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#fff;scroll-margin-top:20px}
.content-guide-summary{display:flex;align-items:flex-start;gap:13px;padding:20px 20px 14px}
.content-guide-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:14px;color:var(--primary);background:var(--primary-soft);font-size:24px}
.content-guide-copy{min-width:0}.content-guide-copy h3{margin:1px 0 6px;font-size:19px}.content-guide-copy p{margin:0;color:var(--muted);line-height:1.45}
.content-guide-toggle{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 40px);margin:0 20px 18px;padding:11px 14px;border:1px solid var(--border);border-radius:14px;color:var(--primary);background:#fff;font:inherit;font-weight:800;cursor:pointer}
.content-guide-toggle:hover{background:var(--primary-soft)}
.content-guide-detail{padding:2px 20px 22px;border-top:1px solid var(--border)}.content-guide-detail .content-body{padding-top:18px}.content-guide-detail[hidden]{display:none}
@media(max-width:760px){.content-guide-grid{grid-template-columns:1fr}.content-guide-summary{padding:17px 17px 12px}.content-guide-toggle{width:calc(100% - 34px);margin:0 17px 16px}.content-guide-detail{padding:2px 17px 20px}}

