/* PHmx Boletines · editorial workspace · 2026-10-21 */
:root{--ink:#18243b;--muted:#627089;--page:#f3f5f9;--line:#dce3ee;--blue:#154dc4;--purple:#7626b9;--shadow:0 12px 36px #172b4d12}
html{scroll-behavior:smooth;scroll-padding-top:108px}
body{background:var(--page)}
.skip-link{position:fixed;left:1rem;top:-100px;z-index:100;padding:.8rem 1rem;background:var(--ink);color:white;border-radius:10px}
.skip-link:focus{top:1rem}
.app-header{padding:.8rem max(1.5rem,calc((100vw - 1400px)/2));background:#fff;backdrop-filter:none;box-shadow:0 1px 0 #fff}
.app-header::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#ed0040 0 20%,#ffe500 20% 40%,#00c746 40% 60%,#0050cf 60% 80%,#8500c9 80%)}
.brand strong{font-size:1.1rem;letter-spacing:-.035em}.brand span{font-size:.7rem}.brand-mark{width:43px;height:43px}
.header-actions{gap:.45rem}.header-actions .secondary{background:#f7f9fc;border-color:#e1e6ee;box-shadow:none}
.status-strip{max-width:1450px;padding:.7rem 1.5rem .2rem;font-size:.75rem}
.workspace{width:min(1450px,100%);padding:0 1.5rem 3.5rem;gap:1.3rem;align-items:start}
.workspace-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:1.1rem 0 .6rem}
.workspace-intro .eyebrow{font-size:.7rem;letter-spacing:.14em;color:var(--blue)}
.workspace-intro h1{max-width:760px;font-size:clamp(1.7rem,3vw,2.65rem);font-weight:780;line-height:1.1;letter-spacing:-.055em;margin:.4rem 0 .65rem}
.workspace-intro>div>p:last-child{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}
.workflow-nav{display:flex;gap:1rem;flex:none;padding-bottom:.1rem}
.workflow-nav a{display:flex;align-items:center;gap:.4rem;color:#65728a;text-decoration:none;font-size:.76rem;font-weight:650;white-space:nowrap}
.workflow-nav a:hover{color:var(--blue)}.workflow-nav span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #cbd6e8;border-radius:50%;background:#fff;font-size:.7rem;color:var(--blue)}
.step-card{border-radius:17px;box-shadow:0 4px 16px #263a5b04;padding:1.4rem}
.step-heading{gap:.65rem;margin-bottom:1.25rem}.step-heading h2{font-size:1.2rem;letter-spacing:-.025em;line-height:1.25}.step-heading .eyebrow{font-size:.66rem;letter-spacing:.13em}
.step-number{width:31px;height:31px;border-radius:10px;background:#edf2fc;color:var(--blue);font-size:.87rem}
.step-card[aria-labelledby="step-content"] .step-number{background:#f3edfa;color:var(--purple)}
.step-card[aria-labelledby="step-results"] .step-number{background:#e7f5ee;color:#14714b}
.mode-grid{gap:.55rem}.mode-option{padding:.8rem .65rem;border-radius:10px;gap:.5rem}
.mode-option strong{font-size:.82rem}.mode-option small{font-size:.71rem;line-height:1.4}.mode-option:has(input:checked){border-color:#90ade2;box-shadow:none;background:#edf3ff}
.mode-option input{width:16px;min-height:16px;flex:none}.news-controls{gap:.6rem;margin-top:1.1rem;align-items:end}
.news-controls label{width:135px;font-size:.77rem}.news-controls .button,.news-controls .primary-button{font-size:.82rem}
.primary-button{box-shadow:0 3px 8px #154dc420;background:var(--blue);border-radius:9px;letter-spacing:-.01em}
.primary-button:hover:not(:disabled){background:#1044ae;transform:none}.button.secondary{border-radius:8px;box-shadow:none}
.selection-count{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:.25rem .6rem;margin:0;border-radius:7px;background:#edf3ff;color:#174ba8;font-size:.75rem;font-weight:750;font-variant-numeric:tabular-nums}
.news-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem .75rem;margin-top:1.25rem;padding-top:1.05rem;border-top:1px solid #e8ecf2}
.news-search>label:first-child{grid-column:1/-1;font-size:.75rem;color:var(--muted);font-weight:600}
.news-search input[type="search"]{min-height:41px;padding:.55rem .7rem;border-color:#d5ddea;background:#fafbfd;font-size:.82rem}
.selection-filter{display:flex;gap:.4rem;align-items:center;font-size:.75rem;white-space:nowrap;color:#4c5c75}
.selection-filter input{width:16px;min-height:16px;margin:0;accent-color:var(--blue)}
#news-order-help{line-height:1.55;font-size:.72rem;margin:.8rem 0 .4rem;color:#6a768b}
.news-list{gap:.8rem}.news-card{border-radius:12px;border-color:#e0e6f0;transition:border-color .15s,box-shadow .15s}
.news-card.selected{border-color:#9ab6e9;box-shadow:inset 3px 0 0 #255ecd}
.news-card-top{grid-template-columns:20px 120px minmax(0,1fr);gap:.85rem;padding:.9rem}
.news-thumb{aspect-ratio:1.4;object-fit:cover;max-height:105px;border-radius:7px}
.news-check{width:18px;min-height:18px}.meta-line{font-size:.64rem;letter-spacing:.025em}
.news-copy h3{font-size:.94rem;line-height:1.35;letter-spacing:-.018em;margin-bottom:.35rem}
.news-copy>p:not(.meta-line){font-size:.78rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card-actions{padding:0 .9rem .8rem 2.9rem;gap:.35rem}.news-card-actions .compact{min-height:32px;padding:.3rem .5rem;font-size:.7rem}
.news-drag-handle{background:#f8faff!important;border-color:#e1e7f1!important;color:#60718b!important}
.news-card-actions [data-move-article]{width:32px;padding:.3rem}
.profile-note{font-size:.76rem;margin-bottom:1.1rem;padding:.65rem .75rem;border-radius:9px;background:#f5f7fb;line-height:1.5}
.content-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:0}
.content-fields label,.edition-field>label{font-size:.8rem;font-weight:700;color:#33425b}.content-fields label:first-child{grid-column:auto}
.content-fields textarea{font-size:.83rem;font-weight:400;line-height:1.65;padding:.7rem .8rem;border-color:#cfd9e9;border-radius:9px}
.edition-field{display:grid;gap:.4rem}.edition-control{border:1px solid #ccd7e8;border-radius:10px;background:#fff;overflow:hidden}
.edition-control>span{display:block;padding:.6rem .8rem 0;color:#66748c;font-size:.75rem}
.edition-control select{border:0;border-radius:0;min-height:43px;padding:.25rem 2rem .6rem .8rem;font-size:.96rem;font-weight:800;letter-spacing:.025em;color:var(--blue);background:transparent}
.edition-field small{font-size:.71rem;line-height:1.5;color:var(--muted)}
.output-choice{display:grid;gap:.6rem;padding:.8rem 1rem;margin-top:1.15rem;border-color:#e0e6ee;border-radius:10px}
.output-choice legend{font-size:.8rem}.output-choice label{font-size:.8rem}.output-choice input{width:16px;min-height:16px}
.generation-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid #e5eaf2}
.generation-summary>div{display:grid;gap:.15rem}.summary-label{font-size:.68rem;color:var(--muted)}
.generation-summary strong{font-size:.8rem;color:var(--ink);letter-spacing:.04em}.generation-summary>span{padding:.3rem .55rem;border:1px solid #d9e4f5;background:#f5f8ff;border-radius:7px;font-size:.75rem;color:var(--blue);font-weight:750}
.generation-summary p{width:100%;font-size:.72rem;color:var(--muted);margin:.25rem 0 0;line-height:1.5}
.generate-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem;font-size:.9rem;min-height:48px}
.generate-button:disabled{opacity:1;background:#e6ebf3;color:#8c98aa;box-shadow:none}
.results-instruction{font-size:.84rem;color:var(--muted);margin:-.4rem 0 1.2rem;line-height:1.6}
.results-grid{align-items:start}.result-card{border-radius:12px}.result-card header{display:block;padding:1rem;background:#f8faff}
.result-card h3{font-size:.95rem}.result-actions{margin-top:.75rem;gap:.4rem}.result-actions .compact{font-size:.74rem;min-height:35px}
.result-actions [data-copy]{background:var(--blue);border-color:var(--blue);color:white}.result-actions [data-copy]:hover{background:#1044ae!important;color:white}
.email-output-note{display:flex;gap:.8rem;padding:1.3rem 1rem;color:#52637d}.email-output-note>span{font-size:1.7rem;color:var(--blue)}.email-output-note p{margin:0;font-size:.82rem;line-height:1.7}.email-output-note strong{color:#293c5c}
.generated-code{border-top:1px solid #e3e9f2}.generated-code summary{padding:.8rem 1rem;cursor:pointer;color:#52637d;font-size:.78rem;font-weight:650}.generated-code textarea{height:230px!important;background:#fafbfd;font-size:.7rem}
.whatsapp-output{padding:1rem;background:#edf5f0}.whatsapp-output pre{height:380px;margin:0;border-radius:10px;background:#fff;box-shadow:0 2px 5px #1a4b2e0b;font-family:inherit;font-size:.8rem;line-height:1.65;overflow-wrap:anywhere}
.auth-card{border-radius:18px;box-shadow:var(--shadow)}.auth-card .primary-button{min-height:48px}
.toast{font-size:.83rem}.help-button{width:20px;height:20px;margin-left:.15rem}.news-controls .help-button{width:18px;height:18px}
@media(min-width:1100px){
  .workspace{grid-template-columns:minmax(0,1.9fr) minmax(340px,1fr)}
  .workspace-intro,#results-section{grid-column:1/-1}
  .step-card[aria-labelledby="step-content"]{position:sticky;top:92px;max-height:calc(100svh - 110px);overflow:auto;scrollbar-width:thin}
  .workspace:has(#results-section:not([hidden])) .step-card[aria-labelledby="step-content"]{position:static;max-height:none;overflow:visible}
}
@media(max-width:1099px){.workspace-intro{align-items:start;flex-direction:column;gap:1rem}.workflow-nav{gap:1.25rem}.workspace{max-width:940px}.content-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.edition-field{grid-column:1/-1}.generation-summary{max-width:none}.output-choice{display:flex;gap:.8rem 1.2rem}}
@media(max-width:900px){.app-header{position:relative;padding:1rem 1.25rem}.header-actions{grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr));gap:.4rem}.profile-picker{grid-column:auto}.header-actions>.button,.header-actions>.button-link,.header-actions>.header-account-action{min-height:40px;height:auto;font-size:.73rem;padding:.4rem}.header-action-label{display:none}.header-actions>.header-account-action{width:40px}.status-strip{padding:.6rem 1.25rem 0}html{scroll-padding-top:20px}}
@media(max-width:640px){
  .workspace{padding:0 1rem 2rem;gap:1rem}.workspace-intro{padding:.8rem .1rem .3rem}.workspace-intro h1{font-size:1.85rem;max-width:340px}.workspace-intro>div>p:last-child{font-size:.81rem}.workflow-nav{gap:1.15rem}.workflow-nav a{font-size:.72rem}
  .app-header{padding:.9rem 1rem .75rem}.header-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-picker{grid-column:1/-1}.header-actions>.header-account-action{width:100%}.header-action-label{display:inline;font-size:.7rem}.brand strong{font-size:1rem}
  .step-card{padding:1rem}.step-heading h2{font-size:1.15rem}.mode-grid{grid-template-columns:1fr}.mode-option{padding:.7rem .8rem;gap:.6rem}.mode-option span{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem}.mode-option small{margin:0}.mode-option strong{min-width:92px}
  .news-controls{display:grid;grid-template-columns:110px minmax(0,1fr)}.news-controls>*{width:auto!important}.news-controls label{width:auto}.news-controls #deselect-news{grid-column:1}.news-controls .selection-count{justify-self:start;min-height:38px}
  .news-search{grid-template-columns:1fr}.selection-filter{margin-top:.2rem}.news-card-top{grid-template-columns:18px 78px minmax(0,1fr);gap:.55rem;padding:.75rem}.news-thumb{grid-column:auto;width:78px;aspect-ratio:1;max-height:78px}.news-copy{grid-column:auto}.meta-line{font-size:.56rem}.news-copy h3{font-size:.84rem;line-height:1.35}.news-copy>p:not(.meta-line){display:none}
  .news-card-actions{padding:0 .75rem .75rem 2.4rem;margin:0}.news-card-actions .compact{min-height:35px}.content-fields{grid-template-columns:1fr}.content-fields label:first-child{grid-column:auto}.edition-field{grid-column:auto}.output-choice{display:grid}.results-grid{grid-template-columns:1fr}.results-instruction{font-size:.79rem}.result-card header{padding:.9rem}.result-card .result-actions{gap:.35rem}
  .preview-actions{flex-wrap:wrap;justify-content:end}.dialog-head{gap:.6rem}.preview-actions .compact{font-size:.7rem}.news-controls .help-button{padding:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}