.cms-body{background:#f5f7fb;color:#283650;font-size:13px}.cms-page{max-width:none;margin:auto;padding:22px}.cms-heading,.cms-actions,.cms-panel>header,dialog header,dialog footer,.cms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.cms-heading h1{font-size:22px;color:#2a3b6e;border-left:4px solid #ff6b00;padding-left:12px;margin:0 0 6px}.cms-heading p{margin:0;color:#66728a;font-size:12px}.cms-heading p strong,.cms-heading p span{color:#ad4900}.cms-filters{display:flex;gap:14px;margin:14px 0 20px}.cms-filters label:first-child{flex:1}.cms-body label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:12px}.cms-body input,.cms-body select,.cms-body textarea{border:1px solid #ccd5e3;border-radius:7px;padding:9px 10px;color:#283650;background:#fff;font:inherit;min-width:0;max-width:100%}.cms-body button{font:inherit}.cms-body .btn{border-radius:7px;padding:8px 12px;cursor:pointer;font-size:12px;white-space:nowrap}.cms-body .btn-primary{background:#2a3b6e;border:1px solid #2a3b6e;color:white}.cms-body .btn-light{background:white;border:1px solid #ccd5e3;color:#2a3b6e}.cms-body button:disabled{opacity:.5;cursor:not-allowed}.cms-body :focus-visible{outline:3px solid #f39a53;outline-offset:2px}.cms-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.cms-metric{border:1px solid #e0e6ee;border-top:3px solid #2a3b6e;border-radius:10px;padding:18px;background:white}.cms-metric:nth-child(2){border-top-color:#169c86}.cms-metric:nth-child(3){border-top-color:#ff6b00}.cms-metric strong{display:block;font-size:26px;color:#24355f;margin-top:6px}.cms-metric span{color:#62708a;font-size:12px}.cms-columns{display:grid;grid-template-columns:1.15fr 1fr .75fr;gap:18px;align-items:start}.cms-columns>*{min-width:0}.cms-panel{background:white;border:1px solid #e0e6ee;border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 2px 5px #25365604}.cms-panel h2{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:#2a3b6e;margin:0}.cms-panel>header{margin-bottom:15px}.cms-panel>header span,.cms-help,.cms-panel p{color:#657189;font-size:12px;line-height:1.65}.cms-link{color:#2a4e96;background:none;border:0;cursor:pointer;font-size:12px}.cms-scroll{overflow:auto}.cms-body table{border-collapse:collapse;width:100%;font-size:12px}.cms-body th{background:#f5f7fb;color:#68748c;text-align:left;white-space:nowrap}.cms-body td,.cms-body th{padding:11px 9px;border-bottom:1px solid #edf0f5}.cms-body td small{display:block;color:#69748b;margin-top:5px}.cms-body td .btn{padding:5px 8px}.cms-badge{display:inline-block;border-radius:5px;padding:4px 7px;font-size:11px;white-space:nowrap;background:#eff2f7;color:#526078}.cms-badge.publicado,.cms-badge.aprobado{background:#e5f5ef;color:#16705a}.cms-badge.revision{background:#fff1e2;color:#975000}.cms-empty{padding:26px 12px;text-align:center;color:#68748c;line-height:1.7;border:1px dashed #dce3ed;border-radius:8px}.cms-resource{display:block;padding:14px 0;border-bottom:1px solid #edf0f5;color:#2a3b6e;text-decoration:none}.cms-resource span{display:block;color:#657189;font-size:12px;margin-top:5px}.cms-note{border-left:3px solid #ff6b00}.cms-site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.cms-site-card{border:1px solid #e0e6ee;padding:16px;border-radius:10px}.cms-site-card h3{font-size:15px;color:#2a3b6e;margin:0 0 7px}.cms-site-card p{overflow-wrap:anywhere}.cms-site-card .cms-actions{justify-content:flex-start;margin-top:14px;flex-wrap:wrap}.cms-activity{padding:12px 0;border-bottom:1px solid #edf0f5;font-size:12px;overflow-wrap:anywhere}.cms-activity small{display:block;color:#69758a;margin-top:6px}.cms-error{color:#b32938!important;background:#fff0f1;border-radius:6px;padding:12px}.cms-body [hidden]{display:none!important}.cms-body dialog{border:1px solid #dce3ed;border-radius:12px;padding:0;color:#283650;width:min(620px,95vw);max-width:95vw;max-height:92vh;box-shadow:0 20px 80px #15234333}.cms-body dialog::backdrop{background:#14244470}.cms-body dialog header,.cms-body dialog footer{padding:16px 20px;background:#f8fafd}.cms-body dialog h2{font-size:18px;color:#2a3b6e;margin:0}.cms-form{padding:20px;display:flex;flex-direction:column;gap:14px}.cms-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cms-domain{display:flex;align-items:center;gap:8px}.cms-domain input{width:100%}.cms-body label.cms-check{flex-direction:row;align-items:center}.cms-body #page-dialog{width:min(1300px,95vw)}.cms-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cms-preview{padding:20px;background:#edf1f8;min-width:0}.cms-preview iframe{width:100%;max-width:100%;height:560px;border:1px solid #dce3ed;background:white;margin:14px auto 0;display:block}.cms-block{border:1px solid #dce3ed;border-radius:8px;padding:12px;margin-bottom:10px}.cms-block header{padding:0!important;margin-bottom:10px;background:white!important}.cms-block textarea{width:100%;min-height:95px}.cms-block label{margin-top:8px}.cms-eyebrow{font-size:10px;letter-spacing:.08em;margin:0 0 4px;color:#69758a}.cms-body dialog footer{position:sticky;bottom:0;border-top:1px solid #dce3ed}.cms-body dialog footer>span{font-size:12px;max-width:60%}.cms-body summary{cursor:pointer;color:#2a3b6e;padding:10px 0}.cms-toolbar{flex-wrap:wrap}.cms-actions{flex-wrap:wrap}.cms-block-actions{display:flex;gap:4px}.cms-block-actions button{padding:3px 8px!important}#status:empty{display:none}@media(max-width:1100px){.cms-columns{grid-template-columns:1fr 1fr}.cms-columns aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.cms-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.cms-page{padding:14px}.cms-heading{align-items:flex-start;flex-direction:column}.cms-heading h1{font-size:20px}.cms-filters{flex-wrap:wrap}.cms-filters label{flex:1;min-width:130px}.cms-filters label:first-child{flex-basis:100%}.cms-metrics{grid-template-columns:repeat(2,1fr);gap:10px}.cms-columns,.cms-columns aside,.cms-editor{display:block}.cms-panel{padding:14px}.cms-grid{grid-template-columns:1fr}.cms-body dialog footer{align-items:flex-start;flex-direction:column}.cms-body dialog footer>span{max-width:100%}.cms-preview iframe{height:420px}}

/* El body compartido es flex: el hub debe limitar su ancho al viewport. */
body.cms-body{font-size:13px}.cms-page{width:100%;min-width:0;box-sizing:border-box}.cms-body td{background:#fff}.cms-body .cms-link{font-size:12px}.cms-site-card+.cms-site-card{margin-top:10px}

.cms-body input:disabled,.cms-body select:disabled{background:#eef2f7!important;color:#57637b!important;opacity:1}.cms-body button:disabled{background-color:#f2f4f8;color:#66728a}.cms-body .btn-primary:disabled{background-color:#2a3b6e;color:white}

/* Extensiones CMS: los grids mantienen el componente eDS compartido. */
.cms-metric{text-align:left;cursor:pointer}.cms-inline{border:0;cursor:pointer}.cms-record{font-weight:700;text-align:left;padding:0}.cms-body .cms-site-card h3 .cms-record{font-size:15px}.cms-body #design-dialog{width:min(1300px,95vw)}.cms-body #design-dialog h3{font-size:14px;color:#2a3b6e;margin:10px 0 0}.cms-body input[type=color]{width:100%;height:38px;padding:4px}.cms-body #ai-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fb;padding:14px;border-radius:8px;max-height:300px;overflow:auto;font:inherit}.cms-body #cms-ai .btn{margin-top:10px}.cms-body .cms-inline:focus-visible,.cms-metric:focus-visible{outline:3px solid #ff6b00;outline-offset:3px}

/* CMS: páginas independientes y componentes eDS. */
.cms-page{padding:16px 20px;margin:0;width:100%;max-width:none;min-width:0;box-sizing:border-box}
.cms-heading{margin-bottom:16px;flex-wrap:wrap;align-items:center}.cms-heading>div:first-child{min-width:0}.cms-heading .et-hd-actions{margin-left:auto;justify-content:flex-end}
.cms-filters{align-items:flex-end;padding:12px;background:white;border:1px solid var(--et-line,#e4e9f2);border-radius:8px;gap:12px;margin:0 0 16px}.cms-filters select,.cms-filters input{height:34px;padding:6px 10px}.cms-filters label:not(:first-child){min-width:160px}.cms-filters #clear-filters{height:34px}
.cms-body .cms-metric{padding:14px}.cms-metric .et-kpi-hd{display:flex;align-items:center;gap:8px}.cms-metric .et-kpi-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#eaeefb;color:#2a3b6e;border-radius:8px}.cms-metric .et-kpi-sub{display:block;font-size:11px;color:#5b667e;margin-top:6px}
.cms-panel h2{font-size:13px}.cms-empty{font-size:12px;background:#eaeefb;color:#2a3b6e;border-color:#e4e9f2}#attention .cms-empty{background:#e5f5ef;color:#16705a}
.cms-body dialog>header,.cms-body dialog>form>header{position:sticky;top:0;z-index:4;border-bottom:1px solid #e4e9f2;flex-wrap:nowrap;align-items:center}.cms-body dialog>header>button,.cms-body dialog>form>header>button{margin-left:auto;flex:0 0 auto}.cms-body dialog header h2{font-size:18px;overflow-wrap:anywhere}.cms-body dialog header>div{min-width:0}
.cms-body .btn:disabled{opacity:1;background:#f2f4f8;color:#66728a;border-color:#ccd5e3}.cms-body .et-date-wrap{width:100%}.cms-body .et-date-wrap>.et-date{width:100%;padding-right:38px}.cms-body .et-date-native{position:absolute;opacity:0;pointer-events:none}.cms-body .et-date-btn{background:transparent;color:#2a3b6e}
.cms-body table td{font-size:12px;vertical-align:middle;padding:12px}.cms-body table th{font-size:11px}.cms-body table td small{font-size:11px}.cms-body .cms-record{font-size:12.5px;font-weight:600}.cms-scroll{min-width:0}.cms-body .cms-inline{font-size:11px}.cms-body #cms-ai summary i{color:#ff6b00;background:#fff0e6;padding:6px;border-radius:6px}
@media(max-width:700px){.cms-page{padding:12px}.cms-heading{gap:12px}.cms-heading .et-hd-actions{margin-left:0;width:100%;justify-content:flex-start}.cms-filters{gap:10px}.cms-filters label:not(:first-child){min-width:0;flex-basis:40%}.cms-body #clear-filters{margin-left:auto}.cms-body dialog header{padding:12px}.cms-body dialog footer{position:static}.cms-body .cms-form,.cms-body .cms-preview{padding:14px}.cms-body .cms-site-grid{grid-template-columns:minmax(0,1fr)}
.cms-body #page-list table,.cms-body #flow table,.cms-body #domain-list table{display:block}.cms-body #page-list thead,.cms-body #flow thead,.cms-body #domain-list thead{display:none}.cms-body #page-list tbody,.cms-body #flow tbody,.cms-body #domain-list tbody{display:block}.cms-body #page-list tr,.cms-body #flow tr,.cms-body #domain-list tr{display:block;border:1px solid #e4e9f2;border-radius:8px;margin-bottom:10px;padding:4px}.cms-body #page-list td,.cms-body #flow td,.cms-body #domain-list td{display:block;white-space:normal;overflow-wrap:anywhere;padding:8px;border:0}.cms-body td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:#5b667e;margin-bottom:4px}.cms-body #design-menu td,.cms-body #design-menu th{padding:6px}.cms-body #design-menu .btn{padding:4px}.cms-body #design-menu td:nth-child(2){overflow-wrap:anywhere}.cms-body #design-menu td:nth-child(3){white-space:normal}.cms-body #design-menu th{white-space:normal}.cms-body .cms-columns aside{display:block}}
.cms-body .et-date-wrap{position:relative}.cms-body .et-date-wrap .et-date-native{position:absolute;top:0;left:0;right:auto;width:1px;height:1px;padding:0;border:0;margin:0;opacity:0;pointer-events:none}

/* Márgenes uniformes: el reset compartido no debe eliminar el margen superior. */
body.cms-body main.main-content.cms-page{padding:16px 20px!important}
.cms-body .cms-resource strong{font-size:12.5px}.cms-body .cms-resource{font-size:12px}
@media(max-width:700px){body.cms-body main.main-content.cms-page{padding:12px!important}}

.cms-body .cms-filters label{margin:0}.cms-body .cms-filters #clear-filters{height:34px!important;padding:6px 10px!important;line-height:20px}
.cms-body .cms-heading>div:first-child{text-align:left}
@media(max-width:700px){.cms-body .cms-heading>div:first-child{width:100%;align-self:flex-start}.cms-body .cms-heading>.et-hd-actions.et-header-actions-standard{justify-content:flex-start}.cms-body .cms-heading .et-screen-title{text-align:left}}