/* Montador · Estudio claro (propuesta A) · España DTF · 2026-11-04 */
html body.exa.exa{--amg:#e3007f;--amg2:#ff2e93;--aink:#15161c;--amu:#6b6878;--aln:#e6e4ec;--abg:#f3f3f8;--apn:#fff;--aok:#1f9d55;background:var(--abg);color:var(--aink)}
html body.exa.exa .m-grad{display:none}
/* ---------- Barra del estudio ---------- */
html body.exa.exa .studio-bar{background:var(--apn)!important;border-bottom:1px solid var(--aln)!important;padding:10px 24px!important;display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap;box-shadow:none!important}
html body.exa.exa .studio-bar::before,html body.exa.exa .studio-bar::after{display:none!important}
html body.exa.exa .studio-title{margin:0!important;display:flex;align-items:baseline;gap:10px;color:var(--aink)!important;font:800 22px/1 "Barlow Condensed",Barlow,sans-serif!important;letter-spacing:.02em}
html body.exa.exa .studio-title small{display:inline!important;font:500 13px Barlow,sans-serif!important;color:var(--amu)!important;margin:0!important}
html body.exa.exa .mv-steps{margin:0 0 0 auto!important;padding:4px!important;display:flex!important;gap:4px!important;background:var(--abg)!important;border-radius:999px!important;list-style:none;border:0!important}
html body.exa.exa .mv-steps li{display:flex!important;align-items:center;gap:8px;padding:7px 14px!important;border-radius:999px!important;font:600 13px Barlow,sans-serif!important;color:var(--amu)!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.exa.exa .mv-steps li b{width:20px!important;height:20px!important;border-radius:50%!important;background:#d9d7e3!important;color:#fff!important;font:700 11px/20px Barlow,sans-serif!important;text-align:center;display:inline-block;margin:0!important;padding:0!important}
html body.exa.exa .mv-steps li.on{background:#fff!important;color:var(--aink)!important;box-shadow:0 1px 3px rgba(20,20,40,.14)!important}
html body.exa.exa .mv-steps li.on b,html body.exa.exa .mv-steps li.done b{background:linear-gradient(135deg,var(--amg2),var(--amg))!important}
html body.exa.exa .mv-steps li.done{color:var(--aink)!important}
html body.exa.exa .header-actions{display:flex;gap:8px;margin:0!important}
html body.exa.exa .header-actions button{width:38px;height:38px;padding:0!important;border:1px solid var(--aln)!important;border-radius:10px!important;background:#fff!important;color:var(--amu)!important;font-size:0!important;box-shadow:none!important;display:grid;place-items:center}
html body.exa.exa #undo::before{content:"↶";font-size:18px;color:var(--aink)}
html body.exa.exa #redo::before{content:"↷";font-size:18px;color:var(--aink)}
html body.exa.exa .header-actions button:disabled{opacity:.35}
/* ---------- Rejilla ---------- */
html body.exa.exa main{background:var(--abg)!important;gap:0!important}
html body.exa.exa main>aside.tools,html body.exa.exa main>aside.order{background:var(--apn)!important;color:var(--aink)!important;border:0!important;box-shadow:none!important;padding:20px 18px 40px!important}
html body.exa.exa main>aside.tools{border-right:1px solid var(--aln)!important;display:flex;flex-direction:column}
html body.exa.exa main>aside.order{border-left:1px solid var(--aln)!important;display:flex;flex-direction:column}
@media (min-width:1180px){
 html body.exa.exa:not(.hl-mode) main{grid-template-columns:336px minmax(0,1fr) 360px!important}
 html body.exa.exa:not(.hl-mode) main>aside.order{position:sticky;top:var(--exa-top,0px);align-self:start;max-height:none!important;overflow:visible!important}
 html body.exa.exa #placeOrder{display:none!important}
}
/* títulos de sección: pequeños, en mayúsculas */
html body.exa.exa aside h2,html body.exa.exa aside .section-title h2,html body.exa.exa aside .step-heading{font:800 14px/1 "Barlow Condensed",Barlow,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--amu)!important;background:none!important;border:0!important;padding:0!important;margin:0 0 12px!important;box-shadow:none!important}
html body.exa.exa aside .section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
html body.exa.exa aside .section-title h2{margin:0!important}
html body.exa.exa aside .section-title>span{background:var(--abg)!important;color:var(--aink)!important;border:1px solid var(--aln)!important;border-radius:999px!important;padding:3px 10px!important;font:700 12px/1.2 Barlow,sans-serif!important;box-shadow:none!important}
html body.exa.exa #qualityDot{background:#e4f7ea!important;color:#166a3a!important;border-color:#cdeed8!important}
html body.exa.exa #qualityDot.warn{background:#fff3dc!important;color:#8a5a00!important;border-color:#f3dfae!important}
html body.exa.exa #qualityDot.bad{background:#fde7e9!important;color:#9b1c2e!important;border-color:#f6c3c8!important}
/* ---------- Panel izquierdo: orden ---------- */
html body.exa.exa aside.tools>#hojaLista{order:1}
html body.exa.exa aside.tools>label.upload{order:2}
html body.exa.exa aside.tools>.design-list-wrap{order:3}
html body.exa.exa aside.tools>#properties{order:4}
html body.exa.exa aside.tools>details.advanced{order:5}
html body.exa.exa aside.tools>.sheet-actions{order:6}
html body.exa.exa aside.tools>#resetAll{order:7}
html body.exa.exa aside.tools>h2,html body.exa.exa aside.tools>p,html body.exa.exa aside.tools>.step-heading,html body.exa.exa aside.tools>.help,html body.exa.exa aside.tools>.sheet-actions-note{display:none!important}
html body.exa.exa .hl-tabs{background:var(--abg)!important;border:1px solid var(--aln)!important;border-radius:12px!important;padding:4px!important;margin:0 0 16px!important}
html body.exa.exa .hl-tab{color:var(--amu)!important;background:transparent!important;border-radius:9px!important;font-weight:600!important}
html body.exa.exa .hl-tab.is-on{background:#fff!important;color:var(--aink)!important;box-shadow:0 1px 3px rgba(20,20,40,.14)!important}
html body.exa.exa label.upload{display:flex!important;align-items:center;gap:14px;padding:16px!important;border:1.5px dashed #ffb3d6!important;background:linear-gradient(135deg,#fff5fa,#fff)!important;border-radius:14px!important;color:var(--aink)!important;box-shadow:none!important;margin:0 0 16px!important;min-height:0!important;flex-direction:row!important;text-align:left!important;cursor:pointer}
html body.exa.exa label.upload:hover{border-color:var(--amg)!important;background:#fff0f7!important}
html body.exa.exa label.upload .upload-icon{width:44px!important;height:44px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--amg2),var(--amg))!important;color:#fff!important;font:800 24px/44px Barlow,sans-serif!important;text-align:center;flex:none;margin:0!important}
html body.exa.exa label.upload>span:not(.upload-icon){font:700 15px/1.2 Barlow,sans-serif!important;color:var(--aink)!important}
html body.exa.exa label.upload>span:not(.upload-icon)::after{content:"Arrastra aquí o haz clic · PNG con fondo transparente · 300 ppp";display:block;font:500 12.5px/1.35 Barlow,sans-serif;color:var(--amu);margin-top:3px}
html body.exa.exa aside.tools>label.upload+small{display:none!important}
/* tarjetas de diseños */
html body.exa.exa .design-list{display:grid!important;gap:8px!important}
html body.exa.exa .design-card{display:grid!important;grid-template-columns:48px 1fr auto!important;align-items:center!important;gap:12px!important;padding:10px!important;border:1px solid var(--aln)!important;border-radius:12px!important;background:#fff!important;color:var(--aink)!important;box-shadow:none!important;cursor:pointer}
html body.exa.exa .design-card:hover{border-color:#cfcbdc!important}
html body.exa.exa .design-card.active,html body.exa.exa .design-card.selected,html body.exa.exa .design-card[aria-selected=true]{border-color:var(--amg)!important;box-shadow:0 0 0 3px rgba(227,0,127,.12)!important}
html body.exa.exa .design-card img{width:48px!important;height:48px!important;object-fit:contain;border-radius:10px!important;background:repeating-conic-gradient(#ececf2 0 25%,#f8f8fb 0 50%) 0 0/12px 12px!important;padding:4px}
html body.exa.exa .design-card b{font:700 14px Barlow,sans-serif!important;color:var(--aink)!important;display:block}
html body.exa.exa .design-card small{font:500 12px Barlow,sans-serif!important;color:var(--amu)!important;display:block}
html body.exa.exa .design-card .qty{display:none!important}
html body.exa.exa .mx-step{display:inline-flex;align-items:center;gap:0;background:#fff;border:1px solid var(--aln);border-radius:999px;padding:2px;margin:0}
html body.exa.exa .mx-step button{width:28px!important;height:28px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--aink)!important;font:700 17px/1 Barlow,sans-serif!important;cursor:pointer;box-shadow:none!important}
html body.exa.exa .mx-step button:hover{background:var(--abg)!important}
html body.exa.exa .mx-step b{min-width:26px;text-align:center;font:700 14px/1 Barlow,sans-serif;color:var(--aink)}
/* diseño seleccionado */
html body.exa.exa #properties{margin:18px 0 0!important;padding:16px!important;border-radius:14px!important;background:var(--abg)!important;border:0!important;box-shadow:none!important}
html body.exa.exa #filename{font:600 13px Barlow,sans-serif!important;color:var(--amu)!important;margin:0 0 10px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.exa.exa aside label{font:600 12px Barlow,sans-serif!important;color:var(--amu)!important}
html body.exa.exa aside input:not([type=checkbox]):not([type=radio]):not([type=file]),html body.exa.exa aside select,html body.exa.exa .unit-input{background:#fff!important;color:var(--aink)!important;border:1px solid var(--aln)!important;border-radius:10px!important;box-shadow:none!important;font-weight:700!important}
html body.exa.exa .unit-input input{border:0!important;background:transparent!important}
html body.exa.exa .unit-input span{color:var(--amu)!important;font-weight:500!important}
html body.exa.exa aside input:focus,html body.exa.exa aside select:focus{border-color:var(--amg)!important;outline:0!important;box-shadow:0 0 0 3px rgba(227,0,127,.14)!important}
html body.exa.exa aside .buttons{display:flex;gap:8px;margin-top:10px}
html body.exa.exa aside button:not(.primary):not(.ph-pay):not(.pg-go):not(.hl-tab):not(.eb-go):not(.mx-step button){background:#fff!important;color:var(--aink)!important;border:1px solid var(--aln)!important;border-radius:10px!important;box-shadow:none!important;font-weight:700!important}
html body.exa.exa aside button:not(.primary):not(.ph-pay):not(.pg-go):not(.hl-tab):not(.eb-go):hover{border-color:#cfcbdc!important}
html body.exa.exa #remove,html body.exa.exa button.danger{color:#c9245a!important}
html body.exa.exa aside button.accent{background:var(--aink)!important;color:#fff!important;border-color:var(--aink)!important}
html body.exa.exa #properties details,html body.exa.exa details.advanced{background:#fff!important;border:1px solid var(--aln)!important;border-radius:12px!important;padding:10px 12px!important;margin-top:10px!important;box-shadow:none!important}
html body.exa.exa details summary{font:600 13px Barlow,sans-serif!important;color:var(--aink)!important;cursor:pointer}
html body.exa.exa details.advanced{margin-top:18px!important}
html body.exa.exa #quality{margin-top:10px!important;padding:10px 12px!important;border-radius:10px!important;background:#e4f7ea!important;border:1px solid #cdeed8!important;color:#166a3a!important;font-size:12.5px!important}
html body.exa.exa #quality b{color:#0f4d29!important}
html body.exa.exa #quality.warn{background:#fff3dc!important;border-color:#f3dfae!important;color:#6a4500!important}
html body.exa.exa #quality.bad{background:#fde7e9!important;border-color:#f6c3c8!important;color:#8a1b2b!important}
html body.exa.exa .sheet-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px!important}
html body.exa.exa #resetAll{background:none!important;border:0!important;color:#c9245a!important;font:600 12.5px Barlow,sans-serif!important;padding:8px 0 0!important;text-align:left;box-shadow:none!important}
/* ---------- Lienzo ---------- */
html body.exa.exa section.workspace{background-color:var(--abg)!important;background-image:radial-gradient(#d9d8e3 1px,transparent 1.2px)!important;background-size:22px 22px!important;display:flex;flex-direction:column;align-items:center;padding:18px 28px 130px!important;color:var(--aink)!important}
html body.exa.exa .topline{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px!important;background:#fff!important;border:1px solid var(--aln)!important;border-radius:999px!important;padding:6px!important;box-shadow:0 8px 28px -16px rgba(20,20,40,.4)!important;margin:0 0 16px!important;backdrop-filter:none!important;width:auto!important;max-width:100%}
html body.exa.exa .topline>div:first-child{display:none!important}
html body.exa.exa .topline .background-control{order:1;display:flex;align-items:center;gap:8px;background:transparent!important;border:0!important;padding:0 6px 0 4px!important;color:var(--aink)!important}
html body.exa.exa .topline .background-control>strong{font:600 13px Barlow,sans-serif!important;color:var(--aink)!important}
html body.exa.exa .background-picker{background:var(--abg)!important;border:0!important;border-radius:999px!important;padding:3px!important;gap:2px!important;display:flex}
html body.exa.exa .bg-choice{background:transparent!important;color:var(--aink)!important;border:0!important;border-radius:999px!important;padding:5px 11px!important;font:600 13px Barlow,sans-serif!important;box-shadow:none!important}
html body.exa.exa .bg-choice.is-selected{background:#fff!important;box-shadow:0 1px 3px rgba(20,20,40,.15)!important}
html body.exa.exa .topline .spacing-control{order:2;display:flex!important;align-items:center;gap:8px;background:transparent!important;border:0!important;padding:0 8px!important;margin:0!important;box-shadow:none!important;border-left:1px solid var(--aln)!important;border-radius:0!important}
html body.exa.exa .spacing-control label{font:600 13px Barlow,sans-serif!important;color:var(--aink)!important;margin:0!important}
html body.exa.exa .spacing-control label::before{content:none!important}
html body.exa.exa .spacing-control select{background:#fff!important;border:1px solid var(--aln)!important;border-radius:8px!important;padding:5px 8px!important;font:700 13px Barlow,sans-serif!important;color:var(--aink)!important}
html body.exa.exa .spacing-control>span{display:none!important}
html body.exa.exa .topline .metrics{order:3;display:flex!important;align-items:center;gap:6px;padding:0 4px 0 8px;border-left:1px solid var(--aln)}
html body.exa.exa .lupa-btn{background:transparent!important;border:0!important;color:var(--aink)!important;font:600 13px Barlow,sans-serif!important;padding:5px 8px!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:7px}
html body.exa.exa .lupa-btn span:not(.lupa-sw){color:var(--aink)!important}
html body.exa.exa .lupa-ico{display:none!important}
html body.exa.exa .lupa-sw{background:#dcdae6!important;border:0!important}
html body.exa.exa .lupa-st{display:none!important}
html body.exa.exa .topline .metrics>span{background:transparent!important;border:0!important;color:var(--amu)!important;font:500 12.5px Barlow,sans-serif!important;padding:4px 6px!important}
html body.exa.exa .topline .metrics>span b{color:var(--aink)!important}
html body.exa.exa .boardwrap{max-width:min(460px,100%)!important;margin:0 auto!important}
html body.exa.exa .ruler span{color:var(--aink)!important;font-weight:700!important}
html body.exa.exa #board{border-radius:4px;box-shadow:0 30px 70px -28px rgba(20,20,40,.55),0 0 0 1px rgba(20,20,40,.08)!important}
html body.exa.exa .empty-board{background:#fff!important;border:1.5px dashed #ffb3d6!important;color:var(--aink)!important;border-radius:18px!important;box-shadow:none!important}
html body.exa.exa .empty-icon{color:var(--amg)!important}
html body.exa.exa .fit-bottom{background:#fff!important;border:1px solid var(--aln)!important;border-radius:14px!important;color:var(--aink)!important;box-shadow:none!important}
html body.exa.exa .fit-bottom span,html body.exa.exa .fit-bottom .hint{color:var(--amu)!important}
html body.exa.exa #status{background:transparent!important;border:0!important;color:var(--amu)!important;font-size:13px!important;text-align:center;box-shadow:none!important;padding:8px 0!important}
html body.exa.exa .ph-extra{background:#e9f8ee!important;border:1px solid #cdeed8!important;color:#0f4d29!important;border-radius:14px!important;box-shadow:none!important}
/* barra de pedido (pulido.js) → píldora flotante */
html body.exa.exa .edtf-bar{left:50%!important;right:auto!important;bottom:22px!important;transform:translateX(-50%)!important;width:auto!important;max-width:calc(100% - 32px);display:flex;align-items:center;gap:18px;padding:10px 10px 10px 20px!important;background:#fff!important;border:1px solid var(--aln)!important;border-radius:999px!important;box-shadow:0 20px 50px -20px rgba(20,20,40,.45)!important;color:var(--aink)!important}
html body.exa.exa .edtf-bar .eb-info b{font:800 22px/1 "Barlow Condensed",Barlow,sans-serif!important;color:var(--aink)!important;white-space:nowrap}
html body.exa.exa .edtf-bar .eb-info small{display:block;color:var(--amu)!important;font:500 12px Barlow,sans-serif!important;margin-top:3px;white-space:nowrap}
html body.exa.exa .edtf-bar .eb-go{padding:12px 22px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--amg2),var(--amg))!important;color:#fff!important;font:800 15px Barlow,sans-serif!important;border:0!important;box-shadow:0 10px 24px -10px rgba(227,0,127,.6)!important;white-space:nowrap;width:auto!important}
@media (min-width:1180px){html body.exa.exa .edtf-bar{left:calc(336px + (100vw - 336px - 360px)/2)!important}}
/* ---------- Panel derecho ---------- */
html body.exa.exa aside.order>h2:first-child,html body.exa.exa aside.order>details.advanced+h2{display:none!important}
html body.exa.exa aside.order>.line{display:none!important}
html body.exa.exa aside.order>details.advanced{order:1;margin:0 0 14px!important}
html body.exa.exa aside.order>details.advanced>summary{display:none!important}
html body.exa.exa aside.order>details.advanced>label{display:block;margin-bottom:8px}
html body.exa.exa aside.order>details.advanced>small{display:none!important}
html body.exa.exa aside.order>details.advanced .inline-two{margin:8px 0 0}
html body.exa.exa aside.order>details.advanced button{width:auto!important;padding:7px 10px!important;font-size:12.5px!important;margin:6px 6px 0 0!important}
html body.exa.exa aside.order>details.advanced button.accent{background:#fff!important;color:var(--aink)!important;border-color:var(--aln)!important}
html body.exa.exa .exa-chips{display:flex;gap:6px;margin:8px 0 2px}
html body.exa.exa .exa-chips button{flex:1;padding:8px 10px!important;border-radius:9px!important;font:700 13px Barlow,sans-serif!important}
html body.exa.exa .exa-chips button.on{background:var(--aink)!important;color:#fff!important;border-color:var(--aink)!important}
html body.exa.exa aside.order>#preflight{order:2;background:transparent!important;border:0!important;padding:0!important;margin:0 0 18px!important;box-shadow:none!important}
html body.exa.exa .check{background:transparent!important;border:0!important;border-bottom:1px solid var(--aln)!important;border-radius:0!important;padding:8px 0!important;color:var(--aink)!important;font-size:13px!important}
html body.exa.exa .check i{width:20px!important;height:20px!important;font-size:11px!important}
html body.exa.exa .check.good i{background:var(--aok)!important;color:#fff!important}
html body.exa.exa .check.warn i{background:#f5a623!important;color:#111!important}
html body.exa.exa .check.bad i{background:#e5484d!important;color:#fff!important}
html body.exa.exa aside.order>h2:not(:first-child){order:3}
html body.exa.exa aside.order>label{order:4;display:none!important}
html body.exa.exa aside.order>label+small{order:4;display:none!important}
html body.exa.exa aside.order>#quote{order:5}
html body.exa.exa #quote .row{border-color:var(--aln)!important;color:var(--amu)!important;font-size:13.5px!important;padding:7px 0!important}
html body.exa.exa #quote .row span:last-child{color:var(--aink)!important;font-weight:600}
html body.exa.exa #quote .row.total{margin-top:10px!important;padding:16px!important;border:0!important;border-radius:14px!important;background:var(--aink)!important;color:#fff!important;display:flex;align-items:center;justify-content:space-between}
html body.exa.exa #quote .row.total span:first-child{color:#b8b5c6!important;font:600 13px Barlow,sans-serif!important}
html body.exa.exa #quote .row.total span:last-child{font:800 30px/1 "Barlow Condensed",Barlow,sans-serif!important;color:#fff!important}
html body.exa.exa aside.order>*{order:6}
html body.exa.exa aside.order>#pedidoHojas,html body.exa.exa aside.order>#pagoBox,html body.exa.exa aside.order>.order-promise,html body.exa.exa aside.order>#phRev,html body.exa.exa aside.order>details,html body.exa.exa aside.order>.notice,html body.exa.exa aside.order>.pg-clean-note,html body.exa.exa aside.order>.clean-download{background:#fff!important;border:1px solid var(--aln)!important;border-radius:14px!important;color:var(--aink)!important;box-shadow:none!important}
html body.exa.exa #phRev{background:#fff6fa!important;border-color:#ffd1e6!important}
html body.exa.exa .ph-box .ph-empty b{color:var(--aink)!important}
html body.exa.exa .ph-box .ph-empty span{color:var(--amu)!important}
html body.exa.exa aside.order small,html body.exa.exa aside.order .privacy-note,html body.exa.exa aside.order .watermark-note{color:var(--amu)!important;font-size:12.5px!important;line-height:1.45}
html body.exa.exa #placeOrder,html body.exa.exa .ph-pay,html body.exa.exa .pg-go{background:linear-gradient(135deg,var(--amg2),var(--amg))!important;color:#fff!important;border:0!important;border-radius:12px!important;font-weight:800!important;box-shadow:0 14px 30px -12px rgba(227,0,127,.6)!important}
html body.exa.exa #export.preview-download{background:#fff!important;color:var(--aink)!important;border:1px solid var(--aln)!important;border-radius:12px!important;box-shadow:none!important;font-weight:700!important}
html body.exa.exa .pg-opt,html body.exa.exa .pg-chk{background:#fff!important;border:1px solid var(--aln)!important;color:var(--aink)!important;border-radius:12px!important}
html body.exa.exa .pg-opt:has(input:checked),html body.exa.exa .pg-chk:has(input:checked){border-color:var(--amg)!important;background:#fff6fa!important}
html body.exa.exa .pg-opt *,html body.exa.exa .pg-chk *{color:var(--aink)!important}
html body.exa.exa.hl-mode #pedidoHojas:not(.mx-has){display:none!important}
/* hoja montada (modo subir) */
html body.exa.exa .hl-panel{background:#fff!important;border:1px solid var(--aln)!important;border-radius:14px!important;color:var(--aink)!important;box-shadow:none!important}
html body.exa.exa #hlPanel li,html body.exa.exa #hlPanel li *,html body.exa.exa .hl-panel p{color:var(--aink)!important}
html body.exa.exa .hl-drop{background:linear-gradient(135deg,#fff5fa,#fff)!important;border:1.5px dashed #ffb3d6!important;color:var(--aink)!important;box-shadow:none!important;border-radius:14px!important}
html body.exa.exa .hl-drop b,html body.exa.exa .hl-drop .hl-txt{color:var(--aink)!important}
html body.exa.exa .hl-drop small{color:var(--amu)!important}
html body.exa.exa .hl-ico{background:linear-gradient(135deg,var(--amg2),var(--amg))!important;color:#fff!important}
html body.exa.exa .hl-item{background:#fff!important;border:1px solid var(--aln)!important;color:var(--aink)!important}
/* arrastrar y soltar / avisos */
.exa-drop{position:fixed;inset:0;z-index:2147483100;display:none;align-items:center;justify-content:center;background:rgba(243,243,248,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.exa-drop.on{display:flex}
.exa-drop div{padding:44px 56px;border:2.5px dashed #e3007f;border-radius:28px;background:#fff;color:#15161c;text-align:center;font:800 30px/1.15 "Barlow Condensed",Barlow,sans-serif;box-shadow:0 30px 80px -30px rgba(20,20,40,.5);animation:exaPulse 1.4s ease-in-out infinite}
.exa-drop small{display:block;margin-top:8px;font:500 15px/1.4 Barlow,sans-serif;color:#6b6878}
@keyframes exaPulse{50%{transform:scale(1.025)}}
.exa-toast{position:fixed;left:50%;top:90px;transform:translateX(-50%);z-index:2147483200;padding:10px 16px;border-radius:12px;background:#15161c;color:#fff;font:600 14px Barlow,sans-serif;box-shadow:0 16px 40px -14px rgba(0,0,0,.5);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.exa-toast.on{opacity:1;transform:translateX(-50%) translateY(6px)}
@media (prefers-reduced-motion:reduce){.exa-drop div{animation:none}}
/* móvil */
@media (max-width:1179px){
 html body.exa.exa .studio-bar{padding:10px 16px!important}
 html body.exa.exa .mv-steps{margin-left:0!important;width:100%;justify-content:space-between}
 html body.exa.exa .mv-steps li{padding:6px 8px!important;font-size:12px!important}
 html body.exa.exa .topline{border-radius:18px!important;justify-content:center}
 html body.exa.exa .edtf-bar{left:12px!important;right:12px!important;transform:none!important;width:auto!important;max-width:none;border-radius:18px!important}
}

/* modo hoja montada: solo el panel de subir */
html body.exa.exa.hl-mode aside.tools>label.upload,html body.exa.exa.hl-mode aside.tools>.design-list-wrap,html body.exa.exa.hl-mode aside.tools>#properties,html body.exa.exa.hl-mode aside.tools>.sheet-actions,html body.exa.exa.hl-mode aside.tools>#resetAll,html body.exa.exa.hl-mode aside.order>details.advanced{display:none!important}
html body.exa.exa .fit-bottom{margin-top:12px!important;padding:10px 12px!important}
html body.exa.exa .fit-bottom-btn{background:#fff!important;color:var(--aink)!important;border:1px solid var(--aln)!important;border-radius:10px!important;box-shadow:none!important;font:700 13px Barlow,sans-serif!important;padding:9px 14px!important;width:auto!important}

@media (max-width:1179px){
 html body.exa.exa .studio-bar{display:grid!important;grid-template-columns:1fr auto;gap:10px 12px!important;align-items:center}
 html body.exa.exa .studio-title{grid-column:1;grid-row:1;flex-wrap:wrap;gap:4px 10px}
 html body.exa.exa .header-actions{grid-column:2;grid-row:1;flex-direction:row}
 html body.exa.exa .mv-steps{grid-column:1/-1;grid-row:2;width:auto}
 html body.exa.exa .mv-steps li{flex:1;justify-content:center;padding:6px 4px!important;font-size:11.5px!important;gap:5px}
 html body.exa.exa .topline .background-control>strong{display:none!important}
 html body.exa.exa .topline .metrics,html body.exa.exa .topline .spacing-control{border-left:0!important}
}

/* eliminar diseño desde la tarjeta */
html body.exa.exa .design-card{grid-template-columns:48px minmax(0,1fr) auto!important;position:relative!important;overflow:visible!important}
html body.exa.exa .design-list{padding-top:8px;overflow:visible!important}
html body.exa.exa .design-card>div{min-width:0}
html body.exa.exa .design-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.exa.exa .design-card .exa-del{width:28px!important;height:28px!important;min-height:0!important;padding:0!important;border-radius:50%!important;border:1px solid var(--aln)!important;background:#fff!important;color:#8a8697!important;font:600 18px/1 Barlow,sans-serif!important;display:grid;place-items:center;cursor:pointer;box-shadow:none!important;transition:background .15s,color .15s,width .15s}
html body.exa.exa .design-card .exa-del:hover{background:#fde7e9!important;color:#c9245a!important;border-color:#f6c3c8!important}
html body.exa.exa .design-card .exa-del.sure{width:auto!important;padding:0 10px!important;border-radius:999px!important;background:#c9245a!important;color:#fff!important;border-color:#c9245a!important;font:700 12px/28px Barlow,sans-serif!important;white-space:nowrap}
html body.exa.exa .exa-toast .exa-undo{margin-left:10px;padding:5px 12px;border-radius:999px;border:0;background:#fff;color:#15161c;font:700 13px Barlow,sans-serif;cursor:pointer}
/* hoja montada: botón de quitar cada hoja bien visible */
html body.exa.exa .hl-del{min-width:32px;height:32px;border-radius:50%!important;border:1px solid var(--aln)!important;background:#fff!important;color:#c9245a!important;font-weight:700!important;box-shadow:none!important;cursor:pointer}
html body.exa.exa .hl-del:hover{background:#fde7e9!important}

html body.exa.exa .design-card .exa-del{position:absolute!important;top:-9px;right:-9px;width:24px!important;height:24px!important;font-size:16px!important;z-index:2;box-shadow:0 2px 6px rgba(20,20,40,.15)!important}
html body.exa.exa .design-card .exa-del.sure{font:700 12px/24px Barlow,sans-serif!important}

html body.exa.exa .hl-price small,html body.exa.exa .hl-price small *,html body.exa.exa .hl-res .hl-price b+small,html body.exa.exa .hl-res small{color:#c9c6d6!important}
html body.exa.exa .hl-price b{color:#fff!important}

/* ---------- Pantalla de pago ---------- */
#exaCk{position:fixed;inset:0;z-index:2147482500;background:#f3f3f8;overflow-y:auto;overscroll-behavior:contain;color:#15161c;font-family:Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
#exaCk[hidden]{display:none!important}
html.exa-ck-on,html.exa-ck-on body{overflow:hidden!important}
html.exa-ck-on .edtf-bar{display:none!important}
.exa-ck-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:18px;padding:12px 28px;background:#15161c;color:#fff}
.exa-ck-back{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:700 14px Barlow,sans-serif;cursor:pointer}
.exa-ck-back:hover{background:rgba(255,255,255,.1)}
.exa-ck-logo{height:34px;width:auto}
.exa-ck-steps{margin:0 0 0 auto;display:flex;gap:4px;list-style:none;padding:4px;background:rgba(255,255,255,.08);border-radius:999px}
.exa-ck-steps li{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font:600 13px Barlow,sans-serif;color:#c9c6d6}
.exa-ck-steps li b{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ff2e93,#e3007f);color:#fff;font:700 11px/20px Barlow,sans-serif;text-align:center}
.exa-ck-steps li.on{background:#fff;color:#15161c}
.exa-ck-safe{font:600 13px Barlow,sans-serif;color:#c9c6d6;white-space:nowrap}
.exa-ck-body{max-width:1160px;margin:0 auto;padding:30px 28px 90px}
.exa-ck-body>h1{font:900 42px/1 "Barlow Condensed",Barlow,sans-serif;letter-spacing:.01em;margin:0;color:#15161c}
.exa-ck-sub{color:#6b6878;margin:8px 0 24px;font-size:15.5px}
#exaCk #pagoBox{background:none!important;border:0!important;padding:0!important;box-shadow:none!important;margin:0!important;max-width:none!important}
#exaCk #pagoBox>h3,#exaCk #pagoBox>small,#exaCk .pg-open-btn{display:none!important}
#exaCk form.pg-form{display:grid!important;grid-template-columns:minmax(0,1fr) 390px;gap:24px;align-items:start;margin:0!important;padding:0!important;border:0!important;background:none!important}
#exaCk .exa-ck-sec{background:#fff;border:1px solid #e6e4ec;border-radius:18px;padding:22px 24px 10px;margin:0 0 16px;box-shadow:0 14px 34px -30px rgba(30,20,60,.35)}
#exaCk .exa-ck-sec>h2,#exaCk .exa-ck-rh{display:flex;align-items:center;gap:10px;font:800 21px/1 "Barlow Condensed",Barlow,sans-serif;margin:0 0 18px;color:#15161c;letter-spacing:.01em;text-transform:none}
#exaCk .exa-ck-sec>h2 i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff2e93,#e3007f);color:#fff;font:800 14px/28px Barlow,sans-serif;text-align:center;font-style:normal;flex:none}
#exaCk .exa-ck-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
#exaCk label{display:block!important;font:600 13.5px/1.35 Barlow,sans-serif!important;color:#4b4857!important;margin:0 0 14px!important}
#exaCk input[type=text],#exaCk input[type=email],#exaCk input[type=tel],#exaCk select{display:block;width:100%!important;margin-top:6px!important;padding:12px 14px!important;border:1px solid #d9d6e2!important;border-radius:12px!important;font:600 15.5px Barlow,sans-serif!important;color:#15161c!important;background:#fff!important;box-shadow:none!important;min-height:46px}
#exaCk input:focus,#exaCk select:focus{border-color:#e3007f!important;outline:0!important;box-shadow:0 0 0 3px rgba(227,0,127,.14)!important}
#exaCk fieldset{border:0!important;padding:0!important;margin:0!important;min-width:0}
#exaCk .exa-ck-sec fieldset>legend{display:none!important}
#exaCk .pg-envio>legend{display:block!important;font:700 14px Barlow,sans-serif!important;color:#15161c!important;margin:8px 0 10px!important;padding:0!important}
#exaCk .pg-row{display:grid!important;grid-template-columns:150px minmax(0,1fr);gap:0 16px}
#exaCk .pg-modo{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:6px!important}
#exaCk .pg-modo>*:not(.pg-opt){grid-column:1/-1}
#exaCk .pg-opt{display:flex!important;gap:12px;align-items:flex-start;padding:16px!important;border:1.5px solid #e6e4ec!important;border-radius:14px!important;margin:0!important;cursor:pointer;background:#fff!important;font:500 13.5px/1.4 Barlow,sans-serif!important;color:#6b6878!important;transition:border-color .15s,background .15s}
#exaCk .pg-opt:hover{border-color:#cfcbdc!important}
#exaCk .pg-opt:has(input:checked){border-color:#e3007f!important;background:#fff6fa!important;box-shadow:0 0 0 3px rgba(227,0,127,.1)}
#exaCk .pg-opt input{accent-color:#e3007f;width:18px;height:18px;margin:2px 0 0!important;flex:none}
#exaCk .pg-opt span,#exaCk .pg-opt span *{color:#6b6878!important}
#exaCk .pg-opt b{display:block;font:700 15px/1.25 Barlow,sans-serif!important;color:#15161c!important;margin-bottom:3px}
#exaCk .pg-recdir{margin:4px 0 0!important;padding:12px 14px!important;border-radius:12px!important;background:#f3f3f8!important;border:0!important;color:#4b4857!important;font:500 13.5px/1.45 Barlow,sans-serif!important}
#exaCk .pg-paytall{margin-top:6px}
#exaCk .pg-paytall>p{font:700 15px Barlow,sans-serif!important;color:#15161c!important;margin:12px 0 10px!important}
#exaCk .pg-paytall{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#exaCk .pg-paytall[hidden]{display:none!important}
#exaCk .pg-paytall>p{grid-column:1/-1}
#exaCk .pg-trans label{margin-top:6px!important}
#exaCk .pg-envio .pg-chk:not(.pg-opt){display:flex!important;gap:10px;align-items:center;font:600 14px Barlow,sans-serif!important;color:#15161c!important}
#exaCk .pg-envio .pg-chk input{accent-color:#e3007f;width:18px;height:18px;margin:0!important}
#exaCk .pg-ent{margin-top:8px}
/* columna resumen */
#exaCk .exa-ck-r{position:sticky;top:86px;background:#fff;border:1px solid #e6e4ec;border-radius:18px;padding:22px;box-shadow:0 20px 44px -30px rgba(30,20,60,.4)}
#exaCk .pg-sum{background:#f7f7fa!important;border:0!important;border-radius:14px!important;padding:14px 16px!important;margin:0 0 12px!important;font:500 14px/1.5 Barlow,sans-serif!important;color:#4b4857!important}
#exaCk .pg-sum div{display:flex;justify-content:space-between;gap:10px;padding:3px 0}
#exaCk .pg-sum .pg-t{border-top:1px solid #e1dfe8!important;margin-top:8px!important;padding-top:10px!important;font:800 22px/1.1 "Barlow Condensed",Barlow,sans-serif!important;color:#15161c!important}
#exaCk .exa-ck-r>p{margin:0 0 14px!important}
#exaCk .exa-ck-r>p small,#exaCk .exa-ck-r>p small *{font:500 12.5px/1.45 Barlow,sans-serif!important;color:#6b6878!important}
#exaCk .exa-ck-r .pg-chk{display:flex!important;gap:10px;align-items:flex-start;font:500 13.5px/1.4 Barlow,sans-serif!important;color:#15161c!important;margin:0 0 10px!important}
#exaCk .exa-ck-r .pg-chk input{accent-color:#e3007f;width:18px;height:18px;margin:1px 0 0!important;flex:none}
#exaCk .exa-ck-r .pg-chk a{color:#c4006d!important;text-decoration:underline}
#exaCk .pg-saved{font-size:12.5px;color:#6b6878}
#exaCk .pg-warn{margin:6px 0 12px!important;padding:10px 12px!important;border-radius:12px!important;background:#fff3dc!important;border:1px solid #f3dfae!important;color:#6a4500!important;font:600 13px/1.4 Barlow,sans-serif!important}
#exaCk .pg-err{margin:0 0 12px!important;padding:10px 12px!important;border-radius:12px!important;background:#fde7e9!important;border:1px solid #f6c3c8!important;color:#8a1b2b!important;font:600 13.5px/1.4 Barlow,sans-serif!important}
#exaCk .exa-ck-r button[type=submit].pg-go{display:block;width:100%!important;padding:17px 18px!important;border:0!important;border-radius:14px!important;background:linear-gradient(135deg,#ff2e93,#e3007f)!important;color:#fff!important;font:800 17px/1.2 Barlow,sans-serif!important;box-shadow:0 16px 34px -14px rgba(227,0,127,.6)!important;cursor:pointer}
#exaCk .exa-ck-r button[type=submit].pg-go:active{transform:translateY(1px)}
#exaCk .pg-mailwarn{margin:-4px 0 12px!important;padding:10px 12px!important;border-radius:12px!important;background:#fff3dc!important;color:#6a4500!important;font:600 13px Barlow,sans-serif!important}
@media (max-width:980px){
 #exaCk form.pg-form{grid-template-columns:minmax(0,1fr)}
 #exaCk .exa-ck-r{position:static}
 #exaCk .pg-modo{grid-template-columns:minmax(0,1fr)}
 .exa-ck-steps{display:none}
}
@media (max-width:640px){
 .exa-ck-top{padding:10px 14px;gap:10px}.exa-ck-logo{height:28px}.exa-ck-safe{display:none}
 .exa-ck-body{padding:20px 14px 60px}.exa-ck-body>h1{font-size:32px}
 #exaCk .exa-ck-sec{padding:18px 16px 6px}
 #exaCk .exa-ck-2,#exaCk .pg-paytall{grid-template-columns:minmax(0,1fr)}
 #exaCk .pg-row{grid-template-columns:110px minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){#exaCk *{transition:none!important}}

#exaCk .exa-ck-back{width:auto!important;flex:none!important;min-height:0!important;box-shadow:none!important}
#exaCk .exa-ck-steps li{white-space:nowrap}
#exaCk .exa-ck-r .pg-chk{border:0!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}

/* ¿Cómo lo recibes? antes de pagar */
html body.exa.exa aside.order>.exa-modo{order:3;margin:0 0 18px}
html body.exa.exa aside.order>h2:not(:first-child){order:4}
html body.exa.exa .exa-modo h2{font:800 14px/1 "Barlow Condensed",Barlow,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--amu)!important;margin:0 0 10px!important;background:none!important;border:0!important;padding:0!important}
html body.exa.exa .exa-modo .exa-mo{display:flex!important;gap:10px;align-items:flex-start;padding:11px 12px!important;border:1.5px solid var(--aln)!important;border-radius:12px!important;margin:0 0 8px!important;cursor:pointer;background:#fff!important;font:500 13px Barlow,sans-serif!important;color:var(--aink)!important;transition:border-color .15s,background .15s}
html body.exa.exa .exa-modo .exa-mo:hover{border-color:#cfcbdc!important}
html body.exa.exa .exa-modo .exa-mo:has(input:checked){border-color:var(--amg)!important;background:#fff6fa!important;box-shadow:0 0 0 3px rgba(227,0,127,.08)}
html body.exa.exa .exa-modo .exa-mo input{accent-color:#e3007f;width:17px;height:17px;margin:1px 0 0!important;flex:none}
html body.exa.exa .exa-modo .exa-mo b{display:block;font:700 14px/1.25 Barlow,sans-serif!important;color:var(--aink)!important}
html body.exa.exa .exa-modo .exa-mo small{display:block;font:500 12px/1.35 Barlow,sans-serif!important;color:var(--amu)!important;margin-top:2px}
html body.exa.exa .exa-modo .exa-mo-note{font:500 12.5px/1.45 Barlow,sans-serif!important;color:#4b4857!important;background:var(--abg)!important;border-radius:10px;padding:9px 11px;margin:2px 0 0!important}
html body.exa.exa .exa-modo.in-hl{margin:4px 0 14px}
html body.exa.exa .exa-modo.in-hl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body.exa.exa .exa-modo.in-hl>h2,html body.exa.exa .exa-modo.in-hl>.exa-mo-note{grid-column:1/-1}
html body.exa.exa .exa-modo.in-hl .exa-mo{margin:0!important}
@media (max-width:640px){html body.exa.exa .exa-modo.in-hl{grid-template-columns:minmax(0,1fr)}}

/* pasos inactivos legibles */
html body.exa.exa .mv-steps li:not(.on):not(.done) b{background:#e6e4ec!important;color:#6b6878!important}
@media (max-width:480px){html body.exa.exa .mv-steps li{font-size:12px!important;gap:6px}}

/* móvil: el botón del chat a la izquierda para no tapar los botones − + y × de los diseños */
@media (max-width:1179px){html body.exa.exa .asis-launch{left:12px!important;right:auto!important}}

/* en "Ya tengo mi hoja montada" no mostrar la barra antigua del montador (hablaba de diseños) */
html body.exa.exa.hl-mode .mv-bar{display:none!important}
@media (max-width:420px){#exaCk .exa-ck-r button[type=submit].pg-go{font-size:14.5px!important;padding:16px 10px!important;letter-spacing:-.01em}}