:root{--fd-red:#e30613;--fd-dark:#151515;--fd-border:#dedede}
.fd-editor{font-family:Arial,Helvetica,sans-serif!important;display:block!important;max-width:1450px!important;margin:25px auto!important;background:#f3f3f3!important;border:1px solid var(--fd-border)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 12px 40px rgba(0,0,0,.08)!important;color:#151515!important;line-height:1.25!important}
.fd-editor *{box-sizing:border-box!important;font-family:Arial,Helvetica,sans-serif!important}
.fd-editor button,.fd-editor input,.fd-editor select,.fd-editor textarea{font:inherit!important}
.fd-toolbar{height:70px!important;background:#fff!important;border-bottom:1px solid var(--fd-border)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 18px!important}
.fd-brand{display:flex!important;align-items:center!important;gap:9px!important}.fd-dot{width:9px!important;height:9px!important;border-radius:50%!important;background:var(--fd-red)!important;display:block!important}.fd-brand strong{display:block!important;font-size:18px!important;line-height:1.1!important}.fd-brand small{display:block!important;color:#777!important;font-size:11px!important;margin-top:2px!important}
.fd-actions{display:flex!important;gap:7px!important;align-items:center!important}.fd-editor .fd-actions button,.fd-editor .fd-bottom button,.fd-editor .fd-addgrid button,.fd-editor .fd-template,.fd-editor .fd-delete{appearance:none!important;-webkit-appearance:none!important;opacity:1!important;visibility:visible!important;text-shadow:none!important;box-shadow:none!important;cursor:pointer!important}
.fd-actions button{border:1px solid #d7d7d7!important;background:#fff!important;color:#151515!important;border-radius:8px!important;padding:9px 13px!important;font-weight:700!important;min-height:38px!important;line-height:18px!important}.fd-actions button:hover{border-color:var(--fd-red)!important;color:var(--fd-red)!important}.fd-actions .fd-primary{background:var(--fd-red)!important;border-color:var(--fd-red)!important;color:#fff!important}.fd-actions .fd-primary:hover{background:#c9000c!important;color:#fff!important}
.fd-layout{display:grid!important;grid-template-columns:245px minmax(540px,1fr) 270px!important;min-height:720px!important}.fd-sidebar{background:#fff!important;padding:18px!important}.fd-left{border-right:1px solid var(--fd-border)!important}.fd-right{border-left:1px solid var(--fd-border)!important}.fd-sidebar section{margin-bottom:22px!important}.fd-sidebar>section>label{display:block!important;font-size:10px!important;letter-spacing:.12em!important;font-weight:800!important;color:#777!important;margin-bottom:9px!important}.fd-sidebar select{width:100%!important;padding:10px 11px!important;border:1px solid #d7d7d7!important;border-radius:7px!important;background:#fff!important;color:#151515!important;min-height:40px!important}
.fd-templates{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.fd-template{border:1px solid #ddd!important;background:#fff!important;border-radius:8px!important;padding:7px!important;color:#151515!important;text-align:left!important}.fd-template:hover,.fd-template.active{border-color:var(--fd-red)!important;box-shadow:0 0 0 1px var(--fd-red)!important}.fd-template small{display:block!important;font-size:10px!important;margin-top:5px!important;color:#151515!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.fd-thumb{height:60px!important;display:block!important;border:1px solid #eee!important;border-radius:5px!important;overflow:hidden!important;background:#fff!important}.fd-thumb.black{background:linear-gradient(135deg,#111 0 48%,#fff 49%)!important}.fd-thumb.minimal{background:linear-gradient(#fff 0 75%,#111 76% 78%,#fff 79%)!important}.fd-thumb.red{background:linear-gradient(180deg,#d90016 0 38%,#fff 39%)!important}.fd-thumb.elegant{background:linear-gradient(90deg,#222 0 22%,#fff 23% 100%)!important}.fd-thumb.split{background:linear-gradient(90deg,#111 0 50%,#fff 50%)!important}.fd-thumb.corner{background:linear-gradient(135deg,#d90016 0 30%,#fff 31%)!important}.fd-thumb.footer{background:linear-gradient(180deg,#fff 0 68%,#111 69%)!important}.fd-thumb.center{background:radial-gradient(circle at center,#d90016 0 18%,#fff 19%)!important}.fd-thumb.lines{background:repeating-linear-gradient(0deg,#fff 0 12px,#e30613 13px 15px)!important}.fd-thumb.blackred{background:linear-gradient(135deg,#111 0 65%,#e30613 66%)!important}.fd-thumb.frame{background:#fff!important;box-shadow:inset 0 0 0 6px #111!important}.fd-thumb.diagonalred{background:linear-gradient(145deg,#e30613 0 48%,#fff 49%)!important}
.fd-thumb.topbar{background:linear-gradient(180deg,#111 0 24%,#e30613 25% 28%,#fff 29%)!important}.fd-thumb.redcorner{background:linear-gradient(45deg,#fff 0 65%,#e30613 66% 100%)!important}.fd-thumb.modern{background:linear-gradient(180deg,#111 0 8%,#fff 9% 91%,#111 92%)!important;box-shadow:inset 0 0 0 5px #111!important}.fd-thumb.grid{background:repeating-linear-gradient(90deg,#fff 0 14px,#e7e7e7 15px 16px),repeating-linear-gradient(0deg,transparent 0 14px,#e7e7e7 15px 16px)!important}.fd-thumb.mono{background:linear-gradient(#333 0 18%,#fff 19% 82%,#333 83%)!important;box-shadow:inset 0 0 0 5px #333!important}.fd-thumb.doubleline{background:#fff!important;box-shadow:inset 0 0 0 5px #111,inset 0 0 0 10px #fff,inset 0 0 0 12px #e30613!important}.fd-thumb.circle{background:radial-gradient(circle at 75% 25%,#e30613 0 12%,#111 13% 25%,#fff 26%)!important}.fd-thumb.blacktop{background:linear-gradient(180deg,#111 0 43%,#e30613 44% 48%,#fff 49%)!important}.fd-thumb.redside{background:linear-gradient(90deg,#e30613 0 12%,#111 13% 17%,#fff 18%)!important}.fd-thumb.diagonalblack{background:linear-gradient(135deg,#111 0 48%,#fff 49% 78%,#e30613 79%)!important}.fd-thumb.editorial{background:linear-gradient(180deg,#e30613 0 10%,#111 11% 16%,#fff 17% 82%,#111 83%)!important}.fd-thumb.badge{background:radial-gradient(circle,#e30613 0 15%,#fff 16% 28%,#111 29% 43%,#fff 44%)!important}
.fd-addgrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.fd-addgrid button{padding:10px 5px!important;border:1px solid #d7d7d7!important;border-radius:7px!important;background:#fff!important;color:#151515!important;font-weight:700!important;min-height:40px!important}.fd-addgrid button:hover{border-color:var(--fd-red)!important;color:var(--fd-red)!important}.fd-addgrid .wide{grid-column:1/-1!important}
.fd-guide{background:#fafafa!important;padding:12px!important;border-radius:9px!important;font-size:11px!important}.fd-guide>*{display:block!important;margin:5px 0!important}.fd-guide small{color:#777!important}
.fd-workspace{min-width:0!important;display:flex!important;flex-direction:column!important}.fd-subbar{height:45px!important;background:#fff!important;border-bottom:1px solid var(--fd-border)!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:12px!important;font-size:11px!important}.fd-subbar em{margin-left:auto!important;color:#198754!important;font-style:normal!important}.fd-stage-wrap{flex:1!important;min-height:625px!important;overflow:auto!important;background:#eee!important;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%)!important;background-size:20px 20px!important;background-position:0 0,0 10px,10px -10px,-10px 0!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:40px!important}.fd-stage{background:#fff!important;padding:12px!important;border:1px solid var(--fd-red)!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}.fd-bleed{background:#fff!important}.fd-safe{border:1px dashed #19a05a!important;background:#fff!important;padding:10px!important}#fd-canvas{display:block!important;max-width:none!important;height:auto!important}
.fd-bottom{height:45px!important;background:#fff!important;border-top:1px solid var(--fd-border)!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 12px!important;font-size:11px!important}.fd-bottom button{height:27px!important;min-width:27px!important;background:#fff!important;color:#151515!important;border:1px solid #d7d7d7!important;border-radius:5px!important}.fd-bottom .fd-resetzoom{padding:0 8px!important}.fd-bottom span{margin-left:auto!important;color:#777!important}
.fd-sidebar p{font-size:12px!important;color:#777!important}.fd-field{display:block!important;margin-bottom:11px!important}.fd-field>span{display:block!important;font-size:10px!important;font-weight:800!important;color:#666!important;margin-bottom:4px!important}.fd-field input,.fd-field textarea,.fd-field select{width:100%!important;border:1px solid #d7d7d7!important;border-radius:6px!important;padding:8px!important;background:#fff!important;color:#151515!important;font-size:12px!important;min-height:35px!important}.fd-field textarea{min-height:70px!important;resize:vertical!important}.fd-field input[type=color]{padding:3px!important;height:38px!important}.fd-delete{width:100%!important;padding:9px!important;border:1px solid #ddd!important;border-radius:7px!important;background:#fff!important;color:#d00!important;font-weight:700!important;margin-top:4px!important}.fd-delete:hover{background:#fff5f5!important;border-color:#d00!important}
.fd-modal{display:none!important;position:fixed!important;z-index:999999!important;inset:0!important;background:rgba(0,0,0,.72)!important;align-items:center!important;justify-content:center!important}.fd-modal.open{display:flex!important}.fd-modal-card{position:relative!important;background:#fff!important;padding:22px!important;border-radius:12px!important;max-width:94vw!important;max-height:94vh!important;overflow:auto!important}.fd-modal-card>button.fd-modal-close{position:absolute!important;right:9px!important;top:4px!important;border:0!important;background:transparent!important;color:#151515!important;font-size:30px!important;line-height:30px!important;cursor:pointer!important;padding:0!important;min-width:32px!important}.fd-modal-card h2{margin:0 0 15px!important;font-size:22px!important;color:#151515!important}.fd-modal-card canvas{display:block!important;max-width:100%!important;height:auto!important}
@media(max-width:1050px){.fd-layout{grid-template-columns:220px 1fr!important}.fd-right{grid-column:1/-1!important;border-left:0!important;border-top:1px solid var(--fd-border)!important}}
@media(max-width:720px){.fd-toolbar{height:auto!important;align-items:flex-start!important;gap:10px!important;flex-direction:column!important}.fd-actions{width:100%!important;overflow:auto!important}.fd-layout{display:flex!important;flex-direction:column!important}.fd-left,.fd-right{border:0!important;border-bottom:1px solid var(--fd-border)!important}.fd-stage-wrap{min-height:500px!important;padding:15px!important}.fd-bottom span{display:none!important}}
/* Factoría Diseña 0.7.0 — selector compacto de diseños y salida de impresión */
.fd-template-help{display:block!important;color:#777!important;font-size:10px!important;line-height:1.35!important;margin-top:6px!important}
.fd-editor #fd-template-select{width:100%!important;min-height:42px!important;padding:10px 34px 10px 11px!important;border:1px solid #d7d7d7!important;border-radius:7px!important;background:#fff!important;color:#151515!important;font-weight:700!important;cursor:pointer!important}
.fd-editor #fd-template-select:focus{outline:0!important;border-color:var(--fd-red)!important;box-shadow:0 0 0 1px var(--fd-red)!important}
.fd-actions{flex-wrap:wrap!important}
@media(max-width:1100px){.fd-actions button{padding:8px 10px!important;font-size:12px!important}.fd-toolbar{height:auto!important;min-height:70px!important}}
/* Factoría Diseña 0.7.0 — editor tipo Canva */
.fd-template-search{width:100%!important;min-height:36px!important;padding:8px 10px!important;border:1px solid #d7d7d7!important;border-radius:7px!important;background:#fff!important;color:#151515!important;margin-bottom:9px!important}
.fd-template-search:focus{outline:0!important;border-color:var(--fd-red)!important;box-shadow:0 0 0 1px var(--fd-red)!important}
.fd-templates{max-height:430px!important;overflow:auto!important;padding:2px!important}
.fd-template{padding:6px!important;min-width:0!important;cursor:pointer!important}
.fd-template small{font-weight:700!important}
.fd-thumb-canvas{width:100%!important;height:74px!important;display:block!important;border:1px solid #eee!important;border-radius:5px!important;background:#fff!important;object-fit:contain!important}
.fd-layer-actions{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;margin-bottom:8px!important}
.fd-layer-actions button,.fd-align-grid button{appearance:none!important;border:1px solid #d7d7d7!important;background:#fff!important;color:#151515!important;border-radius:6px!important;min-height:32px!important;padding:5px 3px!important;font-weight:700!important;cursor:pointer!important}
.fd-layer-actions button:hover,.fd-align-grid button:hover{border-color:var(--fd-red)!important;color:var(--fd-red)!important}
.fd-layers{max-height:245px!important;overflow:auto!important;border:1px solid #e4e4e4!important;border-radius:7px!important;background:#fafafa!important;padding:4px!important}
.fd-layer{display:grid!important;grid-template-columns:minmax(0,1fr) 28px 28px!important;gap:3px!important;align-items:center!important;border-radius:5px!important;margin:2px 0!important;background:#fff!important;border:1px solid transparent!important}
.fd-layer.active{border-color:var(--fd-red)!important;background:#fff7f7!important}
.fd-layer.hidden{opacity:.55!important}
.fd-layer-name{appearance:none!important;border:0!important;background:transparent!important;text-align:left!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:7px!important;cursor:pointer!important;font-size:11px!important;color:#151515!important;min-width:0!important}
.fd-layer-icon{appearance:none!important;border:0!important;background:transparent!important;color:#666!important;cursor:pointer!important;padding:4px!important;border-radius:4px!important}
.fd-layer-icon:hover{background:#f0f0f0!important;color:#151515!important}
.fd-align-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important}
.fd-muted{color:#777!important;font-size:11px!important}
.fd-neutral{color:#151515!important;border-color:#d7d7d7!important}
@media(max-width:1050px){.fd-templates{max-height:280px!important}}

/* Factoría Diseña 0.8.0 — aplicación a pantalla completa, estilo Canva */
html.fd-disena-open, body.fd-disena-open{overflow:hidden!important;height:100%!important}
body.fd-disena-open #wpadminbar{display:none!important}
body.fd-disena-open .fd-editor{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:999999!important;overflow:hidden!important;background:#f4f5f7!important}
.fd-editor{--fd-topbar:64px!important;--fd-left:268px!important;--fd-right:292px!important}
.fd-toolbar{height:64px!important;min-height:64px!important;padding:0 18px!important;border-bottom:1px solid #dfe1e5!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important;position:relative!important;z-index:5!important}
.fd-brand{min-width:210px!important}.fd-brand strong{font-size:17px!important;letter-spacing:-.2px!important}.fd-brand small{font-size:10px!important}
.fd-toolbar-center{display:flex!important;align-items:center!important;gap:5px!important;margin-left:20px!important;margin-right:auto!important}
.fd-icon-btn,.fd-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:38px!important;min-width:38px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:#fff!important;color:#303238!important;font-weight:700!important;font-size:12px!important;line-height:1!important;cursor:pointer!important;transition:background .15s,border-color .15s,color .15s,transform .1s!important}
.fd-icon-btn:hover{background:#f5f5f6!important;border-color:#d8dadd!important;color:#111!important}.fd-icon-btn:active{transform:translateY(1px)!important}
.fd-actions{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:nowrap!important}.fd-actions .fd-history{font-size:18px!important;padding:0!important;color:#555!important}.fd-actions .fd-primary{background:var(--fd-red)!important;border-color:var(--fd-red)!important;color:#fff!important;padding:0 14px!important}.fd-actions .fd-primary:hover{background:#c9000c!important;color:#fff!important}
.fd-svg-icon{display:inline-block!important;width:17px!important;height:17px!important;position:relative!important;flex:0 0 17px!important}.fd-svg-icon:before,.fd-svg-icon:after{content:""!important;position:absolute!important;box-sizing:border-box!important}
.fd-icon-undo:before{width:13px!important;height:10px!important;border:2px solid currentColor!important;border-right:0!important;border-bottom:0!important;border-radius:9px 0 0 0!important;left:3px!important;top:4px!important;transform:rotate(-28deg)!important}.fd-icon-undo:after{border-top:5px solid transparent!important;border-bottom:5px solid transparent!important;border-right:6px solid currentColor!important;left:0!important;top:1px!important}
.fd-icon-redo:before{width:13px!important;height:10px!important;border:2px solid currentColor!important;border-left:0!important;border-bottom:0!important;border-radius:0 9px 0 0!important;left:1px!important;top:4px!important;transform:rotate(28deg)!important}.fd-icon-redo:after{border-top:5px solid transparent!important;border-bottom:5px solid transparent!important;border-left:6px solid currentColor!important;right:0!important;top:1px!important}
.fd-icon-save:before{left:2px!important;top:2px!important;width:14px!important;height:14px!important;border:2px solid currentColor!important;border-radius:3px!important}.fd-icon-save:after{left:6px!important;top:4px!important;width:6px!important;height:4px!important;border:2px solid currentColor!important;border-top:0!important}
.fd-icon-download:before{left:2px!important;top:2px!important;width:13px!important;height:10px!important;border-bottom:2px solid currentColor!important}.fd-icon-download:after{left:6px!important;top:1px!important;width:6px!important;height:10px!important;border-left:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:rotate(-45deg)!important}
.fd-icon-print:before{left:1px!important;top:5px!important;width:15px!important;height:9px!important;border:2px solid currentColor!important;border-radius:2px!important}.fd-icon-print:after{left:4px!important;top:1px!important;width:9px!important;height:13px!important;border:2px solid currentColor!important;background:#fff!important;box-shadow:0 7px 0 -5px currentColor!important}
.fd-icon-eye:before{left:1px!important;top:4px!important;width:15px!important;height:9px!important;border:2px solid currentColor!important;border-radius:80% 20% 80% 20%/70% 30% 70% 30%!important;transform:rotate(0deg)!important}.fd-icon-eye:after{left:7px!important;top:7px!important;width:4px!important;height:4px!important;border:2px solid currentColor!important;border-radius:50%!important}
.fd-icon-layout:before{left:1px!important;top:2px!important;width:15px!important;height:13px!important;border:2px solid currentColor!important;border-radius:2px!important}.fd-icon-layout:after{left:6px!important;top:2px!important;width:2px!important;height:13px!important;background:currentColor!important;box-shadow:5px 0 0 currentColor!important}
.fd-icon-sliders:before{left:2px!important;top:2px!important;width:13px!important;height:13px!important;border-top:2px solid currentColor!important;border-bottom:2px solid currentColor!important}.fd-icon-sliders:after{left:6px!important;top:0!important;width:2px!important;height:17px!important;background:currentColor!important;box-shadow:5px 0 0 -0.2px currentColor!important;transform:rotate(90deg)!important}
.fd-layout{grid-template-columns:var(--fd-left) minmax(0,1fr) var(--fd-right)!important;height:calc(100vh - var(--fd-topbar))!important;min-height:0!important}
.fd-sidebar{padding:14px!important;overflow:auto!important;min-height:0!important}.fd-left{border-right:1px solid #dfe1e5!important}.fd-right{border-left:1px solid #dfe1e5!important}
.fd-sidebar section{margin-bottom:16px!important}.fd-sidebar>section>label{font-size:9px!important;letter-spacing:.14em!important;margin-bottom:7px!important}.fd-sidebar select{min-height:36px!important;padding:8px 10px!important}
.fd-templates{max-height:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.fd-template{padding:5px!important;border-radius:7px!important}.fd-template small{font-size:9px!important}.fd-thumb-canvas{height:67px!important;border-radius:5px!important}
.fd-template-search{min-height:34px!important;padding:7px 9px!important;margin-bottom:7px!important}
.fd-addgrid{gap:6px!important}.fd-addgrid button{min-height:38px!important;padding:8px 5px!important;font-size:11px!important}
.fd-guide{padding:10px!important;font-size:10px!important}
.fd-workspace{height:100%!important;min-width:0!important;background:#eceef1!important}
.fd-subbar{height:38px!important;min-height:38px!important;padding:0 12px!important;font-size:10px!important;border-bottom:1px solid #d9dce0!important}.fd-subbar em{font-size:10px!important}
.fd-stage-wrap{min-height:0!important;height:100%!important;padding:28px!important;background-color:#e9ebee!important;overflow:auto!important}
.fd-stage{padding:10px!important;border:1px solid #cfd3d8!important;box-shadow:0 8px 30px rgba(0,0,0,.16)!important}.fd-safe{padding:8px!important}
.fd-bottom{height:42px!important;min-height:42px!important;padding:0 10px!important;background:#fff!important;border-top:1px solid #dfe1e5!important}.fd-zoom-controls{display:flex!important;align-items:center!important;gap:4px!important}.fd-bottom button{height:28px!important;min-width:28px!important;border-radius:6px!important}.fd-bottom strong{min-width:48px!important;text-align:center!important;font-size:11px!important}.fd-canvas-hint{margin-left:14px!important;color:#777!important;font-size:10px!important}.fd-product-status{margin-left:auto!important;color:#198754!important;font-size:10px!important;font-weight:700!important}
.fd-layer-actions button,.fd-align-grid button{min-height:30px!important;font-size:10px!important}.fd-layers{max-height:230px!important}
.fd-field{margin-bottom:9px!important}.fd-field>span{font-size:9px!important}.fd-field input,.fd-field textarea,.fd-field select{font-size:11px!important;min-height:33px!important;padding:7px!important}
/* Colapsar paneles para dejar el lienzo como protagonista */
.fd-editor.fd-left-collapsed{--fd-left:0px!important}.fd-editor.fd-left-collapsed .fd-left{display:none!important}.fd-editor.fd-right-collapsed{--fd-right:0px!important}.fd-editor.fd-right-collapsed .fd-right{display:none!important}
.fd-editor.fd-left-collapsed .fd-toolbar-center .fd-icon-btn:first-child,.fd-editor.fd-right-collapsed .fd-toolbar-center .fd-icon-btn:nth-child(2){background:#f1f1f2!important;color:var(--fd-red)!important}
@media(max-width:1200px){.fd-editor{--fd-left:230px!important;--fd-right:270px!important}.fd-toolbar-center{margin-left:8px!important}.fd-actions button span:last-child{display:none!important}.fd-actions .fd-primary span:last-child{display:inline!important}}
@media(max-width:900px){.fd-editor{--fd-left:0px!important;--fd-right:0px!important}.fd-left,.fd-right{position:absolute!important;top:64px!important;bottom:42px!important;width:280px!important;z-index:20!important;box-shadow:0 8px 25px rgba(0,0,0,.15)!important}.fd-left{left:0!important}.fd-right{right:0!important}.fd-left-collapsed .fd-left,.fd-right-collapsed .fd-right{display:none!important}.fd-toolbar-center{display:none!important}.fd-canvas-hint{display:none!important}}
@media(max-width:600px){.fd-toolbar{padding:0 8px!important}.fd-brand{min-width:auto!important}.fd-brand small{display:none!important}.fd-brand strong{font-size:14px!important}.fd-actions{margin-left:auto!important}.fd-actions .fd-icon-btn:not(.fd-history),.fd-actions .fd-primary{width:36px!important;padding:0!important}.fd-actions .fd-icon-btn:not(.fd-history) span:last-child,.fd-actions .fd-primary span:last-child{display:none!important}.fd-stage-wrap{padding:12px!important}.fd-sidebar{width:270px!important}.fd-product-status{display:none!important}}
/* v0.9.0 — sistema de iconos y herramientas tipo Canva */
.fd-svg-icon{width:16px!important;height:16px!important;display:inline-block!important;position:relative!important;flex:0 0 16px!important;color:currentColor!important}
.fd-icon-type:before{content:'T'!important;position:absolute!important;inset:0!important;font-size:15px!important;font-weight:800!important;line-height:16px!important;text-align:center!important}
.fd-icon-heading:before{content:'H'!important;position:absolute!important;inset:0!important;font-size:14px!important;font-weight:800!important;line-height:16px!important;text-align:center!important}
.fd-icon-image:before{content:''!important;position:absolute!important;inset:1px!important;border:1.8px solid currentColor!important;border-radius:3px!important}.fd-icon-image:after{content:''!important;position:absolute!important;left:4px!important;bottom:4px!important;width:7px!important;height:5px!important;border-left:1.8px solid currentColor!important;border-bottom:1.8px solid currentColor!important;transform:skew(-25deg)!important;box-shadow:4px -3px 0 -1px currentColor!important}
.fd-icon-square:before{content:''!important;position:absolute!important;left:2px!important;top:2px!important;width:12px!important;height:12px!important;border:2px solid currentColor!important;border-radius:2px!important}
.fd-icon-circle:before{content:''!important;position:absolute!important;left:2px!important;top:2px!important;width:12px!important;height:12px!important;border:2px solid currentColor!important;border-radius:50%!important}
.fd-icon-line:before{content:''!important;position:absolute!important;left:2px!important;right:2px!important;top:7px!important;height:2px!important;background:currentColor!important;transform:rotate(-18deg)!important;border-radius:2px!important}
.fd-icon-triangle:before{content:''!important;position:absolute!important;left:2px!important;top:2px!important;border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-bottom:12px solid currentColor!important}
.fd-icon-diamond:before{content:''!important;position:absolute!important;left:3px!important;top:3px!important;width:10px!important;height:10px!important;border:2px solid currentColor!important;transform:rotate(45deg)!important}
.fd-icon-star:before{content:'★'!important;position:absolute!important;inset:0!important;font-size:16px!important;line-height:16px!important;text-align:center!important}
.fd-icon-copy:before{content:''!important;position:absolute!important;left:2px!important;top:4px!important;width:9px!important;height:9px!important;border:1.7px solid currentColor!important;border-radius:2px!important}.fd-icon-copy:after{content:''!important;position:absolute!important;left:5px!important;top:1px!important;width:9px!important;height:9px!important;border:1.7px solid currentColor!important;border-radius:2px!important;background:#fff!important}
.fd-icon-front:before{content:'↑'!important;position:absolute!important;inset:0!important;font-size:17px!important;font-weight:800!important;line-height:16px!important;text-align:center!important}
.fd-icon-back:before{content:'↓'!important;position:absolute!important;inset:0!important;font-size:17px!important;font-weight:800!important;line-height:16px!important;text-align:center!important}
.fd-icon-group:before{content:''!important;position:absolute!important;left:1px!important;top:4px!important;width:8px!important;height:8px!important;border:1.5px solid currentColor!important;border-radius:2px!important;box-shadow:5px -3px 0 -1px #fff,5px -3px 0 .5px currentColor!important}
.fd-icon-ungroup:before{content:'×'!important;position:absolute!important;inset:0!important;font-size:18px!important;font-weight:700!important;line-height:15px!important;text-align:center!important}
.fd-icon-center-x:before{content:'↔'!important;position:absolute!important;inset:0!important;font-size:15px!important;line-height:16px!important;text-align:center!important}
.fd-icon-center-y:before{content:'↕'!important;position:absolute!important;inset:0!important;font-size:15px!important;line-height:16px!important;text-align:center!important}
.fd-icon-flip-x:before{content:'⇆'!important;position:absolute!important;inset:0!important;font-size:16px!important;line-height:16px!important;text-align:center!important}
.fd-icon-flip-y:before{content:'⇵'!important;position:absolute!important;inset:0!important;font-size:16px!important;line-height:16px!important;text-align:center!important}
.fd-icon-distribute-x:before{content:'☷'!important;position:absolute!important;inset:0!important;font-size:16px!important;line-height:16px!important;text-align:center!important;transform:rotate(90deg)!important}
.fd-icon-distribute-y:before{content:'☷'!important;position:absolute!important;inset:0!important;font-size:16px!important;line-height:16px!important;text-align:center!important}
.fd-tools-grid button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
.fd-action-grid{grid-template-columns:repeat(4,1fr)!important}
.fd-action-grid button{display:flex!important;align-items:center!important;justify-content:center!important}
.fd-mini-hint{font-size:9px!important;color:#888!important;line-height:1.4!important;margin-top:7px!important}
.fd-format-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin:2px 0 11px!important}
.fd-format-btn{appearance:none!important;border:1px solid #d7d7d7!important;background:#fff!important;color:#333!important;border-radius:6px!important;min-height:30px!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important}
.fd-format-btn:hover,.fd-format-btn.active{border-color:var(--fd-red)!important;color:var(--fd-red)!important;background:#fff7f8!important}
.fd-layer-icon{font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important}
.fd-icon-eye-small:before{content:''!important;position:absolute!important;left:1px!important;top:4px!important;width:14px!important;height:8px!important;border:1.7px solid currentColor!important;border-radius:80% 20% 80% 20%/70% 30% 70% 30%!important}.fd-icon-eye-small:after{content:''!important;position:absolute!important;left:6px!important;top:6px!important;width:4px!important;height:4px!important;border:1.5px solid currentColor!important;border-radius:50%!important}
.fd-icon-eye-off:before{content:''!important;position:absolute!important;left:1px!important;top:7px!important;width:14px!important;height:2px!important;background:currentColor!important;transform:rotate(-32deg)!important;border-radius:2px!important}.fd-icon-eye-off:after{content:'○'!important;position:absolute!important;left:4px!important;top:-3px!important;font-size:13px!important;line-height:16px!important}
.fd-icon-lock:before{content:''!important;position:absolute!important;left:3px!important;top:7px!important;width:10px!important;height:8px!important;border:1.7px solid currentColor!important;border-radius:2px!important}.fd-icon-lock:after{content:''!important;position:absolute!important;left:5px!important;top:2px!important;width:6px!important;height:7px!important;border:1.7px solid currentColor!important;border-bottom:0!important;border-radius:6px 6px 0 0!important}
.fd-icon-unlock:before{content:''!important;position:absolute!important;left:3px!important;top:7px!important;width:10px!important;height:8px!important;border:1.7px solid currentColor!important;border-radius:2px!important}.fd-icon-unlock:after{content:''!important;position:absolute!important;left:5px!important;top:2px!important;width:6px!important;height:7px!important;border:1.7px solid currentColor!important;border-bottom:0!important;border-radius:6px 6px 0 0!important;transform:translateX(3px) rotate(8deg)!important}
/* v0.10.0 — tipografía avanzada */
.fd-format-row-4{grid-template-columns:repeat(4,1fr)!important}
.fd-format-icon{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;min-width:0!important}
.fd-format-icon:nth-child(1){font-weight:800!important}
.fd-format-icon:nth-child(2){font-style:italic!important;font-family:Georgia,serif!important}
.fd-format-icon:nth-child(3){text-decoration:underline!important}
.fd-format-icon:nth-child(4){text-decoration:line-through!important}
.fd-field select{font-family:inherit!important}
/* v0.12.0 — efectos y estilos tipo Canva */
.fd-effect-box{margin:10px 0 12px!important;padding:10px!important;background:#f7f7f8!important;border:1px solid #e3e3e5!important;border-radius:9px!important}
.fd-effect-title{font-size:9px!important;letter-spacing:.12em!important;font-weight:800!important;color:#555!important;margin-bottom:7px!important}
.fd-effect-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-bottom:7px!important}
.fd-effect-box .fd-field{margin-bottom:6px!important}
.fd-style-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:7px 0 10px!important}
.fd-style-actions .fd-format-btn:disabled{opacity:.45!important;cursor:not-allowed!important}
.fd-gradient-toggle{width:100%!important;min-height:32px!important;margin:2px 0 8px!important;border:1px solid #d7d7d9!important;background:#fff!important;border-radius:7px!important;color:#444!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important}
.fd-gradient-toggle.active{border-color:var(--fd-red)!important;background:#fff6f7!important;color:var(--fd-red)!important}

/* v0.12.0 — iconografía profesional tipo app de diseño */
.fd-icon-undo{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2014%204%209l5-5M4%209h7a5%205%200%200%201%205%205v1%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2014%204%209l5-5M4%209h7a5%205%200%200%201%205%205v1%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-undo::before,.fd-icon-undo::after{content:none!important;display:none!important}
.fd-icon-redo{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%2014%205-5-5-5M20%209h-7a5%205%200%200%200-5%205v1%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%2014%205-5-5-5M20%209h-7a5%205%200%200%200-5%205v1%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-redo::before,.fd-icon-redo::after{content:none!important;display:none!important}
.fd-icon-save{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h10l3%203v15H5zM8%203v6h7V3M8%2021v-7h8v7%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h10l3%203v15H5zM8%203v6h7V3M8%2021v-7h8v7%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-save::before,.fd-icon-save::after{content:none!important;display:none!important}
.fd-icon-download{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m0%200%205-5m-5%205-5-5M5%2021h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m0%200%205-5m-5%205-5-5M5%2021h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-download::before,.fd-icon-download::after{content:none!important;display:none!important}
.fd-icon-print{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209V3h12v6M6%2018H4V10h16v8h-2M6%2014h12v7H6z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209V3h12v6M6%2018H4V10h16v8h-2M6%2014h12v7H6z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-print::before,.fd-icon-print::after{content:none!important;display:none!important}
.fd-icon-eye{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.5-6%2010-6%2010%206%2010%206-3.5%206-10%206-10-6-10-6Zm10%203a3%203%200%201%200%200-6%203%203%200%200%200%200%206Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.5-6%2010-6%2010%206%2010%206-3.5%206-10%206-10-6-10-6Zm10%203a3%203%200%201%200%200-6%203%203%200%200%200%200%206Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-eye::before,.fd-icon-eye::after{content:none!important;display:none!important}
.fd-icon-layout{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v16H4zM10%204v16M10%2010h10%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v16H4zM10%204v16M10%2010h10%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-layout::before,.fd-icon-layout::after{content:none!important;display:none!important}
.fd-icon-sliders{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2017h16M9%204v6M15%2014v6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M4%2017h16M9%204v6M15%2014v6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-sliders::before,.fd-icon-sliders::after{content:none!important;display:none!important}
.fd-icon-plus{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-plus::before,.fd-icon-plus::after{content:none!important;display:none!important}
.fd-icon-type{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16M12%205v14M8%2019h8%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16M12%205v14M8%2019h8%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-type::before,.fd-icon-type::after{content:none!important;display:none!important}
.fd-icon-image{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v14H4zM4%2016l5-5%204%204%203-3%204%204M15%209h.01%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v14H4zM4%2016l5-5%204%204%203-3%204%204M15%209h.01%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-image::before,.fd-icon-image::after{content:none!important;display:none!important}
.fd-icon-square{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%205h14v14H5z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%205h14v14H5z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-square::before,.fd-icon-square::after{content:none!important;display:none!important}
.fd-icon-circle{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2019a7%207%200%201%200%200-14%207%207%200%200%200%200%2014Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2019a7%207%200%201%200%200-14%207%207%200%200%200%200%2014Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-circle::before,.fd-icon-circle::after{content:none!important;display:none!important}
.fd-icon-line{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2019%2014-14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2019%2014-14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-line::before,.fd-icon-line::after{content:none!important;display:none!important}
.fd-icon-triangle{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%204%208%2016H4L12%204Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%204%208%2016H4L12%204Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-triangle::before,.fd-icon-triangle::after{content:none!important;display:none!important}
.fd-icon-diamond{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%209-9%209-9-9%209-9Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%209-9%209-9-9%209-9Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-diamond::before,.fd-icon-diamond::after{content:none!important;display:none!important}
.fd-icon-star{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.2.9-4.5%204.4%201%206.2-5.5-3-5.5%203%201-6.2L3.5%209.6l6.2-.9L12%203Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.2.9-4.5%204.4%201%206.2-5.5-3-5.5%203%201-6.2L3.5%209.6l6.2-.9L12%203Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-star::before,.fd-icon-star::after{content:none!important;display:none!important}
.fd-icon-copy{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%208h11v11H8zM5%2016H4V4h12v1%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%208h11v11H8zM5%2016H4V4h12v1%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-copy::before,.fd-icon-copy::after{content:none!important;display:none!important}
.fd-icon-front{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2019V5m0%200-5%205m5-5%205%205M5%2019h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2019V5m0%200-5%205m5-5%205%205M5%2019h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-front::before,.fd-icon-front::after{content:none!important;display:none!important}
.fd-icon-back{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14m0%200-5-5m5%205%205-5M5%205h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14m0%200-5-5m5%205%205-5M5%205h14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-back::before,.fd-icon-back::after{content:none!important;display:none!important}
.fd-icon-group{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%207h8v8H7zM4%2010V4h6M20%2014v6h-6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%207h8v8H7zM4%2010V4h6M20%2014v6h-6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-group::before,.fd-icon-group::after{content:none!important;display:none!important}
.fd-icon-ungroup{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%207h6v6H7zM17%2011h3v3h-3zM14%2017h3v3h-3zM4%204h3%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%207h6v6H7zM17%2011h3v3h-3zM14%2017h3v3h-3zM4%204h3%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-ungroup::before,.fd-icon-ungroup::after{content:none!important;display:none!important}
.fd-icon-center-x{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16M8%208l-4%204%204%204M16%208l4%204-4%204%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16M8%208l-4%204%204%204M16%208l4%204-4%204%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-center-x::before,.fd-icon-center-x::after{content:none!important;display:none!important}
.fd-icon-center-y{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16M8%208l4-4%204%204M8%2016l4%204%204-4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16M8%208l4-4%204%204M8%2016l4%204%204-4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-center-y::before,.fd-icon-center-y::after{content:none!important;display:none!important}
.fd-icon-flip-x{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16M4%207l5%205-5%205M20%207l-5%205%205%205%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16M4%207l5%205-5%205M20%207l-5%205%205%205%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-flip-x::before,.fd-icon-flip-x::after{content:none!important;display:none!important}
.fd-icon-flip-y{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16M7%204l5%205%205-5M7%2020l5-5%205%205%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16M7%204l5%205%205-5M7%2020l5-5%205%205%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-flip-y::before,.fd-icon-flip-y::after{content:none!important;display:none!important}
.fd-icon-distribute-x{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%205v14M12%208v8M19%205v14M2%2012h6M16%2012h6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%205v14M12%208v8M19%205v14M2%2012h6M16%2012h6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-distribute-x::before,.fd-icon-distribute-x::after{content:none!important;display:none!important}
.fd-icon-distribute-y{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%205h14M8%2012h8M5%2019h14M12%202v6M12%2016v6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%205h14M8%2012h8M5%2019h14M12%202v6M12%2016v6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-distribute-y::before,.fd-icon-distribute-y::after{content:none!important;display:none!important}
.fd-icon-eye-small{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3-5%2010-5%2010%205%2010%205-3%205-10%205-10-5-10-5Zm10%202a2%202%200%201%200%200-4%202%202%200%200%200%200%204Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3-5%2010-5%2010%205%2010%205-3%205-10%205-10-5-10-5Zm10%202a2%202%200%201%200%200-4%202%202%200%200%200%200%204Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-eye-small::before,.fd-icon-eye-small::after{content:none!important;display:none!important}
.fd-icon-eye-off{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%203%2018%2018M10.6%2010.7a2%202%200%200%200%202.7%202.7M9.9%205.2A10.8%2010.8%200%200%201%2012%205c7%200%2010%207%2010%207a18.7%2018.7%200%200%201-3.1%204.1M6.6%206.6C3.6%208.4%202%2012%202%2012s3%207%2010%207c1.8%200%203.4-.5%204.7-1.2%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%203%2018%2018M10.6%2010.7a2%202%200%200%200%202.7%202.7M9.9%205.2A10.8%2010.8%200%200%201%2012%205c7%200%2010%207%2010%207a18.7%2018.7%200%200%201-3.1%204.1M6.6%206.6C3.6%208.4%202%2012%202%2012s3%207%2010%207c1.8%200%203.4-.5%204.7-1.2%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-eye-off::before,.fd-icon-eye-off::after{content:none!important;display:none!important}
.fd-icon-lock{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2010h12v10H6zM8%2010V7a4%204%200%200%201%208%200v3%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2010h12v10H6zM8%2010V7a4%204%200%200%201%208%200v3%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-lock::before,.fd-icon-lock::after{content:none!important;display:none!important}
.fd-icon-unlock{background-color:currentColor!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2010h12v10H6zM8%2010V7a4%204%200%200%201%207.2-2.4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2010h12v10H6zM8%2010V7a4%204%200%200%201%207.2-2.4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat!important}
.fd-icon-unlock::before,.fd-icon-unlock::after{content:none!important;display:none!important}
.fd-svg-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;display:inline-block!important;position:relative!important;color:currentColor!important}
.fd-icon-btn,.fd-primary,.fd-addgrid button,.fd-layer-actions button,.fd-align-grid button{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease!important}
.fd-icon-btn:hover .fd-svg-icon,.fd-addgrid button:hover .fd-svg-icon,.fd-layer-actions button:hover .fd-svg-icon{transform:scale(1.06)!important}
.fd-actions .fd-icon-btn,.fd-actions .fd-primary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
#fd-editor .fd-actions [data-action="preflight"]{height:38px!important;min-width:92px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important}
#fd-editor .fd-actions [data-action="preflight"] .fd-svg-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}

.fd-actions .fd-history{width:38px!important;padding:0!important}
.fd-actions .fd-history .fd-svg-icon{width:17px!important;height:17px!important}
.fd-toolbar-center .fd-icon-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;border:0!important;background:transparent!important;color:#333!important;border-radius:8px!important;padding:8px 9px!important}
.fd-toolbar-center .fd-icon-btn:hover{background:#f5f5f6!important;color:var(--fd-red)!important}
.fd-addgrid button{gap:7px!important}
.fd-layer-actions button{min-height:34px!important;border:1px solid #e1e1e3!important;background:#fff!important;border-radius:8px!important;color:#3a3a3d!important}
.fd-layer-actions button:hover{background:#faf5f6!important;border-color:#e30613!important;color:#e30613!important}
.fd-align-grid button{border:1px solid #e1e1e3!important;background:#fff!important;border-radius:7px!important;color:#333!important;font-weight:700!important}
.fd-align-grid button:hover{border-color:#e30613!important;color:#e30613!important;background:#fff7f8!important}
.fd-layer-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:27px!important;height:27px!important;border-radius:6px!important;color:#777!important}
.fd-layer-icon:hover{background:#f5f5f6!important;color:#e30613!important}
.fd-layer-icon .fd-svg-icon{width:15px!important;height:15px!important}
.fd-format-icon{font-family:inherit!important}
.fd-template:hover .fd-thumb{transform:scale(1.015)!important}
.fd-thumb{transition:transform .15s ease,box-shadow .15s ease!important}

/* v0.13.0 — Redimensionado visual tipo Canva */
#fd-canvas{touch-action:none;}
#fd-canvas.fd-resize-nw,.fd-resize-nw{cursor:nwse-resize!important}
#fd-canvas.fd-resize-ne,.fd-resize-ne{cursor:nesw-resize!important}
#fd-canvas.fd-resize-sw,.fd-resize-sw{cursor:nesw-resize!important}
#fd-canvas.fd-resize-se,.fd-resize-se{cursor:nwse-resize!important}
#fd-canvas.fd-resize-n,.fd-resize-n{cursor:ns-resize!important}
#fd-canvas.fd-resize-s,.fd-resize-s{cursor:ns-resize!important}
#fd-canvas.fd-resize-w,.fd-resize-w{cursor:ew-resize!important}
#fd-canvas.fd-resize-e,.fd-resize-e{cursor:ew-resize!important}
#fd-canvas.fd-resizing{user-select:none;}


/* v0.14 - lienzo y controles de zoom siempre visibles */
html body:has(.fd-editor){overflow:hidden!important}
.fd-editor{height:100vh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.fd-editor .fd-layout{flex:1 1 auto!important;height:calc(100vh - 64px)!important;min-height:0!important;overflow:hidden!important}
.fd-editor .fd-sidebar{min-height:0!important;overflow-y:auto!important}
.fd-editor .fd-workspace{min-height:0!important;height:100%!important}
.fd-editor .fd-stage-wrap{min-height:0!important;height:auto!important;overflow:auto!important}
.fd-editor .fd-bottom{position:relative!important;z-index:30!important;flex:0 0 42px!important;height:42px!important;min-height:42px!important}
.fd-editor .fd-zoom-controls{display:flex!important;align-items:center!important;gap:3px!important;background:#fff!important;border:1px solid #d9dce1!important;border-radius:9px!important;padding:3px!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}
.fd-editor .fd-zoom-controls button{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border:0!important;background:#fff!important;border-radius:6px!important;font-size:18px!important;font-weight:700!important;line-height:30px!important}
.fd-editor .fd-zoom-controls button:hover{background:#f1f2f4!important;color:#e30613!important}
.fd-editor .fd-zoom-controls strong{min-width:54px!important;font-size:11px!important;font-weight:800!important;color:#202124!important;text-align:center!important}
.fd-editor .fd-zoom-controls .fd-resetzoom{width:auto!important;min-width:62px!important;padding:0 9px!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.03em!important;border-left:1px solid #e4e5e7!important;border-radius:0 6px 6px 0!important}
.fd-editor .fd-zoom-controls .fd-resetzoom:hover{background:#fff5f5!important}
@media(max-width:900px){.fd-editor{height:100dvh!important}.fd-editor .fd-layout{height:calc(100dvh - 64px)!important}.fd-editor .fd-bottom{position:relative!important}.fd-editor .fd-canvas-hint{display:none!important}}


/* v0.15.0 — lienzo grande, scroll real, reglas y guías inteligentes */
.fd-editor .fd-stage-wrap{
  position:relative!important; display:grid!important; grid-template-columns:32px minmax(0,1fr)!important; grid-template-rows:32px minmax(0,1fr)!important;
  min-height:0!important; height:100%!important; padding:0!important; overflow:hidden!important; align-items:stretch!important; justify-content:stretch!important;
}
.fd-editor .fd-ruler-corner{grid-column:1;grid-row:1;background:#f5f6f8;border-right:1px solid #d7d9de;border-bottom:1px solid #d7d9de;z-index:8;position:relative}
.fd-editor .fd-ruler-top{grid-column:2;grid-row:1;overflow:hidden;background:#f5f6f8;border-bottom:1px solid #d7d9de;z-index:7;position:relative}
.fd-editor .fd-ruler-left{grid-column:1;grid-row:2;overflow:hidden;background:#f5f6f8;border-right:1px solid #d7d9de;z-index:7;position:relative}
.fd-editor .fd-ruler-inner{position:absolute;left:0;top:0;will-change:transform;font:9px/1 Inter,Arial,sans-serif;color:#6b7078;user-select:none;pointer-events:none}
.fd-editor .fd-ruler-top .fd-ruler-inner{height:32px}
.fd-editor .fd-ruler-left .fd-ruler-inner{width:32px}
.fd-editor .fd-canvas-scroll{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:auto;position:relative;background:#e9ebee;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;padding:48px;scrollbar-gutter:stable both-edges}
.fd-editor .fd-canvas-scroll>.fd-stage{display:block;width:max-content;height:max-content;margin:0;padding:10px!important}
.fd-editor .fd-canvas-scroll .fd-bleed,.fd-editor .fd-canvas-scroll .fd-safe{width:max-content;height:max-content}
.fd-editor .fd-canvas-scroll #fd-canvas{display:block!important;max-width:none!important;width:auto;height:auto}
.fd-editor.fd-rulers-off .fd-ruler-corner,.fd-editor.fd-rulers-off .fd-ruler-top,.fd-editor.fd-rulers-off .fd-ruler-left{display:none!important}
.fd-editor.fd-rulers-off .fd-stage-wrap{grid-template-columns:0 minmax(0,1fr)!important;grid-template-rows:0 minmax(0,1fr)!important}
.fd-editor.fd-guides-off .fd-guide-line{display:none!important}
.fd-editor .fd-view-btn{height:30px!important;padding:0 10px!important;border:1px solid #d7d9de!important;background:#fff!important;border-radius:7px!important;font:700 10px Inter,Arial,sans-serif!important;color:#454a52!important;cursor:pointer!important}
.fd-editor .fd-view-btn.is-active{background:#f2f3f5!important;color:#111!important;box-shadow:inset 0 0 0 1px #cfd2d8!important}
.fd-editor .fd-view-btn:hover{border-color:#bfc3c9!important;color:#e30613!important}
@media(max-width:900px){.fd-editor .fd-stage-wrap{grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:26px minmax(0,1fr)!important}.fd-editor .fd-canvas-scroll{padding:32px}.fd-editor .fd-ruler-top .fd-ruler-inner{height:26px}.fd-editor .fd-ruler-left .fd-ruler-inner{width:26px}}


/* v0.17.2 — imágenes editables y drop */
.fd-image-tools-title{display:flex;flex-direction:column;gap:2px;margin:2px 0 8px}.fd-image-tools-title span{font-size:10px;color:#777}.fd-image-replace{width:100%;margin-bottom:8px;background:#e30613!important;color:#fff!important;border:0!important}.fd-drop-active{outline:3px dashed #e30613!important;outline-offset:-6px;cursor:copy!important}.fd-field input[type=number]{min-width:0}.fd-editor .fd-properties .fd-format-btn{margin-top:6px}


/* v0.18.0 — Fondos profesionales */
.fd-background-launch{grid-column:1/-1!important;background:#111!important;color:#fff!important;border-color:#111!important}
.fd-background-launch:hover{background:#e30613!important;border-color:#e30613!important;color:#fff!important}
.fd-background-tools{display:block!important;margin-top:8px!important;padding:9px!important;border:1px solid #e2e3e6!important;border-radius:9px!important;background:#fafafa!important}
.fd-background-tools:empty{display:none!important}
.fd-background-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-bottom:6px!important;align-items:center!important}
.fd-background-row:last-child{margin-bottom:0!important}
.fd-bg-btn{min-height:34px!important;padding:7px 6px!important;border:1px solid #d8dadd!important;border-radius:7px!important;background:#fff!important;color:#222!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important}
.fd-bg-btn:hover{border-color:#e30613!important;color:#e30613!important}
.fd-bg-red{background:#e30613!important;color:#fff!important;border-color:#e30613!important}
.fd-background-row input[type=color]{width:100%!important;height:34px!important;padding:3px!important;border:1px solid #d8dadd!important;border-radius:7px!important;background:#fff!important;cursor:pointer!important}
.fd-background-tools select,.fd-background-tools input[type=range]{width:100%!important;box-sizing:border-box!important;margin-top:6px!important}
.fd-background-tools .fd-field{margin-top:6px!important}


/* v0.19.0 — herramientas creativas PRO */
.fd-addgrid button{min-height:38px!important;font-size:10px!important}
.fd-image-effects{margin-top:10px!important}
.fd-image-remove-bg{width:100%!important;margin-top:8px!important}
.fd-image-remove-bg:disabled{opacity:.75!important;cursor:default!important}
.fd-background-tools.is-open{display:block!important}
.fd-background-tools{border:1px solid #e5e6e8!important;border-radius:10px!important;background:#fafafa!important;padding:9px!important;margin-top:8px!important}
.fd-background-row{display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important}
.fd-bg-btn{border:1px solid #ddd!important;background:#fff!important;border-radius:7px!important;padding:6px 8px!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important}
.fd-bg-btn:hover{border-color:#e30613!important;color:#e30613!important}
/* v0.19.1 — fondo de imagen seleccionable */
.fd-layer-background .fd-layer-name{font-weight:800!important}
.fd-layer-background.active{background:#fff4f4!important;border-color:#e30613!important}

/* v0.20.0 — Fondo/plantilla y controles de imagen profesionales */
.fd-background-tools .fd-bg-reset{grid-column:1/-1!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:#111!important;color:#fff!important;border-color:#111!important;font-weight:800!important;}
.fd-background-tools .fd-bg-reset:hover{background:#e30613!important;border-color:#e30613!important;color:#fff!important;}
.fd-image-style .fd-effect-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.fd-image-style .fd-format-btn{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:900px){.fd-image-style .fd-effect-grid{grid-template-columns:1fr 1fr!important;}}

/* v0.21.0 — paneles estables y controles sin solapamientos */
.fd-editor .fd-left,.fd-editor .fd-right{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;min-height:0!important;}
.fd-editor .fd-left{padding-bottom:28px!important;}
.fd-editor .fd-right{padding-bottom:36px!important;}
.fd-editor .fd-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important;}
.fd-editor .fd-tools-grid button{width:100%!important;min-width:0!important;min-height:42px!important;height:auto!important;padding:8px 5px!important;white-space:normal!important;line-height:1.15!important;overflow:hidden!important;}
.fd-editor .fd-tools-grid button .fd-svg-icon{flex:0 0 16px!important;}
.fd-editor .fd-background-launch{grid-column:1/-1!important;min-height:42px!important;}
.fd-editor .fd-background-tools{width:100%!important;overflow:hidden!important;}
.fd-editor .fd-background-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:7px!important;align-items:stretch!important;}
.fd-editor .fd-background-row>*{min-width:0!important;width:100%!important;}
.fd-editor .fd-background-row input[type=color]{min-width:0!important;}
.fd-editor .fd-bg-btn{min-height:38px!important;height:auto!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.15!important;}
.fd-editor .fd-background-tools .fd-bg-reset{grid-column:1/-1!important;width:100%!important;min-width:0!important;}
.fd-editor .fd-properties{min-width:0!important;}
.fd-editor .fd-properties .fd-format-btn,.fd-editor .fd-properties .fd-primary,.fd-editor .fd-properties .fd-delete{max-width:100%!important;min-width:0!important;white-space:normal!important;line-height:1.2!important;overflow:hidden!important;}
.fd-editor .fd-image-style .fd-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.fd-editor .fd-image-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:8px 0 10px!important;}
.fd-editor .fd-image-quick button{min-width:0!important;min-height:34px!important;padding:6px!important;white-space:normal!important;line-height:1.15!important;}
.fd-editor .fd-crop-active{border-color:#e30613!important;background:#fff2f3!important;color:#e30613!important;}
@media(max-width:1200px){.fd-editor .fd-tools-grid button{font-size:10px!important;}}


/* v0.22.0 — iconos de formas profesionales + herramientas visibles */
.fd-editor .fd-tools-grid .fd-svg-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#24262a!important;display:inline-block!important;position:relative!important}
.fd-editor .fd-tools-grid button:hover .fd-svg-icon{color:var(--fd-red)!important}
.fd-icon-rounded{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-icon-hexagon{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10l5 9-5 9H7l-5-9 5-9Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10l5 9-5 9H7l-5-9 5-9Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-icon-pentagon{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 21 9.5 17.5 20h-11L3 9.5 12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 21 9.5 17.5 20h-11L3 9.5 12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-icon-arrow{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h10V5l8 7-8 7v-4H3V9Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9h10V5l8 7-8 7v-4H3V9Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-icon-heart{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20S4 15 4 9.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 8 2.5C20 15 12 20 12 20Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20S4 15 4 9.5A4.5 4.5 0 0 1 12 7a4.5 4.5 0 0 1 8 2.5C20 15 12 20 12 20Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-icon-pill{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='7' width='19' height='10' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='7' width='19' height='10' rx='5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-icon-bubble{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v12H9l-5 4v-4H3V4Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v12H9l-5 4v-4H3V4Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-icon-triangle,.fd-icon-diamond,.fd-icon-star{background-color:currentColor!important}
.fd-pro-tools{margin-top:12px!important;padding:11px!important;border:1px solid #e1e3e7!important;border-radius:12px!important;background:linear-gradient(180deg,#fff,#f8f8f9)!important;box-shadow:0 3px 12px rgba(0,0,0,.05)!important}
.fd-pro-tools-head{display:flex!important;flex-direction:column!important;gap:2px!important;margin-bottom:9px!important}
.fd-pro-tools-head strong{font-size:10px!important;letter-spacing:.1em!important;color:#222!important}
.fd-pro-tools-head span{font-size:9px!important;color:#7a7d82!important;line-height:1.35!important}
.fd-pro-tools-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
.fd-pro-tools-grid button{appearance:none!important;width:100%!important;min-width:0!important;min-height:45px!important;padding:7px 5px!important;border:1px solid #dedfe3!important;border-radius:9px!important;background:#fff!important;color:#25272b!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;cursor:pointer!important;text-align:left!important}
.fd-pro-tools-grid button:hover{border-color:#e30613!important;background:#fff7f8!important;color:#e30613!important;transform:translateY(-1px)!important}
.fd-pro-tools-grid button:active{transform:translateY(0)!important}
.fd-pro-tools-grid b{font-size:9px!important;line-height:1.15!important}
.fd-tool-icon{width:19px!important;height:19px!important;flex:0 0 19px!important;display:block!important;background-color:currentColor!important}
.fd-tool-crop{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3v13a5 5 0 0 0 5 5h8M3 8h13a5 5 0 0 1 5 5v8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3v13a5 5 0 0 0 5 5h8M3 8h13a5 5 0 0 1 5 5v8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-tool-replace{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16v13H4zM7 4h10M8 13l3-3 2 2 2-2 3 4' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16v13H4zM7 4h10M8 13l3-3 2 2 2-2 3 4' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-tool-cutout{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4zM13 13h7v7h-7zM13 4h7M4 20h7M20 4l-7 7M4 20l7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4zM13 13h7v7h-7zM13 4h7M4 20h7M20 4l-7 7M4 20l7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-tool-mask{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 20 8v8l-8 5-8-5V8l8-5Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 20 8v8l-8 5-8-5V8l8-5Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-tool-shadow{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='6' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M14 14l6 6' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10' cy='10' r='6' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M14 14l6 6' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fd-tool-filter{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
@media(max-width:1200px){.fd-pro-tools-grid b{font-size:8.5px!important}}

/* v0.23.0 — ICONOS PRO REDISEÑADOS / VISIBILIDAD */
.fd-editor .fd-tools-grid button,
.fd-editor .fd-pro-tools-grid button{box-sizing:border-box!important;}
.fd-editor .fd-tools-grid button{min-height:46px!important;padding:8px 7px!important;gap:8px!important;font-size:10.5px!important;font-weight:800!important;line-height:1.1!important;}
.fd-editor .fd-tools-grid .fd-svg-icon{width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;display:inline-block!important;position:relative!important;color:#16181c!important;background-color:transparent!important;}
.fd-editor .fd-tools-grid button:hover .fd-svg-icon{color:#e30613!important;}

/* Sistema nuevo: iconos vectoriales mediante máscaras SVG, nítidos y visibles */
.fd-editor .fd-svg-icon{-webkit-mask-position:center!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-size:contain!important;mask-position:center!important;mask-repeat:no-repeat!important;mask-size:contain!important;background-color:currentColor!important;}
.fd-editor .fd-svg-icon:before,.fd-editor .fd-svg-icon:after{content:none!important;display:none!important;}

.fd-editor .fd-icon-image{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='8' cy='9' r='1.6' fill='black'/%3E%3Cpath d='m5 18 5-5 3.5 3 2.5-2.5L20 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='8' cy='9' r='1.6' fill='black'/%3E%3Cpath d='m5 18 5-5 3.5 3 2.5-2.5L20 18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-square{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='1.5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='1.5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-circle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-line{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 18 20 6' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 18 20 6' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-triangle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4 20 19H4Z' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4 20 19H4Z' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-diamond{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 8 9-8 9-8-9 8-9Z' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 8 9-8 9-8-9 8-9Z' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-star{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9L12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.7 5.5 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1-4.4-4.3 6.1-.9L12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-rounded{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.5' y='4.5' width='17' height='15' rx='5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-hexagon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 3 10 0 5 9-5 9H7l-5-9 5-9Z' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 3 10 0 5 9-5 9H7l-5-9 5-9Z' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-pentagon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 9 6.5-3.5 11h-11L3 9.5 12 3Z' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 9 6.5-3.5 11h-11L3 9.5 12 3Z' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-arrow{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h9V4l7 8-7 8v-4H4V8Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8h9V4l7 8-7 8v-4H4V8Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-heart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 8.7c0 5.1-8.5 10.3-8.5 10.3S3.5 13.8 3.5 8.7A4.7 4.7 0 0 1 12 6.2a4.7 4.7 0 0 1 8.5 2.5Z' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 8.7c0 5.1-8.5 10.3-8.5 10.3S3.5 13.8 3.5 8.7A4.7 4.7 0 0 1 12 6.2a4.7 4.7 0 0 1 8.5 2.5Z' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-pill{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='7' width='19' height='10' rx='5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.5' y='7' width='19' height='10' rx='5' fill='none' stroke='black' stroke-width='2.2'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-bubble{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v12H9l-6 5v-5H3V4Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M7 8h10M7 11h7' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v12H9l-6 5v-5H3V4Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M7 8h10M7 11h7' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-type{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h14M12 5v14M8 19h8' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h14M12 5v14M8 19h8' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-heading{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5v14M19 5v14M5 12h14M5 5h4M15 5h4M5 19h4M15 19h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5v14M19 5v14M5 12h14M5 5h4M15 5h4M5 19h4M15 19h4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;}

/* Toolbar icons también pasan al mismo lenguaje visual */
.fd-editor .fd-toolbar .fd-svg-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;background-color:currentColor!important;}
.fd-editor .fd-icon-layout{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 4v16' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 4v16' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-sliders{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='6' r='2' fill='white' stroke='black' stroke-width='2'/%3E%3Ccircle cx='15' cy='12' r='2' fill='white' stroke='black' stroke-width='2'/%3E%3Ccircle cx='10' cy='18' r='2' fill='white' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='6' r='2' fill='white' stroke='black' stroke-width='2'/%3E%3Ccircle cx='15' cy='12' r='2' fill='white' stroke='black' stroke-width='2'/%3E%3Ccircle cx='10' cy='18' r='2' fill='white' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-undo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7H4v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 12c2-5 7-7 12-4 3 2 4 5 4 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 7H4v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 12c2-5 7-7 12-4 3 2 4 5 4 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-redo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 7h5v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 12c-2-5-7-7-12-4-3 2-4 5-4 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 7h5v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 12c-2-5-7-7-12-4-3 2-4 5-4 8' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-save{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h13l3 3v13H4Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 4v6h8V4M8 20v-6h8v6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h13l3 3v13H4Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 4v6h8V4M8 20v-6h8v6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-download{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M4 20h16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M4 20h16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-print{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 9V4h10v5M7 17H4V9h16v8h-3M7 14h10v6H7Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 9V4h10v5M7 17H4V9h16v8h-3M7 14h10v6H7Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
.fd-editor .fd-icon-eye,.fd-editor .fd-icon-eye-small{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")!important;}

/* Capas / acciones rápidas */
.fd-editor .fd-layer-icon .fd-svg-icon{background-color:currentColor!important;}
.fd-editor .fd-pro-tools{margin-top:14px!important;padding:12px!important;border-radius:13px!important;background:linear-gradient(180deg,#fff,#f6f7f8)!important;}
.fd-editor .fd-pro-tools-grid{gap:7px!important;}
.fd-editor .fd-pro-tools-grid button{min-height:48px!important;padding:7px 8px!important;border-radius:10px!important;gap:8px!important;font-size:9.5px!important;}
.fd-editor .fd-pro-tools-grid button:hover{box-shadow:0 3px 10px rgba(227,6,19,.12)!important;}
.fd-editor .fd-tool-icon{width:22px!important;height:22px!important;flex:0 0 22px!important;background-color:currentColor!important;}

/* v0.24.0 — Herramientas PRO ampliadas */
.fd-pro-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.fd-pro-tools-grid button{min-height:48px!important;}
.fd-tool-rotate,.fd-tool-flip-x,.fd-tool-flip-y,.fd-tool-fit,.fd-tool-fill,.fd-tool-border,.fd-tool-duplicate,.fd-tool-front,.fd-tool-back,.fd-tool-opacity{background-color:currentColor!important;-webkit-mask:center/contain no-repeat!important;mask:center/contain no-repeat!important;}
.fd-tool-rotate{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11a8 8 0 0 0-14-5L4 8M4 4v4h4M4 13a8 8 0 0 0 14 5l2-2M20 20v-4h-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11a8 8 0 0 0-14-5L4 8M4 4v4h4M4 13a8 8 0 0 0 14 5l2-2M20 20v-4h-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.fd-tool-flip-x{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M5 7l-3 5 3 5M19 7l3 5-3 5M7 12h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M5 7l-3 5 3 5M19 7l3 5-3 5M7 12h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.fd-tool-flip-y{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h18M7 5l5-3 5 3M7 19l5 3 5-3M12 7v10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h18M7 5l5-3 5 3M7 19l5 3 5-3M12 7v10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.fd-tool-fit{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5M8 8l-3 4 3 4M16 8l3 4-3 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5M8 8l-3 4 3 4M16 8l3 4-3 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.fd-tool-fill{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Crect x='7' y='7' width='10' height='10' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Crect x='7' y='7' width='10' height='10' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");}
.fd-tool-border{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Crect x='7' y='7' width='10' height='10' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Crect x='7' y='7' width='10' height='10' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");}
.fd-tool-duplicate{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='8' y='8' width='11' height='11' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M5 16H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v1' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='8' y='8' width='11' height='11' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M5 16H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v1' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");}
.fd-tool-front{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20V4M6 10l6-6 6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20V4M6 10l6-6 6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.fd-tool-back{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M6 14l6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M6 14l6-6 6 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.fd-tool-opacity{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 12h16' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 12h16' stroke='black' stroke-width='2'/%3E%3C/svg%3E");}


/* v0.25.0 — panel de herramientas de diseño */
.fd-editor .fd-design-tools{margin-top:14px!important;padding:12px!important;border-radius:13px!important;background:linear-gradient(180deg,#fff,#f6f7f8)!important;border:1px solid #e4e6ea!important;box-shadow:0 4px 16px rgba(0,0,0,.05)!important;}
.fd-editor .fd-design-tools-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:9px!important;}
.fd-editor .fd-design-tools-grid button{appearance:none!important;-webkit-appearance:none!important;min-width:0!important;min-height:48px!important;padding:7px 6px!important;border:1px solid #e0e2e6!important;border-radius:10px!important;background:#fff!important;color:#17191d!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;cursor:pointer!important;font:800 9px/1.05 Inter,Arial,sans-serif!important;box-shadow:0 1px 2px rgba(0,0,0,.03)!important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease!important;}
.fd-editor .fd-design-tools-grid button:hover{transform:translateY(-1px)!important;border-color:#e30613!important;color:#e30613!important;box-shadow:0 4px 12px rgba(227,6,19,.12)!important;}
.fd-editor .fd-design-tools-grid button:active{transform:translateY(0)!important;}
.fd-editor .fd-design-tools-grid b{white-space:normal!important;text-align:left!important;}
.fd-editor .fd-design-tools-grid .fd-tool-icon{width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;display:block!important;background-color:currentColor!important;}
.fd-editor .fd-tool-center-x{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M5 8h14M5 16h14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v18M5 8h14M5 16h14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-center-y{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h18M8 5v14M16 5v14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h18M8 5v14M16 5v14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-align-left{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4v16M8 7h11M8 12h8M8 17h11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4v16M8 7h11M8 12h8M8 17h11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-align-center{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M7 7h10M5 12h14M7 17h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M7 7h10M5 12h14M7 17h10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-align-right{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4v16M5 7h11M8 12h8M5 17h11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4v16M5 7h11M8 12h8M5 17h11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-align-top{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16M7 8v11M12 8v8M17 8v11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16M7 8v11M12 8v8M17 8v11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-align-middle{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16M7 7v10M12 5v14M17 7v10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h16M7 7v10M12 5v14M17 7v10' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-align-bottom{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h16M7 5v11M12 8v8M17 5v11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19h16M7 5v11M12 8v8M17 5v11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-distribute-x{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4v16M19 4v16M9 7h6M9 12h6M9 17h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4v16M19 4v16M9 7h6M9 12h6M9 17h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-distribute-y{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16M4 19h16M7 9v6M12 9v6M17 9v6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16M4 19h16M7 9v6M12 9v6M17 9v6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-group{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='7' height='7' rx='1' fill='none' stroke='black' stroke-width='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M10 6h4M6 10v4M14 18h-4M18 14v-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='7' height='7' rx='1' fill='none' stroke='black' stroke-width='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M10 6h4M6 10v4M14 18h-4M18 14v-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-ungroup{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h6v6H5zM13 13h6v6h-6zM11 8l2 2M8 11l2 2' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h6v6H5zM13 13h6v6h-6zM11 8l2 2M8 11l2 2' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-lock{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10' width='14' height='11' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10' width='14' height='11' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-unlock{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10' width='14' height='11' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 7-2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10' width='14' height='11' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 7-2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-guides{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v16H4zM4 12h16M12 4v16' fill='none' stroke='black' stroke-width='2' stroke-dasharray='3 2'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v16H4zM4 12h16M12 4v16' fill='none' stroke='black' stroke-width='2' stroke-dasharray='3 2'/%3E%3C/svg%3E") center/contain no-repeat!important;}
.fd-editor .fd-tool-select-all{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h6v6H5zM13 13h6v6h-6zM3 3h4M3 3v4M21 21h-4M21 21v-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h6v6H5zM13 13h6v6h-6zM3 3h4M3 3v4M21 21h-4M21 21v-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;}
@media(max-width:1200px){.fd-editor .fd-design-tools-grid button{font-size:8.5px!important;min-height:46px!important}.fd-editor .fd-design-tools-grid .fd-tool-icon{width:20px!important;height:20px!important;min-width:20px!important;flex-basis:20px!important}}

/* v0.25.1 — corrección visual definitiva de iconos, tipografía y barra inferior */
.fd-editor .fd-tools-grid button{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:8px!important;text-align:left!important;color:#202328!important;
}
.fd-editor .fd-tools-grid .fd-svg-icon{
  background-color:currentColor!important;color:#202328!important;
  width:21px!important;height:21px!important;min-width:21px!important;flex:0 0 21px!important;
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.fd-editor .fd-tools-grid button:hover .fd-svg-icon{color:#e30613!important}
.fd-editor .fd-tools-grid button{font:700 10.5px/1.1 Inter,Arial,sans-serif!important;letter-spacing:-.05px!important}

/* Los iconos ahora son SVG reales inyectados por JS: sin máscaras que fallen por CSS/CSP. */
.fd-editor .fd-svg-icon svg,.fd-editor .fd-tool-icon svg{
  width:100%!important;height:100%!important;display:block!important;overflow:visible!important;
}
.fd-editor .fd-svg-icon svg *, .fd-editor .fd-tool-icon svg *{
  vector-effect:non-scaling-stroke!important;
}
.fd-editor .fd-svg-icon svg,.fd-editor .fd-tool-icon svg{color:currentColor!important}

/* Herramientas PRO: aspecto de aplicación profesional */
.fd-editor .fd-pro-tools-grid button{
  min-height:52px!important;padding:7px 8px!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:9px!important;font:700 10px/1.12 Inter,Arial,sans-serif!important;
}
.fd-editor .fd-pro-tools-grid b{font-size:10px!important;font-weight:700!important;line-height:1.12!important;color:inherit!important}
.fd-editor .fd-pro-tools-grid .fd-tool-icon{
  width:21px!important;height:21px!important;min-width:21px!important;flex:0 0 21px!important;
  background:transparent!important;color:#25282d!important;display:flex!important;
}
.fd-editor .fd-pro-tools-grid button:hover .fd-tool-icon{color:#e30613!important}

/* Diseño PRO: botones limpios, icono arriba y texto legible */
.fd-editor .fd-design-tools{padding:11px!important;border-radius:14px!important;background:#fff!important;border:1px solid #e0e2e6!important;box-shadow:0 5px 18px rgba(0,0,0,.06)!important}
.fd-editor .fd-design-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:10px!important}
.fd-editor .fd-design-tools-grid button{
  min-height:58px!important;padding:8px 5px!important;border:1px solid #e1e3e7!important;border-radius:10px!important;
  background:#fff!important;color:#24272c!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important;
  font:700 10px/1.05 Inter,Arial,sans-serif!important;letter-spacing:-.05px!important;
}
.fd-editor .fd-design-tools-grid button:hover{background:#fff7f8!important;color:#e30613!important;border-color:#e30613!important}
.fd-editor .fd-design-tools-grid b{font-size:10px!important;line-height:1.05!important;text-align:center!important;white-space:normal!important;color:inherit!important}
.fd-editor .fd-design-tools-grid .fd-tool-icon{
  width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;
  display:flex!important;background:transparent!important;color:currentColor!important;
}

/* Barra inferior: controles claros y sin solapamientos */
.fd-editor .fd-bottom{
  height:48px!important;min-height:48px!important;padding:0 12px!important;gap:10px!important;
  background:#fff!important;border-top:1px solid #dfe1e5!important;
}
.fd-editor .fd-zoom-controls{display:flex!important;align-items:center!important;gap:5px!important;height:100%!important}
.fd-editor .fd-bottom .fd-zoom-controls>button{
  width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;border:1px solid #d9dce1!important;
  border-radius:7px!important;background:#fff!important;color:#24272c!important;font:800 15px/1 Inter,Arial,sans-serif!important;
}
.fd-editor .fd-bottom .fd-zoom-controls>button:hover{border-color:#e30613!important;color:#e30613!important;background:#fff7f8!important}
.fd-editor .fd-bottom #fd-zoom{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:52px!important;height:30px!important;padding:0 7px!important;border:1px solid #e0e2e6!important;border-radius:7px!important;background:#f7f8f9!important;color:#24272c!important;font:700 10px/1 Inter,Arial,sans-serif!important}
.fd-editor .fd-bottom .fd-resetzoom{width:auto!important;min-width:76px!important;padding:0 11px!important;font-size:10px!important;font-weight:800!important}
.fd-editor .fd-bottom .fd-view-btn{width:auto!important;min-width:62px!important;padding:0 10px!important;font-size:10px!important;font-weight:700!important;color:#4b4f55!important}
.fd-editor .fd-bottom .fd-view-btn.is-active{background:#f7f8f9!important;color:#24272c!important}
.fd-editor .fd-canvas-hint{font-size:10px!important;margin-left:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

@media(max-width:1200px){
  .fd-editor .fd-design-tools-grid button{min-height:56px!important;font-size:9.5px!important}
  .fd-editor .fd-design-tools-grid b{font-size:9.5px!important}
  .fd-editor .fd-pro-tools-grid button{font-size:9.5px!important}
  .fd-editor .fd-pro-tools-grid b{font-size:9.5px!important}
}


/* v0.25.2 — REDISEÑO VISUAL DEFINITIVO DE HERRAMIENTAS
   No cambia funciones: solo iconos, tipografía, espaciado y barra inferior. */
.fd-editor .fd-tools-grid button,
.fd-editor .fd-pro-tools-grid button,
.fd-editor .fd-design-tools-grid button{
  box-sizing:border-box!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}

/* El SVG real manda: anulamos las antiguas máscaras CSS que podían ocultarlo. */
.fd-editor .fd-svg-icon,
.fd-editor .fd-tool-icon{
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  background-image:none!important;
  background-color:transparent!important;
}
.fd-editor .fd-svg-icon svg,
.fd-editor .fd-tool-icon svg{
  width:100%!important;height:100%!important;
  display:block!important;overflow:visible!important;
}

/* AÑADIR ELEMENTO */
.fd-editor .fd-tools-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.fd-editor .fd-tools-grid button{
  min-height:56px!important;
  height:56px!important;
  padding:7px 5px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid #e0e2e6!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#24272c!important;
  font:700 9.5px/1.1 Inter,Arial,sans-serif!important;
  letter-spacing:0!important;
  text-align:center!important;
}
.fd-editor .fd-tools-grid button:hover{
  border-color:#e30613!important;
  background:#fff7f8!important;
  color:#e30613!important;
  transform:translateY(-1px)!important;
}
.fd-editor .fd-tools-grid button .fd-svg-icon{
  width:21px!important;height:21px!important;min-width:21px!important;
  flex:0 0 21px!important;color:currentColor!important;
}
.fd-editor .fd-tools-grid button .fd-tool-label{
  display:block!important;max-width:100%!important;
  overflow:visible!important;white-space:normal!important;
  line-height:1.1!important;text-align:center!important;
}
.fd-editor .fd-tools-grid .wide{
  height:48px!important;min-height:48px!important;
  flex-direction:row!important;gap:8px!important;
  background:#151515!important;color:#fff!important;border-color:#151515!important;
}
.fd-editor .fd-tools-grid .wide:hover{background:#e30613!important;border-color:#e30613!important;color:#fff!important}
.fd-editor .fd-tools-grid .wide .fd-svg-icon{color:currentColor!important}

/* CABECERAS PRO */
.fd-editor .fd-pro-tools,
.fd-editor .fd-design-tools{
  margin-top:14px!important;
  padding:11px!important;
  border:1px solid #dedfe3!important;
  border-radius:13px!important;
  background:#fafbfc!important;
  box-shadow:0 3px 12px rgba(0,0,0,.045)!important;
}
.fd-editor .fd-pro-tools-head{
  margin-bottom:10px!important;
  gap:3px!important;
}
.fd-editor .fd-pro-tools-head strong{
  font:800 10px/1.1 Inter,Arial,sans-serif!important;
  letter-spacing:.08em!important;color:#1e2024!important;
}
.fd-editor .fd-pro-tools-head span{
  font:500 9px/1.25 Inter,Arial,sans-serif!important;
  color:#777c84!important;
}

/* HERRAMIENTAS PRO */
.fd-editor .fd-pro-tools-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.fd-editor .fd-pro-tools-grid button{
  min-height:64px!important;
  height:64px!important;
  padding:7px 5px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid #e0e2e6!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#25282d!important;
  text-align:center!important;
  font-family:Inter,Arial,sans-serif!important;
}
.fd-editor .fd-pro-tools-grid button:hover{
  border-color:#e30613!important;background:#fff7f8!important;
  color:#e30613!important;transform:translateY(-1px)!important;
}
.fd-editor .fd-pro-tools-grid .fd-tool-icon{
  width:23px!important;height:23px!important;min-width:23px!important;
  flex:0 0 23px!important;color:currentColor!important;
}
.fd-editor .fd-pro-tools-grid b{
  display:block!important;width:100%!important;max-width:100%!important;
  overflow:visible!important;white-space:normal!important;
  word-break:normal!important;overflow-wrap:break-word!important;
  font:700 9px/1.12 Inter,Arial,sans-serif!important;
  text-align:center!important;color:inherit!important;
}

/* DISEÑO PRO */
.fd-editor .fd-design-tools-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;margin-top:10px!important;
}
.fd-editor .fd-design-tools-grid button{
  min-height:66px!important;
  height:66px!important;
  padding:7px 5px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid #e0e2e6!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#25282d!important;
  text-align:center!important;
  font-family:Inter,Arial,sans-serif!important;
}
.fd-editor .fd-design-tools-grid button:hover{
  border-color:#e30613!important;background:#fff7f8!important;
  color:#e30613!important;transform:translateY(-1px)!important;
}
.fd-editor .fd-design-tools-grid .fd-tool-icon{
  width:23px!important;height:23px!important;min-width:23px!important;
  flex:0 0 23px!important;color:currentColor!important;
}
.fd-editor .fd-design-tools-grid b{
  display:block!important;width:100%!important;max-width:100%!important;
  overflow:visible!important;white-space:normal!important;
  word-break:normal!important;overflow-wrap:break-word!important;
  font:700 9px/1.12 Inter,Arial,sans-serif!important;
  text-align:center!important;color:inherit!important;
}

/* BARRA INFERIOR — sin solapamientos */
.fd-editor .fd-bottom{
  height:50px!important;min-height:50px!important;
  display:flex!important;align-items:center!important;
  gap:12px!important;padding:0 12px!important;
  overflow:hidden!important;background:#fff!important;
}
.fd-editor .fd-bottom .fd-zoom-controls{
  flex:0 0 auto!important;height:34px!important;
  display:flex!important;align-items:center!important;gap:4px!important;
  padding:3px!important;border:1px solid #dfe1e5!important;
  border-radius:9px!important;background:#f8f9fa!important;
  box-shadow:none!important;
}
.fd-editor .fd-bottom .fd-zoom-controls>button,
.fd-editor .fd-bottom #fd-zoom,
.fd-editor .fd-bottom .fd-resetzoom,
.fd-editor .fd-bottom .fd-view-btn{
  height:28px!important;min-height:28px!important;
  margin:0!important;box-sizing:border-box!important;
  border:1px solid #d9dce1!important;border-radius:6px!important;
  background:#fff!important;color:#25282d!important;
  white-space:nowrap!important;line-height:28px!important;
}
.fd-editor .fd-bottom .fd-zoom-controls>button{
  width:28px!important;min-width:28px!important;padding:0!important;
  font:800 15px/28px Inter,Arial,sans-serif!important;
}
.fd-editor .fd-bottom #fd-zoom{
  width:52px!important;min-width:52px!important;padding:0 5px!important;
  text-align:center!important;font:800 10px/28px Inter,Arial,sans-serif!important;
  background:#f2f3f5!important;
}
.fd-editor .fd-bottom .fd-resetzoom,
.fd-editor .fd-bottom .fd-view-btn{
  width:auto!important;padding:0 9px!important;
  font:700 9px/28px Inter,Arial,sans-serif!important;
}
.fd-editor .fd-bottom .fd-resetzoom{min-width:62px!important}
.fd-editor .fd-bottom .fd-view-btn{min-width:54px!important}
.fd-editor .fd-bottom .fd-zoom-controls button:hover,
.fd-editor .fd-bottom .fd-resetzoom:hover,
.fd-editor .fd-bottom .fd-view-btn:hover{
  border-color:#e30613!important;color:#e30613!important;background:#fff7f8!important;
}
.fd-editor .fd-bottom .fd-canvas-hint{
  flex:1 1 auto!important;min-width:0!important;margin:0!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#73777e!important;font:500 9px/1.2 Inter,Arial,sans-serif!important;
}
.fd-editor .fd-bottom .fd-product-status{
  flex:0 0 auto!important;margin:0!important;
  color:#198754!important;font:700 9px/1.2 Inter,Arial,sans-serif!important;
  white-space:nowrap!important;
}

@media(max-width:1200px){
  .fd-editor .fd-tools-grid button{font-size:9px!important}
  .fd-editor .fd-pro-tools-grid b,
  .fd-editor .fd-design-tools-grid b{font-size:8.7px!important}
  .fd-editor .fd-bottom .fd-canvas-hint{display:none!important}
}

/* Factoría Diseña 0.25.3 — corrección visual definitiva de iconos, reglas y barra inferior */
.fd-editor .fd-svg-icon[data-real-icon="1"],
.fd-editor .fd-tool-icon[data-real-icon="1"]{
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  overflow:visible!important;
}
.fd-editor .fd-svg-icon[data-real-icon="1"] svg,
.fd-editor .fd-tool-icon[data-real-icon="1"] svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.fd-editor .fd-tool-icon[data-real-icon="1"]{color:#202328!important}
.fd-editor .fd-pro-tools-grid button:hover .fd-tool-icon[data-real-icon="1"],
.fd-editor .fd-design-tools-grid button:hover .fd-tool-icon[data-real-icon="1"]{color:var(--fd-red)!important}
.fd-editor .fd-tools-grid button{min-width:0!important;overflow:hidden!important}
.fd-editor .fd-tools-grid .fd-tool-label{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.fd-editor .fd-pro-tools-grid button,
.fd-editor .fd-design-tools-grid button{overflow:hidden!important}
.fd-editor .fd-pro-tools-grid button b,
.fd-editor .fd-design-tools-grid button b{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;word-break:normal!important}

/* Reglas: más contraste, números limpios y lectura horizontal */
.fd-editor .fd-ruler-corner{background:#fff!important;border-right:1px solid #c9cdd3!important;border-bottom:1px solid #c9cdd3!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;padding:4px!important}
.fd-editor .fd-ruler-corner span{font:800 8px/1 Inter,Arial,sans-serif!important;color:#727780!important;text-transform:uppercase!important}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-left{background:#fff!important;border-color:#c9cdd3!important}
.fd-editor .fd-ruler-inner{font-family:Inter,Arial,sans-serif!important;color:#535860!important}
.fd-editor .fd-ruler-tick{position:absolute!important;bottom:0!important;width:1px!important;background:#aeb4bd!important;display:block!important}
.fd-editor .fd-ruler-tick.major{background:#707781!important;width:1px!important}
.fd-editor .fd-ruler-tick.vertical{right:0!important;top:auto!important;height:1px!important;width:auto!important}
.fd-editor .fd-ruler-label{position:absolute!important;top:4px!important;font:800 9px/1 Inter,Arial,sans-serif!important;color:#60666e!important;white-space:nowrap!important}
.fd-editor .fd-ruler-label.vertical{right:4px!important;left:auto!important;top:auto!important;transform:none!important;font-size:8px!important}

/* Barra inferior: nada apretado y controles separados por grupos */
.fd-editor .fd-bottom{height:54px!important;min-height:54px!important;padding:6px 10px!important;gap:8px!important;display:flex!important;align-items:center!important;overflow:hidden!important}
.fd-editor .fd-bottom-group{display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important}
.fd-editor .fd-view-controls,.fd-editor .fd-quick-actions{padding-left:7px!important;border-left:1px solid #e0e2e6!important}
.fd-editor .fd-view-btn{height:32px!important;min-width:0!important;padding:0 10px!important;white-space:nowrap!important;font-size:10px!important;font-weight:800!important}
.fd-editor .fd-view-btn.is-active{background:#f1f2f4!important;color:#17191d!important;border-color:#cfd2d8!important}
.fd-editor .fd-view-controls [data-action="toggle-grid"].is-active,
.fd-editor .fd-view-controls [data-action="toggle-snap"].is-active{background:#fff1f2!important;color:var(--fd-red)!important;border-color:#ef9ba2!important;box-shadow:inset 0 0 0 1px rgba(227,6,19,.12)!important}
.fd-editor .fd-danger-btn:hover{background:#fff3f3!important;color:#c9000c!important;border-color:#e30613!important}
.fd-editor .fd-canvas-hint{margin-left:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:260px!important;font-size:9px!important}
.fd-editor .fd-product-status{flex:0 0 auto!important;white-space:nowrap!important}

/* Herramientas PRO y Diseño PRO: más aire para que nunca se corte el texto */
.fd-editor .fd-pro-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.fd-editor .fd-pro-tools-grid button{min-height:52px!important;padding:8px 7px!important;gap:8px!important}
.fd-editor .fd-pro-tools-grid button b{font-size:9px!important;line-height:1.15!important}
.fd-editor .fd-design-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
.fd-editor .fd-design-tools-grid button{min-height:52px!important;padding:8px 7px!important;gap:8px!important}
.fd-editor .fd-design-tools-grid button b{font-size:9px!important;line-height:1.15!important}
.fd-editor .fd-pro-tools-head span{line-height:1.45!important}

/* Imagen: botón y controles siempre visibles */
.fd-editor .fd-image-tools-title strong{font-size:12px!important;color:#17191d!important}
.fd-editor .fd-image-replace{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important}

@media(max-width:1200px){
  .fd-editor .fd-bottom{gap:5px!important}
  .fd-editor .fd-view-btn{padding:0 8px!important}
  .fd-editor .fd-canvas-hint{display:none!important}
}
@media(max-width:900px){
  .fd-editor .fd-bottom{height:58px!important;min-height:58px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin!important}
  .fd-editor .fd-bottom .fd-product-status{display:none!important}
  .fd-editor .fd-bottom .fd-view-controls,.fd-editor .fd-bottom .fd-quick-actions{padding-left:5px!important}
}

/* Factoría Diseña 0.25.4 — controles inferiores siempre visibles */
.fd-editor .fd-bottom,
.fd-editor .fd-bottom-group{flex-shrink:0!important;}
.fd-editor .fd-bottom button{opacity:1!important;visibility:visible!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;color:#25282d!important;background:#fff!important;border-color:#d6d9de!important;box-sizing:border-box!important;}
.fd-editor .fd-bottom .fd-resetzoom{width:82px!important;min-width:82px!important;max-width:82px!important;padding:0 10px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.01em!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;}
.fd-editor .fd-bottom .fd-view-controls .fd-view-btn,
.fd-editor .fd-bottom .fd-quick-actions .fd-view-btn{min-width:56px!important;}
.fd-editor .fd-bottom .fd-quick-actions [data-action="delete-selection"]{min-width:72px!important;}
.fd-editor .fd-bottom .fd-view-btn:hover,
.fd-editor .fd-bottom .fd-resetzoom:hover{color:#e30613!important;background:#fff7f8!important;border-color:#e30613!important;}
/* Nunca ocultar iconos de acciones por estado hover */
.fd-editor .fd-tools-grid button .fd-svg-icon,
.fd-editor .fd-pro-tools-grid button .fd-tool-icon,
.fd-editor .fd-design-tools-grid button .fd-tool-icon{opacity:1!important;visibility:visible!important;}
.fd-editor .fd-tools-grid button .fd-tool-label,
.fd-editor .fd-pro-tools-grid button b,
.fd-editor .fd-design-tools-grid button b{opacity:1!important;visibility:visible!important;}


/* Factoría Diseña 0.25.6 — limpieza visual final antes de pruebas */
.fd-editor .fd-toolbar .fd-svg-icon,
.fd-editor .fd-tools-grid .fd-svg-icon,
.fd-editor .fd-layer-actions .fd-svg-icon{
  -webkit-mask-image:none!important; mask-image:none!important;
  background:none!important; background-color:transparent!important;
  width:18px!important;height:18px!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;flex:0 0 18px!important;
  color:currentColor!important;
}
.fd-editor .fd-svg-icon svg{width:100%!important;height:100%!important;display:block!important;overflow:visible!important;stroke:currentColor!important;fill:none!important;}
.fd-editor .fd-toolbar-center .fd-icon-btn,
.fd-editor .fd-actions .fd-icon-btn,
.fd-editor .fd-actions .fd-primary{
  min-height:40px!important;height:40px!important;border:1px solid #e1e3e7!important;
  background:#fff!important;border-radius:10px!important;color:#25282d!important;
  padding:0 12px!important;gap:8px!important;font:700 11px/1 Inter,Arial,sans-serif!important;
  box-shadow:0 1px 2px rgba(0,0,0,.03)!important;
}
.fd-editor .fd-toolbar-center .fd-icon-btn:hover,
.fd-editor .fd-actions .fd-icon-btn:hover{background:#f7f7f8!important;border-color:#cfd2d7!important;color:#e30613!important;}
.fd-editor .fd-actions .fd-primary{background:#e30613!important;border-color:#e30613!important;color:#fff!important;box-shadow:0 3px 10px rgba(227,6,19,.18)!important;}
.fd-editor .fd-actions .fd-primary:hover{background:#c9000c!important;border-color:#c9000c!important;color:#fff!important;}
.fd-editor .fd-toolbar-center .fd-icon-btn .fd-svg-icon,
.fd-editor .fd-actions .fd-icon-btn .fd-svg-icon,
.fd-editor .fd-actions .fd-primary .fd-svg-icon{color:currentColor!important;}
.fd-editor .fd-toolbar-center{gap:6px!important;margin-left:18px!important;}
.fd-editor .fd-actions{gap:6px!important;}
.fd-editor .fd-actions .fd-history{width:40px!important;padding:0!important;}

/* Reglas: cuatro lados y lectura clara */
.fd-editor .fd-stage-wrap{grid-template-columns:40px minmax(0,1fr) 40px!important;grid-template-rows:40px minmax(0,1fr)!important;}
.fd-editor .fd-ruler-corner{grid-column:1!important;grid-row:1!important;width:auto!important;}
.fd-editor .fd-ruler-top{grid-column:2!important;grid-row:1!important;height:40px!important;}
.fd-editor .fd-ruler-left{grid-column:1!important;grid-row:2!important;width:40px!important;}
.fd-editor .fd-ruler-right{grid-column:3!important;grid-row:2!important;overflow:hidden!important;background:#fff!important;border-left:1px solid #c9cdd3!important;z-index:7!important;position:relative!important;width:40px!important;}
.fd-editor .fd-ruler-top .fd-ruler-inner{height:40px!important;}
.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:40px!important;}
.fd-editor .fd-ruler-tick.vertical{left:auto!important;right:0!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-label.vertical{right:5px!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:5px!important;right:auto!important;}
.fd-editor .fd-ruler-inner{z-index:2!important;}
.fd-editor .fd-ruler-tick{background:#a1a7b0!important;}
.fd-editor .fd-ruler-tick.major{background:#5f6670!important;}
.fd-editor .fd-ruler-label{font-size:9px!important;color:#4e545c!important;}
.fd-editor.fd-rulers-off .fd-ruler-right{display:none!important;}
.fd-editor.fd-rulers-off .fd-stage-wrap{grid-template-columns:0 minmax(0,1fr) 0!important;}

/* Barra inferior: grupos separados, sin solapes y dejando libre el botón flotante */
.fd-editor .fd-bottom{height:56px!important;min-height:56px!important;padding:7px 10px 7px 58px!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:thin!important;}
.fd-editor .fd-bottom-group{gap:5px!important;flex:0 0 auto!important;padding:0 8px!important;border-left:1px solid #e1e3e7!important;}
.fd-editor .fd-bottom-group:first-child{border-left:0!important;padding-left:0!important;}
.fd-editor .fd-bottom .fd-view-btn,.fd-editor .fd-bottom .fd-resetzoom{height:34px!important;min-height:34px!important;min-width:58px!important;padding:0 10px!important;border-radius:8px!important;font-size:10px!important;font-weight:800!important;}
.fd-editor .fd-bottom .fd-resetzoom{width:82px!important;min-width:82px!important;}
.fd-editor .fd-bottom #fd-zoom{height:34px!important;min-width:54px!important;}
.fd-editor .fd-canvas-hint{display:none!important;}
.fd-editor .fd-product-status{margin-left:auto!important;padding-left:10px!important;flex:0 0 auto!important;}

/* Selección: limpia, sin líneas rojas discontinuas */
.fd-editor #fd-canvas{outline:none!important;}

/* Herramientas de elementos: icono + texto en tarjetas consistentes */
.fd-editor .fd-tools-grid button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:8px 9px!important;border-radius:9px!important;}
.fd-editor .fd-tools-grid .fd-tool-label{font:800 9px/1.15 Inter,Arial,sans-serif!important;color:#292c31!important;}
.fd-editor .fd-tools-grid button:hover .fd-tool-label{color:#e30613!important;}
.fd-editor .fd-pro-tools-grid button,.fd-editor .fd-design-tools-grid button{align-items:center!important;}

@media(max-width:900px){
  .fd-editor .fd-stage-wrap{grid-template-columns:30px minmax(0,1fr) 30px!important;grid-template-rows:30px minmax(0,1fr)!important;}
  .fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{width:30px!important;}
  .fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:30px!important;}
  .fd-editor .fd-ruler-top{height:30px!important;}
  .fd-editor .fd-ruler-top .fd-ruler-inner{height:30px!important;}
  .fd-editor .fd-bottom{padding-left:48px!important;}
}

/* v0.25.6-R2 — limpieza visual del editor y controles de fondo */
.fd-editor .fd-background-launch{
  background:#fff!important;
  color:#202124!important;
  border:1px solid #d7d9de!important;
  box-shadow:none!important;
}
.fd-editor .fd-background-launch:hover{
  background:#fff5f6!important;
  color:#e30613!important;
  border-color:#e30613!important;
}
.fd-editor .fd-background-tools{
  background:#fff!important;
  border:1px solid #dfe1e5!important;
  padding:10px!important;
  border-radius:10px!important;
  overflow:visible!important;
}
.fd-editor .fd-background-main-row,
.fd-editor .fd-background-secondary-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin-bottom:7px!important;
}
.fd-editor .fd-background-secondary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.fd-editor .fd-bg-btn,
.fd-editor .fd-bg-color-control{
  min-width:0!important;
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  padding:6px 7px!important;
  border:1px solid #d7d9de!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#202124!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  box-shadow:none!important;
}
.fd-editor .fd-bg-btn:hover{border-color:#e30613!important;color:#e30613!important;background:#fff8f8!important}
.fd-editor .fd-bg-btn.fd-bg-red{background:#e30613!important;border-color:#e30613!important;color:#fff!important}
.fd-editor .fd-bg-btn.fd-bg-red:hover{background:#c9000c!important;color:#fff!important}
.fd-editor .fd-bg-btn-icon{font-size:15px!important;line-height:1!important;flex:0 0 auto!important}
.fd-editor .fd-bg-color-control{position:relative!important;cursor:pointer!important}
.fd-editor .fd-bg-color-control input[type=color]{width:26px!important;height:26px!important;min-width:26px!important;padding:2px!important;border:1px solid #cfd2d8!important;border-radius:6px!important;background:#fff!important;cursor:pointer!important}
.fd-editor .fd-bg-color-control span{font-size:11px!important;font-weight:800!important;color:#202124!important}
.fd-editor .fd-gradient-settings,
.fd-editor .fd-image-bg-settings{margin-top:7px!important;padding:8px!important;border:1px solid #e3e5e8!important;border-radius:8px!important;background:#fafafa!important}
.fd-editor .fd-gradient-settings .fd-field{margin:7px 0 0!important}
.fd-editor .fd-gradient-settings .fd-field>span,
.fd-editor .fd-bg-range-label>span{font-size:10px!important;font-weight:800!important;color:#555!important}
.fd-editor .fd-image-bg-settings select{height:38px!important;min-height:38px!important;font-size:11px!important;background:#fff!important;color:#202124!important;border:1px solid #d7d9de!important;border-radius:7px!important;padding:6px 8px!important}
.fd-editor .fd-bg-range-label{display:block!important;margin-top:8px!important}
.fd-editor .fd-bg-range-label output{float:right!important;font-size:10px!important;font-weight:800!important;color:#e30613!important}
.fd-editor .fd-bg-range-label input[type=range]{display:block!important;width:100%!important;margin-top:7px!important}
.fd-editor .fd-background-tools .fd-field input[type=number]{height:36px!important;min-height:36px!important;font-size:11px!important}
.fd-external-float-hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:900px){
  .fd-editor .fd-background-main-row{grid-template-columns:1fr 1fr!important}
  .fd-editor .fd-background-main-row .fd-bg-color-control{grid-column:1/-1!important}
}


/* v0.25.6-R3 — corrección definitiva de imágenes y controles de fondo */
.fd-editor .fd-background-launch{
  background:#f7f7f8!important;
  color:#202124!important;
  border:1px solid #d4d7dc!important;
  min-height:42px!important;
  font-size:11px!important;
}
.fd-editor .fd-background-tools{
  background:#fff!important;
  border:1px solid #d9dce1!important;
  padding:10px!important;
  overflow:visible!important;
}
.fd-editor .fd-background-main-row{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:8px!important;
  width:100%!important;
}
.fd-editor .fd-background-secondary-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  width:100%!important;
}
.fd-editor .fd-bg-btn,.fd-editor .fd-bg-color-control{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  padding:6px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.2!important;
  font-size:11px!important;
}
.fd-editor .fd-bg-btn span:last-child,.fd-editor .fd-bg-color-control span{
  display:block!important;
  min-width:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
  font-size:11px!important;
}
.fd-editor .fd-bg-btn-icon{font-size:16px!important;line-height:1!important;flex:0 0 auto!important}
.fd-editor .fd-bg-btn.fd-bg-red{background:#e30613!important;color:#fff!important;border-color:#e30613!important}
.fd-editor .fd-background-tools .fd-bg-reset{grid-column:auto!important;width:100%!important}
.fd-editor .fd-external-float-hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}


/* v0.25.7-R1 — controles de fondo legibles y aislamiento de flotantes externos */
.fd-editor .fd-background-tools{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:visible!important;background:#fff!important;color:#202124!important;}
.fd-editor .fd-background-main-row{grid-template-columns:1fr 1fr!important;}
.fd-editor .fd-background-main-row .fd-bg-color-control{grid-column:1/-1!important;}
.fd-editor .fd-background-secondary-row{grid-template-columns:1fr 1fr!important;}
.fd-editor .fd-bg-btn,.fd-editor .fd-bg-color-control{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:46px!important;height:auto!important;padding:8px 9px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important;}
.fd-editor .fd-bg-btn span:last-child,.fd-editor .fd-bg-color-control span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important;}
.fd-editor .fd-bg-btn-icon{flex:0 0 18px!important;width:18px!important;height:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.fd-editor .fd-background-tools button{font-family:Montserrat,Arial,sans-serif!important;}
.fd-editor .fd-background-tools .fd-bg-btn.fd-bg-red{background:#e30613!important;color:#fff!important;border-color:#e30613!important;}
.fd-editor .fd-background-tools .fd-bg-btn:not(.fd-bg-red){background:#fff!important;color:#202124!important;border-color:#d4d7dc!important;}
.fd-editor .fd-background-tools .fd-bg-btn:not(.fd-bg-red):hover{color:#e30613!important;border-color:#e30613!important;background:#fff8f8!important;}
.fd-external-float-hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;}


/* v0.25.7-R2 — corrección real de controles de fondo */
.fd-editor .fd-background-tools{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  padding:10px!important;
  margin-top:7px!important;
  overflow:visible!important;
  background:#fff!important;
  color:#202124!important;
}
.fd-editor .fd-background-main-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0 0 7px!important;
}
.fd-editor .fd-background-main-row .fd-bg-color-control{grid-column:auto!important;}
.fd-editor .fd-background-main-row .fd-bg-btn:last-child{grid-column:1/-1!important;}
.fd-editor .fd-background-secondary-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
}
.fd-editor .fd-background-tools .fd-bg-btn,
.fd-editor .fd-background-tools .fd-bg-color-control{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  height:44px!important;
  padding:7px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:1px solid #d4d7dc!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#202124!important;
  font:800 11px/1.1 Montserrat,Arial,sans-serif!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.fd-editor .fd-background-tools .fd-bg-btn span:last-child,
.fd-editor .fd-background-tools .fd-bg-color-control span{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.15!important;
}
.fd-editor .fd-background-tools .fd-bg-btn-icon{
  width:18px!important;height:18px!important;min-width:18px!important;
  flex:0 0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:16px!important;line-height:1!important;
}
.fd-editor .fd-background-tools .fd-bg-color-control input[type=color]{
  width:24px!important;height:24px!important;min-width:24px!important;padding:2px!important;
  flex:0 0 24px!important;border:1px solid #cfd2d8!important;border-radius:6px!important;background:#fff!important;
}
.fd-editor .fd-background-tools .fd-bg-btn.fd-bg-red{
  background:#e30613!important;color:#fff!important;border-color:#e30613!important;
}
.fd-editor .fd-background-tools .fd-bg-btn:not(.fd-bg-red):hover,
.fd-editor .fd-background-tools .fd-bg-color-control:hover{
  background:#fff7f8!important;color:#e30613!important;border-color:#e30613!important;
}
.fd-editor .fd-background-tools .fd-gradient-settings,
.fd-editor .fd-background-tools .fd-image-bg-settings{
  width:100%!important;box-sizing:border-box!important;overflow:visible!important;
}

/* El botón Fondo de AÑADIR ELEMENTO no debe aparecer como un bloque negro */
.fd-editor .fd-tools-grid .fd-background-launch{
  background:#fff!important;color:#202124!important;border-color:#d4d7dc!important;
}
.fd-editor .fd-tools-grid .fd-background-launch:hover{
  background:#fff7f8!important;color:#e30613!important;border-color:#e30613!important;
}

/* Ocultar los flotantes externos de chat/herramientas únicamente mientras está abierto el editor */
body.fd-design-editor-open .fd-external-float-hidden,
.fd-editor ~ * .fd-external-float-hidden{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}
@media(max-width:900px){
  .fd-editor .fd-background-main-row{grid-template-columns:1fr 1fr!important;}
  .fd-editor .fd-background-main-row .fd-bg-btn:last-child{grid-column:1/-1!important;}
}


/* v0.25.7-R3 — corrección integral de fondo, reglas y flotantes */
.fd-editor .fd-stage-wrap{
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  grid-template-rows:42px minmax(0,1fr)!important;
  overflow:hidden!important;
}
.fd-editor .fd-ruler-corner,
.fd-editor .fd-ruler-top,
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{
  display:block!important; visibility:visible!important; opacity:1!important;
  box-sizing:border-box!important; background:#fff!important;
}
.fd-editor .fd-ruler-corner{grid-column:1!important;grid-row:1!important;width:42px!important;height:42px!important;}
.fd-editor .fd-ruler-top{grid-column:2!important;grid-row:1!important;width:100%!important;height:42px!important;overflow:hidden!important;border-bottom:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-left{grid-column:1!important;grid-row:2!important;width:42px!important;height:100%!important;overflow:hidden!important;border-right:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-right{grid-column:3!important;grid-row:2!important;width:42px!important;height:100%!important;overflow:hidden!important;border-left:1px solid #c9cdd3!important;z-index:20!important;}
.fd-editor .fd-ruler-top .fd-ruler-inner{height:42px!important;min-width:100%!important;}
.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:42px!important;min-height:100%!important;}
.fd-editor .fd-canvas-scroll{grid-column:2!important;grid-row:2!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;overflow:auto!important;position:relative!important;scrollbar-gutter:stable!important;}
.fd-editor .fd-ruler-tick{opacity:1!important;background:#aeb4bd!important;}
.fd-editor .fd-ruler-tick.major{background:#5f6670!important;width:1.5px!important;}
.fd-editor .fd-ruler-tick.medium{background:#858b94!important;width:1px!important;}
.fd-editor .fd-ruler-tick.vertical{height:1px!important;}
.fd-editor .fd-ruler-label{font-size:9px!important;font-weight:800!important;color:#4e545c!important;}
.fd-editor .fd-ruler-label.vertical{font-size:8px!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:5px!important;right:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}

.fd-editor .fd-background-tools{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:9px!important;overflow:visible!important;}
.fd-editor .fd-background-main-row,.fd-editor .fd-background-secondary-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;width:100%!important;margin:0 0 7px!important;align-items:stretch!important;}
.fd-editor .fd-background-main-row > .fd-bg-color-control{grid-column:1!important;grid-row:1!important;}
.fd-editor .fd-background-main-row > .fd-bg-btn:nth-of-type(1){grid-column:2!important;grid-row:1!important;}
.fd-editor .fd-background-main-row > .fd-bg-btn:nth-of-type(2){grid-column:1!important;grid-row:2!important;}
.fd-editor .fd-background-secondary-row > .fd-bg-btn:nth-of-type(1){grid-column:1!important;grid-row:1!important;}
.fd-editor .fd-background-secondary-row > .fd-bg-btn:nth-of-type(2){grid-column:2!important;grid-row:1!important;}
.fd-editor .fd-background-tools .fd-bg-btn,.fd-editor .fd-background-tools .fd-bg-color-control{width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;padding:6px 7px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;}
.fd-editor .fd-background-tools .fd-bg-btn span:last-child,.fd-editor .fd-background-tools .fd-bg-color-control span{display:block!important;width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;white-space:nowrap!important;text-overflow:clip!important;font-size:10px!important;line-height:1.1!important;}
.fd-editor .fd-background-tools .fd-bg-color-control input[type=color]{width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px!important;}
.fd-editor .fd-background-main-row .fd-bg-btn:last-child{grid-column:1!important;}
.fd-editor .fd-background-secondary-row{margin-bottom:0!important;}
.fd-editor .fd-background-tools .fd-gradient-settings,.fd-editor .fd-background-tools .fd-image-bg-settings{width:100%!important;margin-top:7px!important;}

.fd-editor .fd-bottom{min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;}
.fd-editor .fd-bottom-group{flex:0 0 auto!important;}
.fd-editor .fd-resetzoom{min-width:82px!important;width:82px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
.fd-editor .fd-view-btn{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}

body.fd-design-editor-open .fd-external-float-hidden,body.fd-design-editor-open [data-fd-hidden-float="1"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
@media(max-width:900px){
  .fd-editor .fd-stage-wrap{grid-template-columns:30px minmax(0,1fr) 30px!important;grid-template-rows:30px minmax(0,1fr)!important;}
  .fd-editor .fd-ruler-corner{width:30px!important;height:30px!important;}
  .fd-editor .fd-ruler-top{height:30px!important;}
  .fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{width:30px!important;}
  .fd-editor .fd-ruler-top .fd-ruler-inner{height:30px!important;}
  .fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:30px!important;}
}

/* v0.25.7-R4 — sistema de reglas tipo Canva + guías arrastrables */
.fd-editor .fd-stage-wrap{
  grid-template-columns:32px minmax(0,1fr) 32px!important;
  grid-template-rows:32px minmax(0,1fr) 32px!important;
  position:relative!important;
  overflow:hidden!important;
}
.fd-editor .fd-ruler-corner{grid-column:1!important;grid-row:1!important;}
.fd-editor .fd-ruler-top{grid-column:2!important;grid-row:1!important;}
.fd-editor .fd-ruler-left{grid-column:1!important;grid-row:2!important;}
.fd-editor .fd-ruler-right{grid-column:3!important;grid-row:2!important;display:block!important;overflow:hidden!important;background:#f5f6f8!important;border-left:1px solid #d7d9de!important;z-index:7!important;position:relative!important;}
.fd-editor .fd-ruler-bottom{grid-column:2!important;grid-row:3!important;display:block!important;overflow:hidden!important;background:#f5f6f8!important;border-top:1px solid #d7d9de!important;z-index:7!important;position:relative!important;}
.fd-editor .fd-canvas-scroll{grid-column:2!important;grid-row:2!important;}
.fd-editor .fd-ruler-inner{pointer-events:none!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{pointer-events:auto!important;}
.fd-editor .fd-ruler-tick{position:absolute!important;bottom:0!important;width:1px!important;background:#8d929a!important;display:block!important;}
.fd-editor .fd-ruler-tick.medium{height:11px!important;opacity:.8!important;}
.fd-editor .fd-ruler-tick.major{height:18px!important;background:#5e636b!important;}
.fd-editor .fd-ruler-tick.vertical{left:auto!important;right:0!important;bottom:auto!important;height:1px!important;background:#8d929a!important;}
.fd-editor .fd-ruler-tick.vertical.medium{width:11px!important;height:1px!important;}
.fd-editor .fd-ruler-tick.vertical.major{width:18px!important;height:1px!important;background:#5e636b!important;}
.fd-editor .fd-ruler-label{position:absolute!important;top:2px!important;font:700 9px/1 Arial,sans-serif!important;color:#666b73!important;white-space:nowrap!important;}
.fd-editor .fd-ruler-label.vertical{left:3px!important;top:auto!important;transform:rotate(-90deg)!important;transform-origin:left top!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-tick{top:0!important;bottom:auto!important;height:18px!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:17px!important;}
.fd-editor.fd-rulers-off .fd-ruler-bottom{display:none!important;}
.fd-editor.fd-rulers-off .fd-stage-wrap{grid-template-columns:0 minmax(0,1fr) 0!important;grid-template-rows:0 minmax(0,1fr) 0!important;}

/* Guías tipo Canva: líneas de referencia se dibujan sobre el lienzo y nacen desde las reglas. */
.fd-editor .fd-ruler-top::after,.fd-editor .fd-ruler-bottom::after,.fd-editor .fd-ruler-left::after,.fd-editor .fd-ruler-right::after{content:"Arrastra para crear una guía";position:absolute;opacity:0;pointer-events:none;transition:opacity .12s;font:700 8px Arial,sans-serif;color:#e30613;background:#fff;padding:2px 4px;border:1px solid #e30613;border-radius:4px;white-space:nowrap;z-index:20;}
.fd-editor .fd-ruler-top:hover::after,.fd-editor .fd-ruler-bottom:hover::after{opacity:.9;left:8px;top:4px;}
.fd-editor .fd-ruler-left:hover::after,.fd-editor .fd-ruler-right:hover::after{opacity:.9;left:2px;top:8px;writing-mode:vertical-rl;}

/* Formas: proporción automática como Canva para formas geométricas. */
.fd-editor #fd-canvas{overflow:visible!important;}
.fd-editor .fd-addgrid button{min-height:42px!important;line-height:1.1!important;white-space:normal!important;}
.fd-editor .fd-svg-icon{flex:0 0 18px!important;width:18px!important;height:18px!important;}

/* Barra inferior estable: Ajustar nunca flota ni salta de sitio. */
.fd-editor .fd-bottom{display:grid!important;grid-template-columns:auto auto auto minmax(80px,1fr) auto!important;align-items:center!important;gap:7px!important;overflow:hidden!important;}
.fd-editor .fd-bottom .fd-bottom-group{margin:0!important;display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;}
.fd-editor .fd-bottom .fd-zoom-controls{justify-self:start!important;}
.fd-editor .fd-bottom .fd-view-controls{justify-self:start!important;}
.fd-editor .fd-bottom .fd-quick-actions{justify-self:start!important;}
.fd-editor .fd-bottom .fd-canvas-hint{margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.fd-editor .fd-bottom .fd-product-status{margin:0!important;white-space:nowrap!important;}
.fd-editor .fd-bottom .fd-resetzoom{position:static!important;transform:none!important;float:none!important;}

/* Fondo: controles compactos y estables, sin saltos al abrir degradado/imagen. */
.fd-editor .fd-background-tools{box-sizing:border-box!important;width:100%!important;overflow:visible!important;}
.fd-editor .fd-background-main-row,.fd-editor .fd-background-secondary-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;flex-wrap:nowrap!important;}
.fd-editor .fd-bg-color-control{min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important;box-sizing:border-box!important;}
.fd-editor .fd-bg-color-control input[type=color]{flex:0 0 34px!important;width:34px!important;height:34px!important;}
.fd-editor .fd-bg-color-control span,.fd-editor .fd-bg-btn span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.fd-editor .fd-bg-btn{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;}
.fd-editor .fd-gradient-settings,.fd-editor .fd-image-bg-settings{width:100%!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:7px!important;padding-top:7px!important;border-top:1px solid #e4e5e8!important;}
.fd-editor .fd-gradient-settings .fd-field,.fd-editor .fd-image-bg-settings select,.fd-editor .fd-image-bg-settings label{width:100%!important;box-sizing:border-box!important;}

@media(max-width:900px){
 .fd-editor .fd-stage-wrap{grid-template-columns:26px minmax(0,1fr) 26px!important;grid-template-rows:26px minmax(0,1fr) 26px!important;}
 .fd-editor .fd-bottom{grid-template-columns:auto auto auto 1fr!important;height:auto!important;min-height:42px!important;}
 .fd-editor .fd-product-status{display:none!important;}
}


/* v0.25.7-R5 — reglas reales alrededor del lienzo, barra inferior estable y guías tipo Canva */
.fd-editor .fd-stage-wrap{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  grid-template-rows:34px minmax(0,1fr) 34px!important;
  grid-template-areas:"corner top cornerR" "left canvas right" "blank bottom blankR"!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:auto!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
.fd-editor .fd-ruler-corner{grid-area:corner!important;width:auto!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:12!important;background:#f5f6f8!important;border-right:1px solid #d7d9de!important;border-bottom:1px solid #d7d9de!important;}
.fd-editor .fd-ruler-top{grid-area:top!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;position:relative!important;z-index:11!important;background:#f5f6f8!important;border-bottom:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-left{grid-area:left!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;position:relative!important;z-index:11!important;background:#f5f6f8!important;border-right:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-right{grid-area:right!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;position:relative!important;z-index:11!important;background:#f5f6f8!important;border-left:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-bottom{grid-area:bottom!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;position:relative!important;z-index:11!important;background:#f5f6f8!important;border-top:1px solid #c9cdd3!important;}
.fd-editor .fd-canvas-scroll{grid-area:canvas!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;overflow:auto!important;position:relative!important;padding:48px!important;scrollbar-gutter:stable!important;background:#e9ebee!important;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%)!important;background-size:20px 20px!important;background-position:0 0,0 10px,10px -10px,-10px 0!important;}
.fd-editor .fd-canvas-scroll>.fd-stage{display:block!important;width:max-content!important;height:max-content!important;margin:0!important;padding:10px!important;}
.fd-editor .fd-ruler-inner{pointer-events:none!important;position:absolute!important;left:0!important;top:0!important;will-change:transform!important;}
.fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner{height:34px!important;min-width:100%!important;}
.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:34px!important;min-height:100%!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{pointer-events:auto!important;cursor:crosshair!important;touch-action:none!important;}
.fd-editor .fd-ruler-top::after,.fd-editor .fd-ruler-bottom::after,.fd-editor .fd-ruler-left::after,.fd-editor .fd-ruler-right::after{content:"Arrastra para crear una guía"!important;position:absolute!important;opacity:0!important;pointer-events:none!important;transition:opacity .12s!important;font:700 8px Arial,sans-serif!important;color:#e30613!important;background:#fff!important;padding:2px 4px!important;border:1px solid #e30613!important;border-radius:4px!important;white-space:nowrap!important;z-index:30!important;}
.fd-editor .fd-ruler-top:hover::after{opacity:.95!important;left:8px!important;top:5px!important;}
.fd-editor .fd-ruler-bottom:hover::after{opacity:.95!important;left:8px!important;top:5px!important;}
.fd-editor .fd-ruler-left:hover::after{opacity:.95!important;left:2px!important;top:8px!important;writing-mode:vertical-rl!important;}
.fd-editor .fd-ruler-right:hover::after{opacity:.95!important;right:2px!important;top:8px!important;writing-mode:vertical-rl!important;}
.fd-editor .fd-ruler-tick{position:absolute!important;display:block!important;background:#8d929a!important;width:1px!important;height:7px!important;bottom:0!important;}
.fd-editor .fd-ruler-tick.medium{height:12px!important;background:#777d86!important;}
.fd-editor .fd-ruler-tick.major{height:19px!important;background:#4f555d!important;width:1.5px!important;}
.fd-editor .fd-ruler-tick.vertical{left:auto!important;right:0!important;bottom:auto!important;width:7px!important;height:1px!important;}
.fd-editor .fd-ruler-tick.vertical.medium{width:12px!important;height:1px!important;}
.fd-editor .fd-ruler-tick.vertical.major{width:19px!important;height:1.5px!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-label{position:absolute!important;top:2px!important;font:700 9px/1 Arial,sans-serif!important;color:#555b63!important;white-space:nowrap!important;}
.fd-editor .fd-ruler-label.vertical{left:3px!important;top:auto!important;transform:rotate(-90deg)!important;transform-origin:left top!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:5px!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-tick{top:0!important;bottom:auto!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:18px!important;}
.fd-editor .fd-bottom{position:relative!important;z-index:40!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:hidden!important;flex:0 0 42px!important;height:42px!important;padding:0 10px!important;}
.fd-editor .fd-bottom-group{display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;margin:0!important;}
.fd-editor .fd-zoom-controls{margin-right:2px!important;}
.fd-editor .fd-resetzoom{width:78px!important;min-width:78px!important;flex:0 0 78px!important;white-space:nowrap!important;}
.fd-editor .fd-canvas-hint{margin-left:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.fd-editor .fd-editor-autosave{font-size:9px!important;color:#198754!important;font-weight:700!important;white-space:nowrap!important;}
.fd-editor.fd-rulers-off .fd-ruler-corner,.fd-editor.fd-rulers-off .fd-ruler-top,.fd-editor.fd-rulers-off .fd-ruler-left,.fd-editor.fd-rulers-off .fd-ruler-right,.fd-editor.fd-rulers-off .fd-ruler-bottom{display:none!important;}
.fd-editor.fd-rulers-off .fd-stage-wrap{grid-template-columns:0 minmax(0,1fr) 0!important;grid-template-rows:0 minmax(0,1fr) 0!important;}
@media(max-width:900px){
  .fd-editor .fd-stage-wrap{grid-template-columns:30px minmax(0,1fr) 30px!important;grid-template-rows:30px minmax(0,1fr) 30px!important;}
  .fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner{height:30px!important;}
  .fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:30px!important;}
}

/* v0.25.7-R6 — reglas completas y controles estables tipo Canva */
.fd-editor .fd-stage-wrap{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  grid-template-rows:38px minmax(0,1fr) 38px!important;
  grid-template-areas:"corner top cornerR" "left canvas right" "blank bottom blankR"!important;
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.fd-editor .fd-ruler-corner{grid-area:corner!important;width:auto!important;height:auto!important;}
.fd-editor .fd-ruler-top{grid-area:top!important;width:auto!important;height:auto!important;}
.fd-editor .fd-ruler-left{grid-area:left!important;width:auto!important;height:auto!important;}
.fd-editor .fd-ruler-right{grid-area:right!important;width:auto!important;height:auto!important;}
.fd-editor .fd-ruler-bottom{grid-area:bottom!important;width:auto!important;height:auto!important;}
.fd-editor .fd-canvas-scroll{grid-area:canvas!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;}
.fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner{height:38px!important;min-width:100%!important;}
.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:38px!important;min-height:100%!important;}

/* Escala y números: visibles, contrastados y alineados con el lienzo real. */
.fd-editor .fd-ruler-tick{z-index:2!important;opacity:1!important;}
.fd-editor .fd-ruler-label{z-index:3!important;display:block!important;visibility:visible!important;opacity:1!important;color:#3f444b!important;font:800 9px/11px Arial,sans-serif!important;text-shadow:none!important;}
.fd-editor .fd-ruler-label.vertical{
  left:3px!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  transform-origin:center!important;
  width:31px!important;
  height:12px!important;
  text-align:center!important;
  line-height:12px!important;
}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:3px!important;right:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{left:auto!important;right:0!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-top .fd-ruler-label,.fd-editor .fd-ruler-bottom .fd-ruler-label{line-height:11px!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:19px!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{pointer-events:auto!important;touch-action:none!important;}

/* La barra inferior nunca invade el lienzo ni coloca AJUSTAR fuera de sitio. */
.fd-editor .fd-bottom{
  grid-area:auto!important;
  position:relative!important;
  z-index:50!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 46px!important;
  height:46px!important;
  min-height:46px!important;
  width:100%!important;
  max-width:100%!important;
  padding:5px 8px!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
}
.fd-editor .fd-bottom-group{position:relative!important;flex:0 0 auto!important;min-width:0!important;margin:0!important;padding:0 4px!important;}
.fd-editor .fd-bottom .fd-resetzoom{position:relative!important;inset:auto!important;float:none!important;transform:none!important;width:82px!important;min-width:82px!important;max-width:82px!important;flex:0 0 82px!important;display:inline-flex!important;visibility:visible!important;opacity:1!important;}
.fd-editor .fd-bottom .fd-view-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;}
.fd-editor .fd-bottom .fd-canvas-hint{display:none!important;}
.fd-editor .fd-bottom .fd-product-status{margin-left:auto!important;flex:0 0 auto!important;}

/* Los botones de fondo no cambian de tamaño ni saltan al abrir controles. */
.fd-editor .fd-background-tools{box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:visible!important;}
.fd-editor .fd-background-main-row,.fd-editor .fd-background-secondary-row{box-sizing:border-box!important;width:100%!important;}
.fd-editor .fd-background-tools .fd-bg-btn,
.fd-editor .fd-background-tools .fd-bg-color-control{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.fd-editor .fd-background-tools .fd-bg-btn span:last-child{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.fd-editor .fd-background-tools .fd-gradient-settings,
.fd-editor .fd-background-tools .fd-image-bg-settings{box-sizing:border-box!important;width:100%!important;max-width:100%!important;}

/* Ocultar Plantillas solo oculta el panel; el editor permanece siempre visible. */
.fd-editor.fd-left-collapsed .fd-layout{grid-template-columns:0 minmax(0,1fr) var(--fd-right)!important;}
.fd-editor.fd-left-collapsed .fd-workspace{min-width:0!important;display:flex!important;visibility:visible!important;opacity:1!important;}
.fd-editor.fd-left-collapsed .fd-stage-wrap{visibility:visible!important;opacity:1!important;}

@media(max-width:900px){
  .fd-editor .fd-stage-wrap{grid-template-columns:30px minmax(0,1fr) 30px!important;grid-template-rows:30px minmax(0,1fr) 30px!important;}
  .fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner{height:30px!important;}
  .fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:30px!important;}
  .fd-editor .fd-ruler-label.vertical{width:24px!important;left:2px!important;font-size:8px!important;}
  .fd-editor .fd-bottom{flex-basis:48px!important;height:48px!important;min-height:48px!important;padding:5px!important;}
  .fd-editor .fd-bottom .fd-product-status{display:none!important;}
}


/* Factoría Diseña 0.25.7-R6.2 — corrección final de reglas, barra inferior y controles de fondo */
.fd-editor .fd-stage-wrap{
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  grid-template-rows:42px minmax(0,1fr) 42px!important;
  padding:0!important;
  overflow:hidden!important;
}
.fd-editor .fd-ruler-corner{width:42px!important;height:42px!important;overflow:hidden!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom{height:42px!important;overflow:hidden!important;}
.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{width:42px!important;overflow:hidden!important;}
.fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner{height:42px!important;}
.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:42px!important;}
/* Las cifras laterales se mantienen dentro de la regla. No rotarlas evita que el navegador las recorte. */
.fd-editor .fd-ruler-label.vertical{
  position:absolute!important;
  top:0!important;
  left:3px!important;
  right:auto!important;
  transform:none!important;
  transform-origin:center!important;
  display:block!important;
  width:36px!important;
  height:12px!important;
  overflow:visible!important;
  text-align:left!important;
  font:800 8px/12px Arial,sans-serif!important;
  color:#4e545c!important;
  z-index:4!important;
  white-space:nowrap!important;
}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:5px!important;right:auto!important;text-align:left!important;}
.fd-editor .fd-ruler-tick.vertical{z-index:3!important;}
.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{background:#f8f9fa!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom{background:#f8f9fa!important;}
.fd-editor .fd-canvas-scroll{grid-column:2!important;grid-row:2!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;overflow:auto!important;}

/* Barra inferior estable: ningún botón salta ni se sale del recuadro. */
.fd-editor .fd-bottom{
  flex:0 0 50px!important;
  height:50px!important;
  min-height:50px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:5px 10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.fd-editor .fd-bottom-group{display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;margin:0!important;}
.fd-editor .fd-zoom-controls{height:34px!important;padding:3px!important;}
.fd-editor .fd-bottom .fd-resetzoom{width:70px!important;min-width:70px!important;height:28px!important;padding:0 8px!important;font-size:9px!important;}
.fd-editor .fd-bottom .fd-view-btn{height:28px!important;min-width:54px!important;padding:0 8px!important;font-size:9px!important;}
.fd-editor .fd-bottom .fd-view-controls,.fd-editor .fd-bottom .fd-quick-actions{padding-left:7px!important;border-left:1px solid #e0e2e6!important;}
.fd-editor .fd-bottom .fd-canvas-hint{flex:1 1 80px!important;min-width:70px!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.fd-editor .fd-bottom .fd-product-status{margin-left:auto!important;flex:0 0 auto!important;}

/* Fondo: cuatro controles uniformes, sin textos truncados ni saltos. */
.fd-editor .fd-background-tools{padding:8px!important;overflow:visible!important;}
.fd-editor .fd-background-main-row,.fd-editor .fd-background-secondary-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-rows:40px!important;
  gap:7px!important;
  width:100%!important;
  margin:0 0 7px!important;
}
.fd-editor .fd-background-main-row > .fd-bg-color-control{grid-column:1!important;grid-row:1!important;}
.fd-editor .fd-background-main-row > .fd-bg-btn:nth-of-type(1){grid-column:2!important;grid-row:1!important;}
.fd-editor .fd-background-main-row > .fd-bg-btn:nth-of-type(2){grid-column:1!important;grid-row:2!important;}
.fd-editor .fd-background-secondary-row > .fd-bg-btn:nth-of-type(1){grid-column:1!important;grid-row:1!important;}
.fd-editor .fd-background-secondary-row > .fd-bg-btn:nth-of-type(2){grid-column:2!important;grid-row:1!important;}
.fd-editor .fd-background-tools .fd-bg-btn,
.fd-editor .fd-background-tools .fd-bg-color-control{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:5px 6px!important;
  border:1px solid #d7d9de!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#25282d!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.fd-editor .fd-background-tools .fd-bg-btn:hover{border-color:#e30613!important;color:#e30613!important;background:#fff7f8!important;}
.fd-editor .fd-background-tools .fd-bg-btn.fd-bg-red{background:#e30613!important;border-color:#e30613!important;color:#fff!important;}
.fd-editor .fd-background-tools .fd-bg-btn.fd-bg-reset{background:#151515!important;border-color:#151515!important;color:#fff!important;}
.fd-editor .fd-background-tools .fd-bg-btn span:last-child,
.fd-editor .fd-background-tools .fd-bg-color-control span{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font:800 9px/1 Arial,sans-serif!important;
}
.fd-editor .fd-background-tools .fd-bg-btn-icon{flex:0 0 auto!important;font-size:13px!important;line-height:1!important;}
.fd-editor .fd-background-tools .fd-bg-color-control input[type=color]{width:24px!important;height:24px!important;min-width:24px!important;flex:0 0 24px!important;padding:2px!important;}

/* Plantillas: ocultar solo la columna izquierda, nunca el editor/lienzo. */
.fd-editor.fd-left-collapsed .fd-layout{grid-template-columns:0 minmax(0,1fr) var(--fd-right,270px)!important;}
.fd-editor.fd-left-collapsed .fd-workspace{visibility:visible!important;opacity:1!important;min-width:0!important;}
.fd-editor.fd-left-collapsed .fd-stage-wrap{visibility:visible!important;opacity:1!important;display:grid!important;}

@media(max-width:900px){
  .fd-editor .fd-stage-wrap{grid-template-columns:30px minmax(0,1fr) 30px!important;grid-template-rows:30px minmax(0,1fr) 30px!important;}
  .fd-editor .fd-ruler-corner{width:30px!important;height:30px!important;}
  .fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom{height:30px!important;}
  .fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{width:30px!important;}
  .fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner{height:30px!important;}
  .fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:30px!important;}
  .fd-editor .fd-ruler-label.vertical{width:25px!important;left:2px!important;font-size:7px!important;}
}


/* Factoría Diseña R6.3 — ocultar completamente los dos flotantes externos */
body.fd-disena-open #fis23-button, body.fd-disena-open #fis23-window,
body.fd-disena-open .ft-tools, body.fd-disena-open .ft-tools-trigger,
body.fd-disena-open .ft-tools-backdrop, body.fd-disena-open #ft-tools-drawer,
body.fd-disena-open .fd-external-float-hidden, body.fd-disena-open [data-fd-hidden-float="1"]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;}


/* R6.7 — reglas completas, misma escala y rayitas en los cuatro lados */
.fd-editor .fd-ruler-inner{position:absolute!important;left:0!important;top:0!important;pointer-events:none!important;overflow:visible!important;}
.fd-editor .fd-ruler-tick{position:absolute!important;display:block!important;box-sizing:border-box!important;background:#8d929a!important;opacity:1!important;width:1px!important;z-index:5!important;}
.fd-editor .fd-ruler-tick.medium{background:#777d86!important;width:1px!important;}
.fd-editor .fd-ruler-tick.major{background:#4f555d!important;width:2px!important;}
.fd-editor .fd-ruler-top .fd-ruler-tick,.fd-editor .fd-ruler-bottom .fd-ruler-tick{bottom:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical,.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{right:auto!important;height:1px!important;}
.fd-editor .fd-ruler-label{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;color:#555b63!important;font:800 9px/11px Arial,sans-serif!important;white-space:nowrap!important;z-index:8!important;transform:none!important;overflow:visible!important;}
.fd-editor .fd-ruler-label.vertical{width:34px!important;height:12px!important;text-align:center!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:2px!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:5px!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:20px!important;}

/* v0.25.7-R6.8 — reglas completas visibles en los cuatro lados */
.fd-editor .fd-stage-wrap{
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  grid-template-rows:40px minmax(0,1fr) 40px!important;
  grid-template-areas:"corner top cornerR" "left canvas right" "blank bottom blankR"!important;
  overflow:hidden!important;
}
.fd-editor .fd-ruler-corner{width:40px!important;height:40px!important;background:#f7f8fa!important;z-index:30!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{
  display:block!important;visibility:visible!important;opacity:1!important;background:#f7f8fa!important;z-index:30!important;overflow:hidden!important;
}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom{height:40px!important;}
.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{width:40px!important;}
.fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner{height:40px!important;}
.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:40px!important;}
.fd-editor .fd-ruler-tick{z-index:2!important;display:block!important;visibility:visible!important;opacity:1!important;background:#8c929b!important;}
.fd-editor .fd-ruler-tick.medium{background:#727983!important;}
.fd-editor .fd-ruler-tick.major{background:#454b54!important;width:2px!important;}
.fd-editor .fd-ruler-tick.vertical.major{height:2px!important;width:20px!important;}
.fd-editor .fd-ruler-label{z-index:5!important;display:block!important;visibility:visible!important;opacity:1!important;color:#343a42!important;font:800 10px/12px Arial,sans-serif!important;white-space:nowrap!important;text-align:left!important;}
.fd-editor .fd-ruler-label.vertical{position:absolute!important;transform:none!important;transform-origin:initial!important;width:34px!important;height:12px!important;line-height:12px!important;text-align:center!important;left:3px!important;top:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:4px!important;right:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:3px!important;right:auto!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:20px!important;}
.fd-editor .fd-ruler-top .fd-ruler-label{top:3px!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{left:auto!important;right:0!important;}

/* Plantillas: catálogo amplio y miniaturas siempre visibles */
.fd-editor .fd-templates{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-height:calc(100vh - 260px)!important;min-height:180px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:3px!important;align-content:start!important;}
.fd-editor .fd-template{display:block!important;width:100%!important;min-width:0!important;padding:6px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #dfe2e6!important;}
.fd-editor .fd-thumb-canvas{display:block!important;width:100%!important;height:74px!important;max-width:100%!important;background:#fff!important;border-radius:5px!important;border:1px solid #eceef0!important;}
.fd-editor .fd-template small{display:block!important;font-size:9px!important;line-height:12px!important;height:24px!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;}
@media(max-width:1050px){.fd-editor .fd-templates{max-height:calc(100vh - 300px)!important;}}
@media(max-width:900px){
  .fd-editor .fd-stage-wrap{grid-template-columns:32px minmax(0,1fr) 32px!important;grid-template-rows:32px minmax(0,1fr) 32px!important;}
  .fd-editor .fd-ruler-corner{width:32px!important;height:32px!important;}
  .fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom{height:32px!important;}
  .fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{width:32px!important;}
  .fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner{height:32px!important;}
  .fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:32px!important;}
  .fd-editor .fd-ruler-label{font-size:8px!important;}
}

/* Factoría Diseña R6.9 — reglas laterales y numeración robustas.
   Se desacoplan de la cuadrícula para que nunca queden tapadas por el scroll del lienzo. */
.fd-editor .fd-stage-wrap{position:relative!important;display:block!important;overflow:hidden!important;}
.fd-editor .fd-canvas-scroll{position:absolute!important;left:40px!important;right:40px!important;top:40px!important;bottom:40px!important;width:auto!important;height:auto!important;grid-area:auto!important;}
.fd-editor .fd-ruler-corner{position:absolute!important;left:0!important;top:0!important;width:40px!important;height:40px!important;z-index:100!important;display:flex!important;}
.fd-editor .fd-ruler-top{position:absolute!important;left:40px!important;right:40px!important;top:0!important;width:auto!important;height:40px!important;z-index:100!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;}
.fd-editor .fd-ruler-bottom{position:absolute!important;left:40px!important;right:40px!important;bottom:0!important;width:auto!important;height:40px!important;z-index:100!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;}
.fd-editor .fd-ruler-left{position:absolute!important;left:0!important;top:40px!important;bottom:40px!important;width:40px!important;height:auto!important;z-index:100!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;}
.fd-editor .fd-ruler-right{position:absolute!important;right:0!important;top:40px!important;bottom:40px!important;width:40px!important;height:auto!important;z-index:100!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;}
.fd-editor .fd-ruler-inner{position:absolute!important;left:0!important;top:0!important;overflow:visible!important;pointer-events:none!important;z-index:101!important;transform-origin:0 0!important;}
.fd-editor .fd-ruler-inner svg{display:block!important;overflow:visible!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{pointer-events:auto!important;cursor:crosshair!important;touch-action:none!important;box-sizing:border-box!important;}
.fd-editor .fd-ruler-top{border-bottom:1px solid #c9cdd3!important;background:#f7f8fa!important;}
.fd-editor .fd-ruler-bottom{border-top:1px solid #c9cdd3!important;background:#f7f8fa!important;}
.fd-editor .fd-ruler-left{border-right:1px solid #c9cdd3!important;background:#f7f8fa!important;}
.fd-editor .fd-ruler-right{border-left:1px solid #c9cdd3!important;background:#f7f8fa!important;}
.fd-editor.fd-rulers-off .fd-ruler-corner,.fd-editor.fd-rulers-off .fd-ruler-top,.fd-editor.fd-rulers-off .fd-ruler-left,.fd-editor.fd-rulers-off .fd-ruler-right,.fd-editor.fd-rulers-off .fd-ruler-bottom{display:none!important;}
.fd-editor.fd-rulers-off .fd-canvas-scroll{left:0!important;right:0!important;top:0!important;bottom:0!important;}

/* Plantillas R6.9 — tarjetas más grandes y miniaturas con presencia editorial. */
.fd-editor .fd-templates{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:4px!important;}
.fd-editor .fd-template{min-height:112px!important;padding:7px!important;border-radius:9px!important;background:#fff!important;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease!important;}
.fd-editor .fd-template:hover{transform:translateY(-1px)!important;box-shadow:0 5px 14px rgba(0,0,0,.08)!important;}
.fd-editor .fd-template.active{border-color:#e30613!important;box-shadow:0 0 0 1px #e30613,0 5px 14px rgba(227,6,19,.10)!important;}
.fd-editor .fd-thumb-canvas{height:82px!important;border-radius:7px!important;background:#f4f5f6!important;}
.fd-editor .fd-template small{font:800 9px/12px Arial,sans-serif!important;color:#202328!important;margin-top:6px!important;height:24px!important;}

@media(max-width:900px){
  .fd-editor .fd-canvas-scroll{left:30px!important;right:30px!important;top:30px!important;bottom:30px!important;}
  .fd-editor .fd-ruler-corner{width:30px!important;height:30px!important;}
  .fd-editor .fd-ruler-top{left:30px!important;right:30px!important;height:30px!important;}
  .fd-editor .fd-ruler-bottom{left:30px!important;right:30px!important;height:30px!important;}
  .fd-editor .fd-ruler-left{top:30px!important;bottom:30px!important;width:30px!important;}
  .fd-editor .fd-ruler-right{top:30px!important;bottom:30px!important;width:30px!important;}
}


/* Factoría Diseña R6.10 — sistema definitivo de reglas y miniaturas */
.fd-editor .fd-stage-wrap{
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  grid-template-rows:40px minmax(0,1fr) 40px!important;
  grid-template-areas:"corner top cornerR" "left canvas right" "blank bottom blankR"!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  flex:1 1 auto!important;
}
.fd-editor .fd-ruler-corner{grid-area:corner!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:50!important;display:flex!important;visibility:visible!important;opacity:1!important;}
.fd-editor .fd-ruler-top{grid-area:top!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:50!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;}
.fd-editor .fd-ruler-left{grid-area:left!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:50!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;}
.fd-editor .fd-ruler-right{grid-area:right!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:50!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;}
.fd-editor .fd-ruler-bottom{grid-area:bottom!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:50!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;}
.fd-editor .fd-canvas-scroll{grid-area:canvas!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:auto!important;padding:48px!important;}
.fd-editor .fd-ruler-inner{position:absolute!important;left:0!important;top:0!important;pointer-events:none!important;overflow:visible!important;transform-origin:0 0!important;z-index:60!important;}
.fd-editor .fd-ruler-tick{position:absolute!important;display:block!important;box-sizing:border-box!important;background:#8d929a!important;opacity:1!important;width:1px!important;height:7px!important;bottom:0!important;z-index:2!important;}
.fd-editor .fd-ruler-tick.medium{height:12px!important;background:#747a83!important;}
.fd-editor .fd-ruler-tick.major{height:19px!important;width:2px!important;background:#454b54!important;}
.fd-editor .fd-ruler-tick.vertical{width:7px!important;height:1px!important;right:0!important;left:auto!important;bottom:auto!important;}
.fd-editor .fd-ruler-tick.vertical.medium{width:12px!important;height:1px!important;}
.fd-editor .fd-ruler-tick.vertical.major{width:19px!important;height:2px!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-label{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;font:800 10px/12px Arial,sans-serif!important;color:#343a42!important;white-space:nowrap!important;z-index:5!important;transform:none!important;overflow:visible!important;width:auto!important;height:12px!important;}
.fd-editor .fd-ruler-label.vertical{transform:none!important;transform-origin:initial!important;width:34px!important;text-align:center!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical,.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:3px!important;right:auto!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:20px!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{background:#f7f8fa!important;border-color:#c9cdd3!important;pointer-events:auto!important;touch-action:none!important;}
.fd-editor .fd-ruler-inner .fd-ruler-label{font-family:Arial,sans-serif!important;}
.fd-editor .fd-template{overflow:hidden!important;}
.fd-editor .fd-thumb-canvas{display:block!important;width:100%!important;height:82px!important;min-height:82px!important;max-width:100%!important;background:#f1f2f4!important;border:1px solid #dfe2e6!important;border-radius:7px!important;}
@media(max-width:900px){
 .fd-editor .fd-stage-wrap{grid-template-columns:34px minmax(0,1fr) 34px!important;grid-template-rows:34px minmax(0,1fr) 34px!important;}
 .fd-editor .fd-canvas-scroll{padding:36px!important;}
 .fd-editor .fd-ruler-corner{width:auto!important;height:auto!important;}
 .fd-editor .fd-ruler-label{font-size:8px!important;}
 .fd-editor .fd-ruler-tick.major{height:16px!important;}
 .fd-editor .fd-ruler-tick.vertical.major{width:16px!important;}
}

/* R6.11 FINAL — reglas laterales visibles como la superior, sin tocar el resto del editor */
.fd-editor .fd-stage-wrap{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  grid-template-rows:42px minmax(0,1fr) 42px!important;
  grid-template-areas:"corner top cornerR" "left canvas right" "blank bottom blankR"!important;
  overflow:hidden!important;
}
.fd-editor .fd-ruler-corner{grid-area:corner!important;width:42px!important;height:42px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.fd-editor .fd-ruler-top{grid-area:top!important;position:relative!important;width:auto!important;height:42px!important;display:block!important;overflow:hidden!important;}
.fd-editor .fd-ruler-bottom{grid-area:bottom!important;position:relative!important;width:auto!important;height:42px!important;display:block!important;overflow:hidden!important;}
.fd-editor .fd-ruler-left{grid-area:left!important;position:relative!important;width:42px!important;height:auto!important;display:block!important;overflow:hidden!important;}
.fd-editor .fd-ruler-right{grid-area:right!important;position:relative!important;width:42px!important;height:auto!important;display:block!important;overflow:hidden!important;}
.fd-editor .fd-canvas-scroll{grid-area:canvas!important;position:relative!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:auto!important;padding:48px!important;}
.fd-editor .fd-ruler-inner{position:absolute!important;left:0!important;top:0!important;pointer-events:none!important;overflow:visible!important;transform-origin:0 0!important;z-index:100!important;}
.fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner{height:42px!important;min-width:100%!important;}
.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:42px!important;min-height:0!important;}
.fd-editor .fd-ruler-tick{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important;background:#727780!important;z-index:101!important;}
.fd-editor .fd-ruler-tick:not(.vertical){width:1px!important;height:7px!important;bottom:0!important;top:auto!important;}
.fd-editor .fd-ruler-tick.medium:not(.vertical){width:1px!important;height:12px!important;bottom:0!important;top:auto!important;}
.fd-editor .fd-ruler-tick.major:not(.vertical){width:2px!important;height:20px!important;bottom:0!important;top:auto!important;background:#3e444c!important;}
.fd-editor .fd-ruler-tick.vertical{width:7px!important;height:1px!important;top:auto!important;bottom:auto!important;background:#727780!important;}
.fd-editor .fd-ruler-tick.vertical.medium{width:12px!important;height:1px!important;}
.fd-editor .fd-ruler-tick.vertical.major{width:20px!important;height:2px!important;background:#3e444c!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{left:auto!important;right:0!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-label{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;color:#30353c!important;font:800 10px/12px Arial,sans-serif!important;white-space:nowrap!important;z-index:102!important;overflow:visible!important;transform:none!important;}
.fd-editor .fd-ruler-top .fd-ruler-label{top:3px!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:22px!important;}
.fd-editor .fd-ruler-label.vertical{width:38px!important;height:12px!important;top:auto!important;text-align:center!important;line-height:12px!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:1px!important;right:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:3px!important;right:auto!important;}
/* Asegura que las rayitas laterales no puedan quedar fuera del área visible por reglas antiguas. */
.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{display:block!important;visibility:visible!important;opacity:1!important;}

/* Plantillas R6.11 — catálogo visual más trabajado y miniaturas legibles */
.fd-editor .fd-templates{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:4px!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;}
.fd-editor .fd-template{display:block!important;box-sizing:border-box!important;width:100%!important;min-height:126px!important;padding:6px!important;border:1px solid #d8dbe0!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important;text-align:left!important;}
.fd-editor .fd-template:hover{transform:translateY(-1px)!important;border-color:#b9bec5!important;box-shadow:0 7px 16px rgba(0,0,0,.10)!important;}
.fd-editor .fd-template.active{border-color:#e30613!important;box-shadow:0 0 0 1px #e30613,0 7px 16px rgba(227,6,19,.10)!important;}
.fd-editor .fd-thumb-canvas{display:block!important;width:100%!important;height:88px!important;min-height:88px!important;max-width:none!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e3e5e8!important;border-radius:6px!important;}
.fd-editor .fd-template small{display:block!important;margin:6px 1px 0!important;height:22px!important;overflow:hidden!important;color:#20242a!important;font:800 9px/11px Arial,sans-serif!important;white-space:normal!important;text-overflow:clip!important;}

/* R6.12 — REGLAS LATERALES DEFINITIVAS: rayitas + números siempre visibles */
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{
  position:relative!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:hidden!important;
  background:#f7f8fa!important;
  z-index:200!important;
  box-sizing:border-box!important;
}
.fd-editor .fd-ruler-left .fd-ruler-inner,
.fd-editor .fd-ruler-right .fd-ruler-inner{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:42px!important;
  height:100%!important;
  min-height:100%!important;
  transform:none!important;
  pointer-events:none!important;
  overflow:visible!important;
  z-index:201!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical,
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:2px!important;
  width:20px!important;
  background:#343941!important;
  z-index:202!important;
  transform:none!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical.medium,
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical.medium{
  width:13px!important;
  height:1px!important;
  background:#646b74!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical:not(.medium):not(.major),
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical:not(.medium):not(.major){
  width:8px!important;
  height:1px!important;
  background:#858b93!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical,
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:38px!important;
  height:12px!important;
  padding:0!important;
  margin:0!important;
  color:#20252b!important;
  background:transparent!important;
  font:800 10px/12px Arial,sans-serif!important;
  text-align:center!important;
  white-space:nowrap!important;
  transform:none!important;
  z-index:203!important;
  overflow:visible!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:0!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:2px!important;}

/* Factoría Diseña R6.15 — reglas laterales realmente independientes */
.fd-editor .fd-stage-wrap{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  grid-template-rows:42px minmax(0,1fr) 42px!important;
  grid-template-areas:"corner top cornerR" "left canvas right" "blank bottom blankR"!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  width:42px!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#f7f8fa!important;
  z-index:300!important;
  box-sizing:border-box!important;
}
.fd-editor .fd-ruler-left{grid-area:left!important;border-right:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-right{grid-area:right!important;border-left:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{
  position:absolute!important;
  display:block!important;
  left:0!important;
  top:0!important;
  width:42px!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  pointer-events:none!important;
  z-index:301!important;
  transform-origin:top left!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical,.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  top:auto;
  width:20px!important;
  height:2px!important;
  background:#3e444c!important;
  z-index:302!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical.medium,.fd-editor .fd-ruler-right .fd-ruler-tick.vertical.medium{
  width:13px!important;height:1px!important;background:#646b74!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical:not(.medium):not(.major),.fd-editor .fd-ruler-right .fd-ruler-tick.vertical:not(.medium):not(.major){
  width:8px!important;height:1px!important;background:#858b93!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical,.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:38px!important;
  height:12px!important;
  padding:0!important;
  margin:0!important;
  top:auto;
  color:#20252b!important;
  background:transparent!important;
  font:800 10px/12px Arial,sans-serif!important;
  text-align:center!important;
  white-space:nowrap!important;
  transform:none!important;
  overflow:visible!important;
  z-index:303!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:0!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:2px!important;}


/* R6.15 — corrección definitiva de posición de marcas laterales.
   Las versiones anteriores tenían reglas CSS que forzaban top:auto sobre
   las marcas verticales; eso hacía que todas acabaran amontonadas arriba. */
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical,
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{
  top:var(--fd-ruler-y)!important;
  bottom:auto!important;
  height:1px!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical,
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  top:var(--fd-ruler-label-y)!important;
  bottom:auto!important;
  transform:none!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:2px!important;right:auto!important;}


/* v0.25.7-R6.16 — CORRECCIÓN DEFINITIVA DE REGLAS LATERALES
   Las reglas laterales deben distribuir sus marcas por el eje Y real del lienzo.
   Los bloques históricos usaban top:auto!important y anulaban la posición inline. */
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical,
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{
  position:absolute!important;
  top:var(--fd-ruler-y, 0px)!important;
  bottom:auto!important;
  height:1px!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical,
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  position:absolute!important;
  top:var(--fd-ruler-y, 0px)!important;
  bottom:auto!important;
  transform:none!important;
}


/* R6.20 — REGLAS LATERALES/HORIZONTALES SINCRONIZADAS CON EL SCROLL REAL
   El lienzo se desplaza dentro de fd-canvas-scroll, pero las reglas viven
   fuera de ese scroll. Las posiciones se aplican mediante variables CSS para
   que el origen 0 mm siga exactamente al origen visible del canvas. */
.fd-editor .fd-ruler-top .fd-ruler-inner,
.fd-editor .fd-ruler-bottom .fd-ruler-inner,
.fd-editor .fd-ruler-left .fd-ruler-inner,
.fd-editor .fd-ruler-right .fd-ruler-inner{
  left:var(--fd-ruler-offset-x,0px)!important;
  top:var(--fd-ruler-offset-y,0px)!important;
  transform:none!important;
}

/* R6.18 — reglas sincronizadas con el scroll del lienzo */
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{overflow:hidden!important;position:relative!important;}
.fd-editor .fd-ruler-inner{position:absolute!important;left:0!important;top:0!important;will-change:transform!important;transform-origin:0 0!important;pointer-events:none!important;}
.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{min-height:0!important;}


/* v0.25.7-R6.19 — origen de reglas anclado al canvas real */
.fd-editor .fd-ruler-inner{transform-origin:0 0!important;pointer-events:none!important;will-change:transform!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{overflow:hidden!important;}


/* v0.25.7-R6.22 — calibración de reglas contra el canvas renderizado real.
   La escala de cada regla se calcula en JavaScript desde getBoundingClientRect()
   del lienzo, evitando desfases al cambiar zoom, formato o scroll. */

/* R6.22 — REGLAS VIEWPORT-LOCKED: última capa, prevalece sobre reglas históricas */
.fd-editor .fd-ruler-top,
.fd-editor .fd-ruler-bottom,
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{
  overflow:hidden!important;
  position:relative!important;
  box-sizing:border-box!important;
  transform:none!important;
}
.fd-editor .fd-ruler-top .fd-ruler-inner,
.fd-editor .fd-ruler-bottom .fd-ruler-inner,
.fd-editor .fd-ruler-left .fd-ruler-inner,
.fd-editor .fd-ruler-right .fd-ruler-inner{
  position:absolute!important;
  left:0!important;
  top:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  transform-origin:0 0!important;
  overflow:visible!important;
  min-width:0!important;
  min-height:0!important;
  pointer-events:none!important;
}
.fd-editor .fd-ruler-top .fd-ruler-tick,
.fd-editor .fd-ruler-bottom .fd-ruler-tick,
.fd-editor .fd-ruler-left .fd-ruler-tick,
.fd-editor .fd-ruler-right .fd-ruler-tick{
  position:absolute!important;
  transform:none!important;
  bottom:auto!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical,
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{
  top:var(--fd-ruler-y,0px)!important;
  bottom:auto!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical,
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  position:absolute!important;
  top:var(--fd-ruler-y,0px)!important;
  bottom:auto!important;
  transform:none!important;
  writing-mode:horizontal-tb!important;
  white-space:nowrap!important;
}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical,
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{
  left:0!important;
  right:auto!important;
}




/* ================================================================
   R6.39 — PLANTILLA OFICIAL FACTORÍA DE TINTA
   85x55 mm final | 3 mm sangrado | 3 mm zona segura
   ROJO = sangrado | NEGRO = corte | VERDE = zona segura
   ================================================================ */
.fd-editor .fd-stage-wrap{overflow:hidden!important;}
.fd-editor .fd-canvas-scroll{overflow:auto!important;position:relative!important;}
.fd-editor .fd-canvas-scroll>.fd-stage{display:block!important;width:max-content!important;height:max-content!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;position:relative!important;}
.fd-editor #fd-canvas{position:absolute!important;display:block!important;max-width:none!important;margin:0!important;padding:0!important;z-index:1!important;}
.fd-editor .fd-bleed,.fd-editor .fd-safe{position:absolute!important;inset:auto!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important;pointer-events:none!important;}
.fd-editor .fd-print-guides{position:absolute!important;left:0!important;top:0!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;pointer-events:none!important;z-index:100!important;}
.fd-editor .fd-guide-bleed,.fd-editor .fd-guide-trim,.fd-editor .fd-guide-safe{position:absolute!important;display:block!important;margin:0!important;padding:0!important;box-sizing:border-box!important;background:transparent!important;pointer-events:none!important;}
.fd-editor .fd-guide-bleed{border:1.5px solid #e30613!important;z-index:101!important;}
.fd-editor .fd-guide-trim{border:1.5px solid #111!important;z-index:103!important;}
.fd-editor .fd-guide-safe{border:1.5px solid #18a558!important;z-index:102!important;}
.fd-editor .fd-crop-mark{position:absolute!important;display:block!important;margin:0!important;padding:0!important;box-sizing:border-box!important;background:transparent!important;border:0!important;border-style:solid!important;border-color:#111!important;filter:none!important;z-index:110!important;pointer-events:none!important;}
.fd-editor .fd-crop-tl{border-width:1.5px 0 0 1.5px!important;}
.fd-editor .fd-crop-tr{border-width:1.5px 1.5px 0 0!important;}
.fd-editor .fd-crop-bl{border-width:0 0 1.5px 1.5px!important;}
.fd-editor .fd-crop-br{border-width:0 1.5px 1.5px 0!important;}

/* Reglas: el origen 0 mm se alinea con el borde real del canvas. */
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{overflow:hidden!important;position:relative!important;box-sizing:border-box!important;transform:none!important;}
.fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner,.fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{position:absolute!important;left:0!important;top:0!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;min-width:0!important;min-height:0!important;pointer-events:none!important;}
.fd-editor .fd-ruler-tick{position:absolute!important;display:block!important;transform:none!important;}
.fd-editor .fd-ruler-tick.vertical{position:absolute!important;top:var(--fd-ruler-y,0px)!important;bottom:auto!important;}
.fd-editor .fd-ruler-label.vertical{position:absolute!important;top:var(--fd-ruler-label-y,0px)!important;bottom:auto!important;transform:none!important;writing-mode:horizontal-tb!important;white-space:nowrap!important;height:12px!important;line-height:12px!important;}

/* ================================================================
   R6.39 FINAL — REGLAS SIN HERENCIA HISTÓRICA
   ================================================================ */
.fd-editor .fd-ruler-top .fd-ruler-label,
.fd-editor .fd-ruler-bottom .fd-ruler-label{
  transform:none!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  rotate:0deg!important;
  width:30px!important;
  height:12px!important;
  line-height:12px!important;
  text-align:center!important;
  white-space:nowrap!important;
  font:800 9px/12px Arial,sans-serif!important;
}
.fd-editor .fd-ruler-top .fd-ruler-label{top:3px!important;bottom:auto!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:19px!important;bottom:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical,
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  transform:none!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  rotate:0deg!important;
  width:34px!important;
  height:12px!important;
  line-height:12px!important;
  white-space:nowrap!important;
  font:800 9px/12px Arial,sans-serif!important;
  top:var(--fd-ruler-label-y,0px)!important;
  bottom:auto!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:0!important;right:auto!important;text-align:right!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:3px!important;right:auto!important;text-align:left!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-tick.vertical{top:var(--fd-ruler-y,0px)!important;bottom:auto!important;transform:none!important;}


/* R6.40 — PLANTILLA DE IMPRESIÓN REHECHA DESDE LA REFERENCIA OFICIAL
   85x55 final / 3mm sangrado / 3mm zona segura / marcas fuera del sangrado. */
.fd-editor #fd-stage{
  position:relative!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.fd-editor #fd-bleed-preview{
  background:#fff!important;
  pointer-events:none!important;
  border:0!important;
}
.fd-editor #fd-canvas{
  background:#fff!important;
}
.fd-editor #fd-print-guides{
  overflow:visible!important;
  pointer-events:none!important;
}
.fd-editor #fd-guide-bleed{
  border:1px solid #e30613!important;
  background:transparent!important;
}
.fd-editor #fd-guide-trim{
  border:1px solid #111!important;
  background:transparent!important;
}
.fd-editor #fd-guide-safe{
  border:1px solid #18a558!important;
  background:transparent!important;
}
.fd-editor .fd-crop-mark{
  border-color:#111!important;
  background:transparent!important;
  transform:none!important;
  rotate:none!important;
}
.fd-editor .fd-ruler-top,
.fd-editor .fd-ruler-bottom,
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{
  transform:none!important;
  writing-mode:horizontal-tb!important;
  overflow:hidden!important;
}
.fd-editor .fd-ruler-inner{
  transform:none!important;
  writing-mode:horizontal-tb!important;
}
.fd-editor .fd-ruler-label,
.fd-editor .fd-ruler-label.vertical{
  transform:none!important;
  rotate:none!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:nowrap!important;
  font-family:Arial,sans-serif!important;
  font-weight:800!important;
  font-size:9px!important;
  line-height:12px!important;
}

/* ================================================================
   R6.42 — CORRECCIÓN REAL: CACHE + REGLAS + MARCAS
   Referencia oficial: rojo = sangrado exterior, negro = corte,
   verde = zona segura. Las marcas negras llegan hasta el corte y
   solo sobresalen 3 mm hacia fuera.
   ================================================================ */
.fd-editor .fd-ruler-top,
.fd-editor .fd-ruler-bottom,
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{overflow:hidden!important;direction:ltr!important;}
.fd-editor .fd-ruler-top .fd-ruler-label,
.fd-editor .fd-ruler-bottom .fd-ruler-label{
  transform:none!important;rotate:0deg!important;writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;direction:ltr!important;unicode-bidi:normal!important;
  bottom:auto!important;}
.fd-editor .fd-ruler-top .fd-ruler-label{top:3px!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:19px!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical,
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  transform:none!important;rotate:0deg!important;writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;direction:ltr!important;unicode-bidi:normal!important;
  top:var(--fd-ruler-label-y,0px)!important;bottom:auto!important;
  display:block!important;visibility:visible!important;opacity:1!important;
  height:12px!important;line-height:12px!important;font:800 9px/12px Arial,sans-serif!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:0!important;right:auto!important;text-align:right!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:3px!important;right:auto!important;text-align:left!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-crop-mark{transform:none!important;rotate:0deg!important;filter:none!important;border-color:#111!important;}


/* ================================================================
   R6.43 — REGLAS + MARCAS SEGUN REFERENCIA OFICIAL
   NO usar las reglas históricas anteriores. Esta capa final manda.
   ================================================================ */
.fd-editor .fd-stage-wrap{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  grid-template-rows:42px minmax(0,1fr) 42px!important;
  grid-template-areas:"corner top cornerR" "left canvas right" "blank bottom blankR"!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.fd-editor .fd-ruler-corner{grid-area:corner!important;width:auto!important;height:auto!important;display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:400!important;align-items:center!important;justify-content:center!important;background:#f7f8fa!important;border-right:1px solid #c9cdd3!important;border-bottom:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-top{grid-area:top!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:400!important;overflow:hidden!important;background:#f7f8fa!important;border-bottom:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-left{grid-area:left!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:400!important;overflow:hidden!important;background:#f7f8fa!important;border-right:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-right{grid-area:right!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:400!important;overflow:hidden!important;background:#f7f8fa!important;border-left:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-bottom{grid-area:bottom!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:400!important;overflow:hidden!important;background:#f7f8fa!important;border-top:1px solid #c9cdd3!important;}
.fd-editor .fd-canvas-scroll{grid-area:canvas!important;position:relative!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:auto!important;padding:48px!important;box-sizing:border-box!important;}
.fd-editor .fd-ruler-inner{position:absolute!important;left:0!important;top:0!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;pointer-events:none!important;}
.fd-editor .fd-ruler-tick{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;background:#747a83!important;z-index:401!important;transform:none!important;}
.fd-editor .fd-ruler-tick:not(.vertical){width:1px!important;height:7px!important;bottom:0!important;top:auto!important;}
.fd-editor .fd-ruler-tick.medium:not(.vertical){height:12px!important;bottom:0!important;top:auto!important;}
.fd-editor .fd-ruler-tick.major:not(.vertical){width:2px!important;height:19px!important;bottom:0!important;top:auto!important;background:#3e444c!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-tick:not(.vertical){top:0!important;bottom:auto!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-tick.major:not(.vertical){top:0!important;bottom:auto!important;}
.fd-editor .fd-ruler-tick.vertical{width:7px!important;height:1px!important;top:0!important;bottom:auto!important;}
.fd-editor .fd-ruler-tick.vertical.medium{width:12px!important;height:1px!important;}
.fd-editor .fd-ruler-tick.vertical.major{width:19px!important;height:2px!important;background:#3e444c!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{left:auto!important;right:0!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-label{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;rotate:0deg!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;overflow:visible!important;font:800 9px/12px Arial,sans-serif!important;color:#20252b!important;z-index:402!important;pointer-events:none!important;}
.fd-editor .fd-ruler-top .fd-ruler-label{top:3px!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:18px!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{width:38px!important;height:12px!important;line-height:12px!important;top:var(--fd-ruler-label-y,0px)!important;right:1px!important;left:auto!important;text-align:right!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{width:38px!important;height:12px!important;line-height:12px!important;top:var(--fd-ruler-label-y,0px)!important;left:1px!important;right:auto!important;text-align:left!important;}

/* Plantilla: rojo fuera, negro en corte, verde dentro. */
.fd-editor #fd-stage{position:relative!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;}
.fd-editor #fd-print-guides{position:absolute!important;left:0!important;top:0!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;pointer-events:none!important;z-index:100!important;}
.fd-editor #fd-guide-bleed{border:1.5px solid #e30613!important;background:transparent!important;z-index:101!important;}
.fd-editor #fd-guide-trim{border:1.5px solid #111!important;background:transparent!important;z-index:103!important;}
.fd-editor #fd-guide-safe{border:1.5px solid #18a558!important;background:transparent!important;z-index:102!important;}
.fd-editor .fd-crop-mark{display:block!important;position:absolute!important;background:transparent!important;border-style:solid!important;border-color:#111!important;transform:none!important;rotate:0deg!important;filter:none!important;z-index:110!important;pointer-events:none!important;}
@media(max-width:900px){
  .fd-editor .fd-stage-wrap{grid-template-columns:32px minmax(0,1fr) 32px!important;grid-template-rows:32px minmax(0,1fr) 32px!important;}
  .fd-editor .fd-ruler-corner{width:auto!important;height:auto!important;}
}

/* ================================================================
   R6.45 FINAL — REGLAS Y PLANTILLA ESTABLES
   Esta capa final anula los parches históricos R4/R5/R6 anteriores.
   ================================================================ */
.fd-editor .fd-stage-wrap{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  grid-template-rows:42px minmax(0,1fr) 42px!important;
  grid-template-areas:"corner top cornerR" "left canvas right" "blank bottom blankR"!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  align-items:stretch!important;
}
.fd-editor .fd-ruler-corner{grid-area:corner!important;display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;width:auto!important;height:auto!important;z-index:400!important;align-items:center!important;justify-content:center!important;background:#f7f8fa!important;border-right:1px solid #c9cdd3!important;border-bottom:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-top{grid-area:top!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:auto!important;height:auto!important;z-index:400!important;overflow:hidden!important;background:#f7f8fa!important;border-bottom:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-left{grid-area:left!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:auto!important;height:auto!important;z-index:400!important;overflow:hidden!important;background:#f7f8fa!important;border-right:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-right{grid-area:right!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:auto!important;height:auto!important;z-index:400!important;overflow:hidden!important;background:#f7f8fa!important;border-left:1px solid #c9cdd3!important;}
.fd-editor .fd-ruler-bottom{grid-area:bottom!important;display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;width:auto!important;height:auto!important;z-index:400!important;overflow:hidden!important;background:#f7f8fa!important;border-top:1px solid #c9cdd3!important;}
.fd-editor .fd-canvas-scroll{grid-area:canvas!important;position:relative!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:auto!important;padding:0!important;box-sizing:border-box!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;background:#e9ebee!important;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%)!important;background-size:20px 20px!important;background-position:0 0,0 10px,10px -10px,-10px 0!important;}
.fd-editor .fd-canvas-scroll>.fd-stage{display:block!important;position:relative!important;flex:0 0 auto!important;width:max-content!important;height:max-content!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;}
.fd-editor .fd-bleed,.fd-editor .fd-safe{position:absolute!important;inset:auto!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow:visible!important;pointer-events:none!important;}
.fd-editor .fd-ruler-inner{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;transform:none!important;overflow:visible!important;pointer-events:none!important;}
.fd-editor .fd-ruler-tick{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;background:#747a83!important;z-index:401!important;transform:none!important;}
.fd-editor .fd-ruler-tick:not(.vertical){width:1px!important;height:7px!important;bottom:0!important;top:auto!important;}
.fd-editor .fd-ruler-tick.medium:not(.vertical){height:12px!important;bottom:0!important;top:auto!important;}
.fd-editor .fd-ruler-tick.major:not(.vertical){width:2px!important;height:19px!important;bottom:0!important;top:auto!important;background:#3e444c!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-tick:not(.vertical){top:0!important;bottom:auto!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-tick.major:not(.vertical){top:0!important;bottom:auto!important;}
.fd-editor .fd-ruler-tick.vertical{width:7px!important;height:1px!important;top:auto!important;bottom:auto!important;}
.fd-editor .fd-ruler-tick.vertical.medium{width:12px!important;height:1px!important;}
.fd-editor .fd-ruler-tick.vertical.major{width:19px!important;height:2px!important;background:#3e444c!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-label{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;rotate:0deg!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;overflow:visible!important;font:800 9px/12px Arial,sans-serif!important;color:#20252b!important;z-index:402!important;pointer-events:none!important;}
.fd-editor .fd-ruler-top .fd-ruler-label{top:3px!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:18px!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{width:38px!important;height:12px!important;line-height:12px!important;top:auto!important;right:1px!important;left:auto!important;text-align:right!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{width:38px!important;height:12px!important;line-height:12px!important;top:auto!important;left:1px!important;right:auto!important;text-align:left!important;}

/* Geometría única: rojo = sangrado, negro = corte, verde = zona segura. */
.fd-editor #fd-stage{position:relative!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;}
.fd-editor #fd-print-guides{position:absolute!important;left:0!important;top:0!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;pointer-events:none!important;z-index:100!important;}
.fd-editor #fd-guide-bleed{border:1.5px solid #e30613!important;background:transparent!important;z-index:101!important;}
.fd-editor #fd-guide-trim{border:1.5px solid #111!important;background:transparent!important;z-index:103!important;}
.fd-editor #fd-guide-safe{border:1.5px solid #18a558!important;background:transparent!important;z-index:102!important;}
.fd-editor .fd-crop-mark{display:block!important;position:absolute!important;background:transparent!important;border-style:solid!important;border-color:#111!important;transform:none!important;rotate:0deg!important;filter:none!important;z-index:110!important;pointer-events:none!important;}
@media(max-width:900px){
 .fd-editor .fd-stage-wrap{grid-template-columns:32px minmax(0,1fr) 32px!important;grid-template-rows:32px minmax(0,1fr) 32px!important;}
}

/* =====================================================================
   FACTORÍA DISEÑA R6.45 — REGLAS FÍSICAS + CUATRO LADOS
   Esta capa final anula únicamente las reglas históricas que impedían
   posicionar correctamente las marcas verticales. No modifica plantillas,
   herramientas, capas, conexiones ni el resto del editor.
   ===================================================================== */
.fd-editor .fd-stage-wrap{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  grid-template-rows:42px minmax(0,1fr) 42px!important;
  grid-template-areas:"corner top cornerR" "left canvas right" "blank bottom blankR"!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
}
.fd-editor .fd-ruler-corner{grid-area:corner!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;display:flex!important;visibility:visible!important;opacity:1!important;z-index:300!important;}
.fd-editor .fd-ruler-top{grid-area:top!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;z-index:300!important;}
.fd-editor .fd-ruler-bottom{grid-area:bottom!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;z-index:300!important;}
.fd-editor .fd-ruler-left{grid-area:left!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;z-index:300!important;}
.fd-editor .fd-ruler-right{grid-area:right!important;position:relative!important;inset:auto!important;width:auto!important;height:auto!important;display:block!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;z-index:300!important;}
.fd-editor .fd-canvas-scroll{grid-area:canvas!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:auto!important;padding:48px!important;}
.fd-editor .fd-ruler-inner{position:absolute!important;left:0!important;top:0!important;margin:0!important;padding:0!important;transform:none!important;transform-origin:0 0!important;overflow:visible!important;pointer-events:none!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;}
.fd-editor .fd-ruler-tick{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important;transform:none!important;}
.fd-editor .fd-ruler-top .fd-ruler-tick,.fd-editor .fd-ruler-bottom .fd-ruler-tick{top:auto!important;bottom:0!important;width:1px!important;height:7px!important;}
.fd-editor .fd-ruler-top .fd-ruler-tick.medium,.fd-editor .fd-ruler-bottom .fd-ruler-tick.medium{height:12px!important;width:1px!important;}
.fd-editor .fd-ruler-top .fd-ruler-tick.major,.fd-editor .fd-ruler-bottom .fd-ruler-tick.major{height:20px!important;width:2px!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical,.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{
  position:absolute!important;
  top:var(--fd-ruler-y,0px)!important;
  bottom:auto!important;
  width:7px!important;
  height:1px!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical.medium,.fd-editor .fd-ruler-right .fd-ruler-tick.vertical.medium{width:12px!important;height:1px!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical.major,.fd-editor .fd-ruler-right .fd-ruler-tick.vertical.major{width:20px!important;height:2px!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{left:auto!important;right:0!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-label{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;rotate:0deg!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;box-sizing:border-box!important;overflow:visible!important;color:#30353c!important;font:800 10px/12px Arial,sans-serif!important;z-index:305!important;}
.fd-editor .fd-ruler-top .fd-ruler-label{top:3px!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:20px!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical,.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  top:var(--fd-ruler-y,0px)!important;
  bottom:auto!important;
  width:38px!important;
  height:12px!important;
  line-height:12px!important;
  text-align:center!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:1px!important;right:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:2px!important;right:auto!important;}

/* El formato físico es 85x55 mm; 0 mm siempre coincide con el borde negro de corte. */
.fd-editor .fd-guide-trim{border-color:#111!important;}
.fd-editor .fd-guide-bleed{border-color:#e30613!important;}
.fd-editor .fd-guide-safe{border-color:#18a558!important;}

@media(max-width:900px){
  .fd-editor .fd-stage-wrap{grid-template-columns:34px minmax(0,1fr) 34px!important;grid-template-rows:34px minmax(0,1fr) 34px!important;}
  .fd-editor .fd-canvas-scroll{padding:36px!important;}
  .fd-editor .fd-ruler-corner{width:auto!important;height:auto!important;}
  .fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom{height:auto!important;}
  .fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{width:auto!important;}
  .fd-editor .fd-ruler-label{font-size:8px!important;}
}


/* R6.46 — REGLAS FINALES: una sola geometría, sin rotaciones heredadas. */
.fd-editor .fd-ruler-inner{pointer-events:none!important;position:absolute!important;inset:0!important;transform:none!important;overflow:visible!important;}
.fd-editor .fd-ruler-label.vertical{transform:none!important;rotate:0deg!important;writing-mode:horizontal-tb!important;transform-origin:center center!important;white-space:nowrap!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{right:1px!important;left:auto!important;text-align:right!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:1px!important;right:auto!important;text-align:left!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-top .fd-ruler-label,.fd-editor .fd-ruler-bottom .fd-ruler-label{transform:none!important;rotate:0deg!important;writing-mode:horizontal-tb!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{user-select:none!important;-webkit-user-select:none!important;}

/* R6.47 — REGLAS FÍSICAS FINALES: una sola geometría, sin rotaciones ni offsets heredados. */
.fd-editor .fd-ruler-top,
.fd-editor .fd-ruler-bottom,
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{
  position:relative!important;
  overflow:hidden!important;
  background:#f7f8fa!important;
  box-sizing:border-box!important;
}
.fd-editor .fd-ruler-inner{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  transform:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.fd-editor .fd-ruler-tick{
  position:absolute!important;
  transform:none!important;
  rotate:0deg!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  opacity:1!important;
  background:#9da4ad!important;
}
.fd-editor .fd-ruler-tick.major{background:#4f5660!important;}
.fd-editor .fd-ruler-tick.medium{background:#777f89!important;}
.fd-editor .fd-ruler-tick.vertical{height:1px!important;}
.fd-editor .fd-ruler-label{
  position:absolute!important;
  transform:none!important;
  rotate:0deg!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:nowrap!important;
  font:800 9px/12px Arial,sans-serif!important;
  color:#252b32!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
}
.fd-editor .fd-ruler-label.vertical{
  transform:none!important;
  rotate:0deg!important;
  writing-mode:horizontal-tb!important;
  height:12px!important;
  line-height:12px!important;
}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:16px!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:4px!important;right:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{right:4px!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}

/* La geometría de impresión no se duplica: rojo = límite exterior del sangrado,
   negro = corte 85×55, verde = zona segura 3 mm dentro del corte. */
.fd-editor .fd-print-guides{pointer-events:none!important;overflow:visible!important;}
.fd-editor .fd-guide-bleed{border:1.5px solid #e30613!important;background:transparent!important;}
.fd-editor .fd-guide-trim{border:1.5px solid #111!important;background:transparent!important;}
.fd-editor .fd-guide-safe{border:1.5px solid #16a34a!important;background:transparent!important;}

/* R6.48 — geometría de impresión definitiva */
.fd-editor .fd-guide-bleed{display:none!important;}
.fd-editor .fd-guide-trim{border:1.5px solid #e30613!important;}
.fd-editor .fd-guide-safe{border:1.5px solid #18a558!important;}
.fd-editor .fd-crop-mark{display:none!important;}
.fd-editor .fd-print-lines-control{display:inline-flex!important;align-items:center!important;gap:5px!important;height:28px!important;padding:0 7px!important;border:1px solid #d9dde3!important;border-radius:7px!important;background:#fff!important;color:#4f555d!important;font:700 10px/1 Arial,sans-serif!important;}
.fd-editor .fd-print-lines-control span{font-size:10px!important;white-space:nowrap!important;}
.fd-editor .fd-print-lines-control select{height:22px!important;min-width:92px!important;padding:1px 20px 1px 6px!important;border:1px solid #cfd4db!important;border-radius:5px!important;background:#fff!important;color:#20252b!important;font:700 10px/1 Arial,sans-serif!important;}
@media(max-width:900px){.fd-editor .fd-print-lines-control{height:30px!important}.fd-editor .fd-print-lines-control select{min-width:82px!important;}}


/* =====================================================================
   FACTORÍA DISEÑA R6.49 — GEOMETRÍA FINAL / SANGRADO / REGLAS
   Esta capa final anula los estilos históricos que provocaban:
   - borde rojo exterior duplicado
   - línea de corte negra
   - marcas negras en esquinas
   - reglas laterales apiladas en 0
   ===================================================================== */

/* El escenario no es una línea de impresión. */
.fd-editor .fd-stage-wrap .fd-stage{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* No usar los antiguos contenedores como marcos visuales. */
.fd-editor .fd-stage .fd-bleed,
.fd-editor .fd-stage .fd-safe{
  border:0!important;
  outline:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}

/* Una única línea de CORTE: roja. */
.fd-editor #fd-guide-trim{
  border:1.5px solid #e30613!important;
  outline:0!important;
}

/* La línea exterior de sangrado no se muestra. El contenido es el sangrado. */
.fd-editor #fd-guide-bleed{
  display:none!important;
  border:0!important;
}

/* Zona segura: verde. */
.fd-editor #fd-guide-safe{
  border:1.5px solid #18a558!important;
}

/* Las antiguas marcas negras de esquina desaparecen por completo. */
.fd-editor #fd-print-guides .fd-crop-mark{
  display:none!important;
  border:0!important;
  width:0!important;
  height:0!important;
}

/* Reglas: las cuatro son independientes y usan las coordenadas físicas
   del canvas. Los valores verticales vienen por --fd-ruler-y / --fd-ruler-label-y. */
.fd-editor .fd-ruler-inner{
  position:absolute!important;
  inset:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.fd-editor .fd-ruler-tick.vertical{
  top:var(--fd-ruler-y,0px)!important;
  bottom:auto!important;
  transform:none!important;
}
.fd-editor .fd-ruler-label.vertical{
  top:var(--fd-ruler-label-y,0px)!important;
  bottom:auto!important;
  transform:none!important;
  writing-mode:horizontal-tb!important;
  rotate:0deg!important;
  text-orientation:mixed!important;
}

/* Numeración lateral completamente horizontal y legible. */
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{
  left:0!important;
  right:auto!important;
  width:38px!important;
  text-align:right!important;
  padding-right:4px!important;
  font:800 9px/12px Arial,sans-serif!important;
}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  left:0!important;
  right:auto!important;
  width:38px!important;
  text-align:left!important;
  padding-left:4px!important;
  font:800 9px/12px Arial,sans-serif!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{
  right:0!important;
  left:auto!important;
}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{
  left:0!important;
  right:auto!important;
}

/* La regla superior/inferior también queda ligada al borde real del canvas. */
.fd-editor .fd-ruler-top .fd-ruler-label,
.fd-editor .fd-ruler-bottom .fd-ruler-label{
  writing-mode:horizontal-tb!important;
  rotate:0deg!important;
  transform:none!important;
  white-space:nowrap!important;
}

/* El área de scroll no añade otro marco al documento. */
.fd-editor .fd-canvas-scroll>.fd-stage{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Mantener las cuatro reglas visibles cuando están activadas. */
.fd-editor:not(.fd-rulers-off) .fd-ruler-top,
.fd-editor:not(.fd-rulers-off) .fd-ruler-bottom,
.fd-editor:not(.fd-rulers-off) .fd-ruler-left,
.fd-editor:not(.fd-rulers-off) .fd-ruler-right{
  visibility:visible!important;
  opacity:1!important;
}


/* =====================================================================
   FACTORÍA DISEÑA R6.50 — CORRECCIÓN REAL DE SANGRADO + NUMERACIÓN LATERAL
   - El sangrado es una continuación 1:1 del diseño, no una segunda plantilla.
   - Las numeraciones laterales se posicionan por coordenada física directa.
   ===================================================================== */
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{
  overflow:visible!important;
}
.fd-editor .fd-ruler-left .fd-ruler-inner,
.fd-editor .fd-ruler-right .fd-ruler-inner{
  overflow:visible!important;
  z-index:999!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical,
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  top:auto;
  bottom:auto;
  transform:none!important;
  rotate:0deg!important;
  writing-mode:horizontal-tb!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:9999!important;
}
.fd-editor #fd-bleed-preview{
  pointer-events:none!important;
}


/* =====================================================================
   FACTORÍA DISEÑA R6.52 — GEOMETRÍA + SANGRADO + REGLAS FINAL
   - Una sola plantilla visible: el canvas es el documento y el preview de
     sangrado es una capa exterior, nunca una segunda plantilla.
   - Corte rojo, seguridad verde, sin línea roja exterior ni marcas negras.
   - Selector de líneas respeta ocultar/solo corte/solo seguridad.
   - Reglas laterales y horizontales sin rotación ni numeración negativa.
   - El ajuste automático permite formatos grandes sin quedarse en zoom alto.
   ===================================================================== */
.fd-editor .fd-stage-wrap{box-sizing:border-box!important;}
.fd-editor .fd-canvas-scroll{overflow:auto!important;}
.fd-editor .fd-canvas-scroll>.fd-stage{position:relative!important;padding:0!important;margin:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;}
.fd-editor #fd-canvas{position:absolute!important;max-width:none!important;border:0!important;outline:0!important;}
.fd-editor #fd-bleed-preview{position:absolute!important;display:block!important;pointer-events:none!important;z-index:0!important;}
.fd-editor #fd-print-guides{z-index:100!important;pointer-events:none!important;}
.fd-editor #fd-guide-bleed{display:none!important;border:0!important;}
.fd-editor #fd-guide-trim{border:1.5px solid #e30613!important;background:transparent!important;z-index:103!important;}
.fd-editor #fd-guide-safe{border:1.5px solid #18a558!important;background:transparent!important;z-index:102!important;}
.fd-editor #fd-print-guides .fd-crop-mark{display:none!important;border:0!important;width:0!important;height:0!important;}

/* Las reglas solo contienen las marcas generadas por JS. */
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{overflow:hidden!important;position:relative!important;background:#f7f8fa!important;box-sizing:border-box!important;}
.fd-editor .fd-ruler-inner{position:absolute!important;left:0!important;top:0!important;inset:0!important;transform:none!important;overflow:visible!important;pointer-events:none!important;}
.fd-editor .fd-ruler-tick{position:absolute!important;transform:none!important;rotate:0deg!important;margin:0!important;padding:0!important;background:#8b929b!important;opacity:1!important;display:block!important;}
.fd-editor .fd-ruler-tick.major{background:#343a40!important;}
.fd-editor .fd-ruler-tick.medium{background:#69717b!important;}
.fd-editor .fd-ruler-label{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;rotate:0deg!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;overflow:visible!important;color:#252b32!important;font:800 9px/12px Arial,sans-serif!important;margin:0!important;padding:0!important;z-index:20!important;}
.fd-editor .fd-ruler-label.vertical{transform:none!important;rotate:0deg!important;writing-mode:horizontal-tb!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{right:2px!important;left:auto!important;text-align:right!important;width:36px!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:2px!important;right:auto!important;text-align:left!important;width:36px!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-top .fd-ruler-label,.fd-editor .fd-ruler-bottom .fd-ruler-label{writing-mode:horizontal-tb!important;transform:none!important;rotate:0deg!important;}

/* Ocultar las líneas debe funcionar aunque existan reglas CSS históricas con !important. */
.fd-editor .fd-print-guides .fd-guide-trim[style*="display: none"],
.fd-editor .fd-print-guides .fd-guide-safe[style*="display: none"]{display:none!important;}

/* Formatos grandes: el botón Ajustar puede bajar del 35% cuando sea necesario. */
.fd-editor .fd-stage-wrap{min-height:0!important;}


/* =====================================================================
   FACTORÍA DISEÑA R6.52 — CORRECCIÓN FINAL
   - La composición completa se prolonga 3 mm fuera del corte.
   - La línea roja es el corte; verde = zona segura.
   - Elimina cualquier wrapper antiguo que pueda duplicar la plantilla.
   - Reglas laterales de ancho suficiente y numeración horizontal legible.
   ===================================================================== */
.fd-editor .fd-stage-wrap{
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  grid-template-rows:42px minmax(0,1fr) 42px!important;
}
.fd-editor .fd-ruler-top,
.fd-editor .fd-ruler-bottom{height:42px!important;overflow:visible!important;}
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{width:48px!important;overflow:visible!important;}
.fd-editor .fd-ruler-inner{
  width:100%!important;height:100%!important;
  overflow:visible!important;
  transform:none!important;
}
.fd-editor .fd-ruler-label,
.fd-editor .fd-ruler-label.vertical{
  transform:none!important;
  rotate:0deg!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:nowrap!important;
  visibility:visible!important;
  opacity:1!important;
  font:800 9px/12px Arial,sans-serif!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{
  right:3px!important;left:auto!important;width:42px!important;text-align:right!important;
}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  left:3px!important;right:auto!important;width:42px!important;text-align:left!important;
}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-guide-trim{border-color:#e30613!important;}
.fd-editor .fd-guide-safe{border-color:#18a558!important;}
.fd-editor #fd-bleed-preview{overflow:visible!important;}
@media(max-width:900px){
  .fd-editor .fd-stage-wrap{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    grid-template-rows:34px minmax(0,1fr) 34px!important;
  }
  .fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom{height:34px!important;}
  .fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{width:40px!important;}
}


/* =====================================================================
   FACTORÍA DISEÑA R6.55 — PLANTILLAS A SANGRE + REGLAS SEPARADAS
   ===================================================================== */

/* El preview de sangrado es la misma plantilla, prolongada fuera del corte. */
.fd-editor .fd-stage{
  overflow:visible!important;
  background:transparent!important;
}
.fd-editor #fd-bleed-preview{
  position:absolute!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2!important;
  pointer-events:none!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.fd-editor #fd-canvas{
  position:absolute!important;
  z-index:3!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  outline:0!important;
}
.fd-editor #fd-print-guides{
  z-index:100!important;
}

/* Separación real entre numeración y rayas de las cuatro reglas. */
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{
  right:22px!important;
  left:auto!important;
  width:36px!important;
  text-align:right!important;
}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  left:22px!important;
  right:auto!important;
  width:36px!important;
  text-align:left!important;
}
.fd-editor .fd-ruler-top .fd-ruler-label{
  top:1px!important;
}
.fd-editor .fd-ruler-bottom .fd-ruler-label{
  top:24px!important;
}
.fd-editor .fd-ruler-label{
  font:800 9px/12px Arial,sans-serif!important;
  z-index:9999!important;
}

/* R6.56 — lienzo de sangrado: una sola plantilla, exterior al corte */
#fd-stage{background:#fff!important;}
#fd-bleed-preview{z-index:0!important;pointer-events:none!important;}
#fd-canvas{z-index:1!important;}
#fd-print-guides{z-index:100!important;pointer-events:none!important;}
.fd-ruler-label.vertical{line-height:12px!important;}
/* R6.57 — numeración de reglas separada físicamente de las rayas */
.fd-editor .fd-ruler-top .fd-ruler-label{top:1px!important;bottom:auto!important;line-height:12px!important;height:12px!important;z-index:20!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:24px!important;bottom:auto!important;line-height:12px!important;height:12px!important;z-index:20!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:0!important;right:auto!important;width:28px!important;text-align:right!important;transform:none!important;writing-mode:horizontal-tb!important;line-height:12px!important;}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{left:20px!important;right:auto!important;width:28px!important;text-align:left!important;transform:none!important;writing-mode:horizontal-tb!important;line-height:12px!important;}
.fd-editor .fd-ruler-top .fd-ruler-tick{bottom:0!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-tick{top:0!important;bottom:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
/* El stage no añade otro marco que pueda confundirse con el corte. */
.fd-editor .fd-stage{border:0!important;box-shadow:none!important;background:transparent!important;}

/* R6.59 — protección final del catálogo de plantillas */
.fd-editor .fd-left .fd-templates{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:190px!important;
  max-height:calc(100vh - 245px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-content:start!important;
  position:relative!important;
  z-index:20!important;
}
.fd-editor .fd-left .fd-template{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  min-height:118px!important;
  width:100%!important;
  position:relative!important;
  z-index:21!important;
  background:#fff!important;
}
.fd-editor .fd-left .fd-thumb{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-height:72px!important;
}
.fd-editor .fd-left .fd-template small{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


/* FACTORÍA DISEÑA R6.61 — miniaturas reales de plantillas */
.fd-editor .fd-templates{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  max-height:calc(100vh - 245px)!important;
  min-height:170px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-content:start!important;
  padding:2px!important;
}
.fd-editor .fd-template{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:116px!important;
  padding:6px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:#16181b!important;
  border:1px solid #d9dde2!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
.fd-editor .fd-template:hover{border-color:#aeb4bc!important;transform:translateY(-1px)!important;box-shadow:0 5px 14px rgba(0,0,0,.08)!important;}
.fd-editor .fd-template.active{border-color:#e30613!important;box-shadow:0 0 0 1px #e30613,0 5px 14px rgba(227,6,19,.10)!important;}
.fd-editor .fd-template .fd-thumb-canvas{
  display:block!important;
  width:100%!important;
  height:82px!important;
  min-height:82px!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#eef0f2!important;
  border:1px solid #e4e7ea!important;
  border-radius:6px!important;
  object-fit:contain!important;
  box-sizing:border-box!important;
}
.fd-editor .fd-template small{
  display:block!important;
  margin:6px 2px 0!important;
  padding:0!important;
  height:24px!important;
  color:#202328!important;
  font:800 9px/12px Arial,sans-serif!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:hidden!important;
}

/* R6.63 — catálogo visual tipo Canva: miniaturas limpias, proporcionadas y legibles */
.fd-editor .fd-templates{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-content:start!important;
  overflow-x:hidden!important;
}
.fd-editor .fd-template{
  display:block!important;
  min-width:0!important;
  padding:7px!important;
  border:1px solid #e1e4e8!important;
  border-radius:10px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.fd-editor .fd-template:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.08)!important;
}
.fd-editor .fd-template.active{
  border-color:#e30613!important;
  box-shadow:0 0 0 1px #e30613,0 7px 18px rgba(227,6,19,.10)!important;
}
.fd-editor .fd-thumb-canvas{
  display:block!important;
  width:100%!important;
  height:94px!important;
  min-height:94px!important;
  max-width:100%!important;
  object-fit:contain!important;
  background:#f1f2f4!important;
  border:1px solid #eceef0!important;
  border-radius:7px!important;
}
.fd-editor .fd-template small{
  display:block!important;
  margin-top:7px!important;
  font:700 9px/12px Montserrat,Arial,sans-serif!important;
  color:#202328!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  height:24px!important;
}
@media(max-width:1050px){
  .fd-editor .fd-thumb-canvas{height:82px!important;min-height:82px!important}
}

/* R6.63 — el sangrado se mantiene, pero fuera del lienzo no se pinta como una segunda plantilla */
.fd-editor .fd-stage{background:#fff!important;overflow:visible!important}
.fd-editor .fd-bleed{background:transparent!important}


/* FACTORÍA DISEÑA R6.63 — catálogo Canva-like y miniaturas sin recorte */
.fd-editor .fd-left .fd-templates{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:180px!important;
  max-height:calc(100vh - 255px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  align-content:start!important;
  padding:2px!important;
  box-sizing:border-box!important;
}
.fd-editor .fd-left .fd-template{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:6px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid #e0e3e7!important;
  border-radius:9px!important;
  background:#fff!important;
  overflow:hidden!important;
  text-align:left!important;
}
.fd-editor .fd-left .fd-template:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(0,0,0,.08)!important;border-color:#bfc4ca!important;}
.fd-editor .fd-left .fd-template.active{border-color:#e30613!important;box-shadow:0 0 0 1px #e30613,0 6px 16px rgba(227,6,19,.10)!important;}
.fd-editor .fd-left .fd-template .fd-thumb-canvas{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:92px!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  margin:0 auto!important;
  padding:0!important;
  border:1px solid #eceef1!important;
  border-radius:6px!important;
  background:#f1f2f4!important;
}
.fd-editor .fd-left .fd-template small{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:24px!important;
  margin:6px 1px 0!important;
  padding:0!important;
  color:#202328!important;
  font:700 9px/11px Montserrat,Arial,sans-serif!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
/* En blanco: aspecto limpio y claramente reconocible */
.fd-editor .fd-left .fd-template:first-child .fd-thumb-canvas{background:#fff!important;}
/* El lienzo del editor debe ajustarse sin cortar el lado derecho. */
.fd-editor .fd-canvas-scroll{scrollbar-gutter:stable both-edges!important;}
.fd-editor .fd-stage{max-width:none!important;}
@media(max-width:900px){
  .fd-editor .fd-left .fd-templates{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .fd-editor .fd-left .fd-template .fd-thumb-canvas{max-height:82px!important;}
}


/* R6.64 — lienzo de sangrado continuo y sin recorte lateral.
   El área blanca exterior pertenece al lienzo de trabajo; la gráfica debe
   continuar por completo hasta ese borde, incluida la zona de 3 mm fuera del corte. */
.fd-editor .fd-canvas-scroll>.fd-stage{
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.fd-editor .fd-canvas-scroll{
  overflow:auto!important;
  padding:18px!important;
  box-sizing:border-box!important;
}
.fd-editor #fd-bleed-preview{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
}
/* Miniaturas: tarjetas limpias, proporción real y sin recorte del canvas. */
.fd-editor .fd-template{overflow:hidden!important;}
.fd-editor .fd-thumb-canvas{width:100%!important;height:auto!important;min-height:52px!important;max-height:86px!important;aspect-ratio:auto!important;object-fit:contain!important;background:#fff!important;}


/* R6.65 — CORRECCIÓN DEFINITIVA DE LIENZO + CATÁLOGO
   El área central nunca corta el stage por el lado derecho. El scroll pertenece
   al lienzo y tiene espacio real para mostrar el sangrado completo. */
.fd-editor .fd-layout,
.fd-editor .fd-workspace,
.fd-editor .fd-stage-wrap,
.fd-editor .fd-canvas-scroll{min-width:0!important;}
.fd-editor .fd-workspace{overflow:hidden!important;}
.fd-editor .fd-stage-wrap{overflow:hidden!important;}
.fd-editor .fd-canvas-scroll{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
  padding:34px 42px!important;
  box-sizing:border-box!important;
  scrollbar-gutter:auto!important;
}
.fd-editor .fd-canvas-scroll>.fd-stage{
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  width:var(--fd-stage-w,auto)!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.fd-editor .fd-canvas-scroll #fd-canvas,
.fd-editor .fd-canvas-scroll #fd-bleed-preview{
  max-width:none!important;
  max-height:none!important;
}
.fd-editor .fd-template .fd-thumb-canvas{
  width:100%!important;
  height:auto!important;
  max-height:96px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}
.fd-editor .fd-left .fd-templates{
  scrollbar-width:thin!important;
  overscroll-behavior:contain!important;
}
@media(max-width:1200px){
  .fd-editor .fd-canvas-scroll{padding:28px 32px!important;}
}
@media(max-width:900px){
  .fd-editor .fd-canvas-scroll{padding:24px!important;}
}


/* R6.67 — TRÍPTICO A4 A DOBLE CARA + MARCAS DE DOBLADO */
.fd-editor .fd-triptych-controls{margin-top:10px!important;padding:10px!important;border:1px solid #e1e4e8!important;border-radius:10px!important;background:#fafbfc!important;}
.fd-editor .fd-triptych-controls[hidden]{display:none!important;}
.fd-editor .fd-side-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:7px!important;}
.fd-editor .fd-side-switch button{appearance:none!important;border:1px solid #d7dbe0!important;background:#fff!important;color:#202328!important;border-radius:7px!important;padding:8px 5px!important;font:700 10px/12px Montserrat,Arial,sans-serif!important;cursor:pointer!important;}
.fd-editor .fd-side-switch button.is-active{background:#e30613!important;border-color:#e30613!important;color:#fff!important;}
.fd-editor .fd-fold-info{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;margin-top:8px!important;font:600 9px/12px Montserrat,Arial,sans-serif!important;color:#555b63!important;}
.fd-editor .fd-fold-info button{border:1px solid #d7dbe0!important;background:#fff!important;border-radius:6px!important;padding:4px 7px!important;font:700 9px/11px Montserrat,Arial,sans-serif!important;cursor:pointer!important;}
.fd-editor .fd-fold-info button.is-active{border-color:#e30613!important;color:#e30613!important;background:#fff5f6!important;}
.fd-editor .fd-fold-guides{position:absolute!important;inset:0!important;pointer-events:none!important;z-index:125!important;display:block;}
.fd-editor .fd-fold-line{position:absolute!important;width:0!important;border-left:1px dashed #2463eb!important;opacity:.9!important;box-sizing:border-box!important;}
.fd-editor .fd-fold-label{position:absolute!important;transform:translateY(0)!important;font:700 9px/11px Montserrat,Arial,sans-serif!important;color:#2463eb!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(36,99,235,.25)!important;border-radius:4px!important;padding:2px 4px!important;white-space:nowrap!important;}
.fd-editor .fd-fold-tick{position:absolute!important;width:14px!important;height:0!important;border-top:2px solid #2463eb!important;transform:translateX(-50%)!important;}
.fd-editor .fd-fold-tick-top{margin-top:0!important;}
.fd-editor .fd-fold-tick-bottom{margin-top:0!important;}

/* R6.68 — el límite de corte no vuelve a atravesar visualmente el documento.
   Se usan solo pequeñas marcas de esquina y la zona segura; el canvas queda
   completamente limpio y con margen visible a la derecha. */
.fd-editor #fd-guide-trim{border:0!important;background:transparent!important;}
.fd-editor #fd-print-guides .fd-crop-mark{
  display:block!important;position:absolute!important;width:18px!important;height:18px!important;
  box-sizing:border-box!important;border:0!important;pointer-events:none!important;
}
.fd-editor #fd-print-guides .fd-crop-tl{left:calc(var(--fd-trim-left,0px) - 18px)!important;top:var(--fd-trim-top,0px)!important;border-top:2px solid #e30613!important;border-left:2px solid #e30613!important;}
.fd-editor #fd-print-guides .fd-crop-tr{left:calc(var(--fd-trim-left,0px) + var(--fd-trim-width,0px))!important;top:var(--fd-trim-top,0px)!important;border-top:2px solid #e30613!important;border-right:2px solid #e30613!important;}
.fd-editor #fd-print-guides .fd-crop-bl{left:calc(var(--fd-trim-left,0px) - 18px)!important;top:calc(var(--fd-trim-top,0px) + var(--fd-trim-height,0px) - 18px)!important;border-bottom:2px solid #e30613!important;border-left:2px solid #e30613!important;}
.fd-editor #fd-print-guides .fd-crop-br{left:calc(var(--fd-trim-left,0px) + var(--fd-trim-width,0px))!important;top:calc(var(--fd-trim-top,0px) + var(--fd-trim-height,0px) - 18px)!important;border-bottom:2px solid #e30613!important;border-right:2px solid #e30613!important;}


/* R6.70 — CANVA PRO: lienzo completo, miniaturas sin recorte y doble cara */
.fd-canvas-scroll{
  overflow:auto!important;
  padding:64px 72px 80px!important;
  box-sizing:border-box!important;
  display:block!important;
  scroll-padding:72px!important;
}
.fd-stage{
  position:relative!important;
  margin:0 auto!important;
  flex:0 0 auto!important;
  box-sizing:content-box!important;
}
.fd-stage canvas{
  display:block!important;
  max-width:none!important;
  max-height:none!important;
}
/* Nunca recortar el extremo derecho del diseño: el área de trabajo tiene aire propio. */
.fd-canvas-wrap,.fd-workspace,.fd-stage-wrap{overflow:visible!important;min-width:0;}
/* Las miniaturas deben mostrar el diseño entero, no un trozo. */
.fd-template-card canvas,.fd-thumb canvas,.fd-template-thumb canvas,.fd-thumb-canvas{
  width:100%!important;
  height:96px!important;
  max-width:100%!important;
  max-height:96px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:#f7f7f8!important;
}
.fd-template-card{min-height:132px!important;overflow:hidden!important;}
.fd-template-grid{overflow-y:auto!important;overflow-x:hidden!important;padding-right:8px!important;}
/* Botones de cara: siempre disponibles en productos a doble cara. */
.fd-triptych-controls{display:flex!important;}
.fd-triptych-controls[hidden]{display:flex!important;}
.fd-side-btn{min-height:34px!important;font-weight:800!important;}
/* Capa técnica: corte/sangrado/segura no invade el diseño editable. */
.fd-guide-layer,.fd-print-guides{pointer-events:none!important;}
/* Evita que el panel de propiedades tape el borde del canvas. */
.fd-properties-panel{z-index:20;}


/* =====================================================================
   R6.71 — CANVA PRO / LIENZO COMPLETO / MARCAS DE CORTE ROJAS
   - Nunca limitar el área del lienzo a unas pocas decenas de píxeles.
   - El stage puede crecer y desplazarse dentro del workspace.
   - La línea de corte y las marcas de corte son ROJAS y visibles.
   - La plantilla nunca queda escondida detrás del panel derecho.
   ===================================================================== */
.fd-editor .fd-canvas-scroll{
  overflow:auto!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  box-sizing:border-box!important;
  padding:72px 96px 96px!important;
  background:#eef0f3!important;
  scrollbar-gutter:stable both-edges!important;
}
.fd-editor .fd-canvas-scroll>.fd-stage{
  display:block!important;
  width:max-content!important;
  height:max-content!important;
  min-width:0!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.fd-editor #fd-guide-trim{
  display:block!important;
  border:2px solid #e30613!important;
  background:transparent!important;
  z-index:103!important;
}
.fd-editor #fd-print-guides .fd-crop-mark{
  display:block!important;
  position:absolute!important;
  width:22px!important;
  height:22px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border:0!important;
  z-index:111!important;
  opacity:1!important;
}
.fd-editor #fd-print-guides .fd-crop-tl{left:calc(var(--fd-trim-left,0px) - 22px)!important;top:var(--fd-trim-top,0px)!important;border-top:2px solid #e30613!important;border-left:2px solid #e30613!important;}
.fd-editor #fd-print-guides .fd-crop-tr{left:calc(var(--fd-trim-left,0px) + var(--fd-trim-width,0px))!important;top:var(--fd-trim-top,0px)!important;border-top:2px solid #e30613!important;border-right:2px solid #e30613!important;}
.fd-editor #fd-print-guides .fd-crop-bl{left:calc(var(--fd-trim-left,0px) - 22px)!important;top:calc(var(--fd-trim-top,0px) + var(--fd-trim-height,0px) - 22px)!important;border-bottom:2px solid #e30613!important;border-left:2px solid #e30613!important;}
.fd-editor #fd-print-guides .fd-crop-br{left:calc(var(--fd-trim-left,0px) + var(--fd-trim-width,0px))!important;top:calc(var(--fd-trim-top,0px) + var(--fd-trim-height,0px) - 22px)!important;border-bottom:2px solid #e30613!important;border-right:2px solid #e30613!important;}
.fd-editor .fd-guide-safe{border:1.5px dashed #18a558!important;z-index:102!important;}
.fd-editor .fd-template:hover{transform:translateY(-1px)!important;}
.fd-editor .fd-template{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important;}
.fd-editor .fd-template.active{box-shadow:0 0 0 2px #e30613,0 6px 18px rgba(0,0,0,.10)!important;}
.fd-editor .fd-thumb-canvas{width:100%!important;height:auto!important;min-height:78px!important;object-fit:contain!important;background:#f6f7f8!important;}
.fd-editor .fd-template small{font-size:9px!important;font-weight:800!important;letter-spacing:.01em!important;}
@media(max-width:1200px){.fd-editor .fd-canvas-scroll{padding:56px 72px 80px!important;}}
@media(max-width:900px){.fd-editor .fd-canvas-scroll{padding:40px!important;}}


/* =====================================================================
   R6.72 — FINAL POLISH / CANVA-LIKE BUSINESS UI
   - No continuous red rail on the right edge.
   - Red crop marks are visible at the four trim corners.
   - Double-face control is compact and useful for every product.
   - The canvas always has breathing room around the trim.
   ===================================================================== */
.fd-editor .fd-stage{
  border:0!important;
  box-shadow:0 14px 34px rgba(0,0,0,.10)!important;
  overflow:visible!important;
}
.fd-editor .fd-canvas-scroll{
  padding:58px 92px 88px!important;
  overflow:auto!important;
}
.fd-editor #fd-guide-trim{
  border:0!important;
  background:transparent!important;
}
.fd-editor #fd-print-guides .fd-crop-mark{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  width:16px!important;
  height:16px!important;
  border:0!important;
  border-style:solid!important;
  border-color:#e30613!important;
  z-index:500!important;
  pointer-events:none!important;
}
.fd-editor #fd-print-guides .fd-crop-tl{
  left:calc(var(--fd-trim-left,0px) - 16px)!important;
  top:var(--fd-trim-top,0px)!important;
  border-top:2px solid #e30613!important;
  border-left:2px solid #e30613!important;
}
.fd-editor #fd-print-guides .fd-crop-tr{
  left:calc(var(--fd-trim-left,0px) + var(--fd-trim-width,0px))!important;
  top:var(--fd-trim-top,0px)!important;
  border-top:2px solid #e30613!important;
  border-right:2px solid #e30613!important;
}
.fd-editor #fd-print-guides .fd-crop-bl{
  left:calc(var(--fd-trim-left,0px) - 16px)!important;
  top:calc(var(--fd-trim-top,0px) + var(--fd-trim-height,0px) - 16px)!important;
  border-bottom:2px solid #e30613!important;
  border-left:2px solid #e30613!important;
}
.fd-editor #fd-print-guides .fd-crop-br{
  left:calc(var(--fd-trim-left,0px) + var(--fd-trim-width,0px))!important;
  top:calc(var(--fd-trim-top,0px) + var(--fd-trim-height,0px) - 16px)!important;
  border-bottom:2px solid #e30613!important;
  border-right:2px solid #e30613!important;
}
.fd-editor .fd-triptych-controls{
  padding:8px!important;
  margin-top:8px!important;
  border-radius:8px!important;
  background:#f8f9fa!important;
}
.fd-editor .fd-side-switch{
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  margin-top:5px!important;
}
.fd-editor .fd-side-switch button{
  min-height:28px!important;
  height:28px!important;
  padding:4px 6px!important;
  border-radius:6px!important;
  font:700 9px/11px Montserrat,Arial,sans-serif!important;
}
.fd-editor .fd-fold-info{
  margin-top:5px!important;
  font:600 8px/10px Montserrat,Arial,sans-serif!important;
}
.fd-editor .fd-fold-info button{
  min-height:24px!important;
  height:24px!important;
  padding:3px 6px!important;
  border-radius:5px!important;
  font-size:8px!important;
}
.fd-editor .fd-fold-copy{white-space:nowrap!important;}
.fd-editor .fd-template-help{font-size:9px!important;line-height:12px!important;}
.fd-editor .fd-template{padding:6px!important;border-radius:7px!important;}
.fd-editor .fd-thumb{height:68px!important;border-radius:5px!important;}
.fd-editor .fd-template small{font-size:9px!important;margin-top:4px!important;}
@media(max-width:1200px){.fd-editor .fd-canvas-scroll{padding:48px 64px 76px!important;}}
@media(max-width:900px){.fd-editor .fd-canvas-scroll{padding:32px 40px 60px!important;}}


/* ================================================================
   R6.73 — CORRECCIÓN DEFINITIVA DE GUÍAS + DOBLE CARA + BUSINESS UI
   Estas reglas son la última capa deliberada: eliminan cualquier rail derecho
   y hacen que las marcas de corte sean cuatro esquinas independientes.
   ================================================================ */
.fd-editor #fd-stage,
.fd-editor #fd-canvas,
.fd-editor #fd-print-guides,
.fd-editor #fd-guide-trim,
.fd-editor #fd-guide-safe,
.fd-editor #fd-guide-bleed{
  border-right:0!important;
  outline:0!important;
}
.fd-editor #fd-stage{overflow:visible!important;box-shadow:none!important;background:transparent!important;}
.fd-editor #fd-canvas{box-shadow:none!important;border:0!important;outline:0!important;}
.fd-editor #fd-guide-trim{border:0!important;background:transparent!important;}
.fd-editor #fd-guide-bleed{display:none!important;border:0!important;}
.fd-editor #fd-print-guides{overflow:visible!important;border:0!important;}
.fd-editor #fd-print-guides .fd-crop-mark{
  width:18px!important;height:18px!important;display:block!important;visibility:visible!important;
  border-color:#e30613!important;background:transparent!important;opacity:1!important;
}
.fd-editor #fd-print-guides .fd-crop-tl{left:calc(var(--fd-trim-left,0px) - 18px)!important;top:var(--fd-trim-top,0px)!important;border-top:2px solid #e30613!important;border-left:2px solid #e30613!important;border-right:0!important;border-bottom:0!important;}
.fd-editor #fd-print-guides .fd-crop-tr{left:calc(var(--fd-trim-left,0px) + var(--fd-trim-width,0px))!important;top:var(--fd-trim-top,0px)!important;border-top:2px solid #e30613!important;border-right:2px solid #e30613!important;border-left:0!important;border-bottom:0!important;}
.fd-editor #fd-print-guides .fd-crop-bl{left:calc(var(--fd-trim-left,0px) - 18px)!important;top:calc(var(--fd-trim-top,0px) + var(--fd-trim-height,0px) - 18px)!important;border-bottom:2px solid #e30613!important;border-left:2px solid #e30613!important;border-right:0!important;border-top:0!important;}
.fd-editor #fd-print-guides .fd-crop-br{left:calc(var(--fd-trim-left,0px) + var(--fd-trim-width,0px))!important;top:calc(var(--fd-trim-top,0px) + var(--fd-trim-height,0px) - 18px)!important;border-bottom:2px solid #e30613!important;border-right:2px solid #e30613!important;border-left:0!important;border-top:0!important;}

/* Doble cara: compacto, claro y útil en todos los productos. */
.fd-editor .fd-triptych-controls{padding:7px 8px!important;margin-top:7px!important;border:1px solid #e2e5e9!important;border-radius:8px!important;background:#fff!important;}
.fd-editor .fd-sides-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
.fd-editor .fd-sides-head label{margin:0!important;font-size:9px!important;letter-spacing:.06em!important;font-weight:900!important;color:#2b3036!important;}
.fd-editor .fd-sides-head span{font:600 8px/10px Montserrat,Arial,sans-serif!important;color:#8a9098!important;}
.fd-editor .fd-side-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important;margin-top:6px!important;}
.fd-editor .fd-side-switch button{min-height:28px!important;padding:5px 6px!important;border:1px solid #dfe3e7!important;border-radius:5px!important;background:#f7f8f9!important;color:#3a4047!important;font:800 8px/10px Montserrat,Arial,sans-serif!important;letter-spacing:.02em!important;}
.fd-editor .fd-side-switch button.is-active{background:#e30613!important;border-color:#e30613!important;color:#fff!important;box-shadow:none!important;}
.fd-editor .fd-fold-info{margin-top:5px!important;font-size:8px!important;line-height:10px!important;}
.fd-editor .fd-fold-info button{padding:3px 5px!important;font-size:8px!important;line-height:9px!important;border-radius:5px!important;}
.fd-editor .fd-template-help{font-size:8px!important;line-height:11px!important;}

/* Biblioteca: tarjetas más densas y orientadas a negocio real. */
.fd-editor .fd-templates{gap:7px!important;}
.fd-editor .fd-template{border-radius:8px!important;background:#fff!important;overflow:hidden!important;}
.fd-editor .fd-template .fd-thumb-canvas{min-height:68px!important;height:68px!important;object-fit:contain!important;display:block!important;background:#f4f5f6!important;}
.fd-editor .fd-template small{font-size:8px!important;line-height:10px!important;}

/* =====================================================================
   R6.75 — GEOMETRÍA FÍSICA DE GUÍAS Y MARCAS DE CORTE
   - La zona segura tiene los cuatro lados, incluido el derecho.
   - No existe ningún borde continuo del stage/canvas.
   - Las marcas de corte son cuatro marcas independientes calculadas en JS
     según los milímetros reales del producto.
   ===================================================================== */
.fd-editor #fd-guide-safe{
  border-top:1.5px solid #18a558!important;
  border-right:1.5px solid #18a558!important;
  border-bottom:1.5px solid #18a558!important;
  border-left:1.5px solid #18a558!important;
  background:transparent!important;
  box-sizing:border-box!important;
  display:block!important;
}
.fd-editor #fd-guide-trim,
.fd-editor #fd-guide-bleed,
.fd-editor #fd-stage,
.fd-editor #fd-canvas,
.fd-editor #fd-print-guides{
  border-right:0!important;
  outline:0!important;
}
.fd-editor #fd-guide-trim{border:0!important;background:transparent!important;}
.fd-editor #fd-guide-bleed{display:none!important;border:0!important;}
.fd-editor #fd-print-guides .fd-crop-mark{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  box-sizing:border-box!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  transform:none!important;
  rotate:0deg!important;
  pointer-events:none!important;
  z-index:500!important;
}


/* R6.75 — GUÍAS Y DOBLE CARA: ÚLTIMA CAPA, SIN CONFLICTOS CON VERSIONES ANTIGUAS */
.fd-editor #fd-guide-trim{
  border:1px dashed #e30613!important;
  background:transparent!important;
  box-sizing:border-box!important;
  z-index:103!important;
}
.fd-editor #fd-guide-safe{
  border:1.5px solid #18a558!important;
  background:transparent!important;
  box-sizing:border-box!important;
  z-index:102!important;
}
.fd-editor #fd-print-guides{
  overflow:visible!important;
  border:0!important;
}
.fd-editor #fd-print-guides .fd-crop-mark{
  width:var(--fd-crop-w,20px)!important;
  height:var(--fd-crop-h,20px)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  box-sizing:border-box!important;
  background:transparent!important;
  margin:0!important;
  padding:0!important;
  z-index:500!important;
}

/* Doble cara: control compacto que nunca puede desbordar su tarjeta. */
.fd-editor .fd-triptych-controls{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:8px!important;
  margin:7px 0 10px!important;
}
.fd-editor .fd-sides-head{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.fd-editor .fd-sides-head label{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.fd-editor .fd-side-switch{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  gap:4px!important;
  margin:6px 0 0!important;
}
.fd-editor .fd-side-switch button{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  min-height:28px!important;
  height:28px!important;
  padding:4px 3px!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font:800 8px/10px Montserrat,Arial,sans-serif!important;
}
.fd-editor .fd-fold-info{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:5px!important;
  overflow:hidden!important;
}
.fd-editor .fd-fold-copy{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.fd-editor .fd-fold-info button{flex:0 0 auto!important;white-space:nowrap!important;}


/* ================================================================
   R6.76 — GUIAS LIMPIAS + CARAS TIPO CANVA + BUSINESS PRO
   Esta capa final prevalece sobre las reglas históricas acumuladas.
   ================================================================ */
.fd-editor #fd-stage,
.fd-editor #fd-canvas,
.fd-editor #fd-print-guides,
.fd-editor #fd-guide-trim,
.fd-editor #fd-guide-safe,
.fd-editor #fd-guide-bleed{border-right:0!important;outline:0!important;}

/* Nada de esquinas sueltas: solo el recuadro rojo de corte. */
.fd-editor #fd-print-guides .fd-crop-mark{
  display:none!important;
  visibility:hidden!important;
  width:0!important;height:0!important;
  border:0!important;
}
.fd-editor #fd-guide-trim{
  display:block!important;
  border:1.5px dashed #e30613!important;
  background:transparent!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
  z-index:120!important;
}
.fd-editor #fd-guide-safe{
  display:block!important;
  border:1.5px solid #18a558!important;
  background:transparent!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
  z-index:119!important;
}
.fd-editor #fd-guide-bleed{display:none!important;border:0!important;background:transparent!important;}

/* Quita cualquier sensación de degradado/oscurecimiento en el borde derecho. */
.fd-editor .fd-canvas-scroll,
.fd-editor .fd-stage-wrap,
.fd-editor .fd-workspace,
.fd-editor .fd-stage{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none!important;
}
.fd-editor .fd-canvas-scroll::before,
.fd-editor .fd-canvas-scroll::after,
.fd-editor .fd-stage::before,
.fd-editor .fd-stage::after{display:none!important;content:none!important;}
.fd-editor #fd-bleed-preview{opacity:1!important;filter:none!important;}

/* Selector de caras: pequeño, limpio y fuera de un panel pesado. */
.fd-editor .fd-triptych-controls{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  margin:7px 0 11px!important;padding:0!important;border:0!important;background:transparent!important;
  overflow:visible!important;
}
.fd-editor .fd-sides-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 5px!important;}
.fd-editor .fd-sides-head label{font:900 9px/11px Montserrat,Arial,sans-serif!important;letter-spacing:.07em!important;color:#272c32!important;}
.fd-editor .fd-sides-head span{font:700 8px/10px Montserrat,Arial,sans-serif!important;color:#8a9098!important;}
.fd-editor .fd-sides-mode,
.fd-editor .fd-side-switch{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:5px!important;width:100%!important;box-sizing:border-box!important;}
.fd-editor .fd-sides-mode{margin-bottom:5px!important;}
.fd-editor .fd-sides-mode button,
.fd-editor .fd-side-switch button{
  width:100%!important;min-width:0!important;max-width:100%!important;height:27px!important;min-height:27px!important;
  box-sizing:border-box!important;margin:0!important;padding:4px 5px!important;overflow:hidden!important;
  border:1px solid #d9dde2!important;border-radius:6px!important;background:#f7f8f9!important;color:#42484f!important;
  font:900 8px/10px Montserrat,Arial,sans-serif!important;letter-spacing:.025em!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  cursor:pointer!important;box-shadow:none!important;
}
.fd-editor .fd-sides-mode button.is-active,
.fd-editor .fd-side-switch button.is-active{background:#e30613!important;border-color:#e30613!important;color:#fff!important;}
.fd-editor .fd-side-switch button[hidden]{display:none!important;}
.fd-editor .fd-fold-info{
  display:none!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;
  margin:6px 0 0!important;padding:6px 7px!important;border:1px solid #e0e3e7!important;border-radius:6px!important;
  background:#fbfbfc!important;box-sizing:border-box!important;overflow:hidden!important;
}
.fd-editor .fd-fold-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;overflow:hidden!important;}
.fd-editor .fd-fold-copy b{font:900 8px/9px Montserrat,Arial,sans-serif!important;color:#30353b!important;letter-spacing:.04em!important;}
.fd-editor .fd-fold-copy i{font:700 7px/9px Montserrat,Arial,sans-serif!important;color:#818891!important;font-style:normal!important;white-space:nowrap!important;}
.fd-editor .fd-fold-info button{flex:0 0 auto!important;height:23px!important;min-height:23px!important;padding:3px 6px!important;border:1px solid #d8dce1!important;border-radius:5px!important;background:#fff!important;color:#e30613!important;font:900 7px/9px Montserrat,Arial,sans-serif!important;white-space:nowrap!important;}
.fd-editor .fd-fold-info button.is-active{background:#fff!important;color:#e30613!important;border-color:#e30613!important;}

/* Guías de plegado: líneas finas, etiqueta central y ticks discretos. */
.fd-editor .fd-fold-guides{position:absolute!important;inset:0!important;pointer-events:none!important;z-index:125!important;}
.fd-editor .fd-fold-line{position:absolute!important;width:0!important;border-left:1px dashed #2d68d8!important;opacity:.85!important;box-sizing:border-box!important;}
.fd-editor .fd-fold-label{position:absolute!important;transform:none!important;font:900 7px/9px Montserrat,Arial,sans-serif!important;color:#2457b7!important;background:#fff!important;border:1px solid #cbd8f3!important;border-radius:3px!important;padding:2px 4px!important;white-space:nowrap!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;}
.fd-editor .fd-fold-tick{position:absolute!important;width:12px!important;height:0!important;border-top:2px solid #2d68d8!important;transform:translateX(-50%)!important;opacity:.9!important;}

/* Biblioteca: tarjetas compactas, limpias y con aspecto de marketplace de plantillas. */
.fd-editor .fd-templates{gap:7px!important;padding:2px!important;}
.fd-editor .fd-template{min-height:116px!important;padding:5px!important;border:1px solid #e0e3e7!important;border-radius:8px!important;background:#fff!important;box-shadow:0 1px 4px rgba(15,23,42,.04)!important;}
.fd-editor .fd-template:hover{border-color:#bfc5cc!important;box-shadow:0 3px 10px rgba(15,23,42,.08)!important;}
.fd-editor .fd-template.active{border-color:#e30613!important;box-shadow:0 0 0 1px #e30613!important;}
.fd-editor .fd-template .fd-thumb-canvas{height:62px!important;min-height:62px!important;border-radius:5px!important;background:#f3f4f6!important;object-fit:contain!important;}
.fd-editor .fd-template small{font:800 8px/10px Montserrat,Arial,sans-serif!important;color:#30353b!important;margin:5px 1px 0!important;height:20px!important;}

/* Mantener el lienzo con aire suficiente para que nunca parezca cortado. */
.fd-editor .fd-canvas-scroll{padding:54px 72px 78px!important;background:#e9ebee!important;}
.fd-editor .fd-canvas-scroll>.fd-stage{overflow:visible!important;}
@media(max-width:1200px){.fd-editor .fd-canvas-scroll{padding:46px 58px 68px!important;}}
@media(max-width:900px){.fd-editor .fd-canvas-scroll{padding:34px 42px 58px!important;}}


/* =====================================================================
   R6.79 — RESTAURACIÓN SEGURA: LIENZO / SELECTORES / PLANTILLAS
   Basado en R6.76 estable. No se modifica el motor de plantillas ni el
   render del lienzo; solo se corrige la presentación de estos controles.
   ===================================================================== */
.fd-editor .fd-canvas-scroll{
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}
.fd-editor .fd-stage-wrap,
.fd-editor .fd-workspace,
.fd-editor .fd-canvas-area{
  background:#fff!important;
  background-image:none!important;
}
.fd-editor .fd-canvas-scroll::before,
.fd-editor .fd-canvas-scroll::after{display:none!important;content:none!important;}

/* Los controles de caras son SELECTORES reales, no botones comprimidos. */
.fd-editor .fd-face-selects{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;}
.fd-editor .fd-select-row{display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important;min-width:0!important;}
.fd-editor .fd-select-row label{display:block!important;margin:0!important;color:#6f767f!important;font:800 8px/10px Montserrat,Arial,sans-serif!important;letter-spacing:.08em!important;}
.fd-editor .fd-select-row select{
  display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:34px!important;min-height:34px!important;
  box-sizing:border-box!important;margin:0!important;padding:6px 28px 6px 9px!important;
  border:1px solid #cfd4da!important;border-radius:7px!important;background:#fff!important;color:#20252b!important;
  font:800 9px/12px Montserrat,Arial,sans-serif!important;cursor:pointer!important;
}
.fd-editor .fd-select-row select:focus{border-color:#e30613!important;box-shadow:0 0 0 2px rgba(227,6,19,.10)!important;outline:none!important;}
.fd-editor .fd-select-row select:disabled{opacity:.55!important;background:#f3f4f5!important;}

/* No ocultar el texto de ayuda cuando el selector está visible. */
.fd-editor .fd-triptych-controls>.fd-template-help{display:block!important;margin:7px 1px 0!important;color:#858b92!important;font:700 7px/10px Montserrat,Arial,sans-serif!important;}

/* Catálogo: mantener las miniaturas grandes y evitar que una regla antigua las aplaste. */
.fd-editor .fd-templates{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:2px!important;overflow-x:hidden!important;}
.fd-editor .fd-template{min-width:0!important;min-height:118px!important;padding:5px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #dfe3e8!important;border-radius:8px!important;overflow:hidden!important;}
.fd-editor .fd-template .fd-thumb-canvas{display:block!important;width:100%!important;height:72px!important;min-height:72px!important;max-width:100%!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #d7dce1!important;border-radius:5px!important;object-fit:fill!important;}
.fd-editor .fd-template small{display:block!important;height:auto!important;min-height:24px!important;margin:4px 1px 0!important;color:#252a30!important;font:800 8px/10px Montserrat,Arial,sans-serif!important;white-space:normal!important;overflow:hidden!important;}
.fd-editor .fd-template.active{border-color:#e30613!important;box-shadow:0 0 0 1px #e30613!important;}

/* R6.79: no imponer un ancho artificial al preview de sangrado.
   JS ya calcula y escribe el tamaño físico correcto del lienzo. */
.fd-editor #fd-bleed-preview{max-width:none!important;max-height:none!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;}
@media(min-width:901px){
  .fd-editor .fd-layout{grid-template-columns:245px minmax(540px,1fr) 270px!important;}
}


/* =====================================================================
   R6.80 — MESA DE TRABAJO VISIBLE + REPINTADO DEL LIENZO
   No cambia el motor de plantillas. Solo devuelve una superficie de trabajo
   claramente delimitada y evita que el canvas editable quede visualmente plano.
   ===================================================================== */
.fd-editor .fd-canvas-scroll{
  background:#ffffff!important;
  background-image:none!important;
  position:relative!important;
}
.fd-editor .fd-stage-wrap,
.fd-editor .fd-workspace,
.fd-editor .fd-canvas-area{
  background:#ffffff!important;
  background-image:none!important;
}
.fd-editor .fd-canvas-scroll>.fd-stage{
  background:#ffffff!important;
  border:1px solid #dfe3e8!important;
  box-shadow:0 10px 28px rgba(20,27,38,.10)!important;
  border-radius:1px!important;
  overflow:visible!important;
}
.fd-editor #fd-canvas{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  z-index:2!important;
  pointer-events:auto!important;
  background:#ffffff!important;
}
.fd-editor #fd-bleed-preview{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
}
.fd-editor #fd-print-guides{z-index:100!important;}
.fd-editor .fd-canvas-scroll>.fd-stage:has(#fd-canvas){isolation:isolate!important;}
@supports not selector(:has(*)){
  .fd-editor .fd-canvas-scroll>.fd-stage{isolation:isolate!important;}
}


/* =====================================================================
   R6.81 — MESA DE TRABAJO REAL + SELECTORES LIMPIOS
   ===================================================================== */
.fd-editor .fd-triptych-controls{padding:7px!important;background:#fff!important;border:1px solid #e1e4e8!important;border-radius:8px!important;box-sizing:border-box!important;}
.fd-editor .fd-triptych-controls .fd-sides-head,.fd-editor .fd-triptych-controls > .fd-template-help{display:none!important;}
.fd-editor .fd-face-selects{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;width:100%!important;margin:0!important;}
.fd-editor .fd-select-row{display:block!important;width:100%!important;min-width:0!important;margin:0!important;}
.fd-editor .fd-select-row label{display:none!important;}
.fd-editor .fd-select-row select{width:100%!important;height:36px!important;min-height:36px!important;padding:7px 30px 7px 10px!important;border:1px solid #cfd4da!important;border-radius:7px!important;background:#fff!important;color:#20252b!important;font:900 10px/14px Montserrat,Arial,sans-serif!important;letter-spacing:.02em!important;box-sizing:border-box!important;white-space:nowrap!important;}
.fd-editor .fd-select-row select:hover{border-color:#aeb5bd!important;}
.fd-editor .fd-select-row select:focus{border-color:#e30613!important;box-shadow:0 0 0 2px rgba(227,6,19,.10)!important;outline:none!important;}
.fd-editor .fd-fold-info{margin-top:7px!important;}
.fd-editor .fd-canvas-scroll{background:#f7f8fa!important;background-image:none!important;padding:42px 54px 58px!important;}
.fd-editor .fd-canvas-scroll>.fd-stage{background:#fff!important;border:1px solid #d5d9de!important;box-shadow:0 8px 24px rgba(17,24,39,.12)!important;position:relative!important;overflow:visible!important;}
.fd-editor #fd-canvas{background:transparent!important;position:absolute!important;z-index:2!important;visibility:visible!important;opacity:1!important;}
.fd-editor #fd-bleed-preview{z-index:1!important;pointer-events:none!important;}
.fd-editor #fd-print-guides{z-index:100!important;pointer-events:none!important;}
@media(max-width:900px){.fd-editor .fd-canvas-scroll{padding:28px 34px 44px!important;}}

/* =====================================================================
   R6.82 — MESA DE TRABAJO ESTILO EDITOR PROFESIONAL
   La mesa vuelve a ser una superficie gris independiente del papel.
   El papel/arte sigue siendo blanco; no se pinta todo el workspace de blanco.
   ===================================================================== */
.fd-editor .fd-workspace{
  background:#eceef1!important;
}
.fd-editor .fd-canvas-area{
  background:#eceef1!important;
  background-image:none!important;
}
.fd-editor .fd-stage-wrap{
  position:relative!important;
  background-color:#e5e7ea!important;
  background-image:
    linear-gradient(45deg,#d7d9dc 25%,transparent 25%),
    linear-gradient(-45deg,#d7d9dc 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,#d7d9dc 75%),
    linear-gradient(-45deg,transparent 75%,#d7d9dc 75%)!important;
  background-size:20px 20px!important;
  background-position:0 0,0 10px,10px -10px,-10px 0!important;
  background-repeat:repeat!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)!important;
  padding:40px!important;
}
.fd-editor .fd-canvas-scroll{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.fd-editor .fd-canvas-scroll>.fd-stage{
  background:#fff!important;
  border:1px solid #c8ccd1!important;
  box-shadow:0 10px 30px rgba(0,0,0,.22)!important;
  border-radius:0!important;
}
@media(max-width:1200px){
  .fd-editor .fd-stage-wrap{padding:32px!important;}
}
@media(max-width:900px){
  .fd-editor .fd-stage-wrap{padding:24px!important;}
}
@media(max-width:600px){
  .fd-editor .fd-stage-wrap{padding:14px!important;}
}

/* =====================================================================
   R6.83 — REGLAS INTEGRADAS EN EL EDITOR, COMO MESA DE TRABAJO PROFESIONAL
   Solo se muestran las reglas superior e izquierda. Se eliminan los rails
   derecho e inferior que hacían que la mesa pareciera una caja alrededor
   del documento.
   ===================================================================== */
.fd-editor .fd-stage-wrap{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  grid-template-rows:32px minmax(0,1fr)!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#e9ebee!important;
  background-image:none!important;
}
.fd-editor .fd-ruler-corner{
  display:block!important;
  grid-column:1!important;grid-row:1!important;
  width:32px!important;height:32px!important;
  background:#f4f5f7!important;
  border-right:1px solid #d0d4d9!important;
  border-bottom:1px solid #d0d4d9!important;
  box-sizing:border-box!important;
  z-index:20!important;
}
.fd-editor .fd-ruler-top{
  display:block!important;
  grid-column:2!important;grid-row:1!important;
  width:100%!important;height:32px!important;
  overflow:hidden!important;
  background:#f4f5f7!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid #d0d4d9!important;
  box-sizing:border-box!important;
  z-index:20!important;
}
.fd-editor .fd-ruler-left{
  display:block!important;
  grid-column:1!important;grid-row:2!important;
  width:32px!important;height:100%!important;
  overflow:hidden!important;
  background:#f4f5f7!important;
  background-image:none!important;
  border:0!important;
  border-right:1px solid #d0d4d9!important;
  box-sizing:border-box!important;
  z-index:20!important;
}
.fd-editor .fd-ruler-right,
.fd-editor .fd-ruler-bottom{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.fd-editor .fd-ruler-top .fd-ruler-inner{height:32px!important;min-width:100%!important;}
.fd-editor .fd-ruler-left .fd-ruler-inner{width:32px!important;min-height:100%!important;}
.fd-editor .fd-ruler-top .fd-ruler-label{top:1px!important;font-size:9px!important;color:#555b63!important;}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{left:0!important;right:auto!important;width:28px!important;font-size:8px!important;color:#555b63!important;}
.fd-editor .fd-ruler-top .fd-ruler-tick{bottom:0!important;top:auto!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{right:0!important;left:auto!important;}
.fd-editor .fd-canvas-scroll{
  grid-column:2!important;grid-row:2!important;
  min-width:0!important;min-height:0!important;
  width:100%!important;height:100%!important;
  overflow:auto!important;
  background:#e9ebee!important;
  background-image:none!important;
  padding:48px!important;
  box-sizing:border-box!important;
}
.fd-editor .fd-canvas-scroll>.fd-stage{
  background:#fff!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  padding:10px!important;
  margin:0 auto!important;
  border-radius:0!important;
}
@media(max-width:900px){
  .fd-editor .fd-stage-wrap{grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:28px minmax(0,1fr)!important;}
  .fd-editor .fd-ruler-corner{width:28px!important;height:28px!important;}
  .fd-editor .fd-ruler-top{height:28px!important;}
  .fd-editor .fd-ruler-left{width:28px!important;}
  .fd-editor .fd-ruler-top .fd-ruler-inner{height:28px!important;}
  .fd-editor .fd-ruler-left .fd-ruler-inner{width:28px!important;}
  .fd-editor .fd-canvas-scroll{padding:32px!important;}
}


/* =====================================================================
   R6.84 — REGLAS COMPLETAS ADAPTADAS AL LIENZO
   Se recuperan las cuatro reglas. El motor JS ya calcula las marcas
   respecto al borde REAL del canvas, por lo que cada regla se adapta
   automáticamente al tamaño de la plantilla/documento activo.
   ===================================================================== */
.fd-editor .fd-stage-wrap{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  grid-template-rows:42px minmax(0,1fr) 42px!important;
  grid-template-areas:
    "corner top cornerR"
    "left canvas right"
    "blank bottom blankR"!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:#e9ebee!important;
  background-image:none!important;
}

.fd-editor .fd-ruler-corner{
  display:block!important;
  grid-area:corner!important;
  width:auto!important;
  height:auto!important;
  background:#f5f6f8!important;
  border-right:1px solid #c9cdd3!important;
  border-bottom:1px solid #c9cdd3!important;
  box-sizing:border-box!important;
  z-index:30!important;
}
.fd-editor .fd-ruler-top{
  display:block!important;
  grid-area:top!important;
  width:auto!important;
  height:auto!important;
  overflow:hidden!important;
  background:#f5f6f8!important;
  border:0!important;
  border-bottom:1px solid #c9cdd3!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:30!important;
}
.fd-editor .fd-ruler-bottom{
  display:block!important;
  grid-area:bottom!important;
  width:auto!important;
  height:auto!important;
  overflow:hidden!important;
  background:#f5f6f8!important;
  border:0!important;
  border-top:1px solid #c9cdd3!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:30!important;
}
.fd-editor .fd-ruler-left{
  display:block!important;
  grid-area:left!important;
  width:auto!important;
  height:auto!important;
  overflow:hidden!important;
  background:#f5f6f8!important;
  border:0!important;
  border-right:1px solid #c9cdd3!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:30!important;
}
.fd-editor .fd-ruler-right{
  display:block!important;
  grid-area:right!important;
  width:auto!important;
  height:auto!important;
  overflow:hidden!important;
  background:#f5f6f8!important;
  border:0!important;
  border-left:1px solid #c9cdd3!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:30!important;
}

.fd-editor .fd-canvas-scroll{
  grid-area:canvas!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  overflow:auto!important;
  background:#e9ebee!important;
  background-image:none!important;
  box-sizing:border-box!important;
  padding:48px!important;
}
.fd-editor .fd-canvas-scroll>.fd-stage{
  background:#fff!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  border-radius:0!important;
  overflow:visible!important;
  position:relative!important;
}

.fd-editor .fd-ruler-top .fd-ruler-inner,
.fd-editor .fd-ruler-bottom .fd-ruler-inner{
  width:100%!important;
  height:42px!important;
  min-width:100%!important;
  min-height:42px!important;
}
.fd-editor .fd-ruler-left .fd-ruler-inner,
.fd-editor .fd-ruler-right .fd-ruler-inner{
  width:42px!important;
  height:100%!important;
  min-width:42px!important;
  min-height:100%!important;
}

/* Las cifras y marcas se mantienen dentro de cada regla. */
.fd-editor .fd-ruler-tick{z-index:3!important;opacity:1!important;}
.fd-editor .fd-ruler-label{
  z-index:4!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#3f444b!important;
  font:800 9px/11px Arial,sans-serif!important;
  text-shadow:none!important;
}
.fd-editor .fd-ruler-label.vertical{
  width:36px!important;
  height:12px!important;
  line-height:12px!important;
  top:0!important;
  transform:none!important;
  writing-mode:horizontal-tb!important;
  white-space:nowrap!important;
}
.fd-editor .fd-ruler-left .fd-ruler-label.vertical{
  left:2px!important;
  right:auto!important;
  text-align:right!important;
}
.fd-editor .fd-ruler-right .fd-ruler-label.vertical{
  left:4px!important;
  right:auto!important;
  text-align:left!important;
}
.fd-editor .fd-ruler-top .fd-ruler-label,
.fd-editor .fd-ruler-bottom .fd-ruler-label{
  line-height:11px!important;
}
.fd-editor .fd-ruler-top .fd-ruler-label{top:1px!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-label{top:24px!important;}
.fd-editor .fd-ruler-left .fd-ruler-tick.vertical{left:auto!important;right:0!important;}
.fd-editor .fd-ruler-right .fd-ruler-tick.vertical{left:0!important;right:auto!important;}
.fd-editor .fd-ruler-top .fd-ruler-tick{top:auto!important;bottom:0!important;}
.fd-editor .fd-ruler-bottom .fd-ruler-tick{top:0!important;bottom:auto!important;}
.fd-editor .fd-ruler-top,
.fd-editor .fd-ruler-bottom,
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{
  pointer-events:auto!important;
  touch-action:none!important;
  cursor:crosshair!important;
}

@media(max-width:900px){
  .fd-editor .fd-stage-wrap{
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    grid-template-rows:30px minmax(0,1fr) 30px!important;
  }
  .fd-editor .fd-ruler-corner{width:30px!important;height:30px!important;}
  .fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom{height:30px!important;}
  .fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{width:30px!important;}
  .fd-editor .fd-ruler-top .fd-ruler-inner,.fd-editor .fd-ruler-bottom .fd-ruler-inner{height:30px!important;min-height:30px!important;}
  .fd-editor .fd-ruler-left .fd-ruler-inner,.fd-editor .fd-ruler-right .fd-ruler-inner{width:30px!important;min-width:30px!important;}
  .fd-editor .fd-canvas-scroll{padding:32px!important;}
}

/* =====================================================================
   R6.85 — MESA CENTRADA + FONDO TIPO PHOTOSHOP
   - El documento se centra dentro del área útil de la mesa.
   - El fondo exterior usa patrón de transparencia tipo Photoshop.
   - Las cuatro reglas permanecen intactas.
   ===================================================================== */
.fd-editor .fd-canvas-scroll{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:auto!important;
  padding:56px!important;
  background-color:#d9d9d9!important;
  background-image:
    linear-gradient(45deg,#cfcfcf 25%,transparent 25%,transparent 75%,#cfcfcf 75%),
    linear-gradient(45deg,#cfcfcf 25%,transparent 25%,transparent 75%,#cfcfcf 75%)!important;
  background-position:0 0,10px 10px!important;
  background-size:20px 20px!important;
  background-repeat:repeat!important;
}
.fd-editor .fd-canvas-scroll>.fd-stage{
  flex:0 0 auto!important;
  margin:auto!important;
  align-self:center!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(0,0,0,.24),0 2px 6px rgba(0,0,0,.16)!important;
}
.fd-editor .fd-stage-wrap{
  background-color:#d9d9d9!important;
  background-image:none!important;
}
.fd-editor .fd-ruler-corner,
.fd-editor .fd-ruler-top,
.fd-editor .fd-ruler-bottom,
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{
  background:#f3f3f3!important;
}
@media(max-width:900px){
  .fd-editor .fd-canvas-scroll{padding:36px!important;}
}

/* =====================================================================
   R6.86 — CENTRADO REAL DEL DOCUMENTO EN LA MESA
   El scroll se posiciona por JS sobre las dimensiones reales del stage.
   El flex sigue centrando cuando el documento cabe; cuando sobresale,
   el scroll queda exactamente a mitad del overflow en ambos ejes.
   ===================================================================== */
.fd-editor .fd-canvas-scroll{
  position:relative!important;
  overflow:auto!important;
  scroll-behavior:auto!important;
  overscroll-behavior:contain!important;
}
.fd-editor .fd-canvas-scroll>.fd-stage{
  flex:0 0 auto!important;
  margin:0 auto!important;
  align-self:center!important;
}


/* R6.87 FINAL — CENTRADO REAL SIN OVERFLOW NEGATIVO */
.fd-editor .fd-canvas-scroll{
  display:block!important;
  position:relative!important;
  overflow:auto!important;
  justify-content:initial!important;
  align-items:initial!important;
  text-align:center!important;
  scroll-behavior:auto!important;
}
.fd-editor .fd-canvas-scroll>.fd-stage{
  display:block!important;
  flex:none!important;
  align-self:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
}


/* R6.95 — reglas físicas del formato de corte: el sangrado queda fuera de la escala. */
.fd-editor .fd-ruler-top .fd-ruler-inner,
.fd-editor .fd-ruler-bottom .fd-ruler-inner,
.fd-editor .fd-ruler-left .fd-ruler-inner,
.fd-editor .fd-ruler-right .fd-ruler-inner{overflow:visible!important;}
.fd-editor .fd-ruler-top,.fd-editor .fd-ruler-bottom,
.fd-editor .fd-ruler-left,.fd-editor .fd-ruler-right{overflow:hidden!important;}


/* R6.98 — Guías inteligentes de pantalla completa: atraviesan el lienzo,
   el sangrado y llegan visualmente hasta las reglas, como en Photoshop. */
#fd-smart-guides-overlay{position:absolute!important;inset:0!important;pointer-events:none!important;z-index:6!important;overflow:visible!important;}
#fd-smart-guides-overlay .fd-smart-guide-line{position:absolute!important;display:block!important;pointer-events:none!important;opacity:1!important;}
#fd-smart-guides-overlay .fd-smart-guide-line.v{top:0!important;bottom:0!important;width:1px!important;}
#fd-smart-guides-overlay .fd-smart-guide-line.h{left:0!important;right:0!important;height:1px!important;}


/* R6.99 — Guías de regla a regla.
   El overlay ocupa toda la mesa, incluido el espacio de las reglas.
   Las reglas conservan prioridad visual y siguen siendo interactivas. */
#fd-smart-guides-overlay{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:20!important;
  overflow:visible!important;
}
#fd-smart-guides-overlay .fd-smart-guide-line{
  position:absolute!important;
  display:block!important;
  pointer-events:none!important;
  opacity:1!important;
  z-index:20!important;
}
#fd-smart-guides-overlay .fd-smart-guide-line.v{
  top:0!important;
  bottom:0!important;
  width:1px!important;
}
#fd-smart-guides-overlay .fd-smart-guide-line.h{
  left:0!important;
  right:0!important;
  height:1px!important;
}
/* Las reglas siempre quedan por encima de la guía */
.fd-editor .fd-ruler-top,
.fd-editor .fd-ruler-bottom,
.fd-editor .fd-ruler-left,
.fd-editor .fd-ruler-right{
  z-index:30!important;
}

/* R6.108 — ruler-to-ruler guide geometry.
   The overlay is clipped logically by the four ruler boundaries via JS.
   Keep it transparent to pointer input and below the ruler chrome. */
#fd-smart-guides-overlay{
  pointer-events:none!important;
  z-index:7!important;
}
#fd-smart-guides-overlay .fd-smart-guide-line{
  pointer-events:none!important;
}


/* R6.112 — capa de guías anclada al editor. Las reglas están en z-index 7;
   las guías en 6 para que atraviesen la mesa pero no tapen las reglas. */
.fd-editor #fd-smart-guides-overlay{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:6!important;
  overflow:hidden!important;
  display:block!important;
}
.fd-editor #fd-smart-guides-overlay .fd-smart-guide-line{
  position:absolute!important;
  display:block!important;
  pointer-events:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  opacity:1!important;
  z-index:6!important;
}

/* R6.114 — PRE-FLIGHT PRO UI */
#fd-preflight-modal.fd-preflight-modal{
  position:fixed!important;inset:0!important;z-index:999999!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:28px!important;box-sizing:border-box!important;
  background:rgba(10,10,12,.68)!important;
  backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
  font-family:Montserrat,Arial,sans-serif!important;
}
#fd-preflight-modal .fd-preflight-card{
  width:min(820px,96vw)!important;max-height:min(88vh,760px)!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;background:#fff!important;color:#171719!important;
  border:1px solid #e8e8eb!important;border-radius:18px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.34)!important;
}
#fd-preflight-modal .fd-preflight-head{padding:24px 26px 20px!important;border-bottom:1px solid #ededee!important;position:relative!important;background:#fff!important}
#fd-preflight-modal .fd-preflight-brand{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:14px!important}
#fd-preflight-modal .fd-preflight-kicker{font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important;color:#e30613!important}
#fd-preflight-modal .fd-preflight-section{font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;color:#8a8a90!important;border-left:1px solid #ddd!important;padding-left:8px!important}
#fd-preflight-modal .fd-preflight-status-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
#fd-preflight-modal .fd-preflight-status{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:6px 10px!important;border-radius:7px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.045em!important}
#fd-preflight-modal .fd-preflight-status.error{background:#fff0f0!important;color:#c81e1e!important;border:1px solid #ffd4d4!important}
#fd-preflight-modal .fd-preflight-status.warn{background:#fff7e8!important;color:#a45d00!important;border:1px solid #ffe0a8!important}
#fd-preflight-modal .fd-preflight-status.ok{background:#edf9f0!important;color:#16723a!important;border:1px solid #cdeed7!important}
#fd-preflight-modal h2#fd-preflight-title{margin:9px 0 5px!important;font-size:24px!important;line-height:1.12!important;font-weight:850!important;letter-spacing:-.02em!important;color:#171719!important}
#fd-preflight-modal .fd-preflight-meta{font-size:12px!important;color:#77777e!important;line-height:1.5!important}
#fd-preflight-modal .fd-preflight-meta span{color:#c2c2c6!important;padding:0 4px!important}
#fd-preflight-modal .fd-preflight-status-dot{width:15px!important;height:15px!important;border-radius:50%!important;flex:0 0 15px!important;box-shadow:0 0 0 5px rgba(0,0,0,.04)!important}
#fd-preflight-modal .fd-preflight-status-dot.error{background:#dc2626!important}.fd-preflight-status-dot.warn{background:#d97706!important}.fd-preflight-status-dot.ok{background:#16a34a!important}
#fd-preflight-modal .fd-preflight-x{position:absolute!important;top:18px!important;right:20px!important;width:34px!important;height:34px!important;border:1px solid #e5e5e7!important;border-radius:9px!important;background:#fff!important;color:#555!important;font-size:24px!important;line-height:1!important;cursor:pointer!important}
#fd-preflight-modal .fd-preflight-x:hover{background:#f7f7f8!important;color:#111!important;border-color:#d7d7da!important}
#fd-preflight-modal .fd-preflight-summary{padding:18px 26px!important;background:#fafafa!important;border-bottom:1px solid #ededee!important}
#fd-preflight-modal .fd-preflight-summary-title{font-size:12px!important;font-weight:850!important;color:#444449!important;margin-bottom:11px!important}
#fd-preflight-modal .fd-preflight-counters{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
#fd-preflight-modal .fd-preflight-counter{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 13px!important;border:1px solid #e8e8ea!important;border-radius:11px!important;background:#fff!important}
#fd-preflight-modal .fd-preflight-counter strong{font-size:20px!important;line-height:1!important}.fd-preflight-counter span{font-size:11px!important;font-weight:700!important;color:#77777d!important}
#fd-preflight-modal .fd-preflight-counter.error strong{color:#dc2626!important}.fd-preflight-counter.warn strong{color:#d97706!important}.fd-preflight-counter.neutral strong{color:#333!important}
#fd-preflight-modal .fd-preflight-results{padding:4px 26px!important;overflow:auto!important;min-height:0!important}
#fd-preflight-modal .fd-preflight-item{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:13px 0!important;border-bottom:1px solid #eeeeef!important}
#fd-preflight-modal .fd-preflight-item:last-child{border-bottom:0!important}
#fd-preflight-modal .fd-preflight-item-icon{width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:7px!important;font-size:16px!important;font-weight:900!important;flex:0 0 24px!important}
#fd-preflight-modal .fd-preflight-item.error .fd-preflight-item-icon{background:#fff0f0!important;color:#dc2626!important}.fd-preflight-item.warn .fd-preflight-item-icon{background:#fff6e5!important;color:#c06a00!important}.fd-preflight-item.ok .fd-preflight-item-icon{background:#edf9f0!important;color:#16803f!important}
#fd-preflight-modal .fd-preflight-item-copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
#fd-preflight-modal .fd-preflight-item-copy strong{font-size:13px!important;line-height:1.4!important;font-weight:750!important;color:#27272b!important}
#fd-preflight-modal .fd-preflight-item-copy span{font-size:11px!important;color:#96969c!important}
#fd-preflight-modal .fd-preflight-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;padding:16px 26px!important;border-top:1px solid #ededee!important;background:#fff!important}
#fd-preflight-modal .fd-preflight-foot-note{font-size:10px!important;color:#99999f!important}
#fd-preflight-modal .fd-preflight-close{border:0!important;background:#171719!important;color:#fff!important;border-radius:9px!important;padding:10px 16px!important;font:800 12px Montserrat,Arial,sans-serif!important;cursor:pointer!important}
#fd-preflight-modal .fd-preflight-close:hover{background:#e30613!important}
@media(max-width:620px){#fd-preflight-modal.fd-preflight-modal{padding:12px!important}#fd-preflight-modal .fd-preflight-card{max-height:94vh!important;border-radius:14px!important}#fd-preflight-modal .fd-preflight-head,#fd-preflight-modal .fd-preflight-summary,#fd-preflight-modal .fd-preflight-results,#fd-preflight-modal .fd-preflight-foot{padding-left:17px!important;padding-right:17px!important}#fd-preflight-modal .fd-preflight-counters{grid-template-columns:1fr!important}#fd-preflight-modal .fd-preflight-foot{align-items:flex-start!important;flex-direction:column!important}#fd-preflight-modal .fd-preflight-close{width:100%!important}}

/* R6.114 — COMPROBADOR DE DISEÑO / UI FINAL */
#fd-preflight-modal.fd-preflight-modal{
  padding:24px!important;
  background:rgba(8,8,10,.74)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
#fd-preflight-modal .fd-preflight-card{
  width:min(1040px,94vw)!important;
  max-height:min(92vh,900px)!important;
  border-radius:22px!important;
  border:1px solid #dedee2!important;
  box-shadow:0 34px 110px rgba(0,0,0,.42)!important;
}
#fd-preflight-modal .fd-preflight-head{
  padding:30px 34px 26px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfbfc 100%)!important;
}
#fd-preflight-modal .fd-preflight-brand{margin-bottom:20px!important;gap:10px!important}
#fd-preflight-modal .fd-preflight-kicker{font-size:12px!important;letter-spacing:.14em!important}
#fd-preflight-modal .fd-preflight-section{
  font-size:11px!important;
  letter-spacing:.1em!important;
  color:#66666d!important;
  padding-left:10px!important;
}
#fd-preflight-modal .fd-preflight-status-row{gap:28px!important}
#fd-preflight-modal .fd-preflight-status{
  min-height:36px!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  font-size:12px!important;
  letter-spacing:.04em!important;
}
#fd-preflight-modal h2#fd-preflight-title{
  margin:12px 0 7px!important;
  font-size:32px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
#fd-preflight-modal .fd-preflight-meta{font-size:13px!important;color:#707078!important}
#fd-preflight-modal .fd-preflight-status-dot{
  width:20px!important;height:20px!important;flex-basis:20px!important;
  box-shadow:0 0 0 7px rgba(0,0,0,.045)!important;
}
#fd-preflight-modal .fd-preflight-x{
  top:20px!important;right:24px!important;width:40px!important;height:40px!important;
  border-radius:11px!important;font-size:26px!important;
}
#fd-preflight-modal .fd-preflight-summary{
  padding:22px 34px!important;
  background:#f7f7f8!important;
}
#fd-preflight-modal .fd-preflight-summary-title{
  font-size:13px!important;font-weight:850!important;margin-bottom:13px!important;color:#303036!important;
}
#fd-preflight-modal .fd-preflight-counters{gap:12px!important}
#fd-preflight-modal .fd-preflight-counter{
  min-height:68px!important;padding:13px 16px!important;border-radius:13px!important;
}
#fd-preflight-modal .fd-preflight-counter strong{font-size:26px!important}
#fd-preflight-modal .fd-preflight-counter span{font-size:12px!important}
#fd-preflight-modal .fd-preflight-results{
  padding:12px 34px 8px!important;
  background:#fff!important;
}
#fd-preflight-modal .fd-preflight-item{
  margin:8px 0!important;
  padding:15px 16px!important;
  gap:14px!important;
  border:1px solid #e9e9ec!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(0,0,0,.035)!important;
}
#fd-preflight-modal .fd-preflight-item.error{border-color:#ffd7d7!important;background:#fffafa!important}
#fd-preflight-modal .fd-preflight-item.warn{border-color:#ffe2ad!important;background:#fffdf8!important}
#fd-preflight-modal .fd-preflight-item.ok{border-color:#d6efdf!important;background:#fbfffc!important}
#fd-preflight-modal .fd-preflight-item-icon{
  width:34px!important;height:34px!important;flex-basis:34px!important;
  border-radius:10px!important;font-size:19px!important;
}
#fd-preflight-modal .fd-preflight-item-copy{gap:5px!important;padding-top:1px!important}
#fd-preflight-modal .fd-preflight-item-copy strong{font-size:14px!important;line-height:1.45!important}
#fd-preflight-modal .fd-preflight-item-copy span{
  font-size:11px!important;color:#77777e!important;font-weight:650!important;text-transform:uppercase!important;letter-spacing:.04em!important;
}
#fd-preflight-modal .fd-preflight-foot{
  padding:18px 34px!important;background:#fafafa!important;
}
#fd-preflight-modal .fd-preflight-foot-note{font-size:11px!important;color:#77777e!important}
#fd-preflight-modal .fd-preflight-close{
  min-width:130px!important;padding:12px 20px!important;border-radius:10px!important;font-size:12px!important;
}
/* Botón superior: acción principal de comprobación, sin parecer un botón secundario */
.fd-actions [data-action="preflight"]{
  min-width:148px!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid #d7d7db!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#171719!important;
  font-weight:800!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
}
.fd-actions [data-action="preflight"] .fd-svg-icon{color:#e30613!important}
.fd-actions [data-action="preflight"]:hover{
  border-color:#e30613!important;background:#fff7f7!important;color:#111!important;
}
@media(max-width:760px){
 #fd-preflight-modal .fd-preflight-card{width:96vw!important;max-height:94vh!important;border-radius:16px!important}
 #fd-preflight-modal .fd-preflight-head{padding:24px 20px 20px!important}
 #fd-preflight-modal h2#fd-preflight-title{font-size:26px!important}
 #fd-preflight-modal .fd-preflight-summary,#fd-preflight-modal .fd-preflight-results,#fd-preflight-modal .fd-preflight-foot{padding-left:20px!important;padding-right:20px!important}
 #fd-preflight-modal .fd-preflight-counters{grid-template-columns:1fr!important}
}

/* R6.114 — enlace al comprobador de archivos de la web */
#fd-preflight-modal .fd-preflight-foot{align-items:center!important;gap:20px!important}
#fd-preflight-modal .fd-preflight-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex:0 0 auto!important}
#fd-preflight-modal .fd-preflight-review{border:0!important;background:#e30613!important;color:#fff!important;border-radius:9px!important;padding:11px 17px!important;font:800 12px Montserrat,Arial,sans-serif!important;cursor:pointer!important;min-height:38px!important;box-shadow:0 5px 14px rgba(227,6,19,.18)!important}
#fd-preflight-modal .fd-preflight-review:hover{background:#c9000b!important;transform:translateY(-1px)!important}
#fd-preflight-modal .fd-preflight-close{min-height:38px!important}
@media(max-width:620px){#fd-preflight-modal .fd-preflight-actions{width:100%!important;flex-direction:column-reverse!important;gap:8px!important}#fd-preflight-modal .fd-preflight-review,#fd-preflight-modal .fd-preflight-close{width:100%!important;text-align:center!important}}


/* R6.115 — CTA de revisión técnica + envío directo al comprobador */
.fd-toolbar .fd-review-main{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:38px!important;padding:0 14px!important;border:1px solid #e30613!important;border-radius:10px!important;
  background:#e30613!important;color:#fff!important;font:800 12px Montserrat,Arial,sans-serif!important;
  letter-spacing:.01em!important;cursor:pointer!important;box-shadow:0 4px 12px rgba(227,6,19,.16)!important;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.fd-toolbar .fd-review-main:hover{background:#c9000b!important;transform:translateY(-1px)!important;box-shadow:0 7px 18px rgba(227,6,19,.22)!important}
.fd-toolbar .fd-review-main .fd-svg-icon{width:16px!important;height:16px!important;flex:0 0 16px!important}
#fd-preflight-modal .fd-preflight-review{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
#fd-preflight-modal .fd-preflight-review.is-sending{opacity:.72!important;cursor:wait!important;transform:none!important}
#fd-preflight-modal .fd-preflight-review span{font-size:14px!important;line-height:1!important}
@media(max-width:760px){.fd-toolbar .fd-review-main{padding:0 11px!important}.fd-toolbar .fd-review-main>span:last-child{display:none!important}}


/* R6.116 — FIX EXCLUSIVO BOTÓN "REVISAR ARCHIVO"
   No modifica ninguna otra herramienta del diseñador. */
.fd-editor .fd-toolbar .fd-actions .fd-review-main{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  border:1px solid #e30613!important;
  border-radius:9px!important;
  background:#e30613!important;
  color:#fff!important;
  box-shadow:0 3px 9px rgba(227,6,19,.16)!important;
  transform:none!important;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
.fd-editor .fd-toolbar .fd-actions .fd-review-main:hover,
.fd-editor .fd-toolbar .fd-actions .fd-review-main:focus-visible{
  background:#c9000b!important;
  border-color:#c9000b!important;
  color:#fff!important;
  box-shadow:0 4px 11px rgba(227,6,19,.20)!important;
  transform:none!important;
  outline:none!important;
}
.fd-editor .fd-toolbar .fd-actions .fd-review-main .fd-svg-icon,
.fd-editor .fd-toolbar .fd-actions .fd-review-main .fd-svg-icon[data-real-icon="1"]{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
}
.fd-editor .fd-toolbar .fd-actions .fd-review-main .fd-svg-icon svg,
.fd-editor .fd-toolbar .fd-actions .fd-review-main .fd-svg-icon[data-real-icon="1"] svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
@media(max-width:760px){
  .fd-editor .fd-toolbar .fd-actions .fd-review-main{
    min-width:38px!important;
    width:38px!important;
    padding:0!important;
  }
  .fd-editor .fd-toolbar .fd-actions .fd-review-main>span:last-child{display:none!important}
}



/* R6.118 — FIX EXCLUSIVO TEXTO INFERIOR DEL INFORME DE COMPROBACIÓN
   Mejora legibilidad y evita que la nota quede aplastada junto a los botones.
   No modifica el lienzo, herramientas, guías, reglas ni geometría. */
#fd-preflight-modal .fd-preflight-foot{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
}
#fd-preflight-modal .fd-preflight-foot-note{
  min-width:0!important;
  max-width:560px!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#66666e!important;
  font-weight:500!important;
}
#fd-preflight-modal .fd-preflight-foot-note strong{
  color:#29292d!important;
  font-weight:800!important;
}
#fd-preflight-modal .fd-preflight-actions{
  min-width:0!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  #fd-preflight-modal .fd-preflight-foot{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #fd-preflight-modal .fd-preflight-foot-note{
    max-width:none!important;
    font-size:12px!important;
  }
  #fd-preflight-modal .fd-preflight-actions{
    width:100%!important;
    white-space:normal!important;
  }
}

/* R6.120 — Exportación PDF: botón principal más visible */
.fd-pdf-main-btn{background:#e30613!important;color:#fff!important;border:1px solid #e30613!important;border-radius:9px!important;min-height:38px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;box-shadow:0 2px 0 rgba(0,0,0,.08)!important}
.fd-pdf-main-btn .fd-svg-icon{width:16px!important;height:16px!important;flex:0 0 16px!important}
.fd-pdf-main-btn:hover{background:#bf0010!important;color:#fff!important;border-color:#bf0010!important;transform:translateY(-1px)!important}
.fd-pdf-main-btn:focus-visible{outline:3px solid rgba(227,6,19,.25)!important;outline-offset:2px!important}
.fd-pdf-export-modal{display:none!important;position:fixed!important;z-index:1000000!important;inset:0!important;background:rgba(0,0,0,.76)!important;align-items:center!important;justify-content:center!important;padding:20px!important}
.fd-pdf-export-modal.open{display:flex!important}
.fd-pdf-export-card{position:relative!important;width:min(760px,96vw)!important;max-height:92vh!important;overflow:auto!important;background:#fff!important;border-radius:16px!important;box-shadow:0 25px 80px rgba(0,0,0,.28)!important;padding:28px!important;color:#151515!important}
.fd-pdf-export-close{position:absolute!important;right:14px!important;top:10px!important;border:0!important;background:transparent!important;color:#333!important;font-size:31px!important;line-height:30px!important;cursor:pointer!important}
.fd-pdf-export-head{padding-right:36px!important;border-bottom:1px solid #ececec!important;padding-bottom:18px!important;margin-bottom:18px!important}
.fd-pdf-export-kicker{font-size:10px!important;letter-spacing:.13em!important;font-weight:900!important;color:#e30613!important}
.fd-pdf-export-head h2{font-size:25px!important;line-height:1.15!important;margin:6px 0 7px!important;color:#151515!important}
.fd-pdf-export-head p{margin:0!important;color:#666!important;font-size:13px!important}
.fd-pdf-export-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.fd-pdf-option{display:flex!important;align-items:flex-start!important;gap:11px!important;padding:14px!important;border:1px solid #e1e1e1!important;border-radius:10px!important;background:#fafafa!important;cursor:pointer!important}
.fd-pdf-option:hover{border-color:#bbb!important;background:#fff!important}
.fd-pdf-option input{margin-top:3px!important;accent-color:#e30613!important;width:17px!important;height:17px!important;flex:0 0 auto!important}
.fd-pdf-option span{display:flex!important;flex-direction:column!important;gap:3px!important}
.fd-pdf-option strong{font-size:13px!important}
.fd-pdf-option small{font-size:11px!important;line-height:1.35!important;color:#777!important}
.fd-pdf-option-wide{grid-column:1/-1!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}
.fd-pdf-option-wide select{min-width:230px!important;padding:9px 11px!important;border:1px solid #d7d7d7!important;border-radius:7px!important;background:#fff!important;font-weight:700!important}
.fd-pdf-export-note{margin-top:14px!important;padding:12px 14px!important;background:#f7f7f7!important;border-left:3px solid #e30613!important;border-radius:6px!important;color:#666!important;font-size:11px!important;line-height:1.5!important}
.fd-pdf-export-note strong{color:#151515!important}
.fd-pdf-export-actions{display:flex!important;justify-content:flex-end!important;gap:9px!important;margin-top:20px!important}
.fd-pdf-secondary,.fd-pdf-primary{border:0!important;border-radius:8px!important;padding:11px 16px!important;font-weight:800!important;cursor:pointer!important;min-height:42px!important}
.fd-pdf-secondary{background:#eee!important;color:#222!important}
.fd-pdf-primary{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#e30613!important;color:#fff!important}
.fd-pdf-primary:hover{background:#c9000c!important}
.fd-pdf-export-status{min-height:18px!important;margin-top:10px!important;color:#666!important;font-size:11px!important;text-align:right!important}
@media(max-width:680px){.fd-pdf-export-card{padding:20px!important}.fd-pdf-export-grid{grid-template-columns:1fr!important}.fd-pdf-option-wide{grid-column:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}.fd-pdf-option-wide select{min-width:0!important;width:100%!important}.fd-pdf-export-actions{flex-direction:column-reverse!important}.fd-pdf-primary,.fd-pdf-secondary{width:100%!important;justify-content:center!important}}

/* R6.120 — pulido visual del cuadro de exportación */
.fd-pdf-export-card{width:min(700px,96vw)!important;padding:30px!important;border:1px solid rgba(0,0,0,.08)!important}
.fd-pdf-export-close{width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:#f2f2f2!important;font-size:24px!important;line-height:1!important}
.fd-pdf-export-close:hover{background:#e30613!important;color:#fff!important}
.fd-pdf-export-head h2{max-width:560px!important;font-size:clamp(21px,2.2vw,27px)!important;letter-spacing:-.025em!important}
.fd-pdf-option{min-height:72px!important;align-items:center!important;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important}
.fd-pdf-option:has(input:checked){border-color:#e30613!important;background:#fff8f8!important;box-shadow:inset 3px 0 0 #e30613!important}
.fd-pdf-option strong{font-size:13px!important;line-height:1.3!important}
.fd-pdf-option small{font-size:11px!important}
.fd-pdf-primary{min-height:46px!important;padding:12px 18px!important;background:#e30613!important;border-radius:9px!important;box-shadow:0 3px 0 #b8000b!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.015em!important}
.fd-pdf-primary:hover{background:#bf0010!important;transform:translateY(-1px)!important}
.fd-pdf-secondary{min-height:46px!important;padding:12px 18px!important;border:1px solid #dedede!important;background:#f5f5f5!important;border-radius:9px!important;font-size:12px!important;font-weight:800!important}
.fd-pdf-export-status{font-size:12px!important;font-weight:700!important;text-align:left!important}
@media(max-width:680px){.fd-pdf-export-card{padding:20px!important}.fd-pdf-export-actions{gap:12px!important}.fd-pdf-primary{line-height:1.35!important;white-space:normal!important}}


/* R6.121 — botón PDF claramente legible en la barra superior y acciones equilibradas */
.fd-pdf-main-btn{min-width:132px!important;min-height:40px!important;padding:0 16px!important;gap:9px!important;font-size:12px!important;letter-spacing:.01em!important;line-height:1!important;flex:0 0 auto!important}
.fd-pdf-main-btn .fd-svg-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:17px!important;height:17px!important;min-width:17px!important}
.fd-pdf-main-btn span:last-child{display:inline-block!important;white-space:nowrap!important;overflow:visible!important}
.fd-pdf-export-card{width:min(720px,94vw)!important;padding:30px!important}
.fd-pdf-export-actions{align-items:stretch!important;gap:12px!important}
.fd-pdf-secondary,.fd-pdf-primary{min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:12px!important;line-height:1.25!important}
.fd-pdf-primary{min-width:270px!important;white-space:normal!important;text-align:center!important}
.fd-pdf-export-status:empty{display:none!important}
@media(max-width:680px){.fd-pdf-main-btn{min-width:0!important;padding:0 10px!important}.fd-pdf-export-card{width:96vw!important;padding:20px!important}.fd-pdf-export-actions{flex-direction:column-reverse!important}.fd-pdf-primary{min-width:0!important;width:100%!important}}

/* R6.122 — Exportación: botón de impresión más legible y jerarquía consistente */
.fd-pdf-main-btn{min-width:154px!important;min-height:42px!important;padding:0 15px!important;border-radius:10px!important;gap:9px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.025em!important;line-height:1!important;box-shadow:0 3px 0 rgba(130,0,8,.22),0 5px 12px rgba(227,6,19,.12)!important}
.fd-pdf-main-btn .fd-svg-icon{width:17px!important;height:17px!important;min-width:17px!important;flex:0 0 17px!important}
.fd-pdf-main-btn span:last-child{white-space:nowrap!important}
.fd-pdf-main-btn:active{transform:translateY(1px)!important;box-shadow:0 1px 0 rgba(130,0,8,.22)!important}
.fd-pdf-export-actions{align-items:stretch!important;gap:12px!important}
.fd-pdf-secondary{min-height:44px!important;padding:0 22px!important;border-radius:9px!important;font-weight:800!important}
.fd-pdf-primary{min-height:44px!important;padding:0 22px!important;border-radius:9px!important;font-weight:900!important;box-shadow:0 3px 0 rgba(130,0,8,.18)!important}
.fd-pdf-primary:focus-visible,.fd-pdf-secondary:focus-visible{outline:3px solid rgba(227,6,19,.25)!important;outline-offset:2px!important}
@media(max-width:680px){.fd-pdf-main-btn{min-width:0!important;min-height:38px!important;padding:0 9px!important;font-size:10px!important;gap:5px!important}.fd-pdf-main-btn .fd-svg-icon{width:14px!important;height:14px!important;min-width:14px!important;flex-basis:14px!important}}

/* R6.127 · acción alternativa de PDF híbrido/vectorial */
.fd-pdf-vector{background:#151515!important;color:#fff!important;border:1px solid #151515!important;font-weight:800!important;min-height:44px!important;padding:12px 16px!important;border-radius:9px!important;cursor:pointer!important}
.fd-pdf-vector:hover{background:#333!important;color:#fff!important}
.fd-pdf-export-actions{flex-wrap:wrap!important}


/* R6.131 — Acciones principales uniformes en rojo Factoría */
.fd-editor .fd-actions > button[data-action="save"],
.fd-editor .fd-actions > button[data-action="export-svg"],
.fd-editor .fd-actions > button[data-action="print"],
.fd-editor .fd-actions > button.fd-pdf-main-btn {
  background:#e30613!important;
  background-color:#e30613!important;
  color:#fff!important;
  border:1px solid #e30613!important;
  border-radius:9px!important;
  font-weight:800!important;
  box-shadow:0 3px 10px rgba(227,6,19,.18)!important;
  opacity:1!important;
}
.fd-editor .fd-actions > button[data-action="save"] .fd-svg-icon,
.fd-editor .fd-actions > button[data-action="export-svg"] .fd-svg-icon,
.fd-editor .fd-actions > button[data-action="print"] .fd-svg-icon,
.fd-editor .fd-actions > button[data-action="save"] span,
.fd-editor .fd-actions > button[data-action="export-svg"] span,
.fd-editor .fd-actions > button[data-action="print"] span {
  color:#fff!important;
  stroke:#fff!important;
}
.fd-editor .fd-actions > button[data-action="save"]:hover,
.fd-editor .fd-actions > button[data-action="export-svg"]:hover,
.fd-editor .fd-actions > button[data-action="print"]:hover {
  background:#bf0010!important;
  background-color:#bf0010!important;
  border-color:#bf0010!important;
  color:#fff!important;
  transform:translateY(-1px);
}

/* R6.132 — enlace visible entre Diseña y el Generador de Plantillas */
#fd-editor .fd-generator-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;white-space:nowrap;background:#e30613!important;color:#fff!important;border:1px solid #e30613!important;border-radius:7px;padding:9px 12px;font-weight:800;line-height:1.1;cursor:pointer}
#fd-editor .fd-generator-link:hover,#fd-editor .fd-generator-link:focus{background:#c9000b!important;border-color:#c9000b!important;color:#fff!important;text-decoration:none}

/* R6.133 — enlace al Generador con la misma altura, peso y color que las acciones principales. */
.fd-editor .fd-actions > a.fd-generator-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px!important;height:42px!important;box-sizing:border-box!important;padding:0 12px!important;background:#e30613!important;background-color:#e30613!important;background-image:none!important;color:#fff!important;border:1px solid #e30613!important;border-radius:9px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 3px 10px rgba(227,6,19,.18)!important;opacity:1!important;filter:none!important}
.fd-editor .fd-actions > a.fd-generator-link:hover,.fd-editor .fd-actions > a.fd-generator-link:focus{background:#bf0010!important;background-color:#bf0010!important;border-color:#bf0010!important;color:#fff!important;text-decoration:none!important;transform:translateY(-1px)}
.fd-editor .fd-actions > a.fd-generator-link span{color:#fff!important}
@media(max-width:680px){.fd-editor .fd-actions > a.fd-generator-link{min-height:38px!important;height:38px!important;padding:0 9px!important;font-size:10px!important;gap:5px!important}}


/* R6.134 — integración de medidas: ocultar la biblioteca de ejemplos solo cuando el lienzo procede del Generador. */
.fd-editor .fd-left section.fd-templates-hidden-import{display:none!important}
/* Botón Generador: misma tipografía visual, mayúsculas y dimensiones que las acciones vecinas. */
.fd-editor .fd-actions > a.fd-generator-link{text-transform:uppercase!important;font-family:inherit!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em!important;min-height:42px!important;height:42px!important;padding:0 12px!important;border-radius:9px!important}
.fd-editor .fd-actions > a.fd-generator-link span{font:inherit!important;text-transform:uppercase!important;color:#fff!important}
@media(max-width:680px){.fd-editor .fd-actions > a.fd-generator-link{font-size:10px!important;min-height:38px!important;height:38px!important;padding:0 9px!important}}

/* R6.163 — avisos de exportación compactos: nunca deben cubrir el lienzo */
#fd-pdf-export-status{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  box-sizing:border-box!important;
  max-width:100%!important;
  max-height:96px!important;
  overflow:auto!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  padding:8px 10px!important;
  border-radius:6px!important;
  background:#f5f5f5!important;
  color:#333!important;
  font-size:12px!important;
  line-height:1.45!important;
  text-align:left!important;
}
#fd-pdf-export-status:empty{display:none!important}
#fd-pdf-export-status[style*="rgb(180, 35, 24)"],
#fd-pdf-export-status[style*="#b42318"]{
  background:#fff0f0!important;
  border:1px solid #e7a4a4!important;
  color:#9f1d1d!important;
}

/* R6.169: botón de PDF vectorial integrado en la barra principal */
.fd-pdf-vector-main-btn{border-color:#e30613!important;color:#e30613!important;background:#fff!important;font-weight:700!important}
.fd-pdf-vector-main-btn:hover{background:#fff1f2!important}

/* R6.170 — igualar el botón PDF vectorial al estilo rojo de la barra */
.fd-toolbar .fd-pdf-vector-main-btn{
  background:#e30613!important;
  color:#fff!important;
  border:1px solid #e30613!important;
  font-weight:700!important;
}
.fd-toolbar .fd-pdf-vector-main-btn .fd-svg-icon{color:#fff!important}
.fd-toolbar .fd-pdf-vector-main-btn:hover,
.fd-toolbar .fd-pdf-vector-main-btn:focus-visible{
  background:#b80510!important;
  border-color:#b80510!important;
  color:#fff!important;
}

/* R6.171 — igualar exactamente dimensiones y acabado del botón PDF técnico */
.fd-toolbar .fd-pdf-vector-main-btn{
  background:#e30613!important;
  color:#fff!important;
  border:1px solid #e30613!important;
  border-radius:9px!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  box-shadow:0 2px 0 rgba(0,0,0,.08)!important;
  box-sizing:border-box!important;
}
.fd-toolbar .fd-pdf-vector-main-btn .fd-svg-icon{
  width:16px!important;height:16px!important;flex:0 0 16px!important;
  color:#fff!important;stroke:currentColor!important;
}
.fd-toolbar .fd-pdf-vector-main-btn:hover,
.fd-toolbar .fd-pdf-vector-main-btn:focus-visible{
  background:#c90010!important;border-color:#c90010!important;color:#fff!important;
}

/* R6.172 — export buttons: same red system and metrics, direct selector to avoid parent-class mismatch */
button.fd-pdf-vector-main-btn,
.fd-pdf-vector-main-btn{
  background:#e30613!important;color:#fff!important;
  border:1px solid #e30613!important;border-radius:9px!important;
  min-width:132px!important;min-height:40px!important;height:40px!important;
  padding:0 16px!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;gap:9px!important;
  font-size:12px!important;font-weight:900!important;letter-spacing:.01em!important;
  line-height:1!important;white-space:nowrap!important;flex:0 0 auto!important;
  box-shadow:0 2px 0 rgba(0,0,0,.08)!important;box-sizing:border-box!important;
}
button.fd-pdf-vector-main-btn .fd-svg-icon,
.fd-pdf-vector-main-btn .fd-svg-icon{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:17px!important;height:17px!important;min-width:17px!important;
  color:#fff!important;stroke:currentColor!important;
}
button.fd-pdf-vector-main-btn span:last-child,
.fd-pdf-vector-main-btn span:last-child{display:inline-block!important;white-space:nowrap!important}
button.fd-pdf-vector-main-btn:hover,
.fd-pdf-vector-main-btn:hover{background:#bf0010!important;color:#fff!important;border-color:#bf0010!important;transform:translateY(-1px)!important}
button.fd-pdf-vector-main-btn:focus-visible,
.fd-pdf-vector-main-btn:focus-visible{outline:3px solid rgba(227,6,19,.25)!important;outline-offset:2px!important}
@media(max-width:680px){button.fd-pdf-vector-main-btn,.fd-pdf-vector-main-btn{min-width:0!important;padding:0 10px!important}}

/* R6.173 — final cascade fix: direct match with technical PDF button */
.fd-icon-btn.fd-pdf-vector-main-btn,
button.fd-icon-btn.fd-pdf-vector-main-btn{
  background:#e30613!important;
  color:#fff!important;
  border-color:#e30613!important;
  border-radius:8px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
  transform:none!important;
}
.fd-icon-btn.fd-pdf-vector-main-btn .fd-svg-icon,
button.fd-icon-btn.fd-pdf-vector-main-btn .fd-svg-icon{
  color:#fff!important;
  width:14px!important;height:14px!important;min-width:14px!important;
}
.fd-icon-btn.fd-pdf-vector-main-btn:hover,
button.fd-icon-btn.fd-pdf-vector-main-btn:hover{
  background:#c90010!important;color:#fff!important;border-color:#c90010!important;
}

/* R6.174 hard override: primary vector button must match the technical button */
#factoria-disena-root .fd-toolbar button.fd-icon-btn.fd-pdf-vector-main-btn,
.fd-toolbar button.fd-icon-btn.fd-pdf-vector-main-btn{
 background:#e30613!important;color:#fff!important;border:1px solid #e30613!important;
 border-radius:8px!important;height:38px!important;min-height:38px!important;
 padding:0 12px!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;gap:7px!important;font-size:11px!important;
 font-weight:800!important;line-height:1!important;box-shadow:none!important;
}
#factoria-disena-root .fd-toolbar button.fd-icon-btn.fd-pdf-vector-main-btn span,
.fd-toolbar button.fd-icon-btn.fd-pdf-vector-main-btn span{color:#fff!important}
#factoria-disena-root .fd-toolbar button.fd-icon-btn.fd-pdf-vector-main-btn .fd-svg-icon,
.fd-toolbar button.fd-icon-btn.fd-pdf-vector-main-btn .fd-svg-icon{
 color:#fff!important;stroke:#fff!important;fill:#fff!important;width:14px!important;height:14px!important;
}
#factoria-disena-root .fd-toolbar button.fd-icon-btn.fd-pdf-vector-main-btn:hover,
.fd-toolbar button.fd-icon-btn.fd-pdf-vector-main-btn:hover{background:#c90010!important;border-color:#c90010!important;color:#fff!important}

/* R6.176 — sistema unificado de botones de la barra superior */
#fd-editor .fd-toolbar .fd-actions,
#fd-editor .fd-toolbar .fd-toolbar-center{align-items:center;gap:6px}
#fd-editor .fd-toolbar .fd-actions > button,
#fd-editor .fd-toolbar .fd-actions > a,
#fd-editor .fd-toolbar .fd-toolbar-center > button{
  box-sizing:border-box!important;
  height:38px!important;min-height:38px!important;
  padding:0 12px!important;border-radius:8px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;line-height:1!important;
  font-family:inherit!important;font-size:11px!important;font-weight:800!important;
  white-space:nowrap!important;text-decoration:none!important;
  box-shadow:none!important;transform:none;
}
#fd-editor .fd-toolbar .fd-actions > button .fd-svg-icon,
#fd-editor .fd-toolbar .fd-actions > a .fd-svg-icon,
#fd-editor .fd-toolbar .fd-toolbar-center > button .fd-svg-icon{
  width:15px!important;height:15px!important;min-width:15px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 15px!important;
}
/* Herramientas secundarias: blanco, borde neutro y texto oscuro */
#fd-editor .fd-toolbar .fd-toolbar-center > button,
#fd-editor .fd-toolbar .fd-actions > button.fd-history{
  background:#fff!important;color:#252525!important;border:1px solid #d8d8d8!important;
}
#fd-editor .fd-toolbar .fd-toolbar-center > button .fd-svg-icon,
#fd-editor .fd-toolbar .fd-actions > button.fd-history .fd-svg-icon{color:#252525!important}
/* Acciones principales: mismo rojo de marca y contenido blanco */
#fd-editor .fd-toolbar .fd-actions > button:not(.fd-history),
#fd-editor .fd-toolbar .fd-actions > a,
#fd-editor .fd-toolbar .fd-actions > button.fd-pdf-main-btn,
#fd-editor .fd-toolbar .fd-actions > button.fd-pdf-vector-main-btn,
#fd-editor .fd-toolbar .fd-actions > button.fd-review-main,
#fd-editor .fd-toolbar .fd-actions > button.fd-primary{
  background:#e30613!important;color:#fff!important;border:1px solid #e30613!important;
}
#fd-editor .fd-toolbar .fd-actions > button:not(.fd-history) .fd-svg-icon,
#fd-editor .fd-toolbar .fd-actions > a .fd-svg-icon,
#fd-editor .fd-toolbar .fd-actions > button.fd-pdf-main-btn .fd-svg-icon,
#fd-editor .fd-toolbar .fd-actions > button.fd-pdf-vector-main-btn .fd-svg-icon,
#fd-editor .fd-toolbar .fd-actions > button.fd-review-main .fd-svg-icon,
#fd-editor .fd-toolbar .fd-actions > button.fd-primary .fd-svg-icon{color:#fff!important}
#fd-editor .fd-toolbar .fd-actions > button:not(.fd-history):hover,
#fd-editor .fd-toolbar .fd-actions > a:hover{background:#bd0010!important;border-color:#bd0010!important;color:#fff!important}
#fd-editor .fd-toolbar .fd-toolbar-center > button:hover,
#fd-editor .fd-toolbar .fd-actions > button.fd-history:hover{background:#f6f6f6!important}
#fd-editor .fd-toolbar .fd-actions > button:focus-visible,
#fd-editor .fd-toolbar .fd-actions > a:focus-visible,
#fd-editor .fd-toolbar .fd-toolbar-center > button:focus-visible{outline:2px solid rgba(227,6,19,.35)!important;outline-offset:2px!important}
@media(max-width:1100px){
 #fd-editor .fd-toolbar .fd-actions,
 #fd-editor .fd-toolbar .fd-toolbar-center{gap:4px}
 #fd-editor .fd-toolbar .fd-actions > button,
 #fd-editor .fd-toolbar .fd-actions > a,
 #fd-editor .fd-toolbar .fd-toolbar-center > button{padding:0 8px!important;font-size:10px!important}
}

/* R6.177 — estilos comunes para todos los botones de exportación */
.fd-pdf-vector-main-btn,.fd-pdf-main-btn{
  background:#e30613!important;color:#fff!important;border-color:#e30613!important;
  min-height:40px!important;height:40px!important;border-radius:9px!important;
  padding:0 14px!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;gap:8px!important;font-weight:800!important;
  font-size:12px!important;line-height:1!important;white-space:nowrap!important;
  box-sizing:border-box!important;
}
.fd-pdf-vector-main-btn .fd-svg-icon,.fd-pdf-main-btn .fd-svg-icon{color:#fff!important;stroke:currentColor!important}
.fd-pdf-vector-main-btn:hover,.fd-pdf-main-btn:hover{background:#bd0010!important;color:#fff!important;border-color:#bd0010!important}


/* R6.192 — Generador visible y ajuste de tinta FOGRA39 en la barra superior.
   Se adelanta al inicio de las acciones para que no quede recortado por el borde derecho. */
.fd-editor .fd-actions > a.fd-generator-link{
  order:-20!important; flex:0 0 auto!important; position:relative!important;
  z-index:12!important; min-width:158px!important; max-width:190px!important;
  min-height:42px!important; height:42px!important; padding:0 12px!important;
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  gap:7px!important; overflow:visible!important; text-overflow:clip!important;
  background:#e30613!important; background-color:#e30613!important;
  border:2px solid #a9000b!important; color:#fff!important;
  box-shadow:0 0 0 2px rgba(227,6,19,.14),0 3px 10px rgba(0,0,0,.16)!important;
  font-size:10px!important; font-weight:900!important; letter-spacing:.025em!important;
}
.fd-editor .fd-actions > a.fd-generator-link:before{content:"✦";display:inline-block!important;font-size:15px!important;line-height:1!important;color:#fff!important;flex:0 0 auto!important}
.fd-editor .fd-actions > a.fd-generator-link span{display:inline!important;visibility:visible!important;opacity:1!important;white-space:nowrap!important;color:#fff!important}
.fd-editor .fd-actions > a.fd-generator-link:hover,.fd-editor .fd-actions > a.fd-generator-link:focus-visible{background:#b9000b!important;border-color:#870008!important;box-shadow:0 0 0 3px rgba(227,6,19,.24)!important;outline:2px solid #fff!important;outline-offset:1px!important}
@media(max-width:1200px){.fd-editor .fd-actions > a.fd-generator-link{min-width:145px!important;max-width:155px!important;padding:0 8px!important;font-size:9px!important;gap:5px!important}}
@media(max-width:600px){.fd-editor .fd-actions > a.fd-generator-link{min-width:42px!important;width:42px!important;max-width:42px!important;padding:0!important;font-size:0!important;gap:0!important}.fd-editor .fd-actions > a.fd-generator-link span{display:none!important}.fd-editor .fd-actions > a.fd-generator-link:before{font-size:19px!important}.fd-editor .fd-actions > a.fd-generator-link:after{content:"Plantillas";position:absolute;left:0;top:45px;padding:4px 7px;background:#202127;color:#fff;font-size:10px;line-height:1.2;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none}.fd-editor .fd-actions > a.fd-generator-link:hover:after,.fd-editor .fd-actions > a.fd-generator-link:focus-visible:after{opacity:1}}


/* R6.194 — barra superior compacta y descargas agrupadas */
#fd-editor .fd-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;min-width:0!important;}
#fd-editor .fd-actions .fd-download-menu-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important;min-width:105px!important;padding:0 12px!important;background:#e30613!important;border:1px solid #e30613!important;color:#fff!important;font-weight:800!important;border-radius:7px!important;}
#fd-editor .fd-actions .fd-download-menu-btn span{color:#fff!important;}
#fd-editor .fd-actions .fd-download-menu-btn:hover,#fd-editor .fd-actions .fd-download-menu-btn:focus{background:#bf0010!important;border-color:#bf0010!important;color:#fff!important;}
#fd-editor .fd-download-chevron{font-size:15px!important;margin-left:1px!important;}
#fd-editor .fd-generator-sidebar-section{padding:2px 0 8px!important;}
#fd-editor .fd-generator-sidebar-link{display:flex!important;width:100%!important;box-sizing:border-box!important;min-height:39px!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:normal!important;text-align:center!important;padding:8px 10px!important;font-size:12px!important;line-height:1.2!important;}
#fd-editor .fd-pdf-export-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
#fd-editor .fd-pdf-export-actions button{max-width:100%!important;white-space:normal!important;line-height:1.3!important;}
@media(max-width:1100px){#fd-editor .fd-actions{flex-wrap:wrap!important;}#fd-editor .fd-actions .fd-download-menu-btn{min-width:94px!important;}}
@media(max-width:640px){#fd-editor .fd-actions{gap:4px!important;}#fd-editor .fd-actions .fd-download-menu-btn{min-width:40px!important;padding:0 8px!important;}#fd-editor .fd-actions .fd-download-menu-btn>span:not(.fd-svg-icon):not(.fd-download-chevron){font-size:0!important;}#fd-editor .fd-actions .fd-download-menu-btn .fd-download-chevron{font-size:14px!important;}}

/* R6.194 — selector de descargas: opciones distintas y legibles */
.fd-pdf-export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fd-pdf-export-actions button{min-height:44px;white-space:normal;line-height:1.25}
.fd-pdf-export-note{line-height:1.5}
@media(max-width:640px){.fd-pdf-export-actions{grid-template-columns:1fr}.fd-download-menu-btn{min-width:92px}}


/* R6.195 — acciones de exportación alineadas, sin botón CMYK duplicado */
.fd-pdf-export-actions-v6195{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  justify-content:stretch!important;
}
.fd-pdf-export-actions-v6195 > button{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.25!important;
  padding:11px 13px!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}
.fd-pdf-export-actions-v6195 .fd-pdf-export-print{
  background:#e30613!important;
  border:1px solid #e30613!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 3px 0 rgba(0,0,0,.08)!important;
}
.fd-pdf-export-actions-v6195 .fd-pdf-export-print:hover{background:#bf0010!important;border-color:#bf0010!important}
.fd-pdf-export-actions-v6195 .fd-pdf-export-cancel{background:#f2f2f2!important;border:1px solid #dedede!important}
.fd-pdf-export-actions-v6195 .fd-svg-icon{flex:0 0 16px!important}
@media(max-width:560px){
 .fd-pdf-export-actions-v6195{grid-template-columns:1fr!important;gap:8px!important}
 .fd-pdf-export-actions-v6195 > button{width:100%!important}
}


/* R6.196 — acciones con jerarquía clara: formatos arriba, impresión destacada, cancelar abajo */
#fd-editor .fd-pdf-export-actions-v6196{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-areas:"design svg" "print print" "cancel cancel"!important;
  gap:10px!important; align-items:stretch!important; justify-content:stretch!important;
}
#fd-editor .fd-pdf-export-actions-v6196 .fd-pdf-export-design{grid-area:design!important}
#fd-editor .fd-pdf-export-actions-v6196 .fd-pdf-export-svg{grid-area:svg!important}
#fd-editor .fd-pdf-export-actions-v6196 .fd-pdf-export-print{grid-area:print!important;min-height:50px!important;font-size:14px!important}
#fd-editor .fd-pdf-export-actions-v6196 .fd-pdf-export-cancel{grid-area:cancel!important;justify-self:center!important;width:min(100%,220px)!important;min-height:38px!important}
#fd-editor .fd-pdf-export-actions-v6196 > button{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important;padding:11px 14px!important;margin:0!important}
#fd-editor .fd-pdf-profile-fixed{grid-column:1/-1!important;display:flex!important;align-items:center!important;background:#f8f8f8!important;border:1px solid #dedede!important;border-left:3px solid #e30613!important;border-radius:8px!important;padding:12px 14px!important}
#fd-editor .fd-pdf-profile-fixed strong{display:block!important;font-size:13px!important}
#fd-editor .fd-pdf-profile-fixed small{display:block!important;line-height:1.45!important;margin-top:4px!important;color:#555!important}
@media(max-width:560px){
 #fd-editor .fd-pdf-export-actions-v6196{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"design" "svg" "print" "cancel"!important;gap:8px!important}
 #fd-editor .fd-pdf-export-actions-v6196 .fd-pdf-export-cancel{width:100%!important}
}


/* R6.199 — botones de exportación con estética corporativa Factoría de Tinta */
#fd-editor .fd-pdf-export-actions-v6199{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-areas:"design svg" "print print" "cancel cancel"!important;
  gap:12px!important;align-items:stretch!important;margin-top:18px!important;
}
#fd-editor .fd-pdf-export-actions-v6199 > button{
  box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;
  min-height:56px!important;padding:10px 16px!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  border-radius:10px!important;font-family:Montserrat,Inter,Arial,sans-serif!important;
  font-size:12px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:.015em!important;
  text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;
  cursor:pointer!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-design{grid-area:design!important;background:#fff!important;color:#e30613!important;border:1.5px solid #e30613!important;box-shadow:0 2px 0 rgba(227,6,19,.08)!important}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-svg{grid-area:svg!important;background:#fff!important;color:#e30613!important;border:1.5px solid #e30613!important;box-shadow:0 2px 0 rgba(227,6,19,.08)!important}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-design:hover,
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-svg:hover{background:#e30613!important;border-color:#e30613!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 0 rgba(130,0,8,.16)!important}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-design > span:last-child,
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-svg > span:last-child,
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-print > span:last-child{display:flex!important;flex-direction:column!important;gap:3px!important;align-items:flex-start!important}
#fd-editor .fd-pdf-export-actions-v6199 button small{display:block!important;font-family:Inter,Arial,sans-serif!important;font-size:10px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.2!important;opacity:.78!important;text-transform:none!important}
#fd-editor .fd-pdf-export-actions-v6199 .fd-svg-icon{width:19px!important;height:19px!important;min-width:19px!important;flex:0 0 19px!important;background-color:currentColor!important;color:currentColor!important}
#fd-editor .fd-pdf-export-actions-v6199 .fd-icon-code{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8 7-5 5 5 5M16 7l5 5-5 5M14 4l-4 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8 7-5 5 5 5M16 7l5 5-5 5M14 4l-4 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-print{grid-area:print!important;min-height:60px!important;background:#e30613!important;border:1.5px solid #e30613!important;color:#fff!important;box-shadow:0 3px 0 #b8000b!important;font-size:13px!important;text-align:center!important}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-print:hover{background:#bf0010!important;border-color:#bf0010!important;transform:translateY(-1px)!important;box-shadow:0 4px 0 #97000a!important}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-print small{opacity:.9!important;color:#fff!important}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-cancel{grid-area:cancel!important;justify-self:center!important;width:min(100%,190px)!important;min-height:38px!important;padding:8px 18px!important;background:#f5f5f5!important;border:1px solid #dedede!important;color:#4b4b4b!important;font-size:11px!important;font-weight:700!important;box-shadow:none!important}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-cancel:hover{background:#e9e9e9!important;border-color:#c9c9c9!important;color:#111!important}
#fd-editor .fd-pdf-export-actions-v6199 > button:focus-visible{outline:3px solid rgba(227,6,19,.24)!important;outline-offset:3px!important}
@media(max-width:560px){
 #fd-editor .fd-pdf-export-actions-v6199{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"design" "svg" "print" "cancel"!important;gap:9px!important}
 #fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-cancel{width:100%!important}
 #fd-editor .fd-pdf-export-actions-v6199 > button{min-height:52px!important;padding:10px 14px!important}
}

/* R6.200 — PDF/X-1a: DeviceCMYK con OutputIntent ICC FOGRA39; evita ICCBased en la imagen. */


/* R6.202 — mismo icono de descarga SVG para PDF de diseño e impresión */
#fd-editor .fd-pdf-export-actions-v6199 > button{
  border-radius:18px!important;
  min-height:60px!important;
  padding:12px 18px!important;
  box-shadow:0 2px 5px rgba(0,0,0,.06)!important;
}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-design,
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-svg{
  border-radius:16px!important;
  border-width:1.5px!important;
}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-print{
  border-radius:18px!important;
  min-height:62px!important;
  justify-content:center!important;
  gap:12px!important;
  box-shadow:0 4px 0 #b8000b,0 5px 10px rgba(227,6,19,.12)!important;
}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-print:hover{
  box-shadow:0 3px 0 #97000a,0 5px 12px rgba(227,6,19,.16)!important;
}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-download-icon{
  display:block!important;width:22px!important;height:22px!important;flex:0 0 22px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:2!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
  overflow:visible!important;opacity:1!important;
}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-cancel{
  border-radius:999px!important;min-height:40px!important;box-shadow:none!important;
}
#fd-editor .fd-pdf-export-actions-v6199 > button:active{transform:translateY(1px)!important;box-shadow:none!important}
@media(max-width:560px){
 #fd-editor .fd-pdf-export-actions-v6199 > button{border-radius:15px!important;min-height:54px!important;padding:11px 14px!important}
 #fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-print{border-radius:16px!important}
}

/* R6.202 — icono de descarga consistente en PDF de diseño y PDF de impresión */
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-design-download-icon{
  display:block!important;width:19px!important;height:19px!important;flex:0 0 19px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:2!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important;opacity:1!important;
}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-design{gap:10px!important;}
#fd-editor .fd-pdf-export-actions-v6199 .fd-pdf-export-design:hover .fd-pdf-design-download-icon{stroke:#fff!important;}


/* R6.218 — exportación simplificada: solo dos opciones PDF, textos limpios y botones en paralelo */
#fd-editor .fd-pdf-export-actions,
.fd-pdf-export-modal .fd-pdf-export-actions,
.fd-pdf-export-actions.fd-pdf-export-actions-v6199{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:12px!important;
}
#fd-editor .fd-pdf-export-actions .fd-pdf-export-design,
.fd-pdf-export-modal .fd-pdf-export-actions .fd-pdf-export-design,
.fd-pdf-export-actions .fd-pdf-export-design{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  white-space:normal!important;
  text-align:center!important;
}
#fd-editor .fd-pdf-export-actions .fd-pdf-export-print,
.fd-pdf-export-modal .fd-pdf-export-actions .fd-pdf-export-print,
.fd-pdf-export-actions .fd-pdf-export-print{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  white-space:normal!important;
  text-align:center!important;
}
.fd-pdf-export-cancel-row{display:flex!important;justify-content:center!important;margin-top:12px!important}
.fd-pdf-export-cancel-row .fd-pdf-export-cancel{min-width:120px!important}
.fd-pdf-export-note{font-size:12px!important;line-height:1.55!important}
.fd-pdf-export-note strong{display:block!important;margin-bottom:4px!important}
@media(max-width:560px){
  #fd-editor .fd-pdf-export-actions,
  .fd-pdf-export-modal .fd-pdf-export-actions,
  .fd-pdf-export-actions.fd-pdf-export-actions-v6199{grid-template-columns:minmax(0,1fr)!important}
  #fd-editor .fd-pdf-export-actions .fd-pdf-export-design,
  .fd-pdf-export-modal .fd-pdf-export-actions .fd-pdf-export-design,
  .fd-pdf-export-actions .fd-pdf-export-design{grid-column:1!important;grid-row:1!important}
  #fd-editor .fd-pdf-export-actions .fd-pdf-export-print,
  .fd-pdf-export-modal .fd-pdf-export-actions .fd-pdf-export-print,
  .fd-pdf-export-actions .fd-pdf-export-print{grid-column:1!important;grid-row:2!important}
}



/* R6.220 — Los generadores viven dentro del panel lateral Herramientas Pro existente */
.fd-pro-generators{display:block!important;margin-top:14px!important;padding-top:13px!important;border-top:1px solid #e2e3e7!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}
.fd-pro-generators-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:9px}
.fd-pro-generators-heading strong{font-size:10px;letter-spacing:.08em;color:#202126}
.fd-pro-generators-heading span{font-size:10px;line-height:1.4;color:#747780}
.fd-pro-generator-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:#f0f1f3;border-radius:8px;margin-bottom:10px}
.fd-pro-generator-tabs button{min-width:0;width:100%;border:1px solid transparent;border-radius:6px;background:transparent;color:#555;padding:8px 3px;font-size:10px;font-weight:700;line-height:1.2;white-space:normal;cursor:pointer}
.fd-pro-generator-tabs button.is-active{background:#e30613;color:#fff;border-color:#e30613}
#fd-pro-generators .fd-pro-panel{display:none!important;min-width:0!important}
#fd-pro-generators .fd-pro-panel.is-active{display:block!important}
#fd-pro-generators .fd-pro-panel>label{display:block!important;margin:9px 0 5px!important;font-size:10px!important;line-height:1.35!important;font-weight:700!important;color:#303138!important}
#fd-pro-generators .fd-pro-panel input[type=text],
#fd-pro-generators .fd-pro-panel input[type=number],
#fd-pro-generators .fd-pro-panel select,
#fd-pro-generators .fd-pro-panel textarea{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:34px!important;box-sizing:border-box!important;border:1px solid #d6d8dd!important;border-radius:7px!important;padding:8px 9px!important;background:#fff!important;color:#222!important;font:12px/1.4 Arial,sans-serif!important;box-shadow:none!important}
#fd-pro-generators .fd-pro-panel textarea{resize:vertical!important;min-height:62px!important}
#fd-pro-generators .fd-pro-inline{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
#fd-pro-generators .fd-pro-inline label{display:flex!important;flex-direction:column!important;min-width:0!important;gap:5px!important;font-size:10px!important;line-height:1.3!important;font-weight:700!important;color:#333!important}
#fd-pro-generators .fd-pro-inline input[type=color],
#fd-pro-generators .fd-pro-panel>label input[type=color]{display:block!important;width:100%!important;max-width:100%!important;height:30px!important;min-height:30px!important;box-sizing:border-box!important;padding:2px!important;border:1px solid #d6d8dd!important;border-radius:6px!important;background:#fff!important}
#fd-pro-generators .fd-pro-hint{margin:10px 0!important;padding:8px!important;background:#f4f5f7!important;border-radius:7px!important;color:#666a73!important;font:10px/1.45 Arial,sans-serif!important}
#fd-pro-generators .fd-pro-create{display:block!important;width:100%!important;min-width:0!important;min-height:36px!important;box-sizing:border-box!important;padding:9px 10px!important;border:0!important;border-radius:7px!important;background:#e30613!important;color:#fff!important;font:700 11px/1.3 Arial,sans-serif!important;white-space:normal!important;cursor:pointer!important}
#fd-pro-generators .fd-pro-tools-status{min-height:0!important;margin-top:8px!important;font-size:10px!important;line-height:1.4!important;color:#276749!important;overflow-wrap:anywhere!important}
#fd-pro-generators .fd-pro-tools-status.is-error{color:#b00020!important}


/* R6.221 — Corrección de anchura real del panel y legibilidad de generadores */
#fd-editor .fd-layout{align-items:stretch!important;min-width:0!important}
#fd-editor .fd-layout>.fd-sidebar.fd-left{
  flex:0 0 238px!important;
  width:238px!important;
  min-width:238px!important;
  max-width:238px!important;
  box-sizing:border-box!important;
  flex-shrink:0!important;
}
#fd-editor .fd-layout>.fd-sidebar.fd-right{
  flex:0 0 172px!important;
  width:172px!important;
  min-width:172px!important;
  max-width:172px!important;
  flex-shrink:0!important;
}
#fd-editor .fd-layout>.fd-stage,
#fd-editor .fd-layout>.fd-canvas-area,
#fd-editor .fd-layout>.fd-workspace{min-width:0!important;flex:1 1 auto!important}
#fd-pro-generators{width:100%!important;min-width:0!important;overflow:visible!important;padding:12px 10px!important}
#fd-pro-generators .fd-pro-generator-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
#fd-pro-generators .fd-pro-generator-tabs button{font-size:10px!important;line-height:1.25!important;padding:9px 2px!important;overflow-wrap:anywhere!important}
#fd-pro-generators .fd-pro-generator-tabs button[data-pro-tab="curve"]{font-size:9px!important}
#fd-pro-generators .fd-pro-panel>label{font-size:11px!important;margin-top:11px!important}
#fd-pro-generators .fd-pro-panel input[type=text],
#fd-pro-generators .fd-pro-panel input[type=number],
#fd-pro-generators .fd-pro-panel select,
#fd-pro-generators .fd-pro-panel textarea{font-size:12px!important;line-height:1.45!important;min-height:36px!important;padding:8px!important}
#fd-pro-generators .fd-pro-panel textarea{min-height:68px!important}
#fd-pro-generators .fd-pro-hint{font-size:10px!important;line-height:1.5!important;padding:9px!important}
#fd-pro-generators .fd-pro-create{font-size:11px!important;line-height:1.4!important;padding:10px 7px!important;min-height:38px!important}
@media(max-width:1100px){
  #fd-editor .fd-layout>.fd-sidebar.fd-left{flex-basis:220px!important;width:220px!important;min-width:220px!important;max-width:220px!important}
  #fd-editor .fd-layout>.fd-sidebar.fd-right{flex-basis:150px!important;width:150px!important;min-width:150px!important;max-width:150px!important}
}
@media(max-width:760px){
  #fd-editor .fd-layout>.fd-sidebar.fd-left{flex-basis:205px!important;width:205px!important;min-width:205px!important;max-width:205px!important}
  #fd-editor .fd-layout>.fd-sidebar.fd-right{flex-basis:136px!important;width:136px!important;min-width:136px!important;max-width:136px!important}
  #fd-pro-generators{padding:10px 7px!important}
  #fd-pro-generators .fd-pro-generator-tabs button{font-size:9px!important}
}


/* R6.222 — Selector de herramienta y estados hover coherentes */
#fd-pro-generators .fd-pro-generator-selector{display:block!important;margin:10px 0 13px!important;min-width:0!important}
#fd-pro-generators .fd-pro-generator-selector>label{display:block!important;margin:0 0 6px!important;color:#333!important;font:700 11px/1.4 Arial,sans-serif!important}
#fd-pro-generators #fd-pro-generator-select{
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
 min-height:39px!important;box-sizing:border-box!important;padding:9px 32px 9px 10px!important;
 border:1px solid #cfd2d8!important;border-radius:8px!important;background-color:#fff!important;
 color:#24262b!important;font:600 12px/1.4 Arial,sans-serif!important;
 box-shadow:0 1px 2px rgba(0,0,0,.04)!important;cursor:pointer!important;
 transition:border-color .15s ease,box-shadow .15s ease!important;
}
#fd-pro-generators #fd-pro-generator-select:hover{border-color:#e30613!important;background-color:#fff!important;color:#24262b!important;box-shadow:0 0 0 2px rgba(227,6,19,.07)!important}
#fd-pro-generators #fd-pro-generator-select:focus{outline:none!important;border-color:#e30613!important;box-shadow:0 0 0 3px rgba(227,6,19,.14)!important}
#fd-pro-generators #fd-pro-generator-select option{background:#fff!important;color:#24262b!important}
#fd-pro-generators .fd-pro-create,
#fd-pro-generators .fd-pro-create:visited{background:#e30613!important;color:#fff!important;border:1px solid #e30613!important;box-shadow:none!important;transform:none!important;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease!important}
#fd-pro-generators .fd-pro-create:hover{background:#b9000b!important;color:#fff!important;border-color:#b9000b!important;box-shadow:0 2px 5px rgba(185,0,11,.2)!important;transform:translateY(-1px)!important}
#fd-pro-generators .fd-pro-create:active{background:#99000a!important;color:#fff!important;border-color:#99000a!important;box-shadow:none!important;transform:translateY(0)!important}
#fd-pro-generators .fd-pro-create:focus-visible{outline:2px solid #e30613!important;outline-offset:3px!important}
#fd-pro-generators input:hover,
#fd-pro-generators textarea:hover{border-color:#b7bbc3!important}
#fd-pro-generators input:focus,
#fd-pro-generators textarea:focus{outline:none!important;border-color:#e30613!important;box-shadow:0 0 0 2px rgba(227,6,19,.1)!important}
#fd-pro-generators input[type=color]:hover{border-color:#e30613!important}
#fd-pro-generators button:focus-visible{outline:2px solid #e30613!important;outline-offset:2px!important}


/* R6.223 — Pulido final de textos para el ancho real del panel lateral */
#fd-pro-generators{padding-left:9px!important;padding-right:9px!important}
#fd-pro-generators .fd-pro-generators-heading strong{font-size:10px!important;line-height:1.4!important;letter-spacing:.055em!important;overflow-wrap:normal!important}
#fd-pro-generators .fd-pro-generators-heading span{font-size:10px!important;line-height:1.45!important;overflow-wrap:normal!important;word-break:normal!important}
#fd-pro-generators .fd-pro-generator-selector>label{font-size:11px!important;line-height:1.4!important}
#fd-pro-generators #fd-pro-generator-select{padding-left:8px!important;padding-right:24px!important;font-size:11px!important;font-weight:600!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}
#fd-pro-generators .fd-pro-panel>label{font-size:10px!important;line-height:1.4!important;overflow-wrap:normal!important;word-break:normal!important}
#fd-pro-generators .fd-pro-panel input[type=text],
#fd-pro-generators .fd-pro-panel input[type=number],
#fd-pro-generators .fd-pro-panel select,
#fd-pro-generators .fd-pro-panel textarea{font-size:11px!important;line-height:1.4!important;padding:8px 7px!important}
#fd-pro-generators .fd-pro-inline label{font-size:9px!important;line-height:1.35!important}
#fd-pro-generators .fd-pro-hint{font-size:9px!important;line-height:1.45!important;overflow-wrap:break-word!important;word-break:normal!important}
#fd-pro-generators .fd-pro-create{font-size:10px!important;line-height:1.35!important;padding:9px 6px!important;overflow-wrap:normal!important;word-break:normal!important}


/* R6.224 — Restaurar distribución original del editor y pulir texto curvo */
#fd-editor .fd-layout{
  display:grid!important;
  grid-template-columns:245px minmax(0,1fr) 270px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#fd-editor .fd-layout>.fd-sidebar.fd-left{
  width:auto!important;min-width:0!important;max-width:none!important;
  flex:initial!important;box-sizing:border-box!important;
}
#fd-editor .fd-layout>.fd-workspace{
  width:100%!important;min-width:0!important;max-width:none!important;
  flex:initial!important;box-sizing:border-box!important;
}
#fd-editor .fd-layout>.fd-sidebar.fd-right{
  width:auto!important;min-width:0!important;max-width:none!important;
  flex:initial!important;flex-shrink:initial!important;box-sizing:border-box!important;
}
#fd-editor .fd-stage-wrap,
#fd-editor .fd-canvas-scroll{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
#fd-pro-generators .fd-pro-inline{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:8px!important}
#fd-pro-generators .fd-pro-inline label{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;min-width:0!important;min-height:0!important;gap:5px!important}
#fd-pro-generators .fd-pro-inline label input[type=number]{width:100%!important;height:36px!important;min-height:36px!important;box-sizing:border-box!important;margin:0!important}
#fd-pro-generators #fd-pro-curve-size,
#fd-pro-generators #fd-pro-curve-amount{height:36px!important;min-height:36px!important;width:100%!important;box-sizing:border-box!important}
#fd-pro-generators #fd-pro-curve-font{margin-top:0!important}
@media(max-width:1150px){
  #fd-editor .fd-layout{grid-template-columns:220px minmax(0,1fr) 230px!important}
}
@media(max-width:900px){
  #fd-editor .fd-layout{grid-template-columns:205px minmax(0,1fr) 190px!important}
}


/* R6.225 — Biblioteca gráfica y kit de marca */
#fd-editor .fd-feature-panel{display:block!important;margin:14px 0!important;padding:11px 9px!important;border:1px solid #e1e3e8!important;border-radius:10px!important;background:#fff!important;box-sizing:border-box!important;min-width:0!important}
#fd-editor .fd-feature-heading{display:flex!important;flex-direction:column!important;gap:3px!important;margin:0 0 10px!important}
#fd-editor .fd-feature-heading strong{font:800 10px/1.35 Arial,sans-serif!important;letter-spacing:.055em!important;color:#202126!important}
#fd-editor .fd-feature-heading span{font:10px/1.4 Arial,sans-serif!important;color:#777b84!important}
#fd-editor .fd-feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
#fd-editor .fd-feature-grid button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;min-height:56px!important;padding:7px 3px!important;border:1px solid #e0e2e7!important;border-radius:8px!important;background:#fafafa!important;color:#303138!important;font:600 9px/1.25 Arial,sans-serif!important;cursor:pointer!important;transition:background-color .15s,border-color .15s,color .15s,transform .15s!important}
#fd-editor .fd-feature-grid button span{font:20px/1 Arial,sans-serif!important;color:#e30613!important}
#fd-editor .fd-feature-grid button:hover{background:#fff1f2!important;border-color:#e30613!important;color:#b9000b!important;transform:translateY(-1px)!important}
#fd-editor .fd-feature-grid button:focus-visible,
#fd-editor .fd-feature-presets button:focus-visible,
#fd-editor .fd-brand-actions button:focus-visible{outline:2px solid #e30613!important;outline-offset:2px!important}
#fd-editor .fd-feature-presets{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:9px!important}
#fd-editor .fd-feature-presets button{min-width:0!important;padding:8px 2px!important;border:1px solid #e30613!important;border-radius:6px!important;background:#fff!important;color:#e30613!important;font:800 9px/1.2 Arial,sans-serif!important;cursor:pointer!important}
#fd-editor .fd-feature-presets button:hover{background:#e30613!important;color:#fff!important}
#fd-editor #fd-brand-kit>label{display:block!important;margin:9px 0 5px!important;color:#35363b!important;font:700 10px/1.35 Arial,sans-serif!important}
#fd-editor #fd-brand-kit input[type=text],
#fd-editor #fd-brand-kit select{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:34px!important;box-sizing:border-box!important;padding:7px 8px!important;border:1px solid #d6d8dd!important;border-radius:7px!important;background:#fff!important;color:#222!important;font:11px/1.4 Arial,sans-serif!important}
#fd-editor .fd-brand-colors{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:9px!important}
#fd-editor .fd-brand-colors label{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;color:#555!important;font:9px/1.3 Arial,sans-serif!important}
#fd-editor .fd-brand-colors input[type=color]{width:100%!important;max-width:100%!important;height:31px!important;min-height:31px!important;box-sizing:border-box!important;padding:2px!important;border:1px solid #d6d8dd!important;border-radius:6px!important;background:#fff!important}
#fd-editor .fd-brand-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:10px!important}
#fd-editor .fd-brand-actions button{min-width:0!important;min-height:34px!important;padding:7px 5px!important;border:1px solid #e30613!important;border-radius:7px!important;background:#fff!important;color:#e30613!important;font:700 9px/1.25 Arial,sans-serif!important;cursor:pointer!important}
#fd-editor .fd-brand-actions button:first-child{grid-column:1/-1!important;background:#e30613!important;color:#fff!important}
#fd-editor .fd-brand-actions button:hover{background:#b9000b!important;border-color:#b9000b!important;color:#fff!important}
#fd-editor #fd-brand-status{min-height:0!important;margin:8px 0 0!important;color:#28734a!important;font:10px/1.4 Arial,sans-serif!important;overflow-wrap:anywhere!important}
#fd-editor #fd-brand-status.is-error{color:#b00020!important}
@media(max-width:900px){
 #fd-editor .fd-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #fd-editor .fd-brand-colors{gap:4px!important}
}


/* R6.226 — Kit de marca: botones legibles, logotipo persistente y creador */
#fd-editor #fd-brand-kit .fd-brand-actions{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:11px!important;width:100%!important}
#fd-editor #fd-brand-kit .fd-brand-actions button{display:block!important;grid-column:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:36px!important;height:auto!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;text-align:center!important;padding:9px 8px!important;font:700 10px/1.35 Arial,sans-serif!important;border-radius:7px!important;box-sizing:border-box!important;box-shadow:none!important;transform:none!important}
#fd-editor #fd-brand-kit .fd-brand-actions button:first-child{background:#e30613!important;color:#fff!important;border-color:#e30613!important}
#fd-editor #fd-brand-kit .fd-brand-actions button:not(:first-child){background:#fff!important;color:#c90010!important;border-color:#e30613!important}
#fd-editor #fd-brand-kit .fd-brand-actions button:hover{background:#b9000b!important;color:#fff!important;border-color:#b9000b!important}
#fd-editor .fd-brand-logo-preview{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:66px!important;margin-top:10px!important;padding:9px!important;border:1px dashed #d5d7dc!important;border-radius:8px!important;background:#fafafa!important;color:#777b84!important;text-align:center!important;font:10px/1.4 Arial,sans-serif!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}
#fd-editor .fd-brand-logo-preview img{display:block!important;max-width:100%!important;max-height:70px!important;object-fit:contain!important}
#fd-editor .fd-brand-logo-preview span{max-width:100%!important;overflow-wrap:anywhere!important}
#fd-editor #fd-logo-maker>label{display:block!important;margin:9px 0 5px!important;color:#35363b!important;font:700 10px/1.35 Arial,sans-serif!important}
#fd-editor #fd-logo-maker input[type=text],
#fd-editor #fd-logo-maker select{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:36px!important;height:auto!important;box-sizing:border-box!important;padding:8px!important;border:1px solid #d6d8dd!important;border-radius:7px!important;background:#fff!important;color:#222!important;font:11px/1.4 Arial,sans-serif!important}
#fd-editor #fd-logo-maker .fd-brand-actions{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:10px!important}
#fd-editor #fd-logo-maker .fd-brand-actions button{width:100%!important;min-height:36px!important;white-space:normal!important;overflow-wrap:break-word!important}
#fd-editor #fd-logo-maker .fd-brand-actions button:first-child{background:#e30613!important;color:#fff!important;border-color:#e30613!important}
#fd-editor #fd-logo-maker .fd-brand-actions button:not(:first-child){background:#fff!important;color:#c90010!important;border-color:#e30613!important}
#fd-editor #fd-logo-maker .fd-brand-actions button:hover{background:#b9000b!important;color:#fff!important;border-color:#b9000b!important}
#fd-editor .fd-logo-maker-note{margin:9px 0 0!important;color:#777b84!important;font:10px/1.45 Arial,sans-serif!important}


/* R6.227 — Biblioteca de kits de marca y aplicación de paleta */
#fd-editor #fd-brand-kit #fd-brand-kit-select{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:36px!important;box-sizing:border-box!important;margin:4px 0 8px!important;padding:8px!important;border:1px solid #d6d8dd!important;border-radius:7px!important;background:#fff!important;color:#222!important;font:11px/1.4 Arial,sans-serif!important}
#fd-editor #fd-brand-kit .fd-brand-library-actions{margin:4px 0 10px!important;padding:8px!important;border:1px solid #ececef!important;border-radius:8px!important;background:#fafafa!important}
#fd-editor #fd-brand-kit .fd-brand-library-actions button{min-height:33px!important;font-size:10px!important}
#fd-editor #fd-brand-kit .fd-brand-library-actions button:first-child{background:#fff!important;color:#c90010!important;border-color:#e30613!important}
#fd-editor #fd-brand-kit .fd-brand-library-actions button:hover{background:#b9000b!important;color:#fff!important;border-color:#b9000b!important}


/* R6.228 — Estudio de logotipos ampliado */
#fd-editor #fd-logo-maker .fd-logo-control-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;margin:8px 0!important}
#fd-editor #fd-logo-maker .fd-logo-control-grid>div{min-width:0!important}
#fd-editor #fd-logo-maker .fd-logo-colors{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:7px 0!important}
#fd-editor #fd-logo-maker .fd-logo-colors label{min-width:0!important;font:700 9px/1.3 Arial,sans-serif!important;color:#555!important}
#fd-editor #fd-logo-maker .fd-logo-colors input[type=color]{display:block!important;width:100%!important;height:34px!important;min-height:34px!important;padding:3px!important;box-sizing:border-box!important;border:1px solid #d6d8dd!important;border-radius:7px!important;background:#fff!important}
#fd-editor #fd-logo-maker input[type=text],#fd-editor #fd-logo-maker select{font-size:11px!important}
#fd-editor #fd-logo-maker .fd-logo-studio-actions button:nth-child(2){background:#fff!important;color:#c90010!important;border:1px solid #e30613!important}
@media(max-width:420px){#fd-editor #fd-logo-maker .fd-logo-control-grid{grid-template-columns:minmax(0,1fr)!important}}


/* R6.229 — Estudio de logotipos: controles creativos y presets */
#fd-editor .fd-logo-studio input[type="range"]{display:block!important;width:100%!important;min-width:0!important;accent-color:#e30613!important;margin:5px 0 12px!important;cursor:pointer}
#fd-editor .fd-logo-studio label span{float:right!important;color:#e30613!important;font-weight:700!important}
#fd-editor .fd-logo-preset-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:10px 0!important}
#fd-editor .fd-logo-preset-row button{display:block!important;min-width:0!important;width:100%!important;min-height:34px!important;padding:7px 5px!important;white-space:normal!important;line-height:1.25!important;font:700 10px/1.25 Arial,sans-serif!important;border:1px solid #e30613!important;border-radius:7px!important;background:#fff!important;color:#c90010!important;cursor:pointer!important;box-sizing:border-box!important}
#fd-editor .fd-logo-preset-row button:hover,#fd-editor .fd-logo-preset-row button:focus-visible{background:#e30613!important;color:#fff!important;outline:none!important}
#fd-editor .fd-logo-studio-actions button{min-height:37px!important;white-space:normal!important;line-height:1.35!important}


/* R6.230 — Datos variables y galería ampliada de estilos */
#fd-editor .fd-variable-data{margin-top:12px!important;padding:10px!important;border:1px solid #e5e5e8!important;border-radius:10px!important;background:#fff!important}
#fd-editor .fd-variable-data .fd-variable-help,#fd-editor .fd-variable-data .fd-variable-note{font-size:10px!important;line-height:1.5!important;color:#555!important;margin:7px 0 10px!important}
#fd-editor .fd-variable-data code{font:600 10px/1.3 Consolas,monospace!important;background:#f4f4f5!important;color:#b9000b!important;padding:2px 4px!important;border-radius:4px!important}
#fd-editor .fd-variable-data textarea{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;resize:vertical!important;border:1px solid #d5d7dc!important;border-radius:7px!important;padding:8px!important;font:11px/1.5 Consolas,monospace!important;color:#222!important;background:#fff!important}
#fd-editor .fd-variable-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:7px 0!important}
#fd-editor .fd-variable-actions button,#fd-editor .fd-variable-nav button{min-width:0!important;width:100%!important;box-sizing:border-box!important;white-space:normal!important;line-height:1.3!important;font:700 10px/1.3 Arial,sans-serif!important;min-height:34px!important;padding:7px 5px!important;border:1px solid #e30613!important;border-radius:7px!important;background:#fff!important;color:#c90010!important;cursor:pointer!important}
#fd-editor .fd-variable-actions button:hover,#fd-editor .fd-variable-nav button:hover{background:#e30613!important;color:#fff!important}
#fd-editor .fd-variable-actions-primary{grid-template-columns:minmax(0,1fr)!important}
#fd-editor .fd-variable-actions-primary button{background:#e30613!important;color:#fff!important}
#fd-editor .fd-variable-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:5px!important;margin:8px 0!important;padding:7px!important;border-radius:8px!important;background:#f7f7f8!important}
#fd-editor .fd-variable-nav strong{font:700 10px Arial,sans-serif!important;white-space:nowrap!important;color:#222!important}
#fd-editor .fd-variable-status{font:600 10px/1.45 Arial,sans-serif!important;min-height:24px!important;padding:7px!important;background:#f7f7f8!important;border-radius:6px!important;overflow-wrap:anywhere!important}
#fd-editor .fd-logo-preset-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}


/* R6.231 — Reparación visible de botones del estudio y PDF de datos variables */
#fd-editor #fd-logo-maker .fd-logo-preset-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;min-width:0!important;margin:10px 0!important}
#fd-editor #fd-logo-maker .fd-logo-preset-row button,
#fd-editor #fd-logo-maker .fd-logo-preset-row button:visited{display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;min-width:0!important;width:100%!important;height:auto!important;min-height:36px!important;padding:8px 5px!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important;text-indent:0!important;text-transform:none!important;font-family:Arial,sans-serif!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:0!important;color:#c90010!important;background:#fff!important;border:1px solid #e30613!important;border-radius:7px!important;box-shadow:none!important;text-shadow:none!important;cursor:pointer!important}
#fd-editor #fd-logo-maker .fd-logo-preset-row button::before,
#fd-editor #fd-logo-maker .fd-logo-preset-row button::after{content:none!important;display:none!important}
#fd-editor #fd-logo-maker .fd-logo-preset-row button:hover,
#fd-editor #fd-logo-maker .fd-logo-preset-row button:focus-visible{background:#e30613!important;color:#fff!important;border-color:#e30613!important;outline:2px solid rgba(227,6,19,.18)!important;outline-offset:1px!important}
#fd-editor #fd-logo-maker .fd-brand-actions{display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important}
#fd-editor #fd-logo-maker .fd-brand-actions button{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;min-width:0!important;min-height:38px!important;height:auto!important;padding:9px 8px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-indent:0!important;font:800 10px/1.35 Arial,sans-serif!important;text-align:center!important;text-shadow:none!important;box-sizing:border-box!important}
#fd-editor #fd-logo-maker .fd-brand-actions button:first-child{background:#e30613!important;color:#fff!important}
#fd-editor #fd-logo-maker .fd-brand-actions button:not(:first-child){background:#fff!important;color:#c90010!important}
#fd-editor #fd-logo-maker .fd-brand-actions button:hover{background:#b9000b!important;color:#fff!important}
#fd-editor #fd-variable-data [data-action="export-variable-batch-pdf"]{display:block!important;width:100%!important;min-height:40px!important;padding:9px!important;background:#e30613!important;border:1px solid #e30613!important;border-radius:7px!important;color:#fff!important;font:800 10px/1.35 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important}
#fd-editor #fd-variable-data [data-action="export-variable-batch-pdf"]:disabled{opacity:.65!important;cursor:wait!important}


/* R6.232 — Panel lateral limpio: selector de estilos y datos variables plegables */
#fd-editor #fd-logo-maker .fd-logo-preset-select-wrap{display:flex!important;flex-direction:column!important;gap:5px!important;margin:10px 0!important;padding:9px!important;background:#f7f7f8!important;border:1px solid #e5e5e7!important;border-radius:9px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important}
#fd-editor #fd-logo-maker .fd-logo-preset-select-wrap label{display:block!important;margin:0!important;font:700 10px/1.35 Arial,sans-serif!important;color:#333!important}
#fd-editor #fd-logo-maker #fd-logo-preset-select{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:36px!important;padding:7px 26px 7px 9px!important;border:1px solid #d1d5db!important;border-radius:7px!important;background:#fff!important;color:#222!important;font:600 11px/1.3 Arial,sans-serif!important;box-sizing:border-box!important;white-space:normal!important}
#fd-editor #fd-logo-maker .fd-logo-preset-hint{margin:0!important;font:10px/1.45 Arial,sans-serif!important;color:#666!important;overflow-wrap:anywhere!important}
#fd-editor #fd-logo-maker .fd-logo-preset-row{display:none!important}
#fd-editor #fd-variable-data{display:block!important;margin:10px 0!important;padding:0!important;border:1px solid #e1e3e6!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;box-sizing:border-box!important;width:100%!important;min-width:0!important}
#fd-editor #fd-variable-data .fd-variable-details{display:block!important;width:100%!important;min-width:0!important}
#fd-editor #fd-variable-data .fd-variable-details>summary{display:flex!important;flex-direction:column!important;gap:3px!important;position:relative!important;list-style:none!important;cursor:pointer!important;padding:11px 30px 11px 11px!important;background:#f7f7f8!important;color:#222!important;box-sizing:border-box!important}
#fd-editor #fd-variable-data .fd-variable-details>summary::-webkit-details-marker{display:none!important}
#fd-editor #fd-variable-data .fd-variable-details>summary::after{content:"+"!important;position:absolute!important;right:11px!important;top:50%!important;transform:translateY(-50%)!important;font:700 18px/1 Arial,sans-serif!important;color:#e30613!important}
#fd-editor #fd-variable-data .fd-variable-details[open]>summary::after{content:"−"!important}
#fd-editor #fd-variable-data .fd-variable-details>summary span{font:800 11px/1.3 Arial,sans-serif!important;letter-spacing:.3px!important;color:#222!important}
#fd-editor #fd-variable-data .fd-variable-details>summary small{font:10px/1.4 Arial,sans-serif!important;color:#666!important}
#fd-editor #fd-variable-data .fd-variable-body{padding:10px!important;box-sizing:border-box!important;min-width:0!important}
#fd-editor #fd-variable-data .fd-variable-help,#fd-editor #fd-variable-data .fd-variable-note{font:10px/1.5 Arial,sans-serif!important;color:#555!important;margin:0 0 9px!important;overflow-wrap:anywhere!important}
#fd-editor #fd-variable-data label{display:block!important;margin:8px 0 5px!important;font:700 10px/1.35 Arial,sans-serif!important;color:#333!important}
#fd-editor #fd-variable-data textarea{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:112px!important;height:112px!important;max-height:220px!important;box-sizing:border-box!important;resize:vertical!important;border:1px solid #d5d7dc!important;border-radius:7px!important;padding:8px!important;font:10px/1.45 Consolas,monospace!important;color:#222!important;background:#fff!important;overflow:auto!important;white-space:pre!important}
#fd-editor #fd-variable-data .fd-variable-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;margin:8px 0!important;width:100%!important}
#fd-editor #fd-variable-data .fd-variable-actions button,#fd-editor #fd-variable-data .fd-variable-nav button{display:block!important;width:100%!important;min-width:0!important;min-height:34px!important;height:auto!important;box-sizing:border-box!important;padding:8px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;font:700 10px/1.35 Arial,sans-serif!important;border:1px solid #dedfe3!important;border-radius:7px!important;background:#fff!important;color:#333!important;cursor:pointer!important}
#fd-editor #fd-variable-data .fd-variable-actions button:hover,#fd-editor #fd-variable-data .fd-variable-nav button:hover{background:#e30613!important;border-color:#e30613!important;color:#fff!important}
#fd-editor #fd-variable-data .fd-variable-actions-primary button{background:#e30613!important;border-color:#e30613!important;color:#fff!important}
#fd-editor #fd-variable-data .fd-variable-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:5px!important;margin:8px 0!important;padding:7px!important;background:#f7f7f8!important;border-radius:8px!important;box-sizing:border-box!important}
#fd-editor #fd-variable-data .fd-variable-nav strong{font:700 10px Arial,sans-serif!important;white-space:nowrap!important;color:#222!important}
#fd-editor #fd-variable-data .fd-variable-status{font:600 10px/1.45 Arial,sans-serif!important;min-height:20px!important;padding:7px!important;margin:7px 0!important;background:#f7f7f8!important;border-radius:6px!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}
#fd-editor #fd-variable-data code{font:600 10px/1.3 Consolas,monospace!important;background:#f4f4f5!important;color:#b9000b!important;padding:2px 4px!important;border-radius:4px!important;overflow-wrap:anywhere!important}
#fd-editor #fd-variable-data [data-action="export-variable-batch-pdf"]{min-height:40px!important;background:#e30613!important;border-color:#e30613!important;color:#fff!important}


/* R6.233 — Paletas profesionales y portabilidad de kits */
#fd-editor #fd-brand-kit .fd-brand-actions.fd-brand-transfer-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important}
#fd-editor #fd-brand-kit #fd-brand-preset-palette{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;min-height:36px!important;padding:7px 26px 7px 9px!important;border:1px solid #d1d5db!important;border-radius:7px!important;background:#fff!important;color:#222!important;font:600 11px/1.3 Arial,sans-serif!important}
#fd-editor #fd-brand-kit .fd-brand-transfer-actions button{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;min-height:34px!important;height:auto!important;line-height:1.35!important;padding:7px 5px!important;font-size:10px!important}


/* R6.234 — corrección visual fuerte para la barra lateral estrecha */
#fd-editor #fd-variable-data,
#fd-editor .fd-variable-data{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #dfe2e6!important;border-radius:10px!important;box-sizing:border-box!important;margin:8px 0!important;padding:0!important;color:#222!important}
#fd-editor #fd-variable-data details{display:block!important;width:100%!important;min-width:0!important}
#fd-editor #fd-variable-data details>summary{display:block!important;position:relative!important;padding:12px 34px 12px 12px!important;min-height:42px!important;background:#f5f6f8!important;border-bottom:1px solid #e5e7eb!important;color:#222!important;box-sizing:border-box!important;cursor:pointer!important}
#fd-editor #fd-variable-data details>summary span{display:block!important;font-size:11px!important;line-height:1.35!important;font-weight:800!important;color:#202124!important}
#fd-editor #fd-variable-data details>summary small{display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1.4!important;color:#62666d!important}
#fd-editor #fd-variable-data .fd-variable-body{display:flex!important;flex-direction:column!important;gap:7px!important;padding:10px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important}
#fd-editor #fd-variable-data .fd-variable-help,
#fd-editor #fd-variable-data .fd-variable-note{display:block!important;margin:0!important;padding:8px!important;border-radius:6px!important;background:#f7f7f8!important;color:#555!important;font:10px/1.45 Arial,sans-serif!important;overflow-wrap:anywhere!important}
#fd-editor #fd-variable-data label{display:block!important;margin:2px 0 0!important;color:#333!important;font:700 10px/1.35 Arial,sans-serif!important}
#fd-editor #fd-variable-data textarea#fd-variable-csv{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:100px!important;min-height:100px!important;max-height:180px!important;margin:0!important;padding:9px!important;resize:vertical!important;box-sizing:border-box!important;border:1px solid #cfd3d8!important;border-radius:7px!important;background:#fff!important;color:#202124!important;font:10px/1.45 Consolas,monospace!important;white-space:pre!important;overflow:auto!important}
#fd-editor #fd-variable-data .fd-variable-actions{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
#fd-editor #fd-variable-data .fd-variable-actions button,
#fd-editor #fd-variable-data .fd-variable-nav button{appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:34px!important;margin:0!important;padding:8px 9px!important;box-sizing:border-box!important;border:1px solid #d5d8dd!important;border-radius:7px!important;background:#fff!important;color:#303238!important;font:700 10px/1.35 Arial,sans-serif!important;text-align:center!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;text-indent:0!important;text-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere!important;box-shadow:none!important;cursor:pointer!important}
#fd-editor #fd-variable-data .fd-variable-actions button:hover,
#fd-editor #fd-variable-data .fd-variable-nav button:hover{background:#e30613!important;border-color:#e30613!important;color:#fff!important}
#fd-editor #fd-variable-data .fd-variable-actions-primary button,
#fd-editor #fd-variable-data [data-action="export-variable-batch-pdf"]{background:#e30613!important;border-color:#e30613!important;color:#fff!important}
#fd-editor #fd-variable-data .fd-variable-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important;padding:7px!important;border-radius:7px!important;background:#f5f6f8!important;box-sizing:border-box!important}
#fd-editor #fd-variable-data .fd-variable-nav strong{font:800 10px/1.2 Arial,sans-serif!important;color:#202124!important;white-space:nowrap!important}
#fd-editor #fd-variable-data .fd-variable-status{display:block!important;width:100%!important;min-width:0!important;min-height:20px!important;padding:7px 8px!important;margin:0!important;border-radius:6px!important;background:#f7f7f8!important;color:#50545a!important;font:10px/1.45 Arial,sans-serif!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}
#fd-editor #fd-variable-data code{font:700 10px/1.3 Consolas,monospace!important;background:#eceef1!important;color:#b9000b!important;padding:1px 3px!important;border-radius:3px!important;overflow-wrap:anywhere!important}
#fd-editor #fd-logo-maker .fd-logo-preset-select-wrap{display:flex!important;flex-direction:column!important;gap:6px!important;margin:9px 0!important;padding:9px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;border:1px solid #e0e2e5!important;border-radius:8px!important;background:#f7f7f8!important}
#fd-editor #fd-logo-maker #fd-logo-preset-select{appearance:auto!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:38px!important;padding:8px 28px 8px 9px!important;border:1px solid #cfd3d8!important;border-radius:7px!important;background:#fff!important;color:#202124!important;font:600 11px/1.3 Arial,sans-serif!important;box-sizing:border-box!important}
#fd-editor #fd-logo-maker .fd-logo-preset-select-wrap label{display:block!important;color:#303238!important;font:800 10px/1.35 Arial,sans-serif!important;margin:0!important}
#fd-editor #fd-logo-maker .fd-logo-preset-hint{display:block!important;margin:0!important;color:#62666d!important;font:10px/1.4 Arial,sans-serif!important}
#fd-editor #fd-logo-maker .fd-logo-preset-row,
#fd-editor #fd-logo-maker .fd-logo-preset-buttons,
#fd-editor #fd-logo-maker [data-role="logo-presets"]{display:none!important}
#fd-editor #fd-logo-maker .fd-logo-studio-actions{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important}
#fd-editor #fd-logo-maker .fd-logo-studio-actions button{display:block!important;width:100%!important;min-width:0!important;min-height:36px!important;height:auto!important;padding:8px!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;font:700 10px/1.35 Arial,sans-serif!important}


/* R6.235 — fondos rápidos y paletas de fondo */
#fd-editor #fd-background-tools .fd-bg-presets{display:flex!important;flex-direction:column!important;gap:5px!important;margin:8px 0!important;padding:9px!important;border:1px solid #e1e4e8!important;border-radius:8px!important;background:#f7f8fa!important;box-sizing:border-box!important;min-width:0!important}
#fd-editor #fd-background-tools .fd-bg-preset-label{display:block!important;font:800 10px/1.35 Arial,sans-serif!important;color:#303238!important}
#fd-editor #fd-background-tools .fd-bg-presets select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:36px!important;padding:8px 26px 8px 9px!important;border:1px solid #cfd3d8!important;border-radius:7px!important;background:#fff!important;color:#202124!important;font:600 11px/1.3 Arial,sans-serif!important;box-sizing:border-box!important}
#fd-editor #fd-background-tools .fd-bg-solid-swatches{display:grid!important;grid-template-columns:1fr repeat(6,minmax(20px,28px))!important;gap:5px!important;align-items:center!important;margin:5px 0 8px!important;padding:0 2px!important;min-width:0!important}
#fd-editor #fd-background-tools .fd-bg-solid-swatches>span{font:700 9px/1.25 Arial,sans-serif!important;color:#555!important}
#fd-editor #fd-background-tools .fd-bg-solid-swatches .fd-bg-swatch{display:block!important;width:25px!important;min-width:20px!important;height:25px!important;min-height:25px!important;padding:0!important;margin:0!important;border:1px solid #b8bdc4!important;border-radius:6px!important;background:var(--fd-swatch)!important;box-shadow:inset 0 0 0 1px #ffffff55!important;cursor:pointer!important}
#fd-editor #fd-background-tools .fd-bg-solid-swatches .fd-bg-swatch:hover{outline:2px solid #e30613!important;outline-offset:1px!important}


/* R6.236 — selector ampliado de identidades por sector */
#fd-editor #fd-logo-maker .fd-logo-preset-select-wrap{margin:9px 0!important;padding:10px!important;background:#f7f8fa!important;border:1px solid #e1e4e8!important;border-radius:9px!important}
#fd-editor #fd-logo-maker #fd-logo-preset-select{min-height:40px!important;font-size:11px!important;font-weight:700!important;border-color:#c8cdd4!important;box-shadow:0 1px 2px #00000008!important}
#fd-editor #fd-logo-maker #fd-logo-preset-select:focus{outline:2px solid #e30613!important;outline-offset:1px!important}
#fd-editor #fd-logo-maker .fd-logo-preset-hint{font-size:10px!important;line-height:1.45!important;color:#5f6368!important}


/* R6.237 — barra compacta de acciones de capas */
#fd-editor .fd-layer-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:8px 0 10px;padding:8px;background:#f7f8fa;border:1px solid #e3e5e8;border-radius:9px}
#fd-editor .fd-layer-toolbar button{appearance:none;min-width:0;min-height:30px;padding:6px 8px!important;border:1px solid #d8dce1!important;border-radius:6px!important;background:#fff!important;color:#272727!important;font-size:10px!important;font-weight:700!important;line-height:1.25!important;text-align:center;cursor:pointer;white-space:normal}
#fd-editor .fd-layer-toolbar button:hover{background:#fff1f2!important;border-color:#e30613!important;color:#b9000b!important}
#fd-editor .fd-layer-toolbar button:focus-visible{outline:2px solid #e30613!important;outline-offset:2px}
#fd-editor .fd-layer-toolbar button[data-action="select-all"]{grid-column:1/-1;background:#171717!important;color:#fff!important;border-color:#171717!important}
#fd-editor .fd-layer-toolbar button[data-action="select-all"]:hover{background:#333!important}
@media(max-width:520px){#fd-editor .fd-layer-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px}#fd-editor .fd-layer-toolbar button{font-size:10px!important}}


/* R6.238 — los iconos generados se dibujan como formas vectoriales reconocibles */
#fd-editor .fd-logo-preset-hint{max-width:100%;overflow-wrap:anywhere}
#fd-editor [data-action^="add-"]{transition:background-color .15s ease,border-color .15s ease,color .15s ease}
#fd-editor [data-action^="add-"]:focus-visible{outline:2px solid #e30613!important;outline-offset:2px}


/* R6.239 — biblioteca de formas ampliada */
#fd-editor .fd-extra-shape-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;font:700 24px/1 Arial,sans-serif!important;color:currentColor!important;flex:0 0 26px!important}
#fd-editor .fd-tools-grid button:has(.fd-extra-shape-icon){display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important}
#fd-editor .fd-tools-grid button:has(.fd-extra-shape-icon) .fd-tool-label{overflow-wrap:anywhere!important}

/* R6.240 — iconos de nuevas formas: centrados y consistentes */
#fd-editor .fd-extra-shape-icon{line-height:1!important;text-align:center!important;min-width:26px!important}
#fd-editor .fd-tools-grid button:has(.fd-extra-shape-icon){min-height:48px!important}

/* R6.241 — buscador de elementos del editor */
.fd-element-search{margin-top:8px!important;margin-bottom:8px!important}
.fd-element-search-empty{margin:2px 0 8px!important;padding:9px!important;border:1px dashed #d7d7d7!important;border-radius:7px!important;color:#666!important;font-size:12px!important;line-height:1.4!important}
.fd-tools-grid > button[hidden]{display:none!important}


/* R6.242 — paneles de elementos y propiedades: controles completos y formas coherentes */
#fd-editor .fd-layout{min-width:0!important;grid-template-columns:minmax(190px,245px) minmax(0,1fr) minmax(210px,270px)!important;}
#fd-editor .fd-left,#fd-editor .fd-right,#fd-editor .fd-properties,#fd-editor .fd-properties-panel{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
#fd-editor .fd-right button,#fd-editor .fd-properties button,#fd-editor .fd-properties-panel button{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;}
#fd-editor .fd-right input,#fd-editor .fd-right select,#fd-editor .fd-right textarea,#fd-editor .fd-properties input,#fd-editor .fd-properties select,#fd-editor .fd-properties textarea{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;}
#fd-editor .fd-tools-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:100%!important;min-width:0!important;}
#fd-editor .fd-tools-grid>button{width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;}
#fd-editor .fd-extra-shape-icon{font-family:Arial,sans-serif!important;font-size:21px!important;line-height:1!important;}
@media(max-width:1100px){#fd-editor .fd-layout{grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(200px,235px)!important;}}
@media(max-width:900px){#fd-editor .fd-layout{grid-template-columns:minmax(0,1fr)!important;}#fd-editor .fd-left,#fd-editor .fd-right{max-width:min(300px,90vw)!important;}}


/* R6.243 — corrección de contraste y paneles: botones siempre legibles. */
#fd-editor .fd-right button,
#fd-editor .fd-properties button,
#fd-editor .fd-properties-panel button,
#fd-editor .fd-layers button,
#fd-editor .fd-layer-icon {
  color:#24272c!important;
  -webkit-text-fill-color:#24272c!important;
  background-color:#fff!important;
  border-color:#d5d9df!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
#fd-editor .fd-right button svg,
#fd-editor .fd-properties button svg,
#fd-editor .fd-properties-panel button svg,
#fd-editor .fd-layers button svg,
#fd-editor .fd-layer-icon svg { color:currentColor!important; stroke:currentColor!important; opacity:1!important; }
#fd-editor .fd-right button:hover,
#fd-editor .fd-properties button:hover,
#fd-editor .fd-properties-panel button:hover,
#fd-editor .fd-layers button:hover { background:#fff3f4!important;color:#c90010!important;-webkit-text-fill-color:#c90010!important;border-color:#e30613!important; }
#fd-editor .fd-tools-grid button { min-height:62px!important;height:62px!important;padding:6px 4px!important;gap:5px!important; }
#fd-editor .fd-tools-grid .fd-svg-icon { display:flex!important;width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important;align-items:center!important;justify-content:center!important;color:#202328!important; }
#fd-editor .fd-tools-grid .fd-svg-icon svg { width:27px!important;height:27px!important;stroke-width:1.8!important; }
#fd-editor .fd-tools-grid .fd-tool-label { display:block!important;max-width:100%!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font-size:9px!important;font-weight:800!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:anywhere!important; }
#fd-editor .fd-tools-grid button:hover .fd-svg-icon {color:#e30613!important;}
#fd-editor .fd-tools-grid button[hidden] {display:none!important;}
#fd-editor .fd-right .fd-layers,
#fd-editor #fd-layers {min-width:0!important;width:100%!important;}
#fd-editor #fd-layers button {min-width:0!important;max-width:100%!important;}
#fd-editor #fd-logo-maker {box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:12px!important;overflow:visible!important;background:#fff!important;border:1px solid #e0e3e7!important;border-radius:10px!important;}
#fd-editor #fd-logo-maker .fd-feature-heading {display:flex!important;flex-direction:column!important;gap:4px!important;margin:0 0 12px!important;}
#fd-editor #fd-logo-maker .fd-feature-heading strong {font-size:11px!important;line-height:1.35!important;color:#202328!important;letter-spacing:.04em!important;}
#fd-editor #fd-logo-maker .fd-feature-heading span,
#fd-editor #fd-logo-maker .fd-logo-maker-note {display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.45!important;font-size:10px!important;color:#5f6368!important;}
#fd-editor #fd-logo-maker label {display:block!important;max-width:100%!important;margin:9px 0 4px!important;color:#34383e!important;font-size:10px!important;font-weight:750!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important;}
#fd-editor #fd-logo-maker input:not([type=color]):not([type=range]),
#fd-editor #fd-logo-maker select {box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:35px!important;padding:7px 8px!important;background:#fff!important;color:#202328!important;border:1px solid #cbd0d7!important;border-radius:6px!important;font-size:11px!important;line-height:1.3!important;}
#fd-editor #fd-logo-maker .fd-logo-control-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;}
#fd-editor #fd-logo-maker .fd-logo-control-grid>div {min-width:0!important;width:100%!important;}
#fd-editor #fd-logo-maker .fd-logo-colors {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;}
#fd-editor #fd-logo-maker .fd-logo-colors label {min-width:0!important;font-size:9px!important;}
#fd-editor #fd-logo-maker input[type=color] {box-sizing:border-box!important;width:100%!important;min-width:0!important;height:32px!important;padding:2px!important;}
#fd-editor #fd-logo-maker input[type=range] {width:100%!important;min-width:0!important;max-width:100%!important;}
#fd-editor #fd-logo-maker .fd-logo-studio-actions {display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;margin-top:12px!important;}
#fd-editor #fd-logo-maker .fd-logo-studio-actions button {box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;min-height:39px!important;height:auto!important;padding:9px 8px!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.35!important;font-size:10px!important;font-weight:800!important;background:#e30613!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #e30613!important;border-radius:7px!important;}
#fd-editor #fd-logo-maker .fd-logo-studio-actions button:not(:first-child) {background:#fff!important;color:#c90010!important;-webkit-text-fill-color:#c90010!important;}
#fd-editor #fd-logo-maker .fd-logo-studio-actions button:hover {background:#b9000b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}


/* R6.244 — fix definitivo de acciones de capas, datos variables y estudio de logotipos.
   Selectores acotados al editor para neutralizar estilos del tema WordPress. */
#fd-editor .fd-layer-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:8px!important;margin:8px 0 10px!important;background:#f5f6f8!important;border:1px solid #dfe2e7!important;border-radius:9px!important;}
#fd-editor .fd-layer-toolbar button{appearance:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important;width:100%!important;min-height:38px!important;height:auto!important;margin:0!important;padding:7px 9px!important;box-sizing:border-box!important;overflow:visible!important;white-space:normal!important;background:#fff!important;color:#24272c!important;-webkit-text-fill-color:#24272c!important;border:1px solid #d2d7de!important;border-radius:7px!important;font:700 10px/1.25 Arial,sans-serif!important;text-align:left!important;text-indent:0!important;text-shadow:none!important;opacity:1!important;box-shadow:none!important;}
#fd-editor .fd-layer-toolbar button svg{display:block!important;visibility:visible!important;opacity:1!important;width:19px!important;height:19px!important;min-width:19px!important;flex:0 0 19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;color:inherit!important;}
#fd-editor .fd-layer-toolbar button span{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;width:auto!important;height:auto!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;font:inherit!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;}
#fd-editor .fd-layer-toolbar button[data-action="select-all"]{grid-column:1/-1!important;background:#202328!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#202328!important;justify-content:center!important;}
#fd-editor .fd-layer-toolbar button:hover{background:#fff0f1!important;color:#b9000b!important;-webkit-text-fill-color:#b9000b!important;border-color:#e30613!important;}
#fd-editor .fd-layer-toolbar button[data-action="select-all"]:hover{background:#34383e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
#fd-editor #fd-variable-data{overflow:visible!important;max-width:100%!important;min-width:0!important;}
#fd-editor #fd-variable-data .fd-variable-body{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;padding:10px!important;box-sizing:border-box!important;}
#fd-editor #fd-variable-data .fd-variable-help,#fd-editor #fd-variable-data .fd-variable-note{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:11px!important;line-height:1.5!important;}
#fd-editor #fd-variable-data textarea#fd-variable-csv{width:100%!important;max-width:100%!important;min-width:0!important;height:125px!important;min-height:125px!important;max-height:220px!important;resize:vertical!important;white-space:pre!important;overflow:auto!important;color:#202124!important;background:#fff!important;font:11px/1.5 Consolas,monospace!important;border:1px solid #c7ccd3!important;}
#fd-editor #fd-variable-data .fd-variable-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;width:100%!important;min-width:0!important;}
#fd-editor #fd-variable-data .fd-variable-actions button,#fd-editor #fd-variable-data .fd-variable-nav button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;box-sizing:border-box!important;padding:8px!important;background:#fff!important;color:#272a30!important;-webkit-text-fill-color:#272a30!important;border:1px solid #cbd1d8!important;border-radius:7px!important;font:700 10px/1.35 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;}
#fd-editor #fd-variable-data .fd-variable-actions-primary button,#fd-editor #fd-variable-data button[data-action="export-variable-batch-pdf"]{background:#e30613!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#e30613!important;}
#fd-editor #fd-variable-data .fd-variable-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:5px!important;align-items:center!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:7px!important;background:#f5f6f8!important;border-radius:7px!important;}
#fd-editor #fd-variable-data .fd-variable-nav strong{display:block!important;white-space:nowrap!important;color:#202124!important;font:800 10px/1.2 Arial,sans-serif!important;}
#fd-editor #fd-variable-data .fd-variable-status{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:8px!important;color:#333!important;background:#f6f7f8!important;border:1px solid #e1e4e8!important;border-radius:7px!important;font:10px/1.45 Arial,sans-serif!important;}
#fd-editor #fd-logo-maker{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;box-sizing:border-box!important;padding:11px!important;background:#fff!important;border:1px solid #dfe2e7!important;border-radius:9px!important;}
#fd-editor #fd-logo-maker .fd-feature-heading{display:block!important;margin:0 0 12px!important;}
#fd-editor #fd-logo-maker .fd-feature-heading strong{display:block!important;color:#202328!important;font:800 12px/1.35 Arial,sans-serif!important;}
#fd-editor #fd-logo-maker .fd-feature-heading span,#fd-editor #fd-logo-maker .fd-logo-maker-note{display:block!important;max-width:100%!important;margin-top:4px!important;color:#62666d!important;font:10px/1.5 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;}
#fd-editor #fd-logo-maker label{display:block!important;width:100%!important;max-width:100%!important;margin:9px 0 4px!important;color:#34383e!important;font:700 10px/1.35 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;}
#fd-editor #fd-logo-maker input:not([type="color"]):not([type="range"]),#fd-editor #fd-logo-maker select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:36px!important;box-sizing:border-box!important;padding:7px 8px!important;background:#fff!important;color:#202328!important;-webkit-text-fill-color:#202328!important;border:1px solid #cbd0d7!important;border-radius:6px!important;font:600 11px/1.3 Arial,sans-serif!important;}
#fd-editor #fd-logo-maker .fd-logo-control-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;min-width:0!important;}
#fd-editor #fd-logo-maker .fd-logo-control-grid>div{min-width:0!important;width:100%!important;}
#fd-editor #fd-logo-maker .fd-logo-colors{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;min-width:0!important;}
#fd-editor #fd-logo-maker input[type="color"]{display:block!important;width:100%!important;min-width:0!important;height:32px!important;box-sizing:border-box!important;padding:2px!important;}
#fd-editor #fd-logo-maker input[type="range"]{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;}
#fd-editor #fd-logo-maker .fd-logo-studio-actions button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:38px!important;height:auto!important;box-sizing:border-box!important;padding:8px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;font:800 10px/1.35 Arial,sans-serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#e30613!important;border:1px solid #e30613!important;border-radius:7px!important;}
#fd-editor #fd-logo-maker .fd-logo-studio-actions button:not(:first-child){color:#c90010!important;-webkit-text-fill-color:#c90010!important;background:#fff!important;}
#fd-editor #fd-tools-grid button .fd-svg-icon,#fd-editor .fd-tools-grid button .fd-svg-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;flex:0 0 30px!important;visibility:visible!important;opacity:1!important;color:#202328!important;}
#fd-editor .fd-tools-grid button .fd-svg-icon svg{display:block!important;width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;visibility:visible!important;opacity:1!important;}
#fd-editor .fd-tools-grid button .fd-tool-label{display:block!important;visibility:visible!important;opacity:1!important;color:#25282d!important;-webkit-text-fill-color:#25282d!important;font:800 9px/1.15 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;}


/* R6.245 — Biblioteca gráfica y kit de marca: jerarquía visual, iconos legibles y controles coherentes. */
#fd-editor #fd-element-library{padding:10px!important;background:linear-gradient(180deg,#fff 0%,#fafbfc 100%)!important;border:1px solid #e1e4e8!important;border-radius:11px!important;box-sizing:border-box!important;min-width:0!important;overflow:visible!important;}
#fd-editor #fd-element-library .fd-feature-heading,#fd-editor #fd-brand-kit .fd-feature-heading{display:block!important;margin:0 0 10px!important;padding:0 0 9px!important;border-bottom:1px solid #eceef1!important;}
#fd-editor #fd-element-library .fd-feature-heading strong,#fd-editor #fd-brand-kit .fd-feature-heading strong{display:block!important;color:#202328!important;font:850 11px/1.35 Arial,sans-serif!important;letter-spacing:.45px!important;}
#fd-editor #fd-element-library .fd-feature-heading span,#fd-editor #fd-brand-kit .fd-feature-heading span{display:block!important;margin-top:4px!important;color:#69707a!important;font:10px/1.45 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;}
#fd-editor .fd-graphic-search-label{display:block!important;margin:8px 0 4px!important;color:#454b54!important;font:700 10px/1.3 Arial,sans-serif!important;}
#fd-editor input.fd-graphic-search{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:34px!important;box-sizing:border-box!important;padding:7px 10px!important;border:1px solid #d5dae1!important;border-radius:8px!important;background:#fff!important;color:#202328!important;-webkit-text-fill-color:#202328!important;font:11px/1.3 Arial,sans-serif!important;outline:none!important;box-shadow:0 1px 2px rgba(20,25,35,.04)!important;}
#fd-editor input.fd-graphic-search:focus{border-color:#e30613!important;box-shadow:0 0 0 3px rgba(227,6,19,.09)!important;}
#fd-editor .fd-graphic-search-status{min-height:14px!important;margin:5px 1px 7px!important;color:#7b818a!important;font:9px/1.4 Arial,sans-serif!important;}
#fd-editor #fd-element-library .fd-feature-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;min-width:0!important;align-items:stretch!important;}
#fd-editor #fd-element-library .fd-feature-grid button{appearance:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;width:100%!important;min-height:60px!important;height:auto!important;margin:0!important;padding:7px 3px!important;box-sizing:border-box!important;border:1px solid #e0e4e9!important;border-radius:9px!important;background:#fff!important;color:#303640!important;-webkit-text-fill-color:#303640!important;font:750 9px/1.2 Arial,sans-serif!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;box-shadow:0 1px 2px rgba(20,25,35,.035)!important;transition:border-color .15s ease,background .15s ease,transform .15s ease!important;}
#fd-editor #fd-element-library .fd-feature-grid button>span{display:flex!important;align-items:center!important;justify-content:center!important;width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;margin:0!important;padding:0!important;border-radius:8px!important;background:#f3f4f6!important;color:#e30613!important;-webkit-text-fill-color:#e30613!important;font:700 22px/1 Arial,sans-serif!important;}
#fd-editor #fd-element-library .fd-feature-grid button:hover{background:#fff7f7!important;border-color:#e30613!important;color:#b9000b!important;-webkit-text-fill-color:#b9000b!important;transform:translateY(-1px)!important;}
#fd-editor #fd-element-library .fd-feature-grid button:hover>span{background:#ffe7e9!important;color:#b9000b!important;-webkit-text-fill-color:#b9000b!important;}
#fd-editor #fd-element-library .fd-feature-grid button[hidden]{display:none!important;}
#fd-editor #fd-element-library .fd-feature-presets{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid #eceef1!important;}
#fd-editor #fd-element-library .fd-feature-presets button{min-width:0!important;min-height:30px!important;height:auto!important;padding:6px 3px!important;border-radius:7px!important;background:#fff!important;color:#c90010!important;-webkit-text-fill-color:#c90010!important;border:1px solid #e30613!important;font:800 9px/1.2 Arial,sans-serif!important;white-space:normal!important;}
#fd-editor #fd-element-library .fd-feature-presets button:hover{background:#e30613!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
#fd-editor #fd-brand-kit{padding:10px!important;background:linear-gradient(180deg,#fff 0%,#fafbfc 100%)!important;border:1px solid #e1e4e8!important;border-radius:11px!important;box-sizing:border-box!important;min-width:0!important;overflow:visible!important;}
#fd-editor #fd-brand-kit>label{display:block!important;margin:10px 0 4px!important;color:#454b54!important;font:750 10px/1.3 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;}
#fd-editor #fd-brand-kit input:not([type=color]):not([type=file]),#fd-editor #fd-brand-kit select{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:35px!important;box-sizing:border-box!important;padding:7px 9px!important;border:1px solid #d4d9e0!important;border-radius:7px!important;background:#fff!important;color:#202328!important;-webkit-text-fill-color:#202328!important;font:600 10px/1.35 Arial,sans-serif!important;}
#fd-editor #fd-brand-kit .fd-brand-colors{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:9px 0 5px!important;padding:8px!important;background:#f5f6f8!important;border:1px solid #e7e9ed!important;border-radius:9px!important;box-sizing:border-box!important;}
#fd-editor #fd-brand-kit .fd-brand-colors label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-width:0!important;margin:0!important;color:#525862!important;font:700 9px/1.25 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;}
#fd-editor #fd-brand-kit .fd-brand-colors input[type=color]{display:block!important;width:100%!important;min-width:0!important;height:31px!important;box-sizing:border-box!important;padding:2px!important;border:1px solid #d2d6dd!important;border-radius:6px!important;background:#fff!important;}
#fd-editor #fd-brand-kit .fd-brand-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;min-width:0!important;margin:8px 0!important;padding:0!important;box-sizing:border-box!important;}
#fd-editor #fd-brand-kit .fd-brand-actions button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:34px!important;height:auto!important;margin:0!important;padding:7px 8px!important;box-sizing:border-box!important;border:1px solid #d8dce2!important;border-radius:7px!important;background:#fff!important;color:#b9000b!important;-webkit-text-fill-color:#b9000b!important;font:750 9.5px/1.3 Arial,sans-serif!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;box-shadow:none!important;}
#fd-editor #fd-brand-kit .fd-brand-actions button:first-child{background:#e30613!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#e30613!important;}
#fd-editor #fd-brand-kit .fd-brand-actions button:hover{background:#b9000b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#b9000b!important;}
#fd-editor #fd-brand-kit .fd-brand-library-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:7px 0 10px!important;padding:8px!important;background:#f5f6f8!important;border:1px solid #e4e7eb!important;border-radius:9px!important;}
#fd-editor #fd-brand-kit .fd-brand-library-actions button:first-child{grid-column:1/-1!important;}
#fd-editor #fd-brand-kit .fd-brand-transfer-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
#fd-editor #fd-brand-kit .fd-brand-transfer-actions button{font-size:9px!important;padding:7px 4px!important;}
#fd-editor #fd-brand-logo-preview{margin-top:9px!important;padding:11px!important;border:1px dashed #d0d5dd!important;border-radius:9px!important;background:#f8f9fb!important;color:#747b85!important;font:10px/1.45 Arial,sans-serif!important;}
@media(max-width:390px){#fd-editor #fd-element-library .fd-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}#fd-editor #fd-brand-kit .fd-brand-library-actions{grid-template-columns:minmax(0,1fr)!important;}#fd-editor #fd-brand-kit .fd-brand-library-actions button:first-child{grid-column:auto!important;}}


/* R6.246 — filtros de biblioteca accesibles y compactos */
#fd-editor #fd-element-library .fd-graphic-filter-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:8px 0!important;}
#fd-editor #fd-element-library .fd-graphic-filter-row button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:29px!important;padding:5px 3px!important;border:1px solid #d9dce2!important;border-radius:6px!important;background:#f5f6f8!important;color:#292b30!important;font:700 9px/1.2 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;box-shadow:none!important;}
#fd-editor #fd-element-library .fd-graphic-filter-row button.is-active{background:#e30613!important;border-color:#e30613!important;color:#fff!important;}
#fd-editor #fd-element-library .fd-graphic-filter-row button:focus-visible{outline:2px solid #171717!important;outline-offset:2px!important;}
#fd-editor #fd-element-library .fd-graphic-search-status{min-height:15px!important;margin:5px 0 8px!important;font:600 10px/1.35 Arial,sans-serif!important;color:#555b65!important;}
#fd-editor #fd-element-library button[hidden]{display:none!important;}
#fd-editor #fd-brand-kit .fd-brand-colors{gap:8px!important;}
#fd-editor #fd-brand-kit .fd-brand-colors label{min-width:0!important;overflow-wrap:anywhere!important;}

/* R6.247 — capas profesionales: ordenación y nombres */
#fd-editor .fd-layer{cursor:grab;transition:border-color .12s ease,background .12s ease,opacity .12s ease}
#fd-editor .fd-layer:active{cursor:grabbing}
#fd-editor .fd-layer.fd-layer-dragging{opacity:.38!important}
#fd-editor .fd-layer.fd-layer-drop-target{border-top:3px solid #e30613!important;background:#fff0f1!important}
#fd-editor .fd-layer-name{min-height:30px!important;line-height:1.25!important}
#fd-editor .fd-layer-name:focus-visible,#fd-editor .fd-layer-icon:focus-visible{outline:2px solid #e30613!important;outline-offset:1px}
#fd-editor .fd-layer-name[title*="doble clic"]{cursor:text!important}


/* R6.248 — Biblioteca gráfica y kit de marca: acabado compacto y consistente */
#fd-editor #fd-element-library,
#fd-editor #fd-brand-kit{
  border:1px solid #e4e6eb!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 3px 12px rgba(20,25,35,.045)!important;
  padding:12px!important;box-sizing:border-box!important;overflow:hidden!important;
}
#fd-editor .fd-feature-heading{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0 0 12px!important;padding:0 0 10px!important;border-bottom:1px solid #eceef2!important;}
#fd-editor .fd-feature-heading strong{font-size:11px!important;letter-spacing:.075em!important;line-height:1.25!important;color:#25272c!important;font-weight:800!important;}
#fd-editor .fd-feature-heading span{font-size:10px!important;line-height:1.45!important;color:#7b808a!important;}
#fd-editor .fd-graphic-search-label{display:block!important;margin:0 0 6px!important;font-size:10px!important;font-weight:700!important;color:#555b65!important;}
#fd-editor #fd-graphic-search,
#fd-editor .fd-graphic-search,
#fd-editor #fd-brand-kit input[type=text],
#fd-editor #fd-brand-kit select{width:100%!important;min-width:0!important;max-width:100%!important;min-height:35px!important;padding:8px 10px!important;border:1px solid #dfe2e8!important;border-radius:8px!important;background:#fff!important;color:#292c32!important;font-size:11px!important;box-shadow:none!important;box-sizing:border-box!important;}
#fd-editor #fd-graphic-search:focus,
#fd-editor #fd-brand-kit input:focus,
#fd-editor #fd-brand-kit select:focus{outline:0!important;border-color:#e30613!important;box-shadow:0 0 0 3px rgba(227,6,19,.09)!important;}
#fd-editor .fd-graphic-filter-row{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:9px 0 11px!important;}
#fd-editor .fd-graphic-filter-row button{min-height:27px!important;padding:5px 9px!important;border:1px solid #e3e5e9!important;border-radius:7px!important;background:#f8f9fb!important;color:#626873!important;font-size:10px!important;font-weight:700!important;line-height:1.1!important;box-shadow:none!important;transition:background .15s,border-color .15s,color .15s!important;}
#fd-editor .fd-graphic-filter-row button:hover{border-color:#f0a1a6!important;background:#fff5f5!important;color:#c90010!important;}
#fd-editor .fd-graphic-filter-row button.is-active{border-color:#e30613!important;background:#e30613!important;color:#fff!important;}
#fd-editor .fd-graphic-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;align-content:start!important;}
#fd-editor .fd-graphic-grid button,
#fd-editor .fd-graphic-item{min-width:0!important;min-height:60px!important;padding:8px 4px!important;border:1px solid #e8eaf0!important;border-radius:9px!important;background:linear-gradient(180deg,#fff 0%,#fafbfc 100%)!important;color:#343840!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-shadow:none!important;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s!important;}
#fd-editor .fd-graphic-grid button:hover,
#fd-editor .fd-graphic-item:hover{transform:translateY(-1px)!important;border-color:#f0a1a6!important;background:#fff!important;box-shadow:0 4px 10px rgba(25,30,40,.07)!important;}
#fd-editor .fd-graphic-grid button:active,
#fd-editor .fd-graphic-item:active{transform:translateY(0)!important;}
#fd-editor .fd-graphic-grid button svg,
#fd-editor .fd-graphic-item svg{width:23px!important;height:23px!important;max-width:100%!important;display:block!important;}
#fd-editor .fd-graphic-grid button span,
#fd-editor .fd-graphic-item span{font-size:9px!important;line-height:1.2!important;font-weight:700!important;text-align:center!important;overflow-wrap:anywhere!important;}
#fd-editor #fd-brand-kit>label{display:block!important;margin:10px 0 5px!important;color:#535862!important;font-size:10px!important;font-weight:700!important;line-height:1.3!important;}
#fd-editor #fd-brand-kit .fd-brand-colors{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:7px 0 9px!important;}
#fd-editor #fd-brand-kit .fd-brand-colors>*{min-width:0!important;}
#fd-editor #fd-brand-kit input[type=color]{width:100%!important;height:34px!important;min-width:0!important;padding:3px!important;border:1px solid #dfe2e8!important;border-radius:8px!important;background:#fff!important;box-sizing:border-box!important;cursor:pointer!important;}
#fd-editor #fd-brand-kit .fd-brand-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;margin-top:11px!important;}
#fd-editor #fd-brand-kit .fd-brand-actions button{width:100%!important;min-height:34px!important;padding:8px 10px!important;border-radius:8px!important;border:1px solid #e30613!important;background:#e30613!important;color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;box-shadow:none!important;white-space:normal!important;}
#fd-editor #fd-brand-kit .fd-brand-actions button:hover{background:#c90010!important;border-color:#c90010!important;}
#fd-editor #fd-brand-kit .fd-brand-actions button:not(:first-child){background:#fff!important;color:#c90010!important;}
#fd-editor #fd-brand-kit .fd-brand-actions button:not(:first-child):hover{background:#fff4f4!important;}
#fd-editor #fd-brand-kit .fd-brand-libra{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:10px!important;}
#fd-editor #fd-brand-kit .fd-brand-libra button{width:100%!important;min-height:32px!important;border-radius:8px!important;font-size:10px!important;font-weight:700!important;}
@media(max-width:600px){
 #fd-editor .fd-graphic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
 #fd-editor .fd-graphic-grid button{min-height:55px!important;padding:6px 3px!important;}
 #fd-editor #fd-element-library,#fd-editor #fd-brand-kit{padding:9px!important;border-radius:10px!important;}
}


/* R6.249 — pestañas de documentos discretas, integradas en la barra del editor */
#fd-editor .fd-document-tabs{display:flex;align-items:stretch;gap:4px;min-height:34px;padding:4px 10px 0;background:#f7f8fa;border-bottom:1px solid #dfe3e8;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}
#fd-editor .fd-doc-add,#fd-editor .fd-doc-open,#fd-editor .fd-doc-close{font:600 11px/1.2 inherit;color:#3f4650;background:transparent;border:1px solid transparent;border-radius:5px 5px 0 0;padding:7px 10px;cursor:pointer;min-height:29px;box-shadow:none}
#fd-editor .fd-doc-add{color:#c90019;border:1px dashed #d7dbe0;background:#fff;margin-right:4px}
#fd-editor .fd-doc-tab{display:flex;align-items:center;gap:2px;flex:0 0 auto;max-width:190px;border:1px solid #e1e4e8;border-bottom:0;border-radius:5px 5px 0 0;background:#eceff3}
#fd-editor .fd-doc-tab.is-active{background:#fff;border-color:#d5d9df;border-top:2px solid #e30613;box-shadow:0 -1px 0 #fff inset}
#fd-editor .fd-doc-open{overflow:hidden;text-overflow:ellipsis;max-width:155px;text-align:left}
#fd-editor .fd-doc-tab.is-active .fd-doc-open{color:#15191f}
#fd-editor .fd-doc-close{padding:4px 7px;color:#737b86;font-size:15px}
#fd-editor .fd-doc-add:hover,#fd-editor .fd-doc-open:hover,#fd-editor .fd-doc-close:hover{background:#fff;color:#e30613}
@media(max-width:680px){#fd-editor .fd-document-tabs{padding-left:5px;padding-right:5px}#fd-editor .fd-doc-tab{max-width:145px}#fd-editor .fd-doc-open{max-width:110px;padding-left:7px;padding-right:7px}}


/* R6.250 — barra de documentos profesional y estudio de identidad visual */
#fd-editor .fd-document-tabs{position:relative;display:flex;align-items:center;gap:7px;min-height:42px;padding:6px 12px;background:linear-gradient(180deg,#fff 0%,#f7f8fa 100%);border-bottom:1px solid #dfe3e8;box-shadow:0 2px 7px rgba(20,25,35,.035);overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}
#fd-editor .fd-doc-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 12px;border:1px solid #e30613;border-radius:8px;background:#fff;color:#d90018;font:700 11px/1.2 inherit;box-shadow:0 1px 2px rgba(0,0,0,.035);transition:background .15s ease,color .15s ease,transform .15s ease}
#fd-editor .fd-doc-add:before{content:'＋';font-size:15px;line-height:1}
#fd-editor .fd-doc-add:hover{background:#e30613;color:#fff;transform:translateY(-1px)}
#fd-editor .fd-doc-tab{position:relative;display:flex;align-items:center;gap:3px;flex:0 0 auto;max-width:220px;min-height:31px;padding:2px 4px 2px 9px;border:1px solid #e3e6eb;border-radius:9px;background:#f0f2f5;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);transition:all .15s ease}
#fd-editor .fd-doc-tab:before{content:'';width:7px;height:7px;flex:0 0 7px;border-radius:2px;background:#aab1bb;transform:rotate(45deg)}
#fd-editor .fd-doc-tab.is-active{background:#fff;border-color:#f1a0a8;box-shadow:0 2px 7px rgba(227,6,19,.09)}
#fd-editor .fd-doc-tab.is-active:before{background:#e30613;box-shadow:0 0 0 3px rgba(227,6,19,.09)}
#fd-editor .fd-doc-open{max-width:165px;overflow:hidden;text-overflow:ellipsis;text-align:left;padding:6px 5px;border:0;border-radius:5px;background:transparent;color:#626b78;font-size:11px;font-weight:650;letter-spacing:.05px;box-shadow:none}
#fd-editor .fd-doc-tab.is-active .fd-doc-open{color:#191d24}
#fd-editor .fd-doc-close{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;padding:0;border:0;border-radius:6px;background:transparent;color:#7b8491;font-size:16px;line-height:1;box-shadow:none}
#fd-editor .fd-doc-close:hover{background:#fff0f1;color:#d90018}
#fd-editor .fd-logo-studio{padding:14px!important;border:1px solid #e2e6ec!important;border-radius:12px!important;background:linear-gradient(180deg,#fff 0%,#fafbfc 100%)!important;box-shadow:0 4px 16px rgba(24,32,45,.055)!important;gap:9px}
#fd-editor .fd-logo-studio .fd-feature-heading{display:flex;flex-direction:column;gap:5px;margin:0 0 7px;padding:0 0 11px;border-bottom:1px solid #e9edf2}
#fd-editor .fd-logo-studio .fd-feature-heading strong{display:flex;align-items:center;gap:8px;color:#171a20;font-size:13px;font-weight:800;letter-spacing:.45px}
#fd-editor .fd-logo-studio .fd-feature-heading strong:before{content:'✦';display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#fff0f1;color:#e30613;font-size:15px}
#fd-editor .fd-logo-studio .fd-feature-heading span{color:#687282;font-size:11px;line-height:1.45}
#fd-editor .fd-logo-studio>label,#fd-editor .fd-logo-studio .fd-logo-control-grid label{display:block;margin:7px 0 4px;color:#424b58;font-size:10px;font-weight:750;line-height:1.35}
#fd-editor .fd-logo-studio input:not([type=color]):not([type=range]),#fd-editor .fd-logo-studio select{width:100%;min-width:0;min-height:32px;padding:7px 9px;border:1px solid #dce1e8;border-radius:7px;background:#fff;color:#252a32;font-size:11px;box-shadow:0 1px 2px rgba(20,30,45,.025)}
#fd-editor .fd-logo-studio input:focus,#fd-editor .fd-logo-studio select:focus{outline:2px solid rgba(227,6,19,.15);border-color:#e30613}
#fd-editor .fd-logo-studio .fd-logo-control-grid{gap:9px}
#fd-editor .fd-logo-studio .fd-logo-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px;border:1px solid #e8ebf0;border-radius:9px;background:#f7f8fa}
#fd-editor .fd-logo-studio .fd-logo-colors label{min-width:0;color:#586170;font-size:9px;font-weight:700}
#fd-editor .fd-logo-studio .fd-logo-colors input[type=color]{display:block;width:100%;height:30px;margin-top:5px;padding:2px;border:1px solid #d9dee6;border-radius:6px;background:#fff}
#fd-editor .fd-logo-studio input[type=range]{width:100%;accent-color:#e30613}
#fd-editor .fd-logo-studio button{max-width:100%;min-height:32px;border-radius:8px;font-size:10px;font-weight:750;letter-spacing:.1px;white-space:normal;line-height:1.35}
@media(max-width:680px){#fd-editor .fd-document-tabs{min-height:39px;padding:5px 7px;gap:5px}#fd-editor .fd-doc-tab{max-width:170px}#fd-editor .fd-doc-open{max-width:115px}#fd-editor .fd-logo-studio{padding:10px!important}}


/* R6.251 — pestañas inspiradas en Chrome: limpias, compactas y sin contornos rojos */
#fd-editor .fd-document-tabs{
  display:flex!important;align-items:flex-end!important;gap:3px!important;min-height:39px!important;
  padding:7px 12px 0!important;background:#f1f3f4!important;border-bottom:1px solid #dadce0!important;
  box-shadow:none!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;
  scrollbar-width:thin!important;scrollbar-color:#c4c7c5 transparent!important;
}
#fd-editor .fd-doc-add{
  align-self:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;min-height:28px!important;margin:0 7px 3px 0!important;padding:0 11px!important;
  border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;
  color:#5f6368!important;font-size:11px!important;font-weight:600!important;box-shadow:none!important;flex:0 0 auto!important;
}
#fd-editor .fd-doc-add:hover{background:#e3e6e8!important;color:#202124!important;border-color:#e3e6e8!important}
#fd-editor .fd-doc-tab{
  position:relative!important;display:flex!important;align-items:center!important;gap:2px!important;
  flex:0 1 190px!important;min-width:95px!important;max-width:190px!important;height:30px!important;
  margin:0!important;padding:0 5px 0 9px!important;border:1px solid transparent!important;
  border-bottom:0!important;border-radius:9px 9px 0 0!important;background:#e2e5e7!important;
  box-shadow:none!important;transition:background .14s ease,box-shadow .14s ease!important;
}
#fd-editor .fd-doc-tab:hover:not(.is-active){background:#e8eaed!important}
#fd-editor .fd-doc-tab.is-active{
  z-index:2!important;background:#fff!important;border-color:#dadce0!important;
  border-bottom:1px solid #fff!important;box-shadow:0 1px 2px rgba(60,64,67,.08)!important;
}
#fd-editor .fd-doc-open{
  position:relative!important;display:flex!important;align-items:center!important;gap:7px!important;
  flex:1 1 auto!important;min-width:0!important;max-width:none!important;height:28px!important;padding:0 2px!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:#5f6368!important;
  text-align:left!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;box-shadow:none!important;
}
#fd-editor .fd-doc-open:before{content:""!important;display:inline-block!important;flex:0 0 7px!important;width:7px!important;height:7px!important;
  border-radius:50%!important;background:#9aa0a6!important;box-shadow:0 0 0 2px rgba(154,160,166,.13)!important}
#fd-editor .fd-doc-tab.is-active .fd-doc-open{color:#202124!important;font-weight:600!important}
#fd-editor .fd-doc-tab.is-active .fd-doc-open:before{background:#e30613!important;box-shadow:0 0 0 2px rgba(227,6,19,.12)!important}
#fd-editor .fd-doc-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 21px!important;
  width:21px!important;height:21px!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:#70757a!important;font-size:15px!important;line-height:1!important;box-shadow:none!important}
#fd-editor .fd-doc-close:hover{background:#dadce0!important;color:#202124!important}
@media(max-width:680px){
 #fd-editor .fd-document-tabs{min-height:36px!important;padding:6px 6px 0!important;gap:2px!important}
 #fd-editor .fd-doc-add{font-size:10px!important;padding:0 7px!important;margin-right:3px!important}
 #fd-editor .fd-doc-tab{flex-basis:145px!important;max-width:145px!important;min-width:85px!important;height:29px!important;padding-left:7px!important}
 #fd-editor .fd-doc-open{font-size:10px!important;gap:5px!important}
}


/* R6.252 — corrección de controles duplicados y pestañas editables */
#fd-editor .fd-doc-add:before{content:none!important;display:none!important}
#fd-editor .fd-doc-add{gap:0!important}
#fd-editor .fd-doc-open{cursor:pointer!important}
#fd-editor .fd-doc-open:focus-visible,#fd-editor .fd-doc-close:focus-visible,#fd-editor .fd-doc-add:focus-visible{outline:2px solid #1a73e8!important;outline-offset:1px!important}
#fd-editor .fd-doc-tab.is-active{background:#fff!important}


/* R6.253 — un solo indicador rojo por pestaña y duplicación rápida de documentos */
#fd-editor .fd-doc-tab:before{content:none!important;display:none!important}
#fd-editor .fd-doc-open:before{content:""!important;display:inline-block!important;flex:0 0 7px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#9aa0a6!important;box-shadow:0 0 0 2px rgba(154,160,166,.13)!important}
#fd-editor .fd-doc-tab.is-active .fd-doc-open:before{background:#e30613!important;box-shadow:0 0 0 2px rgba(227,6,19,.12)!important}
#fd-editor .fd-doc-duplicate{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 20px!important;width:20px!important;height:20px!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#70757a!important;font:600 14px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer!important}
#fd-editor .fd-doc-duplicate:hover{background:#e8eaed!important;color:#202124!important}
#fd-editor .fd-doc-duplicate:focus-visible{outline:2px solid #1a73e8!important;outline-offset:1px!important}

/* R6.254 — botón Nuevo diseño con icono propio, compacto y coherente con Chrome. */
#fd-editor .fd-doc-add{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;
  flex:0 0 auto!important;min-width:126px!important;height:30px!important;min-height:30px!important;
  padding:0 10px!important;border:1px solid transparent!important;border-radius:7px 7px 0 0!important;
  background:transparent!important;color:#5f6368!important;font:600 11px/1 Arial,sans-serif!important;
  letter-spacing:.1px!important;box-shadow:none!important;transform:none!important;white-space:nowrap!important;
}
#fd-editor .fd-doc-add:hover{background:#e8eaed!important;border-color:#e8eaed!important;color:#202124!important;transform:none!important}
#fd-editor .fd-doc-add-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:19px!important;height:19px!important;flex:0 0 19px!important;border-radius:50%!important;background:#e8eaed!important;color:#3c4043!important;font:400 17px/18px Arial,sans-serif!important;transition:background .15s ease,color .15s ease!important}
#fd-editor .fd-doc-add:hover .fd-doc-add-icon{background:#dadce0!important;color:#202124!important}
#fd-editor .fd-doc-add-label{display:inline-block!important;line-height:1!important}
#fd-editor .fd-doc-add:before{content:none!important;display:none!important}
#fd-editor .fd-document-tabs{align-items:flex-end!important}
#fd-editor .fd-doc-tab{align-self:flex-end!important}
#fd-editor .fd-doc-add:focus-visible{outline:2px solid #1a73e8!important;outline-offset:1px!important}
@media(max-width:680px){#fd-editor .fd-doc-add{min-width:32px!important;width:32px!important;padding:0!important;justify-content:center!important}#fd-editor .fd-doc-add-label{display:none!important}}


/* R6.255 — pestañas limpias: solo nombre y cruz; duplicar por clic derecho o Alt+Mayús+D. */
#fd-editor .fd-doc-open:before{content:none!important;display:none!important;width:0!important;flex:0 0 0!important;box-shadow:none!important}
#fd-editor .fd-doc-tab.is-active .fd-doc-open:before{content:none!important;display:none!important}
#fd-editor .fd-doc-duplicate{display:none!important}
#fd-editor .fd-doc-tab{gap:3px!important}
#fd-editor .fd-doc-open{gap:0!important;padding-left:5px!important}
#fd-editor .fd-doc-close{font-size:17px!important;font-weight:400!important;border-radius:50%!important}
#fd-editor .fd-doc-close:hover{background:#e8eaed!important;color:#202124!important}


/* R6.256 — pestañas más legibles, foco claro y navegación rápida entre diseños. */
#fd-editor .fd-document-tabs{
  min-height:43px!important;padding:7px 12px 0!important;gap:4px!important;
  background:#f1f3f4!important;border-bottom:1px solid #c9cdd2!important;
  scroll-behavior:smooth!important;scrollbar-width:thin!important;
}
#fd-editor .fd-doc-tab{
  flex:0 1 205px!important;min-width:115px!important;max-width:205px!important;height:33px!important;
  padding:0 6px 0 11px!important;background:#e1e5e9!important;border-color:#d2d7dc!important;
  border-bottom:0!important;border-radius:8px 8px 0 0!important;
}
#fd-editor .fd-doc-tab:hover:not(.is-active){background:#e9edf1!important;border-color:#cbd1d8!important}
#fd-editor .fd-doc-tab.is-active{
  background:#fff!important;border-color:#c9cdd2!important;border-top:2px solid #e30613!important;
  box-shadow:0 -1px 3px rgba(30,40,55,.08)!important;
}
#fd-editor .fd-doc-open{color:#3f4752!important;font-size:12px!important;font-weight:600!important;padding-left:3px!important}
#fd-editor .fd-doc-tab.is-active .fd-doc-open{color:#171b22!important;font-weight:750!important}
#fd-editor .fd-doc-close{width:22px!important;height:22px!important;flex-basis:22px!important;color:#555d68!important;font-size:18px!important}
#fd-editor .fd-doc-close:hover{background:#e8eaed!important;color:#202124!important}
#fd-editor .fd-doc-add{min-height:31px!important;height:31px!important;margin-bottom:2px!important;color:#3c4652!important}
#fd-editor .fd-doc-add-icon{background:#fff!important;border:1px solid #cbd1d8!important;color:#3c4652!important}
#fd-editor .fd-doc-add:hover .fd-doc-add-icon{background:#e30613!important;border-color:#e30613!important;color:#fff!important}
#fd-editor .fd-doc-tab:focus-within{outline:1px solid #a8c7fa!important;outline-offset:-2px!important}
@media(max-width:680px){
 #fd-editor .fd-document-tabs{min-height:39px!important;padding:5px 6px 0!important;gap:3px!important}
 #fd-editor .fd-doc-tab{flex-basis:160px!important;min-width:100px!important;max-width:160px!important;height:31px!important;padding-left:7px!important}
 #fd-editor .fd-doc-open{font-size:11px!important}
}


/* R6.257 — reordenación visual de documentos mediante arrastre */
#fd-editor .fd-doc-tab{cursor:grab!important;user-select:none}
#fd-editor .fd-doc-tab.is-dragging{opacity:.45!important;cursor:grabbing!important}
#fd-editor .fd-doc-tab.drop-before:after,#fd-editor .fd-doc-tab.drop-after:after{content:"";position:absolute;top:3px;bottom:3px;width:3px;border-radius:3px;background:#e30613;pointer-events:none}
#fd-editor .fd-doc-tab.drop-before:after{left:-5px}
#fd-editor .fd-doc-tab.drop-after:after{right:-5px}
#fd-editor .fd-doc-tab:focus-within{outline:2px solid rgba(227,6,19,.18);outline-offset:1px}
@media(prefers-reduced-motion:reduce){#fd-editor .fd-doc-tab{transition:none!important}}

/* R6.260 — distribución accesible en el panel lateral */
.fd-distribute-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:7px!important}
.fd-distribute-grid button{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:32px!important;padding:5px 7px!important;border:1px solid #dedee2!important;border-radius:7px!important;background:#fff!important;color:#303036!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important}
.fd-distribute-grid button span{font-size:15px!important;line-height:1!important;color:#e30613!important}
.fd-distribute-grid button:hover,.fd-distribute-grid button:focus-visible{border-color:#e30613!important;background:#fff5f6!important;outline:2px solid #e3061322!important;outline-offset:1px!important}

/* R6.262 — acciones explícitas de alineación respecto a los límites de página. */
.fd-editor .fd-align-page-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin-top:7px!important}
.fd-editor .fd-align-page-grid button{appearance:none!important;min-width:0!important;min-height:30px!important;padding:5px 4px!important;border:1px solid #d7d7d7!important;border-radius:6px!important;background:#fff!important;color:#292929!important;font-size:10px!important;font-weight:700!important;line-height:1.2!important;cursor:pointer!important}
.fd-editor .fd-align-page-grid button:hover{border-color:#e30613!important;background:#fff7f8!important;color:#e30613!important}

/* R6.277 — búsqueda rápida de capas */
.fd-editor .fd-layer-search-label{display:block!important;margin:10px 0 5px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;color:#69707d!important}
.fd-editor .fd-layer-search{display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0 0 9px!important;padding:9px 11px!important;border:1px solid #d9dde5!important;border-radius:8px!important;background:#fff!important;color:#202431!important;font-size:12px!important;line-height:1.4!important;outline:none!important}
.fd-editor .fd-layer-search:focus{border-color:#d90016!important;box-shadow:0 0 0 2px rgba(217,0,22,.10)!important}

/* R6.278 — acciones rápidas de selección en el panel de capas */
#fd-editor .fd-layer-search-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:0 0 8px!important}
#fd-editor .fd-layer-search-actions button{min-width:0!important;padding:7px 6px!important;border:1px solid #d9dde5!important;border-radius:7px!important;background:#fff!important;color:#343946!important;font-size:10px!important;font-weight:700!important;line-height:1.25!important;cursor:pointer!important}
#fd-editor .fd-layer-search-actions button:hover{border-color:#d90016!important;color:#c90010!important;background:#fff3f4!important}

/* R6.279 — acciones adicionales para resultados del buscador de capas */
#fd-editor .fd-layer-search-actions{grid-template-columns:1fr 1fr!important}
#fd-editor .fd-layer-search-actions button{min-height:32px!important;white-space:normal!important}

/* R6.281 — controles de alineación del buscador de capas */
#fd-editor .fd-layer-search-actions button[id^="fd-filter-align-"]{border-color:#d7d7d7!important;background:#f7f7f8!important;color:#262626!important;font-weight:700!important}
#fd-editor .fd-layer-search-actions button[id^="fd-filter-align-"]:hover{border-color:#e30613!important;background:#fff1f2!important;color:#b9000b!important}