/*
===============================================================================
ASSISTÊNCIAPERTO — HOME.CSS
===============================================================================
Arquivo esperado: /assets/css/home.css

RESPONSABILIDADE
- Layout e identidade visual da Home pública.
- Header e navegação pública.
- Logotipo oficial: /assets/img/assistenciaperto-logo.webp.
- Hero e busca principal.
- Mapa e resultados.
- Cards de assistências.
- Benefícios e categorias.
- Bloco "Para Assistências Técnicas".
- Orçamento rápido.
- Cidades.
- Footer.
- Conta autenticada / menu responsivo.
- Seções institucionais e melhores avaliadas.

IMAGENS DE FUNDO
- Hero: /assets/img/hero.png
- Para Assistências Técnicas: /assets/img/repareja.png

PADRÃO DO PROJETO
- Não colocar CSS do Admin, /painel/ ou /clientes/ neste arquivo.
- Novas classes da Home devem usar prefixo .home- ou .ap-.
- Evitar seletores genéricos que possam afetar outros componentes.
===============================================================================
*/

/* ==========================================================================
   01. TOKENS, RESET E BASE
   ========================================================================== */

:root {
    --home-blue:#0795f6;
    --home-blue-2:#0c7ee7;
    --home-dark:#071521;
    --home-dark-2:#0b2437;
    --home-text:#0b1c2b;
    --home-muted:#607384;
    --home-border:#dce7ef;
    --home-soft:#f4f8fb;
    --home-green:#13b96d;
    --home-shadow:0 18px 55px rgba(8,35,57,.10)
}

* {
    box-sizing:border-box
}

html {
    scroll-behavior:smooth
}

