:root {
    --ddc-bg: #f4f6f8;
    --ddc-surface: #ffffff;
    --ddc-text: #151a23;
    --ddc-muted: #697386;
    --ddc-line: #dce2ea;
    --ddc-primary: #0f172a;
    --ddc-primary-soft: #e8eef8;
    --ddc-danger: #b42318;
    --ddc-success: #027a48;
    --ddc-warning: #b54708;
    --ddc-radius: 18px;
    --ddc-shadow: 0 18px 45px rgba(15, 23, 42, .08);
}

.ddc-app,
.ddc-app * {
    box-sizing: border-box;
}

.ddc-app {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    min-height: 760px;
    background: var(--ddc-bg);
    color: var(--ddc-text);
    border-radius: 24px;
    overflow: hidden;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ddc-sidebar {
    background: #0f172a;
    color: #fff;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ddc-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ddc-brand-mark {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: #fff;
    color: #0f172a;
    font-weight: 800;
}

.ddc-brand strong,
.ddc-userbox strong {
    display: block;
    font-size: 15px;
    line-height: 1.2;
}

.ddc-brand span,
.ddc-userbox span {
    display: block;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
    margin-top: 3px;
}

.ddc-nav {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ddc-nav a {
    color: rgba(255, 255, 255, .78);
    text-decoration: none;
    padding: 12px 14px;
    border-radius: 13px;
    font-weight: 650;
    font-size: 14px;
}

.ddc-nav a.active,
.ddc-nav a:hover {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.ddc-userbox {
    margin-top: auto;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 16px;
    background: rgba(255, 255, 255, .06);
}

.ddc-userbox a {
    color: #fff;
    font-size: 13px;
    display: inline-block;
    margin-top: 10px;
}

.ddc-main {
    padding: 28px;
    min-width: 0;
}

.ddc-header {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 22px;
}

.ddc-header h1 {
    margin: 0;
    font-size: 28px;
    letter-spacing: -0.03em;
}

.ddc-header p {
    margin: 5px 0 0;
    color: var(--ddc-muted);
}

.ddc-version {
    background: var(--ddc-primary-soft);
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 750;
}

.ddc-card,
.ddc-login-card {
    background: var(--ddc-surface);
    border: 1px solid var(--ddc-line);
    border-radius: var(--ddc-radius);
    box-shadow: var(--ddc-shadow);
    padding: 22px;
    margin-bottom: 18px;
}

.ddc-login-card {
    max-width: 480px;
    margin: 40px auto;
    text-align: center;
}

.ddc-login-brand {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    margin: 0 auto 14px;
    background: #0f172a;
    color: #fff;
    font-weight: 850;
}

.ddc-grid {
    display: grid;
    gap: 16px;
    margin-bottom: 18px;
}

.ddc-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ddc-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ddc-stat {
    padding: 18px;
}

.ddc-stat span {
    display: block;
    color: var(--ddc-muted);
    font-size: 13px;
    margin-bottom: 8px;
}

.ddc-stat strong {
    display: block;
    font-size: 30px;
    letter-spacing: -0.04em;
}

.ddc-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.ddc-section-head h2,
.ddc-card h2 {
    margin: 0 0 5px;
    font-size: 20px;
    letter-spacing: -0.02em;
}

.ddc-section-head p,
.ddc-card p {
    color: var(--ddc-muted);
    margin: 0;
}

.ddc-btn,
.ddc-form button.ddc-btn {
    border: 1px solid var(--ddc-line);
    background: #fff;
    color: var(--ddc-text);
    text-decoration: none;
    border-radius: 8px;
    padding: 11px 15px;
    font-size: 14px;
    font-weight: 750;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    line-height: 1;
}

.ddc-btn-primary {
    background: var(--ddc-primary);
    color: #fff;
    border-color: var(--ddc-primary);
}

.ddc-actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.ddc-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.ddc-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.ddc-table.compact {
    min-width: 0;
}

.ddc-table th,
.ddc-table td {
    padding: 14px 12px;
    border-bottom: 1px solid var(--ddc-line);
    text-align: left;
    vertical-align: middle;
}

.ddc-table th {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ddc-muted);
}

.ddc-table td strong {
    display: block;
}

.ddc-table td small {
    display: block;
    color: var(--ddc-muted);
    margin-top: 4px;
    word-break: break-all;
}

.ddc-actions-cell {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ddc-actions-cell form {
    margin: 0;
}

.ddc-small-link,
.ddc-link-danger {
    border: 0;
    background: transparent;
    padding: 0;
    color: #1d4ed8;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
}

.ddc-link-danger {
    color: var(--ddc-danger);
}

.ddc-form {
    display: grid;
    gap: 15px;
}

.ddc-form label {
    display: grid;
    gap: 7px;
    font-size: 13px;
    font-weight: 750;
    color: var(--ddc-text);
}

.ddc-form input[type="text"],
.ddc-form input[type="url"],
.ddc-form input[type="number"],
.ddc-form input[type="datetime-local"],
.ddc-form input[type="file"],
.ddc-form select,
.ddc-form textarea {
    width: 100%;
    border: 1px solid var(--ddc-line);
    border-radius: 12px;
    padding: 12px 13px;
    font: inherit;
    font-weight: 500;
    background: #fff;
    color: var(--ddc-text);
}

.ddc-form textarea {
    resize: vertical;
}

.ddc-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ddc-checkline {
    align-content: center;
    grid-template-columns: auto 1fr !important;
    gap: 9px !important;
}

.ddc-fieldset {
    border: 1px solid var(--ddc-line);
    border-radius: 14px;
    padding: 14px;
}

.ddc-fieldset legend {
    padding: 0 7px;
    color: var(--ddc-muted);
    font-weight: 800;
}

.ddc-checkbox-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
}

.ddc-checkbox-list label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ddc-thumb-preview {
    border: 1px dashed var(--ddc-line);
    border-radius: 14px;
    padding: 12px;
    background: #f8fafc;
    max-width: 420px;
}

.ddc-thumb-preview img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
}

.ddc-helper-box {
    padding: 12px 14px;
    border-radius: 13px;
    background: #f8fafc;
    border: 1px solid var(--ddc-line);
    color: var(--ddc-muted);
    font-size: 13px;
}

.ddc-helper-box code {
    color: var(--ddc-text);
    font-weight: 800;
}

.ddc-alert {
    padding: 13px 15px;
    border-radius: 14px;
    margin-bottom: 18px;
    font-weight: 750;
}

.ddc-alert-success {
    background: #ecfdf3;
    color: var(--ddc-success);
    border: 1px solid #abefc6;
}

.ddc-alert-error {
    background: #fef3f2;
    color: var(--ddc-danger);
    border: 1px solid #fecdca;
}

.ddc-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    background: #eef2f7;
    color: #344054;
}

.ddc-badge-active,
.ddc-badge-publish {
    background: #ecfdf3;
    color: var(--ddc-success);
}

.ddc-badge-inactive,
.ddc-badge-draft {
    background: #f2f4f7;
    color: #475467;
}

.ddc-badge-pending {
    background: #fff7ed;
    color: var(--ddc-warning);
}

.ddc-list-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ddc-mini-card {
    border: 1px solid var(--ddc-line);
    border-radius: 14px;
    padding: 14px;
    background: #f8fafc;
}

.ddc-mini-card strong,
.ddc-mini-card span {
    display: block;
}

.ddc-mini-card span {
    color: var(--ddc-muted);
    margin-top: 3px;
}

.ddc-public-banners img {
    max-width: 100%;
    height: auto;
    display: block;
}

.ddc-public-videos {
    display: grid;
    gap: 18px;
}

.ddc-public-video iframe {
    max-width: 100%;
}

@media (max-width: 980px) {
    .ddc-app {
        grid-template-columns: 1fr;
    }

    .ddc-sidebar {
        border-radius: 0;
    }

    .ddc-nav {
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .ddc-nav a {
        white-space: nowrap;
    }

    .ddc-grid-5,
    .ddc-grid-2,
    .ddc-list-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .ddc-main {
        padding: 18px;
    }

    .ddc-header,
    .ddc-section-head {
        flex-direction: column;
    }

    .ddc-grid-5,
    .ddc-grid-2,
    .ddc-form-grid,
    .ddc-list-cards {
        grid-template-columns: 1fr;
    }
}

.ddc-editor-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 18px;
    align-items: start;
}

.ddc-editor-maincol,
.ddc-editor-sidecol {
    display: grid;
    gap: 16px;
}

.ddc-panel-block {
    border: 1px solid var(--ddc-line);
    border-radius: 16px;
    background: #fff;
    padding: 18px;
    display: grid;
    gap: 14px;
}

.ddc-panel-block h3 {
    margin: 0;
    font-size: 16px;
    letter-spacing: -0.02em;
}

.ddc-form-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ddc-form small {
    color: var(--ddc-muted);
    font-weight: 500;
}

.ddc-editor-label {
    display: block !important;
    margin-bottom: -6px;
}

.ddc-wysiwyg-wrap {
    border: 1px solid var(--ddc-line);
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.ddc-wysiwyg-wrap .wp-editor-wrap,
.ddc-wysiwyg-wrap .wp-editor-container {
    border: 0;
}

.ddc-wysiwyg-wrap .mce-toolbar .mce-btn button,
.ddc-wysiwyg-wrap .quicktags-toolbar input {
    box-shadow: none;
}

.compact-fieldset {
    margin: 0;
}

.ddc-checkbox-list-scroll {
    max-height: 180px;
    overflow: auto;
    padding-right: 4px;
}

.ddc-check-stack {
    display: grid;
    gap: 10px;
    padding: 10px 0 4px;
}

.ddc-actions-sticky {
    position: sticky;
    bottom: 18px;
    background: rgba(255, 255, 255, .96);
    border: 1px solid var(--ddc-line);
    border-radius: 16px;
    padding: 12px;
    box-shadow: 0 14px 35px rgba(15, 23, 42, .08);
}

.ddc-gallery-preview {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.ddc-gallery-item {
    border: 1px solid var(--ddc-line);
    border-radius: 12px;
    padding: 6px;
    background: #f8fafc;
}

.ddc-gallery-item img {
    width: 100%;
    height: 76px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.ddc-muted-inline {
    color: var(--ddc-muted);
}

@media (max-width: 1180px) {
    .ddc-editor-layout {
        grid-template-columns: 1fr;
    }

    .ddc-actions-sticky {
        position: static;
    }
}

@media (max-width: 680px) {
    .ddc-form-grid-2,
    .ddc-gallery-preview {
        grid-template-columns: 1fr;
    }

    .ddc-panel-block {
        padding: 14px;
    }
}

/* v0.3.0 - Módulo Portada */
.ddc-frontpage-editor {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.ddc-position-card {
    display: grid;
    gap: 10px;
    padding: 16px;
    border: 1px solid #dbe4ef;
    border-radius: 16px;
    background: #fff;
}

.ddc-position-card strong {
    display: block;
    color: #0f172a;
    font-size: 15px;
}

.ddc-position-card small {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
}

.ddc-preview-shell {
    padding: 18px;
    border: 1px solid #dbe4ef;
    border-radius: 18px;
    background: #f8fafc;
    overflow: auto;
}

.ddc-code-block {
    display: block;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid #dbe4ef;
    background: #0f172a;
    color: #e2e8f0;
    font-size: 14px;
    overflow: auto;
}

.ddc-preview-mode {
    font-size: 14px;
}

.ddc-preview-mode .ddc-news-card h2 {
    font-size: 18px;
}

.ddc-preview-mode .ddc-news-card.is-principal h2 {
    font-size: 30px;
}

@media (max-width: 900px) {
    .ddc-frontpage-editor {
        grid-template-columns: 1fr;
    }
}

.ddc-zone-list {
    margin-bottom: 18px;
}
.ddc-table small {
    display: block;
    margin-top: 4px;
    color: var(--ddc-muted);
    font-size: 12px;
}

/* v0.6.0 - Módulo Autores */
.ddc-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.ddc-author-row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 220px;
}

.ddc-author-row img,
.ddc-author-row__initial,
.ddc-author-avatar-preview img {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    object-fit: cover;
    flex: 0 0 auto;
}

.ddc-author-row__initial {
    display: grid;
    place-items: center;
    background: #e8eef8;
    color: #0f172a;
    font-weight: 850;
}

.ddc-author-avatar-preview {
    padding: 12px;
    border: 1px solid var(--ddc-line);
    border-radius: 16px;
    background: #f8fafc;
    display: inline-flex;
    width: max-content;
}

.ddc-author-avatar-preview img {
    width: 96px;
    height: 96px;
}

@media (max-width: 1320px) {
    .ddc-grid-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .ddc-grid-6 {
        grid-template-columns: 1fr;
    }
}

/* v0.7.0 - Módulo Secciones */
.ddc-form input[type="color"] {
    width: 100%;
    height: 46px;
    border: 1px solid var(--ddc-line);
    border-radius: 12px;
    padding: 4px 6px;
    background: #fff;
    cursor: pointer;
}

.ddc-section-row {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 220px;
}

.ddc-section-swatch {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, .16);
    flex: 0 0 auto;
}

.ddc-grid-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

@media (max-width: 1500px) {
    .ddc-grid-7 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .ddc-grid-7 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .ddc-grid-7 {
        grid-template-columns: 1fr;
    }
}

.ddc-media-field {
    display: grid;
    gap: 8px;
    align-content: start;
}

.ddc-label-title {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: var(--ddc-text);
}

.ddc-media-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ddc-btn-small {
    padding: 9px 12px;
    font-size: 12px;
    border-radius: 7px;
}

.ddc-media-preview {
    max-width: 520px;
    margin-top: 8px;
}

.ddc-media-preview p {
    margin: 0;
    color: var(--ddc-muted);
}

/* Espacios publicitarios dinámicos v0.9.3 */
.ddc-panel-block {
    border: 1px solid var(--ddc-line);
    border-radius: 16px;
    padding: 18px;
    background: #fff;
}

.ddc-panel-block h3 {
    margin: 0 0 8px;
    font-size: 17px;
}

.ddc-panel-block p {
    margin: 0 0 14px;
    color: var(--ddc-muted);
}

.ddc-checkbox-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ddc-check-card {
    display: flex !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: flex-start;
    gap: 10px !important;
    border: 1px solid var(--ddc-line);
    border-radius: 14px;
    padding: 12px;
    background: #f8fafc;
}

.ddc-check-card input {
    margin-top: 3px;
}

.ddc-check-card strong,
.ddc-check-card small {
    display: block;
}

.ddc-check-card small {
    color: var(--ddc-muted);
    margin-top: 3px;
}

@media (max-width: 760px) {
    .ddc-checkbox-grid {
        grid-template-columns: 1fr;
    }
}

/* v0.9.6 - Suscriptores y planes manuales */
.ddc-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ddc-form-span-2 {
    grid-column: 1 / -1;
}

.ddc-badge-cancelled,
.ddc-badge-expired {
    background: #fef3f2;
    color: var(--ddc-danger);
}

@media (max-width: 980px) {
    .ddc-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .ddc-grid-4 {
        grid-template-columns: 1fr;
    }
}

.ddc-grid-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
@media (max-width: 1500px) {
    .ddc-grid-8 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
    .ddc-grid-8 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .ddc-grid-8 { grid-template-columns: 1fr; }
}

/* v0.9.7 - Pagos */
.ddc-inline-check{display:flex;align-items:center;gap:10px}.ddc-inline-check input{width:auto}.ddc-helper-box code{white-space:normal;word-break:break-all}

/* v1.0.2 - Configuración visual global */
.ddc-social-settings-grid {
    display: grid;
    gap: 12px;
}

.ddc-social-setting-row {
    display: grid;
    grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--ddc-line);
    border-radius: 14px;
    background: #f8fafc;
}

@media (max-width: 760px) {
    .ddc-social-setting-row {
        grid-template-columns: 1fr;
    }
}

/* Configuración visual global v1.0.3 */
.ddc-logo-width-field {
    display: block;
    margin-top: 12px;
}

.ddc-logo-width-field input {
    max-width: 180px;
}

/* v1.0.4 - Fecha global y clima por localidad personalizada */
.ddc-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 980px) {
    .ddc-grid-3 {
        grid-template-columns: 1fr;
    }
}

/* v1.1.3 - Gestión editorial + SEO */
.ddc-news-title-link {
    color: var(--ddc-text);
    text-decoration: none;
}
.ddc-news-title-link:hover {
    color: #1d4ed8;
    text-decoration: underline;
}
.ddc-inline-toggle-form {
    margin: 0;
}
.ddc-switch {
    width: 46px;
    height: 26px;
    border-radius: 999px;
    border: 1px solid var(--ddc-line);
    background: #cbd5e1;
    padding: 2px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: background .18s ease, border-color .18s ease;
}
.ddc-switch span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .18);
    transform: translateX(0);
    transition: transform .18s ease;
}
.ddc-switch.is-on {
    background: var(--ddc-success);
    border-color: var(--ddc-success);
}
.ddc-switch.is-on span {
    transform: translateX(20px);
}
.ddc-seo-panel textarea {
    min-height: 84px;
}
.ddc-seo-preview {
    border: 1px solid var(--ddc-line);
    border-radius: 12px;
    padding: 12px;
    background: #f8fafc;
    display: grid;
    gap: 4px;
}
.ddc-seo-preview strong {
    display: block;
    color: #1a0dab;
    font-size: 15px;
    line-height: 1.2;
}
.ddc-seo-preview span {
    color: #006621;
    font-size: 12px;
    word-break: break-all;
}
.ddc-seo-preview p {
    margin: 2px 0 0;
    color: #4b5563;
    font-size: 13px;
    line-height: 1.35;
}
.ddc-seo-checklist {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 8px;
}
.ddc-seo-checklist span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    background: #eef2f7;
    color: #475467;
}
.ddc-seo-checklist .is-ok {
    background: #ecfdf3;
    color: var(--ddc-success);
}
.ddc-seo-checklist .is-missing {
    background: #fff7ed;
    color: var(--ddc-warning);
}

/* v1.1.4 - Editor mobile + acciones flotantes */
.ddc-editor-top-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.ddc-news-editor-card {
    padding-bottom: 92px;
}
.ddc-floating-savebar {
    position: fixed;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    width: min(720px, calc(100vw - 32px));
    z-index: 9998;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 18px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 55px rgba(15, 23, 42, .18);
    backdrop-filter: blur(12px);
}
.ddc-floating-savebar__title {
    display: grid;
    gap: 2px;
    min-width: 0;
}
.ddc-floating-savebar__title strong {
    font-size: 13px;
    line-height: 1.1;
}
.ddc-floating-savebar__title span {
    color: var(--ddc-muted);
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 360px;
}
.ddc-floating-savebar__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
@media (max-width: 1180px) {
    .ddc-actions-sticky {
        display: none;
    }
}
@media (max-width: 760px) {
    body.ddc-standalone-panel {
        overflow-x: hidden !important;
    }
    .ddc-app {
        border-radius: 0;
        min-height: 100vh;
    }
    .ddc-sidebar {
        padding: 12px;
        gap: 12px;
    }
    .ddc-brand-mark {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }
    .ddc-brand strong,
    .ddc-userbox {
        display: none;
    }
    .ddc-nav {
        gap: 6px;
        margin: 0 -4px;
        padding: 0 4px 4px;
    }
    .ddc-nav a {
        padding: 9px 10px;
        font-size: 12px;
        border-radius: 999px;
    }
    .ddc-main {
        padding: 14px;
    }
    .ddc-news-editor-card {
        padding: 14px 14px 104px;
        border-radius: 16px;
    }
    .ddc-editor-top-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .ddc-editor-top-actions .ddc-btn {
        justify-content: center;
        width: 100%;
        min-height: 42px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .ddc-panel-block {
        padding: 14px;
        border-radius: 14px;
        gap: 12px;
    }
    .ddc-panel-block h3 {
        font-size: 15px;
    }
    .ddc-form label,
    .ddc-fieldset legend,
    .ddc-label-title {
        font-size: 12px;
    }
    .ddc-form input[type="text"],
    .ddc-form input[type="url"],
    .ddc-form input[type="number"],
    .ddc-form input[type="email"],
    .ddc-form input[type="date"],
    .ddc-form textarea,
    .ddc-form select {
        font-size: 16px;
        min-height: 44px;
    }
    .ddc-wysiwyg-wrap {
        border-radius: 12px;
        overflow-x: auto;
    }
    .ddc-wysiwyg-wrap .wp-editor-tools,
    .ddc-wysiwyg-wrap .mce-toolbar-grp,
    .ddc-wysiwyg-wrap .quicktags-toolbar {
        position: sticky;
        top: 0;
        z-index: 4;
        background: #fff;
    }
    .ddc-wysiwyg-wrap iframe,
    .ddc-wysiwyg-wrap textarea.wp-editor-area {
        min-height: 330px !important;
    }
    .ddc-floating-savebar {
        left: 10px;
        right: 10px;
        bottom: 10px;
        transform: none;
        width: auto;
        border-radius: 16px;
        padding: 10px;
        align-items: center;
    }
    .ddc-floating-savebar__title span {
        max-width: 150px;
    }
    .ddc-floating-savebar__actions .ddc-btn {
        min-height: 42px;
        padding: 10px 12px;
        font-size: 12px;
    }
    .ddc-floating-savebar__actions .ddc-btn:not(.ddc-btn-primary) {
        display: none;
    }
}

/* v1.1.5 - Panel mobile, portada automática y tablas compactas */
.ddc-form-grid-tight {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.ddc-check-stack-inline {
    flex-direction: row;
    flex-wrap: wrap;
}
.ddc-legacy-frontpage summary {
    cursor: pointer;
    font-weight: 850;
    padding: 12px 0;
}
.ddc-panel-block p {
    margin-top: 0;
}
@media (max-width: 760px) {
    html, body, body.ddc-standalone-panel {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }
    .ddc-app {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
        display: block !important;
    }
    .ddc-sidebar {
        position: sticky;
        top: 0;
        z-index: 20;
        width: 100%;
        overflow-x: auto;
    }
    .ddc-main,
    .ddc-card,
    .ddc-panel-block,
    .ddc-fieldset {
        max-width: 100%;
        min-width: 0;
    }
    .ddc-header,
    .ddc-section-head {
        display: grid;
        grid-template-columns: 1fr;
    }
    .ddc-card {
        padding: 14px;
        border-radius: 16px;
    }
    .ddc-form-grid,
    .ddc-form-grid-tight,
    .ddc-grid-2,
    .ddc-frontpage-editor,
    .ddc-social-settings-grid {
        grid-template-columns: 1fr !important;
    }
    .ddc-form input,
    .ddc-form textarea,
    .ddc-form select,
    .ddc-card select,
    .ddc-card input[type="text"],
    .ddc-card input[type="url"],
    .ddc-card input[type="number"],
    .ddc-card input[type="date"],
    .ddc-card textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    .ddc-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
    }
    .ddc-table {
        min-width: 760px;
    }
    .ddc-position-card {
        min-width: 0;
    }
    .ddc-helper-box,
    .ddc-code-block {
        overflow-x: auto;
    }
    .ddc-floating-savebar {
        max-width: calc(100vw - 20px);
    }
}


/* v1.1.6 - Panel coherente + formularios modernos + ratio portada efectivo */
.ddc-card > form.ddc-form-grid,
.ddc-card > form.ddc-form,
.ddc-card form.ddc-form-grid {
    align-items: start;
}
.ddc-form-grid > label,
.ddc-card form.ddc-form-grid label:not(.ddc-inline-check):not(.ddc-checkline),
.ddc-card form.ddc-form-grid .ddc-fieldset label:not(.ddc-inline-check):not(.ddc-checkline) {
    display: grid;
    gap: 7px;
    font-size: 13px;
    font-weight: 760;
    color: var(--ddc-text);
}
.ddc-card form.ddc-form-grid input[type="text"],
.ddc-card form.ddc-form-grid input[type="email"],
.ddc-card form.ddc-form-grid input[type="url"],
.ddc-card form.ddc-form-grid input[type="number"],
.ddc-card form.ddc-form-grid input[type="date"],
.ddc-card form.ddc-form-grid input[type="datetime-local"],
.ddc-card form.ddc-form-grid input[type="password"],
.ddc-card form.ddc-form-grid select,
.ddc-card form.ddc-form-grid textarea,
.ddc-card .ddc-panel-block input[type="text"],
.ddc-card .ddc-panel-block input[type="email"],
.ddc-card .ddc-panel-block input[type="url"],
.ddc-card .ddc-panel-block input[type="number"],
.ddc-card .ddc-panel-block input[type="date"],
.ddc-card .ddc-panel-block input[type="password"],
.ddc-card .ddc-panel-block select,
.ddc-card .ddc-panel-block textarea {
    width: 100%;
    min-height: 46px;
    border: 1px solid var(--ddc-line);
    border-radius: 13px;
    padding: 11px 13px;
    font: inherit;
    font-weight: 560;
    background: #fff;
    color: var(--ddc-text);
    box-shadow: 0 1px 0 rgba(15,23,42,.03);
}
.ddc-card form.ddc-form-grid input:focus,
.ddc-card form.ddc-form-grid select:focus,
.ddc-card form.ddc-form-grid textarea:focus,
.ddc-card .ddc-panel-block input:focus,
.ddc-card .ddc-panel-block select:focus,
.ddc-card .ddc-panel-block textarea:focus {
    outline: 0;
    border-color: rgba(29, 78, 216, .55);
    box-shadow: 0 0 0 4px rgba(29, 78, 216, .10);
}
.ddc-card form.ddc-form-grid small,
.ddc-card .ddc-panel-block small {
    color: var(--ddc-muted);
    font-weight: 520;
    line-height: 1.35;
}
.ddc-fieldset,
.ddc-panel-block {
    background: linear-gradient(180deg, #fff, #fbfcfe);
    border: 1px solid #dbe4ef;
    box-shadow: 0 8px 24px rgba(15,23,42,.035);
}
.ddc-fieldset legend {
    color: #344054;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    letter-spacing: .01em;
}
.ddc-card .ddc-panel-block h3 {
    font-size: 16px;
    letter-spacing: -.02em;
    display: flex;
    align-items: center;
    gap: 8px;
}
.ddc-card .ddc-panel-block h3::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 99px;
    background: var(--ddc-primary);
    box-shadow: 0 0 0 4px rgba(15,23,42,.06);
}
.ddc-card form.ddc-form-grid .ddc-panel-actions,
.ddc-card form.ddc-form-grid .ddc-form-span-2.ddc-panel-actions {
    position: sticky;
    bottom: 16px;
    z-index: 8;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 18px;
    background: rgba(255,255,255,.95);
    box-shadow: 0 14px 45px rgba(15,23,42,.10);
    padding: 12px;
    backdrop-filter: blur(10px);
}
.ddc-card .ddc-helper-box {
    background: #f6f9ff;
    border-color: #d9e7ff;
}
.ddc-table.compact th,
.ddc-table.compact td {
    padding: 13px 12px;
}
.ddc-preview-shell .ddc-public-home--ratio-60-40 .ddc-public-home__hero,
.ddc-public-home--ratio-60-40 .ddc-public-home__hero {
    grid-template-columns: minmax(0, 60fr) minmax(300px, 40fr);
}
.ddc-preview-shell .ddc-public-home--ratio-65-35 .ddc-public-home__hero,
.ddc-public-home--ratio-65-35 .ddc-public-home__hero {
    grid-template-columns: minmax(0, 65fr) minmax(300px, 35fr);
}
.ddc-preview-shell .ddc-public-home--ratio-70-30 .ddc-public-home__hero,
.ddc-public-home--ratio-70-30 .ddc-public-home__hero {
    grid-template-columns: minmax(0, 70fr) minmax(280px, 30fr);
}
.ddc-portada-settings-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 14px 0 0;
}
.ddc-portada-settings-summary span {
    display: grid;
    gap: 3px;
    border: 1px solid var(--ddc-line);
    border-radius: 14px;
    background: #f8fafc;
    padding: 10px 12px;
    color: var(--ddc-muted);
    font-size: 12px;
}
.ddc-portada-settings-summary strong {
    color: var(--ddc-text);
    font-size: 14px;
}
@media (max-width: 980px) {
    .ddc-portada-settings-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-public-home--ratio-60-40 .ddc-public-home__hero,
    .ddc-public-home--ratio-65-35 .ddc-public-home__hero,
    .ddc-public-home--ratio-70-30 .ddc-public-home__hero { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .ddc-card form.ddc-form-grid .ddc-panel-actions,
    .ddc-card form.ddc-form-grid .ddc-form-span-2.ddc-panel-actions {
        position: static;
    }
    .ddc-portada-settings-summary { grid-template-columns: 1fr; }
}

/* v1.1.7 - Licencias y módulos */
.ddc-license-card .ddc-section-head,
.ddc-modules-card .ddc-section-head {
    align-items: flex-start;
}
.ddc-help-inline {
    color: var(--ddc-muted);
    font-weight: 560;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.ddc-badge-warning {
    color: #92400e;
    background: #fff7ed;
}
.ddc-module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.ddc-module-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    border: 1px solid #dbe4ef;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border-radius: 16px;
    padding: 15px;
    box-shadow: 0 8px 22px rgba(15,23,42,.035);
}
.ddc-module-card strong {
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
    color: var(--ddc-text);
}
.ddc-module-card span,
.ddc-module-card small {
    display: block;
    color: var(--ddc-muted);
    line-height: 1.35;
}
.ddc-module-card small {
    margin-top: 7px;
    font-size: 12px;
}
.ddc-switch input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}
.ddc-switch input:checked + span {
    background: var(--ddc-success);
    border-color: var(--ddc-success);
}
.ddc-switch input:checked + span::before {
    transform: translateX(20px);
}
.ddc-switch input + span {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 26px;
    border-radius: 999px;
    background: #cbd5e1;
    border: 1px solid var(--ddc-line);
    transition: background .18s ease, border-color .18s ease;
}
.ddc-switch input + span::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .18);
    transition: transform .18s ease;
}
@media (max-width: 1180px) {
    .ddc-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .ddc-module-grid { grid-template-columns: 1fr; }
    .ddc-module-card { align-items: center; }
}

/* v1.1.8 - Dashboard profesional */
.ddc-dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 60%, #edf4ff 100%);
}
.ddc-dashboard-kicker {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 5px 10px;
    background: #e8eef8;
    color: #0f172a;
    font-weight: 850;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 10px;
}
.ddc-dashboard-hero h2 {
    margin: 0 0 8px;
    font-size: 30px;
    letter-spacing: -.04em;
}
.ddc-dashboard-hero p {
    max-width: 720px;
}
.ddc-dashboard-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    max-width: 430px;
}
.ddc-dashboard-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.ddc-dashboard-stats .ddc-stat {
    margin-bottom: 0;
    min-height: 128px;
}
.ddc-dashboard-stats .ddc-stat small,
.ddc-commercial-list small,
.ddc-dashboard-news-list small,
.ddc-empty-state span,
.ddc-seo-list small,
.ddc-alert-item span {
    display: block;
    color: var(--ddc-muted);
    font-size: 12px;
    margin-top: 6px;
}
.ddc-stat-editorial {
    border-color: rgba(15, 23, 42, .22);
}
.ddc-dashboard-columns {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
    gap: 18px;
    align-items: start;
    margin-bottom: 18px;
}
.ddc-dashboard-columns-wide {
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, .75fr);
}
.ddc-dashboard-panel {
    margin-bottom: 0;
}
.ddc-alert-list,
.ddc-seo-list,
.ddc-dashboard-news-list,
.ddc-commercial-list {
    display: grid;
    gap: 10px;
}
.ddc-alert-item,
.ddc-dashboard-news-list article,
.ddc-commercial-list article,
.ddc-seo-list article {
    border: 1px solid var(--ddc-line);
    border-radius: 14px;
    padding: 12px 14px;
    background: #f8fafc;
}
.ddc-alert-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}
.ddc-alert-item a,
.ddc-seo-list a,
.ddc-dashboard-news-list a {
    color: #0f172a;
    font-weight: 850;
    text-decoration: none;
}
.ddc-alert-warning { border-color: #fedf89; background: #fffcf5; }
.ddc-alert-danger { border-color: #fecdca; background: #fef3f2; }
.ddc-alert-info { border-color: #b2ddff; background: #f0f9ff; }
.ddc-empty-state {
    border: 1px dashed var(--ddc-line);
    border-radius: 14px;
    padding: 18px;
    background: #f8fafc;
}
.ddc-score-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 38px;
    border-radius: 999px;
    background: #ecfdf3;
    color: var(--ddc-success);
    font-weight: 900;
}
.ddc-progress {
    height: 10px;
    border-radius: 999px;
    background: #eef2f7;
    overflow: hidden;
    margin-bottom: 10px;
}
.ddc-progress span {
    display: block;
    height: 100%;
    background: #0f172a;
    border-radius: inherit;
}
.ddc-dashboard-news-list article,
.ddc-commercial-list article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}
.ddc-dashboard-news-badges {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}
.ddc-commercial-list article > div:last-child {
    text-align: right;
}
@media (max-width: 1180px) {
    .ddc-dashboard-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ddc-dashboard-columns,
    .ddc-dashboard-columns-wide,
    .ddc-dashboard-hero {
        grid-template-columns: 1fr;
    }
    .ddc-dashboard-actions {
        justify-content: flex-start;
        max-width: none;
    }
}
@media (max-width: 680px) {
    .ddc-dashboard-stats,
    .ddc-dashboard-news-list article,
    .ddc-commercial-list article,
    .ddc-alert-item {
        grid-template-columns: 1fr;
    }
    .ddc-commercial-list article > div:last-child {
        text-align: left;
    }
    .ddc-dashboard-hero h2 {
        font-size: 24px;
    }
}

/* v1.1.9 - Responsive real en panel + indicador SEO en listados */
.ddc-seo-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef2f7;
    color: #334155;
    font-weight: 850;
    font-size: 12px;
    white-space: nowrap;
}
.ddc-seo-status small {
    margin: 0 !important;
    color: inherit !important;
    opacity: .72;
    font-weight: 800;
}
.ddc-seo-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
    display: inline-block;
}
.ddc-seo-status.is-good {
    background: #e7f8ee;
    color: #047857;
}
.ddc-seo-status.is-warn {
    background: #fff7ed;
    color: #c2410c;
}
.ddc-seo-status.is-bad {
    background: #fef2f2;
    color: #b91c1c;
}
.ddc-icon-actions {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.ddc-icon-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-height: 0;
    border-radius: 999px;
    text-decoration: none;
}
.ddc-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #eef2f7;
    color: #0f172a;
    line-height: 1;
    text-decoration: none;
    transition: transform .18s ease, background-color .18s ease, color .18s ease;
}
.ddc-action-icon svg {
    width: 16px;
    height: 16px;
    display: block;
}
.ddc-icon-action:hover .ddc-action-icon,
.ddc-icon-action:focus-visible .ddc-action-icon {
    transform: translateY(-1px);
    background: #e2e8f0;
}
.ddc-link-danger .ddc-action-icon {
    background: #fef2f2;
    color: var(--ddc-danger);
}
.ddc-link-danger:hover .ddc-action-icon,
.ddc-link-danger:focus-visible .ddc-action-icon {
    background: #fee2e2;
}
.ddc-action-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.ddc-inline-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ddc-inline-icon svg {
    width: 1em;
    height: 1em;
    display: block;
}

@media (max-width: 760px) {
    body.ddc-standalone-panel .ddc-content,
    body.ddc-standalone-panel .ddc-card,
    body.ddc-standalone-panel .ddc-panel-block {
        min-width: 0 !important;
    }
    .ddc-table-wrap {
        overflow: visible !important;
        border-radius: 0;
    }
    .ddc-table.ddc-responsive-table,
    .ddc-table.ddc-responsive-table thead,
    .ddc-table.ddc-responsive-table tbody,
    .ddc-table.ddc-responsive-table tr,
    .ddc-table.ddc-responsive-table th,
    .ddc-table.ddc-responsive-table td {
        display: block;
        width: 100%;
        min-width: 0 !important;
    }
    .ddc-table.ddc-responsive-table {
        border-collapse: separate;
        border-spacing: 0;
    }
    .ddc-table.ddc-responsive-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
    .ddc-table.ddc-responsive-table tr {
        background: #fff;
        border: 1px solid var(--ddc-line);
        border-radius: 16px;
        margin: 0 0 12px;
        padding: 12px;
        box-shadow: 0 8px 22px rgba(15,23,42,.04);
    }
    .ddc-table.ddc-responsive-table td {
        display: grid;
        grid-template-columns: 92px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        border-bottom: 1px solid #edf2f7;
        padding: 9px 0;
        font-size: 13px;
    }
    .ddc-table.ddc-responsive-table td:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .ddc-table.ddc-responsive-table td::before {
        content: attr(data-label);
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: .06em;
        font-weight: 900;
        color: var(--ddc-muted);
    }
    .ddc-table.ddc-news-table td[data-label="Noticia"] {
        display: block;
        padding-top: 0;
    }
    .ddc-table.ddc-news-table td[data-label="Noticia"]::before {
        content: "";
        display: none;
    }
    .ddc-table.ddc-news-table .ddc-news-title-link {
        display: block;
        font-size: 15px;
        line-height: 1.22;
        margin-bottom: 5px;
    }
    .ddc-actions-cell.ddc-icon-actions {
        justify-content: flex-start;
        align-items: center;
    }
    .ddc-icon-actions .ddc-small-link,
    .ddc-icon-actions .ddc-link-danger {
        padding: 0;
        text-decoration: none;
    }
    .ddc-action-icon {
        display: inline-flex;
    }
    .ddc-helper-box code {
        white-space: normal;
        word-break: break-word;
    }
}

@media (max-width: 520px) {
    .ddc-table.ddc-responsive-table td {
        grid-template-columns: 78px minmax(0, 1fr);
    }
    .ddc-seo-status .ddc-seo-text {
        display: none;
    }
}

/* v1.2.2 - Listado de noticias estable: filtros, paginación y responsive */
.ddc-filter-bar {
    display: grid;
    grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(150px, 1fr)) auto;
    gap: 14px;
    align-items: end;
    padding: 18px;
    margin: 16px 0;
    border: 1px solid var(--ddc-border, #d9e0ea);
    border-radius: 18px;
    background: #f8fafc;
}
.ddc-filter-bar label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-size: 13px;
    font-weight: 800;
    color: var(--ddc-text, #0b1426);
}
.ddc-filter-bar input,
.ddc-filter-bar select {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--ddc-border, #d9e0ea);
    border-radius: 12px;
    padding: 8px 11px;
    background: #fff;
}
.ddc-filter-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}
.ddc-list-summary {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 12px 0 14px;
    color: var(--ddc-muted, #667085);
    font-size: 13px;
}
.ddc-list-summary strong { color: var(--ddc-text, #0b1426); }
.ddc-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--ddc-border, #d9e0ea);
}
@media (max-width: 1100px) {
    .ddc-filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-filter-actions { justify-content: flex-start; }
}
@media (max-width: 760px) {
    .ddc-filter-bar { grid-template-columns: 1fr; padding: 14px; }
    .ddc-filter-actions { flex-direction: column; align-items: stretch; }
    .ddc-filter-actions .ddc-btn { width: 100%; text-align: center; justify-content: center; }
    .ddc-list-summary { flex-direction: column; align-items: flex-start; }
    .ddc-pagination { flex-wrap: wrap; }
}

/* v1.2.3-recovery - switch destacadas estable */
.ddc-switch.is-loading,
.ddc-switch:disabled {
    opacity: .68;
    cursor: wait;
}
.ddc-switch span {
    pointer-events: none;
}
@media (max-width: 720px) {
    .ddc-news-filter-bar {
        grid-template-columns: 1fr;
    }
    .ddc-news-table .ddc-inline-toggle-form {
        display: inline-flex;
        justify-content: flex-end;
        width: 100%;
    }
    .ddc-news-table .ddc-icon-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

/* v1.2.9-recovery - UX de configuración de secciones: ayudas y previsualizador de layouts */
.ddc-label-with-help {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
}
.ddc-help-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(100, 116, 139, .28);
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    cursor: help;
    padding: 0;
    z-index: 3;
}
.ddc-help-trigger::after {
    content: attr(data-ddc-help);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    width: min(280px, 72vw);
    transform: translateX(-50%) translateY(3px);
    padding: 10px 12px;
    border-radius: 12px;
    background: #0f172a;
    color: #fff;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
    text-transform: none;
    letter-spacing: 0;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 60;
}
.ddc-help-trigger::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 4px);
    width: 10px;
    height: 10px;
    background: #0f172a;
    transform: translateX(-50%) rotate(45deg);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 59;
}
.ddc-help-trigger:hover,
.ddc-help-trigger:focus-visible {
    background: #eef2ff;
    border-color: rgba(37, 99, 235, .35);
    color: #1d4ed8;
    outline: none;
}
.ddc-help-trigger:hover::after,
.ddc-help-trigger:focus-visible::after,
.ddc-help-trigger:hover::before,
.ddc-help-trigger:focus-visible::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.ddc-help-trigger:hover::before,
.ddc-help-trigger:focus-visible::before {
    transform: translateX(-50%) rotate(45deg);
}
.ddc-checkline .ddc-help-trigger {
    margin-left: 4px;
}
.ddc-layout-preview {
    --ddc-preview-accent: #d1007d;
    grid-column: 1 / -1;
    border: 1px solid #dbe7f5;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    padding: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.ddc-layout-preview__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}
.ddc-layout-preview__head strong {
    display: block;
    color: #0f172a;
    font-size: 15px;
    font-weight: 900;
}
.ddc-layout-preview__head p {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.35;
}
.ddc-layout-preview__head > span {
    flex: 0 0 auto;
    border: 1px solid rgba(15, 23, 42, .08);
    background: #fff;
    color: #64748b;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.ddc-layout-preview__canvas {
    min-height: 210px;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 16px;
    background: #fff;
    padding: 14px;
    overflow: hidden;
}
.ddc-layout-preview__mock {
    display: none;
    height: 100%;
}
.ddc-layout-preview__mock.is-active {
    display: block;
}
.ddc-layout-preview i,
.ddc-layout-preview b,
.ddc-layout-preview em {
    display: block;
    border-radius: 12px;
    background: linear-gradient(135deg, #edf2f7, #dbe4ef);
    position: relative;
    overflow: hidden;
}
.ddc-layout-preview i::after,
.ddc-layout-preview b::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    height: 6px;
    border-radius: 999px;
    background: var(--ddc-preview-accent);
    opacity: .85;
}
.ddc-preview-grid--grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.ddc-preview-grid--grid i {
    min-height: 160px;
}
.ddc-preview-list {
    display: grid;
    gap: 10px;
}
.ddc-preview-list i {
    min-height: 54px;
    display: grid;
    grid-template-columns: 96px 1fr;
}
.ddc-preview-list i::before {
    content: "";
    display: block;
    background: rgba(15, 23, 42, .08);
}
.ddc-preview-compact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.ddc-preview-compact i {
    min-height: 74px;
    display: grid;
    grid-template-columns: 80px 1fr;
}
.ddc-preview-compact i::before {
    content: "";
    display: block;
    background: rgba(15, 23, 42, .08);
}
.ddc-preview-hero,
.ddc-preview-magazine {
    display: grid;
    grid-template-columns: 1.35fr .8fr;
    gap: 12px;
}
.ddc-preview-hero > i,
.ddc-preview-magazine > i {
    min-height: 172px;
}
.ddc-preview-hero span,
.ddc-preview-magazine span {
    display: grid;
    gap: 10px;
}
.ddc-preview-hero b,
.ddc-preview-magazine b {
    min-height: 50px;
}
.ddc-preview-video {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.ddc-preview-video i {
    min-height: 150px;
}
.ddc-preview-video i::before {
    content: "▶";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff;
    color: var(--ddc-preview-accent);
    transform: translate(-50%, -50%);
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
}
.ddc-preview-mixed {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.ddc-preview-mixed i {
    min-height: 128px;
}
.ddc-preview-mixed em {
    grid-column: 1 / -1;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border: 1px dashed rgba(100, 116, 139, .32);
    color: #64748b;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.ddc-preview-magazine {
    grid-template-columns: 1.6fr .82fr;
}
.ddc-preview-magazine > i {
    min-height: 184px;
}
.ddc-preview-magazine b:first-child {
    min-height: 76px;
}
@media (max-width: 760px) {
    .ddc-layout-preview__head {
        flex-direction: column;
    }
    .ddc-layout-preview__canvas {
        min-height: 180px;
        padding: 10px;
    }
    .ddc-preview-grid--grid,
    .ddc-preview-compact,
    .ddc-preview-video,
    .ddc-preview-mixed,
    .ddc-preview-hero,
    .ddc-preview-magazine {
        grid-template-columns: 1fr;
    }
    .ddc-preview-grid--grid i,
    .ddc-preview-video i,
    .ddc-preview-hero > i,
    .ddc-preview-magazine > i {
        min-height: 90px;
    }
}


/* v1.2.9-recovery - Preview real y tooltip menos invasivo */
.ddc-help-trigger::after {
    left: auto;
    right: -8px;
    bottom: auto;
    top: calc(100% + 9px);
    transform: translateY(-3px);
    width: min(300px, 72vw);
    text-align: left;
}
.ddc-help-trigger::before {
    left: auto;
    right: 3px;
    bottom: auto;
    top: calc(100% + 4px);
    transform: rotate(45deg);
}
.ddc-help-trigger:hover::after,
.ddc-help-trigger:focus-visible::after {
    transform: translateY(0);
}
.ddc-help-trigger:hover::before,
.ddc-help-trigger:focus-visible::before {
    transform: rotate(45deg);
}
.ddc-layout-preview__canvas[data-ddc-layout-preview-canvas] {
    min-height: 220px;
    overflow: auto;
}
.ddc-preview-live {
    display: grid;
    gap: 12px;
    height: 100%;
}
.ddc-preview-card,
.ddc-preview-side,
.ddc-preview-ad {
    min-width: 0;
}
.ddc-preview-card {
    position: relative;
    display: grid;
    gap: 8px;
    align-content: start;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 14px;
    background: #fff;
    padding: 12px;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(15, 23, 42, .04);
}
.ddc-preview-card::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    width: 38px;
    height: 4px;
    border-radius: 999px;
    background: var(--ddc-preview-accent);
}
.ddc-preview-card > span {
    display: block;
    min-height: 82px;
    margin: -12px -12px 2px;
    border-radius: 13px 13px 0 0;
    background: linear-gradient(135deg, #edf2f7, #dbe4ef);
}
.ddc-preview-card > strong,
.ddc-preview-card div > strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -.02em;
}
.ddc-preview-card p,
.ddc-preview-card div > p {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.35;
}
.ddc-preview-live--grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ddc-preview-live--list {
    grid-template-columns: 1fr;
}
.ddc-preview-live--list .ddc-preview-card {
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: center;
}
.ddc-preview-live--list .ddc-preview-card > span {
    min-height: 72px;
    margin: 0;
    border-radius: 12px;
}
.ddc-preview-live--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ddc-preview-live--compact .ddc-preview-card {
    grid-template-columns: 74px minmax(0, 1fr);
    align-items: center;
    min-height: 76px;
}
.ddc-preview-live--compact .ddc-preview-card > span {
    min-height: 52px;
    margin: 0;
    border-radius: 12px;
}
.ddc-preview-live--hero,
.ddc-preview-live--magazine {
    grid-template-columns: minmax(0, 1.55fr) minmax(220px, .85fr);
}
.ddc-preview-live--hero .is-main,
.ddc-preview-live--magazine .is-main {
    min-height: 190px;
}
.ddc-preview-live--hero .is-main > span,
.ddc-preview-live--magazine .is-main > span {
    min-height: 116px;
}
.ddc-preview-side {
    display: grid;
    gap: 10px;
}
.ddc-preview-live--hero .ddc-preview-side .ddc-preview-card,
.ddc-preview-live--magazine .ddc-preview-side .ddc-preview-card {
    grid-template-columns: 78px minmax(0, 1fr);
    align-items: center;
    min-height: 58px;
}
.ddc-preview-live--hero .ddc-preview-side .ddc-preview-card > span,
.ddc-preview-live--magazine .ddc-preview-side .ddc-preview-card > span {
    min-height: 48px;
    margin: 0;
    border-radius: 10px;
}
.ddc-preview-live--video {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ddc-preview-live--video .ddc-preview-card > span {
    position: relative;
    min-height: 120px;
}
.ddc-preview-live--video .ddc-preview-card > span::after {
    content: "▶";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff;
    color: var(--ddc-preview-accent);
    transform: translate(-50%, -50%);
    font-size: 13px;
    font-weight: 900;
}
.ddc-preview-live--mixed {
    grid-template-columns: 1fr 1fr;
}
.ddc-preview-live--mixed .ddc-preview-ad {
    grid-column: 1 / -1;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(100, 116, 139, .35);
    border-radius: 14px;
    background: #f8fafc;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}
@media (max-width: 760px) {
    .ddc-help-trigger::after {
        right: auto;
        left: 50%;
        transform: translateX(-50%) translateY(-3px);
    }
    .ddc-help-trigger::before {
        right: auto;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
    }
    .ddc-help-trigger:hover::after,
    .ddc-help-trigger:focus-visible::after {
        transform: translateX(-50%) translateY(0);
    }
    .ddc-help-trigger:hover::before,
    .ddc-help-trigger:focus-visible::before {
        transform: translateX(-50%) rotate(45deg);
    }
    .ddc-preview-live--grid,
    .ddc-preview-live--compact,
    .ddc-preview-live--hero,
    .ddc-preview-live--magazine,
    .ddc-preview-live--video,
    .ddc-preview-live--mixed {
        grid-template-columns: 1fr;
    }
    .ddc-preview-live--list .ddc-preview-card,
    .ddc-preview-live--compact .ddc-preview-card,
    .ddc-preview-live--hero .ddc-preview-side .ddc-preview-card,
    .ddc-preview-live--magazine .ddc-preview-side .ddc-preview-card {
        grid-template-columns: 78px minmax(0, 1fr);
    }
}


/* v1.3.3 - Diagnóstico seguro de medios */
.ddc-media-scan-card .ddc-kpi-grid {
    margin-top: 14px;
}
.ddc-media-scan-sample {
    margin-top: 14px;
    border: 1px solid var(--ddc-line);
    border-radius: 12px;
    padding: 12px 14px;
    background: #fff;
}
.ddc-media-scan-sample summary {
    cursor: pointer;
    font-weight: 800;
}
.ddc-media-scan-sample ul {
    margin: 12px 0 0;
    padding-left: 18px;
}
.ddc-media-scan-sample li {
    margin: 4px 0;
    word-break: break-all;
}

/* v1.3.4 - Limpieza controlada de miniaturas registradas */
.ddc-btn-danger {
    background: #b42318;
    border-color: #b42318;
    color: #fff;
}
.ddc-btn-danger:hover,
.ddc-btn-danger:focus-visible {
    background: #912018;
    border-color: #912018;
    color: #fff;
}
.ddc-media-registered-box,
.ddc-media-cleanup-box {
    margin-top: 14px;
}


/* v1.3.5 - Organización visual de Sistema y editor de noticias */
.ddc-system-index {
    position: sticky;
    top: 12px;
    z-index: 8;
}
.ddc-system-index-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.ddc-system-index-grid a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 15px;
    border: 1px solid var(--ddc-line);
    border-radius: 16px;
    background: linear-gradient(180deg, #fff, #f8fafc);
    color: var(--ddc-text);
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(15,23,42,.035);
}
.ddc-system-index-grid a:hover {
    border-color: rgba(15,23,42,.18);
    transform: translateY(-1px);
}
.ddc-system-index-grid strong {
    font-size: 13px;
    font-weight: 900;
}
.ddc-system-index-grid span {
    color: var(--ddc-muted);
    font-size: 12px;
    line-height: 1.25;
}
.ddc-system-block {
    scroll-margin-top: 115px;
}

.ddc-editor-quicknav {
    position: sticky;
    top: 12px;
    z-index: 7;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
    padding: 10px;
    border: 1px solid var(--ddc-line);
    border-radius: 18px;
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(10px);
    box-shadow: 0 16px 36px rgba(15,23,42,.07);
}
.ddc-editor-quicknav a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    background: #f8fafc;
    color: var(--ddc-text);
    text-decoration: none;
    font-size: 12px;
    font-weight: 850;
    border: 1px solid rgba(148,163,184,.20);
}
.ddc-editor-quicknav a:hover {
    background: #eef2ff;
    border-color: rgba(79,70,229,.18);
}
.ddc-editor-step {
    scroll-margin-top: 100px;
}
.ddc-editor-step-head {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 16px;
}
.ddc-editor-step-head > span {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-weight: 950;
    color: #fff;
    background: var(--ddc-primary);
    box-shadow: 0 10px 22px rgba(15,23,42,.16);
}
.ddc-editor-step-head h3 {
    margin: 0;
}
.ddc-editor-step-head p {
    margin: 3px 0 0;
    color: var(--ddc-muted);
    font-size: 13px;
}
.ddc-editor-step--content .ddc-editor-step-head > span { background: #2563eb; }
.ddc-editor-step--media .ddc-editor-step-head > span { background: #7c3aed; }
.ddc-editor-step--publish .ddc-editor-step-head > span { background: #059669; }
.ddc-editor-step--taxonomy .ddc-editor-step-head > span { background: #ea580c; }
.ddc-editor-step--author .ddc-editor-step-head > span { background: #0f766e; }
.ddc-editor-step--seo .ddc-editor-step-head > span { background: #be123c; }

@media (max-width: 1080px) {
    .ddc-system-index-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .ddc-system-index,
    .ddc-editor-quicknav {
        position: static;
    }
    .ddc-system-index-grid {
        grid-template-columns: 1fr;
    }
    .ddc-editor-quicknav {
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 8px;
    }
    .ddc-editor-quicknav a {
        white-space: nowrap;
    }
    .ddc-editor-step-head {
        gap: 10px;
    }
    .ddc-editor-step-head > span {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
}


/* v1.3.6 - Guía rápida y ayudas contextuales */
.ddc-header-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
.ddc-tour-overlay[hidden] {
    display: none !important;
}
.ddc-tour-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, .44);
    backdrop-filter: blur(5px);
}
.ddc-tour-card {
    position: relative;
    width: min(440px, calc(100vw - 28px));
    border-radius: 24px;
    background: #fff;
    padding: 24px;
    box-shadow: 0 30px 90px rgba(15, 23, 42, .32);
    border: 1px solid rgba(255,255,255,.6);
}
.ddc-tour-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid var(--ddc-line);
    background: #fff;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
}
.ddc-tour-step-count {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 12px;
}
.ddc-tour-card h2 {
    margin: 0 34px 8px 0;
    font-size: 24px;
    letter-spacing: -.04em;
}
.ddc-tour-progress {
    width: 100%;
    height: 5px;
    margin: 10px 0 16px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(148, 163, 184, .22);
}
.ddc-tour-progress > span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: currentColor;
    transition: width .22s ease;
}
.ddc-tour-card--commercial {
    max-width: 560px;
}
.ddc-tour-card--commercial .ddc-tour-step-count {
    letter-spacing: .04em;
}

.ddc-tour-card p {
    margin: 0;
    color: var(--ddc-muted);
    line-height: 1.55;
}
.ddc-tour-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}
.ddc-tour-highlight {
    position: relative;
    z-index: 100000;
    outline: 3px solid rgba(37, 99, 235, .72);
    outline-offset: 4px;
    border-radius: 14px;
    box-shadow: 0 0 0 8px rgba(37, 99, 235, .15);
}
body.ddc-tour-open {
    overflow: hidden;
}
.ddc-help-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    margin-left: 6px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 12px;
    font-weight: 900;
    cursor: help;
    border: 1px solid rgba(99, 102, 241, .22);
}
.ddc-help-dot:hover::after,
.ddc-help-dot:focus::after {
    content: attr(data-help);
    position: absolute;
    z-index: 1000;
    width: min(280px, calc(100vw - 40px));
    padding: 10px 12px;
    margin-top: 42px;
    margin-left: -18px;
    border-radius: 12px;
    background: #0f172a;
    color: #fff;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
    box-shadow: 0 18px 45px rgba(15,23,42,.22);
}
@media (max-width: 760px) {
    .ddc-header-actions {
        justify-content: flex-start;
        width: 100%;
    }
    .ddc-tour-card {
        padding: 20px;
    }
    .ddc-tour-actions {
        justify-content: stretch;
    }
    .ddc-tour-actions .ddc-btn {
        flex: 1;
    }
}


/* v1.3.7 - Bloques colapsables y limpieza de guía */
.ddc-compact-toggle {
    white-space: nowrap;
}
.ddc-collapsible-block {
    transition: box-shadow .18s ease, opacity .18s ease;
}
.ddc-collapsible-block > .ddc-section-head,
.ddc-collapsible-block > .ddc-editor-step-head,
.ddc-collapsible-block > h2,
.ddc-collapsible-block > h3 {
    position: relative;
    padding-right: 118px;
}
.ddc-collapse-toggle {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(148,163,184,.28);
    background: #fff;
    color: var(--ddc-muted);
    cursor: pointer;
    font-size: 12px;
    font-weight: 850;
    box-shadow: 0 8px 20px rgba(15,23,42,.05);
}
.ddc-collapse-toggle:hover {
    color: var(--ddc-text);
    border-color: rgba(15,23,42,.20);
}
.ddc-collapsible-block.is-collapsed {
    opacity: .92;
}
.ddc-collapsible-block.is-collapsed > *:not(.ddc-section-head):not(.ddc-editor-step-head):not(h2):not(h3) {
    display: none !important;
}
.ddc-collapsible-block.is-collapsed > .ddc-section-head,
.ddc-collapsible-block.is-collapsed > .ddc-editor-step-head,
.ddc-collapsible-block.is-collapsed > h2,
.ddc-collapsible-block.is-collapsed > h3 {
    margin-bottom: 0 !important;
}
.ddc-collapsible-block.is-collapsed > .ddc-section-head p,
.ddc-collapsible-block.is-collapsed > .ddc-editor-step-head p {
    display: none;
}
@media (max-width: 760px) {
    .ddc-collapsible-block > .ddc-section-head,
    .ddc-collapsible-block > .ddc-editor-step-head,
    .ddc-collapsible-block > h2,
    .ddc-collapsible-block > h3 {
        padding-right: 0;
        padding-bottom: 42px;
    }
    .ddc-collapse-toggle {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
    }
    .ddc-compact-toggle {
        flex: 1 1 auto;
    }
}


/* v1.3.8 - Botones de contraer/expandir con flechas */
.ddc-collapse-toggle {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    color: var(--ddc-text);
}
.ddc-collapse-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
    transform: translateY(-1px);
}
.ddc-compact-toggle {
    gap: 7px;
}
.ddc-compact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-weight: 950;
}
@media (max-width: 760px) {
    .ddc-collapsible-block > .ddc-section-head,
    .ddc-collapsible-block > .ddc-editor-step-head,
    .ddc-collapsible-block > h2,
    .ddc-collapsible-block > h3 {
        padding-right: 44px;
        padding-bottom: 0;
    }
    .ddc-collapse-toggle {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
    }
    .ddc-compact-toggle {
        flex: 0 0 auto;
        min-width: 42px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .ddc-compact-label {
        display: none;
    }
}


/* v1.3.9 - Búsqueda interna de Sistema y estado de carga editorial */
.ddc-system-search {
    margin: 0 0 16px;
    padding: 14px;
    border: 1px solid var(--ddc-line);
    border-radius: 18px;
    background: #f8fafc;
}
.ddc-system-search label {
    display: block;
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 900;
    color: var(--ddc-text);
}
.ddc-system-search input {
    width: 100%;
    min-height: 42px;
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,.42);
    background: #fff;
    padding: 0 14px;
    font-weight: 750;
}
.ddc-system-search small {
    display: block;
    margin-top: 7px;
    color: var(--ddc-muted);
}
.ddc-system-empty-search {
    margin-top: 12px;
    padding: 13px 14px;
    border-radius: 14px;
    background: #fff7ed;
    color: #9a3412;
    font-weight: 850;
    border: 1px solid rgba(251,146,60,.28);
}
.ddc-system-block.ddc-search-match {
    box-shadow: 0 0 0 2px rgba(37,99,235,.12), 0 18px 48px rgba(15,23,42,.08);
}
.ddc-news-completion {
    margin: 0 0 16px;
    border: 1px solid var(--ddc-line);
    border-radius: 20px;
    background: linear-gradient(180deg,#ffffff,#f8fafc);
    padding: 14px;
    box-shadow: 0 12px 30px rgba(15,23,42,.04);
}
.ddc-news-completion-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.ddc-news-completion-head strong {
    display: block;
    font-size: 13px;
    font-weight: 950;
}
.ddc-news-completion-head span:not(.ddc-news-completion-score) {
    display: block;
    margin-top: 3px;
    color: var(--ddc-muted);
    font-size: 12px;
}
.ddc-news-completion-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 32px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 950;
    font-size: 12px;
}
.ddc-news-completion-track {
    height: 8px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
    margin: 13px 0 12px;
}
.ddc-news-completion-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,#2563eb,#10b981);
    transition: width .2s ease;
}
.ddc-news-completion-items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.ddc-news-completion-items span,
.ddc-news-completion-items button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(148,163,184,.32);
    color: var(--ddc-muted);
    font-size: 12px;
    font-weight: 850;
}
.ddc-news-completion-items span::before,
.ddc-news-completion-items button::before {
    content: '•';
    color: #94a3b8;
    font-weight: 950;
}
.ddc-news-completion-items span.is-ok,
.ddc-news-completion-items button.is-ok {
    border-color: rgba(16,185,129,.32);
    background: #ecfdf5;
    color: #047857;
}
.ddc-news-completion-items span.is-ok::before,
.ddc-news-completion-items button.is-ok::before {
    content: '✓';
    color: #059669;
}
.ddc-news-completion.is-complete {
    border-color: rgba(16,185,129,.34);
}
@media (max-width: 760px) {
    .ddc-news-completion-head {
        align-items: stretch;
    }
    .ddc-news-completion-score {
        min-width: 42px;
        height: 30px;
    }
    .ddc-news-completion-items {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 2px;
    }
    .ddc-news-completion-items span,
.ddc-news-completion-items button {
        white-space: nowrap;
    }
}


/* v1.4.0 - Vista previa editorial en vivo */
.ddc-editor-live-preview {
    position: sticky;
    top: 94px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.ddc-editor-live-preview-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}
.ddc-editor-live-preview-head h3 {
    margin: 0;
}
.ddc-editor-live-preview-head p {
    margin: 4px 0 0;
    color: var(--ddc-muted);
    font-size: 12px;
    line-height: 1.35;
}
.ddc-editor-live-preview-head > span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}
.ddc-live-news-card {
    border: 1px solid var(--ddc-line);
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15,23,42,.06);
}
.ddc-live-news-media {
    display: grid;
    place-items: center;
    min-height: 150px;
    background: linear-gradient(135deg, #e2e8f0, #f8fafc);
    background-size: cover;
    background-position: center;
    color: #64748b;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.ddc-live-news-body {
    padding: 14px;
}
.ddc-live-news-kicker {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--ddc-primary);
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .07em;
}
.ddc-live-news-body h4 {
    margin: 0;
    color: var(--ddc-text);
    font-size: 17px;
    line-height: 1.15;
    letter-spacing: -.03em;
}
.ddc-live-news-body p {
    margin: 8px 0 0;
    color: var(--ddc-muted);
    font-size: 13px;
    line-height: 1.45;
}
.ddc-live-news-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}
.ddc-live-news-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 11px;
    font-weight: 850;
}
.ddc-live-seo-mini {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px dashed rgba(100,116,139,.34);
    border-radius: 16px;
    background: #fff;
}
.ddc-live-seo-mini strong {
    display: block;
    margin-bottom: 7px;
    color: #334155;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.ddc-live-seo-mini span {
    display: block;
    color: #1d4ed8;
    font-weight: 850;
    font-size: 14px;
    line-height: 1.25;
}
.ddc-live-seo-mini p {
    margin: 5px 0 0;
    color: #475569;
    font-size: 12px;
    line-height: 1.4;
}
@media (max-width: 980px) {
    .ddc-editor-live-preview {
        position: static;
    }
    .ddc-live-news-card {
        display: grid;
        grid-template-columns: 120px minmax(0, 1fr);
    }
    .ddc-live-news-media {
        min-height: 100%;
    }
}
@media (max-width: 560px) {
    .ddc-live-news-card {
        grid-template-columns: 1fr;
    }
    .ddc-live-news-media {
        min-height: 128px;
    }
}

/* v1.4.1 - SEO automático simplificado */
.ddc-seo-auto-summary {
    border: 1px solid rgba(37, 99, 235, .16);
    border-radius: 18px;
    padding: 14px;
    background: linear-gradient(180deg, #eff6ff, #ffffff);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .05);
}
.ddc-seo-auto-summary-head {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 12px;
}
.ddc-seo-auto-summary-head strong {
    font-size: 14px;
    font-weight: 950;
    color: #0f172a;
}
.ddc-seo-auto-summary-head span {
    color: var(--ddc-muted);
    font-size: 12px;
    line-height: 1.35;
}
.ddc-seo-auto-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.ddc-seo-auto-grid div {
    padding: 11px 12px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 14px;
    background: rgba(255, 255, 255, .76);
}
.ddc-seo-auto-grid span {
    display: block;
    margin-bottom: 4px;
    color: var(--ddc-muted);
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ddc-seo-auto-grid strong {
    display: block;
    color: #0f172a;
    font-size: 12px;
    line-height: 1.35;
    word-break: break-word;
}
.ddc-seo-advanced-options {
    border: 1px solid var(--ddc-line);
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
}
.ddc-seo-advanced-options summary {
    cursor: pointer;
    list-style: none;
    padding: 14px 15px;
    font-weight: 900;
    color: #0f172a;
    background: #f8fafc;
}
.ddc-seo-advanced-options summary::-webkit-details-marker {
    display: none;
}
.ddc-seo-advanced-options summary::after {
    content: '↓';
    float: right;
    color: var(--ddc-muted);
}
.ddc-seo-advanced-options[open] summary::after {
    content: '↑';
}
.ddc-seo-advanced-inner {
    display: grid;
    gap: 13px;
    padding: 14px;
}
.ddc-seo-preview > span {
    color: var(--ddc-muted);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.ddc-seo-preview em {
    color: #006621;
    font-style: normal;
    font-size: 12px;
    word-break: break-all;
}
@media (max-width: 760px) {
    .ddc-seo-auto-grid {
        grid-template-columns: 1fr;
    }
}


/* v1.4.2 - Control seguro antes de publicar */
.ddc-news-completion-items button {
    appearance: none;
    cursor: pointer;
    font-family: inherit;
}
.ddc-news-completion-items button:hover {
    border-color: rgba(37, 99, 235, .24);
    color: #1d4ed8;
}
.ddc-prepublish-panel {
    margin: -4px 0 18px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(251, 146, 60, .34);
    background: #fff7ed;
    color: #9a3412;
    box-shadow: 0 10px 26px rgba(15,23,42,.04);
}
.ddc-prepublish-panel strong {
    display: block;
    font-size: 13px;
    font-weight: 950;
    margin-bottom: 4px;
}
.ddc-prepublish-panel p {
    margin: 0;
    color: #9a3412;
    font-size: 13px;
    line-height: 1.45;
}
.ddc-prepublish-actions {
    margin-top: 10px;
}
.ddc-attention-pulse {
    animation: ddcAttentionPulse .85s ease-out;
}
@keyframes ddcAttentionPulse {
    0% { box-shadow: 0 0 0 0 rgba(37,99,235,.32); }
    100% { box-shadow: 0 0 0 14px rgba(37,99,235,0); }
}

/* v1.4.3 - Acción duplicar noticia */
.ddc-icon-actions form {
    display: inline-flex;
    margin: 0;
}
.ddc-icon-actions .ddc-small-link.ddc-icon-action {
    border: 0;
    background: transparent;
    cursor: pointer;
}


/* v1.4.4 - Programación editorial */
.ddc-schedule-field input[type="datetime-local"] {
    font-variant-numeric: tabular-nums;
}
.ddc-schedule-field small {
    display: block;
    margin-top: 6px;
}
.ddc-live-news-meta [data-ddc-preview-publish-date] {
    background: #eef2ff;
    color: #3730a3;
}
.ddc-badge-future {
    background: #fff7ed;
    color: #9a3412;
    border-color: #fed7aa;
}


/* v1.4.6 - Usuarios operativos */
.ddc-users-filters {
    margin: 16px 0 18px;
}
.ddc-users-summary-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin: 16px 0 18px;
}
.ddc-user-row {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ddc-user-row__avatar {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-weight: 950;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    box-shadow: 0 10px 22px rgba(37, 99, 235, .18);
}
.ddc-user-row strong {
    display: block;
}
.ddc-user-row small {
    display: block;
    color: var(--ddc-muted);
    margin-top: 2px;
}
.ddc-role-help-box p {
    margin: 0 0 8px;
}
.ddc-role-help-box p:last-child {
    margin-bottom: 0;
}
.ddc-users-table .ddc-actions-cell form {
    display: inline-flex;
}
@media (max-width: 1080px) {
    .ddc-users-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .ddc-users-summary-grid {
        grid-template-columns: 1fr;
    }
    .ddc-users-filters {
        display: grid;
        grid-template-columns: 1fr;
    }
}


/* v1.4.7 - Biblioteca de iconos y preview editorial real de secciones */
.ddc-icon-builder {
    display: grid;
    gap: 12px;
    align-self: start;
}
.ddc-icon-builder__controls {
    display: grid;
    grid-template-columns: 1fr 110px;
    gap: 10px;
}
.ddc-icon-library {
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 16px;
    background: #fff;
    padding: 12px;
}
.ddc-icon-library__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.ddc-icon-library__head strong {
    color: #0f172a;
    font-size: 13px;
    font-weight: 900;
}
.ddc-icon-library__head input {
    max-width: 210px;
    min-height: 34px;
    font-size: 12px;
}
.ddc-icon-library__grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 7px;
}
.ddc-icon-preset {
    min-height: 38px;
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 12px;
    background: linear-gradient(180deg, #fff, #f8fafc);
    cursor: pointer;
    font-size: 19px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.ddc-icon-preset:hover,
.ddc-icon-preset.is-selected {
    transform: translateY(-1px);
    border-color: var(--ddc-primary);
    box-shadow: 0 10px 20px rgba(15, 23, 42, .08);
}
.ddc-preview-home-like {
    --ddc-preview-icon-color: var(--ddc-preview-accent);
    --ddc-preview-icon-size: 28px;
    display: grid;
    gap: 14px;
    min-width: 720px;
    padding: 10px;
    background: #fff;
}
.ddc-preview-section-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(15, 23, 42, .10);
}
.ddc-preview-section-head h4 {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #071225;
    font-size: clamp(24px, 4vw, 42px);
    line-height: .95;
    letter-spacing: -.055em;
    font-weight: 950;
}
.ddc-preview-section-head h4::after {
    content: "";
    position: absolute;
}
.ddc-preview-section-head [data-ddc-preview-icon] {
    align-items: center;
    justify-content: center;
    color: var(--ddc-preview-icon-color);
    font-size: var(--ddc-preview-icon-size);
    line-height: 1;
}
.ddc-preview-section-head h4 b {
    position: relative;
    font: inherit;
}
.ddc-preview-section-head h4 b::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 88px;
    height: 4px;
    border-radius: 999px;
    background: var(--ddc-preview-accent);
}
.ddc-preview-section-head a {
    font-size: 12px;
    font-weight: 900;
    color: #0f172a;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 999px;
    padding: 7px 10px;
    background: #fff;
}
.ddc-preview-news-grid,
.ddc-preview-video-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.ddc-preview-video-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ddc-preview-news-list {
    display: grid;
    gap: 10px;
}
.ddc-preview-news-list .ddc-preview-card {
    grid-template-columns: 160px minmax(0, 1fr);
    align-items: center;
}
.ddc-preview-news-list .ddc-preview-card > span {
    margin: 0;
    min-height: 105px;
    border-radius: 14px;
}
.ddc-preview-hero-layout,
.ddc-preview-magazine-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, .9fr);
    gap: 16px;
}
.ddc-preview-mixed-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.ddc-preview-mixed-layout .ddc-preview-ad {
    grid-column: 1 / -1;
}
.ddc-preview-side-list {
    display: grid;
    gap: 10px;
}
.ddc-preview-side-list .ddc-preview-card {
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: center;
    box-shadow: none;
}
.ddc-preview-side-list .ddc-preview-card > span {
    margin: 0;
    min-height: 74px;
    border-radius: 12px;
}
.ddc-preview-ranking {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    border-top: 1px solid rgba(15, 23, 42, .10);
}
.ddc-preview-ranking article {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 84px;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid rgba(15, 23, 42, .10);
}
.ddc-preview-ranking i {
    display: block;
    background: transparent;
    color: #0f172a;
    font-family: Georgia, serif;
    font-size: 36px;
    font-style: normal;
    line-height: 1;
}
.ddc-preview-ranking i::after { display: none; }
.ddc-preview-ranking strong {
    color: #0f172a;
    font-size: 14px;
    line-height: 1.12;
    font-weight: 900;
}
.ddc-preview-ranking span {
    display: block;
    height: 58px;
    border-radius: 12px;
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1);
}
.ddc-preview-card .ddc-preview-card__body {
    display: grid;
    gap: 7px;
}
.ddc-preview-card em {
    display: block;
    background: transparent;
    color: var(--ddc-preview-accent);
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: 900;
    font-style: normal;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.ddc-preview-card em::after { display: none; }
.ddc-preview-card.is-main > span {
    min-height: 170px;
}
.ddc-preview-card.has-play > span::after {
    content: "▶";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff;
    color: var(--ddc-preview-accent);
    font-size: 13px;
    font-weight: 900;
}
.ddc-preview-card.has-play > span {
    position: relative;
}
@media (max-width: 900px) {
    .ddc-preview-home-like { min-width: 600px; }
    .ddc-preview-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-preview-hero-layout,
    .ddc-preview-magazine-layout { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .ddc-icon-builder__controls { grid-template-columns: 1fr; }
    .ddc-icon-library__head { align-items: stretch; flex-direction: column; }
    .ddc-icon-library__head input { max-width: none; }
    .ddc-icon-library__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .ddc-preview-home-like { min-width: 520px; }
}


/* v1.4.8-recovery - Ayuda contextual sin tapar campos */
.ddc-help-trigger::before,
.ddc-help-trigger::after,
.ddc-help-dot::after {
    content: none !important;
    display: none !important;
}
.ddc-help-trigger,
.ddc-help-dot {
    cursor: pointer;
}
.ddc-context-help-panel {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 100200;
    width: min(360px, calc(100vw - 28px));
    padding: 16px 48px 16px 18px;
    border-radius: 18px;
    background: #0f172a;
    color: #fff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .34);
    border: 1px solid rgba(255,255,255,.12);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45;
}
.ddc-context-help-panel[hidden] {
    display: none !important;
}
.ddc-context-help-panel strong {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #bfdbfe;
}
.ddc-context-help-panel button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.08);
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}
.ddc-help-trigger.is-help-active,
.ddc-help-dot.is-help-active {
    background: #dbeafe !important;
    color: #1d4ed8 !important;
    border-color: rgba(37,99,235,.36) !important;
}
@media (max-width: 760px) {
    .ddc-context-help-panel {
        left: 12px;
        right: 12px;
        bottom: 12px;
        width: auto;
        border-radius: 16px;
    }
}

/* v1.5.1 - Publicidad: Google Ads / HTML externo */
.ddc-ad-type-box textarea {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    min-height: 160px;
    resize: vertical;
}
.ddc-code-ad-field {
    display: block;
    margin-top: 14px;
}


/* v1.5.2 - Selector visual de ubicaciones publicitarias */
.ddc-section-head-compact {
    margin-bottom: 12px;
}
.ddc-ad-location-note {
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid var(--ddc-line);
    color: var(--ddc-muted);
    font-size: 13px;
    margin-bottom: 14px;
}
.ddc-ad-location-group,
.ddc-ad-map-group {
    margin-top: 18px;
}
.ddc-ad-location-group h4,
.ddc-ad-map-group h4 {
    margin: 0 0 10px;
    font-size: 13px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: var(--ddc-muted);
}
.ddc-ad-location-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.ddc-ad-location-card {
    position: relative;
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 12px;
    align-items: stretch;
    padding: 12px;
    border: 1px solid var(--ddc-line);
    border-radius: 18px;
    background: linear-gradient(180deg, #fff, #f8fafc);
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(15,23,42,.04);
    transition: .18s ease;
}
.ddc-ad-location-card:hover,
.ddc-ad-location-card.is-selected {
    border-color: rgba(37,99,235,.45);
    box-shadow: 0 18px 42px rgba(37,99,235,.12);
    transform: translateY(-1px);
}
.ddc-ad-location-card input {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    accent-color: var(--ddc-primary);
}
.ddc-ad-location-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 86px;
    border-radius: 14px;
    background: #eef2ff;
    border: 1px solid rgba(99,102,241,.16);
}
.ddc-ad-location-screen {
    position: relative;
    width: 70px;
    height: 58px;
    border-radius: 9px;
    background: #fff;
    border: 1px solid rgba(15,23,42,.16);
    overflow: hidden;
    box-shadow: inset 0 0 0 3px rgba(248,250,252,.9);
}
.ddc-ad-location-screen i {
    position: absolute;
    display: block;
    border-radius: 4px;
    font-style: normal;
}
.ddc-ad-location-top { left: 8px; right: 8px; top: 7px; height: 7px; background: #cbd5e1; }
.ddc-ad-location-main { left: 8px; top: 20px; width: 36px; bottom: 8px; background: #e2e8f0; }
.ddc-ad-location-side { right: 8px; top: 20px; width: 14px; bottom: 8px; background: #f1f5f9; }
.ddc-ad-location-ad {
    left: 10px;
    right: 10px;
    top: 39px;
    height: 8px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: var(--ddc-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}
.ddc-ad-location-screen--home_lateral .ddc-ad-location-ad,
.ddc-ad-location-screen--home_lateral_derecho .ddc-ad-location-ad,
.ddc-ad-location-screen--home_lateral_izquierdo .ddc-ad-location-ad,
.ddc-ad-location-screen--nota_lateral .ddc-ad-location-ad,
.ddc-ad-location-screen--footer_lateral .ddc-ad-location-ad {
    left: auto;
    right: 8px;
    top: 20px;
    width: 14px;
    height: 30px;
}
.ddc-ad-location-screen--header_superior .ddc-ad-location-ad,
.ddc-ad-location-screen--home_superior .ddc-ad-location-ad,
.ddc-ad-location-screen--nota_superior .ddc-ad-location-ad {
    top: 6px;
    height: 8px;
}
.ddc-ad-location-screen--popup_ingreso .ddc-ad-location-ad {
    left: 17px;
    right: 17px;
    top: 16px;
    height: 28px;
    border-radius: 7px;
}
.ddc-ad-location-screen--bottom_fijo .ddc-ad-location-ad,
.ddc-ad-location-screen--mobile_sticky .ddc-ad-location-ad,
.ddc-ad-location-screen--footer .ddc-ad-location-ad,
.ddc-ad-location-screen--nota_final .ddc-ad-location-ad {
    top: auto;
    bottom: 7px;
}
.ddc-ad-location-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-right: 20px;
}
.ddc-ad-location-body strong {
    font-size: 14px;
    font-weight: 900;
    color: var(--ddc-text);
}
.ddc-ad-location-body em {
    font-size: 12px;
    color: var(--ddc-primary);
    font-weight: 800;
    font-style: normal;
}
.ddc-ad-location-body small {
    color: var(--ddc-muted);
    line-height: 1.35;
}
.ddc-ad-location-body b {
    margin-top: auto;
    color: #0f172a;
    font-size: 12px;
    font-weight: 900;
}
.ddc-ad-location-shortcode {
    margin-top: 16px;
}
.ddc-ad-map-panel {
    padding: 18px;
    border: 1px solid var(--ddc-line);
    border-radius: 20px;
    background: #fff;
    margin: 14px 0 18px;
}
.ddc-ad-map-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.ddc-ad-map-card {
    padding: 13px;
    border: 1px solid var(--ddc-line);
    border-radius: 16px;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.ddc-ad-map-card > span {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #eef2ff;
    color: var(--ddc-primary);
    font-weight: 900;
}
.ddc-ad-map-card strong { font-size: 13px; }
.ddc-ad-map-card small { color: var(--ddc-muted); line-height: 1.35; }
.ddc-ad-map-card code { font-size: 11px; white-space: normal; word-break: break-all; }
@media (max-width: 1180px) {
    .ddc-ad-location-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-ad-map-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .ddc-ad-location-grid,
    .ddc-ad-map-grid { grid-template-columns: 1fr; }
    .ddc-ad-location-card { grid-template-columns: 78px 1fr; }
}

/* v1.5.3 - Limpieza operativa y módulos activables */
.ddc-ad-map-card em {
    display: block;
    margin-top: 7px;
    color: var(--ddc-muted);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}
.ddc-ad-shortcode-detail {
    margin-top: 8px;
}
.ddc-ad-shortcode-detail summary {
    cursor: pointer;
    color: var(--ddc-muted);
    font-size: 12px;
    font-weight: 800;
}
.ddc-ad-shortcode-detail code {
    display: inline-block;
    margin-top: 6px;
}
.ddc-client-note {
    border-style: solid;
}
.ddc-module-card small:first-letter {
    text-transform: uppercase;
}


/* v1.5.4 - Limpieza operativa para cliente */
.ddc-dashboard-hero {
    grid-template-columns: 1fr !important;
}
.ddc-dashboard-actions {
    display: none !important;
}
.ddc-dashboard-stats,
.ddc-dashboard-columns,
.ddc-dashboard-columns-wide,
.ddc-system-index-grid,
.ddc-module-grid,
.ddc-list-cards,
.ddc-kpi-grid,
.ddc-users-summary-grid {
    gap: 12px;
}
.ddc-dashboard-stats,
.ddc-dashboard-columns,
.ddc-dashboard-columns-wide {
    margin-bottom: 12px;
}
.ddc-dashboard-panel,
.ddc-dashboard-columns .ddc-card,
.ddc-dashboard-columns-wide .ddc-card {
    margin-bottom: 0;
}
.ddc-system-index {
    position: static;
}
.ddc-system-index .ddc-section-head {
    margin-bottom: 10px;
}
.ddc-system-index-grid a {
    min-height: 92px;
}
.ddc-card.ddc-client-hidden,
.ddc-dev-only {
    display: none !important;
}
.ddc-system-block {
    scroll-margin-top: 24px;
}
@media (min-width: 1181px) {
    .ddc-dashboard-stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* v1.5.5 - Usuarios operativos y autores más claros */
.ddc-users-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
    gap: 14px;
    align-items: stretch;
    margin: 16px 0 18px;
}
.ddc-users-toolbar .ddc-users-filters {
    margin: 0;
    padding: 14px;
    border: 1px solid var(--ddc-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15,23,42,.04);
}
.ddc-users-role-note {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 74px;
    padding: 14px 16px;
    border-radius: 18px;
    background: #eef6ff;
    border: 1px solid #bfdbfe;
    color: #1e3a8a;
    line-height: 1.45;
}
.ddc-role-summary-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: flex-start;
    min-height: 132px;
    padding: 16px;
    border: 1px solid var(--ddc-line);
    border-radius: 20px;
    background: linear-gradient(180deg, #fff, #f8fafc);
    box-shadow: 0 16px 35px rgba(15,23,42,.045);
}
.ddc-role-summary-card__icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 950;
    background: linear-gradient(135deg, #0f172a, #2563eb);
    box-shadow: 0 12px 22px rgba(37,99,235,.16);
}
.ddc-role-summary-card strong {
    display: block;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -.04em;
    color: var(--ddc-text);
}
.ddc-role-summary-card span:not(.ddc-role-summary-card__icon) {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 900;
    color: var(--ddc-text);
}
.ddc-role-summary-card small {
    display: block;
    margin-top: 7px;
    font-size: 12px;
    line-height: 1.35;
    color: var(--ddc-muted);
}
.ddc-users-list-card .ddc-table-wrap {
    margin-top: 16px;
}
.ddc-author-editor-layout .ddc-panel-block,
.ddc-users-editor-card .ddc-panel-block,
.ddc-users-list-card {
    box-shadow: 0 18px 42px rgba(15,23,42,.045);
}
.ddc-author-custom-role[hidden] {
    display: none !important;
}
.ddc-author-editor-layout .ddc-helper-box {
    line-height: 1.5;
}
@media (max-width: 1180px) {
    .ddc-users-toolbar {
        grid-template-columns: 1fr;
    }
    .ddc-role-summary-card {
        min-height: 118px;
    }
}
@media (max-width: 760px) {
    .ddc-role-summary-card {
        grid-template-columns: 38px 1fr;
        min-height: auto;
    }
    .ddc-role-summary-card__icon {
        width: 38px;
        height: 38px;
    }
}


/* v1.5.6 - Ajustes finos en formulario de Usuarios */
.ddc-user-access-grid {
    align-items: start;
}
.ddc-user-access-grid > label {
    align-self: start;
}
.ddc-user-access-grid input[type="text"],
.ddc-user-access-grid input[type="email"] {
    height: 46px;
}
.ddc-user-access-grid small {
    min-height: 32px;
    display: block;
    line-height: 1.35;
}
.ddc-user-password-field {
    margin-top: 6px;
}
.ddc-user-password-field input[type="password"] {
    min-height: 46px;
    border: 1px solid var(--ddc-line) !important;
    border-radius: 13px !important;
    padding: 11px 13px !important;
    font: inherit !important;
    font-weight: 560 !important;
    background: #fff !important;
    color: var(--ddc-text) !important;
    box-shadow: 0 1px 0 rgba(15,23,42,.03) !important;
}
.ddc-user-password-field input[type="password"]:focus {
    outline: 0 !important;
    border-color: rgba(29, 78, 216, .55) !important;
    box-shadow: 0 0 0 4px rgba(29, 78, 216, .08) !important;
}
@media (max-width: 760px) {
    .ddc-user-access-grid small {
        min-height: 0;
    }
}


/* v1.5.7 - Dashboard tipo masonry / bento sin espacios muertos */
.ddc-dashboard-masonry {
    column-count: 2;
    column-gap: 14px;
    margin-bottom: 14px;
}
.ddc-dashboard-masonry > .ddc-card,
.ddc-dashboard-masonry > .ddc-dashboard-panel {
    display: inline-block;
    width: 100%;
    margin: 0 0 14px;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    vertical-align: top;
}
.ddc-dashboard-masonry .ddc-dashboard-panel {
    min-height: 0;
}
.ddc-dashboard-masonry .ddc-section-head {
    align-items: flex-start;
}
.ddc-dashboard-masonry .ddc-seo-list {
    max-height: none;
}
@media (min-width: 1440px) {
    .ddc-dashboard-masonry {
        column-gap: 16px;
    }
}
@media (max-width: 1180px) {
    .ddc-dashboard-masonry {
        column-count: 1;
    }
}
@media (max-width: 760px) {
    .ddc-dashboard-masonry {
        column-count: 1;
        column-gap: 0;
    }
    .ddc-dashboard-masonry > .ddc-card,
    .ddc-dashboard-masonry > .ddc-dashboard-panel {
        margin-bottom: 12px;
    }
}

/* v1.5.9 - Reglas dinámicas de publicidad */
.ddc-ad-rule-panel {
    border-color: rgba(37, 99, 235, .18);
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}
.ddc-ad-rule-mode-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
.ddc-ad-rule-mode-card {
    display: block;
    cursor: pointer;
    border: 1px solid var(--ddc-line);
    border-radius: 18px;
    padding: 15px 16px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.ddc-ad-rule-mode-card input {
    margin-right: 8px;
}
.ddc-ad-rule-mode-card strong {
    display: inline-block;
    font-weight: 900;
}
.ddc-ad-rule-mode-card small {
    display: block;
    margin-top: 6px;
    color: var(--ddc-muted);
    line-height: 1.35;
}
.ddc-ad-rule-mode-card.is-selected {
    border-color: rgba(37, 99, 235, .38);
    box-shadow: 0 16px 36px rgba(37, 99, 235, .09);
    transform: translateY(-1px);
}
.ddc-ad-rule-builder {
    border: 1px dashed rgba(37, 99, 235, .26);
    border-radius: 18px;
    padding: 16px;
    background: rgba(239, 246, 255, .42);
}
.ddc-ad-rule-preview {
    margin-top: 12px;
    border-radius: 16px;
    padding: 14px 16px;
    background: #0f172a;
    color: #fff;
    font-weight: 800;
    line-height: 1.45;
}
.ddc-ad-rule-preview span {
    color: #bfdbfe;
}
.ddc-ad-rule-panel.is-fixed .ddc-ad-rule-builder {
    opacity: .55;
}
.ddc-ad-rule-panel.is-fixed .ddc-ad-rule-builder select,
.ddc-ad-rule-panel.is-fixed .ddc-ad-rule-builder input {
    pointer-events: none;
}
.ddc-ad-rule-panel.is-number-rule [data-ddc-ad-rule-category-wrap] {
    display: none;
}
.ddc-ad-rule-panel.is-category-rule [data-ddc-ad-rule-number-wrap] {
    display: none;
}
.ddc-public-section-ad--dynamic {
    margin: clamp(24px, 4vw, 46px) auto;
}
@media (max-width: 760px) {
    .ddc-ad-rule-mode-grid {
        grid-template-columns: 1fr;
    }
}


/* v1.6.2 - Checklist de entrega y ajustes de producción */
.ddc-production-checklist {
    margin-bottom: 20px;
}
.ddc-production-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}
.ddc-production-item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    border: 1px solid var(--ddc-line);
    border-radius: 16px;
    padding: 12px;
    background: #fff;
}
.ddc-production-item > span {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
    background: #eef2ff;
    color: #3730a3;
}
.ddc-production-item.is-ok > span {
    background: #dcfce7;
    color: #166534;
}
.ddc-production-item.is-pending > span {
    background: #fff7ed;
    color: #9a3412;
}
.ddc-production-item strong,
.ddc-production-item small {
    display: block;
}
.ddc-production-item small {
    margin-top: 3px;
    color: var(--ddc-muted);
    line-height: 1.35;
}
.ddc-production-item a {
    font-weight: 850;
    text-decoration: none;
}
@media (max-width: 1180px) {
    .ddc-production-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .ddc-production-grid { grid-template-columns: 1fr; }
    .ddc-production-item { grid-template-columns: 28px minmax(0, 1fr); }
    .ddc-production-item a { grid-column: 2; }
}

/* v1.6.3 - Permisos operativos y matriz de roles */
.ddc-role-mini-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
}
.ddc-role-mini-badges em {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: 11px;
    font-style: normal;
    font-weight: 850;
    border: 1px solid rgba(148,163,184,.25);
}
.ddc-permission-matrix {
    margin: 16px 0 18px;
    border: 1px solid var(--ddc-line);
    border-radius: 18px;
    background: linear-gradient(180deg, #fff, #f8fafc);
    box-shadow: 0 12px 28px rgba(15,23,42,.04);
    overflow: hidden;
}
.ddc-permission-matrix summary {
    cursor: pointer;
    padding: 15px 17px;
    font-weight: 950;
    color: var(--ddc-text);
    border-bottom: 1px solid var(--ddc-line);
}
.ddc-permission-matrix p {
    margin: 0;
    padding: 13px 17px 16px;
    color: var(--ddc-muted);
    font-size: 13px;
}
.ddc-permission-table-wrap {
    overflow-x: auto;
}
.ddc-permission-table th,
.ddc-permission-table td {
    text-align: center;
    white-space: nowrap;
}
.ddc-permission-table th:first-child,
.ddc-permission-table td:first-child {
    text-align: left;
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1;
}
.ddc-permission-ok,
.ddc-permission-no {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    font-weight: 950;
}
.ddc-permission-ok {
    background: #dcfce7;
    color: #047857;
}
.ddc-permission-no {
    background: #f1f5f9;
    color: #94a3b8;
}
@media (max-width: 760px) {
    .ddc-permission-matrix summary { padding: 13px 14px; }
    .ddc-role-mini-badges em { font-size: 10px; }
}


/* v1.6.4 - Acceso opcional desde Autores */
.ddc-author-panel-access .ddc-checkline {
    align-items: flex-start;
}
.ddc-author-access-fields {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}
.ddc-author-access-fields[hidden] {
    display: none !important;
}
.ddc-helper-box-soft {
    background: #f8fafc;
    border-color: #dbe4ef;
}
.ddc-author-panel-access code {
    word-break: break-all;
}


/* v1.6.7 - Login propio del panel, sin wp-login */
.ddc-panel-login-wrap {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 28px;
    background: radial-gradient(circle at top, #eef6ff 0%, #f4f7fb 38%, #eef2f7 100%);
    box-sizing: border-box;
}
.ddc-panel-login-card {
    width: min(100%, 460px);
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(15,23,42,.12);
    padding: 30px;
    color: #071126;
    text-align: center;
}
.ddc-panel-login-brand {
    width: 66px;
    height: 66px;
    margin: 0 auto 16px;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: #071126;
    color: #fff;
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: -.04em;
}
.ddc-panel-login-eyebrow {
    display: inline-flex;
    margin-bottom: 8px;
    border-radius: 999px;
    padding: 6px 10px;
    background: #eef2ff;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.ddc-panel-login-card h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1;
    letter-spacing: -.055em;
}
.ddc-panel-login-card p {
    margin: 12px auto 20px;
    max-width: 360px;
    color: #5f6c80;
    line-height: 1.55;
}
.ddc-panel-login-form {
    display: grid;
    gap: 14px;
    text-align: left;
}
.ddc-panel-login-form label:not(.ddc-panel-login-check) {
    display: grid;
    gap: 7px;
    font-size: 13px;
    font-weight: 850;
}
.ddc-panel-login-form input[type="text"],
.ddc-panel-login-form input[type="password"] {
    width: 100%;
    min-height: 50px;
    border: 1px solid #d8e2ee;
    border-radius: 16px;
    padding: 11px 14px;
    background: #fff;
    box-sizing: border-box;
    outline: none;
}
.ddc-panel-login-form input:focus {
    border-color: #071126;
    box-shadow: 0 0 0 4px rgba(7, 17, 38, .08);
}
.ddc-panel-login-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #5f6c80;
    font-size: 13px;
    font-weight: 750;
}
.ddc-panel-login-notice {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid #fecaca;
    border-radius: 14px;
    background: #fff1f2;
    color: #b91c1c;
    text-align: left;
    font-weight: 850;
}
.ddc-panel-login-card small {
    display: block;
    margin-top: 16px;
    color: #64748b;
    line-height: 1.45;
}


/* v1.6.9 - Previsualización de secciones similar al home real */
.ddc-layout-preview.is-home-realistic {
    --ddc-preview-card-gap: 10px;
    --ddc-preview-card-padding: 10px;
    background: #fff;
}
.ddc-layout-preview.is-home-realistic .ddc-layout-preview__canvas {
    overflow-x: auto;
    padding: 12px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 18px;
}
.ddc-layout-live {
    --ddc-preview-icon-color: var(--ddc-preview-accent);
    --ddc-preview-icon-size: 28px;
    display: grid;
    gap: 14px;
    min-width: 740px;
    color: #071225;
}
.ddc-layout-live-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 6px;
}
.ddc-layout-live-head h4 {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: clamp(24px, 3vw, 36px);
    line-height: .95;
    letter-spacing: -.055em;
    font-weight: 950;
}
.ddc-layout-live-head h4 b {
    position: relative;
    font: inherit;
}
.ddc-layout-live-head h4 b::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 74px;
    height: 4px;
    border-radius: 999px;
    background: var(--ddc-preview-accent);
}
.ddc-layout-live-icon {
    color: var(--ddc-preview-icon-color);
    font-size: var(--ddc-preview-icon-size);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ddc-layout-live-head a {
    padding: 8px 12px;
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 999px;
    background: #fff;
    color: #071225;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}
.ddc-layout-live-grid {
    display: grid;
    grid-template-columns: repeat(var(--ddc-live-cols, 3), minmax(0, 1fr));
    gap: var(--ddc-preview-card-gap);
}
.ddc-layout-live-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(15,23,42,.055);
}
.ddc-layout-live-card__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: linear-gradient(135deg, #dbe3ee, #eef3f8);
}
.ddc-layout-live-card__media span {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 22% 30%, rgba(15,23,42,.16), transparent 22%),
        linear-gradient(135deg, #dbe3ee, #cbd5e1 54%, #eef2f7);
}
.ddc-layout-live-card__body {
    display: grid;
    gap: 6px;
    padding: var(--ddc-preview-card-padding);
}
.ddc-layout-live-card em {
    color: var(--ddc-preview-accent);
    font-family: Georgia, serif;
    font-size: 12px;
    font-weight: 900;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.ddc-layout-live-card strong {
    color: #071225;
    font-size: 19px;
    line-height: 1.04;
    font-weight: 950;
    letter-spacing: -.035em;
}
.ddc-layout-live-card p {
    margin: 0;
    color: #536174;
    font-size: 13px;
    line-height: 1.45;
}
.ddc-layout-live-card.is-main strong { font-size: 28px; }
.ddc-layout-live-card.is-main .ddc-layout-live-card__media { aspect-ratio: 16 / 10; }
.ddc-layout-live-list { display: grid; gap: 9px; }
.ddc-layout-live-card.is-list {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: stretch;
}
.ddc-layout-live-card.is-list .ddc-layout-live-card__media { aspect-ratio: auto; min-height: 110px; }
.ddc-layout-live-hero,
.ddc-layout-live-magazine {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(250px, .85fr);
    gap: 12px;
    align-items: start;
}
.ddc-layout-live-side { display: grid; gap: 10px; }
.ddc-layout-live-card.is-side {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: stretch;
    box-shadow: none;
}
.ddc-layout-live-card.is-side .ddc-layout-live-card__media { aspect-ratio: auto; min-height: 84px; }
.ddc-layout-live-card.is-side strong { font-size: 15px; }
.ddc-layout-live-card.is-video .ddc-layout-live-card__media::after {
    content: "▶";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: #fff;
    color: var(--ddc-preview-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    z-index: 2;
}
.ddc-layout-live-ranking {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(148, 163, 184, .30);
}
.ddc-layout-live-ranking article {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 78px;
    align-items: center;
    gap: 10px;
    padding: 11px;
    border-bottom: 1px solid rgba(148, 163, 184, .30);
}
.ddc-layout-live-ranking i {
    color: #071225;
    font-family: Georgia, serif;
    font-size: 32px;
    line-height: 1;
    font-style: normal;
}
.ddc-layout-live-ranking strong { font-size: 14px; line-height: 1.1; }
.ddc-layout-live-ranking span {
    height: 54px;
    border-radius: 12px;
    background: linear-gradient(135deg, #dbe3ee, #eef3f8);
}
.ddc-layout-live-mixed { display: grid; gap: 10px; }
.ddc-layout-live-ad {
    display: grid;
    place-items: center;
    min-height: 82px;
    border: 1px dashed var(--ddc-preview-accent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--ddc-preview-accent) 9%, #fff);
    color: #071225;
    text-align: center;
    font-weight: 900;
}
.ddc-layout-live-ad small {
    display: block;
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}
@media (max-width: 900px) {
    .ddc-layout-live { min-width: 620px; }
    .ddc-layout-live-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-layout-live-hero,
    .ddc-layout-live-magazine { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .ddc-layout-live { min-width: 520px; }
    .ddc-layout-live-ranking { grid-template-columns: 1fr; }
}


/* v1.7.0 - Preview de layouts más parecido al home real */
.ddc-layout-preview.is-home-realistic,
.ddc-layout-preview {
    overflow-x: auto;
}
.ddc-layout-preview__canvas .ddc-layout-live-grid {
    grid-template-columns: repeat(var(--ddc-live-cols, 3), minmax(0, 1fr)) !important;
}
.ddc-layout-preview__canvas .ddc-layout-live-card__body {
    padding: 10px 12px !important;
}
.ddc-layout-preview__canvas .ddc-layout-live-card strong {
    font-size: 17px !important;
    line-height: 1.08 !important;
}
.ddc-layout-preview__canvas .ddc-layout-live-card em {
    color: var(--ddc-preview-accent, #d1007d) !important;
}


/* v1.7.1 - Controles de menú público por sección */
.ddc-section-public-settings label small { display:block; margin-top:6px; color: var(--ddc-muted); font-weight: 500; }
.ddc-public-menu-admin-note { color: var(--ddc-muted); font-size: 13px; }


/* v1.7.4 - Control visual de menú/portada y ayuda live fallback */
.ddc-section-menu-summary {
    border-color: #bfdbfe;
    background: #eff6ff;
}

.ddc-table-switch-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ddc-text);
    text-decoration: none;
    font-size: 12px;
}

.ddc-mini-switch {
    width: 38px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    background: #cbd5e1;
    padding: 3px;
    box-sizing: border-box;
    transition: .18s ease;
}

.ddc-mini-switch::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(15,23,42,.18);
    transition: .18s ease;
}

.ddc-mini-switch.is-on {
    background: #0f766e;
}

.ddc-mini-switch.is-on::before {
    transform: translateX(16px);
}

.ddc-help-popover-live {
    position: fixed;
    right: 22px;
    bottom: 22px;
    max-width: 360px;
    z-index: 999999;
    border-radius: 18px;
    background: #0f172a;
    color: #fff;
    padding: 16px 44px 16px 16px;
    box-shadow: 0 18px 45px rgba(15,23,42,.28);
    font-size: 14px;
    line-height: 1.45;
    display: none;
}

.ddc-help-popover-live.is-visible {
    display: block;
}

.ddc-help-popover-live button {
    position: absolute;
    top: 8px;
    right: 10px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.ddc-layout-live-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.ddc-layout-live-card__body {
    padding: 12px 14px;
}

.ddc-layout-live-card__body p {
    margin-top: 7px;
}

@media (max-width: 900px) {
    .ddc-layout-live-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    .ddc-layout-live-grid {
        grid-template-columns: 1fr;
    }
}


/* v1.7.5 - Switch real de menú público en secciones */
.ddc-table-switch-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    background: transparent;
    color: var(--ddc-text);
    cursor: pointer;
    padding: 0;
    font: inherit;
    font-size: 12px;
}

.ddc-table-switch-button:disabled {
    opacity: .65;
    cursor: wait;
}

.ddc-section-menu-toggle-form {
    margin: 0;
}


/* v1.7.6 - Switch de menú sin recarga */
.ddc-table-switch-button { cursor: pointer; }
.ddc-table-switch-button.is-loading { opacity: .72; cursor: wait; }
.ddc-inline-toast {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 999999;
    background: #0f766e;
    color: #fff;
    border-radius: 999px;
    padding: 11px 16px;
    font-weight: 800;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .22);
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
    transition: .18s ease;
}
.ddc-inline-toast.is-visible { opacity: 1; transform: translateY(0); }
.ddc-inline-toast.is-error { background: #b91c1c; }


/* v1.7.7 - Preview grilla 4 compacta y limpieza de implementación técnica */
.ddc-layout-live-grid--four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ddc-layout-live-grid--four .ddc-layout-live-card__body {
    padding: 9px 10px;
}
.ddc-layout-live-grid--four .ddc-layout-live-card__body p {
    display: none;
}
.ddc-layout-live-grid--four .ddc-layout-live-card strong {
    font-size: 14px;
    line-height: 1.08;
}
@media (max-width: 900px) {
    .ddc-layout-live-grid--four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* v1.7.8 - Radio en vivo */
.ddc-radio-card textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;}
.ddc-radio-list{display:grid;gap:10px;}
.ddc-radio-list label{display:flex;align-items:center;gap:8px;}


/* v1.8.2 - Orden visual de secciones por drag & drop */
.ddc-sections-sortable-table .ddc-drag-head,
.ddc-sections-sortable-table .ddc-drag-cell {
    width: 46px;
    text-align: center;
}
.ddc-drag-handle {
    width: 34px;
    height: 34px;
    border: 1px solid var(--ddc-line);
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .05);
    transition: .18s ease;
}
.ddc-drag-handle:hover {
    color: var(--ddc-primary);
    border-color: rgba(209, 0, 125, .28);
    background: #fff;
    transform: translateY(-1px);
}
.ddc-drag-handle:active {
    cursor: grabbing;
}
.ddc-sections-sortable-table tr.is-dragging {
    opacity: .55;
    background: #eff6ff;
}
.ddc-sections-sortable-table tbody.is-saving {
    opacity: .82;
}
.ddc-sections-sortable-table tbody.is-saving .ddc-drag-handle {
    cursor: wait;
}


/* v1.8.3 - Drag de secciones robusto */
.ddc-drag-handle {
    cursor: grab;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}
.ddc-drag-handle:active,
.ddc-sections-dragging .ddc-drag-handle {
    cursor: grabbing;
}
.ddc-sections-sortable-table tbody tr.is-dragging {
    opacity: .58;
    outline: 2px dashed rgba(37, 99, 235, .45);
    outline-offset: -3px;
    background: #f8fbff;
}
.ddc-sections-sortable-table tbody.is-saving {
    opacity: .78;
    pointer-events: none;
}


/* v1.8.4 - Radio: campos condicionales para stream / embed */
.ddc-radio-embed-field textarea {
    min-height: 150px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 13px;
    line-height: 1.45;
}
.ddc-radio-mode-help {
    border-color: #bfdbfe;
    background: #eff6ff;
}


/* v1.8.5 - refuerzo drag/drop secciones */
.ddc-drag-handle[draggable="true"] {
    cursor: grab !important;
    touch-action: none !important;
    user-select: none !important;
}
.ddc-sections-sortable-table tbody tr.is-dragging {
    opacity: .6 !important;
    background: #eff6ff !important;
    outline: 2px dashed rgba(37,99,235,.45) !important;
    outline-offset: -4px !important;
}
.ddc-sections-dragging,
.ddc-sections-dragging * {
    cursor: grabbing !important;
}


/* v1.8.6 - Vista previa real de Grilla 4 columnas compacta e icono visible */
.ddc-preview-home-like--grid4compact .ddc-preview-news-grid,
.ddc-preview-news-grid--four {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.ddc-preview-home-like--grid4compact .ddc-preview-card {
    min-height: 0 !important;
}

.ddc-preview-home-like--grid4compact .ddc-preview-card > span {
    min-height: 118px !important;
    height: 118px !important;
}

.ddc-preview-home-like--grid4compact .ddc-preview-card__body {
    padding: 10px 10px 12px !important;
}

.ddc-preview-home-like--grid4compact .ddc-preview-card__body em {
    font-size: 11px !important;
    line-height: 1.05 !important;
}

.ddc-preview-home-like--grid4compact .ddc-preview-card__body strong {
    font-size: 15px !important;
    line-height: 1.04 !important;
}

.ddc-preview-section-head h4 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.ddc-preview-section-head [data-ddc-preview-icon] {
    display: none;
    align-items: center;
    justify-content: center;
    color: var(--ddc-preview-icon-color, var(--ddc-preview-accent, #d1007d));
    font-size: var(--ddc-preview-icon-size, 28px);
    line-height: 1;
}

.ddc-preview-section-head [data-ddc-preview-icon].is-visible {
    display: inline-flex !important;
}

@media (max-width: 980px) {
    .ddc-preview-home-like--grid4compact .ddc-preview-news-grid,
    .ddc-preview-news-grid--four {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* v1.9.5 - Selector visual de formatos de header */
.ddc-header-layout-builder {
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid #dfe5ee;
    border-radius: 18px;
    background: linear-gradient(180deg,#fbfcfe 0%,#f7f9fc 100%);
}
.ddc-header-layout-builder__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.ddc-header-layout-builder__head h3 { margin: 0 0 5px; }
.ddc-header-layout-builder__head p { margin: 0; color: #667085; max-width: 850px; }
.ddc-header-layout-options {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}
.ddc-header-layout-option {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    min-width: 0;
    border: 1px solid #dfe4ec;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 7px 20px rgba(15,23,42,.035);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.ddc-header-layout-option:hover {
    transform: translateY(-2px);
    border-color: #b9c3d3;
    box-shadow: 0 14px 30px rgba(15,23,42,.08);
}
.ddc-header-layout-option.is-selected {
    border-color: #111827;
    box-shadow: 0 0 0 2px #111827 inset, 0 14px 34px rgba(15,23,42,.09);
}
.ddc-header-layout-option > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.ddc-header-layout-option__preview {
    height: 158px;
    display: flex;
    flex-direction: column;
    background: #f8fafc;
    border-bottom: 1px solid #e7ebf1;
    padding: 12px;
    gap: 5px;
}
.ddc-header-layout-option__preview i { display: block; font-style: normal; }
.ddc-hp-ad { height: 25px; width: 74%; margin: 0 auto 2px; border-radius: 3px; background: #dbe3ef; }
.ddc-hp-meta { height: 12px; border-top: 1px solid #e3e8ef; border-bottom: 1px solid #e3e8ef; display:flex!important; align-items:center; justify-content:center; gap:7px; }
.ddc-hp-meta b { width: 34px; height: 3px; border-radius:9px; background:#aab5c5; }
.ddc-hp-main { min-height: 54px; flex: 1; display:grid!important; grid-template-columns: 28px minmax(54px,1fr) auto auto auto; align-items:center; gap:7px; padding:6px 3px; }
.ddc-hp-main strong { font-size:10px; letter-spacing:.04em; text-align:center; color:#111827; }
.ddc-hp-main small { font-size:6px; color:#98a2b3; white-space:nowrap; }
.ddc-hp-tools { width:22px; height:12px; position:relative; }
.ddc-hp-tools:before,.ddc-hp-tools:after { content:""; position:absolute; width:7px; height:7px; border:1.5px solid #344054; border-radius:50%; top:2px; }
.ddc-hp-tools:before { left:0; border-radius:1px; border-left:0; border-right:0; }
.ddc-hp-tools:after { right:0; }
.ddc-hp-social { width:36px; height:12px; background:radial-gradient(circle at 5px 6px,#98a2b3 0 3px,transparent 3.5px),radial-gradient(circle at 18px 6px,#98a2b3 0 3px,transparent 3.5px),radial-gradient(circle at 31px 6px,#98a2b3 0 3px,transparent 3.5px); }
.ddc-hp-actions { width:58px; height:16px; border-radius:9px; background:linear-gradient(90deg,#fff 0 43%,#d5b300 44% 100%); border:1px solid #b8c0cc; }
.ddc-hp-nav { height:16px; border-top:1px solid #e4e7ec; border-bottom:1px solid #e4e7ec; background:repeating-linear-gradient(90deg,transparent 0 10px,#7c8798 10px 25px,transparent 25px 34px); opacity:.55; }
.ddc-header-layout-option__preview--premium .ddc-hp-main { grid-template-columns: 36px 1fr 85px; }
.ddc-header-layout-option__preview--premium .ddc-hp-main strong { font-size:14px; }
.ddc-header-layout-option__preview--premium .ddc-hp-actions { justify-self:end; width:78px; border-radius:4px; }
.ddc-header-layout-option__preview--premium .ddc-hp-nav { margin-top:3px; }
.ddc-header-layout-option__preview--editorial .ddc-hp-main { grid-template-columns: 32px minmax(90px,1fr) 86px; }
.ddc-header-layout-option__preview--editorial .ddc-hp-main strong { text-align:left; font-family:Georgia,serif; font-size:15px; }
.ddc-header-layout-option__preview--editorial .ddc-hp-actions { justify-self:end; width:82px; }
.ddc-header-layout-option__preview--editorial .ddc-hp-nav { height:19px; opacity:.72; }
.ddc-header-layout-option__body { display:grid; align-content:start; gap:7px; padding:14px 15px 15px; }
.ddc-header-layout-option__body > strong { font-size:14px; color:#101828; }
.ddc-header-layout-option__body > small { color:#667085; line-height:1.45; min-height:58px; }
.ddc-header-layout-option__state { justify-self:start; min-height:25px; display:inline-flex; align-items:center; padding:0 9px; border-radius:999px; background:#eef2f6; color:#475467; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.035em; }
.ddc-header-layout-option.is-selected .ddc-header-layout-option__state { background:#111827; color:#fff; }
.ddc-header-layout-builder__note { color:#667085; }
@media (max-width: 1050px) {
    .ddc-header-layout-options { grid-template-columns:1fr; }
    .ddc-header-layout-option { grid-template-columns:minmax(240px,38%) 1fr; grid-template-rows:1fr; }
    .ddc-header-layout-option__preview { height:145px; border-bottom:0; border-right:1px solid #e7ebf1; }
    .ddc-header-layout-option__body > small { min-height:0; }
}
@media (max-width: 680px) {
    .ddc-header-layout-builder { padding:14px; }
    .ddc-header-layout-builder__head { display:grid; }
    .ddc-header-layout-option { grid-template-columns:1fr; }
    .ddc-header-layout-option__preview { height:140px; border-right:0; border-bottom:1px solid #e7ebf1; }
}

/* v1.9.7 - Centro visual: Diseño del diario */
.ddc-design-hero{
    display:flex;align-items:center;justify-content:space-between;gap:30px;
    padding:28px 30px;background:linear-gradient(135deg,#0b1426 0%,#111e36 65%,#172a49 100%);color:#fff;border:0;
}
.ddc-design-hero h2{margin:4px 0 8px;font-size:30px;letter-spacing:-.035em;color:#fff}
.ddc-design-hero p{margin:0;max-width:850px;color:#c7d2e4;line-height:1.6}
.ddc-design-eyebrow{display:inline-flex;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#8fd7ff}
.ddc-design-hero__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.ddc-design-theme-status{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12px;font-weight:800;color:#d9f8e7;background:rgba(16,185,129,.10)}
.ddc-design-theme-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.12)}
.ddc-design-tabs{display:flex;gap:7px;overflow:auto;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:14px 0 18px;box-shadow:0 4px 18px rgba(15,23,42,.04)}
.ddc-design-tabs a{white-space:nowrap;display:flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;text-decoration:none;color:#667085;font-size:13px;font-weight:800;border:1px solid transparent;transition:.18s ease}
.ddc-design-tabs a:hover{background:#f6f8fb;color:#101828}
.ddc-design-tabs a.is-active{background:#101828;color:#fff;box-shadow:0 5px 14px rgba(15,23,42,.14)}
.ddc-design-workspace{padding:24px 26px}
.ddc-design-workspace>.ddc-section-head{margin-bottom:20px}
.ddc-design-subtitle{margin:4px 0 12px;font-size:15px;color:#101828}
.ddc-design-preview,.ddc-design-stage{border:1px solid #dce3ec;border-radius:16px;background:#f6f8fb;overflow:hidden;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.ddc-design-preview__browser,.ddc-design-stage__toolbar{min-height:48px;padding:8px 14px;background:#fff;border-bottom:1px solid #e6eaf0;display:flex;align-items:center;gap:7px}
.ddc-design-preview__browser i{width:8px;height:8px;border-radius:50%;background:#d7dce5}
.ddc-design-preview__browser span{margin-left:8px;color:#667085;font-size:12px;font-weight:700}
.ddc-design-preview__general-canvas{background:var(--preview-bg);padding:30px 6%;color:var(--preview-text);min-height:270px}
.ddc-design-preview__brand{font-size:30px;font-weight:900;letter-spacing:-.05em;color:var(--preview-primary)}
.ddc-design-preview__navline{height:3px;margin:15px 0 26px;background:linear-gradient(90deg,var(--preview-primary) 0 62%,transparent 62%)}
.ddc-design-preview__story{max-width:650px}.ddc-design-preview__story span{display:block;color:var(--preview-accent);font-size:11px;font-weight:900;letter-spacing:.08em}.ddc-design-preview__story strong{display:block;font-size:28px;line-height:1.05;margin:6px 0 8px}.ddc-design-preview__story p{margin:0;max-width:590px;color:#667085}
.ddc-design-preview__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.ddc-design-preview__cards b{display:block;height:50px;border:1px solid #dfe4eb;background:#fff;border-radius:9px}

.ddc-design-stage__toolbar{justify-content:space-between;gap:18px}.ddc-design-stage__toolbar>div:first-child{display:grid;gap:1px}.ddc-design-stage__toolbar strong{font-size:13px;color:#101828}.ddc-design-stage__toolbar span{font-size:11px;color:#7b8798}
.ddc-design-device-switch{display:inline-flex;gap:3px;padding:3px;background:#eef2f6;border-radius:9px}.ddc-design-device-switch button{border:0;background:transparent;color:#667085;font-size:11px;font-weight:800;padding:7px 10px;border-radius:7px;cursor:pointer}.ddc-design-device-switch button.is-active{background:#fff;color:#101828;box-shadow:0 1px 4px rgba(15,23,42,.12)}
.ddc-design-stage__viewport{padding:28px;display:flex;justify-content:center;align-items:flex-start;min-height:350px;background:linear-gradient(180deg,#edf1f6 0,#f8fafc 100%)}
.ddc-header-mock{width:100%;max-width:1120px;background:#fff;border:1px solid #d9e0e8;border-radius:6px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.10);transition:max-width .25s ease}
.ddc-design-stage[data-device="tablet"] .ddc-header-mock{max-width:760px}.ddc-design-stage[data-device="mobile"] .ddc-header-mock{max-width:390px}
.ddc-header-mock__ad{height:74px;background:repeating-linear-gradient(135deg,#eef2f6,#eef2f6 5px,#f7f9fb 5px,#f7f9fb 10px);display:flex;align-items:center;justify-content:center;color:#9aa5b5;font-size:10px;letter-spacing:.12em}
.ddc-header-mock__meta{display:flex;justify-content:center;gap:26px;padding:7px 20px;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;font-size:10px;color:#667085}
.ddc-header-mock__main{min-height:92px;display:grid;grid-template-columns:90px minmax(140px,1fr) 170px 160px auto;align-items:center;gap:15px;padding:13px 24px}
.ddc-header-mock__tools{display:flex;gap:13px;font-style:normal;color:#101828}.ddc-header-mock__tools b{font-size:19px;font-weight:700}
.ddc-header-mock__logo{display:flex;justify-content:flex-start;align-items:center;min-width:0}.ddc-header-mock__logo img{display:block;max-height:54px;max-width:190px;object-fit:contain}.ddc-header-mock__logo strong{font-size:23px;letter-spacing:-.04em}
.ddc-header-mock__date{font-size:10px;color:#667085;text-align:center}.ddc-header-mock__social{font-size:14px;letter-spacing:3px;color:#667085;text-align:center}.ddc-header-mock__actions{display:flex;justify-content:flex-end;gap:7px;white-space:nowrap}.ddc-header-mock__actions span{padding:8px 11px;border:1px solid #d7dce4;border-radius:999px;font-size:9px;font-weight:900;color:#182234}.ddc-header-mock__actions span:first-child{background:#ffd400;border-color:#ffd400;color:#111}.ddc-header-mock__actions span:last-child{background:#e7192d;border-color:#e7192d;color:#fff}
.ddc-header-mock__nav{display:flex;align-items:center;justify-content:center;gap:22px;min-height:42px;padding:0 20px;border-top:1px solid #e8ecf1;border-bottom:1px solid #e8ecf1;font-size:10px;font-weight:800;color:#1b2432;overflow:hidden;white-space:nowrap}
.ddc-header-mock--premium .ddc-header-mock__meta{display:none}.ddc-header-mock--premium .ddc-header-mock__main{grid-template-columns:100px 1fr auto;grid-template-areas:"tools logo actions";min-height:100px}.ddc-header-mock--premium .ddc-header-mock__tools{grid-area:tools}.ddc-header-mock--premium .ddc-header-mock__logo{grid-area:logo;justify-content:center}.ddc-header-mock--premium .ddc-header-mock__logo img{max-height:62px;max-width:250px}.ddc-header-mock--premium .ddc-header-mock__date,.ddc-header-mock--premium .ddc-header-mock__social{display:none}.ddc-header-mock--premium .ddc-header-mock__actions{grid-area:actions}.ddc-header-mock--premium .ddc-header-mock__nav{gap:28px}
.ddc-header-mock--editorial .ddc-header-mock__main{grid-template-columns:100px 1fr auto;grid-template-areas:"tools logo actions";min-height:100px}.ddc-header-mock--editorial .ddc-header-mock__tools{grid-area:tools}.ddc-header-mock--editorial .ddc-header-mock__logo{grid-area:logo;justify-content:flex-start}.ddc-header-mock--editorial .ddc-header-mock__logo strong{font-family:Georgia,serif;font-size:31px}.ddc-header-mock--editorial .ddc-header-mock__date,.ddc-header-mock--editorial .ddc-header-mock__social{display:none}.ddc-header-mock--editorial .ddc-header-mock__actions{grid-area:actions}.ddc-header-mock--editorial .ddc-header-mock__nav{justify-content:flex-start;padding-left:24px;font-family:Georgia,serif;font-size:11px}
.ddc-design-stage[data-device="mobile"] .ddc-header-mock__ad{height:45px}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__meta{padding:6px 10px;gap:10px}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__main,.ddc-design-stage[data-device="mobile"] .ddc-header-mock--premium .ddc-header-mock__main,.ddc-design-stage[data-device="mobile"] .ddc-header-mock--editorial .ddc-header-mock__main{display:grid;grid-template-columns:44px 1fr auto;grid-template-areas:"tools logo actions";padding:10px 12px;min-height:66px;gap:8px}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__tools{grid-area:tools}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__tools b:last-child{display:none}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__logo{grid-area:logo;justify-content:center}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__logo img{max-width:130px;max-height:43px}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__date,.ddc-design-stage[data-device="mobile"] .ddc-header-mock__social{display:none}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__actions{grid-area:actions}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__actions span{display:none}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__actions span:first-child{display:inline-flex;padding:7px 8px}.ddc-design-stage[data-device="mobile"] .ddc-header-mock__nav{display:none}

.ddc-design-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ddc-design-template{position:relative;border:1px solid #dfe5ed;border-radius:14px;background:#fff;overflow:hidden;cursor:pointer;transition:.18s ease}.ddc-design-template:hover{transform:translateY(-2px);border-color:#aeb9c8;box-shadow:0 8px 24px rgba(15,23,42,.07)}.ddc-design-template.is-selected{border:2px solid #101828;box-shadow:0 0 0 3px rgba(15,23,42,.06)}.ddc-design-template>input{position:absolute;opacity:0;pointer-events:none}.ddc-design-template__mini{height:105px;display:grid;grid-template-columns:28px 1fr 60px;grid-template-rows:20px 54px 18px;align-items:center;gap:5px;padding:8px;background:#f7f9fb;border-bottom:1px solid #e7ebf1}.ddc-design-template__mini i{grid-column:1/-1;height:14px;background:#e0e6ee}.ddc-design-template__mini b{font-size:10px;text-align:center}.ddc-design-template__mini em{height:13px;border-radius:999px;background:#cad2de}.ddc-design-template__mini small{grid-column:1/-1;height:10px;border-top:1px solid #cfd6e0;border-bottom:1px solid #cfd6e0}.ddc-design-template__mini--premium{grid-template-columns:36px 1fr 74px}.ddc-design-template__mini--premium i{opacity:.35}.ddc-design-template__mini--editorial b{text-align:left;font-family:Georgia,serif;font-size:12px}.ddc-design-template__copy{display:grid;gap:5px;padding:13px 14px 14px}.ddc-design-template__copy>strong{font-size:14px}.ddc-design-template__copy>small{color:#667085;line-height:1.4;min-height:40px}.ddc-design-template__copy>span{justify-self:start;margin-top:2px;padding:5px 8px;background:#eef2f6;border-radius:999px;color:#667085;font-size:10px;font-weight:900;text-transform:uppercase}.ddc-design-template.is-selected .ddc-design-template__copy>span{background:#101828;color:#fff}
.ddc-design-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

.ddc-design-preset-grid,.ddc-design-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ddc-design-preset,.ddc-design-footer-option{position:relative;display:grid;gap:7px;border:1px solid #dfe5ed;border-radius:14px;padding:12px;background:#fff;cursor:pointer}.ddc-design-preset.is-selected,.ddc-design-footer-option.is-selected{border:2px solid #101828}.ddc-design-preset>input,.ddc-design-footer-option>input{position:absolute;opacity:0}.ddc-design-preset>small,.ddc-design-footer-option>small{color:#667085;line-height:1.4}.ddc-design-preset__visual{height:90px;border-radius:9px;background:#f3f6f9;border:1px solid #e2e7ee;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:16px 1fr;gap:7px}.ddc-design-preset__visual i{grid-column:1/-1;background:#8c98aa;height:7px;width:50%}.ddc-design-preset__visual b{background:#d9e0e8;border-radius:3px}.ddc-design-preset__visual--cards b{background:#fff;border:1px solid #ccd5e0;border-radius:8px;box-shadow:0 3px 8px rgba(15,23,42,.06)}.ddc-design-preset__visual--minimal{background:#fff}.ddc-design-preset__visual--minimal b{background:linear-gradient(#e4e9ef 50%,transparent 50%);border-radius:0}
.ddc-design-footer-option__visual{height:88px;border-radius:9px;background:#111827;color:#fff;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:8px;padding:12px}.ddc-design-footer-option__visual b{font-size:11px}.ddc-design-footer-option__visual i{height:34px;background:rgba(255,255,255,.12);border-radius:4px}.ddc-design-footer-option__visual--editorial{grid-template-columns:1fr 2fr;background:#f7f8fa;color:#111827;border:1px solid #e2e7ee}.ddc-design-footer-option__visual--editorial i:last-child{display:none}.ddc-design-footer-option__visual--minimal{grid-template-columns:1fr 1fr;background:#fff;color:#111827;border:1px solid #e2e7ee}.ddc-design-footer-option__visual--minimal i{height:2px;background:#d6dce5}.ddc-design-footer-option__visual--minimal i:last-child{display:none}
.ddc-design-phone-preview{min-height:300px;display:flex;align-items:center;justify-content:center;background:#f2f5f8;border:1px solid #e0e5ec;border-radius:14px}.ddc-design-phone-preview__screen{width:230px;height:420px;border:8px solid #172033;border-radius:28px;background:#fff;box-shadow:0 16px 35px rgba(15,23,42,.16);padding:35px 12px 12px;display:grid;grid-template-columns:36px 1fr auto;align-content:start;align-items:center;gap:8px}.ddc-design-phone-preview__screen span{font-size:19px}.ddc-design-phone-preview__screen b{text-align:center;font-size:13px}.ddc-design-phone-preview__screen em{font-style:normal;background:#ffd400;border-radius:999px;padding:7px 8px;font-size:9px;font-weight:900}

@media(max-width:1100px){.ddc-design-template-grid,.ddc-design-preset-grid,.ddc-design-footer-grid{grid-template-columns:1fr}.ddc-design-stage__viewport{padding:18px}.ddc-design-hero{align-items:flex-start}.ddc-header-mock__main{grid-template-columns:80px 1fr auto}.ddc-header-mock__date,.ddc-header-mock__social{display:none}}
@media(max-width:760px){.ddc-design-hero{display:grid;padding:22px}.ddc-design-hero__actions{justify-content:flex-start}.ddc-design-workspace{padding:16px}.ddc-design-tabs{border-radius:10px}.ddc-design-stage__toolbar{align-items:flex-start;display:grid}.ddc-design-stage__viewport{padding:12px;min-height:250px}.ddc-design-check-grid{grid-template-columns:1fr!important}.ddc-design-preview__cards{grid-template-columns:1fr}.ddc-design-preview__general-canvas{padding:22px}.ddc-design-preview__story strong{font-size:22px}}


/* v1.9.7 - Diseño del diario / Preview Pro */
.ddc-form-span-4{grid-column:1/-1}
.ddc-design-workspace form.ddc-grid-4{width:100%}
.ddc-design-stage{width:100%}
.ddc-design-stage__viewport{width:100%;box-sizing:border-box}
.ddc-design-stage__viewport--page{min-height:410px;padding:34px}
.ddc-design-stage__viewport--footer{min-height:330px;padding:34px}
.ddc-design-live-label{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eef7ff;color:#175cd3!important;font-size:11px!important;font-weight:900!important}

/* Los selectores ocupan todo el ancho disponible y conservan proporción horizontal. */
.ddc-design-template-grid,.ddc-design-preset-grid,.ddc-design-footer-grid{width:100%;grid-template-columns:repeat(3,minmax(230px,1fr));gap:16px}
.ddc-design-template,.ddc-design-preset,.ddc-design-footer-option{min-width:0}
.ddc-design-template__mini{height:138px;grid-template-columns:54px minmax(100px,1fr) 92px;grid-template-rows:24px 76px 22px;padding:10px 12px}
.ddc-design-template__mini b{font-size:12px}
.ddc-design-template__copy{min-height:112px}
.ddc-design-template__copy>strong{font-size:15px}
.ddc-design-preset,.ddc-design-footer-option{grid-template-columns:minmax(155px,42%) 1fr;align-items:stretch;padding:10px;gap:12px}
.ddc-design-preset__visual,.ddc-design-footer-option__visual{height:126px;align-self:stretch}
.ddc-design-preset__copy,.ddc-design-footer-option__copy{display:flex;flex-direction:column;gap:6px;padding:5px 3px 3px}
.ddc-design-preset__copy strong,.ddc-design-footer-option__copy strong{font-size:15px;color:#101828}
.ddc-design-preset__copy small,.ddc-design-footer-option__copy small{color:#667085;line-height:1.45}
.ddc-design-preset__copy em,.ddc-design-footer-option__copy em{align-self:flex-start;margin-top:auto;padding:5px 8px;border-radius:999px;background:#eef2f6;color:#667085;font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase}
.ddc-design-preset.is-selected .ddc-design-preset__copy em,.ddc-design-footer-option.is-selected .ddc-design-footer-option__copy em{background:#101828;color:#fff}

/* Portada/secciones: preview semirreal de ancho completo. */
.ddc-sections-mock{width:100%;max-width:1120px;background:#fff;border:1px solid #dde3eb;border-radius:8px;padding:25px 28px;box-shadow:0 10px 30px rgba(15,23,42,.08);transition:.2s ease}
.ddc-sections-mock__heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}.ddc-sections-mock__heading span{font-size:23px;font-weight:900;letter-spacing:-.03em;color:#101828}.ddc-sections-mock__heading i{height:2px;background:#101828;flex:1}
.ddc-sections-mock__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.ddc-sections-mock article{min-width:0}.ddc-sections-mock__image{height:122px;background:linear-gradient(135deg,#dce4ed,#f0f3f7);display:flex;align-items:center;justify-content:center;color:#8996a8;font-size:10px;font-weight:900;letter-spacing:.06em;overflow:hidden}.ddc-sections-mock__lead .ddc-sections-mock__image{height:210px}.ddc-sections-mock article>span{display:block;margin-top:10px;color:#e11937;font-size:10px;font-weight:900;letter-spacing:.05em}.ddc-sections-mock article>strong{display:block;margin-top:5px;color:#101828;font-family:Georgia,serif;font-size:18px;line-height:1.08}.ddc-sections-mock__lead>strong{font-size:28px}.ddc-sections-mock article>p{margin:8px 0 0;color:#667085;font-size:12px;line-height:1.45}
.ddc-sections-mock--cards{background:#f7f9fc;padding:24px;border-radius:16px}.ddc-sections-mock--cards .ddc-sections-mock__heading i{background:#d6dde7}.ddc-sections-mock--cards article{background:#fff;border:1px solid #e1e6ed;border-radius:13px;padding:10px;box-shadow:0 5px 15px rgba(15,23,42,.05)}.ddc-sections-mock--cards .ddc-sections-mock__image{border-radius:9px}.ddc-sections-mock--cards article>strong{font-family:inherit;font-weight:850}
.ddc-sections-mock--minimal{border-radius:0;border-left:0;border-right:0;box-shadow:none;padding-left:0;padding-right:0}.ddc-sections-mock--minimal .ddc-sections-mock__heading i{height:1px;background:#dfe4eb}.ddc-sections-mock--minimal .ddc-sections-mock__grid{gap:28px}.ddc-sections-mock--minimal article+article{border-left:1px solid #e3e7ed;padding-left:20px}.ddc-sections-mock--minimal .ddc-sections-mock__image{background:#eef1f4}.ddc-sections-mock--minimal article>strong{font-family:inherit;font-weight:760}

/* Footer: preview horizontal real. El crédito Webnología es parte fija del producto. */
.ddc-footer-mock{width:100%;max-width:1120px;border:1px solid #dbe2ea;border-radius:8px;overflow:hidden;background:#111827;color:#d7deea;box-shadow:0 10px 30px rgba(15,23,42,.10);transition:.2s ease}
.ddc-footer-mock__ad{height:52px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;color:#98a2b3;font-size:10px;font-weight:800;letter-spacing:.1em}
.ddc-footer-mock__main{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:32px;padding:34px}.ddc-footer-mock__brand{display:grid;align-content:start;gap:18px}.ddc-footer-mock__brand strong{font-size:24px;color:#fff}.ddc-footer-mock__brand span{font-size:14px}.ddc-footer-mock__column{display:grid;align-content:start;gap:8px;font-size:11px}.ddc-footer-mock__column b{margin-bottom:4px;color:#fff;font-size:12px}.ddc-footer-mock__column i{height:44px;border-radius:5px;background:rgba(255,255,255,.09)}.ddc-footer-mock__bottom{display:flex;justify-content:space-between;gap:20px;padding:13px 34px;border-top:1px solid rgba(255,255,255,.12);font-size:10px}.ddc-footer-mock__bottom strong{color:#fff}.ddc-footer-mock__bottom u{text-decoration:none}
.ddc-footer-mock--editorial{background:#fff;color:#667085}.ddc-footer-mock--editorial .ddc-footer-mock__ad{display:none}.ddc-footer-mock--editorial .ddc-footer-mock__main{grid-template-columns:1.5fr 1fr 1fr;padding:28px 32px}.ddc-footer-mock--editorial .ddc-footer-mock__brand strong,.ddc-footer-mock--editorial .ddc-footer-mock__column b,.ddc-footer-mock--editorial .ddc-footer-mock__bottom strong{color:#101828}.ddc-footer-mock--editorial .ddc-footer-mock__extra{display:none}.ddc-footer-mock--editorial .ddc-footer-mock__bottom{border-color:#e4e8ee}
.ddc-footer-mock--minimal{background:#fff;color:#667085;border-radius:0;box-shadow:none}.ddc-footer-mock--minimal .ddc-footer-mock__ad,.ddc-footer-mock--minimal .ddc-footer-mock__column,.ddc-footer-mock--minimal .ddc-footer-mock__extra{display:none}.ddc-footer-mock--minimal .ddc-footer-mock__main{display:block;padding:24px 30px}.ddc-footer-mock--minimal .ddc-footer-mock__brand{display:flex;align-items:center;justify-content:space-between}.ddc-footer-mock--minimal .ddc-footer-mock__brand strong,.ddc-footer-mock--minimal .ddc-footer-mock__bottom strong{color:#101828}.ddc-footer-mock--minimal .ddc-footer-mock__bottom{border-color:#e3e7ed;padding:12px 30px}
.ddc-design-fixed-credit{display:flex;gap:10px;align-items:flex-start;margin-top:15px;padding:12px 13px;border:1px solid #dbe7f3;border-radius:11px;background:#f6faff;color:#344054}.ddc-design-fixed-credit>span{line-height:1.4}.ddc-design-fixed-credit>div{display:grid;gap:3px}.ddc-design-fixed-credit strong{font-size:12px}.ddc-design-fixed-credit small{color:#667085;line-height:1.4}

@media(max-width:1180px){
  .ddc-design-template-grid,.ddc-design-preset-grid,.ddc-design-footer-grid{grid-template-columns:1fr}
  .ddc-design-preset,.ddc-design-footer-option{grid-template-columns:190px 1fr}
  .ddc-sections-mock__grid{grid-template-columns:1.6fr 1fr 1fr;gap:14px}
  .ddc-footer-mock__main{gap:18px;padding:26px}
}
@media(max-width:760px){
  .ddc-design-stage__viewport--page,.ddc-design-stage__viewport--footer{padding:12px;min-height:0}
  .ddc-design-preset,.ddc-design-footer-option{grid-template-columns:1fr}
  .ddc-design-preset__visual,.ddc-design-footer-option__visual{height:110px}
  .ddc-sections-mock{padding:17px}.ddc-sections-mock__grid{grid-template-columns:1fr}.ddc-sections-mock article+article{border-left:0!important;padding-left:0!important}.ddc-sections-mock__lead .ddc-sections-mock__image{height:150px}.ddc-sections-mock__lead>strong{font-size:22px}
  .ddc-footer-mock__main,.ddc-footer-mock--editorial .ddc-footer-mock__main{grid-template-columns:1fr 1fr;padding:20px}.ddc-footer-mock__extra{display:none}.ddc-footer-mock__bottom{padding:12px 20px;display:grid}.ddc-footer-mock--minimal .ddc-footer-mock__main,.ddc-footer-mock--minimal .ddc-footer-mock__bottom{padding-left:18px;padding-right:18px}
}

/* v1.9.8 — Constructor visual de bloques de portada */
.ddc-section-builder-preview{width:100%;border:1px solid #dfe5ed;border-radius:16px;overflow:hidden;background:#fff}.ddc-section-builder-preview__canvas{min-height:430px;padding:34px;background:linear-gradient(180deg,#f4f7fa,#eef2f6);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.ddc-builder-empty{color:#667085;font-weight:700;text-align:center}.ddc-section-builder{width:100%;display:grid;gap:14px}.ddc-section-builder__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ddc-section-builder__head h3{margin:0 0 4px;font-size:17px}.ddc-section-builder__head p{margin:0;color:#667085;line-height:1.45}.ddc-section-builder__count{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;background:#eef2f6;color:#344054;padding:7px 10px;font-size:11px;font-weight:900}.ddc-section-builder__list{display:grid;gap:10px}.ddc-section-builder-row{border:1px solid #dfe5ed;border-radius:14px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease}.ddc-section-builder-row:hover,.ddc-section-builder-row.is-selected{border-color:#98a2b3;box-shadow:0 8px 22px rgba(15,23,42,.06)}.ddc-section-builder-row.is-selected{border-color:#101828;box-shadow:0 0 0 1px #101828,0 10px 26px rgba(15,23,42,.08)}.ddc-section-builder-row.is-hidden-home{opacity:.72}.ddc-section-builder-row.is-inactive{opacity:.48}.ddc-section-builder-row.is-dragging{opacity:.45;transform:scale(.995)}.ddc-section-builder-row.is-drag-over{border-color:#2e90fa}.ddc-section-builder-row__top{display:grid;grid-template-columns:34px 12px minmax(190px,1.4fr) minmax(160px,.8fr) auto auto;align-items:center;gap:12px;padding:13px 14px}.ddc-section-builder-row__drag{width:32px;height:32px;border:0;border-radius:8px;background:#f2f4f7;color:#475467;font-size:18px;line-height:1;cursor:grab}.ddc-section-builder-row__drag:active{cursor:grabbing}.ddc-section-builder-row__swatch{width:10px;height:36px;border-radius:999px;background:var(--ddc-block-color,#d1007d)}.ddc-section-builder-row__identity{display:grid;gap:2px;min-width:0}.ddc-section-builder-row__identity strong{font-size:14px;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ddc-section-builder-row__identity small{font-size:11px;color:#98a2b3}.ddc-section-builder-row__summary{display:grid;gap:2px}.ddc-section-builder-row__summary span{font-size:12px;font-weight:800;color:#344054}.ddc-section-builder-row__summary small{font-size:11px;color:#667085}.ddc-section-builder-row__visibility{display:flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;border:1px solid #e4e7ec!important;border-radius:999px!important;background:#fff!important;margin:0!important;white-space:nowrap}.ddc-section-builder-row__visibility input{margin:0!important;width:15px!important;height:15px!important}.ddc-section-builder-row__visibility span{font-size:11px!important;font-weight:850!important;color:#344054!important}.ddc-section-builder-row__controls{display:grid;grid-template-columns:minmax(220px,1.45fr) minmax(130px,.65fr) minmax(210px,1.15fr) minmax(130px,.7fr) minmax(160px,.8fr);gap:10px;padding:12px 14px 14px;border-top:1px solid #eef1f4;background:#fafbfc}.ddc-section-builder-row__controls label{margin:0!important;font-size:11px!important;font-weight:800!important;color:#475467!important}.ddc-section-builder-row__controls input,.ddc-section-builder-row__controls select{margin-top:6px!important;background:#fff!important}.ddc-design-global-section{display:grid;gap:14px;padding:18px;border:1px solid #e1e6ed;border-radius:16px;background:#fbfcfd}.ddc-section-builder-save{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}.ddc-section-builder-save span{font-size:12px;color:#667085;line-height:1.45}

.ddc-builder-live{position:relative;width:min(1120px,100%);background:#fff;border:1px solid #dce3eb;border-radius:10px;padding:25px 28px;box-shadow:0 12px 34px rgba(15,23,42,.09);box-sizing:border-box}.ddc-builder-live>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding-top:9px;border-top:3px solid var(--ddc-builder-accent,#d1007d)}.ddc-builder-live>header h4{display:flex;align-items:center;gap:8px;margin:0;font-size:24px;line-height:1.1;color:#101828;font-family:Georgia,serif}.ddc-builder-live>header h4 span:empty{display:none}.ddc-builder-live>header h4 span{color:var(--ddc-builder-accent,#d1007d)}.ddc-builder-live>header a{font-size:11px;font-weight:850;color:#667085}.ddc-builder-layout--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ddc-builder-layout--grid.is-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.ddc-builder-layout--grid.is-video{grid-template-columns:repeat(4,minmax(0,1fr));background:#101828;padding:14px;border-radius:8px}.ddc-builder-card{min-width:0}.ddc-builder-card__media{height:128px;background:linear-gradient(135deg,#dbe3ec,#eef2f6);display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:9px;font-weight:900;letter-spacing:.08em}.ddc-builder-card__body{padding-top:9px}.ddc-builder-card__body em{display:block;color:var(--ddc-builder-accent,#d1007d);font-size:9px;font-style:normal;font-weight:900;letter-spacing:.05em}.ddc-builder-card__body strong{display:block;margin-top:4px;color:#101828;font-family:Georgia,serif;font-size:17px;line-height:1.12}.ddc-builder-card__body p{margin:7px 0 0;color:#667085;font-size:11px;line-height:1.4}.ddc-builder-layout.is-video .ddc-builder-card__body strong,.ddc-builder-layout--grid.is-video .ddc-builder-card__body strong{color:#fff}.ddc-builder-layout--grid.is-video .ddc-builder-card__body p{color:#cbd5e1}.ddc-builder-layout--grid.is-four .ddc-builder-card__media{height:100px}.ddc-builder-layout--grid.is-four .ddc-builder-card__body strong{font-size:14px}.ddc-builder-layout--list{display:grid;gap:0}.ddc-builder-layout--list .ddc-builder-card{display:grid;grid-template-columns:210px 1fr;gap:16px;padding:13px 0;border-top:1px solid #e5e7eb}.ddc-builder-layout--list .ddc-builder-card:first-child{border-top:0;padding-top:0}.ddc-builder-layout--list .ddc-builder-card__media{height:105px}.ddc-builder-layout--list .ddc-builder-card__body{padding-top:2px}.ddc-builder-layout--list .ddc-builder-card__body strong{font-size:20px}.ddc-builder-layout--hero,.ddc-builder-layout--magazine{display:grid;grid-template-columns:minmax(0,var(--ddc-builder-main,1.75fr)) minmax(280px,var(--ddc-builder-side,.8fr));gap:20px}.ddc-builder-layout--hero>.is-main .ddc-builder-card__media,.ddc-builder-layout--magazine>.is-main .ddc-builder-card__media{height:270px}.ddc-builder-layout--hero>.is-main .ddc-builder-card__body strong,.ddc-builder-layout--magazine>.is-main .ddc-builder-card__body strong{font-size:28px}.ddc-builder-layout__side{display:grid;gap:14px}.ddc-builder-layout__side .ddc-builder-card{display:grid;grid-template-columns:120px 1fr;gap:11px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.ddc-builder-layout__side .ddc-builder-card__media{height:78px}.ddc-builder-layout__side .ddc-builder-card__body{padding:0}.ddc-builder-layout__side .ddc-builder-card__body strong{font-size:15px}.ddc-builder-layout__side .ddc-builder-card__body p{display:none}.ddc-builder-layout--magazine{grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr)}.ddc-builder-layout--mixed{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px}.ddc-builder-layout--mixed .ddc-builder-layout__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ddc-builder-layout--mixed aside{display:flex;align-items:center;justify-content:center;min-height:190px;border:1px dashed #cfd7e2;background:#f8fafc;color:#98a2b3;font-size:10px;font-weight:900;letter-spacing:.06em}.ddc-builder-layout--ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.ddc-builder-layout--ranking article{display:grid;grid-template-columns:34px 1fr 52px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #e5e7eb}.ddc-builder-layout--ranking article i{font-style:normal;font-size:24px;font-weight:900;color:var(--ddc-builder-accent,#d1007d)}.ddc-builder-layout--ranking article strong{font-family:Georgia,serif;font-size:15px;line-height:1.2}.ddc-builder-layout--ranking article span{height:34px;background:#e8edf3}.ddc-builder-live__hidden{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.82);backdrop-filter:blur(2px);color:#475467;font-weight:900;font-size:13px}.ddc-builder-live.is-hidden-preview{filter:saturate(.55)}

@media(max-width:1200px){.ddc-section-builder-row__top{grid-template-columns:34px 12px minmax(160px,1fr) minmax(140px,.8fr) auto}.ddc-section-builder-row__top>a{grid-column:3/6;justify-self:start}.ddc-section-builder-row__controls{grid-template-columns:repeat(3,minmax(0,1fr))}.ddc-builder-layout--hero,.ddc-builder-layout--magazine{grid-template-columns:1.45fr 1fr}}
@media(max-width:840px){.ddc-section-builder-preview__canvas{padding:14px;min-height:300px}.ddc-section-builder-row__top{grid-template-columns:32px 10px 1fr auto}.ddc-section-builder-row__summary{grid-column:3/5}.ddc-section-builder-row__visibility{grid-column:3/4;justify-self:start}.ddc-section-builder-row__top>a{grid-column:4/5}.ddc-section-builder-row__controls{grid-template-columns:1fr 1fr}.ddc-builder-layout--grid,.ddc-builder-layout--grid.is-four,.ddc-builder-layout--grid.is-video{grid-template-columns:1fr 1fr}.ddc-builder-layout--hero,.ddc-builder-layout--magazine,.ddc-builder-layout--mixed{grid-template-columns:1fr}.ddc-builder-layout--hero>.is-main .ddc-builder-card__media,.ddc-builder-layout--magazine>.is-main .ddc-builder-card__media{height:190px}.ddc-section-builder-save{align-items:flex-start!important;flex-direction:column}.ddc-design-global-section{padding:14px}}
@media(max-width:560px){.ddc-section-builder-row__controls{grid-template-columns:1fr}.ddc-section-builder-row__top{grid-template-columns:30px 10px 1fr}.ddc-section-builder-row__summary,.ddc-section-builder-row__visibility,.ddc-section-builder-row__top>a{grid-column:3/4}.ddc-builder-live{padding:18px}.ddc-builder-live>header h4{font-size:19px}.ddc-builder-layout--grid,.ddc-builder-layout--grid.is-four,.ddc-builder-layout--grid.is-video,.ddc-builder-layout--ranking{grid-template-columns:1fr}.ddc-builder-layout--list .ddc-builder-card{grid-template-columns:110px 1fr}.ddc-builder-layout__side .ddc-builder-card{grid-template-columns:95px 1fr}}

/* v1.10.0 - Guía de configuración + Demo comercial seguro */
.ddc-demo-banner{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin:0 0 18px;padding:14px 16px;border:1px solid #f5c04a;border-radius:14px;
  background:#fff8e6;color:#5e4300;box-shadow:0 6px 18px rgba(15,23,42,.04)
}
.ddc-demo-banner>div{display:grid;gap:3px}.ddc-demo-banner strong{font-size:14px}.ddc-demo-banner span{font-size:12px;line-height:1.45}
.ddc-demo-time{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid rgba(153,104,0,.18);font-weight:800;white-space:nowrap}
.ddc-app--demo .ddc-version::before{content:'DEMO · ';color:#b7791f}
.ddc-demo-user-settings{margin-top:18px;padding:14px;border:1px dashed #d4a72c;border-radius:12px;background:#fffbeb;display:grid;gap:10px}
.ddc-demo-user-settings>strong{font-size:13px}.ddc-demo-user-settings>p{margin:0;color:#6b5a26;font-size:12px;line-height:1.5}

.ddc-dashboard-setup-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center}
.ddc-dashboard-setup-card h2{margin:4px 0 7px}.ddc-dashboard-setup-card p{margin:0 0 14px;color:var(--ddc-muted,#667085);max-width:760px}
.ddc-dashboard-setup-card .ddc-progress{max-width:640px;margin:0 0 7px}.ddc-dashboard-setup-card small{color:var(--ddc-muted,#667085)}

.ddc-setup-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:linear-gradient(135deg,#0d1830,#15284a);color:#fff}
.ddc-setup-hero h2{color:#fff;margin:4px 0 8px}.ddc-setup-hero p{margin:0;max-width:760px;color:#d9e5f7}
.ddc-setup-score{min-width:150px;text-align:center;padding:14px 18px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06)}
.ddc-setup-score strong{display:block;font-size:34px;line-height:1}.ddc-setup-score span{display:block;margin-top:6px;font-size:12px;color:#d9e5f7}
.ddc-setup-progress-card{padding-top:18px;padding-bottom:18px}.ddc-setup-progress-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px;color:#667085;font-size:12px}
.ddc-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.ddc-setup-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;position:relative;margin:0!important}
.ddc-setup-step__number{width:38px;height:38px;border-radius:12px;background:#eef2f7;color:#0f172a;display:flex;align-items:center;justify-content:center;font-weight:900}
.ddc-setup-step.is-done .ddc-setup-step__number{background:#dcfce7;color:#166534}.ddc-setup-step.is-skipped .ddc-setup-step__number{background:#f3f4f6;color:#6b7280}
.ddc-setup-step__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ddc-setup-step h3{margin:0;font-size:17px}.ddc-setup-step p{margin:7px 0;color:#667085;line-height:1.5}.ddc-setup-step small{display:block;color:#7b8495}
.ddc-setup-state{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#fff3cd;color:#8a6410;white-space:nowrap}.is-done .ddc-setup-state{background:#dcfce7;color:#166534}.is-skipped .ddc-setup-state{background:#f3f4f6;color:#6b7280}
.ddc-setup-step__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.ddc-setup-step__actions form{margin:0}
.ddc-link-button{border:0;background:transparent;color:#667085;text-decoration:underline;cursor:pointer;font:inherit;font-size:12px;padding:5px}
.ddc-setup-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.ddc-setup-footer-actions p{margin:4px 0 0;color:#667085}
.ddc-demo-info-card{border-color:#f5c04a!important;background:#fff8e6!important}.ddc-demo-info-card p{margin:4px 0 0;color:#6b5a26}

@media(max-width:900px){.ddc-setup-grid{grid-template-columns:1fr}.ddc-dashboard-setup-card,.ddc-setup-hero{grid-template-columns:1fr}.ddc-setup-score{justify-self:start}.ddc-demo-banner{align-items:flex-start;flex-direction:column}.ddc-setup-footer-actions{align-items:flex-start;flex-direction:column}}

/* v1.10.4 - etiquetas compactas del constructor visual */
.ddc-field-label {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 760;
    color: var(--ddc-text);
}

/* v1.10.7 - Identidad configurable del panel */
.ddc-brand-mark--image {
    overflow: hidden;
    padding: 4px;
}
.ddc-brand-mark--image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.ddc-panel-brand-config {
    display: grid;
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.8fr);
    gap: 18px;
    align-items: stretch;
}
.ddc-panel-brand-preview {
    min-height: 164px;
    border-radius: 18px;
    background: #0f172a;
    color: #fff;
    padding: 22px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.ddc-panel-brand-preview__mark {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border-radius: 16px;
    background: #fff;
    color: #0f172a;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 5px;
    font-weight: 900;
    font-size: 18px;
}
.ddc-panel-brand-preview__mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ddc-panel-brand-preview__copy {
    padding-top: 7px;
    min-width: 0;
}
.ddc-panel-brand-preview__copy strong,
.ddc-panel-brand-preview__copy span {
    display: block;
}
.ddc-panel-brand-preview__copy strong {
    font-size: 17px;
    line-height: 1.2;
    color: #fff;
}
.ddc-panel-brand-preview__copy span {
    margin-top: 5px;
    color: rgba(255,255,255,.68);
    font-size: 12px;
}
.ddc-panel-brand-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    align-content: start;
}
.ddc-panel-brand-fields > .ddc-panel-block,
.ddc-panel-brand-fields > small {
    grid-column: 1 / -1;
}
.ddc-panel-login-brand--image {
    padding: 6px;
    background: #fff;
    border: 1px solid rgba(15,23,42,.1);
    overflow: hidden;
}
.ddc-panel-login-brand--image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ddc-panel-login-name {
    display: block;
    margin: -4px 0 9px;
    color: #071126;
    font-size: 15px;
    line-height: 1.25;
}
@media (max-width: 840px) {
    .ddc-panel-brand-config {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 620px) {
    .ddc-panel-brand-fields {
        grid-template-columns: 1fr;
    }
}

/* v1.11.0 - Ayudante IA consultivo */
.ddc-ai-launcher {
    position: fixed;
    right: 24px;
    bottom: 22px;
    z-index: 100090;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 0;
    border-radius: 999px;
    padding: 13px 17px;
    background: #0f172a;
    color: #fff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .28);
    font: 750 14px/1 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    cursor: pointer;
}
.ddc-ai-launcher:hover { background: #1d2a44; transform: translateY(-1px); }
.ddc-ai-launcher:focus-visible,
.ddc-ai-close:focus-visible,
.ddc-ai-quick button:focus-visible { outline: 3px solid #84adff; outline-offset: 2px; }
.ddc-ai-launcher__icon {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: #fff;
    color: #0f172a;
    font-size: 15px;
}
.ddc-ai-backdrop {
    position: fixed;
    inset: 0;
    z-index: 100095;
    background: rgba(15, 23, 42, .34);
    backdrop-filter: blur(2px);
}
.ddc-ai-drawer {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100100;
    width: min(440px, 94vw);
    display: grid;
    grid-template-rows: auto minmax(180px, 1fr) auto auto;
    background: #f7f9fc;
    color: #151a23;
    box-shadow: -20px 0 55px rgba(15, 23, 42, .22);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ddc-ai-drawer[hidden], .ddc-ai-backdrop[hidden] { display: none !important; }
.ddc-ai-drawer__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 22px 18px;
    background: #0f172a;
    color: #fff;
}
.ddc-ai-eyebrow { display: block; margin-bottom: 5px; color: #b9c8df; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.ddc-ai-drawer__header h2 { margin: 0; color: #fff; font-size: 22px; line-height: 1.15; }
.ddc-ai-close { border: 1px solid rgba(255,255,255,.22); border-radius: 10px; width: 36px; height: 36px; background: rgba(255,255,255,.08); color: #fff; font-size: 24px; line-height: 1; cursor: pointer; }
.ddc-ai-conversation { overflow-y: auto; padding: 20px; display: flex; flex-direction: column; gap: 14px; scroll-behavior: smooth; }
.ddc-ai-message { max-width: 90%; display: grid; gap: 5px; }
.ddc-ai-message > span { color: #667085; font-size: 10px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.ddc-ai-message p { margin: 0; padding: 12px 14px; border: 1px solid #dfe5ed; border-radius: 6px 16px 16px 16px; background: #fff; color: #253047; font-size: 13px; line-height: 1.55; white-space: pre-line; box-shadow: 0 5px 15px rgba(15,23,42,.04); }
.ddc-ai-message--user { align-self: flex-end; }
.ddc-ai-message--user > span { text-align: right; }
.ddc-ai-message--user p { border-color: #0f172a; border-radius: 16px 6px 16px 16px; background: #0f172a; color: #fff; }
.ddc-ai-message__links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 3px; }
.ddc-ai-message__links a { display: inline-flex; padding: 7px 10px; border: 1px solid #cfd8e5; border-radius: 9px; background: #fff; color: #1d4ed8; font-size: 11px; font-weight: 800; text-decoration: none; }
.ddc-ai-quick { padding: 0 20px 16px; }
.ddc-ai-quick > span { display: block; margin-bottom: 8px; color: #667085; font-size: 11px; font-weight: 800; }
.ddc-ai-quick > div { display: flex; flex-wrap: wrap; gap: 7px; }
.ddc-ai-quick button { border: 1px solid #d8e0eb; border-radius: 999px; padding: 8px 10px; background: #fff; color: #344054; font: 700 11px/1.25 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; cursor: pointer; text-align: left; }
.ddc-ai-quick button:hover { border-color: #98a2b3; color: #101828; }
.ddc-ai-form { padding: 16px 20px 19px; border-top: 1px solid #dfe5ed; background: #fff; }
.ddc-ai-form > label { display: block; margin-bottom: 7px; color: #344054; font-size: 12px; font-weight: 800; }
.ddc-ai-form textarea { width: 100%; min-height: 78px; resize: vertical; border: 1px solid #cfd8e5; border-radius: 12px; padding: 11px 12px; background: #fff; color: #101828; font: 500 13px/1.45 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; box-sizing: border-box; }
.ddc-ai-form textarea:focus { outline: 0; border-color: #4979d2; box-shadow: 0 0 0 3px rgba(73,121,210,.14); }
.ddc-ai-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; }
.ddc-ai-form__footer small { color: #667085; font-size: 10px; line-height: 1.35; }
.ddc-ai-form__footer .ddc-btn { flex: 0 0 auto; padding: 10px 13px; }
.ddc-ai-form__footer .ddc-btn:disabled { cursor: wait; opacity: .65; }
.ddc-ai-settings-card code { overflow-wrap: anywhere; }
.ddc-ai-security-note ul { margin: 10px 0 0; padding-left: 20px; color: #475467; }
.ddc-ai-security-note li { margin: 6px 0; line-height: 1.45; }
.ddc-ai-delete-key { color: #8a2c22 !important; }
.ddc-ai-is-open { overflow: hidden !important; }
@media (max-width: 620px) {
    .ddc-ai-launcher { right: 14px; bottom: 14px; padding: 11px 13px; }
    .ddc-ai-drawer { width: 100vw; }
    .ddc-ai-drawer__header { padding: 18px 16px 15px; }
    .ddc-ai-conversation { padding: 16px; }
    .ddc-ai-quick { padding: 0 16px 13px; }
    .ddc-ai-form { padding: 14px 16px 16px; }
    .ddc-ai-form__footer { align-items: flex-start; flex-direction: column; }
    .ddc-ai-form__footer .ddc-btn { width: 100%; }
}

/* v1.12.0 - Selector visual de formatos para noticias destacadas */
.ddc-featured-design-stage__viewport { min-height: 500px; }
.ddc-featured-mock { width: 100%; max-width: 1120px; display: grid; grid-template-columns: minmax(0, 65fr) minmax(230px, 35fr); gap: 14px; padding: 14px; border: 1px solid #d9e0e8; border-radius: 8px; background: #fff; box-shadow: 0 10px 30px rgba(15,23,42,.10); transition: max-width .25s ease; box-sizing: border-box; }
.ddc-featured-design-stage[data-ratio="60_40"] .ddc-featured-mock:not(.ddc-featured-mock--panorama) { grid-template-columns: minmax(0,60fr) minmax(230px,40fr); }
.ddc-featured-design-stage[data-ratio="70_30"] .ddc-featured-mock:not(.ddc-featured-mock--panorama) { grid-template-columns: minmax(0,70fr) minmax(220px,30fr); }
.ddc-featured-mock__secondary { display: grid; gap: 14px; min-width: 0; }
.ddc-featured-mock__card { min-width: 0; overflow: hidden; border: 1px solid #dfe5ed; border-radius: 7px; background: #fff; }
.ddc-featured-mock__media { display: flex; align-items: center; justify-content: center; min-height: 116px; aspect-ratio: 16/9; background: linear-gradient(135deg,#cad4e1,#e9eef4); color: #7b8798; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.ddc-featured-mock__body { display: grid; gap: 6px; padding: 13px; }
.ddc-featured-mock__body em { color: #d1007d; font-size: 9px; font-style: normal; font-weight: 950; letter-spacing: .05em; }
.ddc-featured-mock__body strong { color: #101828; font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 1.05; letter-spacing: -.02em; }
.ddc-featured-mock__body p { margin: 0; color: #667085; font-size: 10px; line-height: 1.4; }
.ddc-featured-mock__card.is-main .ddc-featured-mock__media { min-height: 260px; }
.ddc-featured-mock__card.is-main .ddc-featured-mock__body { padding: 18px; }
.ddc-featured-mock__card.is-main .ddc-featured-mock__body strong { font-size: clamp(24px,3vw,38px); }

.ddc-featured-mock--visual .ddc-featured-mock__card.is-main { position: relative; min-height: 430px; border: 0; background: #0b1426; }
.ddc-featured-mock--visual .ddc-featured-mock__card.is-main .ddc-featured-mock__media { position: absolute; inset: 0; min-height: 0; height: 100%; aspect-ratio: auto; background: linear-gradient(135deg,#59687c,#b6c0cc); color: rgba(255,255,255,.72); }
.ddc-featured-mock--visual .ddc-featured-mock__card.is-main::after { content: ""; position: absolute; inset: 25% 0 0; background: linear-gradient(180deg,transparent,rgba(5,12,25,.92)); }
.ddc-featured-mock--visual .ddc-featured-mock__card.is-main .ddc-featured-mock__body { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; color: #fff; }
.ddc-featured-mock--visual .ddc-featured-mock__card.is-main .ddc-featured-mock__body strong,.ddc-featured-mock--visual .ddc-featured-mock__card.is-main .ddc-featured-mock__body p { color: #fff; }
.ddc-featured-mock--visual .ddc-featured-mock__secondary .ddc-featured-mock__card { display: grid; grid-template-columns: minmax(100px,42%) minmax(0,1fr); align-items: stretch; }
.ddc-featured-mock--visual .ddc-featured-mock__secondary .ddc-featured-mock__media { min-height: 0; height: 100%; aspect-ratio: auto; }
.ddc-featured-mock--visual .ddc-featured-mock__secondary .ddc-featured-mock__body strong { font-size: 14px; }

.ddc-featured-mock--panorama { grid-template-columns: 1fr; }
.ddc-featured-mock--panorama .ddc-featured-mock__card.is-main { display: grid; grid-template-columns: minmax(0,65fr) minmax(250px,35fr); min-height: 280px; }
.ddc-featured-design-stage[data-ratio="60_40"] .ddc-featured-mock--panorama .ddc-featured-mock__card.is-main { grid-template-columns: minmax(0,60fr) minmax(250px,40fr); }
.ddc-featured-design-stage[data-ratio="70_30"] .ddc-featured-mock--panorama .ddc-featured-mock__card.is-main { grid-template-columns: minmax(0,70fr) minmax(230px,30fr); }
.ddc-featured-mock--panorama .ddc-featured-mock__card.is-main .ddc-featured-mock__media { min-height: 280px; height: 100%; aspect-ratio: auto; }
.ddc-featured-mock--panorama .ddc-featured-mock__card.is-main .ddc-featured-mock__body { align-content: end; }
.ddc-featured-mock--panorama .ddc-featured-mock__secondary { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ddc-featured-mock--panorama .ddc-featured-mock__secondary .ddc-featured-mock__card { display: grid; grid-template-columns: 40% minmax(0,1fr); }
.ddc-featured-mock--panorama .ddc-featured-mock__secondary .ddc-featured-mock__media { min-height: 130px; height: 100%; aspect-ratio: auto; }

.ddc-featured-layouts-head { margin: 0 0 12px; }
.ddc-featured-template { outline: 0; }
.ddc-featured-template:focus-visible { box-shadow: 0 0 0 4px rgba(37,99,235,.16); }
.ddc-featured-template__mini { position: relative; display: grid; grid-template-columns: 65fr 35fr; grid-template-rows: 1fr 1fr; gap: 7px; height: 138px; padding: 12px; border-bottom: 1px solid #e7ebf1; background: #f7f9fb; box-sizing: border-box; }
.ddc-featured-template__mini i,.ddc-featured-template__mini b { display: block; border-radius: 5px; background: #c9d3df; }
.ddc-featured-template__mini i { grid-row: 1/3; background: linear-gradient(155deg,#8291a5,#d7dee7); }
.ddc-featured-template__mini--visual i { background: linear-gradient(155deg,#34445a,#8997a8); box-shadow: inset 0 -28px 26px rgba(8,17,31,.55); }
.ddc-featured-template__mini--visual b { display: grid; grid-template-columns: 42% 1fr; background: linear-gradient(90deg,#b6c1ce 42%,#e4e9ef 42%); }
.ddc-featured-template__mini--panorama { grid-template-columns: 1fr 1fr; grid-template-rows: 1.35fr .65fr; }
.ddc-featured-template__mini--panorama i { grid-column: 1/3; grid-row: 1; background: linear-gradient(90deg,#94a2b4 62%,#d9e0e8 62%); }
.ddc-featured-template__mini--panorama b { grid-row: 2; }

.ddc-featured-design-stage[data-device="tablet"] .ddc-featured-mock { max-width: 760px; grid-template-columns: 1fr !important; }
.ddc-featured-design-stage[data-device="tablet"] .ddc-featured-mock__secondary { grid-template-columns: repeat(2,minmax(0,1fr)); }
.ddc-featured-design-stage[data-device="tablet"] .ddc-featured-mock--visual .ddc-featured-mock__secondary .ddc-featured-mock__card { grid-template-columns: 1fr; }
.ddc-featured-design-stage[data-device="tablet"] .ddc-featured-mock--visual .ddc-featured-mock__secondary .ddc-featured-mock__media { min-height: 130px; }
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock { max-width: 390px; grid-template-columns: 1fr !important; padding: 9px; }
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock__secondary { grid-template-columns: 1fr; }
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock--visual .ddc-featured-mock__card.is-main { min-height: 360px; }
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock--visual .ddc-featured-mock__secondary .ddc-featured-mock__card,.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock--panorama .ddc-featured-mock__card.is-main,.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock--panorama .ddc-featured-mock__secondary .ddc-featured-mock__card { grid-template-columns: 1fr; }
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock--panorama .ddc-featured-mock__card.is-main .ddc-featured-mock__media { min-height: 190px; }
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock__card.is-main .ddc-featured-mock__body strong { font-size: 25px; }
@media (max-width:760px) {
    .ddc-featured-design-stage__viewport { min-height: 0; }
    .ddc-featured-template__mini { height: 118px; }
}

/* v1.13.0 - Catálogo completo y seguro para usuarios Demo */
.ddc-demo-catalog-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 28px; background: linear-gradient(135deg,#ffffff 0%,#f4f8ff 62%,#eef2ff 100%); border-color: rgba(37,99,235,.15); }
.ddc-demo-catalog-hero > div:first-child { max-width: 820px; }
.ddc-demo-catalog-eyebrow { display: inline-flex; margin-bottom: 9px; color: #1d4ed8; font-size: 11px; font-weight: 950; letter-spacing: .055em; text-transform: uppercase; }
.ddc-demo-catalog-hero h2 { margin: 0; color: #101828; font-size: clamp(24px,2.4vw,34px); line-height: 1.08; letter-spacing: -.035em; }
.ddc-demo-catalog-hero p { max-width: 760px; margin: 10px 0 0; color: #526078; font-size: 14px; line-height: 1.55; }
.ddc-demo-catalog-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; flex: 0 0 auto; }
.ddc-demo-catalog-actions form { margin: 0; }
.ddc-demo-catalog-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin: 14px 0; }
.ddc-demo-catalog-metric { position: relative; display: grid; gap: 4px; min-height: 116px; padding: 20px; overflow: hidden; }
.ddc-demo-catalog-metric > span { width: 11px; height: 11px; margin-bottom: 8px; border-radius: 999px; background: #2563eb; box-shadow: 0 0 0 7px rgba(37,99,235,.10); }
.ddc-demo-catalog-metric strong { color: #101828; font-size: clamp(22px,2vw,29px); line-height: 1; letter-spacing: -.035em; }
.ddc-demo-catalog-metric small { color: #667085; font-size: 12px; font-weight: 750; }
.ddc-demo-catalog-metric::after { content: ""; position: absolute; right: -30px; bottom: -34px; width: 100px; height: 100px; border-radius: 999px; background: rgba(37,99,235,.045); }
.ddc-demo-catalog-metric.is-violet > span { background: #7c3aed; box-shadow: 0 0 0 7px rgba(124,58,237,.10); }
.ddc-demo-catalog-metric.is-violet::after { background: rgba(124,58,237,.05); }
.ddc-demo-catalog-metric.is-green > span { background: #059669; box-shadow: 0 0 0 7px rgba(5,150,105,.10); }
.ddc-demo-catalog-metric.is-green::after { background: rgba(5,150,105,.05); }
.ddc-demo-catalog-metric.is-amber > span { background: #d97706; box-shadow: 0 0 0 7px rgba(217,119,6,.10); }
.ddc-demo-catalog-metric.is-amber::after { background: rgba(217,119,6,.05); }
.ddc-demo-catalog-main { padding: 0; overflow: hidden; }
.ddc-demo-catalog-tabs { display: flex; gap: 6px; padding: 12px 16px; border-bottom: 1px solid #e4e9f0; background: #f8fafc; overflow-x: auto; }
.ddc-demo-catalog-tabs span { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid transparent; border-radius: 9px; color: #667085; font-size: 12px; font-weight: 850; white-space: nowrap; }
.ddc-demo-catalog-tabs span.is-active { border-color: #d8e0eb; background: #fff; color: #101828; box-shadow: 0 2px 7px rgba(15,23,42,.05); }
.ddc-demo-catalog-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,340px); gap: 0; }
.ddc-demo-catalog-table-wrap { min-width: 0; padding: 24px; }
.ddc-demo-catalog-table-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.ddc-demo-catalog-table-head h3 { margin: 0; color: #101828; font-size: 17px; }
.ddc-demo-catalog-table-head p { margin: 5px 0 0; color: #667085; font-size: 12px; line-height: 1.45; }
.ddc-demo-catalog-table-head > span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; background: #eef2ff; color: #4338ca; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.ddc-demo-catalog-table { min-width: 620px; }
.ddc-demo-catalog-table td:first-child { color: #101828; font-weight: 850; }
.ddc-demo-catalog-status { display: inline-flex; align-items: center; min-height: 25px; padding: 0 9px; border: 1px solid rgba(5,150,105,.18); border-radius: 999px; background: #ecfdf3; color: #047857; font-size: 10px; font-weight: 900; }
.ddc-demo-catalog-functions { padding: 25px; border-left: 1px solid #e4e9f0; background: linear-gradient(180deg,#f8fafc,#f3f6fa); }
.ddc-demo-catalog-functions > span { color: #2563eb; font-size: 10px; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; }
.ddc-demo-catalog-functions h3 { margin: 7px 0 16px; color: #101828; font-size: 18px; line-height: 1.2; }
.ddc-demo-catalog-functions ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ddc-demo-catalog-functions li { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 9px; align-items: center; color: #344054; font-size: 12px; font-weight: 750; }
.ddc-demo-catalog-functions li i { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 999px; background: #dcfce7; color: #15803d; font-style: normal; font-weight: 950; }
.ddc-demo-catalog-functions > div { margin-top: 22px; padding: 14px; border: 1px solid rgba(37,99,235,.13); border-radius: 13px; background: #fff; }
.ddc-demo-catalog-functions > div strong { color: #1d4ed8; font-size: 12px; }
.ddc-demo-catalog-functions > div p { margin: 5px 0 0; color: #667085; font-size: 11px; line-height: 1.45; }
@media (max-width:1180px) {
    .ddc-demo-catalog-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ddc-demo-catalog-grid { grid-template-columns: minmax(0,1fr); }
    .ddc-demo-catalog-functions { border-top: 1px solid #e4e9f0; border-left: 0; }
}
@media (max-width:760px) {
    .ddc-demo-catalog-hero { align-items: flex-start; flex-direction: column; padding: 20px; }
    .ddc-demo-catalog-actions { justify-content: flex-start; width: 100%; }
    .ddc-demo-catalog-actions form,.ddc-demo-catalog-actions .ddc-btn { width: 100%; }
    .ddc-demo-catalog-metrics { grid-template-columns: minmax(0,1fr); gap: 10px; }
    .ddc-demo-catalog-metric { min-height: 98px; }
    .ddc-demo-catalog-table-wrap,.ddc-demo-catalog-functions { padding: 18px; }
    .ddc-demo-catalog-table-head { display: grid; }
    .ddc-demo-catalog-table-head > span { justify-self: start; }
}

/* v1.14.0 - Sandbox editorial privado para noticias Demo */
.ddc-demo-news-sandbox-note { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 18px; padding: 15px 17px; border: 1px solid rgba(37,99,235,.18); border-radius: 15px; background: linear-gradient(135deg,#eff6ff,#f5f3ff); color: #344054; }
.ddc-demo-news-sandbox-note > div { display: grid; gap: 4px; }
.ddc-demo-news-sandbox-note strong { color: #1e3a8a; font-size: 13px; }
.ddc-demo-news-sandbox-note span { color: #526078; font-size: 11px; line-height: 1.45; }
.ddc-demo-news-sandbox-note > span { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: #fff; color: #4338ca; font-weight: 900; box-shadow: 0 2px 8px rgba(30,41,59,.06); }
.ddc-demo-news-row-label { display: block; margin-top: 5px; color: #6366f1; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.ddc-demo-starter-label {
    display: inline-flex;
    width: max-content;
    margin: 5px 0 2px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #eef5ff;
    color: #1d4ed8;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
}
.ddc-demo-news-preview-shell { padding: 0; overflow: hidden; }
.ddc-demo-news-preview-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 20px; border-bottom: 1px solid #e5eaf1; background: #f8fafc; }
.ddc-demo-news-preview-toolbar > div:first-child { display: grid; gap: 3px; }
.ddc-demo-news-preview-toolbar > div:first-child span { color: #6366f1; font-size: 10px; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; }
.ddc-demo-news-preview-toolbar > div:first-child strong { color: #101828; font-size: 15px; }
.ddc-demo-news-preview-toolbar > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; }
.ddc-demo-news-private-note { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; border-bottom: 1px solid #fde68a; background: #fffbeb; color: #92400e; font-size: 11px; }
.ddc-demo-news-private-note strong { font-size: 11px; }
.ddc-demo-news-article { width: min(900px,calc(100% - 40px)); margin: 0 auto; padding: 48px 0 64px; color: #172033; }
.ddc-demo-news-article header { max-width: 820px; margin: 0 auto 30px; }
.ddc-demo-news-categories { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.ddc-demo-news-categories span { padding: 5px 8px; border-radius: 999px; background: #eef2ff; color: #4338ca; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.ddc-demo-news-kicker { margin: 0 0 8px; color: #dc2626; font-size: 12px; font-weight: 950; letter-spacing: .04em; text-transform: uppercase; }
.ddc-demo-news-article h1 { margin: 0; color: #0f172a; font-family: Georgia,"Times New Roman",serif; font-size: clamp(36px,5vw,66px); line-height: 1.02; letter-spacing: -.035em; }
.ddc-demo-news-article header h2 { margin: 14px 0 0; color: #344054; font-family: Georgia,"Times New Roman",serif; font-size: clamp(19px,2.4vw,27px); font-weight: 500; line-height: 1.28; }
.ddc-demo-news-lead { margin: 18px 0 0; color: #526078; font-size: clamp(17px,1.8vw,21px); line-height: 1.45; }
.ddc-demo-news-byline { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 22px; padding-top: 15px; border-top: 1px solid #e5e7eb; color: #667085; font-size: 11px; font-weight: 700; }
.ddc-demo-news-article > figure { margin: 0 0 30px; }
.ddc-demo-news-article > figure img { display: block; width: 100%; max-height: 620px; border-radius: 16px; object-fit: cover; }
.ddc-demo-news-article figcaption { margin-top: 8px; color: #667085; font-size: 11px; }
.ddc-demo-news-content { max-width: 760px; margin: 0 auto; color: #25324a; font-family: Georgia,"Times New Roman",serif; font-size: 18px; line-height: 1.78; }
.ddc-demo-news-content > *:first-child { margin-top: 0; }
.ddc-demo-news-content img { max-width: 100%; height: auto; }
.ddc-demo-news-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 32px 0 0; }
.ddc-demo-news-gallery img { width: 100%; height: 220px; border-radius: 12px; object-fit: cover; }
.ddc-demo-news-article footer { max-width: 760px; margin: 32px auto 0; padding-top: 16px; border-top: 1px solid #e5e7eb; color: #667085; font-size: 12px; }
@media (max-width:760px) {
    .ddc-demo-news-sandbox-note,.ddc-demo-news-preview-toolbar { align-items: flex-start; flex-direction: column; }
    .ddc-demo-news-sandbox-note > span { align-self: flex-start; }
    .ddc-demo-news-preview-toolbar > div:last-child,.ddc-demo-news-preview-toolbar .ddc-btn { width: 100%; }
    .ddc-demo-news-private-note { align-items: flex-start; flex-direction: column; }
    .ddc-demo-news-article { width: min(100% - 28px,900px); padding: 32px 0 44px; }
    .ddc-demo-news-gallery { grid-template-columns: 1fr; }
    .ddc-demo-news-gallery img { height: auto; max-height: 420px; }
}
/* v1.15.0 - Accesos al diario público Demo */
.ddc-btn-demo-public {
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
    background: #eff6ff !important;
}

.ddc-btn-demo-public:hover,
.ddc-btn-demo-public:focus-visible {
    border-color: #60a5fa !important;
    background: #dbeafe !important;
}

.ddc-demo-public-access-box {
    display: grid;
    gap: 7px;
    margin-top: 14px;
    padding: 14px;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    background: #eff6ff;
}

.ddc-demo-public-access-box a {
    color: #1d4ed8;
    font-weight: 800;
    text-decoration: none;
}

.ddc-demo-public-access-box small {
    color: #475569;
}

@media (max-width: 720px) {
    .ddc-header-actions .ddc-btn-demo-public {
        width: 100%;
    }
}

/* v1.16.3 - Recorrido comercial visible y contenido Demo completo */
.ddc-setup-hero--commercial {
    background: linear-gradient(135deg, #0f1d36 0%, #132a50 62%, #123b62 100%);
    color: #fff;
}
.ddc-setup-hero--commercial p { color: rgba(255,255,255,.82); }
.ddc-setup-hero--commercial .ddc-dashboard-kicker {
    background: rgba(255,255,255,.12);
    color: #fff;
}
.ddc-setup-commercial-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}
.ddc-setup-commercial-actions .ddc-btn-primary {
    background: #fff;
    border-color: #fff;
    color: #10213e;
}
.ddc-setup-commercial-actions .ddc-btn:not(.ddc-btn-primary) {
    border-color: rgba(255,255,255,.35);
    color: #fff;
    background: rgba(255,255,255,.08);
}
.ddc-setup-commercial-badge {
    min-width: 142px;
    padding: 18px;
    border-radius: 20px;
    text-align: center;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.16);
}
.ddc-setup-commercial-badge strong,
.ddc-setup-commercial-badge span { display: block; }
.ddc-setup-commercial-badge strong { font-size: 27px; line-height: 1; }
.ddc-setup-commercial-badge span { margin-top: 7px; font-size: 12px; color: rgba(255,255,255,.74); }
.ddc-commercial-tour-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.ddc-commercial-tour-step {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}
.ddc-commercial-tour-step__number {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #e6f8ef;
    color: #087443;
    font-weight: 900;
}
.ddc-commercial-tour-step h3 { margin: 1px 0 7px; }
.ddc-commercial-tour-step p { margin: 0 0 14px; color: var(--ddc-muted); line-height: 1.5; }
@media (max-width: 900px) {
    .ddc-commercial-tour-grid { grid-template-columns: 1fr; }
}


/* v1.16.15 - Vista previa de color y contraste del header */
.ddc-header-mock__main{background:var(--ddc-header-preview-bg,#fff)!important;color:var(--ddc-header-preview-text,#0b1426)!important;border-color:var(--ddc-header-preview-border,#e5e7eb)!important}
.ddc-header-mock__tools,.ddc-header-mock__logo strong,.ddc-header-mock__date,.ddc-header-mock__social{color:var(--ddc-header-preview-text,#0b1426)!important}
.ddc-header-mock__nav{background:var(--ddc-header-preview-nav-bg,#fff)!important;color:var(--ddc-header-preview-nav-text,#0b1426)!important;border-color:var(--ddc-header-preview-border,#e5e7eb)!important}

/* === v1.16.20 · Navegación local + guardado flotante en Diseño === */
.ddc-design-tabs{
    position:sticky;
    top:10px;
    z-index:42;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.ddc-design-localnav{
    position:sticky;
    top:76px;
    z-index:41;
    display:flex;
    align-items:center;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    padding:10px 12px;
    margin:0 0 14px;
    border:1px solid #dfe5ee;
    border-radius:14px;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(12px);
    box-shadow:0 10px 28px rgba(15,23,42,.07);
}
.ddc-design-localnav__label{
    flex:0 0 auto;
    font-size:11px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#64748b;
    padding:0 4px;
}
.ddc-design-localnav button{
    flex:0 0 auto;
    border:1px solid #d9e0ea;
    background:#fff;
    color:#182235;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    font-weight:800;
    font-size:12px;
    cursor:pointer;
    white-space:nowrap;
}
.ddc-design-localnav button:hover,
.ddc-design-localnav button.is-active{
    background:#0b1426;
    border-color:#0b1426;
    color:#fff;
}
.ddc-design-jump-target{scroll-margin-top:145px;}
.ddc-design-floating-save{
    position:fixed;
    right:28px;
    bottom:24px;
    z-index:80;
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px;
    border-radius:999px;
    background:rgba(11,20,38,.96);
    box-shadow:0 16px 38px rgba(15,23,42,.28);
    transform:translateY(0);
    transition:opacity .18s ease,transform .18s ease;
}
.ddc-design-floating-save[hidden]{display:none!important;}
.ddc-design-floating-save button{
    border:0;
    border-radius:999px;
    min-height:40px;
    cursor:pointer;
    font-weight:900;
}
.ddc-design-floating-save__submit{
    padding:0 18px;
    background:#fff;
    color:#0b1426;
}
.ddc-design-floating-save__top{
    width:40px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-size:18px;
}
.ddc-logo-display-options{margin-top:14px;}

@media (max-width: 900px){
    .ddc-design-tabs{top:4px;}
    .ddc-design-localnav{top:62px;margin-inline:-2px;border-radius:12px;}
    .ddc-design-floating-save{right:12px;bottom:12px;left:12px;justify-content:flex-end;}
    .ddc-design-floating-save__submit{flex:1;}
}


/* v1.16.23 - switch visual para video en bucle de portada */
.ddc-setting-switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;margin:12px 0 4px;border:1px solid var(--ddc-line);border-radius:14px;background:#f8fafc}
.ddc-setting-switch-copy{min-width:0}
.ddc-setting-switch-copy strong{display:block;color:var(--ddc-text);font-size:14px;line-height:1.35}
.ddc-setting-switch-copy small{display:block;margin-top:4px;color:var(--ddc-muted);font-size:12px;line-height:1.45}
.ddc-setting-switch{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;cursor:pointer}
.ddc-setting-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ddc-setting-switch-track{position:relative;display:block;width:50px;height:28px;border-radius:999px;background:#cbd5e1;border:1px solid var(--ddc-line);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.ddc-setting-switch-track>span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.22);transition:transform .18s ease}
.ddc-setting-switch input:checked + .ddc-setting-switch-track{background:var(--ddc-success);border-color:var(--ddc-success)}
.ddc-setting-switch input:checked + .ddc-setting-switch-track>span{transform:translateX(22px)}
.ddc-setting-switch input:focus-visible + .ddc-setting-switch-track{box-shadow:0 0 0 3px rgba(37,99,235,.18)}
@media(max-width:640px){.ddc-setting-switch-row{align-items:flex-start}.ddc-setting-switch-copy small{max-width:240px}}


/* v1.16.27 - Favicon configurable desde Diseño del diario */
.ddc-favicon-config{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);gap:24px;align-items:start}
.ddc-favicon-reference{border:1px solid var(--ddc-line);border-radius:16px;background:#f8fafc;overflow:hidden}
.ddc-favicon-reference__bar{min-height:86px;padding:20px 20px 0;background:linear-gradient(180deg,#e8edf4 0,#f7f9fc 100%)}
.ddc-favicon-reference__dot{display:block;width:9px;height:9px;border-radius:50%;background:#b4bfcd;margin-bottom:10px}
.ddc-favicon-reference__tab{display:flex;align-items:center;gap:9px;min-height:43px;max-width:330px;padding:0 12px;border-radius:12px 12px 0 0;background:#fff;color:#172033;box-shadow:0 -1px 0 rgba(15,23,42,.04);font-size:13px;font-weight:700}
.ddc-favicon-reference__tab>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ddc-favicon-reference__tab i{font-style:normal;color:#7b8798;font-size:18px}
.ddc-favicon-reference__icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px;border-radius:5px;overflow:hidden;background:#0b1426;color:#fff;font-size:11px}
.ddc-favicon-reference__icon img{width:100%;height:100%;object-fit:cover;display:block}
.ddc-favicon-reference>p{margin:0;padding:16px 18px;color:var(--ddc-muted);font-size:13px;line-height:1.5}
.ddc-favicon-reference>p strong{color:var(--ddc-text)}
.ddc-favicon-fields{display:flex;flex-direction:column;gap:10px}
.ddc-favicon-fields>p{margin:0;color:var(--ddc-muted);font-size:13px;line-height:1.5}
.ddc-favicon-preview .ddc-thumb-preview{width:96px;height:96px;padding:8px;border-radius:18px;background:#f8fafc;border:1px solid var(--ddc-line)}
.ddc-favicon-preview .ddc-thumb-preview img{width:100%;height:100%;object-fit:contain;border-radius:12px}
@media(max-width:900px){.ddc-favicon-config{grid-template-columns:1fr}}

/* v1.16.28 - Vista previa de marca textual alternativa */
.ddc-logo-text-preview {
    display: inline-flex;
    align-items: center;
    min-height: 72px;
    padding: 18px 20px;
    color: #0b1426;
    font-weight: 850;
    line-height: 1.05;
    letter-spacing: -0.025em;
    overflow-wrap: anywhere;
}


/* v1.16.29 - Previews de Tapas / slider y Efemérides */
.ddc-builder-layout--covers-preview {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(118px, 1fr);
    gap: 12px;
    overflow: hidden;
}
.ddc-builder-cover-preview {
    display: grid;
    gap: 7px;
    min-width: 0;
}
.ddc-builder-cover-preview__media {
    aspect-ratio: .72;
    border: 1px solid #d7dee8;
    background: linear-gradient(145deg,#e7edf4,#f8fafc);
    box-shadow: 0 5px 14px rgba(15,23,42,.07);
}
.ddc-builder-cover-preview strong {
    font-size: 11px;
    line-height: 1.2;
    color: #101828;
}
.ddc-builder-cover-preview small {
    color: #98a2b3;
    font-size: 9px;
}
.ddc-builder-layout--ephemeris-preview {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}
.ddc-builder-ephemeris-preview {
    overflow: hidden;
    border: 1px solid #dce3eb;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 5px 14px rgba(15,23,42,.05);
}
.ddc-builder-ephemeris-preview__media {
    position: relative;
    height: 102px;
    background: linear-gradient(135deg,#dbe3ec,#eef2f6);
}
.ddc-builder-ephemeris-preview__media span {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 7px;
    border-radius: 999px;
    background: var(--ddc-preview-accent,#d1007d);
    color: #fff;
    font-size: 7px;
    font-weight: 900;
}
.ddc-builder-ephemeris-preview__body {
    display: grid;
    gap: 9px;
    padding: 11px;
}
.ddc-builder-ephemeris-preview__body strong {
    color: #101828;
    font-size: 13px;
    line-height: 1.18;
}
.ddc-builder-ephemeris-preview__body small {
    padding-top: 8px;
    border-top: 1px solid #eef2f6;
    color: #98a2b3;
    font-size: 8px;
}
@media(max-width:840px){
    .ddc-builder-layout--covers-preview{grid-auto-columns:minmax(120px,62%)}
    .ddc-builder-layout--ephemeris-preview{grid-template-columns:1fr 1fr}
}


/* v1.16.30 - Opciones específicas del layout Tapas de diarios / slider. */
.ddc-section-builder-row__layout-options {
    display: none;
    margin: 12px 0 0;
    padding: 14px;
    border: 1px solid #dbe3ee;
    border-radius: 14px;
    background: #f8fafc;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.ddc-section-builder-row__layout-options.is-visible { display: grid; }
.ddc-section-builder-row__layout-options legend {
    padding: 0 7px;
    font-weight: 800;
    color: #0f172a;
}
.ddc-section-builder-row__layout-options label { display: grid; gap: 6px; font-weight: 700; }
.ddc-section-builder-row__layout-options select { width: 100%; }
.ddc-section-builder-row__layout-options .ddc-inline-check { display: flex; align-items: center; gap: 8px; align-self: end; min-height: 42px; }
.ddc-section-builder-row__layout-note { grid-column: 1 / -1; color: #64748b; line-height: 1.45; }
@media (max-width: 1100px) { .ddc-section-builder-row__layout-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .ddc-section-builder-row__layout-options { grid-template-columns: 1fr; } }

/* v1.16.32 - previews de Kiosco y Opinión */
.ddc-builder-cover-preview.is-image-only{padding:0;overflow:hidden}.ddc-builder-cover-preview.is-image-only .ddc-builder-cover-preview__media{min-height:220px;height:100%;border-radius:0}
.ddc-builder-layout--opinion-preview{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);border-top:2px solid #0f172a;border-bottom:1px solid #dce2eb;background:#fff}.ddc-builder-layout--opinion-preview article{display:flex;flex-direction:column;gap:8px;padding:20px;border-bottom:1px solid #e5e9f0}.ddc-builder-layout--opinion-preview>article.is-main{min-height:300px;padding:28px;border-right:1px solid #dce2eb}.ddc-builder-layout--opinion-preview article span{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--ddc-builder-accent,#d1007d)}.ddc-builder-layout--opinion-preview article strong{font-size:19px;line-height:1.08}.ddc-builder-layout--opinion-preview>article.is-main strong{font-size:30px;max-width:16ch}.ddc-builder-layout--opinion-preview article p{margin:0;color:#64748b}.ddc-builder-layout--opinion-preview article small{margin-top:auto;color:#475569;font-weight:800}.ddc-opinion-preview__avatar{width:44px;height:44px;border-radius:50%;background:#dfe5ed}.ddc-builder-layout--opinion-preview>article.is-main .ddc-opinion-preview__avatar{width:64px;height:64px}.ddc-opinion-preview__side{display:flex;flex-direction:column}.ddc-opinion-preview__side article:last-child{border-bottom:0}@media(max-width:760px){.ddc-builder-layout--opinion-preview{grid-template-columns:1fr}.ddc-builder-layout--opinion-preview>article.is-main{border-right:0}}


/* v1.16.34 - Kiosco como bloque especial independiente de categorías */
.ddc-section-builder-row--special{border-color:#c9d5e6;background:linear-gradient(180deg,#fbfdff,#f7faff)}
.ddc-section-builder-row--special.is-selected{border-color:#6f82a0;box-shadow:0 0 0 2px rgba(37,55,87,.08)}
.ddc-section-builder-row__special-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#0b1426;color:#fff;font-size:20px;flex:0 0 auto}
.ddc-special-block-badge{display:inline-flex;vertical-align:middle;margin-left:7px;padding:3px 7px;border-radius:999px;background:#e8f1ff;color:#2456a6;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.ddc-section-builder-row__controls--special{grid-template-columns:minmax(220px,1.35fr) repeat(4,minmax(110px,.55fr))}
.ddc-special-block-toggles{display:flex;gap:14px;align-items:center;flex-wrap:wrap;grid-column:1/-1}
.ddc-special-block-note{margin:0 14px 14px;padding:10px 12px;border-radius:9px;background:#eef5ff;color:#44536a;font-size:12px}
.ddc-builder-live header em{font-style:normal;font-size:11px;font-weight:800;color:#536179;background:#eef2f7;border-radius:999px;padding:5px 9px}
@media(max-width:1100px){.ddc-section-builder-row__controls--special{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ddc-section-builder-row__controls--special{grid-template-columns:1fr}.ddc-special-block-toggles{grid-column:auto}}

/* v1.16.35 - Aviso superior de suscripción */
.ddc-subscribe-prompt-settings .ddc-section-head{align-items:center}
.ddc-subscribe-prompt-settings .ddc-inline-check{margin:0}
.ddc-input-suffix{display:flex;align-items:stretch;min-width:0}
.ddc-input-suffix input{border-radius:10px 0 0 10px!important;min-width:0}
.ddc-input-suffix span{display:inline-flex;align-items:center;padding:0 12px;border:1px solid #dbe2ea;border-left:0;border-radius:0 10px 10px 0;background:#f8fafc;color:#667085;font-size:12px;font-weight:700}
.ddc-form-note{align-self:end;min-height:42px;padding:10px 12px;border:1px solid #e4e8ef;border-radius:10px;background:#f8fafc;color:#667085;font-size:12px;line-height:1.45}

/* v1.16.36 - Edición comercial de planes */
.ddc-subscription-settings-block{
    padding:16px 18px;
    border:1px solid var(--ddc-line);
    border-radius:16px;
    background:#f8fafc;
}
.ddc-subscription-settings-block h3{margin:0 0 5px;font-size:16px;color:var(--ddc-ink)}
.ddc-subscription-settings-block p{margin:0;color:var(--ddc-muted);font-size:13px;line-height:1.45}
.ddc-plan-toggle-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:78px;
    padding:14px 16px;
    border:1px solid var(--ddc-line);
    border-radius:15px;
    background:#fff;
}
.ddc-plan-toggle-card>div{min-width:0}
.ddc-plan-toggle-card strong{display:block;color:var(--ddc-ink);font-size:14px}
.ddc-plan-toggle-card small{display:block;margin-top:5px;color:var(--ddc-muted);font-size:12px;line-height:1.35}
.ddc-card form.ddc-form-grid input[type="color"]{
    width:58px;
    min-height:42px;
    padding:4px;
    border:1px solid var(--ddc-line);
    border-radius:10px;
    background:#fff;
    cursor:pointer;
}
@media (max-width:720px){
    .ddc-plan-toggle-card{min-height:68px}
}

/* v1.16.38 - Regla publicitaria entre noticias: categoría + posición visibles a la vez. */
.ddc-ad-rule-panel.is-section-post-rule [data-ddc-ad-rule-category-wrap],
.ddc-ad-rule-panel.is-section-post-rule [data-ddc-ad-rule-number-wrap] {
    display: block;
}


/* === v1.16.46 · Diseño: Guardar cambios siempre accesible ===
   En Diseño del diario el guardado flotante reemplaza visualmente al launcher del Ayudante IA.
   El Ayudante sigue disponible en el resto de módulos. */
.ddc-app[data-ddc-current-module="design"] ~ .ddc-design-floating-save,
.ddc-design-floating-save {
    z-index:100090;
}
.ddc-design-floating-save {
    right:24px;
    bottom:22px;
    padding:0;
    gap:0;
    background:transparent;
    box-shadow:none;
}
.ddc-design-floating-save__top {
    display:none!important;
}
.ddc-design-floating-save__submit {
    min-height:50px!important;
    padding:0 19px!important;
    background:#0f172a!important;
    color:#fff!important;
    box-shadow:0 16px 38px rgba(15,23,42,.28)!important;
    font:800 14px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    transition:background .16s ease,transform .16s ease!important;
}
.ddc-design-floating-save__submit::before {
    content:"✓";
    display:inline-grid;
    place-items:center;
    width:24px;
    height:24px;
    margin-right:9px;
    border-radius:8px;
    background:#fff;
    color:#0f172a;
    font-size:14px;
    vertical-align:middle;
}
.ddc-design-floating-save__submit:hover {
    background:#1d2a44!important;
    transform:translateY(-1px);
}
.ddc-design-floating-save__submit:disabled {
    opacity:.72;
    cursor:wait;
    transform:none!important;
}
@media (max-width:900px) {
    .ddc-design-floating-save {
        right:12px;
        left:auto;
        bottom:12px;
    }
    .ddc-design-floating-save__submit {
        width:auto;
        flex:none;
    }
}


/* === v1.16.47 · Diseño: guardado flotante real, renderizado desde PHP ===
   No depende de la inicialización JS del constructor y ocupa el lugar del Ayudante IA. */
.ddc-design-quick-save {
    position: fixed;
    right: 24px;
    bottom: 22px;
    z-index: 100100;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    border: 0;
    border-radius: 999px;
    padding: 0 19px;
    background: #0f172a;
    color: #fff;
    box-shadow: 0 16px 38px rgba(15,23,42,.28);
    font: 800 14px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    cursor: pointer;
    transition: background .16s ease, transform .16s ease, opacity .16s ease;
}
.ddc-design-quick-save:hover {
    background: #1d2a44;
    transform: translateY(-1px);
}
.ddc-design-quick-save:focus-visible {
    outline: 3px solid #84adff;
    outline-offset: 2px;
}
.ddc-design-quick-save:disabled {
    opacity: .72;
    cursor: wait;
    transform: none;
}
.ddc-design-quick-save__icon {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    font-size: 14px;
    line-height: 1;
}
@media (max-width: 760px) {
    .ddc-design-quick-save {
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: calc(100% - 24px);
    }
}

/* v1.16.50 - Footer Visual / Multimedia */
.ddc-design-footer-option__visual--visual{grid-template-columns:1fr .65fr 1.25fr;background:#090909;color:#fff;border:1px solid #222}.ddc-design-footer-option__visual--visual i{height:42px;background:rgba(255,255,255,.16)}
.ddc-footer-mock--visual{background:#050505;color:#cbd5e1}.ddc-footer-mock--visual .ddc-footer-mock__ad{display:none}.ddc-footer-mock--visual .ddc-footer-mock__main{grid-template-columns:1fr .7fr 1.2fr;align-items:center;text-align:center;padding:34px 48px}.ddc-footer-mock--visual .ddc-footer-mock__column{justify-items:center}.ddc-footer-mock--visual .ddc-footer-mock__column:nth-child(2) span,.ddc-footer-mock--visual .ddc-footer-mock__column:nth-child(2) b{font-size:0}.ddc-footer-mock--visual .ddc-footer-mock__column:nth-child(2):after{content:'QR / IMAGEN';display:grid;place-items:center;width:58px;height:58px;border:1px dashed rgba(255,255,255,.45);font-size:8px;color:#fff}.ddc-footer-mock--visual .ddc-footer-mock__extra i{width:150px;height:45px}.ddc-footer-mock--visual .ddc-footer-mock__bottom{justify-content:center}.ddc-footer-mock--visual .ddc-footer-mock__bottom>span{display:none}.ddc-footer-mock--visual .ddc-footer-mock__brand strong,.ddc-footer-mock--visual .ddc-footer-mock__column b,.ddc-footer-mock--visual .ddc-footer-mock__bottom strong{color:#fff}


/* v1.16.59 · Preview Galería de videos */
.ddc-builder-layout--video-gallery-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ddc-builder-layout--video-gallery-preview article{min-width:0}.ddc-builder-video-preview__media{aspect-ratio:16/9;border-radius:10px;background:linear-gradient(135deg,#0f172a,#334155);display:grid;place-items:center;margin-bottom:8px}.ddc-builder-video-preview__media span{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#fff;color:#0f172a;font-size:15px;box-shadow:0 8px 24px rgba(15,23,42,.2)}.ddc-builder-layout--video-gallery-preview strong{display:block;font-size:12px;line-height:1.25;color:#0f172a}
@media(max-width:900px){.ddc-builder-layout--video-gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v1.16.62 · Galería multimedia claramente diferenciada de la categoría Videos */
.ddc-section-builder-row--video-gallery{
  border:2px solid #7aa7ff!important;
  background:linear-gradient(180deg,#f4f8ff 0%,#eef5ff 100%)!important;
  box-shadow:0 10px 28px rgba(37,99,235,.08);
}
.ddc-section-builder-row--video-gallery .ddc-section-builder-row__special-icon{
  background:#0b5cab!important;color:#fff!important;border-color:#0b5cab!important;
}
.ddc-section-builder-row--video-gallery .ddc-special-block-badge{
  background:#dbeafe!important;color:#174ea6!important;border-color:#93c5fd!important;
}
.ddc-section-builder-row--video-gallery .ddc-section-builder-row__identity small b{color:#174ea6}
.ddc-special-block-note--warning{background:#fff8e7!important;border-color:#f1d38a!important;color:#6f4a00!important}


/* v1.16.75 - Controles reversibles de imágenes y colores */
.ddc-removable-media-preview,
.ddc-gallery-item {
    position: relative;
}

.ddc-preview-remove,
.ddc-gallery-item-remove {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 5;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: rgba(15, 23, 42, .88);
    color: #fff;
    font: 800 20px/1 Arial, sans-serif;
    cursor: pointer;
    box-shadow: 0 7px 18px rgba(15, 23, 42, .22);
    transition: transform .15s ease, background .15s ease;
}

.ddc-gallery-item-remove {
    top: 4px;
    right: 4px;
    width: 26px;
    height: 26px;
    font-size: 17px;
}

.ddc-preview-remove:hover,
.ddc-gallery-item-remove:hover {
    transform: scale(1.06);
    background: #dc2626;
}

.ddc-color-reset-wrap {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    vertical-align: middle;
}

.ddc-color-reset-wrap input[type="color"] {
    margin: 0 !important;
}

.ddc-color-reset {
    width: 30px;
    height: 30px;
    min-width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--ddc-line);
    border-radius: 9px;
    background: #fff;
    color: var(--ddc-text);
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.ddc-color-reset:hover {
    background: #f1f5f9;
    border-color: #94a3b8;
    transform: translateY(-1px);
}


/* v1.16.80 - Accesos temporales reales dentro del Demo */
.ddc-demo-access-limit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #f5c66b;
    border-radius: 999px;
    background: #fff8df;
    color: #7a4b00;
    font-weight: 800;
    white-space: nowrap;
}

.ddc-demo-user-settings.is-team-access {
    border-color: #9bd8c4;
    background: #f2fbf7;
}

.ddc-demo-user-settings.is-team-access code,
.ddc-users-editor-card input[name="user_pass"][type="text"] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.ddc-demo-user-settings.is-team-access .ddc-demo-public-access-box {
    margin-top: 12px;
}


/* v1.16.81 - Demo comercial: acceso al diario público siempre visible */
.ddc-demo-banner__copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.ddc-demo-banner__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex: 0 0 auto;
}

.ddc-demo-banner__view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: #0f172a;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 850;
    font-size: 12px;
    white-space: nowrap;
    box-shadow: 0 8px 20px rgba(15,23,42,.16);
}

.ddc-demo-banner__view:hover,
.ddc-demo-banner__view:focus-visible {
    background: #1d2a44;
    transform: translateY(-1px);
}

.ddc-dashboard-hero--with-view {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 330px) !important;
    gap: 28px !important;
    align-items: center !important;
}

.ddc-dashboard-view-card {
    display: grid;
    gap: 7px;
    padding: 17px 18px;
    border: 1px solid #c8d7ff;
    border-radius: 16px;
    background: linear-gradient(145deg, #ffffff 0%, #eef4ff 100%);
    box-shadow: 0 12px 28px rgba(15,23,42,.08);
}

.ddc-dashboard-view-card__eyebrow {
    font-size: 10px;
    line-height: 1;
    letter-spacing: .11em;
    font-weight: 900;
    color: #155eef;
}

.ddc-dashboard-view-card strong {
    font-size: 18px;
    line-height: 1.15;
    color: #0f172a;
}

.ddc-dashboard-view-card small {
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
}

.ddc-dashboard-view-card__button {
    margin-top: 4px;
    justify-self: stretch;
    display: inline-flex !important;
    justify-content: center !important;
    gap: 8px;
}

.ddc-demo-floating-public {
    position: fixed;
    right: 24px;
    bottom: 22px;
    z-index: 100090;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 50px;
    padding: 0 19px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: #155eef;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 16px 38px rgba(21,94,239,.30);
    font: 850 14px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.ddc-demo-floating-public.is-design-module {
    bottom: 84px;
}

.ddc-demo-floating-public:hover,
.ddc-demo-floating-public:focus-visible {
    background: #0f4bd8;
    transform: translateY(-2px);
    box-shadow: 0 20px 44px rgba(21,94,239,.36);
}

.ddc-demo-floating-public__icon {
    display: inline-grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(255,255,255,.16);
    font-size: 15px;
    line-height: 1;
}

@media (max-width: 900px) {
    .ddc-demo-banner__actions {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .ddc-dashboard-hero--with-view {
        grid-template-columns: 1fr !important;
    }

    .ddc-dashboard-view-card {
        max-width: 420px;
    }
}

@media (max-width: 760px) {
    .ddc-demo-floating-public {
        right: 12px;
        bottom: 12px;
        min-height: 46px;
        padding: 0 16px;
    }

    .ddc-demo-floating-public.is-design-module {
        bottom: 76px;
    }

    .ddc-demo-banner__view {
        min-height: 34px;
        padding: 0 12px;
    }
}


/* v1.16.82 - Identidad de sesión siempre visible arriba a la derecha */
.ddc-account-topbar {
    position: sticky;
    top: 10px;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    width: fit-content;
    max-width: min(100%, 560px);
    margin: -12px 0 14px auto;
    padding: 7px 8px 7px 9px;
    border: 1px solid rgba(148,163,184,.30);
    border-radius: 999px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 10px 30px rgba(15,23,42,.12);
    backdrop-filter: blur(12px);
}

.ddc-account-topbar__identity {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.ddc-account-topbar__avatar {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #0f172a;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

.ddc-account-topbar__copy {
    display: grid;
    min-width: 0;
    gap: 2px;
    padding-right: 4px;
}

.ddc-account-topbar__copy strong {
    display: block;
    max-width: 210px;
    overflow: hidden;
    color: #0f172a;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.15;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ddc-account-topbar__copy small {
    display: block;
    max-width: 210px;
    overflow: hidden;
    color: #64748b;
    font-size: 10px;
    font-weight: 650;
    line-height: 1.15;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ddc-account-topbar__logout {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 12px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155 !important;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.ddc-account-topbar__logout:hover,
.ddc-account-topbar__logout:focus-visible {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b42318 !important;
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .ddc-account-topbar {
        position: sticky;
        top: 6px;
        margin: -4px 0 10px auto;
        max-width: 100%;
        padding: 6px;
    }

    .ddc-account-topbar__avatar {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        font-size: 12px;
    }

    .ddc-account-topbar__copy strong {
        max-width: 135px;
        font-size: 11px;
    }

    .ddc-account-topbar__copy small {
        max-width: 135px;
        font-size: 9px;
    }

    .ddc-account-topbar__logout {
        min-height: 30px;
        padding: 0 9px;
    }

    .ddc-account-topbar__logout span:last-child {
        display: none;
    }
}


/* v1.16.83 - Centro de métricas publicitarias */
.ddc-ad-metrics-filter{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px;margin:16px 0 8px;border:1px solid var(--ddc-line);border-radius:14px;background:#f8fafc}.ddc-ad-period-pills{display:flex;gap:7px;flex-wrap:wrap}.ddc-ad-period-pills button{min-height:34px;padding:0 12px;border:1px solid #d7deea;border-radius:999px;background:#fff;color:#475569;font-weight:800;cursor:pointer}.ddc-ad-period-pills button.is-active{background:#0f172a;border-color:#0f172a;color:#fff}.ddc-ad-custom-range{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.ddc-ad-custom-range label{display:grid;gap:4px;font-size:11px;font-weight:800;color:#475569}.ddc-ad-custom-range input{min-height:36px}.ddc-ad-metrics-period-label{margin:10px 0 12px;color:#64748b;font-size:12px;font-weight:800}.ddc-ad-metric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}.ddc-ad-metric-cards article{min-width:0;display:grid;gap:5px;padding:17px;border:1px solid var(--ddc-line);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.05)}.ddc-ad-metric-cards article>span{color:#64748b;font-size:11px;font-weight:750}.ddc-ad-metric-cards article>strong{color:#0f172a;font-size:clamp(24px,2.2vw,34px);line-height:1;letter-spacing:-.04em}.ddc-ad-metric-cards article>small{color:#64748b;font-size:10px;line-height:1.35}.ddc-ad-metrics-history{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin-bottom:18px;border-left:4px solid #155eef;background:#f3f7ff;border-radius:0 12px 12px 0}.ddc-ad-metrics-history>div{display:grid;gap:3px}.ddc-ad-metrics-history span,.ddc-ad-metrics-history small{color:#526175;font-size:11px}.ddc-ad-chart-card{padding:16px;margin-bottom:18px;border:1px solid var(--ddc-line);border-radius:15px;background:#fff}.ddc-ad-bar-chart{height:250px;display:flex;align-items:stretch;gap:7px;padding:26px 6px 0;overflow-x:auto;border-top:1px solid #edf1f6}.ddc-ad-bar-chart__day{flex:1 0 26px;min-width:26px;height:100%;display:grid;grid-template-rows:18px minmax(0,1fr) 20px;gap:5px;align-items:end;text-align:center}.ddc-ad-bar-chart__day i{width:min(22px,80%);min-height:4px;align-self:end;justify-self:center;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#155eef 0%,#79a6ff 100%)}.ddc-ad-bar-chart__value{overflow:hidden;color:#64748b;font-size:9px;line-height:1;text-overflow:ellipsis}.ddc-ad-bar-chart__day small{color:#64748b;font-size:9px}.ddc-ad-metrics-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ddc-ad-device-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ddc-ad-device-cards article{display:grid;gap:4px;padding:14px;border:1px solid var(--ddc-line);border-radius:12px;background:#fff}.ddc-ad-device-cards article span,.ddc-ad-device-cards article small{color:#64748b;font-size:11px}.ddc-adsense-status-card{display:flex;align-items:flex-start;gap:14px;padding:18px;margin:18px 0;border:1px solid #dbe7ff;border-radius:15px;background:#f5f8ff}.ddc-adsense-status-card__badge{flex:0 0 auto;padding:6px 8px;border-radius:999px;background:#155eef;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}.ddc-adsense-status-card h3{margin:0 0 5px}.ddc-adsense-status-card p{margin:0;color:#526175}@media(max-width:1050px){.ddc-ad-metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ddc-ad-metrics-columns{grid-template-columns:1fr}}@media(max-width:680px){.ddc-ad-metric-cards,.ddc-ad-device-cards{grid-template-columns:1fr}.ddc-ad-metrics-history,.ddc-adsense-status-card{display:grid}.ddc-ad-custom-range{width:100%}}


/* v1.16.84 - Asistente AdSense autogestionable */
.ddc-adsense-onboarding-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .75fr);
    gap: 18px;
    align-items: start;
    margin-top: 18px;
}

.ddc-adsense-config-form {
    display: grid;
    gap: 14px;
}

.ddc-adsense-config-form > label:not(.ddc-checkline) {
    display: grid;
    gap: 6px;
    font-weight: 800;
}

.ddc-adsense-subhead {
    margin-top: 10px;
    padding-top: 14px;
    border-top: 1px solid var(--ddc-line);
}

.ddc-adsense-code-preview {
    display: grid;
    gap: 6px;
    padding: 12px;
    border: 1px dashed #b9c7de;
    border-radius: 12px;
    background: #f8fafc;
}

.ddc-adsense-code-preview span {
    color: #64748b;
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ddc-adsense-code-preview code {
    overflow-wrap: anywhere;
    color: #0f172a;
    font-size: 11px;
}

.ddc-adsense-diagnostics {
    display: grid;
    gap: 10px;
}

.ddc-adsense-check {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
}

.ddc-adsense-check__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f59e0b;
}

.ddc-adsense-check.is-ok .ddc-adsense-check__dot {
    background: #10b981;
}

.ddc-adsense-check.is-warning .ddc-adsense-check__dot {
    background: #f59e0b;
}

.ddc-adsense-check > div {
    display: grid;
    gap: 2px;
}

.ddc-adsense-check > div span {
    color: #64748b;
    font-size: 10px;
    line-height: 1.3;
}

.ddc-adsense-check > b {
    color: #64748b;
    font-size: 10px;
}

.ddc-adsense-diagnostic-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 12px;
    border-radius: 10px;
    background: #f8fafc;
}

.ddc-adsense-diagnostic-link a {
    font-size: 11px;
    font-weight: 850;
}

.ddc-adsense-step-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ddc-adsense-step-grid article {
    position: relative;
    display: grid;
    align-content: start;
    gap: 7px;
    padding: 16px;
    border: 1px solid var(--ddc-line);
    border-radius: 14px;
    background: #fff;
}

.ddc-adsense-step-grid article > span {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #155eef;
    color: #fff;
    font-weight: 900;
}

.ddc-adsense-step-grid article p {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.45;
}

.ddc-adsense-unit-fields {
    padding: 14px;
    margin-top: 12px;
    border: 1px solid #cfe0ff;
    border-radius: 12px;
    background: #f5f8ff;
}

@media (max-width: 1050px) {
    .ddc-adsense-onboarding-grid {
        grid-template-columns: 1fr;
    }
    .ddc-adsense-step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .ddc-adsense-step-grid {
        grid-template-columns: 1fr;
    }
}


/* v1.16.86 - Importador WXR autogestionable */
.ddc-importer-hero .ddc-section-head { align-items: flex-start; }

.ddc-import-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.ddc-import-flow__step {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 2px;
    align-items: center;
    padding: 13px;
    border: 1px solid var(--ddc-line);
    border-radius: 14px;
    background: #fff;
    opacity: .72;
}

.ddc-import-flow__step > span {
    grid-row: 1 / span 2;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #e2e8f0;
    color: #334155;
    font-weight: 900;
}

.ddc-import-flow__step strong { font-size: 12px; }
.ddc-import-flow__step small { color: #64748b; font-size: 10px; }

.ddc-import-flow__step.is-active,
.ddc-import-flow__step.is-done { opacity: 1; }

.ddc-import-flow__step.is-active {
    border-color: #93b4ff;
    box-shadow: 0 0 0 3px rgba(21,94,239,.06);
}

.ddc-import-flow__step.is-active > span { background: #155eef; color: #fff; }
.ddc-import-flow__step.is-done > span { background: #10b981; color: #fff; }

.ddc-import-demo-note { margin-top: 14px; }
.ddc-import-demo-note p { margin: 5px 0 0; }

.ddc-import-upload-form {
    display: grid;
    gap: 14px;
}

.ddc-import-dropzone {
    position: relative;
    display: grid;
    place-items: center;
    gap: 6px;
    min-height: 170px;
    padding: 24px;
    border: 2px dashed #b7c6df;
    border-radius: 16px;
    background: #f8fafc;
    text-align: center;
    cursor: pointer;
}

.ddc-import-dropzone:hover {
    border-color: #7da4f8;
    background: #f4f7ff;
}

.ddc-import-dropzone__icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #155eef;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
}

.ddc-import-dropzone strong { font-size: 14px; }
.ddc-import-dropzone small { max-width: 520px; color: #64748b; }

.ddc-import-dropzone input[type="file"] {
    width: min(520px, 100%);
    margin-top: 8px;
    padding: 10px;
    background: #fff;
    border: 1px solid #d7e0ee;
    border-radius: 10px;
}

.ddc-import-kpis {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin: 16px 0;
}

.ddc-import-kpis article {
    display: grid;
    gap: 3px;
    min-height: 94px;
    align-content: center;
    padding: 13px;
    border: 1px solid var(--ddc-line);
    border-radius: 13px;
    background: #fff;
}

.ddc-import-kpis article > span {
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.ddc-import-kpis article > strong {
    font-size: 24px;
    line-height: 1;
    color: #0f172a;
}

.ddc-import-kpis article > small {
    color: #64748b;
    font-size: 9px;
    line-height: 1.25;
}

.ddc-import-kpis article.is-warning {
    border-color: #f4c566;
    background: #fffaf0;
}

.ddc-import-preview-table-wrap {
    overflow-x: auto;
    margin-top: 14px;
}

.ddc-import-preview-table td:first-child { min-width: 300px; }
.ddc-import-preview-table td { vertical-align: top; }

.ddc-import-run-form {
    display: grid;
    gap: 14px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--ddc-line);
}

.ddc-import-options-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ddc-import-choice {
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 16px;
    border: 1px solid var(--ddc-line);
    border-radius: 14px;
    background: #fff;
}

.ddc-import-choice.is-recommended {
    border-color: #a9c2ff;
    background: #f7f9ff;
}

.ddc-import-choice h3,
.ddc-import-choice p { margin: 0; }

.ddc-import-choice p {
    color: #64748b;
    font-size: 11px;
    line-height: 1.45;
}

.ddc-import-choice input[type="radio"] { justify-self: start; }

.ddc-import-delete-source {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
}

.ddc-import-batch-actions {
    gap: 8px;
    flex-wrap: wrap;
}

.ddc-import-batch-actions form { margin: 0; }

.ddc-import-details {
    margin: 12px 0;
    padding: 12px 14px;
    border: 1px solid #f2cd80;
    border-radius: 12px;
    background: #fffbf2;
}

.ddc-import-details--error {
    border-color: #fecaca;
    background: #fff7f7;
}

.ddc-import-details summary {
    cursor: pointer;
    font-weight: 850;
}

.ddc-import-details ul {
    margin: 10px 0 0 18px;
    padding: 0;
}

.ddc-import-details li {
    margin-bottom: 4px;
    font-size: 11px;
}

.ddc-import-history {
    display: grid;
    gap: 8px;
}

.ddc-import-history > a {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid var(--ddc-line);
    border-radius: 12px;
    color: inherit;
    text-decoration: none;
    background: #fff;
}

.ddc-import-history > a:hover {
    border-color: #adc4f7;
    background: #f8faff;
}

.ddc-import-history span {
    display: grid;
    gap: 2px;
}

.ddc-import-history small { color: #64748b; }
.ddc-import-history b { font-size: 10px; color: #64748b; }

@media (max-width: 1150px) {
    .ddc-import-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    .ddc-import-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-import-options-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .ddc-import-flow,
    .ddc-import-kpis { grid-template-columns: 1fr; }
}


/* v1.16.90 - Configuración visual del distintivo premium */
.ddc-premium-badge-settings,
.ddc-premium-badge-single-settings {
    border-color: #dbe5f5;
    background: linear-gradient(180deg, #fff 0%, #fbfcff 100%);
}

.ddc-premium-badge-preview {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    padding: 14px;
    border: 1px solid #e1e7f0;
    border-radius: 14px;
    background: #fff;
}

.ddc-premium-badge-preview__image {
    position: relative;
    min-height: 150px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 12px;
    background: radial-gradient(circle at 72% 30%, rgba(255,255,255,.18), transparent 28%), linear-gradient(135deg, #1e293b, #64748b);
    color: rgba(255,255,255,.58);
    font-weight: 900;
    letter-spacing: .08em;
    font-size: 11px;
}

.ddc-premium-badge-preview__chip {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    padding: 7px 11px;
    border-radius: 18px;
    background: rgba(8,19,38,.90);
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 0;
}

.ddc-premium-badge-preview > div:last-child {
    display: grid;
    gap: 5px;
}

.ddc-premium-badge-preview > div:last-child small {
    color: #64748b;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ddc-premium-single-preview {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    padding: 13px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    color: #64748b;
    font-size: 11px;
    font-weight: 750;
}

.ddc-premium-single-preview b {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #101828;
    font-size: 11px;
}

.ddc-premium-single-preview b::before,
.ddc-premium-single-preview b::after {
    content: "";
    width: 1px;
    height: 14px;
    background: #d9e0ea;
    margin: 0 3px;
}

@media (max-width: 720px) {
    .ddc-premium-badge-preview {
        grid-template-columns: 1fr;
    }
}


/* v1.17.0 - Centro de ayuda / guía contextual */
.ddc-help-context-btn {
    border-color: #d9e3f0;
    background: #f7f9fc;
    color: #24334d;
}

.ddc-help-context-btn:hover {
    background: #eef3f9;
    color: #0f1f36;
}

.ddc-help-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 26px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, #f6f9ff 58%, #edf4ff 100%);
    border-color: #dae5f4;
}

.ddc-help-hero::after {
    content: "?";
    position: absolute;
    right: 28px;
    bottom: -48px;
    font-size: 170px;
    line-height: 1;
    font-weight: 950;
    color: rgba(30, 70, 130, .055);
    pointer-events: none;
}

.ddc-help-hero__copy {
    position: relative;
    z-index: 1;
    max-width: 820px;
}

.ddc-help-hero__copy h2 {
    margin: 5px 0 8px;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.04;
    letter-spacing: -.035em;
}

.ddc-help-hero__copy p {
    max-width: 760px;
    margin: 0;
    color: #58677d;
    line-height: 1.55;
}

.ddc-help-hero__actions {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.ddc-help-search-card {
    margin-top: 16px;
    padding: 18px 20px;
}

.ddc-help-search-card > label {
    display: grid;
    gap: 3px;
    margin-bottom: 10px;
}

.ddc-help-search-card > label strong {
    font-size: 14px;
    color: #17243a;
}

.ddc-help-search-card > label span {
    color: #748197;
    font-size: 12px;
}

.ddc-help-search-wrap {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    border: 1px solid #dbe3ef;
    border-radius: 12px;
    padding: 6px 7px 6px 13px;
    background: #fff;
}

.ddc-help-search-wrap > span {
    color: #7b8799;
    font-size: 20px;
}

.ddc-help-search-wrap input {
    width: 100%;
    min-height: 40px;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    background: transparent !important;
}

.ddc-help-search-empty {
    margin-top: 10px;
    padding: 11px 13px;
    border-radius: 9px;
    background: #fff7ed;
    color: #9a4d09;
    font-size: 13px;
    font-weight: 700;
}

.ddc-help-index {
    display: grid;
    gap: 18px;
    margin-top: 16px;
}

.ddc-help-group {
    padding: 0;
}

.ddc-help-group .ddc-section-head {
    margin: 0 0 10px;
}

.ddc-help-group .ddc-section-head h2 {
    font-size: 18px;
}

.ddc-help-topic-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ddc-help-topic-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    min-height: 116px;
    padding: 16px;
    border: 1px solid #dde5f0;
    border-radius: 14px;
    background: #fff;
    color: #17243a;
    text-decoration: none !important;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.ddc-help-topic-card:hover {
    transform: translateY(-2px);
    border-color: #bfcde1;
    box-shadow: 0 10px 26px rgba(15, 31, 54, .08);
}

.ddc-help-topic-card__number {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #eff4fb;
    color: #314766;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
}

.ddc-help-topic-card__body {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.ddc-help-topic-card__body small {
    width: fit-content;
    padding: 3px 7px;
    border-radius: 999px;
    background: #eef6ff;
    color: #235c9d;
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ddc-help-topic-card__body strong {
    font-size: 16px;
    line-height: 1.15;
}

.ddc-help-topic-card__body > span {
    color: #68778c;
    font-size: 12px;
    line-height: 1.45;
}

.ddc-help-topic-card__arrow {
    color: #60718a;
    font-size: 20px;
}

.ddc-help-layout {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin-top: 16px;
}

.ddc-help-toc {
    position: sticky;
    top: 18px;
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid #dfe6ef;
    border-radius: 14px;
    background: #fff;
}

.ddc-help-toc > strong {
    color: #17243a;
    font-size: 13px;
}

.ddc-help-toc nav {
    display: grid;
    gap: 4px;
}

.ddc-help-toc nav a {
    padding: 8px 9px;
    border-radius: 8px;
    color: #596a82;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.ddc-help-toc nav a:hover {
    background: #f2f6fb;
    color: #1c3659;
}

.ddc-help-print {
    width: 100%;
    justify-content: center;
    margin-top: 4px;
}

.ddc-help-article {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.ddc-help-article__header,
.ddc-help-section {
    border: 1px solid #dfe6ef;
    border-radius: 15px;
    background: #fff;
}

.ddc-help-article__header {
    padding: 24px;
}

.ddc-help-article__header > span {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 999px;
    background: #eaf3ff;
    color: #285d9b;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.ddc-help-article__header h2 {
    margin: 9px 0 7px;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.ddc-help-article__header p {
    margin: 0;
    color: #65748a;
    line-height: 1.6;
}

.ddc-help-section {
    scroll-margin-top: 20px;
    overflow: hidden;
}

.ddc-help-section__head {
    padding: 20px 22px 16px;
    border-bottom: 1px solid #edf1f6;
    background: #fbfcfe;
}

.ddc-help-section__head h3 {
    margin: 0 0 5px;
    color: #132139;
    font-size: 20px;
    line-height: 1.15;
}

.ddc-help-section__head p {
    margin: 0;
    color: #6a788c;
    font-size: 13px;
    line-height: 1.5;
}

.ddc-help-field-list {
    display: grid;
}

.ddc-help-field {
    display: grid;
    grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
    gap: 18px;
    padding: 16px 22px;
    border-bottom: 1px solid #edf1f6;
}

.ddc-help-field:last-child {
    border-bottom: 0;
}

.ddc-help-field__name {
    color: #17243a;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.35;
}

.ddc-help-field__content {
    min-width: 0;
}

.ddc-help-field__content > p {
    margin: 0;
    color: #536278;
    font-size: 13px;
    line-height: 1.55;
}

.ddc-help-recommend,
.ddc-help-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    margin-top: 9px;
    padding: 9px 10px;
    border-radius: 9px;
    font-size: 12px;
    line-height: 1.45;
}

.ddc-help-recommend {
    background: #effaf4;
    color: #286447;
}

.ddc-help-note {
    background: #fff7e9;
    color: #8a5712;
}

.ddc-help-recommend strong,
.ddc-help-note strong {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .035em;
    white-space: nowrap;
}

.ddc-help-tip {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    margin: 0 18px 18px;
    padding: 12px 13px;
    border-radius: 10px;
    background: #eef5ff;
    color: #345a89;
    font-size: 12px;
    line-height: 1.5;
}

.ddc-help-tip strong {
    white-space: nowrap;
}

@media (max-width: 980px) {
    .ddc-help-layout {
        grid-template-columns: 1fr;
    }

    .ddc-help-toc {
        position: static;
    }

    .ddc-help-toc nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .ddc-help-hero {
        display: grid;
        padding: 20px;
    }

    .ddc-help-hero__actions {
        justify-content: flex-start;
    }

    .ddc-help-topic-grid {
        grid-template-columns: 1fr;
    }

    .ddc-help-field {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 15px 17px;
    }

    .ddc-help-section__head,
    .ddc-help-article__header {
        padding: 18px;
    }

    .ddc-help-toc nav {
        grid-template-columns: 1fr;
    }

    .ddc-help-recommend,
    .ddc-help-note,
    .ddc-help-tip {
        grid-template-columns: 1fr;
    }
}

@media print {
    .ddc-sidebar,
    .ddc-header,
    .ddc-account-topbar,
    .ddc-demo-banner,
    .ddc-help-hero__actions,
    .ddc-help-search-card,
    .ddc-help-toc,
    .ddc-design-quick-save,
    .ddc-tour-overlay,
    .ddc-demo-floating-public,
    .ddc-ai-assistant {
        display: none !important;
    }

    body,
    .ddc-app,
    .ddc-main {
        background: #fff !important;
        color: #000 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .ddc-help-layout {
        display: block !important;
        margin: 0 !important;
    }

    .ddc-help-hero,
    .ddc-help-article__header,
    .ddc-help-section {
        border: 0 !important;
        box-shadow: none !important;
        break-inside: avoid;
    }

    .ddc-help-section {
        break-inside: auto;
    }

    .ddc-help-field {
        break-inside: avoid;
    }
}


/* v1.18.0 - Fuentes RSS */
.ddc-rss-eyebrow{display:inline-block;margin-bottom:5px;color:#667085;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ddc-rss-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.ddc-rss-flow>div{display:flex;gap:10px;align-items:center;min-height:74px;padding:12px;border:1px solid #e5eaf2;border-radius:12px;background:#fbfcfe}
.ddc-rss-flow b{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#101828;color:#fff;font-size:12px}
.ddc-rss-flow span{display:grid;gap:3px}.ddc-rss-flow strong{font-size:12px;color:#101828}.ddc-rss-flow small{color:#667085;font-size:11px;line-height:1.35}
.ddc-rss-run-summary{display:grid;grid-template-columns:repeat(3,minmax(0,140px));gap:8px;margin-top:14px}
.ddc-rss-run-summary>div{display:grid;gap:2px;padding:10px 12px;border:1px solid #dfe6ef;border-radius:10px;background:#fff}
.ddc-rss-run-summary strong{font-size:20px;color:#101828}.ddc-rss-run-summary span{color:#667085;font-size:10px;font-weight:750;text-transform:uppercase}
.ddc-rss-source-list{display:grid;gap:12px}
.ddc-rss-source-card{display:grid;grid-template-columns:minmax(250px,1.5fr) minmax(330px,1.1fr) minmax(190px,.8fr);gap:16px;padding:15px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 3px 16px rgba(15,23,42,.035)}
.ddc-rss-source-card.is-paused{background:#fafafa;opacity:.86}
.ddc-rss-source-card__main{display:grid;align-content:start;gap:10px;min-width:0}
.ddc-rss-source-card__title{display:flex;gap:9px;align-items:flex-start;min-width:0}.ddc-rss-source-card__title>div{min-width:0;display:grid;gap:4px}
.ddc-rss-source-card__title strong{color:#101828;font-size:14px}.ddc-rss-source-card__title a{display:block;overflow:hidden;color:#667085;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.ddc-rss-state-dot{width:9px;height:9px;flex:0 0 9px;margin-top:5px;border-radius:50%;background:#98a2b3}.ddc-rss-source-card.is-active .ddc-rss-state-dot{background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.10)}
.ddc-rss-source-card__meta{display:flex;flex-wrap:wrap;gap:6px}.ddc-rss-source-card__meta span{padding:5px 7px;border-radius:7px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:700}
.ddc-rss-source-card__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;overflow:hidden;border:1px solid #e5e7eb;border-radius:10px}
.ddc-rss-source-card__stats div{display:grid;place-items:center;gap:2px;min-height:58px;padding:6px;border-right:1px solid #e5e7eb}.ddc-rss-source-card__stats div:last-child{border-right:0}
.ddc-rss-source-card__stats b{color:#0677ad;font-size:18px;line-height:1}.ddc-rss-source-card__stats span{color:#667085;font-size:9px;font-weight:750;text-transform:uppercase}
.ddc-rss-source-card__schedule{display:grid;align-content:center;gap:6px;color:#667085;font-size:11px}.ddc-rss-source-card__schedule strong{color:#344054}
.ddc-rss-health{width:fit-content;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800}.ddc-rss-health--ok{background:#ecfdf3;color:#027a48}.ddc-rss-health--error{background:#fef3f2;color:#b42318}
.ddc-rss-source-card__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding-top:11px;border-top:1px solid #eef1f5}.ddc-rss-source-card__actions form{margin:0}
.ddc-rss-activity-list{display:grid}.ddc-rss-activity-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:11px 2px;border-bottom:1px solid #eef1f5}.ddc-rss-activity-row:last-child{border-bottom:0}
.ddc-rss-activity-row>div:first-child{min-width:0;display:grid;gap:3px}.ddc-rss-activity-row strong{color:#101828;font-size:12px}.ddc-rss-activity-row span{color:#667085;font-size:10px}
.ddc-rss-activity-row__right{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.ddc-rss-item-status{padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#475467!important;font-size:9px!important;font-weight:800}
.ddc-rss-item-status--imported{background:#ecfdf3;color:#027a48!important}.ddc-rss-item-status--duplicate{background:#fffaeb;color:#b54708!important}.ddc-rss-item-status--error{background:#fef3f2;color:#b42318!important}
@media(max-width:1100px){.ddc-rss-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.ddc-rss-source-card{grid-template-columns:1fr 1fr}.ddc-rss-source-card__schedule{grid-column:1/-1}}
@media(max-width:700px){.ddc-rss-flow,.ddc-rss-source-card,.ddc-rss-source-card__stats,.ddc-rss-run-summary{grid-template-columns:1fr}.ddc-rss-source-card__stats div{border-right:0;border-bottom:1px solid #e5e7eb}.ddc-rss-source-card__stats div:last-child{border-bottom:0}.ddc-rss-activity-row{align-items:flex-start;flex-direction:column}}


/* v1.18.1 - fallback seguro del Centro de Ayuda */
.ddc-help-fallback .ddc-alert {
    margin: 14px 0;
}
.ddc-help-fallback .ddc-panel-actions {
    justify-content: flex-start;
}


/* v1.19.0 - Fuentes externas: RSS + lectura web */
.ddc-rss-web-note {
    margin-top: 14px;
}
.ddc-rss-resolved-url {
    display: block;
    overflow: hidden;
    max-width: 100%;
    color: #667085;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* v1.19.3 - diagnóstico de redirecciones históricas */
.ddc-legacy-test-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:16px 0}
.ddc-legacy-test-form label{margin:0}
.ddc-legacy-test-result{display:grid;gap:5px;margin:12px 0 16px;padding:13px 14px;border:1px solid #d0d5dd;border-radius:12px;background:#f9fafb}
.ddc-legacy-test-result.is-ready{border-color:#abefc6;background:#ecfdf3;color:#027a48}
.ddc-legacy-test-result.is-pending{border-color:#fedf89;background:#fffaeb;color:#b54708}
.ddc-legacy-test-result.is-missing{border-color:#fecdca;background:#fef3f2;color:#b42318}
.ddc-legacy-test-result code{overflow-wrap:anywhere;color:#344054}
@media(max-width:700px){.ddc-legacy-test-form{grid-template-columns:1fr}}


/* ==========================================================
   v1.19.5 · Sistema visual moderno del panel
   ========================================================== */

/* Cards de contenido: más limpias, menos aspecto de caja genérica. */
.ddc-card {
    border-color: rgba(148, 163, 184, .24);
    border-radius: 22px;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .045);
}

.ddc-card > .ddc-section-head:first-child {
    padding-bottom: 2px;
}

.ddc-section-head h2,
.ddc-card h2 {
    letter-spacing: -.035em;
}

/* Dashboard: KPIs como pequeñas tarjetas editoriales. */
.ddc-dashboard-stats .ddc-stat {
    position: relative;
    overflow: hidden;
    min-height: 128px;
    border-color: rgba(148, 163, 184, .22);
    background: linear-gradient(145deg, #ffffff 0%, #fbfdff 68%, #f4f7fb 100%);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .045);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ddc-dashboard-stats .ddc-stat::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, var(--ddc-primary), rgba(37,99,235,.25));
}
.ddc-dashboard-stats .ddc-stat:hover {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, .22);
    box-shadow: 0 18px 38px rgba(15, 23, 42, .075);
}
.ddc-dashboard-stats .ddc-stat span {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .045em;
    font-size: 10px;
}
.ddc-dashboard-stats .ddc-stat strong {
    margin-top: 4px;
    font-size: 34px;
    color: #0f172a;
}
.ddc-dashboard-stats .ddc-stat small {
    margin-top: auto;
    color: #64748b;
}

/* Tablas operativas: filas con apariencia de cards, sin perder semántica. */
@media (min-width: 761px) {
    .ddc-table.ddc-modern-table {
        border-collapse: separate;
        border-spacing: 0 9px;
        background: transparent;
    }
    .ddc-table.ddc-modern-table thead th {
        border: 0;
        padding-top: 6px;
        padding-bottom: 6px;
        color: #64748b;
        font-size: 10px;
        font-weight: 850;
    }
    .ddc-table.ddc-modern-table tbody td {
        background: #fff;
        border-top: 1px solid rgba(148, 163, 184, .22);
        border-bottom: 1px solid rgba(148, 163, 184, .22);
        transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
    }
    .ddc-table.ddc-modern-table tbody td:first-child {
        border-left: 1px solid rgba(148, 163, 184, .22);
        border-radius: 15px 0 0 15px;
    }
    .ddc-table.ddc-modern-table tbody td:last-child {
        border-right: 1px solid rgba(148, 163, 184, .22);
        border-radius: 0 15px 15px 0;
    }
    .ddc-table.ddc-modern-table tbody tr:hover td {
        background: #fbfdff;
        border-color: rgba(37, 99, 235, .22);
    }
}

/* Mapa publicitario */
.ddc-ad-map-panel {
    border: 0;
    padding: 4px 0 2px;
    background: transparent;
}
.ddc-ad-map-group {
    margin-top: 22px;
}
.ddc-ad-map-group h4 {
    margin-bottom: 11px;
    color: #475569;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .07em;
}
.ddc-ad-map-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.ddc-ad-map-card {
    position: relative;
    min-height: 170px;
    padding: 16px;
    border: 1px solid rgba(148, 163, 184, .23);
    border-radius: 19px;
    background: linear-gradient(145deg, #fff, #f9fbfe);
    box-shadow: 0 10px 26px rgba(15, 23, 42, .035);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ddc-ad-map-card:hover {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, .25);
    box-shadow: 0 18px 38px rgba(15, 23, 42, .07);
}
.ddc-ad-map-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
}
.ddc-ad-placement-preview {
    position: relative;
    width: 52px;
    height: 42px;
    flex: 0 0 52px;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 3px 8px rgba(15,23,42,.04);
    overflow: hidden;
}
.ddc-ad-placement-preview__page {
    position: absolute;
    inset: 5px 6px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    background:
        linear-gradient(#e8edf5 0 0) 5px 6px / 21px 2px no-repeat,
        linear-gradient(#edf1f6 0 0) 5px 11px / 31px 2px no-repeat,
        linear-gradient(#edf1f6 0 0) 5px 16px / 27px 2px no-repeat,
        linear-gradient(#edf1f6 0 0) 5px 22px / 31px 2px no-repeat,
        #f8fafc;
}
.ddc-ad-placement-preview__slot {
    position: absolute;
    z-index: 2;
    border-radius: 2px;
    background: #2563eb;
    box-shadow: 0 0 0 1px rgba(37,99,235,.16);
}
.ddc-ad-placement-preview--top .ddc-ad-placement-preview__slot { left: 9px; right: 9px; top: 5px; height: 5px; }
.ddc-ad-placement-preview--top-content .ddc-ad-placement-preview__slot { left: 11px; right: 11px; top: 12px; height: 5px; }
.ddc-ad-placement-preview--after-hero .ddc-ad-placement-preview__slot { left: 11px; right: 11px; top: 20px; height: 5px; }
.ddc-ad-placement-preview--middle .ddc-ad-placement-preview__slot { left: 11px; right: 11px; top: 23px; height: 4px; }
.ddc-ad-placement-preview--middle-low .ddc-ad-placement-preview__slot { left: 11px; right: 11px; top: 28px; height: 4px; }
.ddc-ad-placement-preview--bottom-content .ddc-ad-placement-preview__slot { left: 11px; right: 11px; bottom: 8px; height: 4px; }
.ddc-ad-placement-preview--sidebar .ddc-ad-placement-preview__slot,
.ddc-ad-placement-preview--sidebar-right .ddc-ad-placement-preview__slot { right: 7px; top: 10px; bottom: 8px; width: 8px; }
.ddc-ad-placement-preview--article-inline .ddc-ad-placement-preview__slot { left: 12px; right: 16px; top: 22px; height: 5px; }
.ddc-ad-placement-preview--mobile-sticky .ddc-ad-placement-preview__page { left: 16px; right: 16px; }
.ddc-ad-placement-preview--mobile-sticky .ddc-ad-placement-preview__slot { left: 14px; right: 14px; bottom: 3px; height: 5px; border-radius: 3px; }
.ddc-ad-placement-preview--sticky-bottom .ddc-ad-placement-preview__slot { left: 6px; right: 6px; bottom: 2px; height: 6px; border-radius: 3px; }
.ddc-ad-placement-preview--popup .ddc-ad-placement-preview__slot { left: 15px; right: 15px; top: 12px; bottom: 10px; border-radius: 4px; }
.ddc-ad-placement-preview--footer .ddc-ad-placement-preview__slot { left: 9px; right: 9px; bottom: 5px; height: 6px; }
.ddc-ad-placement-preview--footer-side .ddc-ad-placement-preview__slot { right: 8px; bottom: 6px; width: 11px; height: 10px; }
.ddc-ad-placement-preview--custom .ddc-ad-placement-preview__slot { left: 17px; top: 13px; width: 18px; height: 14px; border: 2px dashed #2563eb; background: rgba(37,99,235,.08); }
.ddc-ad-map-card__location {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 8px;
    padding: 4px 7px;
    border-radius: 7px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
}
.ddc-ad-map-card__size {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 5px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}
.ddc-ad-map-card strong {
    margin-top: 3px;
    color: #0f172a;
    font-size: 14px;
    letter-spacing: -.015em;
}
.ddc-ad-map-card small {
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
}
.ddc-ad-shortcode-detail {
    margin-top: auto;
    padding-top: 9px;
    border-top: 1px solid #eef2f6;
}
.ddc-ad-shortcode-detail summary {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

/* Listado principal de campañas */
.ddc-banner-card-list {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}
.ddc-banner-list-card {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 16px;
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, .23);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .035);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ddc-banner-list-card:hover {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, .24);
    box-shadow: 0 17px 40px rgba(15, 23, 42, .065);
}
.ddc-banner-list-card__media {
    min-height: 108px;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border: 1px solid #eef2f6;
}
.ddc-banner-list-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 108px;
    max-height: 132px;
    object-fit: cover;
}
.ddc-banner-list-card__media.is-code {
    background: linear-gradient(145deg, #0f172a, #1e293b);
}
.ddc-banner-list-card__type-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 15px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.12);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}
.ddc-banner-list-card__body {
    min-width: 0;
    display: grid;
    gap: 10px;
}
.ddc-banner-list-card__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}
.ddc-banner-list-card__head h3 {
    margin: 2px 0 0;
    color: #0f172a;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: -.025em;
}
.ddc-banner-list-card__eyebrow {
    display: inline-block;
    color: #64748b;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.ddc-banner-list-card__head-actions {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
}
.ddc-banner-list-card__head-actions form { margin: 0; }
.ddc-banner-card-action {
    width: 34px;
    height: 34px;
    border: 1px solid #e6eaf0 !important;
    border-radius: 11px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    text-decoration: none !important;
}
.ddc-banner-card-action:hover { background: #eef2f7 !important; }
.ddc-banner-card-action.is-danger {
    background: #fff7f7 !important;
    border-color: #fee2e2 !important;
    color: #dc2626 !important;
}
.ddc-banner-list-card__chips,
.ddc-banner-list-card__spaces > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.ddc-banner-list-card__chips > span,
.ddc-banner-list-card__spaces > div > span {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 10px;
    font-weight: 750;
}
.ddc-banner-list-card__chips > span.is-smart {
    background: #eff6ff;
    color: #1d4ed8;
}
.ddc-banner-list-card__spaces {
    display: grid;
    gap: 5px;
}
.ddc-banner-list-card__spaces > small,
.ddc-banner-list-card__meta small {
    color: #94a3b8;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.ddc-banner-list-card__meta {
    display: grid;
    grid-template-columns: minmax(190px, 1.6fr) repeat(3, minmax(90px, .55fr));
    gap: 8px;
    padding-top: 9px;
    border-top: 1px solid #eef2f6;
}
.ddc-banner-list-card__meta > div {
    display: grid;
    gap: 3px;
}
.ddc-banner-list-card__meta strong {
    color: #0f172a;
    font-size: 12px;
}
.ddc-banner-list-card__meta > div:not(:first-child) strong {
    font-size: 16px;
    letter-spacing: -.02em;
}
.ddc-banner-list-card__mobile-note {
    color: #64748b;
    font-size: 10px;
}

/* Sistema / Ayuda / RSS: misma familia visual. */
.ddc-module-card,
.ddc-help-topic-card,
.ddc-rss-source-card,
.ddc-system-index-grid a,
.ddc-list-cards > article,
.ddc-list-cards > div {
    border-color: rgba(148, 163, 184, .23) !important;
    background: linear-gradient(145deg, #fff, #fbfdff) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .035) !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.ddc-module-card:hover,
.ddc-help-topic-card:hover,
.ddc-rss-source-card:hover,
.ddc-system-index-grid a:hover {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, .22) !important;
    box-shadow: 0 17px 38px rgba(15, 23, 42, .065) !important;
}

@media (max-width: 1180px) {
    .ddc-ad-map-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-banner-list-card__meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .ddc-ad-map-grid { grid-template-columns: 1fr; }
    .ddc-ad-map-card { min-height: 150px; }
    .ddc-banner-list-card {
        grid-template-columns: 1fr;
        padding: 12px;
    }
    .ddc-banner-list-card__media {
        min-height: 132px;
        max-height: 190px;
    }
    .ddc-banner-list-card__media img {
        max-height: 190px;
        object-fit: contain;
        background: #f8fafc;
    }
    .ddc-banner-list-card__head { align-items: flex-start; }
    .ddc-banner-list-card__head-actions { gap: 5px; }
    .ddc-banner-list-card__meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-dashboard-stats .ddc-stat { min-height: 112px; }
}


/* v1.19.7 - Publicidad: tabs, acordeones y menos pastillas */
.ddc-banner-page-head{margin-bottom:8px;align-items:center}
.ddc-module-tabs{display:flex;align-items:end;gap:22px;overflow-x:auto;margin:0 0 22px;padding:0 2px;border-bottom:1px solid #e7ebf0;scrollbar-width:none}
.ddc-module-tabs::-webkit-scrollbar{display:none}.ddc-module-tab{position:relative;flex:0 0 auto;padding:12px 1px 11px;color:#667085;font-size:13px;font-weight:800;text-decoration:none;border:0;background:transparent;border-radius:0}.ddc-module-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}.ddc-module-tab:hover,.ddc-module-tab.is-active{color:#101828}.ddc-module-tab.is-active::after{background:#101828}
.ddc-banner-list-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:2px 0 14px;padding:0 2px 11px;border-bottom:1px solid #eef1f5}.ddc-banner-list-intro>div{display:flex;align-items:baseline;gap:9px}.ddc-banner-list-intro strong{font-size:15px;color:#101828}.ddc-banner-list-intro span,.ddc-banner-list-intro small{color:#667085;font-size:11px}
.ddc-banner-list-card__chips>span,.ddc-banner-list-card__spaces>div>span{border-radius:6px;background:#f7f8fa;border:1px solid #e9edf2;padding:4px 7px}.ddc-ad-map-card__location{display:block;width:auto;margin-top:8px;padding:0;border-radius:0;background:transparent;color:#667085;font-size:10px;font-weight:750}
.ddc-ad-space-accordion-list{display:grid;gap:10px}.ddc-ad-space-accordion{border:1px solid #e3e8ef;border-radius:12px;background:#fff;overflow:hidden}.ddc-ad-space-accordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer;background:#fbfcfd}.ddc-ad-space-accordion>summary::-webkit-details-marker{display:none}.ddc-ad-space-accordion>summary span{display:flex;align-items:baseline;gap:9px}.ddc-ad-space-accordion>summary strong{color:#101828;font-size:13px}.ddc-ad-space-accordion>summary small{color:#98a2b3;font-size:10px}.ddc-ad-space-accordion>summary i{width:8px;height:8px;border-right:2px solid #667085;border-bottom:2px solid #667085;transform:rotate(45deg);transition:transform .18s ease}.ddc-ad-space-accordion[open]>summary i{transform:rotate(225deg)}.ddc-ad-map-grid--accordion{padding:14px;border-top:1px solid #eef1f5}.ddc-ad-technical-spaces{margin-top:18px;border-top:1px solid #e7ebf0;padding-top:12px}.ddc-ad-technical-spaces>summary{cursor:pointer;color:#667085;font-size:11px;font-weight:800}.ddc-ad-technical-spaces .ddc-table-wrap{margin-top:12px}
@media(max-width:760px){.ddc-module-tabs{gap:16px;margin-bottom:16px}.ddc-module-tab{padding-top:10px;font-size:12px}.ddc-banner-list-intro{align-items:flex-start;flex-direction:column;gap:5px}.ddc-ad-space-accordion>summary{padding:12px 13px}}


/* ==========================================================
   v1.19.8 · Sistema de acciones consistente en TODO el panel
   Las pastillas quedan para estados/badges. Los botones son controles.
   ========================================================== */
.ddc-btn,
.ddc-form button.ddc-btn,
button.ddc-btn,
a.ddc-btn {
    min-height: 40px;
    border-radius: 8px !important;
    padding: 10px 14px;
    box-shadow: none;
    font-weight: 800;
    letter-spacing: -.01em;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}

.ddc-btn:hover,
.ddc-btn:focus-visible,
.ddc-form button.ddc-btn:hover,
.ddc-form button.ddc-btn:focus-visible {
    transform: translateY(-1px);
    border-color: #cbd5e1;
    background: #f8fafc;
    box-shadow: 0 5px 14px rgba(15,23,42,.06);
}

.ddc-btn-primary,
.ddc-form button.ddc-btn-primary {
    background: #0f172a;
    border-color: #0f172a;
    color: #fff;
}

.ddc-btn-primary:hover,
.ddc-btn-primary:focus-visible,
.ddc-form button.ddc-btn-primary:hover,
.ddc-form button.ddc-btn-primary:focus-visible {
    background: #1e293b;
    border-color: #1e293b;
    color: #fff;
}

.ddc-btn-small {
    min-height: 34px;
    border-radius: 7px !important;
    padding: 8px 11px;
    font-size: 12px;
}

/* Acciones compactas: cuadradas con esquinas suaves, no círculos repetidos. */
.ddc-icon-action {
    border-radius: 9px !important;
}

.ddc-action-icon {
    width: 34px;
    height: 34px;
    border-radius: 9px !important;
    border: 1px solid #e7ebf0;
    background: #f8fafc;
}

.ddc-link-danger .ddc-action-icon {
    border-color: #fee2e2;
    background: #fff7f7;
}

/* Mantener pastillas únicamente como lenguaje de estado/etiqueta. */
.ddc-badge,
.ddc-seo-status,
.ddc-rss-health,
.ddc-rss-item-status {
    box-shadow: none;
}

/* Acciones textuales discretas, útiles dentro de barras de trabajo. */
.ddc-text-action {
    appearance: none;
    border: 0;
    padding: 0;
    background: transparent;
    color: #667085;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #d0d5dd;
    text-underline-offset: 3px;
}

.ddc-text-action:hover,
.ddc-text-action:focus-visible {
    color: #101828;
    text-decoration-color: #101828;
}

/* ==========================================================
   Noticias · edición en lote
   ========================================================== */
.ddc-select-col {
    width: 42px !important;
    min-width: 42px !important;
    padding-left: 10px !important;
    padding-right: 6px !important;
    text-align: center !important;
}

.ddc-row-check {
    position: relative;
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    margin: 0;
    cursor: pointer;
}

.ddc-row-check input {
    position: absolute;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
    pointer-events: none;
}

.ddc-row-check span {
    position: relative;
    display: block;
    width: 17px;
    height: 17px;
    border: 1.5px solid #cbd5e1;
    border-radius: 5px;
    background: #fff;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.ddc-row-check input:checked + span {
    border-color: #0f172a;
    background: #0f172a;
}

.ddc-row-check input:checked + span::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}

.ddc-row-check input:focus-visible + span {
    box-shadow: 0 0 0 3px rgba(37,99,235,.14);
}

.ddc-row-check--head span {
    background: #f8fafc;
}

.ddc-news-table tbody tr.is-selected td {
    background: #f5f8ff !important;
    border-color: #b9cffd !important;
}

.ddc-bulk-toolbar[hidden] {
    display: none !important;
}

.ddc-bulk-toolbar {
    position: sticky;
    top: 12px;
    z-index: 18;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 12px 0 8px;
    padding: 11px 12px;
    border: 1px solid #cbdafc;
    border-radius: 12px;
    background: rgba(248,250,255,.97);
    box-shadow: 0 12px 30px rgba(15,23,42,.10);
    backdrop-filter: blur(10px);
}

.ddc-bulk-toolbar__selection {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.ddc-bulk-toolbar__selection strong {
    color: #101828;
    font-size: 12px;
}

.ddc-bulk-toolbar__controls {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.ddc-bulk-toolbar__controls label {
    display: grid;
    gap: 4px;
    min-width: 180px;
    margin: 0 !important;
}

.ddc-bulk-toolbar__controls label > span {
    color: #667085;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ddc-bulk-toolbar__controls select {
    min-height: 38px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

.ddc-bulk-toolbar__conditional[hidden] {
    display: none !important;
}

.ddc-bulk-apply {
    min-height: 38px !important;
    white-space: nowrap;
}

/* Filtros: acciones claramente distintas del estado/badge. */
.ddc-filter-actions .ddc-btn {
    border-radius: 8px !important;
}

@media (max-width: 980px) {
    .ddc-bulk-toolbar {
        position: static;
        align-items: stretch;
        flex-direction: column;
    }

    .ddc-bulk-toolbar__controls {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 680px) {
    .ddc-bulk-toolbar__controls,
    .ddc-bulk-toolbar__controls label,
    .ddc-bulk-apply {
        width: 100%;
    }

    .ddc-bulk-toolbar__controls label {
        min-width: 0;
    }

    .ddc-select-col {
        width: auto !important;
        min-width: 0 !important;
    }

    .ddc-responsive-table td.ddc-select-col::before {
        content: "Seleccionar";
    }
}


/* v1.19.9 - hotfix selección total de Noticias */
.ddc-select-col--head {
    cursor: pointer;
}
.ddc-select-col--head .ddc-row-check {
    width: 30px;
    height: 30px;
}
.ddc-news-table tr.is-selected {
    outline: 1px solid rgba(37,99,235,.22);
    outline-offset: -1px;
}


/* ==========================================================
   v1.20.0 · Tapas / Kiosco
   ========================================================== */
.ddc-covers-head__actions{display:flex;gap:8px;align-items:center}
.ddc-cover-step{display:inline-block;margin-bottom:4px;color:#667085;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ddc-cover-create-card{padding:18px}
.ddc-cover-create-card__intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}
.ddc-cover-create-card__intro h3,.ddc-cover-edit-form__head h3{margin:0 0 5px;color:#101828}
.ddc-cover-create-card__intro p,.ddc-cover-edit-form__head p{margin:0;color:#667085}
.ddc-cover-create-card__hint{display:grid;gap:3px;max-width:280px;padding:10px 12px;border-left:3px solid #dbe4f0;background:#f8fafc}
.ddc-cover-create-card__hint strong{font-size:11px;color:#344054}.ddc-cover-create-card__hint span{font-size:10px;color:#667085;line-height:1.4}
.ddc-cover-create-form{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);gap:18px;align-items:stretch}
.ddc-cover-uploader{min-height:250px;border:1px dashed #b7c3d4;border-radius:12px;background:#fbfcfe;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:24px;cursor:pointer;transition:.16s ease}
.ddc-cover-uploader:hover{border-color:#64748b;background:#f8fafc}
.ddc-cover-uploader__icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#0f172a;color:#fff;font-size:25px}
.ddc-cover-uploader>span:not(.ddc-cover-uploader__icon){max-width:360px;color:#667085}
.ddc-cover-uploader input{margin-top:8px;max-width:100%}
.ddc-cover-uploader small{color:#475467;font-weight:700}
.ddc-cover-create-options{display:grid;gap:14px;align-content:center;padding:14px 4px}
.ddc-cover-create-options>label:not(.ddc-setting-switch),.ddc-cover-edit-fields>label:not(.ddc-setting-switch){display:grid;gap:6px}
.ddc-cover-create-options label>span,.ddc-cover-edit-fields label>span{font-weight:800;color:#344054}
.ddc-cover-create-options small,.ddc-cover-edit-fields small{color:#667085;line-height:1.45}
.ddc-setting-switch{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:12px 13px;border:1px solid #e5eaf0;border-radius:10px;background:#fff}
.ddc-setting-switch>span{display:grid;gap:2px}.ddc-setting-switch input{width:18px!important;height:18px!important;flex:0 0 auto}
.ddc-cover-edit-card{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:22px;padding:18px}
.ddc-cover-edit-card__preview{position:relative;align-self:start;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc}
.ddc-cover-edit-card__preview img{display:block;width:100%;max-height:620px;object-fit:contain}
.ddc-cover-edit-card__preview .ddc-cover-status{position:absolute;top:10px;left:10px}
.ddc-cover-edit-form{min-width:0}.ddc-cover-edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.ddc-form-span-2{grid-column:span 2}
.ddc-cover-library{padding:18px}.ddc-cover-library__stats{display:flex;flex-wrap:wrap;gap:14px;color:#667085;font-size:11px}.ddc-cover-library__stats strong{color:#101828;font-size:16px}
.ddc-cover-library__toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:10px 0 16px}
.ddc-cover-search{display:block;min-width:min(360px,100%)}.ddc-cover-search input{width:100%;min-height:39px}
.ddc-cover-filter{display:flex;gap:3px;padding:3px;border:1px solid #e5e7eb;border-radius:9px;background:#f8fafc}
.ddc-cover-filter button{appearance:none;border:0;border-radius:6px;background:transparent;padding:7px 10px;color:#667085;font-size:11px;font-weight:800;cursor:pointer}
.ddc-cover-filter button.is-active{background:#fff;color:#101828;box-shadow:0 1px 4px rgba(15,23,42,.08)}
.ddc-cover-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ddc-cover-admin-card{overflow:hidden;border:1px solid #e1e7ef;border-radius:12px;background:#fff;box-shadow:0 3px 14px rgba(15,23,42,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.ddc-cover-admin-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 10px 24px rgba(15,23,42,.07)}
.ddc-cover-admin-card[hidden]{display:none!important}
.ddc-cover-admin-card__media{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:280px;padding:10px;background:#f7f9fc}
.ddc-cover-admin-card__media img{display:block;width:100%;height:320px;object-fit:contain;background:#fff}
.ddc-cover-status,.ddc-cover-order{position:absolute;top:10px;padding:5px 7px;border-radius:6px;font-size:9px;font-weight:900;box-shadow:0 1px 5px rgba(15,23,42,.08)}
.ddc-cover-status{left:10px}.ddc-cover-status.is-active{background:#ecfdf3;color:#027a48}.ddc-cover-status.is-hidden{background:#f2f4f7;color:#475467}
.ddc-cover-order{right:10px;background:#fff;color:#475467}
.ddc-cover-admin-card__body{display:grid;gap:9px;padding:12px 12px 4px}.ddc-cover-admin-card__body>div:first-child{display:grid;gap:3px}.ddc-cover-admin-card__body strong{font-size:13px;color:#101828}.ddc-cover-admin-card__body span{font-size:10px;color:#667085}
.ddc-cover-admin-card__meta{min-height:20px}.ddc-cover-admin-card__meta a,.ddc-cover-admin-card__meta span{font-size:10px;color:#667085;text-decoration:none}.ddc-cover-admin-card__meta a:hover{color:#101828;text-decoration:underline}
.ddc-cover-admin-card__actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px 12px}.ddc-cover-admin-card__actions form{margin:0}
.ddc-cover-filter-empty{margin-top:10px}
@media(max-width:1200px){.ddc-cover-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.ddc-cover-create-form,.ddc-cover-edit-card{grid-template-columns:1fr}.ddc-cover-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ddc-cover-create-card__intro,.ddc-cover-library__toolbar{flex-direction:column;align-items:stretch}.ddc-cover-create-card__hint{max-width:none}.ddc-cover-edit-fields{grid-template-columns:1fr}.ddc-form-span-2{grid-column:auto}.ddc-cover-admin-grid{grid-template-columns:1fr}.ddc-cover-search{min-width:0}}


/* ==========================================================
   v1.20.1 · Diseño del diario / Estilo general
   Depuración visual y jerarquía más clara.
   ========================================================== */
.ddc-design-workspace--general {
    padding: 20px !important;
}

.ddc-design-workspace--general > .ddc-section-head {
    margin-bottom: 16px;
}

.ddc-design-workspace--general form.ddc-form-grid {
    gap: 16px;
}

.ddc-design-workspace--general .ddc-design-preview--general {
    border-radius: 12px;
    box-shadow: none;
}

.ddc-design-workspace--general .ddc-design-preview__general-canvas {
    padding: 28px 34px 30px;
}

.ddc-design-workspace--general .ddc-design-preview__story {
    max-width: 760px;
}

.ddc-design-workspace--general .ddc-design-preview__story p {
    margin-bottom: 0;
}

/* Los grupos dejan de parecer formularios independientes apilados. */
.ddc-design-workspace--general .ddc-design-group {
    margin: 0;
    padding: 18px;
    border: 1px solid #e1e7ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
}

.ddc-design-workspace--general .ddc-design-group legend {
    padding: 0 5px;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: #101828;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: -.01em;
}

.ddc-design-group__intro {
    margin: 0 0 16px;
    max-width: 920px;
    color: #667085;
    font-size: 12px;
    line-height: 1.5;
}

.ddc-design-workspace--general .ddc-design-group .ddc-form-grid {
    column-gap: 16px;
    row-gap: 14px;
}

.ddc-design-workspace--general .ddc-design-group label {
    font-size: 12px !important;
}

.ddc-design-workspace--general .ddc-design-group input[type="text"],
.ddc-design-workspace--general .ddc-design-group input[type="url"],
.ddc-design-workspace--general .ddc-design-group input[type="number"],
.ddc-design-workspace--general .ddc-design-group input[type="date"],
.ddc-design-workspace--general .ddc-design-group select {
    min-height: 42px !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.ddc-design-workspace--general .ddc-design-group input:focus,
.ddc-design-workspace--general .ddc-design-group select:focus {
    box-shadow: 0 0 0 3px rgba(37,99,235,.10) !important;
}

/* Identidad del panel: preview real, compacto y sin logo gigante. */
.ddc-panel-brand-config--compact {
    grid-template-columns: minmax(240px, 310px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.ddc-panel-brand-config--compact .ddc-panel-brand-preview {
    min-height: 108px;
    border-radius: 12px;
    padding: 16px;
    align-items: center;
    box-shadow: none;
}

.ddc-panel-brand-config--compact .ddc-panel-brand-preview__mark {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-radius: 12px;
    padding: 4px;
}

.ddc-panel-brand-config--compact .ddc-panel-brand-preview__copy {
    padding-top: 0;
}

.ddc-panel-brand-config--compact .ddc-panel-brand-preview__copy small {
    display: block;
    margin-bottom: 4px;
    color: rgba(255,255,255,.48);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ddc-panel-brand-config--compact .ddc-panel-brand-preview__copy strong {
    font-size: 15px;
}

.ddc-panel-brand-config--compact .ddc-panel-brand-preview__copy span {
    margin-top: 3px;
    font-size: 11px;
}

.ddc-panel-brand-config--compact .ddc-panel-brand-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.ddc-panel-logo-control {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 104px;
    align-items: center;
    gap: 18px;
    min-height: 122px;
    padding: 14px !important;
    border-radius: 10px !important;
    background: #fafbfc !important;
    box-shadow: none !important;
}

.ddc-panel-logo-control__copy {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.ddc-panel-logo-control__copy > strong {
    color: #101828;
    font-size: 13px;
}

.ddc-panel-logo-control__copy > small {
    max-width: 660px;
    color: #667085;
    font-size: 11px;
    line-height: 1.45;
}

.ddc-panel-logo-control .ddc-media-actions {
    margin-top: 2px;
}

.ddc-panel-logo-preview {
    min-height: 88px;
    display: grid;
    place-items: center;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.ddc-panel-logo-preview .ddc-thumb-preview {
    width: 88px !important;
    height: 88px !important;
    max-width: 88px !important;
    padding: 8px !important;
    border: 1px solid #e1e7ef !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-sizing: border-box;
}

.ddc-panel-logo-preview .ddc-thumb-preview img {
    width: 100% !important;
    height: 100% !important;
    max-height: 72px !important;
    object-fit: contain !important;
    border-radius: 7px !important;
}

.ddc-panel-logo-preview > p {
    margin: 0;
    text-align: center;
    font-size: 10px;
}

.ddc-panel-logo-preview__empty {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border: 1px solid #e1e7ef;
    border-radius: 12px;
    background: #fff;
    color: #667085;
    font-size: 18px;
    font-weight: 900;
}

/* Mantener el favicon compacto y alineado con la nueva identidad. */
.ddc-design-workspace--general .ddc-favicon-config {
    gap: 18px;
}

.ddc-design-workspace--general .ddc-favicon-reference {
    border-radius: 11px;
    box-shadow: none;
}

.ddc-design-workspace--general .ddc-favicon-reference__bar {
    min-height: 72px;
    padding: 14px 16px 0;
}

.ddc-design-workspace--general .ddc-favicon-reference > p {
    padding: 12px 14px;
    font-size: 11px;
}

.ddc-design-workspace--general .ddc-favicon-preview .ddc-thumb-preview {
    width: 76px;
    height: 76px;
    border-radius: 12px;
}

/* El guardado final queda visualmente separado del contenido. */
.ddc-design-workspace--general .ddc-panel-actions {
    margin-top: 2px;
    padding-top: 16px;
    border-top: 1px solid #edf0f4;
}

@media (max-width: 900px) {
    .ddc-panel-brand-config--compact {
        grid-template-columns: 1fr;
    }

    .ddc-panel-brand-config--compact .ddc-panel-brand-preview {
        max-width: 420px;
    }
}

@media (max-width: 680px) {
    .ddc-design-workspace--general {
        padding: 14px !important;
    }

    .ddc-design-workspace--general .ddc-design-group {
        padding: 14px;
    }

    .ddc-panel-brand-config--compact .ddc-panel-brand-fields {
        grid-template-columns: 1fr;
    }

    .ddc-panel-logo-control {
        grid-template-columns: 1fr;
    }

    .ddc-panel-logo-preview {
        justify-items: start;
    }

    .ddc-design-workspace--general .ddc-design-preview__general-canvas {
        padding: 20px;
    }
}

/* v1.20.2 · Auditoría técnica */
.ddc-audit-private-mark{display:inline-flex;padding:7px 9px;border:1px solid #dbe2ea;border-radius:8px;background:#f8fafc;color:#475467;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.ddc-audit-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.ddc-audit-kpis article{display:grid;gap:4px;padding:14px 15px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;box-shadow:0 3px 14px rgba(15,23,42,.03)}.ddc-audit-kpis article.is-warning{border-color:#fedf89;background:#fffcf5}.ddc-audit-kpis span{color:#667085;font-size:10px;font-weight:800;text-transform:uppercase}.ddc-audit-kpis strong{color:#101828;font-size:25px}.ddc-audit-kpis small{color:#667085;font-size:10px}.ddc-audit-kpi-date{font-size:18px!important}
.ddc-audit-filters{display:grid;grid-template-columns:140px 150px 180px 180px minmax(220px,1fr) auto;gap:10px;align-items:end;padding:13px;margin-bottom:14px}.ddc-audit-filters label{display:grid;gap:5px;margin:0!important}.ddc-audit-filters label>span{color:#667085;font-size:9px;font-weight:900;text-transform:uppercase}.ddc-audit-filters select,.ddc-audit-filters input{min-height:39px!important;margin:0!important;border-radius:8px!important}.ddc-audit-filter-actions{display:flex;gap:6px}
.ddc-audit-list{padding:16px}.ddc-audit-timeline{display:grid}.ddc-audit-event{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:15px 4px;border-top:1px solid #edf0f4}.ddc-audit-event:first-child{border-top:0}.ddc-audit-event__time{display:grid;align-content:start;gap:2px}.ddc-audit-event__time strong{font-size:11px;color:#344054}.ddc-audit-event__time span{font-size:10px;color:#98a2b3}.ddc-audit-event__main{min-width:0;padding-left:13px;border-left:3px solid #dbe4f0}.ddc-audit-event.is-warning .ddc-audit-event__main{border-left-color:#fdb022}.ddc-audit-event.is-error .ddc-audit-event__main{border-left-color:#f04438}.ddc-audit-event__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ddc-audit-event__top>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ddc-audit-event__top strong{font-size:13px;color:#101828}.ddc-audit-area{padding:3px 6px;border-radius:5px;background:#f2f4f7;color:#475467;font-size:9px;font-weight:900;text-transform:uppercase}.ddc-audit-actor{color:#475467;font-size:10px;font-weight:700;text-align:right}.ddc-audit-event__main>p{margin:6px 0;color:#667085;font-size:11px}.ddc-audit-event__meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:7px;color:#98a2b3;font-size:9px}.ddc-audit-event__meta a{color:#475467;font-weight:800;text-decoration:none}.ddc-audit-details{margin-top:9px}.ddc-audit-details summary{width:max-content;cursor:pointer;color:#475467;font-size:10px;font-weight:800}.ddc-audit-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:10px 0 0;padding:10px 12px;border:1px solid #e8edf3;border-radius:8px;background:#fafbfc}.ddc-audit-details dt{font-size:8px;color:#98a2b3;font-weight:900;text-transform:uppercase}.ddc-audit-details dd{margin:0;font-size:10px;color:#344054;overflow-wrap:anywhere}.ddc-audit-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f4}
@media(max-width:1180px){.ddc-audit-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.ddc-audit-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.ddc-audit-kpis,.ddc-audit-filters{grid-template-columns:1fr}.ddc-audit-event{grid-template-columns:1fr;gap:6px}.ddc-audit-event__time{display:flex;gap:7px}.ddc-audit-event__top{flex-direction:column}.ddc-audit-actor{text-align:left}.ddc-audit-details dl{grid-template-columns:1fr}}


/* v1.20.3 - Secciones: acciones seguras y estado claro */
.ddc-section-reactivate,
.ddc-section-deactivate {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #e1e7ef;
    border-radius: 9px !important;
    background: #f8fafc;
    color: #344054;
    font-size: 15px;
    cursor: pointer;
}
.ddc-section-reactivate:hover,
.ddc-section-deactivate:hover {
    background: #eef2f6;
    border-color: #cbd5e1;
}
.ddc-modern-table tr:has(.ddc-section-reactivate) td {
    background: #fafafa;
}
.ddc-modern-table tr:has(.ddc-section-reactivate) .ddc-section-row strong,
.ddc-modern-table tr:has(.ddc-section-reactivate) code {
    color: #667085;
}


/* ==========================================================
   v1.20.4 · Vista previa de aperturas destacadas
   Refleja la nueva composición pública.
   ========================================================== */
.ddc-featured-mock {
    gap: 14px !important;
}

.ddc-featured-mock__card {
    overflow: hidden;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.ddc-featured-mock__body strong {
    line-height: 1.04 !important;
}

/* Apertura editorial */
.ddc-featured-mock--editorial {
    grid-template-columns: minmax(0,68fr) minmax(250px,32fr) !important;
    align-items: stretch !important;
}
.ddc-featured-mock--editorial .ddc-featured-mock__card.is-main {
    display: flex !important;
    flex-direction: column !important;
}
.ddc-featured-mock--editorial .ddc-featured-mock__card.is-main .ddc-featured-mock__media {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}
.ddc-featured-mock--editorial .ddc-featured-mock__secondary {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2,minmax(0,1fr)) !important;
    gap: 14px !important;
}
.ddc-featured-mock--editorial .ddc-featured-mock__secondary .ddc-featured-mock__card {
    display: flex !important;
    flex-direction: column !important;
}
.ddc-featured-mock--editorial .ddc-featured-mock__secondary .ddc-featured-mock__media {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 8.8 !important;
}

/* Impacto visual */
.ddc-featured-mock--visual {
    grid-template-columns: minmax(0,70fr) minmax(250px,30fr) !important;
    align-items: stretch !important;
}
.ddc-featured-mock--visual .ddc-featured-mock__card.is-main {
    min-height: 460px !important;
}
.ddc-featured-mock--visual .ddc-featured-mock__secondary {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2,minmax(0,1fr)) !important;
    gap: 14px !important;
}
.ddc-featured-mock--visual .ddc-featured-mock__secondary .ddc-featured-mock__card {
    display: flex !important;
    flex-direction: column !important;
}
.ddc-featured-mock--visual .ddc-featured-mock__secondary .ddc-featured-mock__media {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 8.7 !important;
}

/* Panorámica editorial */
.ddc-featured-mock--panorama {
    grid-template-columns: 1fr !important;
}
.ddc-featured-mock--panorama .ddc-featured-mock__card.is-main {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}
.ddc-featured-mock--panorama .ddc-featured-mock__card.is-main .ddc-featured-mock__media {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 21 / 8 !important;
}
.ddc-featured-mock--panorama .ddc-featured-mock__card.is-main .ddc-featured-mock__body {
    align-content: start !important;
    padding: 18px 20px !important;
}
.ddc-featured-mock--panorama .ddc-featured-mock__secondary {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 14px !important;
}
.ddc-featured-mock--panorama .ddc-featured-mock__secondary .ddc-featured-mock__card {
    display: grid !important;
    grid-template-columns: 42% minmax(0,1fr) !important;
}
.ddc-featured-mock--panorama .ddc-featured-mock__secondary .ddc-featured-mock__media {
    min-height: 145px !important;
    height: 100% !important;
    aspect-ratio: auto !important;
}

/* Minituras selector */
.ddc-featured-template__mini--editorial {
    grid-template-columns: 68% 32% !important;
    grid-template-rows: repeat(2,1fr) !important;
}
.ddc-featured-template__mini--editorial i {
    grid-row: 1 / 3 !important;
}
.ddc-featured-template__mini--visual {
    grid-template-columns: 70% 30% !important;
    grid-template-rows: repeat(2,1fr) !important;
}
.ddc-featured-template__mini--visual i {
    grid-row: 1 / 3 !important;
    background: linear-gradient(160deg,#6d7b8d,#1f2937) !important;
}
.ddc-featured-template__mini--panorama {
    grid-template-columns: repeat(2,1fr) !important;
    grid-template-rows: 58% 42% !important;
}
.ddc-featured-template__mini--panorama i {
    grid-column: 1 / 3 !important;
}

/* Preview responsive */
.ddc-featured-design-stage[data-device="tablet"] .ddc-featured-mock--editorial,
.ddc-featured-design-stage[data-device="tablet"] .ddc-featured-mock--visual {
    grid-template-columns: 1fr !important;
}
.ddc-featured-design-stage[data-device="tablet"] .ddc-featured-mock--editorial .ddc-featured-mock__secondary,
.ddc-featured-design-stage[data-device="tablet"] .ddc-featured-mock--visual .ddc-featured-mock__secondary {
    grid-template-columns: repeat(2,1fr) !important;
    grid-template-rows: auto !important;
}
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock--editorial,
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock--visual,
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock--panorama {
    grid-template-columns: 1fr !important;
}
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock__secondary {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
}
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock--panorama .ddc-featured-mock__secondary .ddc-featured-mock__card {
    grid-template-columns: 1fr !important;
}


/* v1.20.5 · Preview de cantidad 3–6 destacadas */
.ddc-featured-mock__extra {
    display: grid;
    gap: 12px;
    grid-column: 1 / -1;
    margin-top: 12px;
}

.ddc-featured-mock__extra--0 {
    display: none !important;
}

.ddc-featured-mock__extra--1 {
    grid-template-columns: minmax(0, 1fr);
}

.ddc-featured-mock__extra--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ddc-featured-mock__extra--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ddc-featured-mock__extra .ddc-featured-mock__card {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0;
}

.ddc-featured-mock__extra .ddc-featured-mock__media {
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 8.6 !important;
}

.ddc-featured-mock__extra .ddc-featured-mock__body {
    padding: 10px 11px 12px !important;
}

.ddc-featured-mock__extra--1 .ddc-featured-mock__card {
    display: grid !important;
    grid-template-columns: 38% minmax(0, 1fr) !important;
}

.ddc-featured-mock__extra--1 .ddc-featured-mock__media {
    height: 100% !important;
    aspect-ratio: auto !important;
}

.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock__extra,
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock__extra--2,
.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock__extra--3 {
    grid-template-columns: 1fr !important;
}

.ddc-featured-design-stage[data-device="mobile"] .ddc-featured-mock__extra--1 .ddc-featured-mock__card {
    display: flex !important;
}


/* v1.20.6 · Selector / preview de Mosaico editorial */
.ddc-featured-template__mini--panorama {
    display:grid!important;grid-template-columns:48% 26% 26%!important;grid-template-rows:repeat(2,1fr)!important;gap:5px!important
}
.ddc-featured-template__mini--panorama i {grid-column:1!important;grid-row:1/3!important}
.ddc-featured-template__mini--panorama b:nth-of-type(1){grid-column:2!important;grid-row:1!important}
.ddc-featured-template__mini--panorama b:nth-of-type(2){grid-column:3!important;grid-row:1!important}
.ddc-featured-template__mini--panorama::before,
.ddc-featured-template__mini--panorama::after {content:""!important;display:block!important;border-radius:4px;background:#cbd5e1}
.ddc-featured-template__mini--panorama::before {grid-column:2!important;grid-row:2!important}
.ddc-featured-template__mini--panorama::after {grid-column:3!important;grid-row:2!important}

.ddc-featured-design-stage[data-layout="panorama"] .ddc-featured-mock--panorama {
    display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important
}
.ddc-featured-design-stage[data-layout="panorama"] .ddc-featured-mock--panorama > .ddc-featured-mock__secondary,
.ddc-featured-design-stage[data-layout="panorama"] .ddc-featured-mock--panorama > .ddc-featured-mock__extra {display:contents!important}
.ddc-featured-design-stage[data-layout="panorama"] .ddc-featured-mock--panorama > .is-main {grid-column:1/7!important;grid-row:1/5!important;min-height:430px!important}
.ddc-featured-design-stage[data-layout="panorama"] .ddc-featured-mock--panorama > .is-main .ddc-featured-mock__media {min-height:300px!important}
.ddc-featured-design-stage[data-layout="panorama"] .ddc-featured-mock__secondary > .ddc-featured-mock__card:nth-child(1){grid-column:7/10!important;grid-row:1/3!important}
.ddc-featured-design-stage[data-layout="panorama"] .ddc-featured-mock__secondary > .ddc-featured-mock__card:nth-child(2){grid-column:10/13!important;grid-row:1/3!important}
.ddc-featured-design-stage[data-layout="panorama"] [data-ddc-featured-extra-card="1"]{grid-column:7/10!important;grid-row:3/5!important}
.ddc-featured-design-stage[data-layout="panorama"] [data-ddc-featured-extra-card="2"]{grid-column:10/13!important;grid-row:3!important}
.ddc-featured-design-stage[data-layout="panorama"] [data-ddc-featured-extra-card="3"]{grid-column:10/13!important;grid-row:4!important}

.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="3"] .ddc-featured-mock--panorama > .is-main {grid-column:1/8!important;grid-row:1/3!important}
.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="3"] .ddc-featured-mock__secondary > .ddc-featured-mock__card:nth-child(1){grid-column:8/13!important;grid-row:1!important}
.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="3"] .ddc-featured-mock__secondary > .ddc-featured-mock__card:nth-child(2){grid-column:8/13!important;grid-row:2!important}

.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="4"] .ddc-featured-mock--panorama > .is-main {grid-column:1/8!important;grid-row:1/3!important}
.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="4"] .ddc-featured-mock__secondary > .ddc-featured-mock__card:nth-child(1){grid-column:8/10!important;grid-row:1!important}
.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="4"] .ddc-featured-mock__secondary > .ddc-featured-mock__card:nth-child(2){grid-column:10/13!important;grid-row:1!important}
.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="4"] [data-ddc-featured-extra-card="1"]{grid-column:8/13!important;grid-row:2!important}

.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="5"] .ddc-featured-mock--panorama > .is-main {grid-column:1/8!important;grid-row:1/3!important}
.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="5"] .ddc-featured-mock__secondary > .ddc-featured-mock__card:nth-child(1){grid-column:8/10!important;grid-row:1!important}
.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="5"] .ddc-featured-mock__secondary > .ddc-featured-mock__card:nth-child(2){grid-column:10/13!important;grid-row:1!important}
.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="5"] [data-ddc-featured-extra-card="1"]{grid-column:8/10!important;grid-row:2!important}
.ddc-featured-design-stage[data-layout="panorama"][data-featured-count="5"] [data-ddc-featured-extra-card="2"]{grid-column:10/13!important;grid-row:2!important}

.ddc-featured-design-stage[data-layout="panorama"][data-device="tablet"] .ddc-featured-mock--panorama,
.ddc-featured-design-stage[data-layout="panorama"][data-device="mobile"] .ddc-featured-mock--panorama {grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ddc-featured-design-stage[data-layout="panorama"][data-device="tablet"] .ddc-featured-mock--panorama > .ddc-featured-mock__card,
.ddc-featured-design-stage[data-layout="panorama"][data-device="tablet"] .ddc-featured-mock__secondary > .ddc-featured-mock__card,
.ddc-featured-design-stage[data-layout="panorama"][data-device="tablet"] .ddc-featured-mock__extra > .ddc-featured-mock__card {grid-column:auto!important;grid-row:auto!important}
.ddc-featured-design-stage[data-layout="panorama"][data-device="tablet"] .ddc-featured-mock--panorama > .is-main {grid-column:1/-1!important}
.ddc-featured-design-stage[data-layout="panorama"][data-device="mobile"] .ddc-featured-mock--panorama {grid-template-columns:1fr!important}
.ddc-featured-design-stage[data-layout="panorama"][data-device="mobile"] .ddc-featured-mock--panorama > .ddc-featured-mock__card,
.ddc-featured-design-stage[data-layout="panorama"][data-device="mobile"] .ddc-featured-mock__secondary > .ddc-featured-mock__card,
.ddc-featured-design-stage[data-layout="panorama"][data-device="mobile"] .ddc-featured-mock__extra > .ddc-featured-mock__card {grid-column:1!important;grid-row:auto!important}


/* v1.20.9 · Preview Panorama editorial */
.ddc-builder-layout--panorama,
.ddc-layout-live-panorama {
  display: grid;
  grid-template-columns: minmax(0,1.32fr) minmax(110px,.5fr) minmax(110px,.5fr);
  grid-template-rows: repeat(2, auto);
  gap: 12px;
  align-items: start;
}
.ddc-builder-layout--panorama > .is-main,
.ddc-layout-live-panorama > .is-main {
  grid-column: 1;
  grid-row: 1 / span 2;
  padding-right: 12px;
  border-right: 1px solid #d7dee8;
}
.ddc-builder-layout--panorama > .is-main .ddc-builder-card__media,
.ddc-layout-live-panorama > .is-main .ddc-layout-live-card__media {
  min-height: 155px;
  height: 155px;
}
.ddc-builder-layout--panorama > .is-side-1,
.ddc-layout-live-panorama > .is-side-1 {grid-column:2;grid-row:1}
.ddc-builder-layout--panorama > .is-side-2,
.ddc-layout-live-panorama > .is-side-2 {grid-column:3;grid-row:1}
.ddc-builder-layout--panorama > .is-side-3,
.ddc-layout-live-panorama > .is-side-3 {grid-column:2;grid-row:2}
.ddc-builder-layout--panorama > .is-side-4,
.ddc-layout-live-panorama > .is-side-4 {grid-column:3;grid-row:2}
.ddc-builder-layout--panorama > .is-side .ddc-builder-card__media,
.ddc-layout-live-panorama > .is-side .ddc-layout-live-card__media {
  min-height: 62px;
  height: 62px;
}
.ddc-builder-layout--panorama > .is-side strong,
.ddc-layout-live-panorama > .is-side strong {
  font-size: 12px;
  line-height: 1.12;
}
.ddc-builder-layout--panorama > .is-side p,
.ddc-layout-live-panorama > .is-side p {display:none}
@media (max-width:760px){
  .ddc-builder-layout--panorama,
  .ddc-layout-live-panorama{grid-template-columns:1fr 1fr}
  .ddc-builder-layout--panorama > .is-main,
  .ddc-layout-live-panorama > .is-main{grid-column:1/-1;grid-row:1;padding-right:0;border-right:0;border-bottom:1px solid #d7dee8;padding-bottom:12px}
}


/* v1.20.10 - Portada centralizada desde Secciones */
.ddc-section-head__copy{margin:.35rem 0 0;max-width:820px;color:#667085;font-size:13px;line-height:1.45}
.ddc-section-builder-row__portada-state{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #dbe5ee;border-radius:6px;background:#f8fafc;color:#475467;font-size:11px;font-weight:800;white-space:nowrap}

/* v1.20.21 - Centro de Métricas unificado: editorial, publicidad, audiencia y suscripciones. */
.ddc-metrics-shell {
    --ddc-metrics-ink: #111827;
    --ddc-metrics-muted: #667085;
    --ddc-metrics-line: #e5e9f0;
    --ddc-metrics-soft: #f7f9fc;
    --ddc-metrics-accent: #2563eb;
    --ddc-metrics-accent-soft: #eef4ff;
    display: grid;
    gap: 18px;
    min-width: 0;
}

.ddc-metrics-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding: 4px 2px 2px;
}

.ddc-metrics-hero h2 {
    margin: 3px 0 5px;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1;
    letter-spacing: -.045em;
    color: var(--ddc-metrics-ink);
}

.ddc-metrics-hero p {
    margin: 0;
    color: var(--ddc-metrics-muted);
    font-size: 14px;
}

.ddc-metrics-hero__meta {
    min-width: 210px;
    padding: 12px 14px;
    border: 1px solid var(--ddc-metrics-line);
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15,23,42,.04);
}

.ddc-metrics-hero__meta span,
.ddc-metrics-hero__meta strong {
    display: block;
}

.ddc-metrics-hero__meta span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #8a94a6;
    margin-bottom: 4px;
}

.ddc-metrics-hero__meta strong {
    font-size: 13px;
    color: var(--ddc-metrics-ink);
}

.ddc-metrics-tabs {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding: 5px;
    border: 1px solid var(--ddc-metrics-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15,23,42,.035);
    scrollbar-width: thin;
}

.ddc-metrics-tabs a {
    flex: 0 0 auto;
    padding: 9px 14px;
    border-radius: 10px;
    color: #5e6878;
    text-decoration: none;
    font-size: 13px;
    font-weight: 750;
    transition: .16s ease;
}

.ddc-metrics-tabs a:hover {
    background: #f3f5f8;
    color: var(--ddc-metrics-ink);
}

.ddc-metrics-tabs a.is-active {
    background: #111827;
    color: #fff;
    box-shadow: 0 5px 12px rgba(17,24,39,.14);
}

.ddc-metrics-filterbar {
    position: sticky;
    top: 8px;
    z-index: 15;
    display: grid;
    gap: 12px;
    padding: 13px;
    border: 1px solid var(--ddc-metrics-line);
    border-radius: 16px;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(14px);
    box-shadow: 0 12px 32px rgba(15,23,42,.055);
}

.ddc-metrics-periods {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.ddc-metrics-periods button {
    appearance: none;
    border: 0;
    background: transparent;
    color: #667085;
    min-height: 34px;
    padding: 7px 11px;
    border-radius: 9px;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 750;
}

.ddc-metrics-periods button:hover,
.ddc-metrics-periods button.is-active {
    background: #eef2f7;
    color: #111827;
}

.ddc-metrics-periods button.is-active {
    box-shadow: inset 0 0 0 1px #d9e0e9;
}

.ddc-metrics-filterbar__fields {
    display: flex;
    align-items: flex-end;
    gap: 9px;
    flex-wrap: wrap;
}

.ddc-metrics-filterbar__fields label {
    display: grid;
    gap: 5px;
    min-width: 150px;
    margin: 0;
}

.ddc-metrics-filterbar__fields label > span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
    color: #8b95a5;
}

.ddc-metrics-filterbar__fields select,
.ddc-metrics-filterbar__fields input[type="date"] {
    width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #d9e0e9;
    border-radius: 9px;
    background: #fff;
    color: #1f2937;
    font: inherit;
    font-size: 12px;
}

.ddc-metrics-date-field:not(.is-visible) {
    display: none;
}

.ddc-metrics-apply {
    min-height: 38px;
    border-radius: 9px !important;
    padding-inline: 16px !important;
}

.ddc-metrics-reset {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    color: #667085;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}

.ddc-metrics-reset:hover { color: #111827; }

.ddc-metrics-tracking-note {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 14px;
    border: 1px solid #d9e8ff;
    border-radius: 12px;
    background: #f6f9ff;
    color: #31517d;
}

.ddc-metrics-tracking-note > span {
    color: #2f6feb;
    font-size: 9px;
}

.ddc-metrics-tracking-note strong,
.ddc-metrics-tracking-note small {
    display: block;
}

.ddc-metrics-tracking-note strong {
    color: #24436d;
    font-size: 12px;
    margin-bottom: 2px;
}

.ddc-metrics-tracking-note small {
    color: #667892;
    font-size: 11px;
    line-height: 1.4;
}

.ddc-metrics-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ddc-metrics-kpis--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ddc-metrics-kpis--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.ddc-metrics-kpi {
    min-width: 0;
    padding: 17px;
    border: 1px solid var(--ddc-metrics-line);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(15,23,42,.035);
    overflow: hidden;
}

.ddc-metrics-kpi--primary {
    border-color: #cddcff;
    background: linear-gradient(145deg, #f8fbff 0%, #edf4ff 100%);
}

.ddc-metrics-kpi > span,
.ddc-metrics-kpi > strong,
.ddc-metrics-kpi > small {
    display: block;
}

.ddc-metrics-kpi > span {
    color: #6b7280;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .015em;
    margin-bottom: 9px;
}

.ddc-metrics-kpi > strong {
    color: var(--ddc-metrics-ink);
    font-size: clamp(25px, 2.2vw, 34px);
    line-height: .95;
    letter-spacing: -.045em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ddc-metrics-kpi > small {
    margin-top: 9px;
    color: #8a94a6;
    font-size: 10.5px;
    line-height: 1.35;
}

.ddc-metrics-kpi > small a {
    color: #3866ab;
    text-decoration: none;
}

.ddc-metrics-trend.is-up { color: #067647; }
.ddc-metrics-trend.is-down { color: #b42318; }
.ddc-metrics-trend.is-flat { color: #667085; }

.ddc-metrics-grid {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.ddc-metrics-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ddc-metrics-grid--wide { grid-template-columns: minmax(0, 1fr); }

.ddc-metrics-card {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--ddc-metrics-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15,23,42,.035);
}

.ddc-metrics-card--chart { padding-bottom: 13px; }

.ddc-metrics-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}

.ddc-metrics-card__head span,
.ddc-metrics-card__head h3,
.ddc-metrics-card__head p {
    display: block;
    margin: 0;
}

.ddc-metrics-card__head span {
    color: #8d96a5;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .1em;
}

.ddc-metrics-card__head h3 {
    margin-top: 4px;
    color: #172033;
    font-size: 17px;
    line-height: 1.15;
    letter-spacing: -.02em;
}

.ddc-metrics-card__head p {
    margin-top: 4px;
    color: #8892a2;
    font-size: 11px;
    line-height: 1.4;
}

.ddc-metrics-card__head > a {
    flex: 0 0 auto;
    color: #3b68a7;
    text-decoration: none;
    font-size: 11px;
    font-weight: 750;
    margin-top: 5px;
}

.ddc-metrics-chart {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 20px;
    scrollbar-width: thin;
}

.ddc-metrics-chart__plot {
    height: 235px;
    min-width: max(100%, 580px);
    display: flex;
    align-items: stretch;
    gap: 4px;
    padding: 0 4px 0;
    border-bottom: 1px solid #e8ecf2;
    background-image: linear-gradient(to bottom, transparent 24%, #f2f4f7 25%, transparent 25%, transparent 49%, #f2f4f7 50%, transparent 50%, transparent 74%, #f2f4f7 75%, transparent 75%);
}

.ddc-metrics-chart__day {
    position: relative;
    flex: 1 1 0;
    min-width: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
}

.ddc-metrics-chart__day i {
    display: block;
    width: min(100%, 22px);
    min-height: 2px;
    border-radius: 5px 5px 1px 1px;
    background: linear-gradient(180deg, #4f83e8 0%, #2f66c5 100%);
    box-shadow: 0 3px 8px rgba(47,102,197,.13);
}

.ddc-metrics-chart__value {
    position: absolute;
    bottom: calc(var(--bar-height, 0) + 20px);
    opacity: 0;
    pointer-events: none;
    font-size: 9px;
    color: #64748b;
}

.ddc-metrics-chart__day small {
    height: 14px;
    white-space: nowrap;
    color: #98a1af;
    font-size: 8.5px;
    transform: translateY(19px);
}

.ddc-metrics-ranking {
    display: grid;
    gap: 4px;
}

.ddc-metrics-ranking article {
    display: grid;
    grid-template-columns: 22px 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 9px 0;
    border-bottom: 1px solid #f0f2f5;
}

.ddc-metrics-ranking article:last-child { border-bottom: 0; }

.ddc-metrics-ranking article > b {
    color: #a1a9b6;
    font-size: 11px;
}

.ddc-metrics-ranking__thumb {
    width: 44px;
    height: 36px;
    border-radius: 8px;
    overflow: hidden;
    background: #eef2f7;
    display: grid;
    place-items: center;
}

.ddc-metrics-ranking__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ddc-metrics-ranking__thumb span {
    font-size: 14px;
    font-weight: 850;
    color: #667085;
}

.ddc-metrics-ranking article > div:nth-child(3) {
    min-width: 0;
}

.ddc-metrics-ranking article strong,
.ddc-metrics-ranking article small {
    display: block;
}

.ddc-metrics-ranking article strong {
    color: #253047;
    font-size: 11.5px;
    line-height: 1.28;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ddc-metrics-ranking article small {
    margin-top: 3px;
    color: #99a1ae;
    font-size: 9.5px;
}

.ddc-metrics-ranking article em {
    font-style: normal;
    font-weight: 800;
    color: #263a59;
    font-size: 11px;
}

.ddc-metrics-progress-list {
    display: grid;
    gap: 12px;
}

.ddc-metrics-progress-list > div > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.ddc-metrics-progress-list strong {
    color: #30394a;
    font-size: 11px;
}

.ddc-metrics-progress-list span {
    color: #8b95a5;
    font-size: 9.5px;
}

.ddc-metrics-progress-list i,
.ddc-metrics-device-grid--large article i {
    display: block;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef1f5;
}

.ddc-metrics-progress-list i b,
.ddc-metrics-device-grid--large article i b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #7898cc;
}

.ddc-metrics-device-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.ddc-metrics-device-grid article {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 11px;
    border: 1px solid #edf0f4;
    border-radius: 12px;
    background: #fafbfc;
}

.ddc-metrics-device-grid article > span {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #eef3fb;
    color: #4e6f9d;
    font-size: 16px;
}

.ddc-metrics-device-grid article strong,
.ddc-metrics-device-grid article small {
    display: block;
}

.ddc-metrics-device-grid article strong {
    color: #2e394b;
    font-size: 11px;
}

.ddc-metrics-device-grid article small {
    margin-top: 2px;
    color: #929ba8;
    font-size: 9px;
}

.ddc-metrics-device-grid article em {
    font-style: normal;
    font-size: 11px;
    font-weight: 800;
    color: #4b5f7c;
}

.ddc-metrics-device-grid--large article {
    padding: 15px;
}

.ddc-metrics-device-grid--large article > div {
    display: grid;
    gap: 5px;
}

.ddc-metrics-mini-table {
    display: grid;
}

.ddc-metrics-mini-table > div {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f2f5;
}

.ddc-metrics-mini-table > div:last-child { border-bottom: 0; }

.ddc-metrics-mini-table span strong,
.ddc-metrics-mini-table span small {
    display: block;
}

.ddc-metrics-mini-table span strong {
    color: #30394a;
    font-size: 11px;
}

.ddc-metrics-mini-table span small {
    color: #979fac;
    font-size: 9px;
    margin-top: 2px;
}

.ddc-metrics-mini-table b,
.ddc-metrics-mini-table em {
    font-size: 10px;
}

.ddc-metrics-mini-table b { color: #2c3e58; }
.ddc-metrics-mini-table em { font-style: normal; color: #8b95a5; }

.ddc-metrics-highlight {
    min-height: 142px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 18px;
    border-radius: 13px;
    background: linear-gradient(145deg,#f8fbff,#eff5ff);
}

.ddc-metrics-highlight strong {
    font-size: 34px;
    line-height: 1;
    letter-spacing: -.045em;
    color: #183a6a;
}

.ddc-metrics-highlight span {
    margin-top: 6px;
    color: #385779;
    font-size: 12px;
    font-weight: 700;
}

.ddc-metrics-highlight small {
    margin-top: 9px;
    color: #72839b;
    font-size: 10px;
}

.ddc-metrics-table-wrap { overflow: auto; }

.ddc-metrics-table {
    min-width: 720px;
}

.ddc-metrics-table th {
    color: #7e8999;
    font-size: 9px;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.ddc-metrics-table td {
    color: #4b5565;
    font-size: 10.5px;
    vertical-align: middle;
}

.ddc-metrics-table td > strong,
.ddc-metrics-table td > small {
    display: block;
}

.ddc-metrics-table td > small {
    margin-top: 2px;
    color: #9ba3af;
}

.ddc-metrics-rank {
    display: inline-grid;
    place-items: center;
    min-width: 28px;
    height: 25px;
    border-radius: 8px;
    background: #f0f3f7;
    color: #687386;
    font-size: 9px;
    font-weight: 850;
}

.ddc-metrics-news-cell {
    display: grid;
    grid-template-columns: 50px minmax(170px,1fr);
    align-items: center;
    gap: 10px;
    min-width: 260px;
}

.ddc-metrics-news-cell > div {
    width: 50px;
    height: 38px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 8px;
    background: #eef2f6;
    color: #667085;
    font-weight: 850;
}

.ddc-metrics-news-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ddc-metrics-news-cell strong {
    color: #263246;
    font-size: 11px;
    line-height: 1.3;
}

.ddc-metrics-subscription-days {
    max-height: 340px;
    overflow: auto;
    display: grid;
}

.ddc-metrics-subscription-days > div {
    display: grid;
    grid-template-columns: 90px minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f2f5;
}

.ddc-metrics-subscription-days > div:last-child { border-bottom: 0; }
.ddc-metrics-subscription-days span { color:#8b95a5;font-size:10px; }
.ddc-metrics-subscription-days strong { color:#30394a;font-size:10.5px; }
.ddc-metrics-subscription-days em { color:#3f5f8d;font-size:10.5px;font-style:normal;font-weight:800; }

.ddc-metrics-empty {
    padding: 22px 12px;
    color: #9099a8;
    font-size: 11px;
    text-align: center;
    border: 1px dashed #e1e5eb;
    border-radius: 11px;
    background: #fafbfc;
}

@media (max-width: 1280px) {
    .ddc-metrics-kpis,
    .ddc-metrics-kpis--5,
    .ddc-metrics-kpis--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .ddc-metrics-device-grid { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
    .ddc-metrics-grid--2 { grid-template-columns: 1fr; }
    .ddc-metrics-filterbar { position: static; }
    .ddc-metrics-filterbar__fields label { flex: 1 1 180px; }
}

@media (max-width: 680px) {
    .ddc-metrics-shell { gap: 13px; }
    .ddc-metrics-hero { align-items: flex-start; flex-direction: column; gap: 11px; }
    .ddc-metrics-hero__meta { width: 100%; min-width: 0; }
    .ddc-metrics-tabs { margin-inline: -2px; }
    .ddc-metrics-filterbar { padding: 10px; }
    .ddc-metrics-periods { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; }
    .ddc-metrics-filterbar__fields { display: grid; grid-template-columns: 1fr 1fr; }
    .ddc-metrics-filterbar__fields label { min-width: 0; width: 100%; }
    .ddc-metrics-filterbar__fields label:nth-of-type(n+3) { grid-column: span 2; }
    .ddc-metrics-apply { width: 100%; grid-column: 1 / -1; }
    .ddc-metrics-reset { justify-content: center; grid-column: 1 / -1; }
    .ddc-metrics-kpis,
    .ddc-metrics-kpis--5,
    .ddc-metrics-kpis--4 { grid-template-columns: 1fr 1fr; gap: 8px; }
    .ddc-metrics-kpi { padding: 13px; }
    .ddc-metrics-kpi > strong { font-size: 25px; }
    .ddc-metrics-card { padding: 14px; }
    .ddc-metrics-card__head { margin-bottom: 12px; }
    .ddc-metrics-chart__plot { height: 205px; }
    .ddc-metrics-ranking article { grid-template-columns: 18px 38px minmax(0,1fr) auto; gap: 7px; }
    .ddc-metrics-ranking__thumb { width:38px;height:32px; }
    .ddc-metrics-mini-table > div { grid-template-columns: minmax(0,1fr) auto; }
    .ddc-metrics-mini-table > div > em { display:none; }
}

@media (max-width: 440px) {
    .ddc-metrics-kpis,
    .ddc-metrics-kpis--5,
    .ddc-metrics-kpis--4 { grid-template-columns: 1fr; }
    .ddc-metrics-filterbar__fields { grid-template-columns: 1fr; }
    .ddc-metrics-filterbar__fields label,
    .ddc-metrics-filterbar__fields label:nth-of-type(n+3),
    .ddc-metrics-apply,
    .ddc-metrics-reset { grid-column: 1; }
}

/* v1.20.25 · Módulo comercial Boletines / Mailing */
.ddc-nav a.is-module-disabled{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:rgba(255,255,255,.64);
    border:1px dashed rgba(255,255,255,.10);
}
.ddc-nav a.is-module-disabled:hover,
.ddc-nav a.is-module-disabled.active{
    color:#fff;
    border-color:rgba(255,255,255,.18);
}
.ddc-nav-module-state{
    flex:0 0 auto;
    padding:3px 6px;
    border-radius:6px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.72);
    font-size:9px;
    font-weight:800;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.ddc-mailing-page{display:grid;gap:16px}
.ddc-mailing-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:24px;
    background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);
}
.ddc-mailing-hero__copy{max-width:720px}
.ddc-mailing-hero h2{margin:8px 0 6px;font-size:27px;letter-spacing:-.02em}
.ddc-mailing-hero p{margin:0;color:var(--ddc-muted);line-height:1.55}
.ddc-module-state{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:7px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.ddc-module-state.is-off{background:#f2f4f7;color:#667085;border:1px solid #e4e7ec}
.ddc-module-state.is-on{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}
.ddc-mailing-hero__status{min-width:260px;padding:16px;border:1px solid #dbe4ef;border-radius:14px;background:#fff}
.ddc-mailing-hero__status strong,.ddc-mailing-hero__status span{display:block}
.ddc-mailing-hero__status strong{font-size:14px;color:var(--ddc-text);margin-bottom:5px}
.ddc-mailing-hero__status span{font-size:12px;color:var(--ddc-muted);line-height:1.45}
.ddc-mailing-lock-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:start;padding:24px}
.ddc-mailing-lock-card__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#f2f4f7;border:1px solid #e4e7ec;font-size:28px}
.ddc-mailing-lock-card h3{margin:0 0 8px;font-size:20px}
.ddc-mailing-lock-card p{max-width:760px;margin:0 0 14px;color:var(--ddc-muted);line-height:1.55}
.ddc-mailing-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;margin:0 0 18px;padding:0;list-style:none}
.ddc-mailing-feature-list li{position:relative;padding-left:20px;color:#344054;font-size:13px;line-height:1.45}
.ddc-mailing-feature-list li::before{content:'✓';position:absolute;left:0;top:0;color:#1570ef;font-weight:900}
.ddc-mailing-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ddc-mailing-dashboard-grid .ddc-card{padding:20px}
.ddc-card-kicker{display:block;margin-bottom:8px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.ddc-mailing-dashboard-grid h3{margin:0 0 12px;font-size:17px}
.ddc-mailing-value{display:block;margin-bottom:6px;font-size:23px;letter-spacing:-.02em;color:var(--ddc-text)}
.ddc-mailing-dashboard-grid p,.ddc-mailing-coming-next p{margin:0;color:var(--ddc-muted);line-height:1.5}
@media(max-width:900px){
    .ddc-mailing-hero{align-items:flex-start;flex-direction:column}
    .ddc-mailing-hero__status{min-width:0;width:100%}
    .ddc-mailing-dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
    .ddc-mailing-lock-card{grid-template-columns:1fr;padding:18px}
    .ddc-mailing-feature-list{grid-template-columns:1fr}
    .ddc-mailing-hero{padding:18px}
    .ddc-mailing-hero h2{font-size:23px}
}

/* v1.20.28 - Cierre de Métricas: herramientas, búsqueda y exportación */
.ddc-metrics-hero__tools{display:flex;align-items:stretch;gap:9px;flex:0 0 auto}
.ddc-metrics-hero__meta small{display:block;margin-top:5px;color:#98a2b3;font-size:9px;line-height:1.3}
.ddc-metrics-export-form{display:flex;align-items:stretch;margin:0}
.ddc-metrics-export{height:100%;min-height:58px;border-radius:12px!important;white-space:nowrap}
.ddc-metrics-filterbar__fields input[type="search"]{width:100%;min-height:38px;padding:7px 10px;border:1px solid #d9e0e9;border-radius:9px;background:#fff;color:#1f2937;font:inherit;font-size:12px}
.ddc-metrics-search-field{min-width:210px!important}
@media(max-width:680px){
    .ddc-metrics-hero__tools{width:100%;display:grid;grid-template-columns:1fr}
    .ddc-metrics-export-form{width:100%}.ddc-metrics-export{width:100%;min-height:40px}
}

/* v1.20.29 · Sidebar editorial moderno con iconografía y grupos */
.ddc-sidebar{
    --ddc-sidebar-accent:#5eead4;
    --ddc-sidebar-muted:rgba(255,255,255,.58);
}
.ddc-nav{
    gap:14px;
}
.ddc-nav-group{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.ddc-nav-group--primary{
    gap:6px;
}
.ddc-nav-group-title{
    margin:3px 10px -5px;
    color:rgba(255,255,255,.38);
    font-size:10px;
    line-height:1;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.105em;
}
.ddc-nav .ddc-nav-link{
    position:relative;
    display:grid;
    grid-template-columns:22px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:44px;
    padding:9px 11px;
    border:1px solid transparent;
    border-radius:12px;
    color:rgba(255,255,255,.76);
    font-size:13px;
    font-weight:680;
    line-height:1.2;
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.ddc-nav .ddc-nav-link::before{
    content:'';
    position:absolute;
    left:-1px;
    top:10px;
    bottom:10px;
    width:3px;
    border-radius:0 3px 3px 0;
    background:transparent;
    transition:background .16s ease;
}
.ddc-nav .ddc-nav-link:hover{
    background:rgba(255,255,255,.075);
    border-color:rgba(255,255,255,.06);
    color:#fff;
    transform:translateX(1px);
}
.ddc-nav .ddc-nav-link.active{
    background:linear-gradient(90deg,rgba(94,234,212,.13),rgba(255,255,255,.095));
    border-color:rgba(94,234,212,.14);
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.ddc-nav .ddc-nav-link.active::before{
    background:var(--ddc-sidebar-accent);
}
.ddc-nav-link__icon{
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    color:rgba(255,255,255,.52);
    transition:color .16s ease,transform .16s ease;
}
.ddc-nav-link__icon svg{
    width:19px;
    height:19px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.ddc-nav .ddc-nav-link:hover .ddc-nav-link__icon{
    color:rgba(255,255,255,.88);
}
.ddc-nav .ddc-nav-link.active .ddc-nav-link__icon{
    color:var(--ddc-sidebar-accent);
}
.ddc-nav-link__label{
    min-width:0;
}
.ddc-nav .ddc-nav-link.is-module-disabled{
    display:grid;
    grid-template-columns:22px minmax(0,1fr) auto;
    color:rgba(255,255,255,.58);
    border:1px dashed rgba(255,255,255,.10);
    background:rgba(255,255,255,.018);
}
.ddc-nav .ddc-nav-link.is-module-disabled:hover,
.ddc-nav .ddc-nav-link.is-module-disabled.active{
    color:#fff;
    border-color:rgba(94,234,212,.16);
}
.ddc-nav .ddc-nav-link.is-module-disabled .ddc-nav-link__icon{
    color:rgba(255,255,255,.38);
}
.ddc-nav-module-state{
    padding:4px 7px;
    border-radius:7px;
    background:rgba(148,163,184,.14);
    color:rgba(226,232,240,.72);
    font-size:8px;
    font-weight:850;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.055em;
    white-space:nowrap;
}
@media(max-width:980px){
    .ddc-nav{
        flex-direction:row;
        align-items:center;
        gap:6px;
        overflow-x:auto;
        padding-bottom:5px;
    }
    .ddc-nav-group-title{display:none}
    .ddc-nav-group{
        flex:0 0 auto;
        flex-direction:row;
        gap:6px;
    }
    .ddc-nav .ddc-nav-link{
        grid-template-columns:18px auto auto;
        min-height:38px;
        white-space:nowrap;
        padding:8px 10px;
    }
    .ddc-nav .ddc-nav-link::before{display:none}
    .ddc-nav-link__icon{width:17px;height:17px}
    .ddc-nav-link__icon svg{width:17px;height:17px}
}
@media(max-width:760px){
    .ddc-nav{gap:5px;margin:0 -4px;padding:0 4px 4px}
    .ddc-nav-group{gap:5px}
    .ddc-nav .ddc-nav-link{
        min-height:36px;
        grid-template-columns:17px auto auto;
        gap:7px;
        padding:7px 9px;
        border-radius:10px;
        font-size:11px;
    }
    .ddc-nav-module-state{display:none}
}

/* v1.20.30 - Diagnóstico de entrega AdSense */
.ddc-adsense-runtime-card{display:grid;gap:14px}
.ddc-adsense-runtime-summary{display:flex;align-items:flex-start;gap:14px;padding:16px;border:1px solid #dbe3ef;border-radius:14px;background:#fff}
.ddc-adsense-runtime-summary>div{display:grid;gap:4px;min-width:0}
.ddc-adsense-runtime-summary strong{color:#0f172a;font-size:14px}
.ddc-adsense-runtime-summary p{margin:0;color:#64748b;font-size:12px;line-height:1.45}
.ddc-adsense-runtime-status{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:#eef2f7;color:#475569}
.ddc-adsense-runtime-status.is-ok{background:#dcfce7;color:#166534}.ddc-adsense-runtime-status.is-warning{background:#fff7d6;color:#8a5a00}.ddc-adsense-runtime-status.is-error{background:#fee2e2;color:#991b1b}.ddc-adsense-runtime-status.is-pending{background:#e8f0ff;color:#1849a9}
.ddc-adsense-runtime-meta{padding:9px 12px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.ddc-adsense-runtime-list{display:grid;gap:8px}
.ddc-adsense-runtime-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}
.ddc-adsense-runtime-item>div{display:grid;gap:2px;min-width:0}.ddc-adsense-runtime-item strong{font-size:12px;color:#0f172a}.ddc-adsense-runtime-item small{color:#64748b;font-size:10px;overflow-wrap:anywhere}.ddc-adsense-runtime-item>b{font-size:9px;text-transform:uppercase;letter-spacing:.04em}.ddc-adsense-runtime-item>b.is-ok{color:#15803d}.ddc-adsense-runtime-item>b.is-warning{color:#a16207}.ddc-adsense-runtime-item>b.is-error{color:#b91c1c}.ddc-adsense-runtime-item>b.is-pending{color:#1d4ed8}
.ddc-adsense-runtime-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.ddc-adsense-runtime-dot.is-ok{background:#22c55e}.ddc-adsense-runtime-dot.is-warning{background:#f59e0b}.ddc-adsense-runtime-dot.is-error{background:#ef4444}.ddc-adsense-runtime-dot.is-pending{background:#3b82f6}
@media(max-width:680px){.ddc-adsense-runtime-summary{display:grid}.ddc-adsense-runtime-item{grid-template-columns:10px minmax(0,1fr)}.ddc-adsense-runtime-item>b{grid-column:2}}

/* v1.20.31 - Conflictos de integración AdSense */
.ddc-adsense-runtime-conflict{
    display:grid;
    gap:4px;
    margin-top:12px;
    padding:13px 14px;
    border:1px solid #f3c78e;
    border-left:4px solid #d97706;
    border-radius:11px;
    background:#fff8eb;
    color:#7c2d12;
}
.ddc-adsense-runtime-conflict[hidden]{display:none!important}
.ddc-adsense-runtime-conflict strong{font-size:12px;color:#9a3412}
.ddc-adsense-runtime-conflict span{font-size:11px;line-height:1.45;color:#92400e}

/* v1.20.34 - Campos de tipo publicitario: respetar hidden aun con estilos de formulario. */
[data-ddc-ad-type-section][hidden]{display:none!important}

/* v1.20.38 · Auditoría integral: cambios, accesos y errores */
.ddc-audit-filters{grid-template-columns:125px 135px 135px 170px 170px minmax(220px,1fr) auto}
.ddc-audit-type,.ddc-audit-result{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}
.ddc-audit-type.is-changes{background:#eef4ff;color:#1849a9}.ddc-audit-type.is-accesses{background:#ecfdf3;color:#027a48}.ddc-audit-type.is-errors{background:#fff1f0;color:#b42318}
.ddc-audit-result.is-success{background:#ecfdf3;color:#027a48}.ddc-audit-result.is-failed{background:#fff1f0;color:#b42318}.ddc-audit-result.is-denied{background:#fffaeb;color:#b54708}
.ddc-audit-event.is-access .ddc-audit-event__main{border-left-color:#12b76a}
.ddc-audit-event.is-access .ddc-audit-area{background:#f0fdf4;color:#027a48}
@media(max-width:1320px){.ddc-audit-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.ddc-audit-search{grid-column:span 2}.ddc-audit-filter-actions{align-self:end}}
@media(max-width:860px){.ddc-audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ddc-audit-search{grid-column:1/-1}}
@media(max-width:560px){.ddc-audit-filters{grid-template-columns:1fr}.ddc-audit-search{grid-column:auto}.ddc-audit-event__top>div{gap:6px}}

/* v1.20.43 · Auditoría por ámbito */
.ddc-audit-filters.has-scope{grid-template-columns:155px 125px 135px 135px 160px 160px minmax(220px,1fr) auto}
@media(max-width:1450px){.ddc-audit-filters.has-scope{grid-template-columns:repeat(4,minmax(0,1fr))}.ddc-audit-filters.has-scope .ddc-audit-search{grid-column:span 2}}
@media(max-width:860px){.ddc-audit-filters.has-scope{grid-template-columns:repeat(2,minmax(0,1fr))}.ddc-audit-filters.has-scope .ddc-audit-search{grid-column:1/-1}}
@media(max-width:560px){.ddc-audit-filters.has-scope{grid-template-columns:1fr}.ddc-audit-filters.has-scope .ddc-audit-search{grid-column:auto}}

/* v1.20.45 - accesos visibles a guías operativas */
.ddc-help-operational-callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 18px;
    padding: 16px 18px;
    background: #f8fafc;
}
.ddc-help-operational-callout > div {
    min-width: 0;
}
.ddc-help-operational-callout strong {
    display: block;
    color: var(--ddc-text);
    font-size: 14px;
    margin-bottom: 4px;
}
.ddc-help-operational-callout p {
    margin: 0;
    line-height: 1.55;
}
.ddc-help-operational-callout .ddc-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}
@media (max-width: 760px) {
    .ddc-help-operational-callout {
        align-items: stretch;
        flex-direction: column;
    }
    .ddc-help-operational-callout .ddc-btn {
        width: 100%;
        justify-content: center;
    }
}

/* v1.20.48 - Tutoriales en video dentro de la Guía */
.ddc-help-manage-tutorials{border-color:#cfe0f5;background:#f4f8ff;color:#244d7e}
.ddc-help-video-count{display:inline-flex;align-items:center;width:fit-content;margin-top:2px;padding:3px 7px;border-radius:7px;background:#f3f6fa;color:#52627a;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.01em}
.ddc-help-tutorials{display:grid;gap:12px;margin:0;border-bottom:1px solid #edf1f6;padding:18px 22px;background:#fbfdff}
.ddc-help-article>.ddc-help-tutorials{border:1px solid #dfe6ef;border-radius:15px;background:#fff}
.ddc-help-tutorials__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.ddc-help-tutorials__head>div{display:grid;gap:3px}
.ddc-help-video-eyebrow{color:#4a678e;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.ddc-help-tutorials__head h4{margin:0;color:#15243b;font-size:16px;line-height:1.2}
.ddc-help-tutorials__head small{color:#7b8798;font-size:11px;font-weight:700}
.ddc-help-tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ddc-help-tutorial-card{overflow:hidden;border:1px solid #dfe6ef;border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(15,31,54,.04)}
.ddc-help-tutorial-card.is-featured{border-color:#bed5ef;box-shadow:0 6px 18px rgba(38,91,153,.09)}
.ddc-help-tutorial-card__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#17243a,#253d61)}
.ddc-help-tutorial-card__media iframe{display:block;width:100%;height:100%;border:0}
.ddc-help-tutorial-play{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;overflow:hidden;text-decoration:none}
.ddc-help-tutorial-play img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease,filter .22s ease}
.ddc-help-tutorial-play::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,16,31,.04),rgba(5,16,31,.28));pointer-events:none}
.ddc-help-tutorial-play:hover img{transform:scale(1.025);filter:brightness(.9)}
.ddc-help-tutorial-play__icon{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:54px;height:54px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(12,26,47,.86);color:#fff;font-size:17px;box-shadow:0 8px 26px rgba(0,0,0,.22)}
.ddc-help-tutorial-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.34);font-size:28px;font-weight:950;letter-spacing:.16em}
.ddc-help-tutorial-card__body{display:grid;gap:7px;padding:13px 14px 15px}
.ddc-help-tutorial-card__meta{display:flex;flex-wrap:wrap;gap:5px}
.ddc-help-tutorial-card__meta span{padding:3px 6px;border-radius:6px;background:#f1f4f8;color:#66758a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.ddc-help-tutorial-card__meta span.is-featured{background:#eaf3ff;color:#285d9b}
.ddc-help-tutorial-card__body h5{margin:0;color:#15243b;font-size:14px;line-height:1.3}
.ddc-help-tutorial-card__body p{margin:0;color:#68778c;font-size:11px;line-height:1.5}

.ddc-help-tutorial-admin-hero{margin-bottom:16px}
.ddc-help-tutorial-admin-layout{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);gap:16px;align-items:start}
.ddc-help-tutorial-form-card,.ddc-help-tutorial-library-card{padding:0;overflow:hidden}
.ddc-help-tutorial-form-card .ddc-section-head,.ddc-help-tutorial-library-card .ddc-section-head{padding:20px 21px;margin:0;border-bottom:1px solid #edf1f6;background:#fbfcfe}
.ddc-help-tutorial-form-card .ddc-section-head h2,.ddc-help-tutorial-library-card .ddc-section-head h2{margin:3px 0 4px;font-size:20px}
.ddc-help-tutorial-form-card .ddc-section-head p,.ddc-help-tutorial-library-card .ddc-section-head p{margin:0;color:#6d7b8f;font-size:12px;line-height:1.45}
.ddc-help-tutorial-form{display:grid;gap:14px;padding:20px 21px}
.ddc-help-tutorial-form .ddc-field{display:grid;gap:6px}
.ddc-help-tutorial-form .ddc-field>span{color:#24334d;font-size:12px;font-weight:800}
.ddc-help-tutorial-form .ddc-field>span b{color:#c34747}
.ddc-help-tutorial-form .ddc-field small{color:#7b8798;font-size:10px;line-height:1.4}
.ddc-help-tutorial-form .ddc-field input,.ddc-help-tutorial-form .ddc-field textarea,.ddc-help-tutorial-form .ddc-field select{width:100%}
.ddc-help-tutorial-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ddc-help-tutorial-form-grid--3{grid-template-columns:.7fr .7fr 1fr}
.ddc-help-tutorial-featured{padding:11px 12px;border:1px solid #dfe6ef;border-radius:10px;background:#fbfcfe}
.ddc-help-tutorial-featured span{display:grid;gap:2px}
.ddc-help-tutorial-featured strong{font-size:12px;color:#24334d}
.ddc-help-tutorial-featured small{font-size:10px;color:#78869a}
.ddc-help-tutorial-form-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}
.ddc-help-tutorial-empty{display:grid;gap:4px;padding:30px 22px;text-align:center;color:#66758a}
.ddc-help-tutorial-empty strong{color:#24334d;font-size:15px}
.ddc-help-tutorial-empty span{font-size:12px}
.ddc-help-tutorial-admin-list{display:grid;gap:0}
.ddc-help-tutorial-admin-item{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 17px;border-bottom:1px solid #edf1f6}
.ddc-help-tutorial-admin-item:last-child{border-bottom:0}
.ddc-help-tutorial-admin-item.is-hidden{background:#fbfbfc;opacity:.82}
.ddc-help-tutorial-admin-item__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:9px;background:linear-gradient(135deg,#17243a,#253d61)}
.ddc-help-tutorial-admin-item__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ddc-help-tutorial-admin-item__thumb>span{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.42);font-size:11px;font-weight:900;letter-spacing:.12em}
.ddc-help-tutorial-admin-item__thumb>b{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:32px;height:32px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(12,26,47,.86);color:#fff;font-size:11px}
.ddc-help-tutorial-admin-item__body{display:grid;gap:5px;min-width:0}
.ddc-help-tutorial-admin-item__body>strong{color:#17243a;font-size:13px;line-height:1.25}
.ddc-help-tutorial-admin-item__body>small{color:#78869a;font-size:10px;line-height:1.35}
.ddc-help-tutorial-admin-item__body>p{margin:0;color:#68778c;font-size:11px;line-height:1.4}
.ddc-help-tutorial-admin-item__badges{display:flex;flex-wrap:wrap;gap:4px}
.ddc-help-tutorial-admin-item__badges span{padding:3px 6px;border-radius:6px;background:#f1f4f8;color:#66758a;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.ddc-help-tutorial-admin-item__badges span.is-published{background:#eaf8f0;color:#2d7650}
.ddc-help-tutorial-admin-item__badges span.is-hidden{background:#f2f4f7;color:#667085}
.ddc-help-tutorial-admin-item__badges span.is-featured{background:#eaf3ff;color:#285d9b}
.ddc-help-tutorial-admin-item__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:190px}
.ddc-help-tutorial-admin-item__actions form{margin:0}

@media(max-width:1100px){.ddc-help-tutorial-admin-layout{grid-template-columns:1fr}.ddc-help-tutorial-form-card{order:1}.ddc-help-tutorial-library-card{order:2}}
@media(max-width:720px){.ddc-help-tutorial-grid{grid-template-columns:1fr}.ddc-help-tutorials{padding:15px 17px}.ddc-help-tutorials__head{align-items:flex-start}.ddc-help-tutorial-form-grid,.ddc-help-tutorial-form-grid--3{grid-template-columns:1fr}.ddc-help-tutorial-admin-item{grid-template-columns:96px minmax(0,1fr)}.ddc-help-tutorial-admin-item__actions{grid-column:1/-1;max-width:none;justify-content:flex-start}.ddc-help-tutorial-admin-item__actions .ddc-btn{flex:1;justify-content:center}}
@media print{.ddc-help-tutorials{break-inside:avoid}.ddc-help-tutorial-play__icon{display:none}.ddc-help-tutorial-admin-layout,.ddc-help-manage-tutorials{display:none!important}}

/* === v1.20.66 · UX visual Portada y secciones (sin cambios funcionales) === */
.ddc-design-config-map{display:grid;grid-template-columns:1fr repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:12px;border:1px solid #dbe4ee;border-radius:16px;background:#f8fafc}
.ddc-design-config-map__intro{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px 10px}.ddc-design-config-map__intro strong{font-size:14px;color:#101828}.ddc-design-config-map__intro span{font-size:11px;line-height:1.45;color:#667085}
.ddc-design-config-map__item{appearance:none;-webkit-appearance:none;width:100%;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:9px;row-gap:3px;align-items:start;text-align:left;padding:10px 11px;border:1px solid #e1e7ef;border-radius:12px;background:#fff;color:#101828;text-decoration:none;cursor:pointer;transition:.16s ease;font:inherit}
.ddc-design-config-map__item:hover{border-color:#98a2b3;box-shadow:0 6px 16px rgba(15,23,42,.06);transform:translateY(-1px)}
.ddc-design-config-map__item>b{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#101828;color:#fff;font-size:12px}
.ddc-design-config-map__item>span{display:grid;gap:2px;min-width:0}.ddc-design-config-map__item>span strong{font-size:12px}.ddc-design-config-map__item>span small{font-size:10.5px;line-height:1.35;color:#667085;font-weight:500}
.ddc-design-config-map__item>em{grid-column:2;font-style:normal;font-size:10px;font-weight:850;color:#175cd3}

#ddc-design-home-blocks,#ddc-design-global-style,#ddc-design-global-card-style,#ddc-design-typography{scroll-margin-top:150px}
.ddc-section-builder__head-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ddc-section-builder__view-actions{display:flex;gap:6px}.ddc-section-builder__view-actions .ddc-btn{background:#fff}

.ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__top{grid-template-columns:34px 12px minmax(180px,1.35fr) minmax(150px,.75fr) auto auto auto}
.ddc-section-builder-row--special.has-ux-toggle .ddc-section-builder-row__top{grid-template-columns:34px 34px minmax(180px,1.35fr) minmax(150px,.75fr) auto auto auto}
.ddc-section-builder-row__config-toggle{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:#344054;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap;transition:.15s ease}
.ddc-section-builder-row__config-toggle:hover{border-color:#667085;background:#f8fafc;color:#101828}.ddc-section-builder-row__config-toggle b{font-size:15px;line-height:1;font-weight:700}
.ddc-section-builder-row.is-ux-open{border-color:#98a2b3;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.ddc-section-builder-row.is-ux-open .ddc-section-builder-row__config-toggle{background:#101828;border-color:#101828;color:#fff}
.ddc-section-builder-row.is-ux-collapsed .ddc-section-builder-row__top{background:#fff}.ddc-section-builder-row.is-ux-collapsed:hover .ddc-section-builder-row__top{background:#fbfcfd}
.ddc-section-builder-row__controls[hidden],.ddc-special-block-note[hidden],.ddc-section-builder-row__layout-options[hidden]{display:none!important}

#ddc-design-global-card-style{border-color:#cfd9e6;background:linear-gradient(180deg,#ffffff,#fbfcfe)}
#ddc-design-global-card-style>legend{font-size:14px;font-weight:900;color:#101828}
#ddc-design-global-card-style .ddc-design-info-note:first-child{background:#eff8ff;border-color:#b2ddff}

@media(max-width:1200px){
  .ddc-design-config-map{grid-template-columns:1fr 1fr}.ddc-design-config-map__intro{grid-column:1/-1}
  .ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__top,.ddc-section-builder-row--special.has-ux-toggle .ddc-section-builder-row__top{grid-template-columns:34px 18px minmax(160px,1fr) auto auto}
  .ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__summary{grid-column:3/4}
  .ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__portada-state,.ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__visibility{grid-column:4/5}
  .ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__config-toggle{grid-column:5/6}
  .ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__top>a{grid-column:3/6;justify-self:start}
}
@media(max-width:760px){
  .ddc-design-config-map{grid-template-columns:1fr}
  .ddc-design-config-map__intro{grid-column:auto}
  .ddc-section-builder__head{flex-direction:column}.ddc-section-builder__head-side{width:100%;justify-content:space-between}
  .ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__top,.ddc-section-builder-row--special.has-ux-toggle .ddc-section-builder-row__top{grid-template-columns:30px 12px 1fr auto}
  .ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__summary{grid-column:3/5}
  .ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__portada-state,.ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__visibility{grid-column:3/4;justify-self:start}
  .ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__config-toggle{grid-column:4/5}
  .ddc-section-builder-row.has-ux-toggle .ddc-section-builder-row__top>a{grid-column:3/5}
}

/* ==========================================================
   v1.20.68 · Diseño del diario / Estilo general
   Organización visual en tarjetas sin alterar campos ni lógica.
   ========================================================== */
.ddc-design-workspace--general .ddc-design-group--segmented {
    padding: 20px;
    background: #f7f9fc;
    border-color: #dfe6ef;
}

.ddc-design-workspace--general .ddc-design-group--segmented > legend {
    background: #f7f9fc;
    font-size: 14px;
}

.ddc-design-settings-grid {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.ddc-design-settings-grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ddc-design-settings-grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ddc-design-settings-card {
    min-width: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e1e7ef;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(15, 23, 42, .035);
}

.ddc-design-settings-card--featured {
    border-color: #cbd8ea;
}

.ddc-design-settings-card > header {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 64px;
    padding: 14px 15px;
    border-bottom: 1px solid #edf1f5;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

.ddc-design-settings-card__index {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: grid;
    place-items: center;
    border: 1px solid #d8e1ec;
    border-radius: 8px;
    background: #f1f5f9;
    color: #475467;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
}

.ddc-design-settings-card > header > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.ddc-design-settings-card > header strong {
    color: #101828;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
}

.ddc-design-settings-card > header small {
    color: #667085;
    font-size: 10px;
    line-height: 1.35;
}

.ddc-design-settings-card__fields {
    padding: 15px;
    gap: 12px !important;
}

.ddc-design-settings-card__fields.ddc-grid-1 {
    grid-template-columns: 1fr;
}

.ddc-design-workspace--general .ddc-design-settings-card label {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ddc-design-workspace--general .ddc-design-settings-card label > small {
    margin-top: 5px;
    color: #7b8798;
    font-size: 9px;
    line-height: 1.35;
}

.ddc-design-workspace--general .ddc-design-settings-card input[type="text"],
.ddc-design-workspace--general .ddc-design-settings-card input[type="url"],
.ddc-design-workspace--general .ddc-design-settings-card input[type="number"],
.ddc-design-workspace--general .ddc-design-settings-card input[type="date"],
.ddc-design-workspace--general .ddc-design-settings-card select {
    background: #fff !important;
    border-color: #d9e1eb !important;
}

.ddc-design-workspace--general .ddc-design-settings-card input[type="color"] {
    width: 48px !important;
    height: 40px !important;
    padding: 4px !important;
    border: 1px solid #d9e1eb !important;
    border-radius: 9px !important;
    background: #fff !important;
}

.ddc-design-group-footnote {
    margin-top: 14px;
    padding: 11px 13px;
    border: 1px solid #e3e9f1;
    border-radius: 10px;
    background: #fff;
    color: #667085;
    font-size: 10px;
    line-height: 1.45;
}

@media (max-width: 1180px) {
    .ddc-design-settings-grid--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .ddc-design-settings-grid--2,
    .ddc-design-settings-grid--3 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .ddc-design-workspace--general .ddc-design-group--segmented {
        padding: 14px;
    }

    .ddc-design-settings-card__fields {
        grid-template-columns: 1fr !important;
        padding: 13px;
    }

    .ddc-design-settings-card__fields .ddc-form-span-2,
    .ddc-design-settings-card__fields .ddc-form-span-4 {
        grid-column: auto;
    }
}


/* v1.20.70 - Banners: Regla automática no muestra el selector de ubicaciones fijas.
   .ddc-panel-block declara display:grid, por eso el atributo hidden necesita
   una regla explícita para no ser neutralizado por la cascada. */
.ddc-ad-location-panel[hidden] {
    display: none !important;
}


/* ==========================================================
   v1.20.76 · Diseño del diario / Noticia individual
   Reorganización visual en tarjetas + H1 configurable.
   No cambia nombres ni lógica de los controles existentes.
   ========================================================== */
.ddc-design-workspace--single .ddc-single-design-form {
    gap: 16px;
}

.ddc-single-settings-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e0e7f0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(15, 23, 42, .045);
}

.ddc-single-settings-card--primary {
    border-color: #cbd9ec;
}

.ddc-single-settings-card--premium {
    border-color: #d8e3f1;
    background: linear-gradient(180deg, #fff 0%, #fbfcff 100%);
}

.ddc-single-settings-card__head {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-height: 68px;
    padding: 15px 17px;
    border-bottom: 1px solid #edf1f5;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

.ddc-single-settings-card__index {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #101828;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .03em;
}

.ddc-single-settings-card__head > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.ddc-single-settings-card__head strong {
    color: #101828;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
}

.ddc-single-settings-card__head small {
    color: #667085;
    font-size: 10.5px;
    line-height: 1.4;
}

.ddc-single-settings-card__tag {
    margin-left: auto;
    padding: 5px 8px;
    border-radius: 999px;
    background: #f2f4f7;
    color: #475467;
    font-size: 9px;
    font-weight: 900;
    white-space: nowrap;
}

.ddc-single-settings-card__body {
    padding: 17px;
    gap: 13px !important;
}

.ddc-design-workspace--single .ddc-single-settings-card label {
    margin: 0 !important;
}

.ddc-design-workspace--single .ddc-single-settings-card input[type="text"],
.ddc-design-workspace--single .ddc-single-settings-card input[type="number"],
.ddc-design-workspace--single .ddc-single-settings-card select {
    background: #fff !important;
    border-color: #d7e0ea !important;
}

.ddc-design-workspace--single .ddc-single-settings-card label > small {
    margin-top: 5px;
    color: #7a8798;
    font-size: 9.5px;
    line-height: 1.35;
}

.ddc-single-typography-note {
    display: grid;
    gap: 3px;
    padding: 11px 13px;
    border: 1px solid #d9e7fb;
    border-radius: 11px;
    background: #f5f9ff;
}

.ddc-single-typography-note strong {
    color: #1849a9;
    font-size: 10.5px;
}

.ddc-single-typography-note span,
.ddc-single-typography-note a {
    color: #667085;
    font-size: 10px;
    line-height: 1.45;
}

.ddc-single-typography-note a {
    color: #175cd3;
    font-weight: 850;
    text-decoration: none;
}

.ddc-single-share-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.ddc-single-share-grid label {
    min-height: 36px;
    display: flex !important;
    align-items: center;
    gap: 7px;
    padding: 8px 9px !important;
    border: 1px solid #e3e8ef !important;
    border-radius: 9px;
    background: #fbfcfd !important;
}

.ddc-single-card-footnote {
    display: block;
    color: #7a8798;
    font-size: 9.5px;
    line-height: 1.45;
}

.ddc-single-sidebar-modern {
    display: grid;
    gap: 0;
    padding: 0;
}

.ddc-single-settings-subgroup {
    padding: 17px;
    border-top: 1px solid #edf1f5;
}

.ddc-single-settings-subgroup:first-child {
    border-top: 0;
}

.ddc-single-settings-subgroup > header {
    display: grid;
    gap: 2px;
    margin-bottom: 12px;
}

.ddc-single-settings-subgroup > header strong {
    color: #344054;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.ddc-single-settings-subgroup > header small {
    color: #7a8798;
    font-size: 9.5px;
    line-height: 1.35;
}

.ddc-single-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.ddc-single-module-option {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fbfcfe;
}

.ddc-single-module-option--simple {
    grid-template-rows: auto 1fr;
}

.ddc-single-module-option > small {
    color: #7a8798;
    font-size: 9px;
    line-height: 1.4;
}

.ddc-single-save-bar {
    position: sticky;
    bottom: 12px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 11px 13px;
    border: 1px solid #d6deea;
    border-radius: 13px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 10px 30px rgba(15,23,42,.10);
    backdrop-filter: blur(8px);
}

.ddc-single-save-bar span {
    color: #667085;
    font-size: 10px;
}

@media (max-width: 1180px) {
    .ddc-single-module-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-design-workspace--single .ddc-single-settings-card__body.ddc-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-design-workspace--single .ddc-single-settings-card__body.ddc-grid-3 .ddc-form-span-3 { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .ddc-design-workspace--single .ddc-single-settings-card { grid-column: 1 / -1 !important; }
    .ddc-design-workspace--single .ddc-single-settings-card__body,
    .ddc-design-workspace--single .ddc-single-settings-subgroup .ddc-form-grid,
    .ddc-single-module-grid { grid-template-columns: 1fr !important; }
    .ddc-design-workspace--single .ddc-form-span-2,
    .ddc-design-workspace--single .ddc-form-span-3,
    .ddc-design-workspace--single .ddc-form-span-4 { grid-column: auto; }
    .ddc-single-share-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ddc-single-settings-card__tag { display: none; }
    .ddc-single-save-bar { position: static; flex-direction: column; align-items: stretch; }
    .ddc-single-save-bar .ddc-btn { justify-content: center; }
}


/* === v1.20.78 · Noticia: controles tipográficos locales === */
.ddc-single-reading-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ddc-single-reading-group{min-width:0;padding:16px;border:1px solid #dfe6ef;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.ddc-single-reading-group__head{display:flex;flex-direction:column;gap:4px;margin-bottom:13px;padding:0 0 11px;border-bottom:1px solid #e4eaf1}
.ddc-single-reading-group__head strong{display:block;color:#0b1426;font-size:15px;line-height:1.2;font-weight:800}
.ddc-single-reading-group__head small{display:block;color:#64748b;font-size:11px;line-height:1.4;font-weight:600}
.ddc-single-reading-group--structure{grid-column:1/-1}
.ddc-single-reading-layout>.ddc-single-typography-note{grid-column:1/-1}
@media(max-width:980px){.ddc-single-reading-layout{grid-template-columns:1fr}.ddc-single-reading-group--structure,.ddc-single-reading-layout>.ddc-single-typography-note{grid-column:auto}}

/* === v1.20.79 · Noticia: identificación explícita de título/subtítulo === */
.ddc-single-reading-group__head::before{content:"AJUSTE DE NOTICIA";display:block;margin-bottom:2px;color:#2563eb;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

/* === v1.20.80 · Diseño: cuerpo de noticia centralizado + ratio Editorial 1+2 === */
.ddc-single-reading-group--body{grid-column:1/-1;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%)}
[data-ddc-editorial-ratio-field][hidden]{display:none!important}
@media(max-width:980px){.ddc-single-reading-group--body{grid-column:auto}}

/* === v1.20.81 · Constructor editorial: tipografía por bloque === */
.ddc-block-typography{
    grid-column:1/-1;
    margin-top:4px;
    border:1px solid #dbe4f0;
    border-radius:14px;
    background:#fbfcfe;
    overflow:hidden;
}
.ddc-block-typography > summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:13px 15px;
    cursor:pointer;
    background:linear-gradient(180deg,#ffffff,#f8fafc);
}
.ddc-block-typography > summary::-webkit-details-marker{display:none}
.ddc-block-typography > summary::after{
    content:"+";
    display:grid;
    place-items:center;
    flex:0 0 28px;
    width:28px;
    height:28px;
    border:1px solid #d8e0eb;
    border-radius:8px;
    background:#fff;
    color:#344054;
    font-size:18px;
    font-weight:800;
}
.ddc-block-typography[open] > summary::after{content:"−"}
.ddc-block-typography.is-enabled{border-color:#a9c7ff;box-shadow:0 0 0 2px rgba(37,99,235,.04)}
.ddc-block-typography__summary-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.ddc-block-typography__summary-copy strong{font-size:13px;color:#0b1426}
.ddc-block-typography__summary-copy small{font-size:10px;line-height:1.35;color:#667085;font-weight:600}
.ddc-block-typography__status{
    margin-left:auto;
    padding:5px 9px;
    border-radius:999px;
    background:#eef2f6;
    color:#475467;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}
.ddc-block-typography.is-enabled .ddc-block-typography__status{background:#e8f1ff;color:#175cd3}
.ddc-block-typography__body{padding:0 14px 14px}
.ddc-block-typography__toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:13px 0;
    border-top:1px solid #e7ecf3;
}
.ddc-block-typography__toggle{
    display:flex!important;
    align-items:flex-start!important;
    gap:9px!important;
    min-width:0;
}
.ddc-block-typography__toggle input{margin-top:3px}
.ddc-block-typography__toggle span{display:flex;flex-direction:column;gap:2px}
.ddc-block-typography__toggle strong{font-size:12px;color:#101828}
.ddc-block-typography__toggle small{font-size:10px;color:#667085;font-weight:500;line-height:1.35}
.ddc-block-typography__mode-note{
    margin:0 0 10px;
    padding:9px 11px;
    border:1px solid #e4e9f1;
    border-radius:10px;
    background:#f8fafc;
    color:#667085;
    font-size:10px;
    line-height:1.45;
}
.ddc-block-typography__mode-note strong{color:#344054}
.ddc-block-typography.is-enabled .ddc-block-typography__mode-note{border-color:#c7d7fe;background:#f5f8ff;color:#475467}
.ddc-block-typography__fields{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.ddc-block-type-card{
    margin:0;
    padding:12px;
    border:1px solid #e1e7ef;
    border-radius:12px;
    background:#fff;
}
.ddc-block-type-card:first-child{grid-column:1/-1}
.ddc-block-type-card__head{
    display:flex!important;
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    margin:0 0 10px;
    padding:0 0 9px;
    border-bottom:1px solid #edf1f5;
    visibility:visible!important;
}
.ddc-block-type-card__eyebrow{display:block;font-size:8px;line-height:1.2;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}
.ddc-block-type-card__head strong{display:block;font-size:12px;line-height:1.25;color:#101828}
.ddc-block-type-card__head small{display:block;font-size:9.5px;color:#667085;line-height:1.35;font-weight:500}
.ddc-block-type-card__grid{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(120px,.9fr) minmax(115px,.75fr);
    gap:9px;
}
.ddc-block-type-card__grid label{min-width:0;font-size:10px}
.ddc-block-type-card__grid select,
.ddc-block-type-card__grid input{width:100%}
@media (max-width:1100px){
    .ddc-block-typography__fields{grid-template-columns:1fr}
    .ddc-block-type-card:first-child{grid-column:auto}
}
@media (max-width:760px){
    .ddc-block-typography > summary{align-items:flex-start;flex-wrap:wrap}
    .ddc-block-typography__status{margin-left:0}
    .ddc-block-typography__toolbar{align-items:flex-start;flex-direction:column}
    .ddc-block-type-card__grid{grid-template-columns:1fr}
}


/* === v1.20.82 · Acceso público en topbar === */
.ddc-account-topbar__public{
    color:inherit!important;
    text-decoration:none!important;
    border-radius:999px;
    padding:2px 5px 2px 2px;
    transition:background .15s ease,transform .15s ease;
}
.ddc-account-topbar__public:hover,
.ddc-account-topbar__public:focus-visible{
    background:#f1f5f9;
    transform:translateY(-1px);
}
.ddc-account-topbar__avatar--public{
    background:#0f766e;
    font-size:16px;
}

/* === v1.20.84 · Rotulado explícito de tipografía por bloque y soporte Videos === */
.ddc-section-builder-row--video-gallery .ddc-block-typography{margin-top:4px}
.ddc-section-builder-row--video-gallery .ddc-block-type-card:first-child{grid-column:1/-1}

/* v1.20.85 - Biblioteca Central DDP de tutoriales */
.ddc-help-tutorial-card__meta span.is-official,.ddc-help-tutorial-admin-item__badges span.is-official{background:#e8f7f2;color:#167255}
.ddc-help-tutorial-admin-item.is-official{background:linear-gradient(90deg,#f7fcfa 0,#fff 34%)}
.ddc-help-library-sync-card{display:grid;gap:16px;margin-bottom:16px;padding:20px 21px;border-color:#d9e5f1;background:linear-gradient(180deg,#fff,#fbfdff)}
.ddc-help-library-sync-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid #e8edf3}
.ddc-help-library-sync-card__head>div{display:grid;gap:4px}.ddc-help-library-sync-card__head h2{margin:0;color:#17243a;font-size:20px}.ddc-help-library-sync-card__head p{margin:0;max-width:820px;color:#6d7b8f;font-size:12px;line-height:1.45}
.ddc-help-library-mode-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;background:#f0f3f7;color:#536176;font-size:10px;font-weight:900;white-space:nowrap}.ddc-help-library-mode-badge.is-master{background:#e8f7f2;color:#167255}.ddc-help-library-mode-badge.is-client{background:#eaf3ff;color:#285d9b}
.ddc-help-library-sync-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;align-items:stretch}
.ddc-help-library-settings-form,.ddc-help-library-status{display:grid;gap:12px;padding:15px;border:1px solid #e1e7ef;border-radius:13px;background:#fff}
.ddc-help-library-settings-form .ddc-field{display:grid;gap:6px}.ddc-help-library-settings-form .ddc-field>span{color:#24334d;font-size:12px;font-weight:850}.ddc-help-library-settings-form .ddc-field small{color:#7b8798;font-size:10px;line-height:1.4}.ddc-help-library-settings-form input,.ddc-help-library-settings-form select{width:100%}
.ddc-help-library-settings-form [data-ddc-master-url-field]{padding:10px;border:1px dashed #d7dee8;border-radius:10px;background:#fafbfc}.ddc-help-library-settings-form [data-ddc-master-url-field].is-required{border-style:solid;border-color:#bdd3ed;background:#f6faff}
.ddc-help-library-status{align-content:start}.ddc-help-library-status>strong{color:#17243a;font-size:14px}.ddc-help-library-status>p{margin:0;color:#65748a;font-size:11px;line-height:1.5}.ddc-help-library-status>label{color:#66758a;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.ddc-help-library-status>code{overflow:auto;padding:9px 10px;border-radius:9px;background:#101828;color:#fff;font-size:10px;white-space:nowrap}.ddc-help-library-status>small{color:#7b8798;font-size:10px;line-height:1.45}
.ddc-help-library-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ddc-help-library-kpis span{display:grid;gap:2px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fbfcfe;color:#6c7a8e;font-size:9px;text-transform:uppercase}.ddc-help-library-kpis b{color:#17243a;font-size:13px;text-transform:none}
.ddc-help-library-error{padding:9px 10px;border:1px solid #f0c8c8;border-radius:9px;background:#fff7f7;color:#9b3a3a;font-size:10px;line-height:1.45}
.ddc-help-tutorial-scope-field{padding:11px 12px;border:1px solid #cfe0f5;border-radius:10px;background:#f7fbff}
@media(max-width:900px){.ddc-help-library-sync-grid{grid-template-columns:1fr}.ddc-help-library-sync-card__head{flex-direction:column}.ddc-help-library-kpis{grid-template-columns:1fr}}

/* ==========================================================
   v1.20.86 · Header configurator UI prototype
   Tarjetas/toggles coherentes + presentación icon-only.
   Alcance deliberadamente limitado a Diseño > Header.
   ========================================================== */
.ddc-header-config-card{
    padding:18px!important;
    border:1px solid #dce3ec!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
    box-shadow:0 8px 24px rgba(15,23,42,.035);
}
.ddc-header-config-card legend,
.ddc-header-presentation legend{
    color:#101828!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:-.01em;
}
.ddc-header-config-card__intro{
    margin:0 0 14px!important;
    color:#667085!important;
    font-size:12px!important;
    line-height:1.5!important;
}
.ddc-header-toggle-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}
.ddc-header-toggle-card{
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:74px;
    padding:12px 12px 12px 14px!important;
    margin:0!important;
    border:1px solid #e1e7ef;
    border-radius:12px;
    background:#fff;
    cursor:pointer;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease;
}
.ddc-header-toggle-card:hover{
    border-color:#b9c5d4;
    box-shadow:0 6px 16px rgba(15,23,42,.055);
    transform:translateY(-1px);
}
.ddc-header-toggle-card:has(input:checked){
    border-color:#b8d5ff;
    background:#f8fbff;
    box-shadow:0 0 0 2px rgba(37,99,235,.045);
}
.ddc-header-toggle-card--wide{grid-column:1/-1;min-height:68px}
.ddc-header-toggle-card__copy{display:grid;gap:3px;min-width:0}
.ddc-header-toggle-card__copy strong{color:#101828;font-size:12px;line-height:1.25;font-weight:850}
.ddc-header-toggle-card__copy small{color:#7a8698!important;font-size:10.5px!important;line-height:1.35!important;margin:0!important}
.ddc-header-toggle-card>input{
    position:absolute!important;
    opacity:0!important;
    width:1px!important;
    height:1px!important;
    pointer-events:none;
}
.ddc-header-switch{
    position:relative;
    display:inline-flex;
    width:36px;
    height:21px;
    border-radius:999px;
    background:#d6dde7;
    box-shadow:inset 0 0 0 1px rgba(15,23,42,.05);
    transition:.18s ease;
}
.ddc-header-switch i{
    position:absolute;
    top:3px;
    left:3px;
    width:15px;
    height:15px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 4px rgba(15,23,42,.22);
    transition:transform .18s ease;
}
.ddc-header-toggle-card>input:checked + .ddc-header-switch{background:#0f766e}
.ddc-header-toggle-card>input:checked + .ddc-header-switch i{transform:translateX(15px)}
.ddc-header-toggle-card:focus-within{outline:0;box-shadow:0 0 0 3px rgba(37,99,235,.11)}
.ddc-header-config-divider{
    display:flex;
    align-items:center;
    gap:10px;
    margin:16px 0 10px;
    color:#667085;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.ddc-header-config-divider:after{content:"";height:1px;flex:1;background:#e6ebf1}
.ddc-header-toggle-grid--visibility .ddc-header-toggle-card{min-height:66px}

.ddc-header-presentation{
    padding:18px!important;
    border:1px solid #dce3ec!important;
    background:#fff!important;
}
.ddc-header-presentation__head{margin-bottom:13px}
.ddc-header-presentation__head>div{display:grid;gap:3px}
.ddc-header-presentation__head strong{font-size:13px;color:#101828}
.ddc-header-presentation__head small{font-size:11px;color:#667085;line-height:1.45}
.ddc-header-presentation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ddc-header-presentation-option{
    position:relative;
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    padding:12px!important;
    margin:0!important;
    border:1px solid #e1e7ef;
    border-radius:13px;
    background:#fbfcfe;
    cursor:pointer;
    transition:.16s ease;
}
.ddc-header-presentation-option:hover{border-color:#b8c3d2;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.045)}
.ddc-header-presentation-option>input{position:absolute!important;opacity:0!important;pointer-events:none;width:1px!important;height:1px!important}
.ddc-header-presentation-option__visual{
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:8px;
    border:1px solid #dce3eb;
    border-radius:10px;
    background:#fff;
    transition:.16s ease;
}
.ddc-header-presentation-option>input:checked + .ddc-header-presentation-option__visual{
    border-color:#101828;
    box-shadow:0 0 0 2px rgba(15,23,42,.07);
}
.ddc-header-presentation-option__visual i{font-style:normal;font-size:9px;font-weight:850;color:#152033}
.ddc-header-presentation-option__visual--buttons i{padding:7px 8px;border:1px solid #cfd7e2;border-radius:5px;background:#fff}
.ddc-header-presentation-option__visual--buttons i:nth-child(2){background:#e62946;border-color:#e62946;color:#fff}
.ddc-header-presentation-option__visual--icons i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #cfd7e2;border-radius:7px;background:#fff;font-size:12px}
.ddc-header-presentation-option__visual--icons i:nth-child(2){background:#e62946;border-color:#e62946;color:#fff}
.ddc-header-presentation-option__visual--icons i:nth-child(3),
.ddc-header-presentation-option__visual--icons i:nth-child(4){background:#2257c7;border-color:#2257c7;color:#fff}
.ddc-header-presentation-option__copy{display:grid;gap:4px}
.ddc-header-presentation-option__copy strong{font-size:12.5px;color:#101828}
.ddc-header-presentation-option__copy small{font-size:10.5px!important;line-height:1.4!important;color:#6f7d90!important;margin:0!important}

.ddc-header-mock__actions.is-icon-only span{
    position:relative;
    width:31px;
    height:31px;
    padding:0!important;
    display:grid;
    place-items:center;
    font-size:0!important;
    border-radius:6px!important;
}
.ddc-header-mock__actions.is-icon-only span:before{font-size:12px;line-height:1}
.ddc-header-mock__actions.is-icon-only span:nth-child(1):before{content:"★"}
.ddc-header-mock__actions.is-icon-only span:nth-child(2):before{content:"♙"}
.ddc-header-mock__actions.is-icon-only span:nth-child(3):before{content:"◉"}

@media(max-width:1100px){
    .ddc-header-toggle-grid{grid-template-columns:1fr}
    .ddc-header-toggle-card--wide{grid-column:auto}
    .ddc-header-presentation-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
    .ddc-header-presentation-option{grid-template-columns:1fr!important}
    .ddc-header-presentation-option__visual{justify-content:flex-start}
}

/* ==========================================================
   v1.20.87 · Header configurator visual system
   Extiende el patrón de tarjetas/toggles al resto de Diseño > Header.
   Sólo presentación del panel: no cambia nombres, valores ni lógica.
   ========================================================== */
.ddc-header-detail-card,
.ddc-header-section-card{
    padding:18px!important;
    border:1px solid #dce3ec!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
    box-shadow:0 8px 24px rgba(15,23,42,.035);
}
.ddc-header-detail-card legend{
    color:#101828!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:-.01em;
}
.ddc-header-detail-card__intro{
    margin:0 0 14px!important;
    color:#667085!important;
    font-size:12px!important;
    line-height:1.5!important;
}
.ddc-header-section-card{
    display:grid;
    gap:14px;
}
.ddc-header-section-card__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    padding-bottom:13px;
    border-bottom:1px solid #e5eaf0;
}
.ddc-header-section-card__head>div{display:grid;gap:3px;min-width:0}
.ddc-header-section-card__eyebrow{
    color:#2563eb;
    font-size:9px;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.ddc-header-section-card__head h3{
    margin:0!important;
    color:#101828!important;
    font-size:16px!important;
    line-height:1.2!important;
    letter-spacing:-.015em;
}
.ddc-header-section-card__head p{
    margin:0!important;
    color:#667085!important;
    font-size:11px!important;
    line-height:1.5!important;
}
.ddc-header-section-card__body{display:grid;gap:12px}
.ddc-header-section-card__head--with-control{align-items:center}

.ddc-header-field-grid{display:grid;gap:10px;align-items:start}
.ddc-header-field-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ddc-header-field-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ddc-header-field-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ddc-header-field-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ddc-header-field-span-3{grid-column:1/-1}

.ddc-header-field-card{
    display:grid!important;
    gap:10px!important;
    margin:0!important;
    padding:13px!important;
    border:1px solid #e1e7ef;
    border-radius:12px;
    background:#fff;
}
.ddc-header-field-card>span{display:grid;gap:3px}
.ddc-header-field-card>span strong{color:#101828;font-size:12px;font-weight:850}
.ddc-header-field-card>span small{margin:0!important;color:#7a8698!important;font-size:10.5px!important;line-height:1.35!important}
.ddc-header-field-card select{margin:0!important}

.ddc-header-logo-layout{
    display:grid;
    grid-template-columns:minmax(260px,.7fr) minmax(0,1.7fr);
    gap:12px;
    align-items:stretch;
}
.ddc-header-settings-subcard{
    display:grid;
    gap:11px;
    padding:13px;
    border:1px solid #e2e8f0;
    border-radius:13px;
    background:#fff;
}
.ddc-header-settings-subcard--wide{grid-column:1/-1}
.ddc-header-settings-subcard__title{display:grid;gap:3px}
.ddc-header-settings-subcard__title strong{color:#172033;font-size:12px;font-weight:900}
.ddc-header-settings-subcard__title small{color:#7a8698;font-size:10.5px;line-height:1.4}
.ddc-header-logo-source{align-content:start}
.ddc-header-logo-source .ddc-media-actions{margin:0}
.ddc-header-logo-preview{
    min-height:150px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    padding:12px!important;
    border:1px dashed #d7dee8!important;
    border-radius:12px!important;
    background:#f8fafc!important;
}
.ddc-header-logo-preview .ddc-thumb-preview{max-width:100%;margin:0!important}
.ddc-header-logo-preview .ddc-thumb-preview img{max-width:100%;max-height:190px;object-fit:contain}

.ddc-header-compact-field{
    display:grid!important;
    gap:6px!important;
    margin:0!important;
    color:#263244!important;
    font-size:10.5px!important;
    font-weight:850!important;
}
.ddc-header-compact-field>small{
    margin:0!important;
    color:#8a95a5!important;
    font-size:9.5px!important;
    font-weight:600!important;
    line-height:1.35!important;
}
.ddc-header-compact-field input:not([type="color"]),
.ddc-header-compact-field select,
.ddc-header-field-card select,
.ddc-header-social-card__url input{
    min-height:42px!important;
    border:1px solid #d8e0ea!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.ddc-header-compact-field input:focus,
.ddc-header-compact-field select:focus,
.ddc-header-field-card select:focus,
.ddc-header-social-card__url input:focus{
    border-color:#8fb8f8!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.08)!important;
    outline:0!important;
}
.ddc-header-color-field input[type="color"]{margin-top:2px}

.ddc-header-color-grid{gap:9px}
.ddc-header-color-option{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px!important;
    align-items:center!important;
    gap:10px!important;
    min-height:76px;
    margin:0!important;
    padding:11px 12px!important;
    border:1px solid #e1e7ef;
    border-radius:12px;
    background:#fff;
}
.ddc-header-color-option>span{display:grid;gap:3px}
.ddc-header-color-option strong{color:#101828;font-size:11px;font-weight:850}
.ddc-header-color-option small{margin:0!important;color:#8792a3!important;font-size:9.5px!important;line-height:1.3!important}
.ddc-header-color-option input[type="color"]{
    width:42px!important;
    height:38px!important;
    padding:4px!important;
    border:1px solid #d8e0ea!important;
    border-radius:9px!important;
    background:#fff!important;
    cursor:pointer;
}

.ddc-header-toggle-grid--compact{margin-top:1px}
.ddc-header-toggle-grid--compact .ddc-header-toggle-card{min-height:68px}
.ddc-header-toggle-grid--stacked{grid-template-columns:1fr;gap:8px}
.ddc-header-toggle-grid--stacked .ddc-header-toggle-card{min-height:64px}
.ddc-header-toggle-grid--prompt{margin-top:1px}

.ddc-header-info-strip{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:9px;
    align-items:start;
    padding:10px 12px;
    border:1px solid #cfe0f5;
    border-radius:10px;
    background:#f7fbff;
    color:#607089;
    font-size:10.5px;
    line-height:1.45;
}
.ddc-header-info-strip strong{color:#175cd3;font-size:10px;font-weight:900;white-space:nowrap}

.ddc-header-status-toggle{
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:10px!important;
    min-width:205px;
    margin:0!important;
    padding:10px 11px!important;
    border:1px solid #e1e7ef;
    border-radius:11px;
    background:#fff;
    cursor:pointer;
}
.ddc-header-status-toggle>span:first-child{display:grid;gap:2px}
.ddc-header-status-toggle strong{color:#101828;font-size:11px;font-weight:850}
.ddc-header-status-toggle small{color:#7d899b;font-size:9.5px}
.ddc-header-status-toggle>input{
    position:absolute!important;
    opacity:0!important;
    width:1px!important;
    height:1px!important;
    pointer-events:none;
}
.ddc-header-status-toggle>input:checked + .ddc-header-switch{background:#0f766e}
.ddc-header-status-toggle>input:checked + .ddc-header-switch i{transform:translateX(15px)}
.ddc-header-status-toggle:has(input:checked){border-color:#b8d5ff;background:#f8fbff}

.ddc-header-check-card{
    position:relative;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-height:68px;
    margin:0!important;
    padding:11px 12px!important;
    border:1px solid #e1e7ef;
    border-radius:12px;
    background:#fff;
    cursor:pointer;
}
.ddc-header-check-card>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}
.ddc-header-check-card__mark{
    width:26px;height:26px;display:grid;place-items:center;border:1px solid #ccd5e1;border-radius:8px;background:#f8fafc;color:transparent;font-size:13px;font-weight:900;
}
.ddc-header-check-card>span:last-child{display:grid;gap:3px}
.ddc-header-check-card strong{color:#101828;font-size:11px;font-weight:850}
.ddc-header-check-card small{color:#7d899b;font-size:9.5px;line-height:1.35}
.ddc-header-check-card>input:checked + .ddc-header-check-card__mark{border-color:#2563eb;background:#2563eb;color:#fff}
.ddc-header-check-card:has(input:checked){border-color:#b8d5ff;background:#f8fbff}

.ddc-header-info-grid{
    display:grid;
    grid-template-columns:1.25fr .8fr .95fr;
    gap:10px;
}
.ddc-header-mini-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ddc-header-mini-toggle{
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:48px;
    margin:0!important;
    padding:8px 9px!important;
    border:1px solid #e3e8ef;
    border-radius:10px;
    background:#fbfcfe;
    color:#344054!important;
    font-size:10.5px!important;
    font-weight:800!important;
    cursor:pointer;
}
.ddc-header-mini-toggle>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}
.ddc-header-mini-toggle>input:checked + .ddc-header-switch{background:#0f766e}
.ddc-header-mini-toggle>input:checked + .ddc-header-switch i{transform:translateX(15px)}
.ddc-header-mini-toggle:has(input:checked){border-color:#b8d5ff;background:#f8fbff}

.ddc-header-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ddc-header-social-card{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:10px;
    border:1px solid #e1e7ef;
    border-radius:12px;
    background:#fff;
    transition:.16s ease;
}
.ddc-header-social-card:has(.ddc-header-social-card__toggle input:checked){border-color:#b8d5ff;background:#f8fbff}
.ddc-header-social-card__toggle{
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    cursor:pointer;
}
.ddc-header-social-card__toggle>span:first-child{display:grid;gap:2px}
.ddc-header-social-card__toggle strong{color:#101828;font-size:11px;font-weight:850}
.ddc-header-social-card__toggle small{color:#7d899b;font-size:9.5px}
.ddc-header-social-card__toggle>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none}
.ddc-header-social-card__toggle>input:checked + .ddc-header-switch{background:#0f766e}
.ddc-header-social-card__toggle>input:checked + .ddc-header-switch i{transform:translateX(15px)}
.ddc-header-social-card__url{display:grid!important;gap:4px!important;margin:0!important;color:#7a8698!important;font-size:9px!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.04em}
.ddc-header-social-card__url input{font-size:11px!important;text-transform:none;letter-spacing:normal}

.ddc-header-section-card .ddc-input-suffix{margin:0}
.ddc-header-section-card .ddc-input-suffix input{min-height:42px!important}
.ddc-header-section-card .ddc-input-suffix span{border-radius:0 10px 10px 0!important}

@media(max-width:1280px){
    .ddc-header-field-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}
    .ddc-header-info-grid{grid-template-columns:1fr 1fr}
    .ddc-header-info-grid .ddc-header-settings-subcard--wide{grid-column:1/-1}
    .ddc-header-social-grid{grid-template-columns:1fr}
}
@media(max-width:980px){
    .ddc-header-logo-layout{grid-template-columns:1fr}
    .ddc-header-field-grid--4,.ddc-header-field-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ddc-header-field-span-3{grid-column:1/-1}
    .ddc-header-field-grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ddc-header-info-grid{grid-template-columns:1fr}
    .ddc-header-info-grid .ddc-header-settings-subcard--wide{grid-column:auto}
}
@media(max-width:760px){
    .ddc-header-section-card,.ddc-header-detail-card{padding:14px!important;border-radius:14px!important}
    .ddc-header-section-card__head,.ddc-header-section-card__head--with-control{display:grid;grid-template-columns:1fr;gap:10px}
    .ddc-header-status-toggle{min-width:0;width:100%}
    .ddc-header-field-grid--2,.ddc-header-field-grid--3,.ddc-header-field-grid--4,.ddc-header-field-grid--5{grid-template-columns:1fr}
    .ddc-header-field-span-3{grid-column:auto}
    .ddc-header-color-option{min-height:66px}
    .ddc-header-mini-toggle-grid{grid-template-columns:1fr 1fr}
    .ddc-header-social-card{grid-template-columns:1fr}
    .ddc-header-info-strip{grid-template-columns:1fr;gap:3px}
}
@media(max-width:480px){
    .ddc-header-mini-toggle-grid{grid-template-columns:1fr}
}

/* ==========================================================
   v1.20.88 · Diseño del diario / Estilo general
   Adopta el lenguaje visual aprobado en Header sin cambiar
   campos, nombres, valores ni lógica de guardado.
   ========================================================== */
.ddc-design-workspace--general{
    --ddc-general-border:#dce3ec;
    --ddc-general-line:#e8edf3;
    --ddc-general-muted:#667085;
    --ddc-general-soft:#f8fafc;
    --ddc-general-blue:#2563eb;
}
.ddc-design-workspace--general > .ddc-section-head{
    padding:2px 2px 0;
}
.ddc-design-workspace--general > .ddc-section-head h2{
    letter-spacing:-.02em;
}
.ddc-design-workspace--general .ddc-design-preview--general{
    overflow:hidden;
    border:1px solid var(--ddc-general-border)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(15,23,42,.035)!important;
}
.ddc-design-workspace--general .ddc-design-preview__browser{
    min-height:40px;
    border-bottom:1px solid var(--ddc-general-line);
    background:#fbfcfe;
}
.ddc-design-workspace--general .ddc-design-preview__general-canvas{
    padding:24px 28px 27px!important;
}

/* Contenedores principales: misma presencia que las tarjetas de Header. */
.ddc-design-workspace--general .ddc-general-section-card{
    padding:18px!important;
    border:1px solid var(--ddc-general-border)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
    box-shadow:0 8px 24px rgba(15,23,42,.035)!important;
}
.ddc-design-workspace--general .ddc-general-section-card > legend{
    padding:0 7px!important;
    color:#101828!important;
    background:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:-.01em!important;
}
.ddc-design-workspace--general .ddc-general-section-card.ddc-design-group--segmented > legend{
    background:#fff!important;
}
.ddc-design-workspace--general .ddc-general-section-card .ddc-design-group__intro{
    margin:0 0 14px!important;
    max-width:980px;
    color:var(--ddc-general-muted)!important;
    font-size:12px!important;
    line-height:1.5!important;
}

/* Identidad del panel: preview + configuración en subtarjetas. */
.ddc-design-workspace--general .ddc-panel-brand-config--compact{
    grid-template-columns:minmax(250px,.72fr) minmax(0,1.75fr)!important;
    gap:12px!important;
    align-items:stretch!important;
}
.ddc-design-workspace--general .ddc-panel-brand-preview{
    min-height:178px!important;
    align-self:stretch;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:13px!important;
    box-shadow:0 8px 22px rgba(15,23,42,.10)!important;
}
.ddc-design-workspace--general .ddc-panel-brand-fields{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
}
.ddc-design-workspace--general .ddc-panel-brand-fields > label{
    display:grid!important;
    gap:6px!important;
    align-content:start;
    margin:0!important;
    padding:12px!important;
    border:1px solid #e1e7ef;
    border-radius:12px;
    background:#fff;
    color:#263244!important;
    font-size:11px!important;
    font-weight:850!important;
}
.ddc-design-workspace--general .ddc-panel-brand-fields > label small{
    margin:0!important;
    color:#8792a3!important;
    font-size:9.5px!important;
    line-height:1.35!important;
    font-weight:600!important;
}
.ddc-design-workspace--general .ddc-panel-logo-control{
    grid-column:1/-1!important;
    min-height:126px!important;
    padding:13px!important;
    border:1px solid #e1e7ef!important;
    border-radius:12px!important;
    background:#fff!important;
}
.ddc-design-workspace--general .ddc-panel-logo-control__copy > strong{
    font-size:12px!important;
    font-weight:900!important;
}
.ddc-design-workspace--general .ddc-panel-logo-control__copy > small{
    color:#7a8698!important;
    font-size:10.5px!important;
}
.ddc-design-workspace--general .ddc-panel-logo-preview .ddc-thumb-preview{
    border-radius:11px!important;
    background:#f8fafc!important;
}

/* Favicon: dos subtarjetas claras y equivalentes. */
.ddc-design-workspace--general .ddc-favicon-config{
    display:grid!important;
    grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr)!important;
    gap:12px!important;
    align-items:stretch!important;
}
.ddc-design-workspace--general .ddc-favicon-reference,
.ddc-design-workspace--general .ddc-favicon-fields{
    margin:0!important;
    padding:13px!important;
    border:1px solid #e1e7ef!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.ddc-design-workspace--general .ddc-favicon-reference{
    display:grid;
    align-content:start;
    gap:10px;
}
.ddc-design-workspace--general .ddc-favicon-reference__bar{
    border-radius:10px!important;
    background:#f3f6fa!important;
}
.ddc-design-workspace--general .ddc-favicon-reference > p,
.ddc-design-workspace--general .ddc-favicon-fields > p{
    margin:0!important;
    color:#667085!important;
    font-size:10.5px!important;
    line-height:1.45!important;
}
.ddc-design-workspace--general .ddc-favicon-fields{
    display:grid!important;
    align-content:start;
    gap:9px!important;
}
.ddc-design-workspace--general .ddc-favicon-fields > strong{
    color:#101828;
    font-size:12px;
    font-weight:900;
}
.ddc-design-workspace--general .ddc-favicon-preview{
    min-height:72px;
    margin:0!important;
    padding:10px!important;
    border:1px dashed #d7dee8!important;
    border-radius:10px!important;
    background:#f8fafc!important;
}
.ddc-design-workspace--general .ddc-favicon-fields > small{
    margin:0!important;
    color:#8792a3!important;
    font-size:9.5px!important;
    line-height:1.35!important;
}

/* Tarjetas internas de identidad, tipografía, navegación y footer. */
.ddc-design-workspace--general .ddc-design-settings-grid{
    gap:10px!important;
}
.ddc-design-workspace--general .ddc-design-settings-card{
    border:1px solid #e1e7ef!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
    transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.ddc-design-workspace--general .ddc-design-settings-card:hover{
    border-color:#c8d2df!important;
    box-shadow:0 6px 16px rgba(15,23,42,.045)!important;
    transform:translateY(-1px);
}
.ddc-design-workspace--general .ddc-design-settings-card--featured{
    border-color:#b8d5ff!important;
    box-shadow:0 0 0 2px rgba(37,99,235,.035)!important;
}
.ddc-design-workspace--general .ddc-design-settings-card > header{
    min-height:66px!important;
    padding:13px 14px!important;
    gap:10px!important;
    border-bottom:1px solid var(--ddc-general-line)!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
}
.ddc-design-workspace--general .ddc-design-settings-card__index{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    border:0!important;
    border-radius:9px!important;
    background:#101828!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
}
.ddc-design-workspace--general .ddc-design-settings-card--featured .ddc-design-settings-card__index{
    background:#2563eb!important;
}
.ddc-design-workspace--general .ddc-design-settings-card > header strong{
    color:#101828!important;
    font-size:12.5px!important;
    line-height:1.25!important;
    font-weight:900!important;
}
.ddc-design-workspace--general .ddc-design-settings-card > header small{
    margin-top:2px!important;
    color:#7a8698!important;
    font-size:10px!important;
    line-height:1.35!important;
}
.ddc-design-workspace--general .ddc-design-settings-card__fields{
    padding:13px!important;
    gap:10px!important;
}
.ddc-design-workspace--general .ddc-design-settings-card__fields > label{
    display:grid!important;
    gap:6px!important;
    align-content:start;
    margin:0!important;
    color:#263244!important;
    font-size:10.5px!important;
    font-weight:850!important;
}
.ddc-design-workspace--general .ddc-design-settings-card__fields > label > small{
    margin:0!important;
    color:#8a95a5!important;
    font-size:9.5px!important;
    line-height:1.35!important;
    font-weight:600!important;
}
.ddc-design-workspace--general .ddc-design-settings-card__fields input:not([type="color"]),
.ddc-design-workspace--general .ddc-design-settings-card__fields select,
.ddc-design-workspace--general .ddc-panel-brand-fields input:not([type="color"]){
    min-height:42px!important;
    margin:0!important;
    border:1px solid #d8e0ea!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.ddc-design-workspace--general .ddc-design-settings-card__fields input:not([type="color"]):focus,
.ddc-design-workspace--general .ddc-design-settings-card__fields select:focus,
.ddc-design-workspace--general .ddc-panel-brand-fields input:focus{
    border-color:#8fb8f8!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.08)!important;
    outline:0!important;
}
.ddc-design-workspace--general input[type="color"]{
    width:46px!important;
    height:40px!important;
    padding:4px!important;
    border:1px solid #d8e0ea!important;
    border-radius:9px!important;
    background:#fff!important;
    cursor:pointer;
}
.ddc-design-workspace--general .ddc-design-group-footnote{
    margin-top:10px!important;
    padding:10px 12px!important;
    border:1px solid #d8e7f7!important;
    border-radius:10px!important;
    background:#f7fbff!important;
    color:#607089!important;
    font-size:10px!important;
    line-height:1.45!important;
}

/* Guardado local del bloque General: más claro, sin competir con el guardado global flotante. */
.ddc-design-workspace--general .ddc-general-savebar{
    display:flex;
    justify-content:flex-end;
    padding:12px 0 2px!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
}
.ddc-design-workspace--general .ddc-general-savebar .ddc-btn{
    min-height:42px;
    padding-inline:18px;
    border-radius:10px!important;
}

@media(max-width:1100px){
    .ddc-design-workspace--general .ddc-panel-brand-config--compact,
    .ddc-design-workspace--general .ddc-favicon-config{
        grid-template-columns:1fr!important;
    }
    .ddc-design-workspace--general .ddc-panel-brand-preview{min-height:124px!important}
}
@media(max-width:820px){
    .ddc-design-workspace--general .ddc-design-settings-grid--2,
    .ddc-design-workspace--general .ddc-panel-brand-fields{
        grid-template-columns:1fr!important;
    }
    .ddc-design-workspace--general .ddc-panel-logo-control{grid-column:auto!important}
}
@media(max-width:640px){
    .ddc-design-workspace--general .ddc-general-section-card{padding:14px!important;border-radius:14px!important}
    .ddc-design-workspace--general .ddc-design-preview__general-canvas{padding:20px!important}
    .ddc-design-workspace--general .ddc-panel-logo-control{grid-template-columns:1fr!important}
    .ddc-design-workspace--general .ddc-panel-logo-preview{justify-items:start!important}
    .ddc-design-workspace--general .ddc-general-savebar{justify-content:stretch}
    .ddc-design-workspace--general .ddc-general-savebar .ddc-btn{width:100%}
}

/* ==========================================================
   v1.20.89 · Portada y secciones / Bloques especiales
   Centro de activación + presentación visual coherente.
   Sin cambios en la lógica pública de Tapas, Videos o RSS.
   ========================================================== */
#ddc-design-special-blocks{scroll-margin-top:150px}
[data-ddc-section-builder-row][hidden]{display:none!important}

.ddc-special-block-center{
    display:grid;
    gap:14px;
    padding:18px;
    border:1px solid #dce5ef;
    border-radius:16px;
    background:linear-gradient(180deg,#f8fafc 0%,#f5f8fc 100%);
}
.ddc-special-block-center__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.ddc-special-block-center__head>div{display:grid;gap:4px;min-width:0}
.ddc-special-block-center__head h3{margin:0;color:#101828;font-size:18px;line-height:1.2}
.ddc-special-block-center__head p{max-width:860px;margin:0;color:#667085;font-size:12px;line-height:1.5}
.ddc-special-block-center__badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #d6e1ee;border-radius:999px;background:#fff;color:#475467;font-size:10px;font-weight:900;white-space:nowrap}
.ddc-special-block-center__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ddc-special-activation-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:10px 12px;align-items:start;min-width:0;padding:15px;border:1px solid #dde5ef;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.035);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.ddc-special-activation-card:hover{border-color:#c2cedd;box-shadow:0 8px 20px rgba(15,23,42,.055);transform:translateY(-1px)}
.ddc-special-activation-card.is-active{border-color:#98d5ca;box-shadow:0 0 0 1px rgba(15,118,110,.05),0 8px 20px rgba(15,118,110,.055)}
.ddc-special-activation-card.is-disabled{opacity:.66;background:#fafbfc}
.ddc-special-activation-card--rss{background:linear-gradient(180deg,#fff,#fbfcfe)}
.ddc-special-activation-card__icon{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#101828;color:#fff;font-size:20px;font-weight:900;box-shadow:0 4px 10px rgba(15,23,42,.12)}
.ddc-special-activation-card__icon--video{background:#174ea6}
.ddc-special-activation-card__icon--rss{background:#6b4fbb}
.ddc-special-activation-card__copy{display:grid;gap:3px;min-width:0}
.ddc-special-activation-card__eyebrow{color:#667085;font-size:8.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ddc-special-activation-card__copy>strong{color:#101828;font-size:14px;line-height:1.25}
.ddc-special-activation-card__copy>small{color:#667085;font-size:10.5px;line-height:1.42}
.ddc-special-activation-card__meta{margin-top:4px;color:#475467;font-size:10px;font-weight:700}
.ddc-special-activation-card__meta b{color:#101828;font-size:12px}
.ddc-special-activation-card__switch{grid-column:3;grid-row:1;position:relative;display:flex;align-items:center;gap:7px;min-height:28px;cursor:pointer;user-select:none}
.ddc-special-activation-card__switch>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ddc-special-activation-card__switch>em{font-style:normal;color:#667085;font-size:10px;font-weight:850}
.ddc-special-activation-card__switch>input:checked + .ddc-header-switch{background:#0f766e}
.ddc-special-activation-card__switch>input:checked + .ddc-header-switch i{transform:translateX(15px)}
.ddc-special-activation-card__switch>input:checked ~ em{color:#0f766e}
.ddc-special-activation-card__action{grid-column:3;grid-row:2;align-self:end;justify-self:end;min-height:30px!important;padding:0 9px!important;background:#fff!important}
.ddc-special-activation-card__disabled,.ddc-special-activation-card__info{grid-column:3;grid-row:1;display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:9px;font-weight:850;white-space:nowrap}
.ddc-special-activation-card__info{background:#f4f0ff;color:#6941c6}
.ddc-special-block-center__note{padding:10px 12px;border:1px solid #d9e5f2;border-radius:10px;background:#fff;color:#667085;font-size:10.5px;line-height:1.5}
.ddc-special-block-center__note strong{color:#344054}

.ddc-section-builder-row--special{border-color:#cfdbea;background:#fff}
.ddc-section-builder-row--special .ddc-section-builder-row__top{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.ddc-section-builder-row--special .ddc-section-builder-row__identity strong{white-space:normal}
.ddc-special-row-status{border-color:#cce8e2!important;background:#f0fdf9!important}
.ddc-special-row-status__dot{width:7px;height:7px;border-radius:50%;background:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.09)}
.ddc-special-row-status span:last-child{color:#0f766e!important}

.ddc-section-builder-row__controls--special{gap:10px;padding:14px;background:#f7f9fc}
.ddc-section-builder-row__controls--special>label{min-width:0;padding:11px 12px!important;border:1px solid #e1e7ef;border-radius:11px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.02)}
.ddc-section-builder-row__controls--special>label input,.ddc-section-builder-row__controls--special>label select{min-height:40px}
.ddc-special-controls-intro{grid-column:1/-1;display:grid;gap:3px;padding:12px 13px;border:1px solid #dce6f2;border-radius:11px;background:linear-gradient(135deg,#eef5ff,#f8fbff)}
.ddc-special-controls-intro--video{background:linear-gradient(135deg,#eef4ff,#f7faff)}
.ddc-special-controls-intro>span{color:#175cd3;font-size:8.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ddc-special-controls-intro>strong{color:#101828;font-size:13px}
.ddc-special-controls-intro>small{color:#667085;font-size:10.5px;line-height:1.4}
.ddc-special-block-toggles{padding:10px 12px;border:1px solid #e1e7ef;border-radius:11px;background:#fff}
.ddc-special-block-toggles .ddc-inline-check{min-height:32px;padding:6px 9px;border:1px solid #e7ebf0;border-radius:8px;background:#fbfcfe;color:#344054;font-size:10.5px;font-weight:750}
.ddc-special-block-note{border:1px solid #dce6f2;background:#fff;color:#5f6f83}

@media(max-width:1180px){
    .ddc-special-block-center__grid{grid-template-columns:1fr 1fr}
    .ddc-special-activation-card--rss{grid-column:1/-1}
}
@media(max-width:760px){
    .ddc-special-block-center{padding:14px}
    .ddc-special-block-center__head{flex-direction:column}
    .ddc-special-block-center__grid{grid-template-columns:1fr}
    .ddc-special-activation-card--rss{grid-column:auto}
    .ddc-special-activation-card{grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto auto}
    .ddc-special-activation-card__icon{width:38px;height:38px}
    .ddc-special-activation-card__switch,.ddc-special-activation-card__disabled,.ddc-special-activation-card__info{grid-column:2;grid-row:2;justify-self:start}
    .ddc-special-activation-card__action{grid-column:2;grid-row:3;justify-self:start}
}

/* ==========================================================
   v1.20.90 · Diseño del diario / coherencia visual por pestaña
   Footer, Radio, TV y Responsive adoptan el mismo lenguaje de
   tarjetas, jerarquía y toggles de Header/Noticia. Sólo UI.
   ========================================================== */
.ddc-design-modern-form{
    gap:14px!important;
}
.ddc-design-modern-card{
    overflow:hidden;
    margin:0!important;
    border:1px solid #dce3ec!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(15,23,42,.032)!important;
}
.ddc-design-modern-card--featured{
    border-color:#c9dcf7!important;
    box-shadow:0 0 0 2px rgba(37,99,235,.028),0 8px 24px rgba(15,23,42,.032)!important;
}
.ddc-design-modern-card__head{
    min-height:68px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:13px 14px;
    border-bottom:1px solid #e8edf3;
    background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
}
.ddc-design-modern-card__index{
    width:29px;
    height:29px;
    flex:0 0 29px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:#101828;
    color:#fff;
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.04em;
}
.ddc-design-modern-card--featured .ddc-design-modern-card__index{background:#2563eb}
.ddc-design-modern-card__head>div{display:grid;gap:3px;min-width:0;flex:1}
.ddc-design-modern-card__head strong{color:#101828;font-size:13px;font-weight:900;line-height:1.2}
.ddc-design-modern-card__head small{margin:0!important;color:#7a8698!important;font-size:10.5px!important;line-height:1.4!important}
.ddc-design-modern-card__tag{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:4px 8px;
    border-radius:999px;
    background:#f1f5f9;
    color:#5f6d82;
    font-size:9px;
    font-weight:900;
    white-space:nowrap;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.ddc-design-modern-card__body{
    display:grid;
    gap:12px;
    padding:14px;
}
.ddc-design-modern-card__body>label,
.ddc-design-modern-card__body .ddc-form-grid>label,
.ddc-design-modern-subcard>label{
    display:grid!important;
    gap:6px!important;
    align-content:start;
    margin:0!important;
    color:#263244!important;
    font-size:10.5px!important;
    font-weight:850!important;
}
.ddc-design-modern-card__body label>small,
.ddc-design-modern-subcard>small{
    margin:0!important;
    color:#8792a3!important;
    font-size:9.5px!important;
    line-height:1.4!important;
    font-weight:600!important;
}
.ddc-design-modern-card input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.ddc-design-modern-card select,
.ddc-design-modern-card textarea{
    width:100%;
    margin:0!important;
    border:1px solid #d8e0ea!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:none!important;
}
.ddc-design-modern-card input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
.ddc-design-modern-card select{min-height:42px!important}
.ddc-design-modern-card textarea{padding:10px 11px!important}
.ddc-design-modern-card input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus,
.ddc-design-modern-card select:focus,
.ddc-design-modern-card textarea:focus{
    border-color:#8fb8f8!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.08)!important;
    outline:0!important;
}
.ddc-design-modern-card input[type="color"]{
    width:48px!important;
    height:40px!important;
    padding:4px!important;
    border:1px solid #d8e0ea!important;
    border-radius:9px!important;
    background:#fff!important;
    cursor:pointer;
}
.ddc-design-modern-subsection{display:grid;gap:9px}
.ddc-design-modern-subsection__head{display:grid;gap:2px}
.ddc-design-modern-subsection__head strong{color:#101828;font-size:12.5px;font-weight:900}
.ddc-design-modern-subsection__head small{color:#7a8698;font-size:10px;line-height:1.4}
.ddc-design-modern-split{
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
}
.ddc-design-modern-subcard{
    min-width:0;
    display:grid;
    gap:10px;
    padding:13px!important;
    margin:0!important;
    border:1px solid #e1e7ef!important;
    border-radius:12px!important;
    background:#fbfcfe!important;
}
.ddc-design-modern-subcard--wide{grid-column:1/-1}
.ddc-design-modern-subcard legend{
    padding:0 6px!important;
    color:#172033!important;
    font-size:11.5px!important;
    font-weight:900!important;
}
.ddc-design-modern-subcard h3{margin:0!important;color:#172033!important;font-size:12px!important;font-weight:900!important}
.ddc-design-modern-subcard p{margin:0!important;color:#748196!important;font-size:10px!important;line-height:1.45!important}
.ddc-design-modern-note{
    padding:10px 11px;
    border:1px solid #d8e7f7;
    border-radius:10px;
    background:#f7fbff;
    color:#607089;
    font-size:10px;
    line-height:1.45;
}
.ddc-design-modern-media-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    align-items:start;
}
.ddc-design-modern-logo-card{
    grid-template-columns:minmax(0,1fr) minmax(180px,300px);
    align-items:start;
}
.ddc-design-modern-logo-card .ddc-media-preview{
    min-height:130px;
    display:grid;
    place-items:center;
    margin:0!important;
    padding:12px!important;
    border:1px dashed #d7dee8!important;
    border-radius:11px!important;
    background:#fff!important;
}
.ddc-design-modern-master-toggle,
.ddc-design-modern-toggle{
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:12px!important;
    margin:0!important;
    cursor:pointer;
}
.ddc-design-modern-master-toggle{
    min-height:70px;
    padding:12px 13px!important;
    border:1px solid #cfe0f5;
    border-radius:12px;
    background:#f8fbff;
}
.ddc-design-modern-toggle{
    min-height:66px;
    padding:10px 11px!important;
    border:1px solid #e1e7ef;
    border-radius:11px;
    background:#fff;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.ddc-design-modern-toggle:hover{border-color:#c3cedc;box-shadow:0 5px 14px rgba(15,23,42,.04)}
.ddc-design-modern-toggle:has(input:checked){border-color:#b8d5ff;background:#f8fbff}
.ddc-design-modern-master-toggle>span,
.ddc-design-modern-toggle>span{display:grid;gap:3px;min-width:0}
.ddc-design-modern-master-toggle strong,
.ddc-design-modern-toggle strong{color:#101828;font-size:11.5px;font-weight:900;line-height:1.25}
.ddc-design-modern-master-toggle small,
.ddc-design-modern-toggle small{margin:0!important;color:#7d899b!important;font-size:9.5px!important;line-height:1.35!important}
.ddc-design-modern-master-toggle>input,
.ddc-design-modern-toggle>input,
.ddc-design-modern-social-toggle>input{
    position:absolute!important;
    opacity:0!important;
    width:1px!important;
    height:1px!important;
    pointer-events:none;
}
.ddc-design-modern-master-toggle>i,
.ddc-design-modern-toggle>i,
.ddc-design-modern-social-toggle>i{
    position:relative;
    display:inline-flex;
    width:36px;
    height:21px;
    border-radius:999px;
    background:#d6dde7;
    box-shadow:inset 0 0 0 1px rgba(15,23,42,.05);
    transition:.18s ease;
}
.ddc-design-modern-master-toggle>i:after,
.ddc-design-modern-toggle>i:after,
.ddc-design-modern-social-toggle>i:after{
    content:"";
    position:absolute;
    top:3px;
    left:3px;
    width:15px;
    height:15px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 4px rgba(15,23,42,.22);
    transition:transform .18s ease;
}
.ddc-design-modern-master-toggle>input:checked+i,
.ddc-design-modern-toggle>input:checked+i,
.ddc-design-modern-social-toggle>input:checked+i{background:#0f766e}
.ddc-design-modern-master-toggle>input:checked+i:after,
.ddc-design-modern-toggle>input:checked+i:after,
.ddc-design-modern-social-toggle>input:checked+i:after{transform:translateX(15px)}
.ddc-design-modern-toggle-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
.ddc-design-modern-toggle-grid--single{grid-template-columns:1fr}
.ddc-design-modern-social-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}
.ddc-design-modern-social-card{
    display:grid;
    grid-template-columns:minmax(120px,.38fr) minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:10px;
    border:1px solid #e1e7ef;
    border-radius:11px;
    background:#fff;
}
.ddc-design-modern-social-card:has(.ddc-design-modern-social-toggle input:checked){border-color:#b8d5ff;background:#f8fbff}
.ddc-design-modern-social-toggle{
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    cursor:pointer;
}
.ddc-design-modern-social-toggle>span{display:grid;gap:2px}
.ddc-design-modern-social-toggle strong{color:#101828;font-size:10.5px;font-weight:900}
.ddc-design-modern-social-toggle small{margin:0!important;color:#7d899b!important;font-size:9px!important}
.ddc-design-modern-social-url{display:grid!important;gap:4px!important;margin:0!important;color:#7a8698!important;font-size:8.5px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.04em}
.ddc-design-modern-social-url input{font-size:11px!important;text-transform:none;letter-spacing:normal}
.ddc-design-modern-visibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ddc-design-modern-visibility-grid .ddc-checkbox-list,
.ddc-design-modern-visibility-grid .ddc-radio-list{display:grid;gap:6px}
.ddc-design-modern-visibility-grid .ddc-checkbox-list label,
.ddc-design-modern-visibility-grid .ddc-radio-list label{
    min-height:40px;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:8px 9px!important;
    border:1px solid #e2e8f0;
    border-radius:9px;
    background:#fff;
}
.ddc-design-modern-field-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 150px!important;
    align-items:center!important;
    gap:12px!important;
    min-height:66px;
    padding:10px 11px!important;
    border:1px solid #e1e7ef;
    border-radius:11px;
    background:#fff;
}
.ddc-design-modern-field-card>span{display:grid;gap:3px}
.ddc-design-modern-field-card strong{color:#101828;font-size:11.5px;font-weight:900}
.ddc-design-modern-field-card small{margin:0!important;color:#7d899b!important;font-size:9.5px!important}
.ddc-responsive-modern-grid{
    display:grid;
    grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);
    gap:14px;
    align-items:stretch;
}
.ddc-responsive-modern-grid .ddc-design-phone-preview{min-height:100%;margin:0!important}
.ddc-design-modern-savebar{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    min-height:58px;
    padding:10px 12px!important;
    border:1px solid #dce3ec!important;
    border-radius:13px!important;
    background:#fbfcfe!important;
}
.ddc-design-modern-savebar>span{color:#6d7b8f;font-size:10px;line-height:1.4}
.ddc-design-modern-savebar .ddc-btn{min-height:40px;border-radius:9px!important;white-space:nowrap}

.ddc-design-workspace--footer-modern .ddc-design-stage--footer{margin:0!important}
.ddc-design-workspace--footer-modern .ddc-design-footer-grid{gap:10px!important}
.ddc-design-workspace--footer-modern .ddc-design-footer-option{border-radius:12px!important;background:#fbfcfe!important}
.ddc-design-workspace--footer-modern .ddc-design-footer-option.is-selected{background:#fff!important;box-shadow:0 0 0 2px rgba(15,23,42,.04)!important}
.ddc-design-workspace--footer-modern .ddc-design-fixed-credit{margin-top:10px!important}
.ddc-design-workspace--channel-modern .ddc-section-head,
.ddc-design-workspace--responsive-modern .ddc-section-head,
.ddc-design-workspace--footer-modern .ddc-section-head{padding:2px 2px 0}

@media(max-width:1100px){
    .ddc-design-modern-media-grid{grid-template-columns:1fr 1fr}
    .ddc-design-modern-media-grid>.ddc-design-modern-subcard:first-child{grid-column:1/-1}
    .ddc-design-modern-social-grid{grid-template-columns:1fr}
    .ddc-responsive-modern-grid{grid-template-columns:1fr}
}
@media(max-width:860px){
    .ddc-design-modern-split,
    .ddc-design-modern-visibility-grid,
    .ddc-design-modern-toggle-grid{grid-template-columns:1fr}
    .ddc-design-modern-media-grid{grid-template-columns:1fr}
    .ddc-design-modern-media-grid>.ddc-design-modern-subcard:first-child{grid-column:auto}
    .ddc-design-modern-logo-card{grid-template-columns:1fr}
    .ddc-design-modern-social-card{grid-template-columns:1fr}
    .ddc-design-modern-card.ddc-form-span-2{grid-column:1/-1}
}
@media(max-width:640px){
    .ddc-design-modern-card{border-radius:14px!important}
    .ddc-design-modern-card__head{align-items:flex-start;padding:12px}
    .ddc-design-modern-card__tag{display:none}
    .ddc-design-modern-card__body{padding:12px}
    .ddc-design-modern-savebar{align-items:stretch!important;flex-direction:column!important}
    .ddc-design-modern-savebar .ddc-btn{width:100%}
    .ddc-design-modern-field-card{grid-template-columns:1fr!important}
}

/* v1.20.91 · Inicio guiado + contenido demo reversible */
.ddc-start-choice{padding:24px;margin-bottom:18px;border:1px solid #cfe0ff;background:linear-gradient(180deg,#fff,#f8fbff)}
.ddc-start-choice__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.ddc-start-choice__head h2{margin:4px 0 7px;font-size:24px}
.ddc-start-choice__head p{margin:0;max-width:820px;color:#607089}
.ddc-start-choice__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ddc-start-choice__option{position:relative;display:flex;flex-direction:column;min-height:250px;padding:20px;border:1px solid #dce5f2;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.ddc-start-choice__option.is-recommended{border-color:#9ec5ff;box-shadow:0 10px 30px rgba(37,99,235,.08)}
.ddc-start-choice__option h3{margin:10px 0 8px;font-size:19px}
.ddc-start-choice__option p{margin:0 0 18px;color:#607089;line-height:1.5}
.ddc-start-choice__option form{margin-top:auto}
.ddc-start-choice__option small{display:block;margin-top:10px;color:#7a879a;line-height:1.35}
.ddc-start-choice__number{display:inline-flex;align-items:center;justify-content:center;width:38px;height:30px;border-radius:10px;background:#edf4ff;color:#255fd0;font-weight:800;font-size:12px;letter-spacing:.04em}

.ddc-demo-content-card{scroll-margin-top:22px}
.ddc-demo-content-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}
.ddc-demo-content-stats article{padding:15px;border:1px solid #dbe4ef;border-radius:14px;background:#fbfdff}
.ddc-demo-content-stats span{display:block;color:#68778d;font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.ddc-demo-content-stats strong{display:block;margin-top:4px;font-size:24px;color:#0d1b33}
.ddc-demo-content-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.ddc-demo-content-features article{padding:16px 17px;border:1px solid #dbe4ef;border-radius:14px;background:#fbfdff}
.ddc-demo-content-features strong{display:block;margin-bottom:5px;color:#0d1b33}
.ddc-demo-content-features span{display:block;color:#67768b;line-height:1.45}
.ddc-demo-start-mode{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:15px;border-top:1px solid #e5ebf3;color:#627086}
.ddc-demo-start-mode form{margin:0}

@media (max-width:1100px){
  .ddc-start-choice__grid{grid-template-columns:1fr}
  .ddc-start-choice__option{min-height:0}
  .ddc-demo-content-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .ddc-start-choice__head{display:block}
  .ddc-start-choice__head .ddc-badge{display:inline-flex;margin-top:12px}
  .ddc-demo-content-stats,.ddc-demo-content-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ddc-demo-start-mode{align-items:flex-start;flex-direction:column}
}


/* v1.20.92 - Diseño > Noticia / Galería de imágenes */
.ddc-single-settings-card--gallery .ddc-single-settings-card__tag{background:#eef6ff;color:#174ea6}
.ddc-single-gallery-settings{display:grid;gap:14px}
.ddc-single-gallery-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.ddc-single-gallery-toggle-grid{grid-template-columns:1fr}}

/* ==========================================================
   v1.20.93 · Bloques especiales / encabezado robusto
   Evita superposición de íconos y unifica jerarquía visual.
   Sólo interfaz del panel; no modifica lógica ni datos.
   ========================================================== */
.ddc-section-builder-row--special > .ddc-section-builder-row__top{
    grid-template-columns:34px 44px minmax(220px,1.45fr) minmax(160px,.8fr) auto auto!important;
    column-gap:12px!important;
    row-gap:9px!important;
    min-height:72px;
}
.ddc-section-builder-row--special.has-ux-toggle > .ddc-section-builder-row__top{
    grid-template-columns:34px 44px minmax(220px,1.45fr) minmax(160px,.8fr) auto auto auto!important;
}
.ddc-section-builder-row--special .ddc-section-builder-row__special-icon{
    position:static!important;
    inset:auto!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    margin:0!important;
    justify-self:center;
    align-self:center;
    border-radius:11px!important;
    line-height:1!important;
    transform:none!important;
    overflow:hidden;
}
.ddc-section-builder-row--special .ddc-special-row-copy{
    min-width:0;
    gap:4px;
    overflow:visible;
}
.ddc-section-builder-row--special .ddc-special-row-titleline{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px 9px;
    min-width:0;
}
.ddc-section-builder-row--special .ddc-special-row-titleline>strong{
    margin:0;
    color:#101828;
    font-size:14px;
    line-height:1.25;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
}
.ddc-section-builder-row--special .ddc-special-block-badge{
    margin-left:0!important;
    flex:0 0 auto;
    line-height:1.15;
}
.ddc-section-builder-row--special .ddc-special-row-description{
    display:block;
    max-width:100%;
    color:#667085!important;
    font-size:10.5px!important;
    line-height:1.4;
    white-space:normal;
}
.ddc-section-builder-row--special .ddc-special-row-description b{color:#344054}
.ddc-section-builder-row--special .ddc-section-builder-row__summary{
    min-width:0;
}
.ddc-section-builder-row--special .ddc-section-builder-row__summary span,
.ddc-section-builder-row--special .ddc-section-builder-row__summary small{
    white-space:normal;
}
.ddc-section-builder-row__controls--special{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    padding:14px!important;
    gap:11px!important;
    background:#f7f9fc!important;
}
.ddc-section-builder-row__controls--special>.ddc-special-controls-intro,
.ddc-section-builder-row__controls--special>.ddc-block-typography,
.ddc-section-builder-row__controls--special>input[type="hidden"]{
    grid-column:1/-1;
}
.ddc-section-builder-row__controls--special>label,
.ddc-section-builder-row__controls--special>.ddc-special-block-toggles{
    min-width:0;
    border:1px solid #dde5ef!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(15,23,42,.025)!important;
}
.ddc-special-block-toggles{
    grid-column:1/-1;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px!important;
    padding:10px!important;
}
.ddc-special-block-toggles .ddc-inline-check{
    display:flex!important;
    align-items:center;
    gap:8px;
    min-height:38px!important;
    margin:0!important;
    padding:8px 10px!important;
    border:1px solid #e6ebf1!important;
    border-radius:9px!important;
    background:#fbfcfe!important;
    color:#344054!important;
    line-height:1.25;
}
.ddc-special-block-toggles .ddc-inline-check input{
    flex:0 0 auto;
    margin:0!important;
}
@media(max-width:1180px){
    .ddc-section-builder-row--special > .ddc-section-builder-row__top,
    .ddc-section-builder-row--special.has-ux-toggle > .ddc-section-builder-row__top{
        grid-template-columns:34px 44px minmax(180px,1fr) auto auto!important;
    }
    .ddc-section-builder-row--special .ddc-section-builder-row__summary{grid-column:3/5}
    .ddc-section-builder-row--special .ddc-section-builder-row__visibility{grid-column:3/4;justify-self:start}
    .ddc-section-builder-row--special .ddc-section-builder-row__config-toggle{grid-column:4/5}
    .ddc-section-builder-row--special .ddc-section-builder-row__top>a{grid-column:5/6;justify-self:end}
    .ddc-section-builder-row__controls--special{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .ddc-special-block-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
    .ddc-section-builder-row--special > .ddc-section-builder-row__top,
    .ddc-section-builder-row--special.has-ux-toggle > .ddc-section-builder-row__top{
        grid-template-columns:30px 42px minmax(0,1fr)!important;
        align-items:start;
    }
    .ddc-section-builder-row--special .ddc-section-builder-row__special-icon{width:38px!important;height:38px!important;min-width:38px!important}
    .ddc-section-builder-row--special .ddc-section-builder-row__identity{grid-column:3/4}
    .ddc-section-builder-row--special .ddc-section-builder-row__summary,
    .ddc-section-builder-row--special .ddc-section-builder-row__visibility,
    .ddc-section-builder-row--special .ddc-section-builder-row__config-toggle,
    .ddc-section-builder-row--special .ddc-section-builder-row__top>a{grid-column:3/4;justify-self:start}
    .ddc-section-builder-row__controls--special{grid-template-columns:1fr!important}
    .ddc-special-block-toggles{grid-template-columns:1fr}
}