/* 0.3.10 "YouTube e Instagram" — mobile-first, palette tokens from appearance.css. */
.jcf-social{display:block}
.jcf-social__head{margin-bottom:24px}.jcf-social__head h2{margin:8px 0 0}
.jcf-social__grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.jcf-yt{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.jcf-yt__card{min-width:0;display:flex;flex-direction:column;gap:8px}
.jcf-yt__facade{display:block;color:inherit;border-radius:var(--radius,14px);outline-offset:3px}
.jcf-yt__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius,14px);background:var(--bg-secondary,#0b2a33);border:1px solid var(--brand-border,#5D707566)}
.jcf-yt__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jcf-yt__ph{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;letter-spacing:.18em;color:var(--muted,#9fb0b3);background:linear-gradient(135deg,var(--brand-tint,#e2a87c14),transparent)}
.jcf-yt__play{position:absolute;left:50%;top:50%;width:60px;height:42px;margin:-21px 0 0 -30px;border-radius:12px;background:var(--button-fill,#e2a87c);box-shadow:0 6px 18px #0004;transition:transform .2s}
.jcf-yt__play::after{content:"";position:absolute;left:24px;top:12px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--on-brand,#061a20)}
.jcf-yt__facade:hover .jcf-yt__play,.jcf-yt__facade:focus-visible .jcf-yt__play{transform:scale(1.08)}
.jcf-yt__frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.jcf-yt__title{font-size:17px;line-height:1.35;margin:4px 0 0;overflow-wrap:anywhere}
.jcf-yt__title a{color:var(--text);text-decoration:none}.jcf-yt__title a:hover{color:var(--accent)}
.jcf-yt__date{font-size:13px;color:var(--muted)}
.jcf-ig{display:flex;flex-direction:column;gap:10px;justify-content:center;padding:28px;border-radius:var(--radius,14px);border:1px solid var(--brand-border,#5D707566);background:var(--surface,#0b2a33);color:var(--text);text-decoration:none;min-width:0}
.jcf-ig__icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--brand-tint,#e2a87c14);color:var(--accent)}
.jcf-ig__label{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.jcf-ig__handle{font-size:24px;line-height:1.2;overflow-wrap:anywhere}
.jcf-ig__cta{color:var(--accent);font-weight:600}
.jcf-ig:hover{border-color:var(--accent)}.jcf-ig:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.jcf-sub{height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:24px;min-height:180px;border-radius:var(--radius,14px);border:1px dashed var(--accent);background:var(--brand-tint,#e2a87c14);color:var(--text);text-decoration:none}
.jcf-sub__icon{color:var(--accent)}.jcf-sub__title{font-size:22px;line-height:1.2}.jcf-sub__text{color:var(--muted);font-size:15px}
.jcf-sub:hover{border-style:solid}.jcf-sub:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:640px){.jcf-yt{grid-template-columns:repeat(2,minmax(0,1fr))}.jcf-yt--n1{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1024px){.jcf-yt{grid-template-columns:repeat(4,minmax(0,1fr))}.jcf-yt--n1{grid-template-columns:minmax(0,1fr)}.jcf-yt--n2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.jcf-yt--n3{grid-template-columns:repeat(3,minmax(0,1fr))}.jcf-social__grid{grid-template-columns:minmax(0,1fr)}.jcf-ig{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px 20px}.jcf-ig__cta{margin-left:auto}}
.jcf-yt__card{position:relative}.jcf-yt__badge{align-self:flex-start;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--accent);padding:4px 10px;border:1px solid var(--accent);border-radius:999px}
.jcf-igpost{min-width:0}.jcf-igpost__note{font-size:14px;color:var(--muted)}.jcf-igpost--embed .jcf-igpost__facade{display:none}.jcf-igpost .instagram-media{max-width:540px!important;min-width:0!important;width:100%!important;margin:0 auto!important}
