/* Styles exclusive to [sebrae_app version="v2"]. Keep every selector rooted in
 * its shell or .sr-v2-app so a V2 instance cannot restyle legacy markup. */
.sr-v2-app-shell,
.sr-v2-app-shell *,
.sr-v2-app,
.sr-v2-app * { box-sizing: border-box; }

/* Elementor/theme rules can override the browser's default [hidden] rule.
 * Keep stateful V2 screens and authentication gates deterministic in the app. */
.sr-v2-app [hidden] { display: none !important; }

/* The V2 app is a dedicated page surface. Elementor and theme wrappers can
 * create a gap before its shell, so neutralize only the document containing it. */
body:has(.sr-v2-app-shell) {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.sr-v2-app-shell) .elementor,
body:has(.sr-v2-app-shell) .elementor-element,
body:has(.sr-v2-app-shell) .elementor-section,
body:has(.sr-v2-app-shell) .elementor-container,
body:has(.sr-v2-app-shell) .elementor-column,
body:has(.sr-v2-app-shell) .elementor-widget-wrap,
body:has(.sr-v2-app-shell) .elementor-widget,
body:has(.sr-v2-app-shell) .elementor-widget-container,
body:has(.sr-v2-app-shell) .e-con,
body:has(.sr-v2-app-shell) .e-con-inner,
body:has(.sr-v2-app-shell) #content,
body:has(.sr-v2-app-shell) #primary,
body:has(.sr-v2-app-shell) .site-content,
body:has(.sr-v2-app-shell) .site-main,
body:has(.sr-v2-app-shell) .page-content,
body:has(.sr-v2-app-shell) .entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.sr-v2-app-shell) .entry-content > :first-child,
body:has(.sr-v2-app-shell) .page-content > :first-child,
body:has(.sr-v2-app-shell) .elementor-widget-container > :first-child {
    margin-top: 0 !important;
}

/* Break out only the V2 shortcode from theme and builder containers. This
 * provides the desktop backdrop without changing the document body. */
.sr-v2-app-shell {
    display: flex;
    justify-content: center;
    width: 100vw;
    min-height: 100svh;
    min-width: 0;
    margin-inline: calc(50% - 50vw);
    overflow-x: clip;
    background: #40b7fd;
}

.sr-v2-app {
    /* FE2026 design tokens. They stay on the application root so other V2
     * shortcodes and legacy markup cannot inherit this visual language. */
    --sr-fe-blue: #2a4fda;
    --sr-fe-blue-deep: #0024a5;
    --sr-fe-sky: #40b7fd;
    --sr-fe-yellow: #fde969;
    --sr-fe-mint: #80f0b8;
    --sr-fe-purple: #c95be4;
    --sr-fe-coral: #f0455a;
    --sr-fe-peach: #ffaf7f;
    --sr-fe-surface: #ffffff;
    --sr-fe-text: #10173a;
    --sr-fe-muted: #5b6499;
    --sr-fe-border: rgba(16, 23, 58, .12);
    --sr-fe-border-inverse: rgba(255, 255, 255, .35);
    --sr-fe-font-primary: "Campuni", system-ui, sans-serif;
    --sr-fe-font-ui: "Figtree", "Campuni", system-ui, sans-serif;
    --sr-fe-space-1: 4px;
    --sr-fe-space-2: 8px;
    --sr-fe-space-3: 12px;
    --sr-fe-space-4: 16px;
    --sr-fe-space-5: 24px;
    --sr-fe-space-6: 32px;
    --sr-fe-radius-sm: 4px;
    --sr-fe-radius-md: 8px;
    --sr-fe-radius-pill: 999px;
    --sr-fe-shadow-sm: 0 2px 8px rgba(16, 23, 58, .10);
    --sr-fe-shadow-card: 0 12px 32px rgba(16, 23, 58, .14);
    --sr-fe-focus-ring: 0 0 0 3px rgba(64, 183, 253, .72);
    --sr-app-blue: var(--sr-fe-blue);
    --sr-app-blue-soft: #5960ff;
    --sr-app-line: var(--sr-fe-border-inverse);
    --sr-app-text: #fff;
    --sr-app-muted: rgba(255,255,255,.74);
    --sr-app-yellow: var(--sr-fe-yellow);
    --sr-app-mint: var(--sr-fe-mint);
    --sr-app-pink: var(--sr-fe-purple);
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 430px;
    min-width: 0;
    min-height: 100svh;
    margin: 0;
    padding-bottom: 120px;
    overflow-x: hidden;
    color: var(--sr-fe-text);
    font-family: var(--sr-fe-font-primary);
    background: #edf2fe;
}

/* Reusable FE2026 primitives for the shell and feature tasks that follow. */
.sr-v2-app .sr-fe-card {
    color: var(--sr-fe-text);
    background: var(--sr-fe-surface);
    box-shadow: var(--sr-fe-shadow-card);
}

.sr-v2-app .sr-fe-pill {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: var(--sr-fe-space-1) var(--sr-fe-space-3);
    border-radius: var(--sr-fe-radius-pill);
    color: var(--sr-fe-text);
    background: var(--sr-fe-yellow);
    font: 700 13px/1.3 var(--sr-fe-font-ui);
}

/* The profile template is also used by its standalone shortcode. Its app
 * presentation remains local so the standalone surface and V1 stay unchanged. */
