/* ===== 3 propostas de ficha: mesmos 4 dados (idade, views/h, views, envios) ===== */
.fx .reel{position:relative;display:block;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#C9D5EC;text-align:left;box-shadow:0 1px 2px rgba(10,27,77,.08),0 6px 18px rgba(10,27,77,.08)}
.fx .reel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fx .pos{position:absolute;z-index:3;top:6px;left:6px;font-size:11px;font-weight:800;background:#fff;color:var(--navy);border-radius:6px;padding:2px 6px}
.fx .vivo-p{position:absolute;z-index:3;top:6px;right:6px;display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:800;color:#fff;background:rgba(10,27,77,.7);padding:3px 6px;border-radius:6px}
.fx .vivo-p i{width:6px;height:6px;border-radius:50%;background:#FF3B30;animation:pisca 1.1s steps(1,end) infinite}
.fx .ico{width:11px;height:11px;flex:none}
/* 1 · Vidro: painel translúcido no rodapé */
.f1 .vidro{position:absolute;z-index:2;left:5px;right:5px;bottom:5px;border-radius:12px;padding:8px 8px 7px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);color:var(--navy)}
.f1 .vv{font-size:19px;font-weight:800;line-height:1;white-space:nowrap}
.f1 .vv small{font-size:10px;font-weight:600;color:var(--sec);margin-left:2px;letter-spacing:0}
.f1 .lin{display:flex;align-items:center;gap:4px;font-weight:700;margin-top:4px;white-space:nowrap}
.f1 .lin.rt{color:var(--laranja)}
.f1 .lin small{font-weight:600;color:var(--sec)}
.f1 .tira{height:4px;border-radius:2px;margin:6px 0 1px;overflow:hidden}
/* 2 · Cantos: cada dado num canto fixo, como o grid do Instagram */
.f2 .reel::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,27,77,.45) 0%,rgba(10,27,77,0) 26%,rgba(10,27,77,0) 50%,rgba(10,27,77,.88) 100%)}
.f2 .idade{position:absolute;z-index:3;top:30px;left:6px;display:flex;align-items:center;gap:3px;font-size:10px;font-weight:800;color:#fff;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:3px 6px;border-radius:6px}
.f2 .base{position:absolute;z-index:2;left:7px;right:7px;bottom:34px;color:#fff}
.f2 .vv{font-size:24px;font-weight:800;line-height:1}
.f2 .vv small{display:block;font-size:10px;font-weight:600;opacity:.8;letter-spacing:0;margin-top:1px}
.f2 .env{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;margin-top:5px}
.f2 .fita{position:absolute;z-index:2;left:0;right:0;bottom:0;height:28px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12.5px;font-weight:800;color:#fff;background:var(--laranja)}
.f2 .fita small{font-size:10px;font-weight:600;opacity:.85}
/* 3 · Painel: foto em cima, grade 2x2 fixa sobreposta */
.f3 .reel{aspect-ratio:9/17}
.f3 .reel>img{height:64%}
.f3 .painel{position:absolute;z-index:2;left:0;right:0;bottom:0;top:52%;border-radius:14px 14px 0 0;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:12px 6px 6px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px}
.f3 .cel{border-radius:8px;background:var(--card2);padding:5px 6px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.f3 .cel b{font-size:14px;font-weight:800;line-height:1;color:var(--navy);white-space:nowrap}
.f3 .cel span{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:700;color:var(--sec);margin-top:3px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.f3 .cel.grande b{font-size:16px}
.f3 .cel.rt b{color:var(--laranja)}
.f3 .cat-f{position:absolute;z-index:3;left:6px;top:calc(52% - 11px);display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:800;padding:3px 7px;border-radius:999px;color:#000;white-space:nowrap}
.f3 .cat-f svg{width:10px;height:10px}