/* Brintage R42 — Editor libre gratuito */
#createpost .cp-free-entry{display:none;border:1px solid #d9e8f7;background:linear-gradient(135deg,#f8fcff,#eef8ff);border-radius:14px;min-height:58px;padding:8px 12px;margin:8px 0 6px;box-sizing:border-box;width:100%;align-items:center;gap:11px;text-align:left;color:#15324e;cursor:pointer;box-shadow:0 5px 16px rgba(34,92,148,.08)}
#createpost.cp-editor-step:not(.cp-free-mode) .cp-free-entry{display:flex!important}
#createpost .cp-free-entry-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#dff4ff;position:relative;box-shadow:inset 0 0 0 1px #c9eafa}
#createpost .cp-free-entry-icon:before{content:"";position:absolute;left:8px;top:8px;width:10px;height:10px;border:2px solid #3182ce;border-radius:2px;box-sizing:border-box}
#createpost .cp-free-entry-icon:after{content:"";position:absolute;right:7px;bottom:7px;width:14px;height:14px;border:2px solid #32b5e7;border-radius:50%;box-sizing:border-box}
#createpost .cp-free-entry-copy{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;line-height:1.16}
#createpost .cp-free-entry-copy strong{font-size:14px;font-weight:700;color:#193b5b}
#createpost .cp-free-entry-copy small{font-size:12px;color:#6f8498;margin-top:3px}
#createpost .cp-free-badge{font-size:11px;font-weight:700;color:#1684bd;background:#e1f7ff;border-radius:999px;padding:5px 9px;white-space:nowrap}
#createpost .cp-free-entry-arrow{font-size:24px;color:#76a4c7;line-height:1}

#createpost .cp-free-controls{display:none!important;border:1px solid #dfeaf4;background:#fff;border-radius:14px;padding:9px 11px 10px;margin:8px 0;box-sizing:border-box;box-shadow:0 5px 16px rgba(34,72,111,.08)}
#createpost.cp-free-mode .cp-free-controls{display:block!important}
#createpost.cp-free-mode .cp-free-entry,#createpost.cp-free-mode .cp-designs-nav,#createpost.cp-free-mode .cp-emotive-categories,#createpost.cp-free-mode .cp-classic-color-menu,#createpost.cp-free-mode .cp-design-bank,#createpost.cp-free-mode .cp-emotive-bank,#createpost.cp-free-mode .cp-filter-bank{display:none!important}
/* R42: la barra inferior permanece a la vista en Diseño libre. Animación y T
   siguen disponibles; Filtros, Clásicos y Temáticos se ven bloqueados. */
#createpost.cp-free-mode .cp-collage-tabs{display:flex!important}
#createpost.cp-free-mode .cp-filter-toggle,#createpost.cp-free-mode .cp-collage-tab,#createpost.cp-free-mode .cp-emotive-menu-toggle{
  color:#9aa7b5!important;background:#f1f4f7!important;box-shadow:none!important;cursor:not-allowed!important;pointer-events:none!important;opacity:.62!important;filter:grayscale(1)!important
}
#createpost.cp-free-mode .cp-filter-toggle.is-active,#createpost.cp-free-mode .cp-collage-tab.is-active{box-shadow:none!important;color:#9aa7b5!important}
#createpost.cp-free-mode .cp-filter-icon{opacity:.55!important;filter:grayscale(1)!important}
#createpost.cp-free-mode .cp-designs-nav .cp-arrow{display:none!important}
#createpost.cp-free-mode .cp-photo-tools,#createpost.cp-free-mode .cp-static-summary{display:none!important}
#createpost.cp-free-mode.cp-free-ready .cp-photo-tools{display:flex!important;justify-content:flex-end!important}
#createpost.cp-free-mode .cp-photo-tools .cp-photo-tools-hint{display:none!important}
#createpost.cp-free-mode .cp-photo-tools .cp-rotation-control{display:grid!important;pointer-events:auto!important}
#createpost .cp-free-animation-trigger,#createpost.cp-free-mode .cp-free-animation-trigger{display:none!important}
#createpost .cp-free-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px;gap:10px}
#createpost .cp-free-head strong{font-size:14px;color:#173a59}
#createpost .cp-free-back{border:0;background:#edf7ff;color:#2785c4;border-radius:9px;padding:7px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
#createpost .cp-free-section{display:flex;align-items:center;gap:9px;min-width:0;margin-top:7px}
#createpost .cp-free-section-label{flex:0 0 55px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6b8195}
#createpost .cp-free-color-list{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;padding:2px 0}
#createpost .cp-free-color-list::-webkit-scrollbar{display:none}
#createpost .cp-free-color{width:28px;height:28px;flex:0 0 28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d7e1eb;cursor:pointer;position:relative}
#createpost .cp-free-color.is-active:after{content:"";position:absolute;inset:-4px;border:2px solid #2f84f6;border-radius:50%}
#createpost .cp-free-bg-image{width:42px;height:30px;flex:0 0 42px;border:1px solid #cfe1f0;border-radius:8px;background:#f5fbff;position:relative;cursor:pointer}
#createpost .cp-free-bg-image:before{content:"";position:absolute;width:20px;height:15px;left:8px;top:7px;border:1.8px solid #438abe;border-radius:3px;box-sizing:border-box;background:linear-gradient(145deg,transparent 48%,#b9ddf1 49% 62%,transparent 63%)}
#createpost .cp-free-bg-image:after{content:"+";position:absolute;right:3px;top:-3px;width:15px;height:15px;border-radius:50%;background:#2f84f6;color:#fff;font:bold 13px/15px Arial;text-align:center;box-shadow:0 1px 4px rgba(47,132,246,.25)}
#createpost .cp-free-bg-image.is-active{box-shadow:0 0 0 2px #2f84f6}
#createpost.cp-free-bg-processing .cp-free-bg-image{opacity:.55;pointer-events:none}