body.home-page {
    margin:0;
    background:#fff;
    color:var(--home-text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    -webkit-font-smoothing:antialiased
}

.home-page button,.home-page input,.home-page select {
    font:inherit
}

.home-page a {
    color:inherit
}

/* ==========================================================================
   02. CONTAINER + HEADER PÚBLICO
   ========================================================================== */

.home-container {
    width:min(1440px,calc(100% - 48px));
    margin:0 auto
}

.home-header {
    position:absolute;
    z-index:1000;
    top:0;
    left:0;
    right:0;
    color:#fff
}

.home-header__inner {
    height:88px;
    display:flex;
    align-items:center;
    gap:34px
}

.home-brand {
    flex: 0 0 auto;
    width: 245px;
    max-width: 245px;

    display: inline-flex;
    align-items: center;
    justify-content: flex-start;

    padding: 6px 9px;

    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 13px;

    background: rgba(255, 255, 255, .96);

    box-shadow:
        0 8px 24px rgba(0, 0, 0, .10);

    text-decoration: none;

    overflow: hidden;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.home-brand:hover {
    transform: translateY(-1px);

    background: #fff;

    box-shadow:
        0 11px 30px rgba(0, 0, 0, .14);
}

.home-brand__logo {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    object-fit: contain;
    object-position: left center;

    flex: 0 0 auto;
}

/*
 * Compatibilidade:
 * o header novo usa somente .home-brand__logo.
 * As antigas classes do ícone/texto não são mais necessárias.
 */

.home-nav {
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:32px
}

.home-nav a {
    position:relative;
    font-size:13px;
    text-decoration:none;
    color:rgba(255,255,255,.9);
    font-weight:650
}

.home-nav a:after {
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:-12px;
    height:2px;
    background:#26b7ff;
    transition:.2s
}

.home-nav a:hover:after,.home-nav a.is-active:after {
    right:0
}

.home-header__actions {
    display:flex;
    gap:12px
}

.home-login,.home-register {
    min-height:43px;
    padding:0 20px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:12px;
    font-weight:800
}

.home-login {
    border:1px solid rgba(255,255,255,.38);
    color:#fff;
    background:rgba(5,20,33,.2)
}

.home-register {
    background:linear-gradient(135deg,#0989ef,#08a2ff);
    color:#fff;
    box-shadow:0 8px 24px rgba(0,143,244,.24)
}

.home-menu-button {
    display:none;
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:10px;
    background:rgba(255,255,255,.06);
    color:#fff
}

.home-menu-button svg {
    width:22px;
    fill:currentColor
}

.home-mobile-nav {
    display:none
}

/* ==========================================================================
   03. HERO — /assets/img/hero.png
   ========================================================================== */

.home-hero {
    position:relative;
    min-height:515px;
    padding:118px 0 32px;
    overflow:hidden;
    color:#fff;
    background: linear-gradient(90deg,rgba(5,16,27,.98) 0%,rgba(5,16,27,.95) 28%,rgba(5,16,27,.76) 48%,rgba(5,16,27,.28) 70%,rgba(5,16,27,.05) 100%), url("../img/hero.png");
    background-size:cover;
    background-position:center right;
    background-repeat:no-repeat
}

.home-hero:after {
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
    background-size:32px 32px;
    pointer-events:none
}

.home-hero__glow {
    position:absolute;
    width:680px;
    height:680px;
    right:-160px;
    top:-250px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(33,149,220,.22),transparent 65%);
    filter:blur(4px)
}

.home-hero__layout {
    position:relative;
    z-index:2;
    display:block
}

.home-hero__copy {
    max-width:760px
}

.home-kicker {
    display:block;
    margin-bottom:12px;
    color:#45c7ff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.15em
}

.home-hero h1 {
    max-width:760px;
    margin:0;
    font-size:clamp(38px,4.25vw,70px);
    line-height:1.01;
    letter-spacing:-.055em
}

.home-hero h1 em {
    font-style:normal;
    color:#079cfb
}

.home-hero__copy>p {
    max-width:720px;
    margin:22px 0 0;
    font-size:18px;
    line-height:1.55;
    color:#d6e1e8
}

.home-hero__trust {
    margin-top:24px;
    display:flex;
    flex-wrap:wrap;
    gap:10px 20px
}

.home-hero__trust span {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    color:#c9d8e1
}

.home-hero__trust svg {
    width:18px;
    height:18px;
    fill:#40c7ff
}

.home-hero__art {
    display:none!important
}

/* ==========================================================================
   04. BUSCA PRINCIPAL
   ========================================================================== */

.home-search-wrap {
    position:relative;
    z-index:4;
    margin-top:26px
}

.home-search {
    display:grid;
    grid-template-columns:1.55fr .8fr .8fr auto;
    gap:12px
}

.home-search__field {
    min-height:66px;
    border-radius:11px;
    background:#fff;
    border:1px solid rgba(255,255,255,.3);
    display:flex;
    align-items:center;
    gap:11px;
    padding:0 17px;
    color:#142a3b;
    box-shadow:0 12px 32px rgba(0,0,0,.12)
}

.home-search__field>svg {
    width:21px;
    height:21px;
    fill:#354d5e;
    flex:0 0 auto
}

.home-search__field input,.home-search__field select {
    width:100%;
    height:62px;
    border:0;
    outline:0;
    background:transparent;
    color:#213747;
    font-size:13px;
    font-weight:650
}

.home-search__field select {
    cursor:pointer
}

.home-search__field--location {
    padding-right:7px
}

.home-search__field--location button {
    flex:0 0 auto;
    height:46px;
    border:0;
    border-radius:9px;
    background:#edf7ff;
    color:#0789e9;
    padding:0 13px;
    display:flex;
    align-items:center;
    gap:7px;
    font-size:11px;
    font-weight:850;
    cursor:pointer
}

.home-search__field--location button svg {
    width:19px;
    height:19px;
    fill:currentColor
}

.home-search__field--location button.is-loading {
    opacity:.55;
    pointer-events:none
}

.home-search__submit {
    min-width:145px;
    border:0;
    border-radius:11px;
    background:linear-gradient(135deg,#0788eb,#079fff);
    color:#fff;
    font-size:17px;
    font-weight:850;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(3,142,240,.25)
}

.home-search__submit svg {
    width:24px;
    height:24px;
    fill:currentColor
}

.home-search.is-loading {
    opacity:.72;
    pointer-events:none
}

.home-search-status {
    min-height:22px;
    margin-top:8px;
    color:#a8c1d1;
    font-size:11px
}

.home-popular-brands {
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
    margin-top:5px;
    color:#fff;
    font-size:11px
}

.home-popular-brands>strong {
    font-weight:650;
    color:#b9cbd6
}

.home-popular-brands span {
    display:flex;
    align-items:center;
    gap:6px;
    font-weight:700
}

.home-popular-brands img {
    width:20px;
    height:20px;
    object-fit:contain;
    border-radius:50%;
    background:#fff;
    padding:2px
}

/* ==========================================================================
   05. RESULTADOS + MAPA + CARDS
   ========================================================================== */

.home-nearby {
    padding:42px 0 25px
}

.home-section-heading>span {
    display:block;
    color:#078be9;
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em
}

.home-section-heading h2 {
    margin:5px 0 4px;
    font-size:28px;
    letter-spacing:-.04em
}

.home-section-heading p {
    margin:0;
    color:var(--home-muted);
    font-size:14px
}

.home-section-heading--row {
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:25px
}

.home-text-link {
    border:0;
    background:none;
    padding:8px 0;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#078bea;
    text-decoration:none;
    font-weight:800;
    font-size:12px;
    cursor:pointer
}

.home-text-link svg {
    width:17px;
    height:17px;
    fill:currentColor
}

.home-results-layout {
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(410px,.9fr);
    gap:26px;
    margin-top:23px;
    align-items:start
}

.home-map-panel {
    position:sticky;
    top:18px;
    min-width:0
}

.home-map {
    height:605px;
    border:1px solid var(--home-border);
    border-radius:15px;
    overflow:hidden;
    background:#eaf3f6;
    box-shadow:var(--home-shadow)
}

.home-map-overlay {
    position:absolute;
    z-index:500;
    left:16px;
    top:16px;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.8);
    border-radius:10px;
    background:rgba(255,255,255,.93);
    box-shadow:0 8px 20px rgba(15,45,65,.12);
    display:grid
}

.home-map-overlay strong {
    font-size:12px
}

.home-map-overlay small {
    margin-top:2px;
    color:#718797;
    font-size:9px
}

.home-map-marker-wrap {
    background:none;
    border:0
}

.home-map-marker {
    position:relative;
    display:block;
    width:34px;
    height:40px;
    background:#078ff0;
    border:3px solid #fff;
    border-radius:50% 50% 50% 0;
    transform:rotate(-45deg);
    box-shadow:0 5px 14px rgba(6,82,130,.3)
}

.home-map-marker i {
    position:absolute;
    left:8px;
    top:8px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#fff
}

.home-map-marker.is-verified {
    background:#0caa9a
}

.home-map-popup {
    min-width:170px;
    display:grid;
    gap:3px
}

.home-map-popup strong {
    font-size:13px
}

.home-map-popup span {
    font-size:11px;
    color:#506674
}

.home-map-popup small {
    font-size:10px;
    color:#718795
}

.home-map-popup small.is-open {
    color:#119c5f
}

.home-map-popup a {
    margin-top:5px;
    color:#078bea;
    font-size:11px;
    font-weight:800;
    text-decoration:none
}

.home-shop-list {
    display:grid;
    gap:11px;
    max-height:605px;
    overflow:auto;
    padding-right:4px;
    scrollbar-width:thin
}

.home-shop-card {
    display:grid;
    grid-template-columns:150px 1fr;
    min-height:139px;
    border:1px solid var(--home-border);
    border-radius:13px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 6px 22px rgba(8,35,57,.045)
}

.home-shop-card__media {
    position:relative;
    display:block;
    min-height:100%;
    background:linear-gradient(145deg,#102b3e,#1c5b7c);
    overflow:hidden;
    text-decoration:none
}

.home-shop-card__media>img {
    width:100%;
    height:100%;
    object-fit:cover
}

.home-shop-card__media>span {
    height:100%;
    display:grid;
    place-items:center;
    color:#fff;
    font-size:44px;
    font-weight:900
}

.home-shop-card__media>i {
    position:absolute;
    left:9px;
    bottom:9px;
    width:41px;
    height:41px;
    border:2px solid #fff;
    border-radius:10px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 6px 15px rgba(0,0,0,.18)
}

.home-shop-card__media>i img {
    width:100%;
    height:100%;
    object-fit:cover
}

.home-shop-card__body {
    padding:11px 12px;
    min-width:0
}

.home-shop-card__title-row {
    display:flex;
    justify-content:space-between;
    gap:8px
}

.home-shop-card h3 {
    margin:0;
    font-size:16px;
    line-height:1.15;
    letter-spacing:-.025em
}

.home-shop-card__title-row p {
    margin:2px 0 0;
    color:#627686;
    font-size:10px
}

.home-verified {
    display:inline-flex;
    align-items:center;
    gap:4px;
    color:#078ff0;
    font-size:9px;
    font-weight:850;
    white-space:nowrap
}

.home-verified svg {
    width:14px;
    height:14px;
    fill:currentColor
}

.home-shop-card__meta {
    display:flex;
    gap:11px;
    align-items:center;
    margin-top:6px;
    color:#445f70;
    font-size:10px;
    white-space:nowrap;
    overflow:hidden
}

.home-shop-card__meta span {
    display:flex;
    align-items:center;
    gap:3px
}

.home-shop-card__meta svg {
    width:13px;
    height:13px;
    fill:#627b8b
}

.home-rating {
    color:#f4a500!important;
    font-weight:850
}

.home-rating small {
    color:#5c7281;
    font-weight:500
}

.home-rating--new {
    color:#6c8494!important
}

.home-shop-card__tags {
    display:flex;
    gap:4px;
    margin-top:6px;
    overflow:hidden
}

.home-shop-card__tags span {
    padding:3px 6px;
    border-radius:5px;
    background:#f0f5f8;
    color:#334f61;
    font-size:8px;
    white-space:nowrap
}

.home-shop-card__status {
    display:flex;
    align-items:center;
    margin-top:6px;
    color:#657b89;
    font-size:9px
}

.home-shop-card__status i {
    width:6px;
    height:6px;
    margin-right:5px;
    border-radius:50%;
    background:#aab7bf
}

.home-shop-card__status.is-open {
    color:#168b5d
}

.home-shop-card__status.is-open i {
    background:#16b970
}

.home-shop-card__status b {
    font-weight:600;
    color:#8799a5
}

.home-shop-card__actions {
    display:flex;
    gap:6px;
    margin-top:7px
}

.home-btn {
    height:28px;
    padding:0 9px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    text-decoration:none;
    font-size:9px;
    font-weight:850;
    white-space:nowrap
}

.home-btn svg {
    width:13px;
    height:13px;
    fill:currentColor
}

.home-btn--wa {
    background:#12b76a;
    color:#fff
}

.home-btn--outline {
    border:1px solid #0b92ee;
    color:#0789e7;
    background:#fff
}

.home-btn--soft {
    border:1px solid #d8e3eb;
    color:#263e4e;
    background:#fafcfd
}

.home-empty {
    padding:35px;
    border:1px dashed #cbdbe5;
    border-radius:14px;
    text-align:center;
    background:#fbfdff
}

.home-empty p {
    color:#738896;
    font-size:12px
}

/* ==========================================================================
   06. BENEFÍCIOS
   ========================================================================== */

.home-benefits {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
    margin-top:22px
}

.home-benefits article {
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding:19px 17px;
    border:1px solid #e1eaf0;
    border-radius:13px;
    background:linear-gradient(145deg,#fff,#f7fafc)
}

.home-benefits article>span {
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#e4f5ff;
    color:#0795f6;
    flex:0 0 auto
}

.home-benefits article:nth-child(2)>span {
    background:#e3f8ee;
    color:#0eaa66
}

.home-benefits article:nth-child(3)>span {
    background:#fff3cd;
    color:#e3a000
}

.home-benefits article:nth-child(4)>span {
    background:#f0e5ff;
    color:#9c51ef
}

.home-benefits svg {
    width:22px;
    height:22px;
    fill:currentColor
}

.home-benefits h3 {
    margin:1px 0 5px;
    font-size:14px
}

.home-benefits p {
    margin:0;
    color:#6a7f8e;
    font-size:11px;
    line-height:1.45
}

/* ==========================================================================
   07. CATEGORIAS DE APARELHOS
   ========================================================================== */

.home-devices { padding:30px 0 35px; }
.home-device-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px; margin-top:20px; }
.home-device-grid button { min-width:0; min-height:142px; padding:14px 8px 12px; border:1px solid #dce7ef; border-radius:14px; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.home-device-grid button:hover { transform:translateY(-3px); border-color:#8fd2ff; box-shadow:0 10px 24px rgba(11,109,171,.09); }
.home-device-visual { width:82px; height:82px; flex:0 0 82px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:transparent; overflow:hidden; }
.home-device-visual img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.home-device-grid strong { display:block; max-width:100%; color:#10233f; font-size:11px; font-weight:800; line-height:1.2; text-align:center; overflow-wrap:anywhere; }

/* ==========================================================================
   08. PARA ASSISTÊNCIAS + ORÇAMENTO RÁPIDO
   Fundo: /assets/img/repareja.png
   ========================================================================== */

.home-business {
    padding:12px 0 25px
}

.home-business__grid {
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(360px,.75fr);
    gap:18px
}

.home-business-card {
    position:relative;
    min-height:298px;
    padding:34px 36px;
    border-radius:15px;
    overflow:hidden;
    color:#fff;
    background: linear-gradient(90deg,rgba(4,17,29,.99) 0%,rgba(4,17,29,.96) 35%,rgba(4,17,29,.70) 58%,rgba(4,17,29,.20) 76%,rgba(4,17,29,.05) 100%), url("../img/reparoja.png");
    background-size:cover;
    background-position:center right;
    background-repeat:no-repeat;
    display:grid;
    grid-template-columns:minmax(0,1.10fr) minmax(190px,.55fr);
    gap:30px
}

.home-business-card__copy>span,.home-quote-card>span {
    color:#33c2ff;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em
}

.home-business-card h2,.home-quote-card h2 {
    margin:8px 0 10px;
    font-size:27px;
    line-height:1.05;
    letter-spacing:-.04em
}

.home-business-card p,.home-quote-card p {
    margin:0;
    color:#c1d0d9;
    font-size:12px;
    line-height:1.55
}

.home-business-card__copy>div {
    display:flex;
    gap:9px;
    margin-top:22px
}

.home-business-card ul {
    position:relative;
    z-index:2;
    align-self:center;
    margin:0;
    padding:17px 18px;
    list-style:none;
    display:grid;
    gap:11px;
    font-size:11px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:13px;
    background:rgba(4,17,29,.55);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px)
}

.home-business-card li:before {
    content:"✓";
    color:#23d4b0;
    margin-right:8px;
    font-weight:900
}

.home-technician {
    display:none!important
}

.home-quote-card {
    padding:28px;
    border:1px solid #dce7ef;
    border-radius:15px;
    background:linear-gradient(145deg,#fff,#f4f9fd);
    box-shadow:0 10px 35px rgba(9,48,76,.05)
}

.home-quote-card>span {
    color:#0a8fec
}

.home-quote-card h2 {
    color:#0d2030;
    font-size:24px
}

.home-quote-card p {
    color:#627887
}

.home-quote-steps {
    display:flex;
    align-items:start;
    justify-content:center;
    margin:25px 0 20px
}

.home-quote-steps>div {
    width:92px;
    text-align:center
}

.home-quote-steps b {
    width:31px;
    height:31px;
    margin:0 auto 7px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#0b91ef;
    color:#fff
}

.home-quote-steps span {
    font-size:9px;
    line-height:1.25
}

.home-quote-steps>i {
    height:2px;
    flex:1;
    margin-top:15px;
    background:#d2e3ee
}

.home-quote-action {
    min-height:44px;
    border-radius:9px;
    background:#dceeff;
    color:#087fd5;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    font-size:11px;
    font-weight:900
}

.home-quote-action svg {
    width:17px;
    fill:currentColor
}

/* ==========================================================================
   09. CIDADES
   ========================================================================== */

.home-cities {
    padding:12px 0 33px
}

.home-city-list {
    display:flex;
    gap:10px;
    overflow:auto;
    padding:17px 1px 5px;
    scrollbar-width:thin
}

.home-city-list button {
    min-width:190px;
    height:55px;
    padding:0 11px;
    border:1px solid #dce7ef;
    border-radius:28px;
    background:#fff;
    display:grid;
    grid-template-columns:35px 1fr auto;
    grid-template-rows:1fr 1fr;
    align-items:center;
    text-align:left;
    cursor:pointer
}

.home-city-list button>span {
    grid-row:1/3;
    width:34px;
    height:34px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#e8f5ff;
    color:#078eee
}

.home-city-list svg {
    width:16px;
    height:16px;
    fill:currentColor
}

.home-city-list button>svg {
    grid-row:1/3;
    grid-column:3;
    color:#098ee8
}

.home-city-list strong {
    align-self:end;
    font-size:10px
}

.home-city-list small {
    align-self:start;
    color:#758a98;
    font-size:8px
}

/* ==========================================================================
   10. FOOTER PÚBLICO
   ========================================================================== */

.home-footer {
    padding:40px 0 20px;
    background:radial-gradient(circle at 85% 80%,rgba(23,132,194,.15),transparent 24%),#071521;
    color:#d9e5ec
}

.home-footer__grid {
    display:grid;
    grid-template-columns:1.55fr repeat(3,1fr);
    gap:55px
}

.home-footer .home-brand {
    margin-bottom:15px
}

.home-footer__brand p {
    max-width:330px;
    margin:0;
    color:#92a9b7;
    font-size:11px;
    line-height:1.55
}

.home-footer__grid>div:not(:first-child) {
    display:grid;
    align-content:start;
    gap:8px
}

.home-footer__grid>div>strong {
    margin-bottom:4px;
    color:#fff;
    font-size:11px
}

.home-footer__grid>div>a {
    color:#9fb3c0;
    text-decoration:none;
    font-size:10px
}

.home-footer__grid>div>a:hover {
    color:#fff
}

.home-footer__bottom {
    margin-top:30px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.09);
    display:flex;
    justify-content:space-between;
    color:#7e96a5;
    font-size:9px
}

.home-footer__bottom em {
    font-family:"Segoe Print","Bradley Hand",cursive;
    color:#dfefff;
    font-size:17px;
    transform:rotate(-4deg)
}

/* ==========================================================================
   11. RESPONSIVIDADE PRINCIPAL
   ========================================================================== */

@media(max-width:1180px) {
    .home-header__inner {
        gap: 24px;
    }

    .home-brand {
        width: 210px;
        max-width: 210px;
        padding: 5px 8px;
    }


    .home-nav {
        gap:18px
    }
    .home-hero__layout {
        display:block
    }
    .home-results-layout {
        grid-template-columns:1.2fr .9fr
    }
    .home-device-grid {
        grid-template-columns:repeat(5,1fr)
    }
    .home-business-card {
        grid-template-columns:minmax(0,1.1fr) minmax(190px,.55fr)
    }
}

@media(max-width:960px) {
    .home-brand {
        width: 205px;
        max-width: 205px;
    }


    .home-container {
        width:min(100% - 30px,760px)
    }
    .home-header__inner {
        height:74px
    }
    .home-nav,.home-header__actions {
        display:none
    }
    .home-menu-button {
        margin-left:auto;
        display:grid;
        place-items:center
    }
    .home-mobile-nav {
        position:absolute;
        top:72px;
        left:15px;
        right:15px;
        padding:13px;
        border:1px solid rgba(255,255,255,.15);
        border-radius:14px;
        background:#0a1f2e;
        box-shadow:0 20px 40px rgba(0,0,0,.3)
    }
    .home-mobile-nav.is-open {
        display:grid
    }
    .home-mobile-nav a {
        padding:12px;
        border-radius:8px;
        color:#dce8ee;
        text-decoration:none;
        font-size:12px
    }
    .home-mobile-nav a.is-primary {
        background:#078fee;
        color:#fff;
        text-align:center;
        font-weight:800
    }
    .home-hero {
        padding-top:105px;
        min-height:650px
    }
    .home-hero__layout {
        grid-template-columns:1fr
    }
    .home-hero__art {
        display:none
    }
    .home-search {
        grid-template-columns:1fr 1fr
    }
    .home-search__field--location {
        grid-column:1/3
    }
    .home-search__submit {
        min-height:58px
    }
    .home-popular-brands {
        display:none
    }
    .home-results-layout {
        grid-template-columns:1fr
    }
    .home-map-panel {
        position:relative;
        top:0
    }
    .home-map {
        height:420px
    }
    .home-shop-list {
        max-height:none;
        overflow:visible
    }
    .home-benefits {
        grid-template-columns:1fr 1fr
    }
    .home-business__grid {
        grid-template-columns:1fr
    }
    .home-business-card {
        grid-template-columns:minmax(0,1.05fr) minmax(180px,.55fr)
    }
    .home-footer__grid {
        grid-template-columns:1.3fr 1fr 1fr
    }
    .home-footer__grid>div:last-child {
        display:none
    }
}

@media(max-width:640px) {
    .home-brand {
        width: 185px;
        max-width: 185px;

        padding: 5px 7px;

        border-radius: 11px;
    }


    .home-hero {
        background: linear-gradient(90deg,rgba(5,16,27,.99) 0%,rgba(5,16,27,.96) 48%,rgba(5,16,27,.72) 100%), url("../img/hero.png");
        background-size:cover;
        background-position:68% center;
        background-repeat:no-repeat
    }
    .home-container {
        width:calc(100% - 22px)
    }
    .home-hero {
        min-height:auto;
        padding:96px 0 25px
    }
    .home-kicker {
        font-size:9px
    }
    .home-hero h1 {
        font-size:38px
    }
    .home-hero__copy>p {
        font-size:14px
    }
	/* ==========================================================================
   FRASE MANUSCRITA SOBRE A IMAGEM DA HERO
   ========================================================================== */

.home-hero__message {
    position: absolute;
    z-index: 4;

    /*
     * Posição da frase sobre a área dos aparelhos.
     * Ajuste somente estes dois valores se quiser mover.
     */
    top: 145px;
    left: 58%;

    width: 190px;

    color: #fff;

    font-family: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;
    font-size: 23px;
    font-weight: 400;
    line-height: 1.05;

    letter-spacing: -0.5px;

    text-align: center;

    transform: rotate(-6deg);

    text-shadow:
        0 2px 5px rgba(0, 0, 0, .55);

    pointer-events: none;
}

.home-hero__message strong {
    display: block;

    margin-top: 3px;

    color: #fff;

    font: inherit;
}

/* Risco azul embaixo da frase */
.home-hero__message i {
    display: block;

    width: 150px;
    height: 4px;

    margin: 9px auto 0;

    border-radius: 999px;

    background: #0aa8ff;

    box-shadow:
        0 0 10px rgba(10, 168, 255, .35);

    transform: rotate(-2deg);
}
    .home-hero__trust {
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .home-search-wrap {
        margin-top:28px
    }
    .home-search {
        grid-template-columns:1fr;
        gap:8px
    }
    .home-search__field--location {
        grid-column:auto;
        display:grid;
        grid-template-columns:auto 1fr
    }
    .home-search__field--location input {
        grid-column:2
    }
    .home-search__field--location button {
        grid-column:1/3;
        justify-content:center;
        height:38px;
        margin:0 0 6px
    }
    .home-search__submit {
        min-height:55px
    }
    .home-nearby {
        padding-top:28px
    }
    .home-section-heading--row {
        align-items:flex-start
    }
    .home-section-heading h2 {
        font-size:24px
    }
    .home-section-heading--row>.home-text-link {
        display:none
    }
    .home-map {
        height:330px
    }
    .home-results-layout {
        gap:15px
    }
    .home-shop-card {
        grid-template-columns:105px 1fr
    }
    .home-shop-card__media>i {
        width:35px;
        height:35px
    }
    .home-shop-card h3 {
        font-size:14px
    }
    .home-verified {
        font-size:0
    }
    .home-verified svg {
        width:16px;
        height:16px
    }
    .home-shop-card__meta {
        flex-wrap:wrap;
        white-space:normal
    }
    .home-shop-card__tags span:nth-child(n+3) {
        display:none
    }
    .home-shop-card__actions {
        flex-wrap:wrap
    }
    .home-btn {
        flex:1
    }
    .home-benefits {
        grid-template-columns:1fr
    }
    .home-device-grid {
        grid-template-columns:repeat(2,1fr)
    }
    .home-device-grid button {
        height:110px
    }
    .home-business-card {
        grid-template-columns:1fr;
        min-height:500px;
        padding:26px 22px;
        background: linear-gradient(180deg,rgba(4,17,29,.99) 0%,rgba(4,17,29,.96) 42%,rgba(4,17,29,.68) 67%,rgba(4,17,29,.32) 100%), url("../img/repareja.png");
        background-size:cover;
        background-position:68% center;
        background-repeat:no-repeat
    }
    .home-business-card ul {
        margin-top:8px;
        align-self:end
    }
    .home-business-card h2 {
        font-size:25px
    }
    .home-business-card__copy>div {
        flex-wrap:wrap
    }
    .home-quote-card {
        padding:24px 20px
    }
    .home-quote-steps>div {
        width:72px
    }
    .home-city-list button {
        min-width:170px
    }
    .home-footer__grid {
        grid-template-columns:1fr 1fr;
        gap:28px
    }
    .home-footer__brand {
        grid-column:1/3
    }
    .home-footer__grid>div:last-child {
        display:grid
    }
    .home-footer__bottom {
        display:grid;
        gap:10px
    }
    .home-footer__bottom em {
        font-size:14px
    }
}

/* =========================================================
   HEADER PÚBLICO — CONTA AUTENTICADA + MENU RESPONSIVO
========================================================= */
.home-account{position:relative}
.home-account__button{min-height:48px;max-width:235px;padding:5px 9px 5px 6px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(5,20,33,.26);color:#fff;display:flex;align-items:center;gap:9px;cursor:pointer}
.home-account__avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#0788eb,#19b7ff);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.home-account__avatar img{width:100%;height:100%;object-fit:cover;display:block}
.home-account__avatar strong{font-size:14px;font-weight:900}
.home-account__identity{min-width:0;display:grid;text-align:left}
.home-account__identity strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.home-account__identity small{margin-top:2px;color:rgba(255,255,255,.65);font-size:8px}
.home-account__chevron{font-size:16px;transition:transform .2s}
.home-account.is-open .home-account__chevron{transform:rotate(180deg)}
.home-account__menu{display:none;position:absolute;z-index:1200;right:0;top:calc(100% + 9px);width:205px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#0a1f2e;box-shadow:0 20px 45px rgba(0,0,0,.34)}
.home-account.is-open .home-account__menu{display:grid}
.home-account__menu a{padding:11px 12px;border-radius:8px;color:#dce8ee;text-decoration:none;font-size:11px;font-weight:700}
.home-account__menu a:hover{background:rgba(255,255,255,.07);color:#fff}
.home-account__divider{height:1px;margin:5px 4px;background:rgba(255,255,255,.1)}
.home-account__menu .home-account__logout{color:#ffb6b6}
.home-mobile-nav__links,.home-mobile-nav__guest{display:grid}
.home-mobile-nav__guest{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.1)}
.home-mobile-account{margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.home-mobile-account__head{display:flex;align-items:center;gap:10px;padding:5px 8px 10px;color:#fff}
.home-mobile-account__head>span:last-child{min-width:0;display:grid}
.home-mobile-account__head>span:last-child strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.home-mobile-account__head>span:last-child small{margin-top:2px;color:#8fa8b7;font-size:9px}
.home-mobile-account__links{display:grid}
.home-mobile-account__logout{color:#ffb6b6!important;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
body.menu-open{overflow:hidden}

@media(max-width:960px){
    .home-header{z-index:5000}
    .home-mobile-nav{z-index:5100;max-height:calc(100vh - 90px);overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;display:grid;transition:opacity .18s ease,transform .18s ease,visibility .18s}
    .home-mobile-nav.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;display:grid}
    .home-menu-button{position:relative;z-index:5200;cursor:pointer}
    .home-menu-button[aria-expanded="true"]{background:rgba(7,149,246,.22);border-color:rgba(39,181,255,.55)}
	.home-hero__message {
    display: none;
}
}
/* =========================================================
   ASSISTÊNCIAPERTO X BUSCA GENÉRICA
   Seção institucional de diferenciação
========================================================= */
.ap-difference {
    padding: 32px 0 42px;
}

.ap-difference__box {
    position: relative;
    overflow: hidden;

    border: 1px solid rgba(91, 191, 255, .14);
    border-radius: 22px;

    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(10, 151, 246, .14),
            transparent 26rem
        ),
        radial-gradient(
            circle at 88% 75%,
            rgba(22, 198, 224, .09),
            transparent 24rem
        ),
        linear-gradient(
            135deg,
            #061521 0%,
            #082136 52%,
            #071824 100%
        );

    color: #fff;

    box-shadow:
        0 26px 70px rgba(3, 25, 41, .16);
}

.ap-difference__box::before {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .28;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size: 34px 34px;

    mask-image:
        linear-gradient(
            to right,
            #000,
            rgba(0,0,0,.3),
            transparent
        );
}

.ap-difference__glow {
    position: absolute;

    border-radius: 50%;

    filter: blur(20px);

    pointer-events: none;
}

.ap-difference__glow--one {
    width: 400px;
    height: 400px;

    left: -180px;
    top: -210px;

    background:
        rgba(5, 159, 255, .18);
}

.ap-difference__glow--two {
    width: 360px;
    height: 360px;

    right: -160px;
    bottom: -180px;

    background:
        rgba(40, 214, 255, .11);
}

.ap-difference__content {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.22fr)
        minmax(360px, .78fr);

    gap: clamp(38px, 5vw, 76px);

    align-items: center;

    padding:
        clamp(32px, 5vw, 62px);
}

/* =========================================================
   TEXTO PRINCIPAL
========================================================= */
.ap-difference__copy {
    min-width: 0;
}

.ap-difference__kicker {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 13px;

    color: #48caff;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .14em;

    text-transform: uppercase;
}

.ap-difference__kicker::before {
    content: "";

    width: 25px;
    height: 2px;

    border-radius: 999px;

    background: #27bdff;

    box-shadow:
        0 0 14px rgba(39, 189, 255, .55);
}

.ap-difference__copy h2 {
    max-width: 800px;

    margin: 0;

    font-size:
        clamp(34px, 4vw, 59px);

    line-height: 1.01;

    letter-spacing: -.055em;

    font-weight: 850;
}

.ap-difference__copy h2 strong {
    display: block;

    margin-top: 4px;

    color: #20afff;

    font-weight: 850;
}

.ap-difference__lead {
    max-width: 750px;

    margin:
        20px 0 0;

    color: #b9cbd6;

    font-size: 14px;

    line-height: 1.7;
}

/* =========================================================
   BENEFÍCIOS
========================================================= */
.ap-difference__features {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin-top: 25px;
}

.ap-difference__feature {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    min-width: 0;

    padding: 13px;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 13px;

    background:
        rgba(255,255,255,.035);

    backdrop-filter:
        blur(8px);
}

.ap-difference__feature-icon {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    background:
        rgba(16, 164, 246, .13);

    color: #55ceff;

    box-shadow:
        inset 0 0 0 1px rgba(83, 204, 255, .10);
}

.ap-difference__feature-icon svg {
    width: 18px;
    height: 18px;

    fill: currentColor;
}

.ap-difference__feature strong {
    display: block;

    margin-bottom: 3px;

    font-size: 11px;

    color: #fff;
}

.ap-difference__feature p {
    margin: 0;

    color: #91a8b6;

    font-size: 9px;

    line-height: 1.5;
}

/* =========================================================
   CTA
========================================================= */
.ap-difference__cta {
    min-height: 47px;

    margin-top: 23px;

    padding: 0 18px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            #087fe1,
            #08a8ff
        );

    color: #fff;

    text-decoration: none;

    font-size: 11px;

    font-weight: 900;

    box-shadow:
        0 12px 28px
        rgba(0, 145, 239, .24);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.ap-difference__cta:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 16px 35px
        rgba(0, 145, 239, .32);
}

.ap-difference__cta svg {
    width: 17px;
    height: 17px;

    fill: currentColor;
}

/* =========================================================
   COMPARATIVO
========================================================= */
.ap-difference__compare {
    position: relative;

    min-width: 0;

    padding: 20px;

    border: 1px solid rgba(255,255,255,.09);

    border-radius: 19px;

    background:
        rgba(255,255,255,.045);

    backdrop-filter:
        blur(12px);

    box-shadow:
        0 22px 55px
        rgba(0,0,0,.18);
}

.ap-difference__compare-head {
    margin-bottom: 15px;
}

.ap-difference__compare-head span {
    display: block;

    color: #44c8ff;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .14em;
}

.ap-difference__compare-head strong {
    display: block;

    margin-top: 4px;

    font-size: 18px;

    letter-spacing: -.03em;
}

/* CARD */
.ap-difference__compare-card {
    display: grid;

    grid-template-columns:
        45px 1fr;

    gap: 12px;

    align-items: center;

    padding: 16px;

    border-radius: 14px;
}

.ap-difference__compare-card--generic {
    border:
        1px solid
        rgba(255,255,255,.08);

    background:
        rgba(255,255,255,.04);
}

.ap-difference__compare-card--ap {
    border:
        1px solid
        rgba(52, 188, 255, .22);

    background:
        linear-gradient(
            135deg,
            rgba(0,142,239,.16),
            rgba(29,186,255,.07)
        );

    box-shadow:
        inset 0 0 30px
        rgba(33, 176, 255, .035);
}

.ap-difference__compare-icon {
    width: 45px;
    height: 45px;

    display: grid;

    place-items: center;

    border-radius: 13px;

    background:
        rgba(255,255,255,.06);

    color: #a9bec9;
}

.ap-difference__compare-card--ap
.ap-difference__compare-icon {
    background:
        rgba(5, 155, 246, .16);

    color: #48caff;
}

.ap-difference__compare-icon svg {
    width: 22px;
    height: 22px;

    fill: currentColor;
}

.ap-difference__compare-card span {
    display: block;

    margin-bottom: 3px;

    color: #7f97a6;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: .11em;
}

.ap-difference__compare-card--ap span {
    color: #45c7ff;
}

.ap-difference__compare-card strong {
    display: block;

    color: #fff;

    font-size: 15px;
}

.ap-difference__compare-card p {
    margin:
        4px 0 0;

    color: #8da4b2;

    font-size: 9px;

    line-height: 1.5;
}

/* VS */
.ap-difference__versus {
    position: relative;

    height: 34px;

    display: grid;

    place-items: center;
}

.ap-difference__versus::before {
    content: "";

    position: absolute;

    left: 5%;
    right: 5%;
    top: 50%;

    height: 1px;

    background:
        rgba(255,255,255,.07);
}

.ap-difference__versus span {
    position: relative;
    z-index: 2;

    width: 30px;
    height: 30px;

    display: grid;

    place-items: center;

    border:
        1px solid
        rgba(255,255,255,.1);

    border-radius: 50%;

    background: #091d2b;

    color: #7190a2;

    font-size: 8px;

    font-weight: 900;
}

/* FRASE FINAL */
.ap-difference__statement {
    display: flex;

    align-items: flex-start;

    gap: 9px;

    margin-top: 15px;

    padding:
        12px 13px;

    border-radius: 11px;

    background:
        rgba(37, 184, 255, .08);

    color: #a8bdc9;
}

.ap-difference__statement svg {
    width: 18px;
    height: 18px;

    flex: 0 0 18px;

    fill: #32c4ff;
}

.ap-difference__statement p {
    margin: 0;

    font-size: 9px;

    line-height: 1.55;
}

.ap-difference__statement strong {
    color: #fff;
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 1000px) {

    .ap-difference__content {
        grid-template-columns:
            1fr;

        gap: 30px;
    }

    .ap-difference__compare {
        max-width: 620px;
    }
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 640px) {

    .ap-difference {
        padding:
            22px 0 30px;
    }

    .ap-difference__box {
        border-radius: 17px;
    }

    .ap-difference__content {
        padding:
            25px 18px;
    }

    .ap-difference__kicker {
        font-size: 8px;

        line-height: 1.4;
    }

    .ap-difference__copy h2 {
        font-size:
            clamp(31px, 10vw, 43px);
    }

    .ap-difference__lead {
        font-size: 12px;
    }

    .ap-difference__features {
        grid-template-columns:
            1fr;
    }

    .ap-difference__feature {
        padding: 12px;
    }

    .ap-difference__feature strong {
        font-size: 11px;
    }

    .ap-difference__feature p {
        font-size: 9px;
    }

    .ap-difference__cta {
        width: 100%;
    }

    .ap-difference__compare {
        padding: 15px;
    }

    .ap-difference__compare-card {
        grid-template-columns:
            40px 1fr;

        padding: 13px;
    }

    .ap-difference__compare-icon {
        width: 40px;
        height: 40px;
    }
}
/* =========================================================
   MELHORES AVALIADAS
========================================================= */
.home-top-rated {
    position: relative;
    padding: 72px 0;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 12% 15%,
            rgba(20, 155, 255, .08),
            transparent 26rem
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbff 100%
        );
}

/* =========================================================
   INTRO DE AVALIAÇÕES
========================================================= */
.home-top-rated__intro {
    display: flex;
    align-items: center;
    gap: 16px;

    margin: 28px 0 24px;
    padding: 18px 20px;

    border: 1px solid rgba(18, 114, 190, .11);
    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(0, 132, 232, .055),
            rgba(35, 184, 255, .025)
        );
}

.home-top-rated__icon {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: grid;
    place-items: center;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #0684e4,
            #16b5ff
        );

    color: #fff;

    box-shadow:
        0 10px 26px
        rgba(0, 132, 232, .2);
}

.home-top-rated__icon svg {
    width: 23px;
    height: 23px;

    fill: currentColor;
}

.home-top-rated__intro strong {
    display: block;

    margin-bottom: 4px;

    color: #102c3f;

    font-size: 14px;
    font-weight: 850;
}

.home-top-rated__intro p {
    max-width: 820px;

    margin: 0;

    color: #6f8493;

    font-size: 11px;
    line-height: 1.6;
}

/* =========================================================
   GRID
========================================================= */
.home-top-rated__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;
}

/* =========================================================
   ITEM
========================================================= */
.home-top-rated__item {
    position: relative;
    min-width: 0;

    padding-top: 42px;
}

/* =========================================================
   NOTA
========================================================= */
.home-top-rated__rank {
    position: absolute;

    z-index: 5;

    top: 0;
    left: 18px;

    min-height: 52px;

    display: inline-flex;
    align-items: center;

    gap: 9px;

    padding: 8px 14px;

    border: 1px solid rgba(255, 191, 38, .25);
    border-radius: 13px;

    background:
        rgba(255, 255, 255, .96);

    box-shadow:
        0 10px 28px
        rgba(25, 63, 87, .12);

    backdrop-filter:
        blur(10px);
}

.home-top-rated__star {
    width: 31px;
    height: 31px;

    display: grid;
    place-items: center;

    border-radius: 9px;

    background:
        rgba(255, 184, 0, .11);

    color: #f4ad00;
}

.home-top-rated__star svg {
    width: 17px;
    height: 17px;

    fill: currentColor;
}

.home-top-rated__rank strong {
    display: block;

    color: #17364a;

    font-size: 17px;
    line-height: 1;
}

.home-top-rated__rank small {
    display: block;

    margin-top: 3px;

    color: #7b8f9c;

    font-size: 8px;
    font-weight: 700;
}

/* =========================================================
   AJUSTE DO CARD EXISTENTE
========================================================= */
.home-top-rated__item .home-shop-card {
    height: 100%;
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 1050px) {

    .home-top-rated__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {

    .home-top-rated {
        padding: 50px 0;
    }

    .home-top-rated__intro {
        align-items: flex-start;

        padding: 15px;
    }

    .home-top-rated__icon {
        width: 42px;
        height: 42px;

        flex-basis: 42px;
    }

    .home-top-rated__intro strong {
        font-size: 12px;
    }

    .home-top-rated__intro p {
        font-size: 9px;
    }

    .home-top-rated__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .home-top-rated__item {
        padding-top: 38px;
    }

    .home-top-rated__rank {
        left: 14px;

        min-height: 48px;

        padding: 7px 12px;
    }

}

/* SEO local: links internos para páginas indexáveis por cidade */
.local-home-links{padding-top:28px;padding-bottom:48px}.local-home-links .local-chips{display:flex;flex-wrap:wrap;gap:10px}.local-home-links .local-chips a{display:inline-flex;gap:5px;align-items:center;padding:10px 14px;border:1px solid #d9e5ed;border-radius:999px;background:#fff;color:#17394f;text-decoration:none;font-weight:750}.local-home-links .local-chips a:hover{border-color:#9db8ca;transform:translateY(-1px)}.local-home-links .local-chips small{opacity:.65}


		
		/* =========================================================
		   CARROSSEL DE ASSISTÊNCIAS
		========================================================= */

		.home-assistencias-carousel {
			padding: 80px 0;
			background: #f6f9fc;
			overflow: hidden;
		}

		.home-assistencias-heading {
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			gap: 30px;
			margin-bottom: 30px;
		}

		.home-assistencias-heading span {
			display: block;
			margin-bottom: 8px;
			font-size: 12px;
			font-weight: 800;
			letter-spacing: 1.5px;
			color: #1778f2;
		}

		.home-assistencias-heading h2 {
			margin: 0 0 10px;
			font-size: clamp(28px, 4vw, 42px);
			line-height: 1.1;
			color: #10233f;
		}

		.home-assistencias-heading p {
			max-width: 650px;
			margin: 0;
			color: #667085;
			line-height: 1.7;
		}

		.home-assistencias-buttons {
			display: flex;
			gap: 10px;
			flex-shrink: 0;
		}

		.home-assistencias-buttons button {
			width: 46px;
			height: 46px;
			border: 1px solid #dce5ef;
			border-radius: 50%;
			background: #fff;
			color: #10233f;
			cursor: pointer;
			transition: .2s ease;
		}

		.home-assistencias-buttons button:hover {
			transform: translateY(-2px);
			border-color: #1778f2;
			color: #1778f2;
		}

		.home-assistencias-track {
			display: flex;
			gap: 18px;
			overflow-x: auto;
			scroll-behavior: smooth;
			scroll-snap-type: x mandatory;
			scrollbar-width: none;
			padding: 4px 2px 15px;
		}

		.home-assistencias-track::-webkit-scrollbar {
			display: none;
		}

		.home-assistencia-card {
			flex: 0 0 260px;
			min-height: 260px;

			display: flex;
			flex-direction: column;
			align-items: flex-start;

			padding: 24px;

			background: #fff;
			border: 1px solid #e7edf4;
			border-radius: 20px;

			text-decoration: none;

			scroll-snap-align: start;

			transition:
				transform .2s ease,
				box-shadow .2s ease,
				border-color .2s ease;
		}

		.home-assistencia-card:hover {
			transform: translateY(-5px);
			border-color: #cddff5;
			box-shadow: 0 18px 45px rgba(20, 43, 75, .10);
		}

		.home-assistencia-logo {
			width: 70px;
			height: 70px;

			display: flex;
			align-items: center;
			justify-content: center;

			margin-bottom: 20px;

			overflow: hidden;

			border: 1px solid #e7edf4;
			border-radius: 16px;

			background: #fff;

			color: #1778f2;
			font-size: 25px;
		}

		.home-assistencia-logo img {
			width: 100%;
			height: 100%;
			object-fit: contain;
			padding: 6px;
		}

		.home-assistencia-card strong {
			display: block;

			margin-bottom: 8px;

			font-size: 18px;
			line-height: 1.3;

			color: #10233f;
		}

		.home-assistencia-card small {
			display: flex;
			align-items: center;
			gap: 6px;

			margin-bottom: 22px;

			color: #667085;
			line-height: 1.5;
		}

		.home-assistencia-card small i {
			color: #1778f2;
		}

		.home-assistencia-card em {
			display: flex;
			align-items: center;
			gap: 8px;

			margin-top: auto;

			color: #1778f2;

			font-size: 14px;
			font-style: normal;
			font-weight: 800;
		}

		.home-assistencia-card:hover em i {
			transform: translateX(3px);
		}

		.home-assistencia-card em i {
			transition: transform .2s ease;
		}


		/* MOBILE */

		@media (max-width: 768px) {

			.home-assistencias-carousel {
				padding: 55px 0;
			}

			.home-assistencias-heading {
				align-items: center;
			}

			.home-assistencias-heading h2 {
				font-size: 30px;
			}

			.home-assistencias-heading p {
				font-size: 15px;
			}

			.home-assistencias-buttons button {
				width: 42px;
				height: 42px;
			}

			.home-assistencia-card {
				flex-basis: 82%;
				min-height: 245px;
			}
		}
/* CATEGORIAS COM IMAGENS — overrides responsivos */
@media (max-width:1180px){.home-device-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:760px){.home-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-device-grid button{min-height:126px;height:auto;padding:12px 8px}.home-device-visual{width:70px;height:70px;flex-basis:70px}.home-device-grid strong{font-size:10px}}