/* ═══ SCOUT CLUBS — 10-escala-apresenta.css · v1.43 ═══ */

/* ───── ESCALAÇÃO ───── */
.esc-card{width:340px;height:604px;position:relative;overflow:hidden;color:#fff;font-family:var(--fb);background:var(--ec2)}
.esc-card.feed{width:440px;height:440px}
.esc-wm-foot{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;z-index:30}
.esc-wm-foot img{height:38px;opacity:.9}
.esc-crest{object-fit:contain}.esc-crest-ph{display:flex;align-items:center;justify-content:center;font-family:var(--fd);background:linear-gradient(150deg,var(--ec1),var(--ec1-40d));border:2px solid var(--eca);border-radius:12px;color:#fff}
.esc-fx{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,var(--ec1-12a),transparent 60%)}
.esc-fx.big{background:linear-gradient(135deg,var(--ec1-12a),transparent 55%)}
.esc-list{position:absolute;left:26px;right:22px;display:flex;flex-direction:column;gap:9px;z-index:5}
.esc-p{display:flex;align-items:center;gap:12px}
.esc-num{font-family:var(--fd);font-size:18px;color:var(--ecn);min-width:28px;transform:skewX(-6deg)}
.esc-nome{font-family:var(--fo,'Oswald');font-weight:700;font-size:17px;color:var(--ect)}
.esc-tag{font-style:normal;font-family:var(--fc);font-size:9px;color:var(--eca);margin-left:6px;letter-spacing:.05em}
/* t1 */
.esc-t1{background:linear-gradient(160deg,var(--ec1-40),var(--ec2) 70%)}
.esc-t1 .esc-hd{position:absolute;top:30px;left:26px;z-index:5}
.esc-t1 .esc-logo{width:52px;height:52px;display:flex;margin-bottom:10px}
.esc-t1 .esc-tt{font-family:var(--fd);font-size:34px;transform:skewX(-5deg);color:var(--ect)}
.esc-t1 .esc-sub{font-family:var(--fc);font-size:9px;letter-spacing:.14em;color:var(--eca);margin-top:4px}
.esc-t1 .esc-list{top:180px}
/* t2 com campo */
.esc-t2{background:var(--ec2)}
.esc-t2 .esc-pitch{position:absolute;inset:0;background:repeating-linear-gradient(0deg,var(--ec1-40) 0 8%,color-mix(in srgb,var(--ec1-40) 80%,#000) 8% 16%);opacity:.5}
.esc-t2 .esc-pitch::after{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:rgba(255,255,255,.25)}
.esc-t2 .esc-hd2{position:absolute;top:26px;left:0;right:0;text-align:center;z-index:5}
.esc-t2 .esc-hd2 .esc-logo{width:48px;height:48px;margin:0 auto 6px;display:flex;justify-content:center}
.esc-t2 .esc-hd2 .esc-tt{font-family:var(--fd);font-size:28px;transform:skewX(-5deg)}
.esc-t2 .esc-list.two{position:absolute;top:130px;left:20px;right:20px;display:grid;grid-template-columns:1fr;gap:7px}
.esc-t2 .esc-p{background:rgba(0,0,0,.4);border-radius:7px;padding:6px 10px}
.esc-t2 .esc-sub2{position:absolute;bottom:64px;left:0;right:0;text-align:center;font-family:var(--fc);font-size:9px;color:var(--eca);letter-spacing:.12em}
/* t3 destaque */
.esc-t3{background:radial-gradient(ellipse at 50% 25%,var(--ec1-40),var(--ec2) 70%)}
.esc-t3 .esc-hd{position:absolute;top:28px;left:0;right:0;text-align:center;z-index:5}
.esc-t3 .esc-logo{width:56px;height:56px;margin:0 auto 8px;display:flex;justify-content:center}
.esc-t3 .esc-tt.big{font-family:var(--fd);font-size:32px;transform:skewX(-5deg)}
.esc-t3 .esc-team{font-family:var(--fc);font-size:11px;letter-spacing:.16em;color:var(--eca);margin-top:2px}
.esc-t3 .esc-list.bold{top:170px}
.esc-t3 .esc-list.bold .esc-num{font-size:22px}
.esc-t3 .esc-list.bold .esc-nome{font-size:18px}
/* t4 diagonal */
.esc-t4{background:var(--ec2)}
.esc-t4 .esc-diag{position:absolute;top:-10%;left:-10%;width:120%;height:200px;background:linear-gradient(120deg,var(--ec1),var(--ec1-40d));clip-path:polygon(0 0,100% 0,100% 60%,0 100%)}
.esc-t4 .esc-hd3{position:absolute;top:30px;left:26px;display:flex;align-items:center;gap:12px;z-index:5}
.esc-t4 .esc-logo{width:50px;height:50px;display:flex}
.esc-t4 .esc-tt{font-family:var(--fd);font-size:26px;transform:skewX(-5deg)}
.esc-t4 .esc-team{font-family:var(--fc);font-size:10px;letter-spacing:.14em;color:var(--ect);opacity:.9}
.esc-t4 .esc-list{top:180px}

/* editor rows */
.es-prow{display:grid;grid-template-columns:40px 1fr 70px 52px;gap:5px;margin-bottom:6px}
.es-prow input,.es-prow select{background:var(--bg);border:1px solid var(--bdr);border-radius:7px;color:var(--t1);padding:8px 10px;font-size:11px;font-family:var(--fc);outline:none;width:100%}

/* ───── APRESENTAÇÃO ───── */
.apc-card{width:340px;height:604px;position:relative;overflow:hidden;color:#fff;font-family:var(--fb);background:var(--ac2)}
.apc-card.feed{width:440px;height:550px}
.apc-wm-foot{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;z-index:30}
.apc-wm-foot img{height:32px;opacity:.85}
.apc-photo-wrap{position:absolute;inset:0;overflow:hidden}
.apc-photo{width:100%;height:100%;object-fit:cover;transform-origin:center}
.apc-photo-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--t3);font-size:40px;background:linear-gradient(160deg,var(--ac1-40),var(--ac2))}
.apc-photo-ph span{font-family:var(--fc);font-size:12px}
.apc-crest{object-fit:contain}.apc-crest-ph{display:flex;align-items:center;justify-content:center;font-family:var(--fd);background:linear-gradient(150deg,var(--ac1),var(--ac1-60d));border:2px solid var(--aca);border-radius:12px;color:#fff}
.apc-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,var(--ac1-40a) 60%,var(--ac2) 100%)}
.apc-grad.side{background:linear-gradient(90deg,transparent 40%,var(--ac2) 92%)}
.apc-grad.soft{background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.6) 80%,var(--ac2) 100%)}
.apc-logo{position:absolute;top:20px;left:20px;z-index:6;display:flex}
.apc-num{font-family:var(--fd);font-size:20px;color:var(--aca);transform:skewX(-6deg)}
.apc-pos{font-family:var(--fc);font-size:10px;letter-spacing:.14em;color:var(--aca)}
/* t1 bem-vindo */
.apc-t1 .apc-info{position:absolute;bottom:70px;left:24px;right:24px;z-index:6}
.apc-t1 .apc-welcome{font-family:var(--fc);font-size:12px;letter-spacing:.3em;color:var(--aca);margin-bottom:4px}
.apc-t1 .apc-nome{font-family:var(--fd);font-size:40px;line-height:.92;transform:skewX(-5deg);color:var(--act)}
.apc-t1 .apc-posline{margin-top:6px}
.apc-t1 .apc-frase{font-family:var(--fc);font-size:11px;color:var(--act);opacity:.85;margin-top:8px;font-style:italic}
/* t2 número gigante */
.apc-t2 .apc-bignum{position:absolute;top:8%;right:14px;font-family:var(--fd);font-size:150px;line-height:.8;color:var(--ac1-40a);z-index:5;transform:skewX(-6deg)}
.apc-t2 .apc-info2{position:absolute;bottom:70px;left:24px;right:24px;z-index:6}
.apc-t2 .apc-info2 .apc-logo{position:static;margin-bottom:10px}
.apc-t2 .apc-nome.big{font-family:var(--fd);font-size:44px;line-height:.9;transform:skewX(-5deg);color:var(--act)}
/* t3 reforço faixa */
.apc-t3 .apc-band{position:absolute;bottom:60px;left:0;right:0;background:linear-gradient(90deg,var(--ac1),var(--ac1-60d));padding:16px 24px;z-index:6}
.apc-t3 .apc-reforco{font-family:var(--fc);font-size:11px;letter-spacing:.24em;color:#fff;opacity:.85}
.apc-t3 .apc-nome{font-family:var(--fd);font-size:34px;transform:skewX(-5deg);color:#fff;line-height:1}
.apc-t3 .apc-meta{font-family:var(--fc);font-size:10px;letter-spacing:.1em;color:rgba(255,255,255,.85);margin-top:3px}
/* t4 minimal */
.apc-t4 .apc-info3{position:absolute;bottom:66px;left:24px;right:24px;z-index:6}
.apc-t4 .apc-nome{font-family:var(--fd);font-size:38px;transform:skewX(-5deg);color:var(--act);line-height:.95}
.apc-t4 .apc-team{font-family:var(--fc);font-size:10px;letter-spacing:.16em;color:var(--aca);margin-top:6px}
.apc-posline{margin-top:4px}

/* sliders foto */
.ap-sliders{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.ap-slider label{display:block;font-family:var(--fc);font-size:9px;letter-spacing:.1em;color:var(--t3);margin-bottom:5px;text-transform:uppercase}
.ap-slider input[type=range]{width:100%;accent-color:var(--g1)}

.esc-ppos{font-family:var(--fc);font-size:8px;color:var(--eca);margin-left:auto;opacity:.8;letter-spacing:.05em}
.esc-p{justify-content:flex-start}
