/* Floating workflow notifications, kept in the lower part of the florist footage. */
.tentwo-florist{position:relative;width:100%;height:100%;overflow:hidden;border-radius:6px;container-type:inline-size;isolation:isolate;background:#e8e8df;font-family:Inter,sans-serif;color:#15251d}
.tentwo-florist .florist-footage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}
.tentwo-florist svg{display:block;width:100%;height:100%}
.florist-workflow{position:absolute;left:20px;right:20px;bottom:24px;visibility:hidden}
.florist-flow-heading,.florist-flow-footer,.florist-caption{display:none}
.florist-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.florist-flow-step{position:relative;display:flex;align-items:center;gap:9px;padding:14px 11px;background:rgba(255,255,255,.97);border:1px solid #ffffffb3;border-radius:13px;box-shadow:0 6px 20px #20312226;visibility:hidden;min-width:0}
.florist-flow-step+.florist-flow-step:before{content:"";position:absolute;top:50%;left:-17px;width:16px;height:2px;background:#d6f4bc}
.florist-flow-step.is-complete,.florist-flow-step.is-current{visibility:inherit}
.florist-step-icon{display:block;width:30px;height:30px;flex:none;padding:7px;border-radius:50%;background:#e4f7d7;color:#3b8d4c}
.florist-flow-step>div{flex:1;min-width:0}.florist-flow-step strong{display:block;font-size:clamp(10px,1.75cqw,13px);line-height:1.3;font-weight:550;letter-spacing:-.25px}.florist-flow-step>div>span{display:block;font-size:clamp(8px,1.35cqw,10px);line-height:1.35;color:#788277;margin-top:4px}
.florist-step-check{display:none}.florist-flow-step.is-current .florist-step-icon{background:#ddf6b8;color:#286b37}
.florist-success{position:absolute;bottom:52px;left:auto;right:24px;width:calc(100% - 92px);max-width:300px;background:rgba(255,255,255,.97);border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 8px 28px #24332426;padding:14px;visibility:hidden}
.florist-success-main{display:flex;align-items:center;gap:11px}.florist-success-icon{display:block;background:#319950;color:#fff;width:32px;height:32px;padding:8px;border-radius:50%;flex:none}.florist-success-main>div{min-width:0}.florist-success strong{display:block;font-size:clamp(13px,2.1cqw,15px);line-height:1.3;font-weight:550;letter-spacing:-.3px}.florist-success-main>div>span{display:block;color:#71806f;font-size:clamp(10px,1.7cqw,12px);line-height:1.4;margin-top:3px}
.florist-pickup{display:flex;align-items:center;gap:8px;border-top:1px solid #e9eee7;margin-top:12px;padding-top:10px;font-size:clamp(10px,1.85cqw,13px);line-height:1.4}.florist-pickup svg,.florist-follow-up svg{width:16px;height:16px;flex:none;color:#3c9856}.florist-follow-up{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:clamp(9px,1.6cqw,11px);line-height:1.4;color:#64816a;visibility:hidden}
.tentwo-florist[data-florist-phase="request"] .florist-workflow,.tentwo-florist[data-florist-phase="crm"] .florist-workflow,.tentwo-florist[data-florist-phase="email"] .florist-workflow{visibility:visible}
.tentwo-florist[data-florist-phase="success"] .florist-success,.tentwo-florist[data-florist-phase="followup"] .florist-success{visibility:visible}
.tentwo-florist[data-florist-phase="followup"] .florist-follow-up{visibility:visible}
.florist-pause{position:absolute;bottom:12px;right:12px;width:28px;height:28px;display:grid;place-items:center;padding:8px;border-radius:50%;border:1px solid #ffffffb3;background:#fffdf5e6;color:#263628;cursor:pointer;z-index:4}.florist-pause:hover{background:#e0ff98}.florist-pause:focus-visible{outline:2px solid #244f2d;outline-offset:3px}
@container(max-width:450px){.tentwo-florist .florist-footage{object-position:48% center}.florist-workflow{left:12px;right:12px;bottom:48px}.florist-flow-steps{gap:8px}.florist-flow-step{flex-direction:column;align-items:flex-start;gap:7px;padding:10px 8px;border-radius:11px}.florist-flow-step+.florist-flow-step:before{left:-9px;width:8px}.florist-step-icon{width:26px;height:26px;padding:6px}.florist-flow-step strong{font-size:10px;line-height:1.25}.florist-flow-step>div>span{display:none}.florist-success{left:auto;right:12px;bottom:48px;width:min(280px,calc(100% - 24px));padding:13px 14px;border-radius:13px}.florist-success strong{font-size:14px}.florist-success-main>div>span{font-size:10px}.florist-pickup{font-size:11px;margin-top:10px;padding-top:8px}.florist-follow-up{font-size:10px}.florist-success-icon{width:32px;height:32px;padding:8px}}
@media(prefers-reduced-motion:reduce){.tentwo-florist *{animation:none!important}}

/* Stage notifications around the florist's movement rather than across her face. */
.florist-workflow{inset:0;visibility:visible;pointer-events:none}
.florist-flow-steps{display:contents}
.florist-flow-step{position:absolute;width:260px;max-width:42%;padding:15px 14px;visibility:hidden!important}
.florist-flow-step+.florist-flow-step:before{display:none}
.florist-flow-step[data-florist-step="0"]{top:24px;right:24px}
.florist-flow-step[data-florist-step="1"]{top:112px;right:24px}
.florist-flow-step[data-florist-step="2"]{top:200px;right:24px;bottom:auto;left:auto;max-width:42%;width:260px}
.florist-flow-step strong{font-size:clamp(12px,2.15cqw,15px)}
.florist-flow-step>div>span{font-size:clamp(10px,1.6cqw,11px)}
.tentwo-florist .florist-flow-step.is-visible{visibility:visible!important}
@container(max-width:450px){
.florist-workflow{inset:0}
.florist-flow-step{flex-direction:row;align-items:center;gap:8px;padding:11px 10px;width:62%;max-width:none}
.florist-flow-step[data-florist-step="0"]{top:14px;right:12px}
.florist-flow-step[data-florist-step="1"]{top:93px;right:12px}
.florist-flow-step[data-florist-step="2"]{top:172px;right:12px;bottom:auto;left:auto;width:62%;max-width:none}
.florist-flow-step strong{font-size:11px;line-height:1.3}
.florist-flow-step>div>span{display:block;font-size:9px;line-height:1.35}
}

/* Se reproduce solo: sin botón de play/pausa. */
.florist-pause{display:none!important}