#createpost .cp-free-shape-list{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#createpost .cp-free-shape-button{width:42px;height:34px;border:1px solid #d3e2ef;border-radius:9px;background:#f8fbfe;cursor:pointer;position:relative;color:#3689c2}
#createpost .cp-free-shape-button:hover{background:#edf8ff;border-color:#b8d9ee}
#createpost .cp-free-shape-button:disabled,#createpost.cp-free-max-shapes .cp-free-shape-button{color:#9aa9b6;background:#e9eef3;border-color:#d9e0e7;box-shadow:none;cursor:not-allowed;opacity:.72}
#createpost .cp-free-shape-button span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block}
#createpost .cp-free-shape-button[data-free-shape="rect"] span{width:21px;height:15px;border:2px solid currentColor;border-radius:6px}
#createpost .cp-free-shape-button[data-free-shape="square"] span{width:18px;height:18px;border:2px solid currentColor;border-radius:4px}
#createpost .cp-free-shape-button[data-free-shape="circle"] span{width:19px;height:19px;border:2px solid currentColor;border-radius:50%}
#createpost .cp-free-shape-button[data-free-shape="oval"] span{width:23px;height:15px;border:2px solid currentColor;border-radius:50%}
#createpost .cp-free-shape-button[data-free-shape="heart"] span:before{content:"♥";font-size:25px;line-height:1;color:#47a3d5}
#createpost .cp-free-shape-button[data-free-shape="hex"] span{width:23px;height:20px;background:currentColor;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}
#createpost .cp-free-shape-button[data-free-shape="hex"] span:after{content:"";position:absolute;inset:2px;background:#f8fbfe;clip-path:inherit}
#createpost .cp-free-shape-button[data-free-shape="diamond"] span{width:18px;height:18px;border:2px solid currentColor;transform:translate(-50%,-50%) rotate(45deg);border-radius:3px}
#createpost .cp-free-shape-button[data-free-shape="triangle"] span{width:23px;height:21px;background:currentColor;clip-path:polygon(50% 2%,98% 96%,2% 96%)}
#createpost .cp-free-shape-button[data-free-shape="triangle"] span:after{content:"";position:absolute;inset:3px 3px 2px;background:#f8fbfe;clip-path:inherit}

#createpost .cp-free-style-group{border-top:1px solid #edf3f8;margin-top:8px;padding-top:6px}
#createpost .cp-free-border-content{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:7px}
#createpost .cp-free-border-list,#createpost .cp-free-shadow-list{display:flex;gap:7px;flex-wrap:wrap;flex:1 1 auto}
#createpost .cp-free-border-option,#createpost .cp-free-shadow-option{border:1px solid #d5e5f2;background:#f8fbfe;color:#316a95;border-radius:999px;padding:7px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s ease}
#createpost .cp-free-border-option:hover,#createpost .cp-free-shadow-option:hover{background:#eef8ff;border-color:#b9d9ee}
#createpost .cp-free-border-option.is-active,#createpost .cp-free-shadow-option.is-active{background:#2f84f6;border-color:#2f84f6;color:#fff;box-shadow:0 5px 12px rgba(47,132,246,.24)}
#createpost .cp-free-border-color-row{display:flex;align-items:center;gap:8px;min-width:0}
#createpost .cp-free-border-color-row small{flex:0 0 auto;color:#71869a;font-size:11px;font-weight:700}
#createpost .cp-free-border-colors{display:flex;flex-direction:column;gap:7px;overflow:visible;padding:2px;min-width:0}
#createpost .cp-free-border-color-set{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
#createpost .cp-free-border-colors::-webkit-scrollbar{display:none}
#createpost .cp-free-border-color{width:25px;height:25px;flex:0 0 25px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d7e1eb;cursor:pointer;position:relative}
#createpost .cp-free-border-color.is-active:after{content:"";position:absolute;inset:-4px;border:2px solid #2f84f6;border-radius:50%}
#createpost .cp-free-motion-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1 1 auto;min-height:36px;border:1px solid #dbe7f1;background:#f8fbfe;border-radius:12px;padding:0 10px}
#createpost .cp-free-motion-copy{font-size:12px;font-weight:700;color:#295f87}
#createpost .cp-free-motion-list{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:7px}
#createpost .cp-free-floating-toggle,#createpost .cp-free-axis-rotation-toggle,#createpost .cp-free-auto-rotation-toggle{position:absolute;opacity:0;pointer-events:none}
#createpost .cp-free-motion-ui{width:42px;height:24px;border-radius:999px;background:#d9e6ef;position:relative;flex:0 0 42px;transition:background .18s ease}
#createpost .cp-free-motion-ui span{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(12,43,68,.18);transition:transform .18s ease}
#createpost .cp-free-floating-toggle:checked + .cp-free-motion-ui,#createpost .cp-free-axis-rotation-toggle:checked + .cp-free-motion-ui,#createpost .cp-free-auto-rotation-toggle:checked + .cp-free-motion-ui{background:#2f84f6}
#createpost .cp-free-floating-toggle:checked + .cp-free-motion-ui span,#createpost .cp-free-axis-rotation-toggle:checked + .cp-free-motion-ui span,#createpost .cp-free-auto-rotation-toggle:checked + .cp-free-motion-ui span{transform:translateX(18px)}
#createpost .cp-free-auto-rotation-toggle:disabled + .cp-free-motion-ui,#createpost .cp-free-axis-rotation-toggle:disabled + .cp-free-motion-ui{background:#d8dfe6;opacity:.62}
#createpost .cp-free-ready-note{font-size:11px;color:#7a8ea0;line-height:1.35;margin-top:8px;padding-left:64px}
#createpost .cp-free-photo-help{display:none;margin:7px 0 0 64px;padding-top:6px;border-top:1px solid #edf3f8;color:#73879b;font-size:10.5px;font-weight:600;line-height:1.3}
#createpost.cp-free-mode.cp-free-ready .cp-free-photo-help{display:block}

