/* OppenFlow · red social local-first de reels educativos */
:root{--flow-bg:#050b09;--flow-panel:#0b1511;--flow-line:rgba(150,225,195,.14);--flow-accent:#72e0b3;--flow-text:#edf8f3;--flow-muted:#96aaa2;--flow-danger:#f1a19a}
.pagina-oppenflow{background:var(--flow-bg);color:var(--flow-text)}
.flow-shell{width:min(100% - 20px,1180px);margin:0 auto;padding:110px 0 100px}
.flow-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:18px}
.flow-top h1{margin:5px 0 8px;font-size:clamp(2.2rem,6vw,5rem);letter-spacing:-.055em}.flow-top p{max-width:720px;margin:0;color:var(--flow-muted);line-height:1.55}.flow-top-actions{display:flex;gap:8px;flex-wrap:wrap}.flow-top-actions a{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:999px;text-decoration:none;font-weight:800}.flow-top-actions .primary{background:var(--flow-accent);color:#04110c}.flow-top-actions .secondary{border:1px solid var(--flow-line);color:var(--flow-text)}
.flow-toolbar{display:flex;gap:8px;align-items:center;overflow:auto;margin-bottom:14px;padding:4px 0 8px;scrollbar-width:none}.flow-toolbar::-webkit-scrollbar{display:none}.flow-toolbar a{flex:0 0 auto;padding:8px 12px;border:1px solid var(--flow-line);border-radius:999px;color:var(--flow-muted);font-size:.78rem;text-decoration:none}.flow-toolbar a[aria-current="page"]{background:#153b2e;color:#eafff7;border-color:#2c7058}
.flow-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(240px,1fr);gap:18px;align-items:start}.flow-feed{height:calc(100dvh - 165px);min-height:620px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;border:1px solid var(--flow-line);border-radius:24px;background:#020705;scrollbar-width:none}.flow-feed::-webkit-scrollbar{display:none}
.flow-reel{position:relative;display:grid;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#010403}.flow-stage{position:relative;min-height:620px;background:radial-gradient(circle at 50% 30%,#17362b,#040806 52%,#020403);overflow:hidden}.flow-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.flow-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:40px;text-align:center}.flow-placeholder>div{max-width:430px}.flow-placeholder strong{display:block;font-size:1.5rem}.flow-placeholder p{color:var(--flow-muted);line-height:1.5}.flow-placeholder button{margin-top:12px;border:0;border-radius:999px;background:var(--flow-accent);color:#04110c;padding:11px 17px;font:inherit;font-weight:850;cursor:pointer}.flow-status{position:absolute;top:14px;left:14px;z-index:3;max-width:70%;padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(5,14,11,.72);backdrop-filter:blur(10px);color:#dcece5;font-size:.68rem}.flow-status[data-state="offline"],.flow-status[data-state="error"]{color:#ffc3bd}.flow-status[data-state="ready"]{color:#8ce6c2}
.flow-overlay{position:absolute;z-index:2;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:80px 16px 18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}.flow-copy{min-width:0}.flow-author{display:flex;gap:9px;align-items:center;margin-bottom:8px;color:#fff;text-decoration:none}.flow-author-avatar{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;overflow:hidden;background:#17372c;font-weight:900}.flow-author-avatar img{width:100%;height:100%;object-fit:cover}.flow-copy h2{margin:0 0 7px;font-size:1rem}.flow-copy p{margin:0;color:#e0ebe6;font-size:.84rem;line-height:1.45}.flow-copy small{display:block;margin-top:6px;color:#a8bbb3}.flow-actions{display:grid;gap:8px}.flow-action,.flow-actions summary{display:grid;width:48px;min-height:48px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(9,20,16,.72);color:#fff;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.flow-action.active{background:#225a46;color:#9ef0ce}.flow-actions form{margin:0}.flow-actions details{position:relative}.flow-actions details>div{position:absolute;right:56px;bottom:0;width:250px;padding:12px;border:1px solid var(--flow-line);border-radius:16px;background:#0b1712;box-shadow:0 20px 60px rgba(0,0,0,.35)}.flow-actions input,.flow-actions select,.flow-actions textarea{width:100%;box-sizing:border-box;margin:4px 0 8px;padding:9px;border:1px solid var(--flow-line);border-radius:9px;background:#07100d;color:#fff}.flow-actions details button[type="submit"]{width:100%;padding:9px;border:0;border-radius:9px;background:var(--flow-accent);color:#04110c;font-weight:800}
.flow-comments{position:absolute;z-index:5;left:14px;right:76px;bottom:14px;max-height:40%;overflow:auto;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(4,11,8,.88);backdrop-filter:blur(14px)}.flow-comments[hidden]{display:none}.flow-comments article{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}.flow-comments article:last-child{border:0}.flow-comments b{font-size:.74rem}.flow-comments p{margin:3px 0;color:#d7e4df;font-size:.76rem}.flow-comments small{color:#83978f}.flow-comment-form{display:flex;gap:7px;margin-top:8px}.flow-comment-form textarea{flex:1;min-height:40px;resize:none;border:1px solid var(--flow-line);border-radius:10px;background:#07100d;color:#fff;padding:9px}.flow-comment-form button{border:0;border-radius:10px;background:var(--flow-accent);color:#04110c;font-weight:800}
.flow-aside{position:sticky;top:92px;display:grid;gap:12px}.flow-aside article{padding:18px;border:1px solid var(--flow-line);border-radius:20px;background:var(--flow-panel)}.flow-aside h2,.flow-aside h3{margin:0 0 8px}.flow-aside p,.flow-aside li{color:var(--flow-muted);font-size:.78rem;line-height:1.55}.flow-aside ul{margin:9px 0 0;padding-left:18px}.flow-wallet strong{display:block;font-size:2rem;color:#b8f2d9}.flow-empty{padding:60px 28px;text-align:center;color:var(--flow-muted)}
.flow-publish-shell{width:min(100% - 24px,920px);margin:0 auto;padding:125px 0 100px}.flow-publish-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.flow-publish-preview,.flow-publish-form{padding:22px;border:1px solid var(--flow-line);border-radius:24px;background:var(--flow-panel)}.flow-phone{position:relative;aspect-ratio:9/16;max-height:600px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:#010302}.flow-phone video{width:100%;height:100%;object-fit:contain;background:#000}.flow-upload{display:grid;gap:8px}.flow-upload input[type="file"]{padding:14px;border:1px dashed #3a705b;border-radius:16px;background:#07100d;color:#d9e8e2}.flow-publish-form label{display:grid;gap:6px;margin-bottom:13px;color:#e8f4ef;font-size:.8rem}.flow-publish-form textarea,.flow-publish-form input[type="text"],.flow-publish-form select{width:100%;box-sizing:border-box;padding:11px;border:1px solid var(--flow-line);border-radius:11px;background:#07100d;color:#fff}.flow-check{grid-template-columns:auto 1fr!important;align-items:start}.flow-check input{margin-top:3px}.flow-publish-submit{width:100%;min-height:48px;border:0;border-radius:14px;background:var(--flow-accent);color:#04110c;font:inherit;font-weight:900}.flow-publish-submit:disabled{opacity:.4}.flow-publish-status{min-height:20px;color:var(--flow-muted);font-size:.75rem}.flow-publish-status[data-state="error"]{color:var(--flow-danger)}.flow-publish-status[data-state="ready"]{color:#92ebc8}.flow-rules{padding:14px;border:1px solid var(--flow-line);border-radius:14px;background:#07100d;color:var(--flow-muted);font-size:.76rem;line-height:1.55}
.public-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.public-flow-grid a{position:relative;aspect-ratio:9/16;display:grid;place-items:center;border:1px solid var(--flow-line);border-radius:14px;background:#0b1712;color:#d8eee5;text-decoration:none;text-align:center;padding:12px}.public-flow-grid small{position:absolute;bottom:8px;left:8px;right:8px;color:#9fb2aa;font-size:.65rem}
@media(max-width:820px){.flow-shell{width:100%;padding-top:88px}.flow-top{padding:0 14px;grid-template-columns:1fr}.flow-top-actions{justify-content:flex-start}.flow-toolbar{padding-left:14px}.flow-layout{grid-template-columns:1fr}.flow-feed{height:calc(100dvh - 145px);min-height:520px;border-radius:0;border-inline:0}.flow-stage{min-height:calc(100dvh - 145px)}.flow-aside{display:none}.flow-publish-card{grid-template-columns:1fr}.flow-publish-preview{padding:14px}.flow-phone{margin:auto;max-height:520px}.public-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.flow-overlay{padding-inline:12px}.flow-action,.flow-actions summary{width:44px;min-height:44px}.flow-actions details>div{right:50px;width:220px}.flow-publish-shell{padding-top:100px}.flow-publish-form,.flow-publish-preview{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.flow-feed{scroll-behavior:auto}}

/* Configuración separada del feed: los términos nunca cubren los videos. */
.flow-settings-shell{width:min(100% - 32px,850px);margin:0 auto;padding:clamp(105px,12vw,150px) 0 125px;color:#edf7f2}
.flow-settings-back{display:inline-flex;margin-bottom:25px;color:#b6edce;font-size:.82rem;font-weight:800;text-decoration:none}
.flow-settings-intro h1{margin:8px 0 12px;color:#f3fff7;font-size:clamp(2.4rem,6vw,4.3rem);line-height:1.03;letter-spacing:-.045em}
.flow-settings-intro>p:last-child{max-width:700px;color:#bdcfc5;line-height:1.6}
.flow-settings-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 20px;padding:22px;border:1px solid var(--flow-line);border-radius:20px;background:#10251b}
.flow-settings-summary span,.flow-settings-summary small{display:block;color:#bfd0c5;font-size:.76rem;line-height:1.5}
.flow-settings-summary strong{display:block;margin:5px 0;color:#f4fff7;font-size:1rem}
.flow-settings-tools{display:flex;flex-wrap:wrap;gap:8px}
.flow-settings-tools button{min-height:42px;padding:9px 13px;border:1px solid #528a69;border-radius:10px;background:#153a29;color:#effff5;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.flow-settings-tools button:last-child{background:transparent;border-color:#756354;color:#f0d6c1}
.flow-consent-dialog.flow-settings-card{width:100%;max-height:none;overflow:visible;padding:clamp(18px,4vw,30px)}
.flow-settings-promo a,.flow-publish-permission a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 12px;border:1px solid #75b38d;border-radius:10px;background:#18442e;color:#effff4;font-size:.76rem;font-weight:800;text-decoration:none}
.flow-settings-promo a{margin-top:10px}
@media(max-width:640px){.flow-settings-shell{width:min(100% - 24px,850px);padding-top:105px;padding-bottom:125px}.flow-settings-summary{align-items:stretch;flex-direction:column;padding:17px}.flow-settings-tools{display:grid;grid-template-columns:1fr}.flow-settings-card{border-radius:18px}.flow-consent-actions{grid-template-columns:1fr}}

.flow-storage-card strong{display:block;margin:10px 0;color:#d7ede4;font-size:.78rem}.flow-storage-card button{width:100%;min-height:40px;border:1px solid var(--flow-line);border-radius:10px;background:#10241c;color:#dff8ee;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.flow-storage-card small{display:block;margin-top:7px;color:var(--flow-muted);font-size:.65rem}.flow-comment-delete{margin:4px 0 0;padding:3px 7px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:transparent;color:#a9bcb4;font:inherit;font-size:.62rem;cursor:pointer}.profile-gift{position:relative}.profile-gift>summary{cursor:pointer;list-style:none}.profile-gift>summary::-webkit-details-marker{display:none}.profile-gift>form{position:absolute;z-index:6;right:0;top:calc(100% + 8px);display:grid;gap:8px;width:min(300px,80vw);padding:14px;border:1px solid var(--flow-line);border-radius:16px;background:#0b1712;box-shadow:0 20px 60px rgba(0,0,0,.35)}.profile-gift label{display:grid;gap:5px;color:#d9e9e2;font-size:.72rem}.profile-gift input{width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--flow-line);border-radius:9px;background:#07100d;color:#fff}.profile-gift small{color:#96aaa2}

/* OppenFlow · consentimiento explícito de almacenamiento local */
html.flow-consent-open{overflow:hidden}.flow-consent-backdrop{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:18px;background:rgba(1,5,3,.82);backdrop-filter:blur(12px)}.flow-consent-backdrop[hidden]{display:none}.flow-consent-dialog{width:min(760px,100%);max-height:min(90dvh,880px);overflow:auto;padding:24px;border:1px solid rgba(174,224,200,.22);border-radius:24px;background:#08120e;color:#edf7f2;box-shadow:0 35px 100px rgba(0,0,0,.55)}.flow-consent-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between}.flow-consent-head h2{margin:5px 0 0;font-size:clamp(1.55rem,4vw,2.35rem);letter-spacing:-.035em}.flow-consent-exit{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border:1px solid var(--flow-line);border-radius:50%;color:#dcebe5;text-decoration:none;font-size:1.5rem}.flow-consent-lead{margin:16px 0;color:#b8cbc3;line-height:1.6}.flow-consent-policy{padding:16px;border:1px solid var(--flow-line);border-radius:18px;background:#0b1813}.flow-consent-policy h3{margin:0 0 10px;font-size:1rem}.flow-consent-policy ul{display:grid;gap:8px;margin:0;padding-left:20px}.flow-consent-policy li{color:#b7c9c1;font-size:.78rem;line-height:1.5}.flow-consent-policy li strong{color:#e8f5ef}.flow-consent-policy details{margin-top:14px;border-top:1px solid var(--flow-line);padding-top:12px}.flow-consent-policy summary{cursor:pointer;color:#aee8d0;font-size:.76rem;font-weight:800}.flow-consent-policy pre{margin:12px 0 0;max-height:250px;overflow:auto;white-space:pre-wrap;color:#a9bcb4;font:inherit;font-size:.7rem;line-height:1.55}.flow-consent-form{display:grid;gap:12px;margin-top:16px}.flow-consent-limit{display:grid;gap:7px;color:#e8f5ef;font-size:.8rem;font-weight:800}.flow-consent-limit select{width:100%;padding:11px;border:1px solid var(--flow-line);border-radius:11px;background:#07100d;color:#fff;font:inherit}.flow-consent-limit small,.flow-consent-check small{display:block;color:#8fa49b;font-size:.68rem;font-weight:500;line-height:1.45}.flow-consent-check{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:11px;border:1px solid var(--flow-line);border-radius:13px;background:#07100d;color:#dbeae4;font-size:.78rem;line-height:1.45}.flow-consent-check input{width:18px;height:18px;margin:1px 0 0}.flow-consent-check strong{display:block;color:#f0faf6}.flow-consent-security{margin:0;padding:11px;border:1px solid rgba(244,190,98,.3);border-radius:12px;background:rgba(95,61,8,.2);color:#f0cc8e;font-size:.72rem;line-height:1.5}.flow-consent-status{min-height:20px;margin:0;color:#9fb2aa;font-size:.72rem}.flow-consent-status[data-state="error"]{color:#ffaaa2}.flow-consent-status[data-state="ready"]{color:#91ebc7}.flow-consent-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.flow-consent-actions a{color:#a9bbb3;font-size:.72rem}.flow-consent-actions button{min-height:46px;padding:10px 16px;border:0;border-radius:12px;background:var(--flow-accent);color:#04110c;font:inherit;font-weight:900;cursor:pointer}.flow-consent-actions button:disabled{opacity:.5}.flow-publish-permission{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:14px 0;padding:12px 14px;border:1px solid var(--flow-line);border-radius:14px;background:#0b1712}.flow-publish-permission strong{color:#cfe6dc;font-size:.75rem}.flow-publish-permission button,.flow-storage-actions button{border:1px solid var(--flow-line);border-radius:10px;background:#10241c;color:#dff8ee;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.flow-publish-permission button{padding:9px 12px}.flow-storage-card [data-flow-consent-state]{margin-bottom:5px}.flow-storage-actions{display:grid;gap:7px;margin-top:9px}.flow-storage-actions button{width:100%;min-height:39px}.flow-storage-actions button[data-flow-revoke-consent]{background:transparent;color:#b8c9c1}
@media(max-width:600px){.flow-consent-backdrop{align-items:end;padding:0}.flow-consent-dialog{width:100%;max-height:94dvh;border-radius:24px 24px 0 0;padding:18px}.flow-consent-actions{display:grid;grid-template-columns:1fr}.flow-consent-actions a{order:2;text-align:center;padding:8px}.flow-consent-actions button{order:1;width:100%}.flow-publish-permission{align-items:flex-start;flex-direction:column}.flow-publish-permission button{width:100%}}


/* OppenFlow Flow 5 · experiencia inmersiva mobile 9:16/viewport completo */
.flow-back-profile{display:none}
.flow-download-policy{margin:0 0 14px;padding:13px;border:1px solid var(--flow-line);border-radius:14px;background:#07100d}
.flow-download-policy legend{padding:0 5px;color:#e8f4ef;font-size:.8rem;font-weight:800}
.flow-download-policy ul{display:grid;gap:7px;margin:7px 0 8px;padding:0;list-style:none}
.flow-download-policy label{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;margin:0!important;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);cursor:pointer}
.flow-download-policy small{display:block;color:var(--flow-muted);font-size:.7rem;line-height:1.45}
.flow-info-hotspot{display:none}

@media(max-width:820px){
  html:has(.pagina-oppenflow-feed),body.pagina-oppenflow-feed{height:100%;overflow:hidden;background:#000;overscroll-behavior:none}
  .pagina-oppenflow-feed .cabecera-web,.pagina-oppenflow-feed .mobile-nav,.pagina-oppenflow-feed .pie-web,.pagina-oppenflow-feed .asistente-oppenlabs,.pagina-oppenflow-feed .saltar{display:none!important}
  .pagina-oppenflow-feed main{height:100dvh;min-height:100dvh;overflow:hidden;padding:0!important;margin:0!important}
  .pagina-oppenflow-feed .mensajes-web{position:fixed;z-index:100;top:max(10px,env(safe-area-inset-top));left:50%;width:min(92vw,440px);transform:translateX(-50%)}
  .pagina-oppenflow-feed .flow-shell{width:100vw;height:100dvh;padding:0;margin:0;overflow:hidden}
  .pagina-oppenflow-feed .flow-top,.pagina-oppenflow-feed .flow-toolbar,.pagina-oppenflow-feed .flow-aside{display:none!important}
  .pagina-oppenflow-feed .flow-layout{display:block;width:100%;height:100%;margin:0}
  .pagina-oppenflow-feed .flow-feed{width:100vw;height:100dvh;min-height:0;max-height:none;border:0;border-radius:0;background:#000;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;touch-action:pan-y}
  .pagina-oppenflow-feed .flow-reel{width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;background:#000;overflow:hidden}
  .pagina-oppenflow-feed .flow-stage{width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;background:#000;overflow:hidden}
  .pagina-oppenflow-feed .flow-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
  .pagina-oppenflow-feed .flow-placeholder{inset:0;padding:0;background:#000}
  .pagina-oppenflow-feed .flow-status{top:max(64px,calc(env(safe-area-inset-top) + 52px));left:50%;max-width:76vw;transform:translateX(-50%);padding:5px 9px;border:0;background:rgba(0,0,0,.4);font-size:.62rem;text-align:center;transition:opacity .25s ease}
  .pagina-oppenflow-feed .flow-status[data-state="ready"]{opacity:0;pointer-events:none}
  .pagina-oppenflow-feed .flow-back-profile{position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);color:#fff;text-decoration:none}
  .pagina-oppenflow-feed .flow-back-profile svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .pagina-oppenflow-feed .flow-overlay{pointer-events:none;position:absolute;z-index:5;inset:0;display:block;padding:0;background:none}
  .pagina-oppenflow-feed .flow-actions{pointer-events:auto;position:absolute;right:max(10px,env(safe-area-inset-right));bottom:max(22px,calc(env(safe-area-inset-bottom) + 16px));display:grid;gap:9px;z-index:8}
  .pagina-oppenflow-feed .flow-action,.pagina-oppenflow-feed .flow-actions summary{width:46px;min-height:46px;border:0;border-radius:50%;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);box-shadow:0 2px 14px rgba(0,0,0,.2);font-size:.82rem}
  .pagina-oppenflow-feed .flow-action small{font-size:.62rem}
  .pagina-oppenflow-feed .flow-actions details>div{right:54px;bottom:0;width:min(255px,72vw);background:rgba(4,12,9,.94);backdrop-filter:blur(14px)}
  .pagina-oppenflow-feed .flow-info-hotspot{position:absolute;z-index:4;left:0;bottom:0;display:block;width:78%;height:36%;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .pagina-oppenflow-feed .flow-copy{pointer-events:none;position:absolute;z-index:7;left:max(10px,env(safe-area-inset-left));right:74px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));max-width:72vw;padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(0,0,0,.48);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  .pagina-oppenflow-feed .flow-copy.is-open{pointer-events:auto;opacity:1;visibility:visible;transform:translateY(0)}
  .pagina-oppenflow-feed .flow-author{gap:7px;margin-bottom:5px;font-size:.74rem}
  .pagina-oppenflow-feed .flow-author-avatar{width:28px;height:28px;font-size:.72rem}
  .pagina-oppenflow-feed .flow-copy p{margin:0;color:#fff;font-size:.72rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .pagina-oppenflow-feed .flow-copy small{margin-top:4px;color:#d1ddd8;font-size:.62rem;line-height:1.3}
  .pagina-oppenflow-feed .flow-comments{z-index:12;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));max-height:48dvh;border-radius:20px;background:rgba(4,11,8,.94)}
}

/* Reels 6 · administración de publicaciones y recuperación local */
.flow-owner-file{display:block;padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.07);color:#e5f5ef;font-size:.68rem;font-weight:800;cursor:pointer}
.flow-owner-menu [data-flow-restore-local]:not([hidden]){display:block;width:100%;padding:9px 10px;border:1px solid rgba(101,220,180,.35);border-radius:9px;background:rgba(13,91,67,.65);color:#f0fff8;font:inherit;font-size:.68rem;font-weight:800;text-align:left;cursor:pointer}
.flow-owner-menu [data-flow-restore-local]:disabled{opacity:.65;cursor:wait}
.flow-danger{width:100%;padding:9px 10px;border:1px solid rgba(255,122,110,.3)!important;border-radius:9px!important;background:rgba(95,24,18,.45)!important;color:#ffb2aa!important;font-weight:850!important;cursor:pointer}

/* Portada, descarga informada y navegación continua en pantalla completa. */
.flow-placeholder[style*="background-image"]{background-size:cover;background-position:center}
.flow-fullscreen{position:absolute;z-index:10;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font:inherit;font-size:1.4rem;cursor:pointer}
.flow-feed:fullscreen,.flow-feed.is-immersive{position:fixed!important;inset:0!important;z-index:1000!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:y mandatory;background:#000}
.flow-feed:fullscreen .flow-reel,.flow-feed.is-immersive .flow-reel,.flow-feed:fullscreen .flow-stage,.flow-feed.is-immersive .flow-stage{width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh}
body.flow-immersive{overflow:hidden!important}
.flow-download-dialog{width:min(92vw,390px);max-width:none;max-height:80dvh;padding:0;border:1px solid rgba(134,227,191,.26);border-radius:20px;background:#091712;color:#f3fff9;box-shadow:0 20px 80px rgba(0,0,0,.6)}
.flow-download-dialog::backdrop{background:rgba(0,0,0,.75)}
.flow-download-dialog>div{display:grid;gap:10px;padding:20px}
.flow-download-dialog h2{margin:0;font-size:1.2rem}.flow-download-dialog p{margin:0 0 6px;color:#bbd4c8;font-size:.85rem}
.flow-download-dialog a,.flow-download-dialog [data-flow-download-local]{display:grid;gap:3px;width:100%;padding:13px 14px;border:1px solid rgba(139,219,183,.24);border-radius:12px;background:#143629;color:#f4fff9;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.flow-download-dialog a:hover,.flow-download-dialog a:focus-visible,.flow-download-dialog [data-flow-download-local]:hover{background:#1d4b38}
.flow-download-dialog a span{color:#b9d6c8;font-size:.75rem}
.flow-download-dialog [data-flow-download-close]{min-height:42px;border:0;background:transparent;color:#b9d6c8;font:inherit;cursor:pointer}
.flow-status[data-state="unsupported"]{background:rgba(96,44,9,.72);color:#ffd6a3}
.flow-status[data-state="offline"]{cursor:pointer}

/* La portada se retira del plano visual en cuanto el reproductor está listo. */
.flow-placeholder[hidden],.flow-upload-progress[hidden]{display:none!important}
.pagina-oppenflow-feed .community-social-float{display:none!important}
.flow-overlay .flow-creator-card{grid-column:1;grid-row:1}
.flow-overlay .flow-copy{grid-column:1;grid-row:2}
.flow-overlay .flow-actions{grid-column:2;grid-row:1/span 2}
.flow-creator-card{display:flex;align-items:center;gap:10px;width:fit-content;max-width:min(100%,440px);min-height:58px;padding:8px 10px;border:1px solid rgba(218,255,236,.2);border-radius:15px;background:rgba(4,17,11,.82);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.24)}
.flow-creator-link{display:flex;align-items:center;gap:9px;min-width:0;color:#fff;text-decoration:none}
.flow-creator-name{display:grid;gap:2px;min-width:0}.flow-creator-name small{color:#c6e4d4;font-size:.65rem;line-height:1}.flow-creator-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;line-height:1.1}
.flow-creator-card form{margin:0}.flow-follow-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 10px;border:1px solid #89efbf;border-radius:9px;background:#86eab8;color:#062316;font:inherit;font-size:.72rem;font-weight:850;text-decoration:none;white-space:nowrap;cursor:pointer}.flow-follow-button.is-following{border-color:rgba(174,232,200,.5);background:#153c2c;color:#e9fff3}.flow-follow-button:disabled{opacity:.65;cursor:wait}
.flow-action svg,.flow-actions summary svg,.flow-mobile-tools svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}.flow-action.active svg{fill:rgba(158,240,206,.26)}
.flow-mobile-tools{display:none}
.flow-upload-progress{display:grid;gap:7px;margin:4px 0 12px;padding:13px;border:1px solid rgba(114,224,179,.32);border-radius:13px;background:#10251b}.flow-upload-progress-head{display:flex;justify-content:space-between;gap:10px;color:#f0fff7;font-size:.78rem}.flow-upload-progress progress{display:block;width:100%;height:13px;accent-color:#72e0b3}.flow-upload-progress small{color:#c9e1d4;font-size:.7rem}
.flow-saved-shell{width:min(100% - 28px,1080px);margin:0 auto;padding:120px 0 140px}.flow-saved-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}.flow-saved-head h1{margin:5px 0 8px;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.04em}.flow-saved-head p{max-width:640px;margin:0;color:#bfd4c9;line-height:1.5}.flow-saved-discover,.flow-saved-empty a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border-radius:10px;background:#8be7bc;color:#062516;font-weight:850;text-decoration:none;white-space:nowrap}.flow-saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:15px}.flow-saved-card{min-width:0;overflow:hidden;border:1px solid rgba(178,236,201,.17);border-radius:15px;background:#0d1c15}.flow-saved-cover{position:relative;display:grid;aspect-ratio:9/13;place-items:center;overflow:hidden;background:#010604;color:#d3efdf;text-decoration:none}.flow-saved-cover img{width:100%;height:100%;object-fit:cover}.flow-saved-play{position:absolute;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:rgba(0,0,0,.64);color:#fff}.flow-saved-detail{display:grid;gap:7px;padding:11px}.flow-saved-detail>a{overflow:hidden;color:#dcffe9;font-size:.83rem;font-weight:850;text-overflow:ellipsis;text-decoration:none}.flow-saved-detail p{min-height:2.5em;margin:0;color:#c3d7cb;font-size:.74rem;line-height:1.25}.flow-saved-detail form{margin:0}.flow-saved-detail button{width:100%;min-height:37px;border:1px solid rgba(190,236,207,.3);border-radius:9px;background:#193b2b;color:#eafff2;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.flow-saved-empty{padding:50px 20px;border:1px solid rgba(178,236,201,.17);border-radius:18px;background:#0d1c15;text-align:center}.flow-saved-empty p{color:#bfd4c9}
@media(max-width:820px){.pagina-oppenflow-feed .flow-mobile-tools{position:fixed;z-index:24;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:7px}.flow-mobile-tools a{display:flex;align-items:center;gap:5px;min-height:40px;padding:6px 9px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(0,0,0,.58);backdrop-filter:blur(12px);color:#fff;font-size:.68rem;font-weight:800;text-decoration:none}.pagina-oppenflow-feed .flow-fullscreen{top:max(66px,calc(env(safe-area-inset-top) + 56px));right:max(12px,env(safe-area-inset-right))}.pagina-oppenflow-feed .flow-creator-card{pointer-events:auto;position:absolute;z-index:8;left:max(10px,env(safe-area-inset-left));right:72px;bottom:max(21px,calc(env(safe-area-inset-bottom) + 15px));width:auto;min-height:54px;padding:6px 8px;border-radius:13px}.pagina-oppenflow-feed .flow-creator-name strong{font-size:.73rem}.pagina-oppenflow-feed .flow-creator-link{flex:1;min-width:0}.pagina-oppenflow-feed .flow-follow-button{padding:5px 8px;font-size:.68rem}.pagina-oppenflow-feed .flow-copy{bottom:max(88px,calc(env(safe-area-inset-bottom) + 82px))}.pagina-oppenflow-feed .flow-info-hotspot{bottom:75px;height:22%}.flow-saved-head{align-items:start;flex-direction:column}.flow-saved-shell{padding-top:106px}}
@media(max-width:480px){.flow-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.flow-creator-name small{font-size:.6rem}.pagina-oppenflow-feed .flow-creator-card{right:67px}.flow-mobile-tools a span{display:none}}

.flow-sound{position:absolute;z-index:25;top:16px;left:16px;min-height:44px;padding:8px 12px;border:1px solid #789b89;border-radius:12px;background:rgba(4,22,13,.88);color:#fff;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.flow-sound:focus-visible{outline:3px solid #95f3bb;outline-offset:3px}@media(max-width:820px){.pagina-oppenflow-feed .flow-sound{top:max(66px,calc(env(safe-area-inset-top) + 56px));left:12px}}

.flow-download-dialog{max-height:85dvh;overflow:auto}.flow-export-options{padding:16px 0;border-top:1px solid #607c6a}.flow-export-options select{width:100%;min-height:48px;background:#f1f8f3;color:#10291c;border:1px solid #547660;border-radius:10px;padding:10px;font:inherit}.flow-export-options p{font-size:.8rem;line-height:1.5}.flow-export-options [hidden]{display:none!important}.flow-export-options button:disabled{opacity:.6;cursor:wait}

.flow-watermark-policy{max-width:1100px;margin:110px auto -75px;padding:16px 22px;border:1px solid #547660;border-radius:14px;background:#10291c;color:#eefaf2}.flow-watermark-policy p{margin:6px 0 0;line-height:1.5;font-size:.9rem}