/* Brintage · compartir collage animado */
.br-share-animate{width:calc(100% - 40px);margin:2px 20px 13px;padding:12px 14px;border:1px solid #cfe2ff;border-radius:15px;background:linear-gradient(135deg,#f5f9ff,#eef6ff);display:flex;align-items:center;gap:12px;text-align:left;color:#23344d;cursor:pointer;box-sizing:border-box;transition:.18s ease;}
.br-share-animate:hover{border-color:#9fc5ff;transform:translateY(-1px);box-shadow:0 8px 22px rgba(47,132,246,.10)}
.br-share-animate-icon{width:38px;height:38px;border-radius:12px;background:#2f84f6;color:#fff;display:grid;place-items:center;font-size:14px;padding-left:2px;box-shadow:0 6px 14px rgba(47,132,246,.22);flex:0 0 auto}
.br-share-animate strong{display:block;font:600 14px/1.25 Arial,sans-serif;color:#2b3a52}.br-share-animate small{display:block;margin-top:3px;font:400 12px/1.3 Arial,sans-serif;color:#7a879b}
.br-animation-overlay{position:fixed;inset:0;z-index:999980;background:rgba(20,34,55,.48);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}
.br-animation-card{width:min(920px,96vw);max-height:94vh;overflow:auto;background:#fff;border:1px solid rgba(47,132,246,.16);border-radius:24px;box-shadow:0 28px 80px rgba(21,40,70,.28);font-family:Arial,sans-serif;color:#243650}
.br-animation-head{position:relative;display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid #e9f0fa;background:linear-gradient(135deg,#fff,#f7fbff);border-radius:24px 24px 0 0}
.br-animation-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#3e91ff,#2678ee);color:#fff;display:grid;place-items:center;font-size:16px;padding-left:2px;box-shadow:0 8px 18px rgba(47,132,246,.24)}
.br-animation-head h3{margin:0;font-size:18px;line-height:1.2;color:#273b58}.br-animation-head p{margin:4px 42px 0 0;font-size:12.5px;line-height:1.35;color:#78869b}
.br-animation-close{position:absolute;right:16px;top:17px;width:36px;height:36px;border:0;border-radius:50%;background:#f2f6fb;cursor:pointer}.br-animation-close:before,.br-animation-close:after{content:"";position:absolute;left:10px;top:17px;width:16px;height:2px;background:#7c899b;border-radius:2px;transform:rotate(45deg)}.br-animation-close:after{transform:rotate(-45deg)}
.br-animation-main{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,.82fr);gap:22px;padding:22px}
.br-animation-preview-wrap{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.br-animation-capture{position:relative;width:min(520px,100%);height:auto;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(33,55,86,.14);isolation:isolate;transition:width .18s ease,height .18s ease}
.br-animation-canvas{position:absolute;inset:0;transform-origin:center center;display:flex;align-items:center;justify-content:center;overflow:hidden}.br-animation-capture.is-static .br-animation-canvas{animation:br-animation-breathe 5.4s ease-in-out infinite alternate}
.br-animation-capture .cl-collage .ig,.br-animation-capture .cl-collage .imge{cursor:default!important}
.br-animation-next-frame{box-shadow:inherit!important}
.br-animation-preview-label{margin-top:11px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#8491a3}.br-animation-preview-label span{width:7px;height:7px;background:#2f84f6;border-radius:50%;box-shadow:0 0 0 4px rgba(47,132,246,.10)}
.br-animation-controls{display:flex;flex-direction:column;gap:16px;min-width:0}
.br-animation-group>label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;color:#52647d;text-transform:uppercase;letter-spacing:.04em}
.br-animation-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.br-animation-choice{min-height:72px;padding:11px;border:1px solid #dae5f2;border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:.16s}.br-animation-choice strong{display:block;font-size:14px;color:#33455f}.br-animation-choice small{display:block;margin-top:4px;font-size:10.5px;line-height:1.3;color:#8491a3}.br-animation-choice.is-active{border-color:#68a5fb;background:#f1f7ff;box-shadow:inset 0 0 0 1px rgba(47,132,246,.13)}.br-animation-choice.is-active strong{color:#287ae9}
.br-animation-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.br-animation-segments button{height:39px;border:1px solid #dbe5f1;border-radius:11px;background:#fff;color:#607089;font-size:12px;font-weight:600;cursor:pointer}.br-animation-segments button.is-active{background:#2f84f6;border-color:#2f84f6;color:#fff;box-shadow:0 5px 13px rgba(47,132,246,.20)}
.br-animation-quality .br-animation-segments{grid-template-columns:1fr 1fr}.br-animation-quality.is-gif [data-size="1080"]{opacity:.38;pointer-events:none}.br-animation-quality-note{display:block;margin-top:6px;color:#91a0b2;font-size:10.5px;line-height:1.3}
.br-animation-progress{padding:11px 12px;border:1px solid #e4edf7;border-radius:13px;background:#f9fbfe}.br-animation-progress-track{height:5px;background:#e7eef7;border-radius:99px;overflow:hidden}.br-animation-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f84f6,#69aaff);border-radius:99px;transition:width .18s linear}.br-animation-progress-copy{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:10.5px;color:#8190a3}.br-animation-progress-copy b{color:#5684c4}
.br-animation-generate{height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,#3188fa,#2677e9);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 9px 21px rgba(47,132,246,.24)}.br-animation-generate:disabled{opacity:.62;cursor:default}
.br-animation-overlay.is-generating .br-animation-card{cursor:progress}.br-animation-overlay.is-generating .br-animation-capture{box-shadow:0 0 0 3px rgba(47,132,246,.17),0 14px 34px rgba(33,55,86,.16)}
.br-animation-overlay.is-done .br-animation-progress-track span{background:#36b779}
@keyframes br-animation-breathe{from{transform:scale(1)}to{transform:scale(1.006)}}
@media(max-width:700px){.br-animation-overlay{padding:8px;align-items:flex-end}.br-animation-card{width:100%;max-height:94vh;border-radius:23px 23px 0 0}.br-animation-head{padding:15px 16px;border-radius:23px 23px 0 0}.br-animation-mark{width:39px;height:39px;border-radius:13px}.br-animation-head h3{font-size:16px}.br-animation-head p{font-size:11px}.br-animation-main{grid-template-columns:1fr;gap:14px;padding:14px 16px 20px}.br-animation-capture{width:min(62vh,84vw,430px);border-radius:0}.br-animation-preview-label{margin-top:7px}.br-animation-controls{gap:12px}.br-animation-choice{min-height:62px;padding:9px}.br-animation-choice small{font-size:9.8px}.br-animation-group>label{margin-bottom:6px}.br-animation-generate{height:44px}}
@media(max-height:680px) and (max-width:700px){.br-animation-main{grid-template-columns:minmax(230px,.8fr) 1fr;align-items:start}.br-animation-capture{width:min(54vh,44vw,330px)}.br-animation-preview-label{display:none}.br-animation-head p{display:none}}


/* Exportación 2026-08-21: el cuadro animado usa el modelo visual del post completo. */
.br-animation-post-stage{position:relative;flex:0 0 auto;overflow:visible}
.br-animation-export-post{position:absolute!important;left:0;top:0;margin:0!important;box-sizing:border-box!important;background:#fff!important;box-shadow:none!important;border-radius:0!important;overflow:hidden!important}
.br-animation-export-post .p-user{min-height:40px;box-sizing:content-box}
.br-animation-export-post .br-animation-brand{margin-left:auto;align-self:center;padding:0 8px 0 12px;color:#2f7df6!important;font-family:'Lucida Handwriting','Segoe Script',cursive!important;font-size:17px!important;font-weight:400!important;line-height:1!important;letter-spacing:-.4px!important;white-space:nowrap}
.br-animation-export-post .br-post-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:40px!important}
.br-animation-export-post .p-inte{pointer-events:none!important}
.br-animation-export-post .p-caption{pointer-events:none!important}
.br-animation-export-post .p-caption-copy{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important;max-height:none!important}
.br-animation-capture{background:#fff}

.br-animation-choice-row.is-web{grid-template-columns:1fr}.br-animation-raster-clone{background:#fff!important}

/* Export social: encabezado limpio sin fecha y usuario centrado con el avatar. */
.br-animation-export-post .p-user{align-items:center!important;min-height:40px!important}
.br-animation-export-post .p-user-table{display:flex!important;align-items:center!important;height:40px!important;min-height:40px!important}
.br-animation-export-post .p-user-middle{display:flex!important;align-items:center!important;height:40px!important;min-height:40px!important;line-height:1.15!important}
.br-animation-export-post .p-user-middle .link{display:flex!important;align-items:center!important;min-height:40px!important}
.br-animation-export-post .p-user .datime{display:none!important}

/* Export exacto del post: sin heredar anchos/altos contextuales del feed. */
.br-animation-export-post{height:auto!important;min-width:0!important;max-width:none!important;}
.br-animation-export-post .cl-middle{width:100%!important;height:auto!important;aspect-ratio:1/1!important;flex:0 0 auto!important;}
.br-animation-export-post>.p-user,.br-animation-export-post>.p-inte{width:100%!important;box-sizing:border-box!important;}
.br-animation-raster-divider{box-sizing:border-box!important;}
.br-animation-raster-icon{max-width:none!important;max-height:none!important;}

.br-animation-share-web{height:42px;border:1px solid #b9d7ff;border-radius:13px;background:#f3f8ff;color:#287ae9;font-size:13px;font-weight:700;cursor:pointer}.br-animation-share-web[hidden]{display:none!important}