:root{font-family:system-ui,-apple-system,sans-serif;color:#24334a;background:#f3f6fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #d9e1ec;padding:24px max(20px,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}header strong{font-size:28px;letter-spacing:2px;color:#13488c}header span{display:block;font-size:13px;color:#59697f}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}a{color:#13488c}nav a{text-decoration:none;font-size:14px}nav form{margin:0}main{max-width:1100px;margin:36px auto;padding:0 20px}h1{font-size:30px}h2{font-size:22px}.card{background:white;padding:28px;border:1px solid #d9e1ec;border-radius:12px;margin:20px 0}.narrow{max-width:520px}label{display:block;margin:18px 0 10px;font-weight:600}input:not([type=checkbox]),textarea{width:100%;padding:12px;border:1px solid #a8b6c8;border-radius:6px;font:inherit;margin-top:8px}input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:8px}textarea{font-family:monospace;line-height:1.6}button{cursor:pointer;border:0;border-radius:6px;background:#13488c;color:#fff;font:inherit;padding:12px 20px;margin:12px 0}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#eaf0f8;color:#13488c}.link{color:#13488c;background:transparent;padding:0;margin:0;font-size:14px}.notice{background:#e8effb;border-left:4px solid #13488c;padding:16px}.error{background:#ffebeb;color:#8b2424;padding:16px}.muted{font-size:13px;color:#68788b}.toolbar{display:flex;gap:6px;flex-wrap:wrap}.toolbar[hidden]{display:none}.toolbar button{background:#eaf0f8;color:#13488c;font-size:14px;padding:8px 12px;margin:6px 0}.rich-editor{background:white;min-height:300px;border:1px solid #a8b6c8;border-radius:6px;padding:16px;line-height:1.6;overflow:auto}.rich-editor:focus{outline:2px solid #13488c}.rich-editor table{border-collapse:collapse;width:100%}.rich-editor td,.rich-editor th{border:1px solid #bac6d3;padding:8px}.preview{width:100%;height:850px;border:1px solid #d9e1ec;background:#fff}.confirm-send{border-top:1px solid #d9e1ec;border-bottom:1px solid #d9e1ec;padding:12px 0}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:14px;border-bottom:1px solid #d9e1ec}th{font-size:14px;color:#586b83}.scroll{overflow:auto}footer{text-align:center;color:#68788b;font-size:13px;padding:32px}fieldset{border:1px solid #d9e1ec;margin:20px 0}.pager a{margin-right:20px}dt{font-weight:600;margin-top:12px}dd{margin:4px 0 16px}@media(max-width:600px){header{padding:18px}main{padding:0 12px}.card{padding:18px}nav{gap:14px}.preview{height:650px}}

/* Menú principal: mismo borde y espaciado que los paginadores. */
header nav{gap:8px}
header nav a,header nav button.link{display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;padding:8px 12px;border:1px solid #ccd5e1;border-radius:5px;text-decoration:none;font-size:15px;line-height:1.4;margin:0;background:transparent;color:#13488c}
header nav a:hover,header nav button.link:hover{background:#eaf0f8}
header nav a:focus-visible,header nav button.link:focus-visible{outline:2px solid #13488c;outline-offset:2px}

header nav a:hover,header nav button.link:hover,header nav a[aria-current="page"]{font-weight:700}

.edit-before-send{border-top:1px solid #d9e1ec;padding:16px 0;margin-top:12px}
.edit-content-button{background:#13488c;color:#fff}
.confirm-send{background:#f3f6fc;border:0;border-radius:2px;padding:24px 18px 4px;margin:20px;position:relative}
.confirm-send::before,.confirm-send::after{content:"";position:absolute;left:-20px;right:-20px;height:1px;background:#d9e1ec}
.confirm-send::before{top:-20px}
.confirm-send::after{bottom:-20px}
.confirm-send label{margin:0 0 12px}
.confirm-send button{background:#13488c;color:#fff}
.confirm-send button:disabled{background:#a2b1c8;color:#fff;opacity:1;cursor:not-allowed}

.test-send-button{background:#13488c;color:#fff}