#createpost .cl-collage.cp-free-canvas-host{background:#eaf7ff;overflow:hidden;touch-action:none}
#createpost .cp-free-stage{position:absolute;inset:0;overflow:hidden;background:#eaf7ff center/cover no-repeat;touch-action:none;user-select:none;-webkit-user-select:none}
#createpost .cp-free-empty-hint{position:absolute;left:50%;top:50%;z-index:0;width:min(76%,330px);transform:translate(-50%,-50%);padding:13px 16px;border:1px dashed rgba(68,139,194,.38);border-radius:15px;background:rgba(255,255,255,.58);color:#5d7f98;text-align:center;font:700 14px/1.35 Arial,sans-serif;pointer-events:none;box-sizing:border-box}
#createpost .cp-free-stage:not(.is-empty) .cp-free-empty-hint{display:none}
#createpost .cp-free-shape{position:absolute;overflow:visible;touch-action:none;box-sizing:border-box;transform:rotate(var(--cp-free-angle,0deg));transform-origin:center center}
#createpost .cp-free-stage.is-floating .cp-free-shape{animation:cpFreeFloat var(--cp-free-float-duration,5s) ease-in-out infinite;animation-delay:var(--cp-free-float-delay,0s)}
#createpost .cp-free-shape-mask{position:absolute;inset:0;overflow:hidden;touch-action:none;background:rgba(255,255,255,.34)}
#createpost .cp-free-shape-border{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
#createpost .cp-free-border-path{fill:none;stroke:var(--cp-free-border-color,#fff);stroke-width:0}
#createpost .cp-free-shape[data-border="thin"] .cp-free-border-path{stroke-width:2px}
#createpost .cp-free-shape[data-border="medium"] .cp-free-border-path{stroke-width:4px}
#createpost .cp-free-shape[data-border="thick"] .cp-free-border-path{stroke-width:6px}
/* R174 — Borde EXTERNO: el SVG se expande hacia afuera según el grosor.
   La máscara/foto conserva exactamente su tamaño; el marco ya no le roba área. */
#createpost .cp-free-shape[data-border="thin"] .cp-free-shape-border{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}
#createpost .cp-free-shape[data-border="medium"] .cp-free-shape-border{inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px)}
#createpost .cp-free-shape[data-border="thick"] .cp-free-shape-border{inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px)}
#createpost .cp-free-shape[data-shadow="light"] .cp-free-shape-mask,#createpost .cp-free-shape[data-shadow="light"] .cp-free-shape-border{filter:drop-shadow(0 4px 8px rgba(255,255,255,.88))}
#createpost .cp-free-shape[data-shadow="gray"] .cp-free-shape-mask,#createpost .cp-free-shape[data-shadow="gray"] .cp-free-shape-border{filter:drop-shadow(0 6px 10px rgba(71,85,105,.30))}
#createpost .cp-free-shape[data-shadow="dark"] .cp-free-shape-mask,#createpost .cp-free-shape[data-shadow="dark"] .cp-free-shape-border{filter:drop-shadow(0 8px 14px rgba(15,23,42,.42))}
#createpost .cp-free-shape.is-selected .cp-free-shape-mask{box-shadow:inset 0 0 0 2px rgba(47,132,246,.95)}
#createpost .cp-free-shape-photo{position:absolute;max-width:none!important;max-height:none!important;object-fit:unset!important;display:none;user-select:none;-webkit-user-drag:none;touch-action:none;z-index:1}
#createpost .cp-free-rotation-next{z-index:2!important;pointer-events:none}
#createpost .cp-free-shape-move,#createpost .cp-free-shape-delete,#createpost .cp-free-shape-change,#createpost .cp-free-shape-resize,#createpost .cp-free-shape-rotate,#createpost .cp-free-angle{display:none;position:absolute;z-index:6;border:0;cursor:pointer;touch-action:none;box-shadow:0 2px 7px rgba(18,67,105,.20)}
#createpost .cp-free-shape.is-selected .cp-free-shape-move,#createpost .cp-free-shape.is-selected .cp-free-shape-delete,#createpost .cp-free-shape.is-selected .cp-free-shape-change,#createpost .cp-free-shape.is-selected .cp-free-shape-resize,#createpost .cp-free-shape.is-selected .cp-free-shape-rotate,#createpost .cp-free-shape.is-selected .cp-free-angle{display:block}
#createpost .cp-free-shape-move{left:5px;top:5px;width:26px;height:26px;border-radius:50%;background:#fff}
#createpost .cp-free-shape-move:before,#createpost .cp-free-shape-move:after{content:"";position:absolute;background:#2f84f6;left:7px;right:7px;top:12px;height:2px}
#createpost .cp-free-shape-move:after{transform:rotate(90deg)}
#createpost .cp-free-shape-delete{right:5px;top:5px;width:25px;height:25px;border-radius:50%;background:#fff;color:#e05059;font:bold 18px/23px Arial;text-align:center;padding:0}
#createpost .cp-free-shape-change{left:5px;bottom:5px;width:27px;height:27px;border-radius:8px;background:#fff}
#createpost .cp-free-shape-change:before{content:"";position:absolute;left:6px;top:7px;width:15px;height:12px;border:1.8px solid #2f84f6;border-radius:3px;box-sizing:border-box;background:linear-gradient(145deg,transparent 48%,#b9ddf1 49% 62%,transparent 63%)}
#createpost .cp-free-shape-resize{right:5px;bottom:5px;width:27px;height:27px;border-radius:8px;background:#2f84f6}
#createpost .cp-free-shape-resize:before{content:"";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff}
#createpost .cp-free-shape-rotate{top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:#fff;color:#2f84f6}
#createpost .cp-free-shape-rotate-left{left:-37px}
#createpost .cp-free-shape-rotate-right{right:-37px}
#createpost .cp-free-shape-rotate:before{content:"";position:absolute;left:7px;top:7px;width:14px;height:14px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;box-sizing:border-box}
#createpost .cp-free-shape-rotate:after{content:"";position:absolute;right:5px;top:5px;border-left:5px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;transform:rotate(-35deg)}
#createpost .cp-free-shape-rotate-left{transform:scaleX(-1)}
#createpost .cp-free-angle{left:50%;bottom:-29px;transform:translateX(-50%);min-width:38px;padding:4px 7px;border-radius:999px;background:rgba(20,52,77,.86);color:#fff;text-align:center;font:700 10px/1 Arial,sans-serif;cursor:default;box-sizing:border-box}

