.pc-host{--pc-surface:var(--workspace-surface,#fff);--pc-ink:var(--ink,#182454);--pc-muted:var(--muted,#657892);--pc-line:var(--line,#e0e5ef);color:var(--pc-ink)}.pc-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}.pc-heading>div{flex:1;min-width:240px}.pc-heading h1{margin:0 0 10px}.pc-heading p{margin:0;max-width:60ch}.pc-publish-state{font-size:.85rem;border:1px solid var(--pc-line);padding:8px 14px;border-radius:999px;white-space:nowrap}.pc-public-link,.pc-unpublish{font:inherit;font-size:.85rem;color:var(--pc-ink);background:none;border:0;text-underline-offset:4px}.pc-unpublish{text-decoration:underline;cursor:pointer;min-height:44px}.pc-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(390px,1.15fr);gap:28px;align-items:start}.pc-controls{min-width:0;background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:20px;overflow:hidden}.pc-tabs{display:flex;gap:4px;padding:6px;background:var(--workspace-subtle,#f0f3fa);margin:20px 20px 0;border-radius:999px;overflow:auto;scrollbar-width:thin}.pc-tabs .btn{border:0;background:transparent;color:var(--pc-muted);min-height:44px;padding:10px 13px;white-space:nowrap;font-size:.84rem;flex:1}.pc-tabs [aria-pressed=true]{background:var(--workspace-accent,#315bdf);color:var(--workspace-on-accent,#fff)}.pc-panel{padding:28px}.pc-panel h2{font-size:1.4rem;margin:0 0 10px}.pc-panel h3{font-size:1.1rem;margin:30px 0 14px}.pc-panel>p{color:var(--pc-muted);line-height:1.6;margin:0 0 24px}.pc-panel label{display:grid;gap:8px;margin:20px 0;font-weight:600;font-size:.94rem}.pc-panel label small{font-weight:400;color:var(--pc-muted);line-height:1.5}.pc-panel .input{width:100%;min-height:48px;min-width:0;font:inherit;color:var(--pc-ink);background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:12px;padding:12px 14px}.pc-panel textarea{resize:vertical;line-height:1.55}.pc-panel input[type=color]{height:48px;width:100%;padding:4px;border:1px solid var(--pc-line);border-radius:10px;background:transparent}.pc-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pc-checks label,.pc-section-options label{display:flex;align-items:center;gap:10px;font-weight:500}.pc-panel input[type=checkbox]{width:20px;height:20px;accent-color:var(--workspace-accent,#315bdf)}.pc-templates{display:grid;gap:16px}.pc-template{text-align:left;background:var(--pc-surface);color:var(--pc-ink);border:1px solid var(--pc-line);padding:12px;border-radius:16px;cursor:pointer;position:relative}.pc-template[aria-pressed=true]{border:2px solid var(--workspace-accent,#315bdf);padding:11px}.pc-template-name{display:flex;align-items:center;justify-content:space-between;font-weight:750;margin:12px 3px 5px}.pc-template small{display:block;color:var(--pc-muted);margin:0 3px 3px;line-height:1.5}.pc-template-art{height:110px;border-radius:8px;background:var(--paper);display:block;position:relative;overflow:hidden;padding:14px 22px}.pc-template-art i{width:42px;height:46px;border-radius:10px;background:var(--art);opacity:.22;display:block;position:absolute;left:22px;top:14px}.pc-template-art b{display:block;position:absolute;left:78px;top:18px;width:44%;height:9px;border-radius:3px;background:var(--art)}.pc-template-art em{position:absolute;top:38px;left:78px;width:33%;height:5px;border-radius:3px;background:var(--art);opacity:.35}.pc-template-art>span{display:block;position:absolute;left:22px;right:22px;height:14px;border-radius:5px;background:white;top:72px}.pc-template-art>span:last-child{top:91px}.pc-art-editorial i{width:100%;height:40px;left:0;top:0;border-radius:0}.pc-art-editorial b{top:48px;left:22px;width:50%}.pc-art-editorial em{top:63px;left:22px}.pc-art-editorial>span{width:44%;top:80px;height:24px}.pc-art-editorial>span:last-child{left:auto;top:80px}.pc-art-cercano i{border-radius:50%;width:30px;height:30px;left:calc(50% - 15px);top:9px}.pc-art-cercano b{left:30%;width:40%;top:47px}.pc-art-cercano em{left:35%;width:30%;top:63px}.pc-art-cercano>span{top:79px}.pc-art-cercano>span:last-child{top:98px}.pc-panel .pc-tip{margin-top:24px;font-size:.85rem;line-height:1.6}.pc-media-row{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--pc-line)}.pc-media-image{width:76px;height:76px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--workspace-subtle,#f1f4fa);display:grid;place-items:center}.pc-media-image img{width:100%;height:100%;object-fit:cover}.pc-media-row:nth-child(2) img{object-fit:contain}.pc-media-row strong,.pc-media-row small{display:block}.pc-media-row small{font-size:.8rem;color:var(--pc-muted);line-height:1.5;margin-top:4px}.pc-panel .pc-upload{display:inline-flex;margin:12px 10px 0 0;font-size:.86rem;color:var(--workspace-accent,#315bdf);cursor:pointer;position:relative;overflow:hidden;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:4px}.pc-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.pc-media-row .btn{padding:8px 14px;font-size:.85rem;min-height:44px}.pc-section-edit{border-bottom:1px solid var(--pc-line)}.pc-section-edit summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;cursor:pointer;font-weight:650}.pc-section-edit summary small{font-size:.8rem;font-weight:400;color:var(--pc-muted)}.pc-section-edit summary>.hm-icon{width:16px;height:16px;transition:transform 180ms ease}.pc-section-edit[open] summary>.hm-icon{transform:rotate(180deg)}.pc-section-edit>div{padding-bottom:20px}.pc-section-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.pc-section-options>.btn,.pc-section-options .btn{padding:10px;min-height:44px}.pc-section-options>div{display:flex;gap:6px}.pc-section-edit small{color:var(--pc-muted);line-height:1.5}.pc-content-item{border-top:1px solid var(--pc-line);padding:0 0 18px}.pc-preview{position:sticky;top:24px;min-width:0}.pc-preview-bar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px}.pc-preview-bar small{display:block;color:var(--pc-muted);font-size:.78rem;margin-top:5px}.pc-devices{display:flex;gap:4px}.pc-devices .btn{padding:10px;min-height:44px;font-size:.8rem}.pc-devices .hm-icon{width:18px;height:18px}.pc-devices [aria-pressed=true]{background:var(--workspace-subtle,#eaf0fc);border-color:var(--workspace-accent,#315bdf);color:var(--pc-ink)}.pc-devices span{display:inline}.pc-preview-stage{padding:16px 0;min-height:300px;display:flex;justify-content:center;background:var(--workspace-subtle,#edf0f6);border:1px solid var(--pc-line);border-radius:20px;overflow:hidden}.pc-frame-wrap{position:relative;background:white;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #14204416}.pc-frame{border:0;display:block;transform-origin:top left;position:absolute;inset:0;background:white}.pc-preview-note{font-size:.78rem;color:var(--pc-muted);line-height:1.55;margin:12px 0}.pc-savebar{position:sticky;bottom:0;z-index:6;background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:16px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;box-shadow:0 -8px 24px #14204408}.pc-save-state{font-size:.9rem}.pc-feedback{font-size:.82rem;color:var(--pc-muted);margin:4px 0 0;line-height:1.5;max-width:58ch}.pc-save-actions{display:flex;gap:12px;flex-shrink:0}.pc-save-actions .btn{min-height:48px}.pc-save-actions .primary{min-width:180px}.pc-dialog{color:var(--pc-ink);background:var(--pc-surface);border:0;padding:28px;border-radius:24px;width:min(540px,calc(100% - 24px));max-height:90dvh;overflow:auto}.pc-dialog::backdrop,.pc-fullscreen::backdrop{background:#17213c80}.pc-dialog header{display:flex;gap:16px;justify-content:space-between;align-items:center}.pc-dialog h2{font-size:1.5rem;margin:0}.pc-dialog header .btn{padding:12px}.pc-confirm-body{padding:12px 0 22px;line-height:1.65}.pc-fullscreen{border:0;padding:0;width:calc(100% - 32px);height:calc(100dvh - 32px);max-width:1280px;max-height:none;border-radius:16px;background:var(--pc-surface);color:var(--pc-ink)}.pc-fullscreen header{height:76px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--pc-line)}.pc-fullscreen iframe{width:100%;height:calc(100% - 76px);border:0}.pc-loading>div{height:48px;background:var(--workspace-subtle,#edf1f8);margin-bottom:24px;border-radius:12px;animation:pc-pulse 1s ease-in-out infinite alternate}.pc-loading>div:first-child{height:130px}@keyframes pc-pulse{to{opacity:.5}}@media(min-width:1500px){.pc-templates{grid-template-columns:1fr 1fr}.pc-template:first-child{grid-column:1/-1}.pc-devices span{display:inline}}@media(max-width:1050px){.pc-layout{grid-template-columns:minmax(280px,.9fr) minmax(300px,1fr);gap:20px}.pc-panel{padding:22px}.pc-tabs{margin:14px 14px 0}.pc-tabs .btn{padding:10px;font-size:.8rem}.pc-savebar{align-items:flex-start}.pc-save-actions{flex-direction:column}.pc-save-actions .btn{min-width:180px}}@media(max-width:760px){.pc-layout{display:flex;flex-direction:column;gap:24px}.pc-controls,.pc-preview{width:100%}.pc-preview{position:static}.pc-heading{margin-bottom:22px}.pc-heading h1{font-size:2rem}.pc-publish-state{font-size:.78rem}.pc-tabs{border-radius:18px}.pc-panel{padding:22px}.pc-savebar{flex-direction:column;padding:16px;border-radius:16px;gap:12px;bottom:env(safe-area-inset-bottom,0)}.pc-save-actions{flex-direction:row;width:100%;gap:10px}.pc-save-actions .btn{min-width:0;font-size:.85rem;padding:12px}.pc-save-actions .primary{flex:1.4}.pc-save-actions>[data-pc-save]{flex:1}.pc-preview-stage{max-height:830px}.pc-preview-bar small{font-size:.72rem}.pc-field-pair{gap:12px}.pc-fullscreen{width:100%;height:100dvh;border-radius:0;max-width:none}.pc-fullscreen header{font-size:.8rem;padding:12px}.pc-heading>.pc-public-link{font-size:.8rem}.pc-heading>.pc-unpublish{font-size:.8rem}.pc-media-row{gap:12px}}@media(prefers-reduced-motion:reduce){.pc-loading>div{animation:none}}
.pc-mobile-switch{display:none}@media(max-width:760px){.pc-mobile-switch{position:sticky;top:0;z-index:5;display:flex;gap:6px;background:var(--workspace-subtle,#f0f3fa);padding:6px;border-radius:999px;margin:0 0 20px}.pc-mobile-switch .btn{flex:1;min-height:44px;border:0;background:transparent}.pc-mobile-switch [aria-pressed=true]{background:var(--workspace-accent,#315bdf);color:var(--workspace-on-accent,#fff)}.pc-host:not([data-mobile-preview=true]) .pc-preview{display:none}.pc-host[data-mobile-preview=true] .pc-controls{display:none}.pc-host[data-mobile-preview=true] .pc-preview{display:block}}
.pc-readiness{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;background:var(--workspace-subtle,#edf2fc);border:1px solid var(--pc-line);border-radius:16px;margin-bottom:24px}.pc-readiness[hidden]{display:none}.pc-readiness p{margin:6px 0 0;color:var(--pc-muted);font-size:.9rem}.pc-readiness .btn{flex-shrink:0;min-height:48px}.pc-upload:focus-within{outline:3px solid var(--workspace-accent,#315bdf);outline-offset:2px}@media(max-width:600px){.pc-readiness{flex-direction:column;align-items:stretch;padding:20px}.pc-readiness .btn{width:100%}}
@media(max-width:760px){.pc-tabs{flex-wrap:wrap;overflow:visible;border-radius:18px;gap:4px}.pc-tabs .btn{flex:1 0 calc(33.333% - 4px);padding:10px 6px;text-align:center;font-size:.78rem;border-radius:999px}}
/* Stable section columns keep every visibility label on the same axis. */
.pc-section-edit summary{display:grid;grid-template-columns:minmax(0,1fr) 76px 18px;gap:14px}.pc-section-edit summary>span{min-width:0;overflow-wrap:anywhere}.pc-section-edit summary>small{justify-self:start;white-space:nowrap}.pc-section-edit summary>.hm-icon{justify-self:end}.pc-color-fields{display:grid;gap:22px;margin:26px 0}.pc-color-field{border:0;padding:0;margin:0;min-width:0}.pc-color-field legend{font-size:.94rem;font-weight:650;padding:0;margin-bottom:10px}.pc-color-control{display:flex;align-items:center;gap:14px;border:1px solid var(--pc-line);border-radius:12px;padding:10px 14px;background:var(--pc-surface)}.pc-panel .pc-color-picker{position:relative;display:block;width:44px;height:44px;flex-shrink:0;margin:0;cursor:pointer;border-radius:10px;overflow:hidden}.pc-color-chip{display:block;position:absolute;inset:0;background:var(--pc-swatch);border:1px solid var(--pc-line);border-radius:10px}.pc-panel .pc-color-picker input[type=color]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.pc-color-picker:focus-within{outline:3px solid var(--workspace-accent,#315bdf);outline-offset:3px}.pc-panel .pc-color-hex{margin:0;gap:2px;flex:1;min-width:0}.pc-color-hex span{font-size:.7rem;font-weight:400;color:var(--pc-muted)}.pc-panel .pc-color-hex input{width:100%;min-width:0;padding:3px 0;border:0;border-radius:3px;background:transparent;color:var(--pc-ink);font:inherit;font-size:.95rem;letter-spacing:.02em}.pc-color-hex input[aria-invalid=true]{color:#b02942}.pc-color-palette{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pc-color-option{width:44px;height:44px;border:1px solid transparent;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer;padding:6px}.pc-color-option>span{width:28px;height:28px;border:1px solid var(--pc-line);border-radius:50%;display:grid;place-items:center}.pc-color-option[aria-pressed=true]{border-color:var(--workspace-accent,#315bdf)}.pc-color-option .hm-icon{width:17px;height:17px}.pc-color-error{font-size:.78rem;line-height:1.4;color:var(--pc-muted);margin:5px 0 0;min-height:1.1em}.pc-panel .pc-button-demo{margin:24px 0;padding:20px 0 0;border-top:1px solid var(--pc-line)}.pc-panel .pc-button-demo h3{margin:0 0 8px;font-size:1rem}.pc-button-demo p{font-size:.82rem;color:var(--pc-muted);line-height:1.5;margin:0 0 12px}.pc-button-demo iframe{width:100%;height:190px;display:block;border:1px solid var(--pc-line);border-radius:12px;background:var(--pc-surface)}.pc-art-sereno i{left:calc(50% - 15px);width:30px;height:30px;border-radius:50%;top:8px}.pc-art-sereno b{left:30%;width:40%;top:47px}.pc-art-sereno em{left:35%;width:30%;top:63px}.pc-art-sereno>span{width:43%;height:25px;top:80px}.pc-art-sereno>span:last-child{top:80px;left:auto}.pc-art-estudio{font-family:Palatino,serif}.pc-art-estudio i{border-radius:50%;height:38px;width:38px;top:15px}.pc-art-estudio b{background:var(--art);height:7px}.pc-art-estudio>span{background:transparent;border:1px solid var(--art);opacity:.3;height:10px}.pc-art-estudio>span:last-child{height:10px}@media(max-width:420px){.pc-section-edit summary{grid-template-columns:minmax(0,1fr) 60px 16px;gap:8px}.pc-section-edit summary small{font-size:.73rem}.pc-color-palette{gap:2px}.pc-color-option{width:40px;height:44px;padding:6px}.pc-button-demo iframe{height:200px}}
.pc-tabs .btn[aria-pressed=true],.pc-tabs .btn[aria-pressed=true]:hover,.pc-mobile-switch .btn[aria-pressed=true],.pc-mobile-switch .btn[aria-pressed=true]:hover{background:var(--workspace-accent,#315bdf);color:var(--workspace-on-accent,#fff)}
.pc-logo-settings{margin-top:28px;padding-top:2px;border-top:1px solid var(--pc-line)}.pc-panel .pc-logo-settings h3{margin:22px 0 12px}.pc-panel .pc-logo-toggle{display:flex;align-items:center;gap:10px;font-weight:500;line-height:1.5}.pc-logo-toggle input{width:20px;height:20px;accent-color:var(--workspace-accent,#315bdf);flex:none}.pc-logo-settings p{font-size:.84rem;line-height:1.6;color:var(--pc-muted);margin:12px 0 0}.pc-logo-positions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(44px,auto));gap:8px;padding:12px;background:var(--workspace-subtle,#f0f3fa);border:1px solid var(--pc-line);border-radius:16px;min-height:184px}.pc-logo-position{min-width:0;min-height:44px;padding:8px 4px;border:1px solid var(--pc-line);border-radius:10px;font:inherit;font-size:.73rem;color:var(--pc-ink);background:var(--pc-surface);cursor:pointer;line-height:1.3}.pc-logo-position[data-pc-logo-position=top-left]{grid-area:1/1}.pc-logo-position[data-pc-logo-position=top-right]{grid-area:1/3}.pc-logo-position[data-pc-logo-position=center]{grid-area:2/2}.pc-logo-position[data-pc-logo-position=bottom-left]{grid-area:3/1}.pc-logo-position[data-pc-logo-position=bottom-right]{grid-area:3/3}.pc-logo-position[aria-pressed=true]{border-color:var(--workspace-accent,#315bdf);background:var(--workspace-accent,#315bdf);color:var(--workspace-on-accent,#fff)}.pc-logo-position:focus-visible{outline:3px solid var(--workspace-accent,#315bdf);outline-offset:3px}