.sr-v2-app .sr-v2-profile--embedded {
    width: 100%;
    color: var(--sr-fe-text);
    font-family: var(--sr-fe-font-ui);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__body {
    width: min(100% - 40px, 720px);
    margin: 0 auto;
    padding: 16px 0 32px;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__panel,
.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__form {
    display: grid;
    gap: 16px;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__form {
    padding: 18px;
    background: var(--sr-fe-surface);
    box-shadow: var(--sr-fe-shadow-card);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__heading {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--sr-fe-blue);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__heading h2 {
    margin: 0;
    color: inherit;
    font: 800 15px/1.2 var(--sr-fe-font-primary);
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__heading-icon {
    display: none;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__description {
    margin: 2px 0 0;
    color: var(--sr-fe-muted);
    font: 400 14px/1.35 var(--sr-fe-font-ui);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__section {
    display: grid;
    gap: 16px;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__section--contact {
    padding-top: 16px;
    border-top: 1px solid var(--sr-fe-border);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__section-title {
    margin: 0;
    color: var(--sr-fe-blue);
    font: 800 13px/1.2 var(--sr-fe-font-primary);
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__logo-field,
.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__field {
    display: grid;
    gap: 6px;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__label {
    color: var(--sr-fe-text);
    font: 700 13px/1.2 var(--sr-fe-font-ui);
    text-transform: none;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__logo-picker {
    display: inline-grid;
    width: 72px;
    cursor: pointer;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__logo-picker input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__logo-preview {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    overflow: hidden;
    border: 1px solid var(--sr-fe-border);
    border-radius: 50%;
    color: var(--sr-fe-muted);
    background: #f3f6ff;
    font: 700 12px/1.2 var(--sr-fe-font-ui);
    text-align: center;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__logo-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__input {
    width: 100%;
    min-height: 48px;
    padding: 12px;
    border: 1px solid var(--sr-fe-border);
    border-radius: var(--sr-fe-radius-md);
    outline: 0;
    color: var(--sr-fe-text);
    background: var(--sr-fe-surface);
    font: 400 16px/1.35 var(--sr-fe-font-ui);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__textarea {
    min-height: 108px;
    resize: vertical;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__input:focus,
.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__logo-picker:focus-within .sr-profile-edit__logo-preview {
    border-color: var(--sr-fe-blue);
    box-shadow: var(--sr-fe-focus-ring);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__checkbox {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding-top: 16px;
    border-top: 1px solid var(--sr-fe-border);
    color: var(--sr-fe-text);
    font: 400 14px/1.35 var(--sr-fe-font-ui);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__checkbox input {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--sr-fe-blue);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__actions {
    display: flex;
    justify-content: center;
    padding-top: 4px;
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__primary {
    min-height: 58px;
    padding: 12px 24px;
    border: 1px solid var(--sr-fe-blue);
    border-radius: var(--sr-fe-radius-md);
    color: var(--sr-fe-surface);
    background: var(--sr-fe-blue);
    cursor: pointer;
    font: 700 16px/1 var(--sr-fe-font-ui);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__primary:hover,
.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__primary:focus {
    background: var(--sr-fe-blue-deep);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__status {
    padding: 13px 16px;
    color: var(--sr-fe-text);
    background: var(--sr-fe-mint);
    font: 700 14px/1.35 var(--sr-fe-font-ui);
}

.sr-v2-app .sr-v2-profile--embedded .sr-profile-edit__status.is-error {
    color: #b42318;
    background: #fff1f0;
}

.sr-v2-app .sr-fe-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: var(--sr-fe-space-3) var(--sr-fe-space-5);
    border: 0;
    border-radius: var(--sr-fe-radius-pill);
    color: var(--sr-fe-blue-deep);
    background: var(--sr-fe-mint);
    cursor: pointer;
    font: 700 16px/1.15 var(--sr-fe-font-ui);
    text-decoration: none;
}

.sr-v2-app .sr-fe-button--secondary {
    color: var(--sr-fe-surface);
    background: var(--sr-fe-coral);
}

.sr-v2-app .sr-fe-field {
    min-height: 44px;
    padding: 0 var(--sr-fe-space-3);
    border: 1px solid var(--sr-fe-border);
    border-radius: var(--sr-fe-radius-sm);
    color: var(--sr-fe-text);
    background: var(--sr-fe-surface);
    font: 400 16px/1.4 var(--sr-fe-font-ui);
}

.sr-v2-app .sr-fe-triangle {
    display: block;
    width: 28px;
    height: 20px;
    background: var(--sr-fe-yellow);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.sr-v2-app :is(button, input, select, textarea, a):focus-visible {
    outline: 2px solid var(--sr-fe-sky);
    outline-offset: 3px;
    box-shadow: var(--sr-fe-focus-ring);
}

.sr-v2-app .sr-v2-app__hero {
    position: relative;
    z-index: 1;
    background: var(--sr-fe-blue);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 22px));
    padding-bottom: 22px;
}

.sr-v2-app .sr-fe2026-app-header {
    padding: 18px 20px 0;
    color: var(--sr-fe-surface);
    background: transparent;
}
.sr-v2-app .sr-fe2026-app-header__topline,
.sr-v2-app .sr-fe2026-app-header__content { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sr-v2-app .sr-fe2026-app-header__brand { display: block; width: auto; height: 32px; max-width: min(52vw, 230px); object-fit: contain; object-position: left center; }
.sr-v2-app .sr-fe2026-app-header__city { display: inline-flex; align-items: center; min-height: 34px; max-width: 46%; padding: 6px 12px; overflow: hidden; color: var(--sr-fe-text); background: var(--sr-fe-yellow); border-radius: var(--sr-fe-radius-pill); font: 700 13px/1.2 var(--sr-fe-font-ui); text-overflow: ellipsis; white-space: nowrap; }
.sr-v2-app .sr-fe2026-app-header__content { align-items: flex-end; margin-top: 16px; margin-bottom: 14px; gap: 14px; }
.sr-v2-app .sr-fe2026-app-header__content > div { min-width: 0; flex: 1; }
.sr-v2-app .sr-fe2026-app-header h1 { margin: 0; color: inherit; font: 800 26px/1.1 var(--sr-fe-font-primary); }
.sr-v2-app .sr-fe2026-app-header p { margin: 4px 0 0; color: rgba(255,255,255,.75); font: 500 14px/1.35 var(--sr-fe-font-ui); }
.sr-v2-app .sr-fe2026-app-header__profile { min-height: 40px; padding: 0 16px; border: 1px solid rgba(255,255,255,.9) !important; border-radius: var(--sr-fe-radius-pill) !important; color: var(--sr-fe-surface) !important; background: transparent !important; font: 700 13px/1 var(--sr-fe-font-ui); white-space: nowrap; }
.sr-v2-app .sr-fe2026-app-header__profile { cursor: pointer; }
.sr-v2-app .sr-v2-app__section { border: 0; box-shadow: none; }
.sr-v2-app .sr-app__body { display: flex; flex: 1; flex-direction: column; width: 100%; background: #edf2fe; }
.sr-v2-app .sr-app__navigation { display: flex; flex-wrap: wrap; gap: 8px; width: min(100% - 40px, 720px); margin: 14px auto 0; }
.sr-v2-app .sr-app__navigation-button { min-height: 40px; padding: 0 14px; border: 1px solid #cbd5f1 !important; border-radius: 999px !important; color: var(--sr-fe-blue) !important; background: #fff !important; cursor: pointer; font: 700 14px/1 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app__navigation-button[aria-pressed="true"] { color: #fff !important; background: var(--sr-fe-blue) !important; border-color: var(--sr-fe-blue) !important; }
.sr-v2-app[data-sr-v2-view="cadastro"] .sr-app__presence,
.sr-v2-app[data-sr-v2-view="cadastro"] .sr-app__navigation { display: none; }
.sr-v2-app .sr-app__connections { width: 100%; padding: 16px 0 31px; background: transparent; text-align: center; }
.sr-v2-app .sr-app__heading { display: inline-flex; align-items: center; justify-content: center; gap: 14px; max-width: calc(100% - 32px); margin: 0 auto; }
.sr-v2-app .sr-app__heading h1 { margin: 0; color: #fff; font-size: clamp(25px,4.2vw,32px) !important; font-weight: 800; line-height: 1.1; }
.sr-v2-app .sr-app__heading-icon { display: inline-flex; width: 36px; height: 36px; flex: 0 0 36px; }
.sr-v2-app .sr-app__heading-icon img { width: 100%; height: 100%; object-fit: contain; }
.sr-v2-app .sr-app__lead { max-width: 700px; margin: 12px auto 0; padding-inline: 12px; color: var(--sr-app-muted); font-size: clamp(18px,3.2vw,23px) !important; line-height: 1.18; }
.sr-v2-app[data-sr-app-state="auth"] .sr-app__heading, .sr-v2-app[data-sr-app-state="auth"] .sr-app__lead { display: none; }
.sr-v2-app .sr-app__status { width: min(100% - 40px,520px); margin: 18px auto 0; padding: 18px 20px; color: var(--sr-fe-text); background: #fff; border: 1px solid var(--sr-fe-border); border-radius: 8px; font-size: 16px !important; line-height: 1.35; }
.sr-v2-app .sr-app__status:empty, .sr-v2-app .sr-app__status[hidden] { display: none; }
.sr-v2-app .sr-v2-app__status[data-sr-v2-state="error"] { color: #b42318; }
.sr-v2-app .sr-v2-app__status[data-sr-v2-state="empty"] { color: var(--sr-fe-muted); }
.sr-v2-app .sr-app__status-message { margin: 0; }
.sr-v2-app .sr-app__status-message + .sr-app__status-message { margin-top: 8px; }
.sr-v2-app .sr-app__status-message--strong { font-weight: 800; }
.sr-v2-app .sr-app__status-action { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; min-width: 132px; margin-top: 16px; padding: 12px 24px; color: #fff !important; background: var(--sr-app-blue) !important; border: 0 !important; border-radius: 8px !important; cursor: pointer; font: 700 16px/1.15 inherit; text-decoration: none !important; }
.sr-v2-app .sr-app__status-action:hover, .sr-v2-app .sr-app__status-action:focus { background: var(--sr-app-yellow) !important; }
.sr-v2-app .sr-v2-app__status[data-sr-v2-state="auth"] { position: relative; display: flex; width: min(100% - 40px, 560px); min-height: 178px; padding: 26px 28px 24px; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; isolation: isolate; color: #fff; background: linear-gradient(135deg, var(--sr-fe-blue-deep) 0%, var(--sr-app-blue) 100%); border: 1px solid rgba(255,255,255,.25); border-radius: 16px; box-shadow: 0 16px 32px rgba(15,26,74,.24); text-align: center; }
.sr-v2-app .sr-v2-app__status[data-sr-v2-state="auth"]::before { position: absolute; top: -39px; right: -22px; z-index: -1; width: 128px; height: 128px; border: 24px solid rgba(255,255,255,.09); border-radius: 50%; content: ''; }
.sr-v2-app .sr-v2-app__status[data-sr-v2-state="auth"] .sr-app__status-message--strong { max-width: 350px; font: 800 clamp(20px, 4.5vw, 26px)/1.12 var(--sr-fe-font-primary); letter-spacing: -.02em; }
.sr-v2-app .sr-v2-app__status[data-sr-v2-state="auth"] .sr-app__status-action { min-width: 154px; margin-top: 20px; padding: 13px 27px; color: var(--sr-fe-blue-deep) !important; background: var(--sr-fe-mint) !important; border-radius: 999px !important; box-shadow: 0 7px 0 rgba(0,0,0,.14); font-weight: 800; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; }
.sr-v2-app .sr-v2-app__status[data-sr-v2-state="auth"] .sr-app__status-action:hover, .sr-v2-app .sr-v2-app__status[data-sr-v2-state="auth"] .sr-app__status-action:focus { color: var(--sr-fe-blue-deep) !important; background: #fff !important; box-shadow: 0 4px 0 rgba(0,0,0,.14); transform: translateY(3px); }
@media (max-width: 480px) { .sr-v2-app .sr-v2-app__status[data-sr-v2-state="auth"] { min-height: 164px; padding-inline: 22px; } .sr-v2-app .sr-v2-app__status[data-sr-v2-state="auth"] .sr-app__status-action { width: 100%; } }

.sr-v2-app .sr-app__presence { width: min(100% - 40px,760px); margin: 20px auto 0; padding: 0 0 2px; text-align: left; }
.sr-v2-app .sr-app__presence-heading { display: flex; align-items: center; gap: 9px; }
.sr-v2-app .sr-app__presence-indicator { width: 11px; height: 11px; border-radius: 50%; background: var(--sr-app-mint); animation: sr-v2-presence-pulse 1.8s ease-in-out infinite; }
.sr-v2-app .sr-app__presence h2 { margin: 0; color: #fff; font-size: 14px !important; font-weight: 800; letter-spacing: 1.3px; text-transform: uppercase; }
.sr-v2-app .sr-app__presence > p { margin: 8px 0 14px; color: rgba(255,255,255,.7); font-size: 13px !important; line-height: 1.35; }
.sr-v2-app .sr-app__presence-track { display: flex; gap: 14px; overflow-x: auto; padding: 0 22px 8px; margin-inline: -22px; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; touch-action: pan-y; }
.sr-v2-app .sr-app__presence-track::-webkit-scrollbar { display: none; }
.sr-v2-app .sr-app__presence-track.is-dragging { cursor: grabbing; user-select: none; }
.sr-v2-app .sr-app-presence-card { position: relative; display: flex; flex: 0 0 255px; min-height: 205px; padding: 15px 16px; flex-direction: column; overflow: hidden; color: #10173a; background: #fff; scroll-snap-align: start; }
.sr-v2-app .sr-app-presence-card__corner { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 30px 30px 0; border-color: transparent var(--sr-app-mint) transparent transparent; }
.sr-v2-app .sr-app-presence-card__badge { display: inline-flex; align-self: flex-start; padding: 5px 11px; color: #10173a; background: var(--sr-app-mint); border-radius: 999px; font-size: 11px !important; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; }
.sr-v2-app .sr-app-presence-card__title { margin: 9px 22px 0 0; color: #10173a; font: 800 18px/1.15 var(--sr-fe-font-primary); }
.sr-v2-app .sr-app-presence-card__details { margin: 3px 0 0; color: var(--sr-fe-muted); font: 500 13px/1.3 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-presence-card__summary { min-height: 36px; margin: 9px 0 0; color: #10173a; font: 400 14px/1.3 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-presence-card__summary strong { font-weight: 800; }
.sr-v2-app .sr-app-presence-card__summary--offer strong { color: var(--sr-app-blue); }
.sr-v2-app .sr-app-presence-card__summary--demand strong { color: var(--sr-app-pink); }
.sr-v2-app .sr-app-presence-card__summary--interest strong { color: #10173a; }
.sr-v2-app .sr-app-presence-card__button { align-self: flex-start; min-height: 32px; margin: auto 0 0 -8px; padding: 0 8px; border: 0 !important; color: var(--sr-app-blue) !important; background: transparent !important; cursor: pointer; font: 700 13px/1 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-presence-card__button:focus-visible { outline: 3px solid var(--sr-app-blue); outline-offset: 3px; }
@keyframes sr-v2-presence-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .sr-v2-app .sr-app__presence-indicator { animation: none; } }

.sr-v2-app .sr-app__ranking { width: min(100% - 40px, 720px); margin: 0 auto; text-align: left; }
.sr-v2-app .sr-app__ranking[hidden] { display: none; }
.sr-v2-app .sr-app__ranking > h2 { margin: 0 0 14px; color: var(--sr-fe-blue); font: 800 24px/1.1 var(--sr-fe-font-primary); }
.sr-v2-app .sr-app__ranking-list { display: grid; gap: 12px; }
.sr-v2-app .sr-app-ranking-card { position: relative; display: grid; min-width: 0; padding: 20px 18px 18px 64px; overflow: hidden; color: var(--sr-fe-text); background: var(--sr-fe-surface); box-shadow: var(--sr-fe-shadow-sm); }
.sr-v2-app .sr-app-ranking-card::after { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 26px 26px 0; border-color: transparent var(--sr-fe-yellow) transparent transparent; content: ""; }
.sr-v2-app .sr-app-ranking-card__position { position: absolute; top: 0; left: 0; display: grid; width: 46px; height: 46px; place-items: center; color: var(--sr-fe-blue-deep); background: var(--sr-fe-mint); font: 800 21px/1 var(--sr-fe-font-primary); }
.sr-v2-app .sr-app-ranking-card__logo { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 10px; overflow: hidden; color: var(--sr-fe-blue); background: #edf2fe; border-radius: 50%; font: 800 16px/1 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-ranking-card__logo img { width: 100%; height: 100%; object-fit: cover; }
.sr-v2-app .sr-app-ranking-card__tag, .sr-v2-app .sr-app-list-card__tag, .sr-v2-app .sr-app-detail__tag { display: inline-flex; width: fit-content; max-width: 100%; padding: 4px 8px; color: #2544ff; background: var(--sr-app-yellow); border-radius: 3px; font: 700 11px/1.15 var(--sr-fe-font-ui); text-transform: uppercase; }
.sr-v2-app .sr-app-ranking-card__score, .sr-v2-app .sr-app-ranking-card__mutual-match, .sr-v2-app .sr-app-ranking-card__available { display: inline-flex; width: fit-content; margin-top: 8px; padding: 4px 8px; border-radius: var(--sr-fe-radius-pill); font: 700 12px/1.2 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-ranking-card__score { color: var(--sr-fe-blue-deep); background: var(--sr-fe-yellow); }
.sr-v2-app .sr-app-ranking-card__mutual-match { color: var(--sr-fe-text); background: var(--sr-fe-mint); }
.sr-v2-app .sr-app-ranking-card__available { color: var(--sr-fe-text); background: var(--sr-fe-peach); }
.sr-v2-app .sr-app-ranking-card__title { margin: 10px 0 0; color: var(--sr-fe-text); font: 800 21px/1.12 var(--sr-fe-font-primary); }
.sr-v2-app .sr-app-ranking-card__identity { margin: 5px 0 0; color: var(--sr-fe-muted); font: 500 14px/1.3 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-ranking-card__detail { margin: 10px 0 0; color: var(--sr-fe-text); font: 400 14px/1.35 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-ranking-card__detail strong { font-weight: 800; }
.sr-v2-app .sr-app-ranking-card__detail--offer strong { color: var(--sr-fe-blue); }
.sr-v2-app .sr-app-ranking-card__detail--demand strong { color: var(--sr-fe-coral); }
.sr-v2-app .sr-app-ranking-card__reason { margin: 10px 0 0; padding: 9px 11px; color: var(--sr-fe-muted); background: #f3f6ff; font: 600 13px/1.35 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-ranking-card__action { justify-self: start; min-height: 42px; margin-top: 16px; padding: 10px 16px; color: #fff !important; background: var(--sr-app-blue) !important; border: 0 !important; border-radius: 8px !important; cursor: pointer; font: 800 14px/1.15 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-ranking-card__action:hover, .sr-v2-app .sr-app-ranking-card__action:focus { color: var(--sr-app-blue) !important; background: var(--sr-app-yellow) !important; }

.sr-v2-app .sr-app__all-screen { width: min(100% - 16px,720px); margin: 24px auto 42px; }
.sr-v2-app .sr-app__profile-screen { width: 100%; margin: 0; padding: 0; color: #10173a; background: transparent; border-radius: 0; box-shadow: none; }
.sr-v2-app .sr-app__profile-screen h2 { margin: 0; color: var(--sr-fe-blue); font: 800 20px/1.15 var(--sr-fe-font-primary); }
.sr-v2-app .sr-app__profile-screen p { margin: 10px 0 0; color: var(--sr-fe-muted); font: 400 15px/1.4 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app__all-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; margin-bottom: 12px; padding: 18px 20px; background: #fff; border-radius: 18px; }
.sr-v2-app .sr-app__directory-intent { grid-column: 1 / -1; display: flex; gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }
.sr-v2-app .sr-app__directory-intent-button { min-height: 38px; padding: 8px 13px; color: var(--sr-fe-text); background: #fff; border: 1px solid var(--sr-fe-border); border-radius: 999px; cursor: pointer; font: 700 13px/1.1 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app__directory-intent-button.is-active { color: var(--sr-fe-blue); background: #e7ecff; border-color: var(--sr-fe-blue); }
.sr-v2-app .sr-app__directory-intent-button:focus-visible, .sr-v2-app .sr-app__directory-submit:focus-visible { outline: 3px solid var(--sr-fe-blue); outline-offset: 3px; }
.sr-v2-app .sr-app__directory-submit { min-height: 42px; padding: 0 12px; border: 1px solid var(--sr-fe-border); border-radius: var(--sr-fe-radius-sm); font: inherit; }
.sr-v2-app .sr-app__directory-submit { color: #fff; background: var(--sr-fe-blue); border-color: var(--sr-fe-blue); font-weight: 700; cursor: pointer; }
.sr-v2-app .sr-app__directory-filter-actions { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; }
.sr-v2-app .sr-app__directory-filter-trigger, .sr-v2-app .sr-app__directory-filter-clear { min-height: 42px; border: 0; cursor: pointer; font: 800 14px/1.15 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app__directory-filter-trigger { padding: 10px 16px; color: #fff; background: var(--sr-fe-blue); border-radius: 8px; }
.sr-v2-app .sr-app__directory-filter-clear { padding: 10px 4px; color: var(--sr-fe-blue); background: transparent; }
.sr-v2-app .sr-app__directory-filter-trigger:focus-visible, .sr-v2-app .sr-app__directory-filter-clear:focus-visible { outline: 3px solid var(--sr-fe-blue); outline-offset: 3px; }
.sr-v2-app .sr-app__all-search { position: relative; min-width: 0; }
.sr-v2-app .sr-app__all-search input { width: 100%; height: 40px; padding: 0 45px 0 12px; border: 0 !important; color: var(--sr-fe-muted); background: #f3f5fb !important; border-radius: var(--sr-fe-radius-sm) !important; font: inherit; }
.sr-v2-app .sr-app__all-search-icon { position: absolute; right: 14px; top: 50%; width: 25px; height: 25px; transform: translateY(-50%); }
.sr-v2-app .sr-app__all-search-icon img { width: 100%; height: 100%; object-fit: contain; }
.sr-v2-app .sr-app__directory-count { margin: 0 0 18px; color: var(--sr-fe-muted); font: 700 14px/1.3 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app__all-list { display: grid; gap: 12px; }
.sr-v2-app .sr-app__all-empty, .sr-v2-app .sr-app__all-status { margin: 18px 0 0; padding: 18px 20px; color: #4d5a8b; background: #fff; text-align: center; }
.sr-v2-app .sr-app__all-status.is-error { margin: 18px 0 0; color: #8d1f2d; border-left: 5px solid var(--sr-fe-coral); }
.sr-v2-app .sr-app__all-loading { display: flex; justify-content: center; min-height: 92px; padding: 28px 0; }
.sr-v2-app .sr-app__all-loading[hidden] { display: none; }
.sr-v2-app .sr-app__all-loading::before { width: 4.75rem; height: 4.75rem; content: ""; background: url("../img/logo-feira-2.svg") center/contain no-repeat; animation: sr-v2-app-spin 900ms linear infinite; }
.sr-v2-app .sr-app-directory-card { position: relative; display: grid; gap: 16px; padding: 20px 18px 18px; overflow: hidden; color: var(--sr-fe-text); background: #fff; box-shadow: var(--sr-fe-shadow-sm); }
.sr-v2-app .sr-app-directory-card__corner { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 28px 28px 0; border-color: transparent var(--sr-fe-mint) transparent transparent; }
.sr-v2-app .sr-app-directory-card__content { min-width: 0; }
.sr-v2-app .sr-app-directory-card__tag { display: inline-flex; max-width: calc(100% - 20px); padding: 4px 8px; color: var(--sr-fe-blue-deep); background: var(--sr-fe-yellow); border-radius: 3px; font: 700 11px/1.15 var(--sr-fe-font-ui); text-transform: uppercase; }
.sr-v2-app .sr-app-directory-card__title { margin: 10px 0 0; color: var(--sr-fe-text); font: 800 21px/1.12 var(--sr-fe-font-primary); }
.sr-v2-app .sr-app-directory-card__identity { margin: 5px 0 0; color: var(--sr-fe-muted); font: 500 14px/1.3 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-directory-card__summary { margin: 12px 0 0; color: var(--sr-fe-text); font: 400 14px/1.35 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-directory-card__summary strong { font-weight: 800; }
.sr-v2-app .sr-app-directory-card__summary--offer strong { color: var(--sr-fe-blue); }
.sr-v2-app .sr-app-directory-card__summary--demand strong { color: var(--sr-fe-coral); }
.sr-v2-app .sr-app-directory-card__match { display: inline-flex; width: fit-content; margin-top: 12px; padding: 4px 8px; color: var(--sr-fe-text); background: var(--sr-fe-mint); border-radius: var(--sr-fe-radius-pill); font: 700 12px/1.2 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-directory-card__button, .sr-v2-app .sr-app__directory-load-more, .sr-v2-app .sr-v2-app__load-more { min-height: 42px; border: 0 !important; border-radius: 8px !important; color: #fff !important; background: var(--sr-fe-blue) !important; cursor: pointer; font: 800 14px/1.15 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-directory-card__button { justify-self: start; padding: 10px 16px; }
.sr-v2-app .sr-app-directory-card__button:hover, .sr-v2-app .sr-app-directory-card__button:focus, .sr-v2-app .sr-app__directory-load-more:hover, .sr-v2-app .sr-app__directory-load-more:focus, .sr-v2-app .sr-v2-app__load-more:hover, .sr-v2-app .sr-v2-app__load-more:focus { color: var(--sr-fe-blue) !important; background: var(--sr-fe-yellow) !important; }
.sr-v2-app .sr-app__directory-pagination { display: flex; justify-content: center; padding: 18px 0 0; }
.sr-v2-app .sr-app__directory-load-more { padding: 10px 18px; }
.sr-v2-app .sr-app__directory-load-more:disabled { cursor: wait; opacity: .65; }
.sr-v2-app .sr-v2-app__pagination { display: flex; justify-content: center; padding: 18px 0 0; }
.sr-v2-app .sr-v2-app__load-more { padding: 10px 18px; }
.sr-v2-app .sr-v2-app__load-more:disabled { cursor: wait; opacity: .65; }

.sr-v2-app .sr-app-directory-filters[hidden] { display: none; }
.sr-v2-app .sr-app-directory-filters { position: fixed; inset: 0; z-index: 100001; display: flex; align-items: flex-end; justify-content: center; pointer-events: none; }
.sr-v2-app .sr-app-directory-filters.is-visible { pointer-events: auto; }
.sr-v2-app .sr-app-directory-filters__backdrop { position: absolute; inset: 0; background: rgba(15,26,74,.62); opacity: 0; transition: opacity 180ms ease; }
.sr-v2-app .sr-app-directory-filters.is-visible .sr-app-directory-filters__backdrop { opacity: 1; }
.sr-v2-app .sr-app-directory-filters__sheet { position: relative; z-index: 1; display: grid; width: min(100%,430px); max-height: min(86svh,760px); overflow: hidden; color: var(--sr-fe-text); background: #fff; border-radius: 20px 20px 0 0; box-shadow: 0 -18px 44px rgba(15,26,74,.24); transform: translateY(100%); transition: transform 220ms ease; }
.sr-v2-app .sr-app-directory-filters.is-visible .sr-app-directory-filters__sheet { transform: translateY(0); }
.sr-v2-app .sr-app-directory-filters__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; color: #fff; background: var(--sr-fe-blue); }
.sr-v2-app .sr-app-directory-filters__header h2 { margin: 0; font: 800 23px/1.1 var(--sr-fe-font-primary); }
.sr-v2-app .sr-app-directory-filters__header button { width: 40px; height: 40px; flex: 0 0 40px; border: 0; border-radius: 50%; color: #fff; background: rgba(255,255,255,.16); cursor: pointer; font-size: 30px; line-height: 1; }
.sr-v2-app .sr-app-directory-filters__body { overflow-y: auto; padding: 22px 20px; }
.sr-v2-app .sr-app-directory-filters__body h3 { margin: 0; color: var(--sr-fe-text); font: 800 16px/1.2 var(--sr-fe-font-primary); }
.sr-v2-app .sr-app-directory-filters__areas + h3 { margin-top: 26px; }
.sr-v2-app .sr-app-directory-filters__areas { display: grid; gap: 8px; margin-top: 12px; }
.sr-v2-app .sr-app-directory-filters__cities { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.sr-v2-app .sr-app-directory-filters__choice { border: 1.5px solid var(--sr-fe-border); color: var(--sr-fe-text); background: #fff; cursor: pointer; font: 700 14px/1.25 var(--sr-fe-font-ui); text-align: left; }
.sr-v2-app .sr-app-directory-filters__choice--sector { padding: 12px 14px; border-radius: 8px; }
.sr-v2-app .sr-app-directory-filters__choice--city { padding: 9px 15px; border-radius: 999px; }
.sr-v2-app .sr-app-directory-filters__choice.is-selected { border-color: var(--sr-fe-blue); color: var(--sr-fe-blue); background: #e7ecff; }
.sr-v2-app .sr-app-directory-filters__choice:focus-visible, .sr-v2-app .sr-app-directory-filters__header button:focus-visible, .sr-v2-app .sr-app-directory-filters__footer button:focus-visible { outline: 3px solid var(--sr-fe-blue); outline-offset: 3px; }
.sr-v2-app .sr-app-directory-filters__status { margin: 18px 0 0; color: var(--sr-fe-muted); font: 600 14px/1.35 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-directory-filters__status.is-error { color: #b42318; }
.sr-v2-app .sr-app-directory-filters__footer { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px; padding: 14px 20px calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid var(--sr-fe-border); background: #fff; }
.sr-v2-app .sr-app-directory-filters__footer button { min-height: 52px; border: 0; border-radius: 8px; cursor: pointer; font: 800 15px/1.15 var(--sr-fe-font-ui); }
.sr-v2-app .sr-app-directory-filters__reset { padding: 0 12px; color: var(--sr-fe-blue); background: transparent; }
.sr-v2-app .sr-app-directory-filters__apply { padding: 0 18px; color: #fff; background: var(--sr-fe-blue); }

.sr-v2-app .sr-app-modal[hidden] { display: none; }
.sr-v2-app .sr-app-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: flex-end; justify-content: center; pointer-events: none; }
.sr-v2-app .sr-app-modal.is-visible { pointer-events: auto; }
.sr-v2-app .sr-app-modal__backdrop { position: absolute; inset: 0; background: rgba(7,12,84,.62); opacity: 0; transition: opacity 180ms ease; }
.sr-v2-app .sr-app-modal.is-visible .sr-app-modal__backdrop { opacity: 1; }
.sr-v2-app .sr-app-modal__dialog { position: relative; z-index: 1; display: grid; grid-template-rows: auto minmax(0,1fr); width: min(100%,430px); max-height: min(88svh,760px); overflow: hidden; color: var(--sr-fe-text); background: #fff; border-radius: 20px 20px 0 0; box-shadow: 0 -18px 44px rgba(15,26,74,.24); transform: translateY(100%); transition: transform 220ms ease; }
.sr-v2-app .sr-app-modal.is-visible .sr-app-modal__dialog { transform: translateY(0); }
.sr-v2-app .sr-app-modal__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; color: #fff; background: var(--sr-fe-blue); }
.sr-v2-app .sr-app-modal__header h2 { margin: 0; font: 800 23px/1.1 var(--sr-fe-font-primary); }
.sr-v2-app .sr-app-modal__close { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: 0 0 40px; border: 0 !important; border-radius: 50%; color: #fff; background: rgba(255,255,255,.16) !important; cursor: pointer; font-size: 30px; line-height: 1; }
.sr-v2-app .sr-app-modal__close::before { position: static; width: auto; height: auto; background: transparent; content: "×"; transform: none; }
.sr-v2-app .sr-app-modal__close::after { display: none; content: none; }
.sr-v2-app .sr-app-modal__content { min-height: 0; overflow-y: auto; padding: 22px 20px calc(22px + env(safe-area-inset-bottom)); }
.sr-v2-app .sr-app-detail { display: grid; }.sr-v2-app .sr-app-detail__logo { display: inline-flex; justify-content: center; justify-self: center; width: min(44vw,220px); height: 166px; margin-bottom: 24px; overflow: hidden; color: var(--sr-app-blue); font-size: 52px !important; font-weight: 800; }.sr-v2-app .sr-app-detail__logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.sr-v2-app .sr-app-detail__tag { justify-self: start; margin-bottom: 9px; }.sr-v2-app .sr-app-detail__company { margin: 0; color: var(--sr-fe-text); font: 800 clamp(26px,7vw,34px)/1.08 var(--sr-fe-font-primary); }.sr-v2-app .sr-app-detail__person, .sr-v2-app .sr-app-detail__match, .sr-v2-app .sr-app-detail__empty { color: var(--sr-fe-muted); font: 500 16px/1.4 var(--sr-fe-font-ui); }.sr-v2-app .sr-app-detail__section-title { margin: 22px 0 8px; color: var(--sr-fe-text); font: 800 17px/1.2 var(--sr-fe-font-primary); }
.sr-v2-app .sr-app-detail__score, .sr-v2-app .sr-app-detail__mutual-match { display: inline-flex; width: fit-content; margin-top: 10px; padding: 5px 9px; border-radius: var(--sr-fe-radius-pill); font: 700 12px/1.2 var(--sr-fe-font-ui); }.sr-v2-app .sr-app-detail__score { color: var(--sr-fe-blue-deep); background: var(--sr-fe-yellow); }.sr-v2-app .sr-app-detail__mutual-match { color: var(--sr-fe-text); background: var(--sr-fe-mint); }
.sr-v2-app .sr-app-detail__contact { display: inline-flex; align-items: center; width: 100%; min-height: 56px; margin-top: 10px; padding: 0 18px; gap: 12px; color: var(--sr-fe-blue-deep) !important; background: var(--sr-fe-mint) !important; border-radius: 8px; font: 800 16px/1.2 var(--sr-fe-font-ui); text-decoration: none !important; }.sr-v2-app .sr-app-detail__contact-icon { display: inline-flex; width: 24px; height: 24px; flex: 0 0 24px; }.sr-v2-app .sr-app-detail__contact-icon img { width: 100%; height: 100%; object-fit: contain; }
.sr-v2-app .sr-app-satisfaction { position: fixed; right: 50%; bottom: 24px; z-index: 2147483647 !important; width: min(406px,calc(100vw - 24px)); opacity: 0; transform: translate(50%,12px); transition: opacity 180ms ease,transform 180ms ease; }.sr-v2-app .sr-app-satisfaction[hidden] { display: none; }.sr-v2-app .sr-app-satisfaction.is-visible { opacity: 1; transform: translate(50%,0); }.sr-v2-app .sr-app-satisfaction__inner { position: relative; overflow: hidden; padding: 18px 18px 16px; color: var(--sr-fe-text); background: #fff; border-radius: 8px; box-shadow: 0 10px 40px rgba(15,26,74,.28); }.sr-v2-app .sr-app-satisfaction__corner { position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 34px 34px 0; border-color: transparent var(--sr-fe-yellow) transparent transparent; }.sr-v2-app .sr-app-satisfaction__inner h2 { margin: 0; padding-right: 30px; color: var(--sr-fe-text); font: 800 18px/1.2 var(--sr-fe-font-primary); }.sr-v2-app .sr-app-satisfaction__options { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; margin-top: 14px; }.sr-v2-app .sr-app-satisfaction__button { display: flex; min-height: 74px; padding: 6px 2px; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 2px solid var(--sr-fe-border) !important; border-radius: 8px !important; color: var(--sr-fe-muted) !important; background: #fff !important; cursor: pointer; }.sr-v2-app .sr-app-satisfaction__button:hover, .sr-v2-app .sr-app-satisfaction__button:focus-visible, .sr-v2-app .sr-app-satisfaction__button.is-selected { border-color: var(--sr-fe-blue) !important; background: #e7ecff !important; }.sr-v2-app .sr-app-satisfaction__button:focus-visible, .sr-v2-app .sr-app-satisfaction__later:focus-visible, .sr-v2-app .sr-app-satisfaction__submit:focus-visible { outline: 3px solid var(--sr-fe-yellow); outline-offset: 2px; }.sr-v2-app .sr-app-satisfaction__button:disabled { cursor: wait; opacity: .65; }.sr-v2-app .sr-app-satisfaction__symbol { font-size: 26px; line-height: 1; }.sr-v2-app .sr-app-satisfaction__label { font: 700 10px/1 var(--sr-fe-font-ui); letter-spacing: .4px; text-transform: uppercase; }.sr-v2-app .sr-app-satisfaction__actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; }.sr-v2-app .sr-app-satisfaction__later, .sr-v2-app .sr-app-satisfaction__submit { min-height: 40px; padding: 8px 14px; border: 0 !important; border-radius: 999px !important; font: 700 14px/1 var(--sr-fe-font-ui); cursor: pointer; }.sr-v2-app .sr-app-satisfaction__later { color: var(--sr-fe-blue) !important; background: transparent !important; }.sr-v2-app .sr-app-satisfaction__submit { color: #fff !important; background: var(--sr-fe-blue) !important; }.sr-v2-app .sr-app-satisfaction__submit:disabled { cursor: not-allowed; opacity: .55; }.sr-v2-app .sr-app-satisfaction__error { margin: 10px 0 0; color: #b42318; font: 600 13px/1.35 var(--sr-fe-font-ui); }.sr-v2-app .sr-app-satisfaction__thanks p { margin: 6px 0 0; color: var(--sr-fe-muted); font: 400 14px/1.4 var(--sr-fe-font-ui); }

@keyframes sr-v2-app-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .sr-v2-app .sr-app-directory-filters__backdrop, .sr-v2-app .sr-app-directory-filters__sheet, .sr-v2-app .sr-app-modal__backdrop, .sr-v2-app .sr-app-modal__dialog { transition: none; } }
@media (max-width: 767px) { .sr-v2-app { min-height: 100svh; } }
@media (max-width: 430px) { .sr-v2-app .sr-app__heading { gap: 10px; }.sr-v2-app .sr-app__heading h1 { font-size: 26px !important; }.sr-v2-app .sr-app__ranking { width: min(100% - 24px, 720px); }.sr-v2-app .sr-app-ranking-card { padding: 18px 14px 16px 56px; }.sr-v2-app .sr-app-ranking-card__position { width: 40px; height: 40px; font-size: 18px; } }