/* R155 — Rotativa: tres vueltas rápidas sobre eje vertical y 2 s de frente. */
#createpost .cp-free-shape{perspective:900px}
#createpost .cp-free-shape.is-axis-spinning .cp-free-shape-mask,
#createpost .cp-free-shape.is-axis-spinning .cp-free-shape-border{
 animation:cpFreeAxisSpin 1s cubic-bezier(.22,.7,.2,1) 1;
 transform-origin:center center;
 backface-visibility:hidden;
 -webkit-backface-visibility:hidden;
 transform-style:preserve-3d;
}
@keyframes cpFreeAxisSpin{0%{transform:rotateY(0deg)}100%{transform:rotateY(1080deg)}}

.cp-free-photo-picker{position:fixed;inset:0;z-index:1000005;background:rgba(13,34,53,.52);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}
.cp-free-photo-card{width:min(520px,96vw);max-height:min(620px,78vh);overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 20px 55px rgba(12,42,68,.26);display:flex;flex-direction:column}
.cp-free-photo-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #edf1f5}
.cp-free-photo-head>div{display:flex;flex-direction:column;min-width:0}
.cp-free-photo-head strong{font-size:15px;color:#153a58}.cp-free-photo-head small{font-size:12px;color:#7a8da0;margin-top:2px}
.cp-free-photo-close{width:32px;height:32px;border:0;border-radius:50%;background:#f1f5f8;color:#536b7f;font-size:21px;cursor:pointer}
.cp-free-photo-grid{padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;overflow:auto}
.cp-free-photo-option{aspect-ratio:1/1;border:0;padding:0;border-radius:10px;overflow:hidden;background:#edf2f6;cursor:pointer}
.cp-free-photo-option img{width:100%;height:100%;display:block;object-fit:cover}

/* Compatibilidad legacy CU0: publicaciones antiguas que sí guardaban una miniatura aplanada.
   Los Diseños libres nuevos se reconstruyen desde free_design_data + fotos fuente. */
.cl-CU0-a{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important}
.br-design-CU0 .cl-CU0-a,.br-design-CU0 .cl-CU0-a>.ig,.br-design-CU0 .cl-CU0-a>.imge{box-shadow:none!important}

/* R38: CU0 nuevo conserva figuras independientes después de publicar. */
.br-free-published{position:relative!important;overflow:hidden!important;background-repeat:no-repeat!important}
.br-free-published-shape{position:absolute;box-sizing:border-box;overflow:visible;transform:rotate(var(--br-free-angle,0deg));transform-origin:center center}
.br-free-published.is-floating .br-free-published-shape{animation:brPublishedFreeFloat var(--br-free-duration,5s) ease-in-out infinite;animation-delay:var(--br-free-delay,0s)}
.br-free-published-mask{position:absolute;inset:0;overflow:hidden;background:rgba(255,255,255,.24)}
.br-free-photo{position:absolute!important;display:block!important;max-width:none!important;max-height:none!important;object-fit:unset!important;margin:0!important;user-select:none;pointer-events:none;z-index:1}
.br-free-photo-next{z-index:2;opacity:0}
.br-free-published-border{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:3}
.br-free-published-border path{fill:none;stroke:var(--br-free-border,#fff);stroke-width:0;stroke-linecap:round;stroke-linejoin:round}
.br-free-published-shape[data-border="thin"] .br-free-published-border path{stroke-width:2px}
.br-free-published-shape[data-border="medium"] .br-free-published-border path{stroke-width:4px}
.br-free-published-shape[data-border="thick"] .br-free-published-border path{stroke-width:6px}
/* El mismo borde externo se conserva en Home, perfiles, publicación y minis. */
.br-free-published-shape[data-border="thin"] .br-free-published-border{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}
.br-free-published-shape[data-border="medium"] .br-free-published-border{inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px)}
.br-free-published-shape[data-border="thick"] .br-free-published-border{inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px)}
.br-free-published-shape[data-shadow="light"] .br-free-published-mask,.br-free-published-shape[data-shadow="light"] .br-free-published-border{filter:drop-shadow(0 4px 8px rgba(255,255,255,.88))}
.br-free-published-shape[data-shadow="gray"] .br-free-published-mask,.br-free-published-shape[data-shadow="gray"] .br-free-published-border{filter:drop-shadow(0 6px 10px rgba(71,85,105,.30))}
.br-free-published-shape[data-shadow="dark"] .br-free-published-mask,.br-free-published-shape[data-shadow="dark"] .br-free-published-border{filter:drop-shadow(0 8px 14px rgba(15,23,42,.42))}
.br-free-published>.br-collage-text-layer{z-index:20}
.br-free-published-shape{perspective:900px}
.br-free-published-shape.is-axis-spinning .br-free-published-mask,
.br-free-published-shape.is-axis-spinning .br-free-published-border{
 animation:brPublishedAxisSpin 1s cubic-bezier(.22,.7,.2,1) 1;
 transform-origin:center center;
 backface-visibility:hidden;
 -webkit-backface-visibility:hidden;
 transform-style:preserve-3d;
}
@keyframes brPublishedAxisSpin{0%{transform:rotateY(0deg)}100%{transform:rotateY(1080deg)}}

@keyframes brPublishedFreeFloat{0%{transform:translate3d(0,0,0) rotate(var(--br-free-angle,0deg))}25%{transform:translate3d(0,-4px,0) rotate(calc(var(--br-free-angle,0deg) - .7deg))}50%{transform:translate3d(0,2px,0) rotate(calc(var(--br-free-angle,0deg) + .7deg))}75%{transform:translate3d(0,-3px,0) rotate(calc(var(--br-free-angle,0deg) - .45deg))}100%{transform:translate3d(0,0,0) rotate(var(--br-free-angle,0deg))}}

@keyframes cpFreeFloat{
  0%{transform:translate3d(0,0,0) rotate(var(--cp-free-angle,0deg))}
  25%{transform:translate3d(0,-4px,0) rotate(calc(var(--cp-free-angle,0deg) - .7deg))}
  50%{transform:translate3d(0,2px,0) rotate(calc(var(--cp-free-angle,0deg) + .7deg))}
  75%{transform:translate3d(0,-3px,0) rotate(calc(var(--cp-free-angle,0deg) - .45deg))}
  100%{transform:translate3d(0,0,0) rotate(var(--cp-free-angle,0deg))}
}

@media(max-width:768px){
 #createpost .cp-free-entry{margin:5px 8px 4px;width:calc(100% - 16px);min-height:52px;border-radius:12px;padding:7px 10px}
 #createpost .cp-free-entry-icon{width:34px;height:34px;flex-basis:34px}.cp-free-entry-copy strong{font-size:13px!important}
 #createpost .cp-free-controls{margin:4px 8px 5px;border-radius:12px;padding:7px 9px 8px}
 #createpost .cp-free-head{margin-bottom:4px}
 #createpost .cp-free-section{margin-top:5px;gap:7px;align-items:flex-start;flex-wrap:wrap}
 #createpost .cp-free-section-label{flex-basis:48px;font-size:10px;padding-top:8px}
 #createpost .cp-free-color{width:25px;height:25px;flex-basis:25px}
 #createpost .cp-free-bg-image{width:39px;height:28px;flex-basis:39px}
 #createpost .cp-free-shape-button{width:39px;height:31px}
 #createpost .cp-free-border-option,#createpost .cp-free-shadow-option{font-size:11px;padding:7px 9px}
 #createpost .cp-free-motion-switch{width:100%}
 #createpost .cp-free-ready-note{padding-left:0;margin-top:6px}
 #createpost .cp-free-photo-help{margin-left:0;margin-top:5px;padding-top:5px;font-size:10px}
 .cp-free-photo-picker{align-items:flex-end;padding:0}
 .cp-free-photo-card{width:100%;max-height:70vh;border-radius:18px 18px 0 0;padding-bottom:max(8px,env(safe-area-inset-bottom))}
 .cp-free-photo-grid{grid-template-columns:repeat(4,1fr);gap:7px}
}

/* R40 — CU0 mini usa la escala REAL calculada desde el contenedor / 600.
   Posición y tamaño de figuras se recalculan en JS; aquí escalamos también
   las medidas visuales del texto que todavía están expresadas en píxeles. */
.br-free-mini{--br-free-mini-scale:1}
.br-free-mini>.br-collage-text-layer{
 padding:calc(3px * var(--br-free-mini-scale)) calc(8px * var(--br-free-mini-scale));
 text-shadow:0 calc(2px * var(--br-free-mini-scale)) calc(5px * var(--br-free-mini-scale)) rgba(0,0,0,.48);
}

/* R41 — CU0 publicado queda aislado de .ig/.le. La capa fotográfica conserva
   siempre su relación natural y la figura completa actúa como acceso a galería. */
.br-free-published:not(.br-free-mini) .br-free-published-shape{cursor:pointer;}
.br-free-published:not(.br-free-mini) .br-free-published-shape:focus-visible{outline:2px solid rgba(47,132,246,.9);outline-offset:3px;}
.br-free-published .br-free-photo{background-origin:border-box!important;background-clip:border-box!important;}

/* R47 — fondos lisos + degradados de dos colores */
#createpost .cp-free-background-tools{align-items:flex-start}
#createpost .cp-free-background-palettes{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:5px}
#createpost .cp-free-gradient-list{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;padding:2px 0}
#createpost .cp-free-gradient-list::-webkit-scrollbar{display:none}
#createpost .cp-free-gradient{width:28px;height:28px;flex:0 0 28px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d7e1eb;cursor:pointer;position:relative;background-size:100% 100%}
#createpost .cp-free-gradient.is-active:after{content:"";position:absolute;inset:-4px;border:2px solid #2f84f6;border-radius:50%}
@media(max-width:768px){
 #createpost .cp-free-background-palettes{flex-basis:calc(100% - 96px)}
 #createpost .cp-free-gradient{width:25px;height:25px;flex-basis:25px}
}


/* ==========================================================
   R49 — ajustes de cierre visual (simetría, sombras y selector)
   ========================================================== */
#createpost .cp-free-shape-button[data-free-shape="diamond"],
#createpost .cp-free-shape-button[data-free-shape="triangle"]{display:none!important}
#createpost .cp-free-shape[data-shadow="light"] .cp-free-shape-mask,
#createpost .cp-free-shape[data-shadow="light"] .cp-free-shape-border{filter:drop-shadow(0 3px 5px rgba(51,65,85,.22))}
#createpost .cp-free-shape[data-shadow="gray"] .cp-free-shape-mask,
#createpost .cp-free-shape[data-shadow="gray"] .cp-free-shape-border{filter:drop-shadow(0 4px 7px rgba(51,65,85,.40))}
#createpost .cp-free-shape[data-shadow="dark"] .cp-free-shape-mask,
#createpost .cp-free-shape[data-shadow="dark"] .cp-free-shape-border{filter:drop-shadow(0 5px 9px rgba(15,23,42,.58))}
.br-free-published-shape[data-shadow="light"] .br-free-published-mask,
.br-free-published-shape[data-shadow="light"] .br-free-published-border{filter:drop-shadow(0 3px 5px rgba(51,65,85,.22))}
.br-free-published-shape[data-shadow="gray"] .br-free-published-mask,
.br-free-published-shape[data-shadow="gray"] .br-free-published-border{filter:drop-shadow(0 4px 7px rgba(51,65,85,.40))}
.br-free-published-shape[data-shadow="dark"] .br-free-published-mask,
.br-free-published-shape[data-shadow="dark"] .br-free-published-border{filter:drop-shadow(0 5px 9px rgba(15,23,42,.58))}
#createpost .cp-free-gradient-list,
#createpost .cp-free-border-colors{flex-wrap:wrap;overflow:visible}
#createpost .cp-free-background-palettes{gap:7px}
#createpost .cp-free-color-list,#createpost .cp-free-gradient-list{row-gap:8px}
#createpost .cp-free-motion-tools{margin-left:auto}
#createpost.cp-free-mode.cp-free-ready .cp-photo-tools{justify-content:flex-end!important}

/* R49 — Rotación automática siempre anclada al lado derecho del collage. */
#createpost.cp-free-mode.cp-free-ready .cp-photo-tools{
    left:auto!important;right:10px!important;width:auto!important;justify-content:flex-end!important;
}
@media(max-width:700px){
    #createpost.cp-free-mode.cp-free-ready .cp-photo-tools{right:7px!important;}
}

/* R155 — con una sola imagen no hay selector de foto: la figura modifica la misma imagen. */
#createpost.cp-single-image-mode .cp-free-shape-change{display:none!important}


/* ==========================================================
   R156 — Movimiento compacto + efectos ambientales + arrastre directo
   ========================================================== */
#createpost .cp-free-motion-tools{align-items:flex-start!important}
#createpost .cp-free-motion-panel{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:5px}
#createpost .cp-free-motion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}
#createpost .cp-free-motion-switch{min-height:30px!important;border-radius:9px!important;padding:0 8px!important;gap:6px!important}
#createpost .cp-free-motion-copy{font-size:11px!important}
#createpost .cp-free-motion-ui{width:36px!important;height:20px!important;flex-basis:36px!important}
#createpost .cp-free-motion-ui span{width:14px!important;height:14px!important;left:3px!important;top:3px!important}
#createpost .cp-free-floating-toggle:checked + .cp-free-motion-ui span,
#createpost .cp-free-axis-rotation-toggle:checked + .cp-free-motion-ui span,
#createpost .cp-free-auto-rotation-toggle:checked + .cp-free-motion-ui span{transform:translateX(16px)!important}
#createpost .cp-free-effect-head{display:flex;align-items:center;min-height:18px;margin-top:1px;color:#6b8195;font-size:9.5px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
#createpost .cp-free-effect-list{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 4px;min-width:0}
#createpost .cp-free-effect-list::-webkit-scrollbar{display:none}
#createpost .cp-free-effect-button{width:30px;height:28px;flex:0 0 30px;border:1px solid #d7e5f0;border-radius:8px;background:#f8fbfe;color:#426b8d;display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 1px 3px rgba(26,66,96,.05);transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
#createpost .cp-free-effect-button span{font:700 15px/1 Arial,sans-serif;pointer-events:none}
#createpost .cp-free-effect-button[data-effect="leaves"] span{font-size:14px}
#createpost .cp-free-effect-button:hover{background:#eef8ff;border-color:#b9d9ee}
#createpost .cp-free-effect-button.is-active{background:#f1f7ff;border-color:#7fb8e8;color:#226ea8;box-shadow:0 0 0 2px rgba(94,150,199,.18),0 2px 5px rgba(38,87,126,.10)}
#createpost .cp-free-effect-button:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.45)}
#createpost .cp-free-ready-note{margin-top:5px!important;padding-left:64px!important;font-size:10px!important}
/* El botón + de movimiento desaparece: ahora se arrastra la figura directamente. */
#createpost .cp-free-shape-move{display:none!important}
#createpost .cp-free-shape-mask{cursor:grab}
#createpost .cp-free-shape-mask:active{cursor:grabbing}

/* Efectos ambientales: capa visual sobre todo el collage, sin bloquear interacción. */
#createpost .cp-free-fx-layer,.br-free-fx-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:10;contain:layout paint}
#createpost .cp-free-fx-particle,.br-free-fx-particle{position:absolute;display:block;font-size:var(--br-fx-size,14px);line-height:1;color:rgba(255,255,255,var(--br-fx-opacity,.82));opacity:var(--br-fx-opacity,.82);will-change:transform,top,opacity;animation-duration:var(--br-fx-duration,5s);animation-delay:var(--br-fx-delay,0s);animation-timing-function:linear;animation-iteration-count:infinite;text-shadow:0 1px 4px rgba(0,0,0,.18)}
#createpost .cp-free-fx-layer[data-effect="sparkle"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="sparkle"] .br-free-fx-particle{animation-name:brFreeFxTwinkle;color:#fff4a8;text-shadow:0 0 5px #fff,0 0 10px rgba(255,225,95,.9)}
#createpost .cp-free-fx-layer[data-effect="rain"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="rain"] .br-free-fx-particle{top:-14%;width:2px;height:calc(var(--br-fx-size,14px) * 1.25);font-size:0;background:linear-gradient(to bottom,rgba(190,224,255,.10),rgba(120,190,245,.98));border-radius:999px;animation-name:brFreeFxRain;transform:rotate(8deg)}
#createpost .cp-free-fx-layer[data-effect="snow"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="snow"] .br-free-fx-particle{top:-12%;color:rgba(255,255,255,.95);animation-name:brFreeFxFallSoft}
#createpost .cp-free-fx-layer[data-effect="leaves"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="leaves"] .br-free-fx-particle{top:-12%;animation-name:brFreeFxFallSwing}
#createpost .cp-free-fx-layer[data-effect="stars"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="stars"] .br-free-fx-particle{top:-12%;color:#ffe999;text-shadow:0 0 5px rgba(255,233,153,.6);animation-name:brFreeFxFallSoft}
#createpost .cp-free-fx-layer[data-effect="confetti"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="confetti"] .br-free-fx-particle{top:-12%;width:calc(var(--br-fx-size,14px) * .55);height:calc(var(--br-fx-size,14px) * .28);font-size:0;background:hsl(var(--br-fx-hue,200) 85% 58%);border-radius:2px;animation-name:brFreeFxFallSwing}
#createpost .cp-free-fx-layer[data-effect="petals"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="petals"] .br-free-fx-particle{top:-12%;color:#ffb7cb;animation-name:brFreeFxFallSwing}
#createpost .cp-free-fx-layer[data-effect="bubbles"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="bubbles"] .br-free-fx-particle{top:108%;width:var(--br-fx-size,14px);height:var(--br-fx-size,14px);font-size:0;border:1.5px solid rgba(205,239,255,.94);border-radius:50%;background:rgba(230,248,255,.26);box-shadow:inset -2px -2px 5px rgba(118,197,236,.32);animation-name:brFreeFxRise}
#createpost .cp-free-fx-layer[data-effect="fireflies"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="fireflies"] .br-free-fx-particle{width:calc(var(--br-fx-size,14px) * .35);height:calc(var(--br-fx-size,14px) * .35);font-size:0;border-radius:50%;background:#fff59d;box-shadow:0 0 5px #fff59d,0 0 11px #ffd95a;animation-name:brFreeFxFirefly;animation-timing-function:ease-in-out}
#createpost .cp-free-fx-layer[data-effect="hearts"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="hearts"] .br-free-fx-particle{top:-12%;color:#ff6f91;text-shadow:0 1px 3px rgba(129,21,54,.16);animation-name:brFreeFxFallSoft}
.br-free-fx-paused .br-free-fx-particle{animation-play-state:paused!important}
.br-free-fx-static .br-free-fx-particle{animation:none!important;opacity:.55!important}
/* R157 — IMPORTANTE: no usar !important en top. Las keyframes deben poder animarlo. */
@keyframes brFreeFxRain{0%{top:-14%;transform:translate3d(0,0,0) rotate(8deg)}100%{top:114%;transform:translate3d(var(--br-fx-drift,0),0,0) rotate(8deg)}}
@keyframes brFreeFxFallSoft{0%{top:-12%;transform:translate3d(0,0,0) rotate(0deg)}100%{top:112%;transform:translate3d(var(--br-fx-drift,0),0,0) rotate(var(--br-fx-rot,360deg))}}
@keyframes brFreeFxFallSwing{0%{top:-12%;transform:translate3d(0,0,0) rotate(0deg)}35%{transform:translate3d(14px,0,0) rotate(120deg)}70%{transform:translate3d(-10px,0,0) rotate(260deg)}100%{top:112%;transform:translate3d(var(--br-fx-drift,0),0,0) rotate(var(--br-fx-rot,520deg))}}
@keyframes brFreeFxRise{0%{top:108%;transform:translate3d(0,0,0) scale(.75);opacity:.12}20%{opacity:var(--br-fx-opacity,.8)}100%{top:-12%;transform:translate3d(var(--br-fx-drift,0),0,0) scale(1.12);opacity:.08}}
@keyframes brFreeFxTwinkle{0%,100%{transform:scale(.45) rotate(0deg);opacity:.1}40%{transform:scale(1.15) rotate(90deg);opacity:1}65%{transform:scale(.7) rotate(160deg);opacity:.45}}
@keyframes brFreeFxFirefly{0%,100%{transform:translate3d(-6px,4px,0) scale(.7);opacity:.2}25%{transform:translate3d(10px,-10px,0) scale(1);opacity:1}55%{transform:translate3d(var(--br-fx-drift,14px),8px,0) scale(.8);opacity:.38}80%{transform:translate3d(-8px,-14px,0) scale(1.05);opacity:.9}}


/* R322: lightweight extra effects, GPU-friendly CSS; same behavior in preview and published post. */
#createpost .cp-free-fx-layer[data-effect="butterflies"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="butterflies"] .br-free-fx-particle{top:106%;animation-name:brFreeFxButterfly;animation-timing-function:ease-in-out}
#createpost .cp-free-fx-layer[data-effect="balloons"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="balloons"] .br-free-fx-particle{top:107%;animation-name:brFreeFxRise}
#createpost .cp-free-fx-layer[data-effect="music"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="music"] .br-free-fx-particle{top:105%;animation-name:brFreeFxNotes}
#createpost .cp-free-fx-layer[data-effect="feathers"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="feathers"] .br-free-fx-particle{top:-12%;animation-name:brFreeFxFallSwing}
#createpost .cp-free-fx-layer[data-effect="rainbows"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="rainbows"] .br-free-fx-particle{animation-name:brFreeFxRainbow;animation-timing-function:ease-in-out}
#createpost .cp-free-fx-layer[data-effect="moons"] .cp-free-fx-particle,.br-free-fx-layer[data-effect="moons"] .br-free-fx-particle{animation-name:brFreeFxMoon;animation-timing-function:ease-in-out}
@keyframes brFreeFxButterfly{0%{top:107%;transform:translate3d(-12px,0,0) rotate(-12deg);opacity:.15}35%{transform:translate3d(14px,0,0) rotate(10deg);opacity:.95}68%{transform:translate3d(-12px,0,0) rotate(-8deg)}100%{top:-12%;transform:translate3d(var(--br-fx-drift,0),0,0) rotate(12deg);opacity:.08}}
@keyframes brFreeFxNotes{0%{top:105%;transform:translate3d(0,0,0) scale(.72);opacity:.08}50%{transform:translate3d(16px,0,0) scale(1.05);opacity:.98}100%{top:-12%;transform:translate3d(var(--br-fx-drift,0),0,0) scale(.82);opacity:.08}}
@keyframes brFreeFxRainbow{0%,100%{transform:translate3d(0,5px,0) rotate(-5deg) scale(.84);opacity:.23}45%{transform:translate3d(7px,-5px,0) rotate(5deg) scale(1.08);opacity:.92}}
@keyframes brFreeFxMoon{0%,100%{transform:translate3d(-4px,4px,0) rotate(-12deg) scale(.82);opacity:.25}50%{transform:translate3d(6px,-6px,0) rotate(8deg) scale(1.06);opacity:.92}}
/* Emoji pictograms keep their native palette inside the effect selectors. */
#createpost .cp-free-effect-button span{font-family:Arial,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:19px;line-height:1.1}

@media(max-width:768px){
 #createpost .cp-free-motion-panel{flex-basis:calc(100% - 55px)}
 #createpost .cp-free-motion-list{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 #createpost .cp-free-motion-switch{width:auto!important}
 #createpost .cp-free-ready-note{padding-left:0!important}
}

/* R156: la foto se cambia sólo con doble clic/doble toque. */
#createpost .cp-free-shape-change{display:none!important}

/* ==========================================================
   V5.3 · Redimensionado desde ambas esquinas
   ========================================================== */
#createpost .cp-free-shape-resize-br{right:5px!important;bottom:5px!important;left:auto!important;top:auto!important;cursor:nwse-resize!important}
#createpost .cp-free-shape-resize-tl{left:5px!important;top:5px!important;right:auto!important;bottom:auto!important;cursor:nwse-resize!important}
#createpost .cp-free-shape-resize-tl:before{
    content:"";position:absolute;left:6px;top:6px;width:10px;height:10px;
    border-left:2px solid #fff;border-top:2px solid #fff;border-right:0!important;border-bottom:0!important;
}

/* R369 / V6.87 — clearer, translucent background-picture action. */
#createpost .cp-free-bg-image{
  background:transparent!important;border-color:rgba(75,140,199,.55)!important;
  box-shadow:none!important;width:42px!important;height:34px!important;
}
#createpost .cp-free-bg-image:before{
  content:""!important;position:absolute!important;left:7px!important;top:8px!important;
  width:23px!important;height:17px!important;border:1.8px solid #337ec1!important;
  border-radius:4px!important;box-sizing:border-box!important;
  background:linear-gradient(143deg, transparent 48%, #91c9e8 50% 68%, transparent 70%)!important;
}
#createpost .cp-free-bg-image:after{
  content:"+"!important;position:absolute!important;top:0!important;right:1px!important;
  width:16px!important;height:16px!important;line-height:16px!important;
  background:#2f84f6!important;color:white!important;border-radius:50%!important;
  font:bold 13px/16px Arial,sans-serif!important;
}