.tomio-social{padding:88px max(24px,5vw);background:#f7f6ec;color:#153923;overflow:hidden}.social-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}.social-heading h2{margin:12px 0 0;font-size:clamp(34px,4vw,60px)}.social-handle{font:800 clamp(20px,2vw,28px)/1.4 var(--editorial);text-decoration:none;border-bottom:1px solid #214d3540;padding-bottom:8px;white-space:nowrap}.social-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#54733f #e3e7d3;padding:8px 0 20px}.social-card{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;color:inherit;text-decoration:none;min-width:0;transition:transform .25s}.social-card:hover{transform:translateY(-5px)}.social-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#e5ebd3;border-radius:16px}.social-card>span{display:block;margin-top:14px;font-size:10px;letter-spacing:.14em;font-weight:700}.social-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 56px}.social-controls p{font-size:15px}.social-controls>div{display:flex;gap:10px}.social-controls button{width:52px;height:52px;border-radius:50%;border:1px solid #214d3545;background:transparent;color:#153923;font-size:25px;cursor:pointer}.social-controls button:hover{background:#214d35;color:white}.social-controls button:disabled{opacity:.3;cursor:default}.social-follow{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:6%;padding:60px 8%;border-radius:32px;background:linear-gradient(110deg,#e8edccde,#d4e2ac66),url('assets/tomio/luz-folhas-editorial.jpg') center/cover}.social-follow h2{font-size:clamp(38px,4vw,62px);margin:18px 0 26px}.social-follow-copy>p:not(.eyebrow){font-size:19px;line-height:1.7;max-width:36ch}.social-follow-copy .social-handle{display:table;margin:28px 0}.social-follow .btn{font-size:18px!important;min-height:60px;padding:18px 26px;display:inline-flex;gap:24px}.social-phone{display:block;justify-self:center;width:min(100%,300px);padding:11px;border-radius:40px;background:#15231b;box-shadow:0 28px 45px #18321c30,0 0 0 2px #728568;transform:rotate(4deg);position:relative;transition:transform .3s}.social-phone:hover{transform:rotate(0deg) translateY(-6px)}.social-phone img{display:block;width:100%;height:auto;border-radius:29px}.phone-speaker{display:block;height:10px;width:65px;border-radius:10px;background:#09110c;margin:0 auto 9px}.tomio-social a:focus-visible,.tomio-social button:focus-visible,.social-track:focus-visible{outline:3px solid #ac541c;outline-offset:5px}
@media(max-width:760px){.tomio-social{padding:52px 22px}.social-heading{display:block}.social-heading h2{font-size:37px}.social-heading .social-handle{display:table;margin-top:24px;font-size:22px}.social-track{gap:15px;margin-right:-22px;padding-right:22px}.social-card{flex-basis:84%}.social-controls{margin-bottom:36px}.social-controls p{max-width:17ch;font-size:14px}.social-follow{grid-template-columns:1fr;padding:34px 23px;gap:40px;border-radius:24px}.social-follow h2{font-size:37px}.social-follow-copy>p:not(.eyebrow){font-size:17px}.social-follow .btn{font-size:16px!important;gap:12px;padding:16px 19px}.social-phone{width:min(85%,270px);transform:rotate(3deg)}.social-follow-copy .social-handle{font-size:22px}}
@media(prefers-reduced-motion:reduce){.social-card,.social-phone{transition:none;transform:none!important}}
@media(min-width:1100px){.social-card{flex-basis:calc((100% - 88px)/5)}}
@media(min-width:761px) and (max-width:1099px){.social-card{flex-basis:calc((100% - 66px)/4)}}
.social-controls button[data-social-pause]{width:auto;padding:0 18px;border-radius:26px;font:700 13px var(--editorial)}
@media(max-width:760px){.social-card{flex-basis:68%}.social-controls{flex-wrap:wrap}.social-controls p{max-width:none;margin-bottom:0}.social-controls>div{margin-left:auto}}
/* Ocultação visual no mockup; o print original permanece preservado. */
.phone-profile{display:block;position:relative;border-radius:29px;overflow:hidden}
.profile-mask{position:absolute;background:#0f1014;display:block;pointer-events:none}
.profile-counts{left:28%;top:14%;width:69%;height:6.5%}
.profile-mutual{left:0;top:40.2%;width:100%;height:5.5%}