:root{font-family:Arial,Helvetica,sans-serif;color:#5c3540;background:#fff9f2;--wine:#781234;--wine2:#921b49;--cream:#fff9f2;--paper:#fffdf9;--pink:#f5c4bd;--pink2:#f8ddd8;--salmon:#f2a49a;--gold:#d99d43;--line:#edc8c4;--muted:#80636b;--ok:#225d4a;--danger:#9c1d36;--shadow:0 12px 28px rgba(84,26,43,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(#f4bbb3 0 230px,#fff9f2 520px);color:#5c3540}button,input,textarea{font:inherit}button{cursor:pointer}.shell{width:min(100%,980px);margin:auto;padding-bottom:48px}.hero{padding:80px 22px 72px;text-align:center;background:radial-gradient(circle at 20% -20%,#f7c9c1 0 33%,transparent 34%),#fff9f2}.pill,.kicker{display:inline-flex;border:1.5px solid var(--gold);border-radius:999px;background:var(--wine);color:white;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.kicker{padding:8px 14px;font-size:11px}.hero h1{max-width:760px;margin:22px auto 16px;color:var(--wine);font:700 clamp(38px,7vw,66px)/.98 Georgia,serif;letter-spacing:-.035em}.hero .subtitle{max-width:760px;margin:auto;color:#7b4052;font:20px/1.35 Georgia,serif}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:26px}.hero-stats span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:700}.stack{display:grid;gap:24px;padding:0 18px}.panel{scroll-margin-top:14px;padding:24px;border:1px solid var(--line);border-radius:28px;background:rgba(255,253,249,.98);box-shadow:var(--shadow)}.panel h2{margin:12px 0 9px;color:var(--wine);font:700 clamp(27px,5vw,38px)/1.08 Georgia,serif}.panel h3{color:var(--wine)}.lead{margin:0 0 18px;color:#6c4853;line-height:1.45}.grid{display:grid;gap:12px}.steps,.quick-grid,.needs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step,.nav-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px;text-align:left;color:var(--wine);font-weight:800}.step{min-height:82px}.step small,.nav-card small{display:block;margin-top:5px;color:var(--muted);font-weight:500;line-height:1.3}.nav-card{display:flex;justify-content:space-between;align-items:center;gap:12px}.arrow{font-size:19px}.privacy,.help-note,.info-note{margin:12px 0;padding:12px 14px;border-radius:14px;background:#fff3ef;border:1px solid #f0d0cb;font-size:13px;line-height:1.45}.privacy{display:inline-block;color:#812044;font-weight:800}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field{display:block;padding:11px 12px;border:1px solid var(--line);border-radius:16px;background:#fff}.field b{display:block;margin-bottom:5px;color:var(--wine);font-size:12px}.field input,.field textarea,.search-input,.wa-result{width:100%;border:0;border-bottom:2px solid #eba1a7;padding:8px 2px;background:transparent;color:#51333d;outline:none}.field input:focus,.field textarea:focus,.search-input:focus{border-color:var(--wine)}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.btn{border:1.5px solid var(--gold);border-radius:999px;padding:11px 15px;background:#fff;color:var(--wine);font-weight:800}.btn.primary{background:var(--wine);color:#fff}.btn.danger{border-color:#d99b9b;color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.status{min-height:19px;margin-top:10px;color:var(--wine);font-size:13px;font-weight:700}.library-toolbar{display:grid;gap:12px}.view-tabs,.fr-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.tab{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:#fff;color:var(--wine);font-weight:800}.tab.active{background:var(--wine);color:white;border-color:var(--wine)}.search-box{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--line);padding:7px 11px;border-radius:999px;background:#fff}.search-box .search-input{border-bottom:0}.count-line{font-size:13px;color:var(--muted)}.message-groups{display:grid;gap:16px;margin-top:18px}.message-group{border-top:1px solid #efd7d3;padding-top:16px}.message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.message-card,.wb-card,.campaign{position:relative;border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px;overflow-wrap:anywhere}.message-head{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.message-id{display:inline-block;margin-bottom:5px;color:#9d4c62;font-size:11px;font-weight:900;letter-spacing:.06em}.message-card h4,.wb-card h4{margin:0 0 8px;color:var(--wine);font:700 18px/1.15 Georgia,serif}.message-purpose{margin:0 0 9px;color:var(--muted);font-size:12px}.message-text{white-space:pre-wrap;margin:0;line-height:1.45}.favorite{border:0;background:transparent;font-size:23px;line-height:1;color:#b48b93}.favorite.on{color:#d99d43}.vars{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}.vars summary{cursor:pointer;color:var(--wine);font-weight:800;font-size:13px}.var-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.var-field{font-size:12px}.var-field input{width:100%;margin-top:4px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:#fffaf7}.unresolved{margin-top:8px;color:var(--danger);font-size:12px;font-weight:800}.card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.copy-btn{border:0;border-radius:999px;padding:9px 12px;background:var(--wine);color:white;font-weight:800}.focus-flash{animation:flash 1.6s ease}@keyframes flash{0%,100%{box-shadow:none}25%{box-shadow:0 0 0 5px rgba(217,157,67,.35)}}.fr-box{margin-top:12px}.empty{padding:18px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}.wa-form{display:grid;grid-template-columns:120px 1fr;gap:10px}.wa-form .wide{grid-column:1/-1}.wa-result-wrap{margin-top:12px;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--line)}.wa-result{font-family:monospace}.accordion{display:grid;gap:8px}.acc-item{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.acc-head{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:#fff;padding:14px 16px;color:var(--wine);font-weight:900;text-align:left}.acc-body{display:none;padding:0 14px 14px}.acc-item.open .acc-body{display:block}.wb-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-list{display:grid;gap:8px;padding:0;list-style:none}.guide-list li{padding:10px 12px;border-left:4px solid var(--gold);background:#fff9f4;border-radius:10px}.labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.label-card{padding:10px;border-radius:12px;background:#fff7f3;border:1px solid var(--line)}.campaigns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.campaign h3{margin-top:0}.stage{margin-top:10px;padding-top:10px;border-top:1px solid #f0d9d5}.stage b{color:var(--wine)}.refs{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.ref-btn{border:1px solid var(--gold);border-radius:999px;background:#fff;color:var(--wine);padding:6px 9px;font-size:12px;font-weight:800}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.resource-stub{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.resource-stub b{display:block;color:var(--wine)}.help-list details{border-top:1px solid var(--line);padding:11px 0}.help-list summary{cursor:pointer;color:var(--wine);font-weight:800}.help-list p{line-height:1.45}.footer{text-align:center;padding:26px;color:#7f5e67;font-weight:800}.dev-note{font-size:12px;color:#80636b}.hidden{display:none!important}#toast{position:fixed;z-index:30;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#441728;color:#fff;padding:11px 15px;border-radius:999px;font-weight:800;transition:.2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:720px){body{background:linear-gradient(#f4bbb3 0 190px,#fff9f2 460px)}.hero{padding:62px 20px 68px}.stack{padding:0 12px;gap:18px}.panel{padding:20px 17px;border-radius:24px}.steps,.quick-grid,.needs-grid,.message-grid,.wb-copy-grid,.campaigns,.resource-grid{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.var-grid{grid-template-columns:1fr}.wa-form{grid-template-columns:96px 1fr}.labels{grid-template-columns:1fr}.hero-stats{gap:6px}.hero-stats span{font-size:12px;padding:7px 9px}}

/* CHECKPOINT 02 · Editors físicos Stories + Posts */
.visual-panel .lead{max-width:820px}.visual-grid{display:grid;gap:12px;margin-top:16px}.story-physical-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.post-physical-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.visual-card.is-open{grid-column:1/-1;overflow:visible}.visual-card-button{display:grid;width:100%;height:100%;border:0;background:#fff;color:var(--wine);padding:0;text-align:left;cursor:pointer}.visual-thumb-frame{display:block;width:100%;overflow:hidden;background:#fff8f4}.visual-thumb{display:block;width:100%;height:100%;object-fit:cover}.visual-card-label{display:block;padding:11px 12px}.visual-card-label b{display:block;font:700 17px/1.2 Georgia,serif}.visual-card-label small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.03em}.visual-card.is-open>.visual-card-button{height:auto;border-bottom:1px solid var(--line)}.visual-card.is-open>.visual-card-button .visual-thumb-frame{display:none}.visual-card.is-open>.visual-card-button .visual-card-label{padding:12px 14px}.visual-editor{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(320px,1.15fr);gap:16px;padding:14px;align-items:start}.visual-editor[hidden]{display:none!important}.visual-editor-controls{min-width:0}.visual-field-list{display:grid;gap:9px}.visual-field{display:block;padding:10px 11px;border:1px solid var(--line);border-radius:14px;background:#fffaf7}.visual-field b{display:block;margin-bottom:5px;color:var(--wine);font-size:12px}.visual-field input{width:100%;border:0;border-bottom:2px solid #eba1a7;padding:8px 2px;background:transparent;color:#51333d;outline:none;font-size:16px}.visual-field input:focus{border-color:var(--wine)}.visual-field small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.35}.visual-preview-notice{margin:10px 0 0;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:800;line-height:1.4}.visual-preview-notice.is-pending{background:#fff6ef;border:1px solid #ead9c5;color:#80636b}.visual-preview-notice.is-ready{background:#f8f5ed;border:1px solid #e7d4a9;color:var(--wine)}.visual-preview-notice.is-error{background:#fff0ef;border:1px solid #ebb8b6;color:var(--danger)}.visual-special-help{margin-top:9px}.visual-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.visual-status{margin-top:9px;min-height:18px}.visual-preview-canvas{display:block;width:100%;height:auto;max-width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(116,21,54,.08)}.story-card-physical .visual-preview-canvas{aspect-ratio:1140/2026}.post-card-physical .visual-preview-canvas{aspect-ratio:1080/1350}.visual-preview-canvas[data-preview-ready="false"]{opacity:1;filter:none}.visual-actions button:disabled{opacity:.43;cursor:not-allowed;box-shadow:none}.visual-publish-help{margin-top:9px}.visual-card.focus-flash{animation:flash 1.6s ease}
@media(min-width:768px){.visual-card.is-open .visual-preview-canvas{position:sticky;top:20px;justify-self:center;max-height:78vh;width:auto}.story-card-physical.is-open .visual-preview-canvas{max-height:82vh}.post-card-physical.is-open .visual-preview-canvas{max-height:76vh}}
@media(max-width:1023px){.story-physical-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-physical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.story-physical-grid,.post-physical-grid{grid-template-columns:1fr}.visual-editor{grid-template-columns:1fr;padding:12px}.visual-card.is-open .visual-preview-canvas{position:static;max-height:none;width:100%}.visual-card-label b{font-size:16px}}
.visual-field textarea.visual-input{width:100%;min-height:112px;resize:vertical;border:1px solid var(--line);border-bottom:2px solid #eba1a7;border-radius:10px;padding:9px;background:#fff;color:#51333d;outline:none;font:16px/1.4 Arial,sans-serif}.visual-field textarea.visual-input:focus{border-color:var(--wine)}