/* Páginas e chamadas de serviços do Vermelho Brasil. */
.services-hub{max-width:1400px;margin:0 auto;padding:0 7% 62px}.services-hub-head{border-top:3px solid var(--ink);border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;align-items:end;gap:30px}.services-hub-head .label{margin:0}.services-hub-head h2{font:800 2.25rem/.9 'Barlow Condensed';text-transform:uppercase;margin:8px 0 0}.services-hub-head p{max-width:405px;margin:0;color:#565650;font-size:.86rem;line-height:1.45}.services-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:23px}.service-hub-card{min-height:260px;padding:24px;display:flex;flex-direction:column;color:#fff;transition:transform .18s ease,box-shadow .18s ease}.service-hub-card:hover{transform:translateY(-4px);box-shadow:0 11px 18px #0002}.service-hub-card.shop{background:#1e1f1d}.service-hub-card.contests{background:var(--red)}.service-hub-card.courses{background:#eece35;color:#251e18}.service-icon{font:800 2rem/1 'Barlow Condensed';margin-bottom:30px}.service-kind{font:10px 'DM Mono';letter-spacing:.11em}.service-hub-card h3{font:700 1.65rem/.98 'Source Serif 4',Georgia,serif;margin:11px 0}.service-hub-card p{font-size:.83rem;line-height:1.45;max-width:310px;margin:0}.service-hub-card b{margin-top:auto;font-size:.78rem}.service-hub-card i{font-size:1.1rem;color:var(--yellow);font-style:normal}.courses i{color:var(--red)}
.service-page{max-width:1400px;margin:auto;padding:0 7% 70px}.service-hero{color:#fff;padding:48px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.45fr);gap:30px;align-items:end}.service-hero.store{background:#1d1e1c}.service-hero.contest{background:var(--red)}.service-hero.course{background:#eacb32;color:#261e16}.service-hero .label{color:var(--yellow);margin:0}.course .label{color:#8d111a}.service-hero h1{font:800 clamp(3.2rem,6vw,6.6rem)/.78 'Barlow Condensed';text-transform:uppercase;margin:14px 0}.service-hero p{font:1rem/1.5 Inter;max-width:600px;margin:0}.service-hero-side{border-left:1px solid #ffffff55;padding-left:24px;font:11px/1.55 'DM Mono';letter-spacing:.04em}.course .service-hero-side{border-color:#7d611c}.service-listing{padding-top:42px}.service-listing-head{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:15px;margin-bottom:22px}.service-listing-head .label{margin:0}.service-listing-head h2{font:800 2.2rem/.9 'Barlow Condensed';text-transform:uppercase;margin:7px 0 0}.service-listing-head p{font-size:.83rem;color:#625f58;max-width:380px;margin:0}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--line);padding:20px;min-height:285px;display:flex;flex-direction:column;background:#fff}.service-card .card-number{font:800 2.6rem/1 'Barlow Condensed';color:var(--red)}.service-card .category{margin:17px 0 6px}.service-card h2{font:700 1.55rem/1.03 'Source Serif 4',Georgia,serif;margin:0}.service-card p{font-size:.84rem;line-height:1.5;color:#585650}.service-card .meta{font:10px 'DM Mono';letter-spacing:.06em;margin-top:auto;color:#6b6862}.service-card .button-link{margin-top:15px;display:inline-flex;align-self:flex-start;background:var(--red);color:#fff;padding:10px 12px;font-size:.74rem;font-weight:800}.service-card .button-link.alt{background:#1d1e1c}.service-callout{margin-top:44px;background:#e8e5dc;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:25px}.service-callout h2{font:800 2.1rem/.92 'Barlow Condensed';text-transform:uppercase;margin:0}.service-callout p{max-width:590px;margin:7px 0 0;font-size:.86rem;line-height:1.45}.service-callout a{background:var(--red);color:#fff;font-weight:800;font-size:.78rem;padding:13px 15px;white-space:nowrap}
@media(max-width:800px){.services-hub{padding:0 5% 44px}.services-hub-head{align-items:start;flex-direction:column;gap:12px}.services-hub-grid,.service-cards{grid-template-columns:1fr}.service-hub-card{min-height:220px}.service-page{padding:0 5% 45px}.service-hero{grid-template-columns:1fr;padding:32px 24px}.service-hero-side{border-left:0;border-top:1px solid #ffffff55;padding:16px 0 0}.service-listing-head{align-items:start;flex-direction:column;gap:12px}.service-callout{display:block}.service-callout a{display:inline-block;margin-top:15px}}