/* /Layout/MainLayout.razor.rz.scp.css */
/* ===== APP CONTAINER ===== */
.app-container[b-p2f682lmq5] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f8f9fa;
}

/* ===== HEADER ===== */
.app-header[b-p2f682lmq5] {
 position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(135deg, #2B003A 0%, #D600AA 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
    display: none; /* Hidden on mobile, shown on desktop */
}

.header-content[b-p2f682lmq5] {
    max-width: 1200px;
    margin: 0 auto;
 height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.logo[b-p2f682lmq5] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    font-size: 24px;
    font-weight: 700;
}

.logo i[b-p2f682lmq5] {
    font-size: 28px;
    color: #FFD700;
}

.nav-icons[b-p2f682lmq5] {
 display: flex;
    gap: 20px;
}

.nav-icon[b-p2f682lmq5] {
    color: white;
    font-size: 20px;
    text-decoration: none;
    transition: transform 0.2s, color 0.2s;
}

.nav-icon:hover[b-p2f682lmq5] {
  transform: scale(1.1);
    color: #FFD700;
}

/* ===== MAIN CONTENT ===== */
.app-main[b-p2f682lmq5] {
    flex: 1;
    padding-bottom: 70px; /* Space for bottom nav */
    padding-top: 0; /* No top padding on mobile */
}

.content-wrapper[b-p2f682lmq5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px;
}

/* ===== BOTTOM NAVIGATION (Mobile) ===== */
.bottom-nav[b-p2f682lmq5] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
    background: white;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 1000;
    padding: 5px 0;
}

.bottom-nav-item[b-p2f682lmq5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  text-decoration: none;
    color: #6c757d;
    transition: all 0.2s;
    flex: 1;
    padding: 5px;
}

.bottom-nav-item i[b-p2f682lmq5] {
    font-size: 24px;
    margin-bottom: 4px;
}

.bottom-nav-item span[b-p2f682lmq5] {
    font-size: 11px;
    font-weight: 500;
}

.bottom-nav-item:hover[b-p2f682lmq5],
.bottom-nav-item:active[b-p2f682lmq5],
.bottom-nav-item.active[b-p2f682lmq5] {
    color: #D600AA;
    transform: scale(1.05);
}

/* ===== RESPONSIVE - TABLET ===== */
@media (min-width: 768px) {
    .content-wrapper[b-p2f682lmq5] {
        padding: 25px;
    }

    .bottom-nav-item i[b-p2f682lmq5] {
  font-size: 26px;
    }

    .bottom-nav-item span[b-p2f682lmq5] {
        font-size: 12px;
    }
}

/* ===== RESPONSIVE - DESKTOP ===== */
@media (min-width: 1024px) {
    .app-header[b-p2f682lmq5] {
        display: block;
    }

    .app-main[b-p2f682lmq5] {
        padding-top: 80px; /* Space for header */
        padding-bottom: 20px; /* Remove bottom nav space */
    }

    .bottom-nav[b-p2f682lmq5] {
      display: none; /* Hide on desktop */
    }

    .content-wrapper[b-p2f682lmq5] {
   padding: 30px;
    }
}

/* ===== SAFE AREAS (iPhone notch, etc) ===== */
@supports (padding: max(0px)) {
    .app-header[b-p2f682lmq5] {
        padding-left: max(20px, env(safe-area-inset-left));
        padding-right: max(20px, env(safe-area-inset-right));
    }

    .bottom-nav[b-p2f682lmq5] {
        padding-bottom: max(5px, env(safe-area-inset-bottom));
  height: calc(65px + env(safe-area-inset-bottom));
    }

    .app-main[b-p2f682lmq5] {
        padding-bottom: calc(70px + env(safe-area-inset-bottom));
    }
}

/* ===== PWA STANDALONE MODE ===== */
@media (display-mode: standalone) {
    .app-container[b-p2f682lmq5] {
        padding-top: env(safe-area-inset-top);
    }
}
/* /Pages/ArtigoDetalhes.razor.rz.scp.css */
/* Botão Voltar Hero */
.back-button-hero[b-byy4a2e9w8] {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    backdrop-filter: blur(10px);
}

.back-button-hero:hover[b-byy4a2e9w8] {
    background: rgba(214, 0, 170, 0.8);
    transform: scale(1.1);
}

.back-button-hero i[b-byy4a2e9w8] {
    font-size: 1.1rem;
}

/* Bot�o Voltar */
.back-button[b-byy4a2e9w8] {
    background: transparent;
    border: 2px solid rgba(214, 0, 170, 0.4);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 25px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 2rem 0 1rem 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.back-button i[b-byy4a2e9w8] {
    font-size: 1rem;
}

.back-button:hover[b-byy4a2e9w8] {
    background: rgba(214, 0, 170, 0.2);
    border-color: #D600AA;
    transform: translateX(-4px);
}

.back-button:hover i[b-byy4a2e9w8] {
    transform: translateX(-3px);
}

/* Hero Section */
.article-hero[b-byy4a2e9w8] {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    margin-bottom: 3rem;
}

.hero-image[b-byy4a2e9w8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-overlay[b-byy4a2e9w8] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(26, 0, 36, 0.3) 0%, rgba(26, 0, 36, 0.95) 100%);
    z-index: 1;
}

.hero-content[b-byy4a2e9w8] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 3rem 0;
}

.article-meta-header[b-byy4a2e9w8] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
}

.article-date-hero[b-byy4a2e9w8] {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, 0.75);
    padding: 0.2rem 0.6rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.article-tags-hero[b-byy4a2e9w8] {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    justify-content: flex-start;
}

.tag-hero[b-byy4a2e9w8] {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    color: rgba(255, 255, 255, 0.75);
    padding: 0.2rem 0.6rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.article-title-hero[b-byy4a2e9w8] {
    color: white;
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    line-height: 1.2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

/* Contador de Visualiza��es no Hero */
.article-views-hero[b-byy4a2e9w8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.article-views-hero i[b-byy4a2e9w8] {
    font-size: 1rem;
}

/* Container do Artigo */
.article-detail[b-byy4a2e9w8] {
    background: #1a0024;
    padding: 3rem 0;
}

.container-article[b-byy4a2e9w8] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Resumo */
.article-summary[b-byy4a2e9w8] {
    background: linear-gradient(135deg, rgba(214, 0, 170, 0.15) 0%, rgba(74, 0, 89, 0.2) 100%);
    border-left: 4px solid #D600AA;
    padding: 2rem;
    margin-bottom: 3rem;
    border-radius: 0 10px 10px 0;
}

.summary-title[b-byy4a2e9w8] {
    color: #D600AA;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
}

.summary-text[b-byy4a2e9w8] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.15rem;
    line-height: 1.8;
    margin: 0;
}

/* Corpo do Artigo */
.article-body[b-byy4a2e9w8] {
    margin-bottom: 3rem;
}

.article-text[b-byy4a2e9w8] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.1rem;
    line-height: 1.9;
}

.article-text p[b-byy4a2e9w8] {
    margin: 0 0 1.5rem 0;
}

.article-text p:last-child[b-byy4a2e9w8] {
    margin-bottom: 0;
}

/* CTA Ler Original */
.article-cta[b-byy4a2e9w8] {
    text-align: center;
    margin: 3rem 0;
}

.read-original-btn[b-byy4a2e9w8] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(135deg, #D600AA 0%, #ff00d4 100%);
    color: white;
    padding: 1rem 2.5rem;
    border-radius: 30px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(214, 0, 170, 0.3);
}

.read-original-btn i[b-byy4a2e9w8] {
    font-size: 1rem;
}

.read-original-btn:hover[b-byy4a2e9w8] {
    transform: translateY(-3px);
    box-shadow: 0 6px 30px rgba(214, 0, 170, 0.5);
}

/* Cr�ditos */
.article-credits[b-byy4a2e9w8] {
    margin-top: 4rem;
}

.credits-divider[b-byy4a2e9w8] {
    height: 2px;
    background: linear-gradient(to right, transparent, #D600AA, transparent);
    margin-bottom: 3rem;
}

.credits-grid[b-byy4a2e9w8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.credit-item[b-byy4a2e9w8] {
    text-align: left;
}

.credit-label[b-byy4a2e9w8] {
    color: #D600AA;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.credit-label i[b-byy4a2e9w8] {
    font-size: 1rem;
}

.credit-value[b-byy4a2e9w8] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.05rem;
    margin: 0;
}

.credit-link[b-byy4a2e9w8] {
    color: white;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.credit-link:hover[b-byy4a2e9w8] {
    color: #D600AA;
}

/* Tags Footer */
.article-tags-footer[b-byy4a2e9w8] {
    margin-bottom: 2.5rem;
}

.tags-title[b-byy4a2e9w8] {
    color: #D600AA;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tags-title i[b-byy4a2e9w8] {
    font-size: 1rem;
}

.tags-list[b-byy4a2e9w8] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.tag-footer[b-byy4a2e9w8] {
    background: rgba(214, 0, 170, 0.2);
    color: #D600AA;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(214, 0, 170, 0.3);
}

/* Compartilhar */
.share-section[b-byy4a2e9w8] {
    margin-top: 2.5rem;
}

.share-title[b-byy4a2e9w8] {
    color: #D600AA;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.share-title i[b-byy4a2e9w8] {
    font-size: 1rem;
}

.share-buttons[b-byy4a2e9w8] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.share-btn[b-byy4a2e9w8] {
    background: rgba(214, 0, 170, 0.2);
    border: 2px solid rgba(214, 0, 170, 0.4);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 25px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.share-btn i[b-byy4a2e9w8] {
    font-size: 1.1rem;
}

.share-btn:hover[b-byy4a2e9w8] {
    background: rgba(214, 0, 170, 0.3);
    border-color: #D600AA;
    transform: translateY(-2px);
}

.share-copy[b-byy4a2e9w8] {
    background: rgba(74, 0, 89, 0.3);
}

/* Artigos Relacionados */
.related-articles[b-byy4a2e9w8] {
    background: linear-gradient(180deg, #1a0024 0%, #2B003A 100%);
    padding: 4rem 0;
}

.related-title[b-byy4a2e9w8] {
    color: white;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0 3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.related-title i[b-byy4a2e9w8] {
    font-size: 1.8rem;
}

.related-grid[b-byy4a2e9w8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.related-card[b-byy4a2e9w8] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.related-card:hover[b-byy4a2e9w8] {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(214, 0, 170, 0.3);
    border-color: #D600AA;
}

.related-image[b-byy4a2e9w8] {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.related-image img[b-byy4a2e9w8] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.related-card:hover .related-image img[b-byy4a2e9w8] {
    transform: scale(1.1);
}

.related-content[b-byy4a2e9w8] {
    padding: 1.5rem;
}

.related-card-title[b-byy4a2e9w8] {
    color: white;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 0.75rem 0;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-excerpt[b-byy4a2e9w8] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Loading */
.loading-container[b-byy4a2e9w8] {
    text-align: center;
    padding: 5rem 1rem;
    color: white;
}

.loading-spinner[b-byy4a2e9w8] {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(214, 0, 170, 0.2);
    border-top-color: #D600AA;
    border-radius: 50%;
    animation: spin-b-byy4a2e9w8 1s linear infinite;
    margin: 0 auto 1rem auto;
}

@keyframes spin-b-byy4a2e9w8 {
    to { transform: rotate(360deg); }
}

/* Not Found */
.not-found-container[b-byy4a2e9w8] {
    text-align: center;
    padding: 5rem 1rem;
    color: white;
}

.not-found-container h1[b-byy4a2e9w8] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.not-found-container p[b-byy4a2e9w8] {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 2rem;
}

/* Responsividade */
@media (max-width: 768px) {
    .article-hero[b-byy4a2e9w8] {
        height: 400px;
    }

    .article-title-hero[b-byy4a2e9w8] {
        font-size: 2rem;
    }

    .article-views-hero[b-byy4a2e9w8] {
        font-size: 0.85rem;
        padding: 0.4rem 0.8rem;
    }

    .summary-title[b-byy4a2e9w8] {
        font-size: 1.3rem;
    }

    .summary-text[b-byy4a2e9w8] {
        font-size: 1.05rem;
    }

    .article-text[b-byy4a2e9w8] {
        font-size: 1.05rem;
    }

    .credits-grid[b-byy4a2e9w8] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .share-buttons[b-byy4a2e9w8] {
        flex-direction: column;
    }

    .share-btn[b-byy4a2e9w8] {
        width: 100%;
        justify-content: center;
    }

    .related-grid[b-byy4a2e9w8] {
        grid-template-columns: 1fr;
    }

    .related-title[b-byy4a2e9w8] {
        font-size: 1.6rem;
    }
}
/* /Pages/Comunidade.razor.rz.scp.css */
/* ========================================
   COMUNIDADE - HERO SECTION
   ======================================== */
.community-hero[b-hykijavjwr] {
    background: linear-gradient(135deg, #2B003A 0%, #D600AA 100%);
    padding: 60px 0;
    text-align: center;
    color: white;
    border-bottom: 1px solid rgba(214, 0, 170, 0.2);
}

.community-hero .hero-content h1[b-hykijavjwr] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.community-hero .hero-content h1 i[b-hykijavjwr] {
    font-size: 2.2rem;
}

.community-hero .hero-content p[b-hykijavjwr] {
    font-size: 1.2rem;
    opacity: 0.95;
    max-width: 600px;
    margin: 0 auto;
}

/* ========================================
   FORUM SECTION
   ======================================== */
.forum-section[b-hykijavjwr] {
    padding: 60px 0;
    background: #1a0024;
    min-height: 100vh;
}

.forum-section .container[b-hykijavjwr] {
    max-width: 1200px;
}

/* ========================================
   FORUM HEADER
   ======================================== */
.forum-header[b-hykijavjwr] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 12px;
    padding: 20px 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.forum-stats[b-hykijavjwr] {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
}

.forum-stats .stat-item[b-hykijavjwr] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
}

.forum-stats .stat-item i[b-hykijavjwr] {
    color: #D600AA;
    font-size: 1.2rem;
}

/* ========================================
   FORUM LIST
   ======================================== */
.forum-list[b-hykijavjwr] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ========================================
   FORUM POST ITEM
   ======================================== */
.forum-post[b-hykijavjwr] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 12px;
    padding: 24px;
    border: 1px solid rgba(214, 0, 170, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    position: relative;
}

.forum-post:hover[b-hykijavjwr] {
    transform: translateX(4px);
    border-color: #D600AA;
    box-shadow: 0 4px 20px rgba(214, 0, 170, 0.3);
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.8) 0%, rgba(26, 0, 36, 0.9) 100%);
}

.post-avatar[b-hykijavjwr] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2B003A 0%, #D600AA 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 28px;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(214, 0, 170, 0.3);
}

.post-content[b-hykijavjwr] {
    flex: 1;
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.post-main[b-hykijavjwr] {
    flex: 1;
}

.post-title[b-hykijavjwr] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    margin: 0 0 12px 0;
    line-height: 1.4;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.post-title i[b-hykijavjwr] {
    color: #D600AA;
    font-size: 1.1rem;
    margin-top: 4px;
    flex-shrink: 0;
}

.post-preview[b-hykijavjwr] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin: 0 0 16px 0;
}

.post-meta[b-hykijavjwr] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.5);
}

.post-meta > span[b-hykijavjwr] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.post-meta i[b-hykijavjwr] {
    color: rgba(214, 0, 170, 0.7);
    font-size: 0.9rem;
}

.post-author[b-hykijavjwr],
.post-date[b-hykijavjwr] {
    font-weight: 500;
}

.post-tags-inline[b-hykijavjwr] {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

.tag-inline[b-hykijavjwr] {
    background: rgba(214, 0, 170, 0.2);
    color: #D600AA;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid rgba(214, 0, 170, 0.3);
}

/* ========================================
   POST STATS SIDEBAR
   ======================================== */
.post-stats-sidebar[b-hykijavjwr] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.stat-box[b-hykijavjwr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 70px;
    padding: 12px;
    background: rgba(43, 0, 58, 0.4);
    border-radius: 8px;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.stat-box i[b-hykijavjwr] {
    color: #D600AA;
    font-size: 1.3rem;
    margin-bottom: 6px;
}

.stat-count[b-hykijavjwr] {
    font-size: 1.2rem;
    font-weight: 700;
    color: white;
    line-height: 1;
}

.stat-label[b-hykijavjwr] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

/* ========================================
   POST ARROW
   ======================================== */
.post-arrow[b-hykijavjwr] {
    display: flex;
    align-items: center;
    color: rgba(214, 0, 170, 0.5);
    font-size: 1.2rem;
    transition: all 0.3s ease;
}

.forum-post:hover .post-arrow[b-hykijavjwr] {
    color: #D600AA;
    transform: translateX(4px);
}

/* ========================================
   FORUM PAGINATION
   ======================================== */
.forum-pagination[b-hykijavjwr] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    padding: 20px;
}

.pagination-btn[b-hykijavjwr] {
    background: rgba(214, 0, 170, 0.2);
    border: 1px solid rgba(214, 0, 170, 0.3);
    color: #D600AA;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-btn:hover:not(:disabled)[b-hykijavjwr] {
    background: #D600AA;
    color: white;
    transform: translateY(-2px);
}

.pagination-btn:disabled[b-hykijavjwr] {
    opacity: 0.4;
    cursor: not-allowed;
}

.pagination-info[b-hykijavjwr] {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}

/* ========================================
   SKELETON LOADING - FORUM
   ======================================== */
.forum-post-skeleton[b-hykijavjwr] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 12px;
    padding: 24px;
    border: 1px solid rgba(214, 0, 170, 0.2);
    display: flex;
    gap: 20px;
}

.skeleton-avatar[b-hykijavjwr] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-hykijavjwr 1.5s infinite;
    flex-shrink: 0;
}

.skeleton-content[b-hykijavjwr] {
    flex: 1;
}

.skeleton-title[b-hykijavjwr] {
    height: 24px;
    width: 70%;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-hykijavjwr 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 12px;
}

.skeleton-text[b-hykijavjwr] {
    height: 16px;
    width: 100%;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-hykijavjwr 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 8px;
}

.skeleton-text:last-child[b-hykijavjwr] {
    width: 80%;
}

.skeleton-footer[b-hykijavjwr] {
    display: flex;
    gap: 20px;
    margin-top: 16px;
}

.skeleton-stat[b-hykijavjwr] {
    width: 80px;
    height: 16px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-hykijavjwr 1.5s infinite;
    border-radius: 4px;
}

@keyframes skeleton-loading-b-hykijavjwr {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* ========================================
   NO POSTS
   ======================================== */
.no-posts[b-hykijavjwr] {
    text-align: center;
    padding: 100px 20px;
    color: rgba(255, 255, 255, 0.7);
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 12px;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.no-posts i[b-hykijavjwr] {
    font-size: 64px;
    color: rgba(214, 0, 170, 0.3);
    margin-bottom: 24px;
}

.no-posts h3[b-hykijavjwr] {
    font-size: 1.5rem;
    color: white;
    margin-bottom: 12px;
}

.no-posts p[b-hykijavjwr] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.6);
}

/* ========================================
   BANNER DOWNLOAD APP
   ======================================== */
.app-download-banner[b-hykijavjwr] {
    background: linear-gradient(135deg, rgba(43, 0, 58, 0.4) 0%, rgba(26, 0, 36, 0.6) 100%);
    border-top: 1px solid rgba(214, 0, 170, 0.3);
    padding: 2.5rem 0;
    margin-top: 3rem;
}

.app-download-banner .banner-content[b-hykijavjwr] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.app-download-banner .banner-icon[b-hykijavjwr] {
    font-size: 3rem;
    color: #D600AA;
}

.app-download-banner .banner-text[b-hykijavjwr] {
    flex: 1;
}

.app-download-banner .banner-text h3[b-hykijavjwr] {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.app-download-banner .banner-text p[b-hykijavjwr] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    margin: 0;
}

.app-download-banner .banner-buttons[b-hykijavjwr] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.app-download-banner .app-badge[b-hykijavjwr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(214, 0, 170, 0.3);
    padding: 0.75rem 1.25rem;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.app-download-banner .app-badge:hover[b-hykijavjwr] {
    background: rgba(214, 0, 170, 0.15);
    border-color: #D600AA;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(214, 0, 170, 0.3);
}

.app-download-banner .app-badge i[b-hykijavjwr] {
    font-size: 2rem;
}

.app-download-banner .app-badge i.fa-apple[b-hykijavjwr] {
    color: #ffffff;
}

.app-download-banner .app-badge i.fa-google-play[b-hykijavjwr] {
    color: #34A853;
}

.app-download-banner .badge-text[b-hykijavjwr] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.app-download-banner .badge-small[b-hykijavjwr] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.app-download-banner .badge-large[b-hykijavjwr] {
    color: white;
    font-size: 1rem;
    font-weight: 600;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 1024px) {
    .post-stats-sidebar[b-hykijavjwr] {
        flex-direction: column;
        gap: 8px;
    }

    .stat-box[b-hykijavjwr] {
        min-width: 60px;
        padding: 8px;
    }
}

@media (max-width: 768px) {
    .community-hero .hero-content h1[b-hykijavjwr] {
        font-size: 2rem;
    }

    .community-hero .hero-content p[b-hykijavjwr] {
        font-size: 1rem;
    }

    .forum-section[b-hykijavjwr] {
        padding: 40px 0;
    }

    .forum-post[b-hykijavjwr] {
        flex-direction: column;
        gap: 16px;
    }

    .post-avatar[b-hykijavjwr] {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }

    .post-content[b-hykijavjwr] {
        flex-direction: column;
        gap: 16px;
    }

    .post-stats-sidebar[b-hykijavjwr] {
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
    }

    .stat-box[b-hykijavjwr] {
        flex: 1;
    }

    .post-arrow[b-hykijavjwr] {
        position: absolute;
        top: 24px;
        right: 24px;
    }

    .post-title[b-hykijavjwr] {
        font-size: 1.1rem;
    }

    .post-preview[b-hykijavjwr] {
        font-size: 0.9rem;
    }

    .post-meta[b-hykijavjwr] {
        font-size: 0.8rem;
        gap: 12px;
    }

    .post-tags-inline[b-hykijavjwr] {
        margin-left: 0;
        width: 100%;
    }

    .forum-header[b-hykijavjwr] {
        padding: 16px 20px;
    }

    .forum-stats[b-hykijavjwr] {
        gap: 20px;
    }

    .forum-stats .stat-item[b-hykijavjwr] {
        font-size: 0.9rem;
    }

    .app-download-banner .banner-content[b-hykijavjwr] {
        flex-direction: column;
        text-align: center;
    }

    .app-download-banner .banner-icon[b-hykijavjwr] {
        margin-bottom: 1rem;
    }

    .app-download-banner .banner-buttons[b-hykijavjwr] {
        width: 100%;
        flex-direction: column;
    }

    .app-download-banner .app-badge[b-hykijavjwr] {
        width: 100%;
        justify-content: center;
    }

    .forum-pagination[b-hykijavjwr] {
        flex-direction: column;
        gap: 12px;
    }

    .pagination-btn[b-hykijavjwr] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .forum-post[b-hykijavjwr] {
        padding: 16px;
    }

    .post-title[b-hykijavjwr] {
        font-size: 1rem;
    }

    .stat-count[b-hykijavjwr] {
        font-size: 1rem;
    }

    .stat-label[b-hykijavjwr] {
        font-size: 0.65rem;
    }
}
/* /Pages/Contato.razor.rz.scp.css */
/* Hero Contato */
.contato-hero[b-2mrwczihe9] {
    background: linear-gradient(135deg, #2B003A 0%, #4A0059 100%);
    padding: 4rem 0;
    text-align: center;
}

.contato-hero .container[b-2mrwczihe9] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.contato-title[b-2mrwczihe9] {
    color: white;
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    text-shadow: 0 2px 10px rgba(214, 0, 170, 0.5);
}

.contato-subtitle[b-2mrwczihe9] {
    color: #D600AA;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0;
}

/* Conte�do */
.contato-content[b-2mrwczihe9] {
    background: #1a0024;
    padding: 4rem 0;
    min-height: 60vh;
}

.contato-content .container[b-2mrwczihe9] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Grid de Cards de Contato */
.contato-grid[b-2mrwczihe9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.contato-card[b-2mrwczihe9] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border: 1px solid rgba(214, 0, 170, 0.2);
    border-radius: 20px;
    padding: 2.5rem;
    text-align: center;
    transition: all 0.3s ease;
}

.contato-card:hover[b-2mrwczihe9] {
    border-color: #D600AA;
    box-shadow: 0 10px 40px rgba(214, 0, 170, 0.3);
    transform: translateY(-8px);
}

.card-icon[b-2mrwczihe9] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
}

.card-title[b-2mrwczihe9] {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
}

.card-link[b-2mrwczihe9] {
    color: #D600AA;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    display: block;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

.card-link:hover[b-2mrwczihe9] {
    color: #ff00d4;
    transform: scale(1.05);
}

.card-location[b-2mrwczihe9] {
    color: #D600AA;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
}

.card-description[b-2mrwczihe9] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}

/* Se��o de Informa��es */
.info-section[b-2mrwczihe9] {
    background: linear-gradient(135deg, rgba(214, 0, 170, 0.1) 0%, rgba(74, 0, 89, 0.2) 100%);
    border: 2px solid rgba(214, 0, 170, 0.2);
    border-radius: 20px;
    padding: 3rem;
    margin-bottom: 3rem;
}

.info-title[b-2mrwczihe9] {
    color: white;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0 2.5rem 0;
}

.info-grid[b-2mrwczihe9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.info-item[b-2mrwczihe9] {
    text-align: center;
}

.info-icon[b-2mrwczihe9] {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 1rem;
}

.info-item h4[b-2mrwczihe9] {
    color: #D600AA;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.info-item p[b-2mrwczihe9] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}

/* Se��o Social */
.social-section[b-2mrwczihe9] {
    text-align: center;
    padding: 2rem;
    background: rgba(43, 0, 58, 0.3);
    border-radius: 15px;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.social-title[b-2mrwczihe9] {
    color: white;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
}

.social-text[b-2mrwczihe9] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.1rem;
    margin: 0;
}

/* Responsividade */
@media (max-width: 768px) {
    .contato-title[b-2mrwczihe9] {
        font-size: 2rem;
    }

    .contato-subtitle[b-2mrwczihe9] {
        font-size: 1.2rem;
    }

    .contato-grid[b-2mrwczihe9] {
        grid-template-columns: 1fr;
    }

    .contato-card[b-2mrwczihe9] {
        padding: 2rem;
    }

    .info-section[b-2mrwczihe9] {
        padding: 2rem;
    }

    .info-title[b-2mrwczihe9] {
        font-size: 1.6rem;
    }

    .info-grid[b-2mrwczihe9] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}
/* /Pages/Index.razor.rz.scp.css */
/* Community Carousel Section */
.community-carousel-section[b-f60rxet6uv] {
    background: #1a0024;
    padding: 3rem 0;
    border-top: 1px solid rgba(214, 0, 170, 0.2);
}

.carousel-header[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto 1.5rem auto;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.carousel-title[b-f60rxet6uv] {
    color: white;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.carousel-title i[b-f60rxet6uv] {
    color: #D600AA;
    font-size: 1.6rem;
}

.carousel-subtitle[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    margin: 0.5rem 0 0 0;
    flex-basis: 100%;
}

.ver-todos-link[b-f60rxet6uv] {
    color: #D600AA;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.ver-todos-link:hover[b-f60rxet6uv] {
    color: #FF00CC;
    transform: translateX(5px);
}

/* Carousel Wrapper */
.carousel-wrapper[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    overflow: hidden;
    position: relative;
}

.carousel-track[b-f60rxet6uv] {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(214, 0, 170, 0.6) rgba(43, 0, 58, 0.4);
}

.carousel-track[b-f60rxet6uv]::-webkit-scrollbar {
    height: 6px;
}

.carousel-track[b-f60rxet6uv]::-webkit-scrollbar-track {
    background: rgba(43, 0, 58, 0.4);
    border-radius: 3px;
}

.carousel-track[b-f60rxet6uv]::-webkit-scrollbar-thumb {
    background: rgba(214, 0, 170, 0.6);
    border-radius: 3px;
}

.carousel-track[b-f60rxet6uv]::-webkit-scrollbar-thumb:hover {
    background: #D600AA;
}

/* Community Cards com Preview */
.community-card[b-f60rxet6uv] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.5) 0%, rgba(26, 0, 36, 0.7) 100%);
    border: 1px solid rgba(214, 0, 170, 0.25);
    border-radius: 16px;
    padding: 1.25rem;
    min-width: 300px;
    max-width: 300px;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.community-card:hover[b-f60rxet6uv] {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(214, 0, 170, 0.25);
    border-color: #D600AA;
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
}

.post-title[b-f60rxet6uv] {
    color: white;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-text[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.85rem;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

.post-footer-minimal[b-f60rxet6uv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(214, 0, 170, 0.15);
    gap: 0.5rem;
}

.post-time[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    white-space: nowrap;
}

.post-time i[b-f60rxet6uv] {
    color: rgba(214, 0, 170, 0.8);
    font-size: 0.7rem;
}

.post-stats-minimal[b-f60rxet6uv] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.stat-minimal[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    white-space: nowrap;
}

.stat-minimal i[b-f60rxet6uv] {
    color: #D600AA;
    font-size: 0.75rem;
}

/* Skeleton para Posts */
.skeleton-card[b-f60rxet6uv] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.4) 0%, rgba(26, 0, 36, 0.6) 100%);
    border: 1px solid rgba(214, 0, 170, 0.15);
}

.skeleton-post-title[b-f60rxet6uv] {
    height: 20px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 8px;
    margin-bottom: 0.75rem;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.skeleton-post-text[b-f60rxet6uv] {
    height: 14px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 6px;
    margin-bottom: 0.5rem;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.skeleton-post-text.short[b-f60rxet6uv] {
    width: 60%;
    margin-bottom: 0.75rem;
}

.skeleton-post-footer[b-f60rxet6uv] {
    height: 16px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 6px;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(214, 0, 170, 0.15);
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.no-community-posts[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
    text-align: center;
}

.no-community-posts p[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
}

@keyframes skeleton-loading-b-f60rxet6uv {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Carousel */
.carousel-section[b-f60rxet6uv] {
    background: linear-gradient(180deg, #2B003A 0%, #1a0024 100%);
    padding: 4rem 0;
}

.carousel-container[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.carousel-content[b-f60rxet6uv] {
    background: linear-gradient(135deg, rgba(214, 0, 170, 0.15) 0%, rgba(74, 0, 89, 0.25) 100%);
    border: 2px solid rgba(214, 0, 170, 0.3);
    border-radius: 20px;
    padding: 4rem 2rem;
    text-align: center;
}

.carousel-content h2[b-f60rxet6uv] {
    font-size: 2.5rem;
    margin: 0 0 1rem 0;
    color: white;
    font-weight: 700;
}

.carousel-content p[b-f60rxet6uv] {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 2.5rem 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

.app-buttons[b-f60rxet6uv] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.app-store-btn[b-f60rxet6uv],
.google-play-btn[b-f60rxet6uv] {
    display: inline-block;
    transition: all 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
}

.app-store-btn img[b-f60rxet6uv],
.google-play-btn img[b-f60rxet6uv] {
    height: 60px;
    width: auto;
    display: block;
}

.app-store-btn:hover[b-f60rxet6uv],
.google-play-btn:hover[b-f60rxet6uv] {
    transform: translateY(-4px) scale(1.05);
    filter: brightness(1.1);
}

/* Controles de Filtro e Busca */
.controls-section[b-f60rxet6uv] {
    background: #1a0024;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(214, 0, 170, 0.2);
}

.search-bar[b-f60rxet6uv] {
    position: relative;
    max-width: 600px;
    margin: 0 auto 1.5rem auto;
}

.search-input[b-f60rxet6uv] {
    width: 100%;
    padding: 1rem 3rem 1rem 1.5rem;
    background: rgba(43, 0, 58, 0.6);
    border: 2px solid rgba(214, 0, 170, 0.3);
    border-radius: 30px;
    color: white;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.search-input:disabled[b-f60rxet6uv] {
    opacity: 0.6;
    cursor: not-allowed;
}

.search-input[b-f60rxet6uv]::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-input:focus[b-f60rxet6uv] {
    outline: none;
    border-color: #D600AA;
    background: rgba(43, 0, 58, 0.8);
    box-shadow: 0 0 20px rgba(214, 0, 170, 0.3);
}

.search-icon[b-f60rxet6uv] {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    pointer-events: none;
}

/* Controle de Ordena��o - Centralizado */
.sort-container[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto 1.5rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0 1rem;
}

.sort-label[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}

.sort-label i[b-f60rxet6uv] {
    color: #D600AA;
    font-size: 1rem;
}

.sort-select[b-f60rxet6uv] {
    width: auto;
    min-width: 200px;
    padding: 0.75rem 1.25rem;
    background: rgba(43, 0, 58, 0.6);
    border: 2px solid rgba(214, 0, 170, 0.3);
    border-radius: 15px;
    color: white;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23D600AA' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    padding-right: 2.5rem;
}

.sort-select:hover[b-f60rxet6uv] {
    border-color: #D600AA;
    background-color: rgba(43, 0, 58, 0.8);
}

.sort-select:focus[b-f60rxet6uv] {
    outline: none;
    border-color: #D600AA;
    box-shadow: 0 0 15px rgba(214, 0, 170, 0.3);
}

.sort-select option[b-f60rxet6uv] {
    background: #2B003A;
    color: white;
    padding: 0.5rem;
}

/* Informa��es de Resultados com Bot�es */
.results-info-row[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 1.5rem auto 0 auto;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.results-left[b-f60rxet6uv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.results-right[b-f60rxet6uv] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.results-count[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 500;
}

.clear-filters-btn[b-f60rxet6uv] {
    background: transparent;
    border: 1px solid rgba(214, 0, 170, 0.5);
    color: #D600AA;
    padding: 0.5rem 1rem;
    border-radius: 15px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.clear-filters-btn:hover[b-f60rxet6uv] {
    background: rgba(214, 0, 170, 0.2);
    border-color: #D600AA;
}

/* Controles de Navega��o Minimalistas */
.mini-nav[b-f60rxet6uv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(43, 0, 58, 0.3);
    padding: 0.25rem 0.5rem;
    border-radius: 10px;
    border: 1px solid rgba(214, 0, 170, 0.15);
}

.mini-nav-btn[b-f60rxet6uv] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mini-nav-btn:hover:not(:disabled)[b-f60rxet6uv] {
    color: white;
    background: rgba(214, 0, 170, 0.15);
}

.mini-nav-btn:disabled[b-f60rxet6uv] {
    opacity: 0.3;
    cursor: not-allowed;
}

.mini-nav-btn i[b-f60rxet6uv] {
    font-size: 0.8rem;
}

.mini-nav-info[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8rem;
    font-weight: 500;
    min-width: 45px;
    text-align: center;
    user-select: none;
}

/* Bot�es de Visualiza��o */
.view-toggle[b-f60rxet6uv] {
    display: flex;
    gap: 0.5rem;
    background: rgba(43, 0, 58, 0.4);
    padding: 0.25rem;
    border-radius: 12px;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.view-btn[b-f60rxet6uv] {
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    padding: 0.75rem 1rem;
    border-radius: 10px;
    font-size: 1.1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-btn:hover[b-f60rxet6uv] {
    color: white;
    background: rgba(214, 0, 170, 0.2);
}

.view-btn.active[b-f60rxet6uv] {
    background: #D600AA;
    color: white;
    box-shadow: 0 2px 10px rgba(214, 0, 170, 0.4);
}

.view-btn i[b-f60rxet6uv] {
    pointer-events: none;
}

/* Layout em Lista */
.articles-list[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.article-card-list[b-f60rxet6uv] {
    display: flex;
    flex-direction: row !important;
    max-width: 100% !important;
}

.article-card-list .article-image[b-f60rxet6uv] {
    width: 300px;
    min-width: 300px;
    height: 200px;
    flex-shrink: 0;
}

.article-card-list .article-content[b-f60rxet6uv] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.article-card-list .article-title[b-f60rxet6uv] {
    min-height: auto;
    -webkit-line-clamp: 2;
}

.article-card-list .article-excerpt[b-f60rxet6uv] {
    -webkit-line-clamp: 2;
}

/* Skeleton para Filtros */
.filters-skeleton[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    gap: 0.75rem;
    overflow: hidden;
    padding-bottom: 1rem;
}

.skeleton-filter-btn[b-f60rxet6uv] {
    height: 38px;
    width: 100px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 20px;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

/* Filtros Horizontais */
.filters-container[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 1rem;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.filters-container[b-f60rxet6uv]::-webkit-scrollbar {
    height: 6px;
}

.filters-container[b-f60rxet6uv]::-webkit-scrollbar-track {
    background: rgba(43, 0, 58, 0.4);
    border-radius: 3px;
}

.filters-container[b-f60rxet6uv]::-webkit-scrollbar-thumb {
    background: rgba(214, 0, 170, 0.6);
    border-radius: 3px;
}

.filters-container[b-f60rxet6uv]::-webkit-scrollbar-thumb:hover {
    background: #D600AA;
}

.filter-btn[b-f60rxet6uv] {
    background: transparent;
    border: 2px solid rgba(214, 0, 170, 0.4);
    color: white;
    padding: 0.6rem 1.2rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.filter-btn:hover[b-f60rxet6uv] {
    background: rgba(214, 0, 170, 0.2);
    border-color: #D600AA;
    transform: translateY(-2px);
}

.filter-btn.active[b-f60rxet6uv] {
    background: #D600AA;
    border-color: #D600AA;
    box-shadow: 0 4px 15px rgba(214, 0, 170, 0.4);
}

/* Informa��es de Resultados */
.results-info[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 1.5rem auto 0 auto;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.results-count[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    font-weight: 500;
}

.clear-filters-btn[b-f60rxet6uv] {
    background: transparent;
    border: 1px solid rgba(214, 0, 170, 0.5);
    color: #D600AA;
    padding: 0.5rem 1rem;
    border-radius: 15px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.clear-filters-btn:hover[b-f60rxet6uv] {
    background: rgba(214, 0, 170, 0.2);
    border-color: #D600AA;
}

/* Artigos */
.articles-section[b-f60rxet6uv] {
    background: #1a0024;
    padding: 3rem 0 4rem 0;
    min-height: 60vh;
}

.articles-grid[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
}

/* Skeleton Card */
.article-card-skeleton[b-f60rxet6uv] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.skeleton-image[b-f60rxet6uv] {
    width: 100%;
    height: 240px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.skeleton-content[b-f60rxet6uv] {
    padding: 1.5rem;
}

.skeleton-title[b-f60rxet6uv] {
    height: 24px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 8px;
    margin-bottom: 0.5rem;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.skeleton-title-short[b-f60rxet6uv] {
    width: 70%;
    margin-bottom: 1rem;
}

.skeleton-excerpt[b-f60rxet6uv] {
    height: 16px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 6px;
    margin-bottom: 0.5rem;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.skeleton-excerpt-short[b-f60rxet6uv] {
    width: 50%;
    margin-bottom: 1rem;
}

.skeleton-tags[b-f60rxet6uv] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skeleton-tag[b-f60rxet6uv] {
    height: 28px;
    width: 80px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 15px;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.skeleton-footer[b-f60rxet6uv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid rgba(214, 0, 170, 0.2);
}

.skeleton-author[b-f60rxet6uv] {
    height: 16px;
    width: 120px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 6px;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.skeleton-read-more[b-f60rxet6uv] {
    height: 16px;
    width: 80px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 6px;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

/* Cards de Artigos */
.article-card[b-f60rxet6uv] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.article-card:hover[b-f60rxet6uv] {
    transform: translateY(-8px);
    box-shadow: 0 10px 40px rgba(214, 0, 170, 0.3);
    border-color: #D600AA;
}

.article-image[b-f60rxet6uv] {
    position: relative;
    width: 100%;
    height: 240px;
    overflow: hidden;
}

.article-image img[b-f60rxet6uv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.article-card:hover .article-image img[b-f60rxet6uv] {
    transform: scale(1.1);
}

.article-date[b-f60rxet6uv] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(214, 0, 170, 0.9);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

/* Contador de Visualiza��es nos Cards */
.article-views[b-f60rxet6uv] {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    background: rgba(26, 0, 36, 0.9);
    backdrop-filter: blur(10px);
    color: white;
    padding: 0.4rem 0.9rem;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.article-views i[b-f60rxet6uv] {
    font-size: 0.9rem;
}

.article-content[b-f60rxet6uv] {
    padding: 1.5rem;
}

.article-title[b-f60rxet6uv] {
    color: white;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    line-height: 1.4;
    min-height: 5.9rem; /* 1.4rem * 1.4 line-height * 3 linhas */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-excerpt[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0 0 1rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article-tags[b-f60rxet6uv] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.tag[b-f60rxet6uv] {
    background: rgba(214, 0, 170, 0.2);
    color: #D600AA;
    padding: 0.35rem 0.75rem;
    border-radius: 15px;
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid rgba(214, 0, 170, 0.3);
}

.article-footer[b-f60rxet6uv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid rgba(214, 0, 170, 0.2);
}

.author[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
}

.read-more[b-f60rxet6uv] {
    color: #D600AA;
    font-weight: 600;
    font-size: 0.9rem;
}

/* Sem Resultados */
.no-results[b-f60rxet6uv] {
    text-align: center;
    padding: 4rem 2rem;
    color: rgba(255, 255, 255, 0.7);
}

.no-results h3[b-f60rxet6uv] {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: white;
}

.no-results p[b-f60rxet6uv] {
    font-size: 1.1rem;
}

/* Pagina��o */
.pagination[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 3rem auto 0 auto;
    padding: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.pagination-btn[b-f60rxet6uv] {
    background: rgba(43, 0, 58, 0.6);
    border: 2px solid rgba(214, 0, 170, 0.3);
    color: white;
    padding: 0.75rem 1.25rem;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 45px;
}

.pagination-btn:hover:not(:disabled)[b-f60rxet6uv] {
    background: rgba(214, 0, 170, 0.2);
    border-color: #D600AA;
    transform: translateY(-2px);
}

.pagination-btn.active[b-f60rxet6uv] {
    background: #D600AA;
    border-color: #D600AA;
    box-shadow: 0 4px 15px rgba(214, 0, 170, 0.4);
}

.pagination-btn:disabled[b-f60rxet6uv] {
    opacity: 0.4;
    cursor: not-allowed;
}

.pagination-info[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    margin-left: 1rem;
}

/* Banner Download App - Minimalista */
.app-download-banner[b-f60rxet6uv] {
    background: linear-gradient(135deg, rgba(43, 0, 58, 0.4) 0%, rgba(26, 0, 36, 0.6) 100%);
    border-top: 1px solid rgba(214, 0, 170, 0.3);
    padding: 2.5rem 0;
    margin-top: 3rem;
}

.banner-content[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.banner-text[b-f60rxet6uv] {
    flex: 1;
}

.banner-text h3[b-f60rxet6uv] {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.banner-text h3 i[b-f60rxet6uv] {
    color: #D600AA;
    font-size: 1.4rem;
}

.banner-text p[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    margin: 0;
}

.banner-buttons[b-f60rxet6uv] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.app-badge[b-f60rxet6uv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(214, 0, 170, 0.3);
    padding: 0.75rem 1.25rem;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.app-badge:hover[b-f60rxet6uv] {
    background: rgba(214, 0, 170, 0.15);
    border-color: #D600AA;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(214, 0, 170, 0.3);
}

.app-badge i[b-f60rxet6uv] {
    font-size: 2rem;
}

/* �cone Apple - Cor original branca */
.app-badge i.fa-apple[b-f60rxet6uv] {
    color: #ffffff;
}

/* �cone Google Play - Cores originais do Google */
.app-badge i.fa-google-play[b-f60rxet6uv] {
    color: #34A853; /* Verde do Google Play */
}

.badge-text[b-f60rxet6uv] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.badge-small[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-large[b-f60rxet6uv] {
    color: white;
    font-size: 1rem;
    font-weight: 600;
}

/* Profissionais - Community Section */
.professionals-carousel-section[b-f60rxet6uv] {
    background: #0f001a;
    padding: 3rem 0;
    border-top: 1px solid rgba(214, 0, 170, 0.2);
}

.carousel-professionals-header[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto 1.5rem auto;
    padding: 0 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.carousel-professionals-title[b-f60rxet6uv] {
    color: white;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.carousel-professionals-title i[b-f60rxet6uv] {
    color: #D600AA;
    font-size: 1.6rem;
}

.carousel-professionals-subtitle[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    margin: 0.5rem 0 0 0;
    flex-basis: 100%;
}

.ver-todos-profissionais-link[b-f60rxet6uv] {
    color: #D600AA;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.ver-todos-profissionais-link:hover[b-f60rxet6uv] {
    color: #FF00CC;
    transform: translateX(5px);
}

/* Carousel Wrapper Profissionais*/
.carousel-professionals-wrapper[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    overflow: hidden;
    position: relative;
}

.carousel-professionals-track[b-f60rxet6uv] {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(214, 0, 170, 0.6) rgba(43, 0, 58, 0.4);
}

.carousel-professionals-track[b-f60rxet6uv]::-webkit-scrollbar {
    height: 6px;
}

.carousel-professionals-track[b-f60rxet6uv]::-webkit-scrollbar-track {
    background: rgba(43, 0, 58, 0.4);
    border-radius: 3px;
}

.carousel-professionals-track[b-f60rxet6uv]::-webkit-scrollbar-thumb {
    background: rgba(214, 0, 170, 0.6);
    border-radius: 3px;
}

.carousel-professionals-track[b-f60rxet6uv]::-webkit-scrollbar-thumb:hover {
    background: #D600AA;
}

/* Professional Cards */
.professional-card[b-f60rxet6uv] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.5) 0%, rgba(26, 0, 36, 0.7) 100%);
    border: 1px solid rgba(214, 0, 170, 0.25);
    border-radius: 16px;
    padding: 1.25rem;
    min-width: 260px;
    max-width: 260px;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
}

.professional-card:hover[b-f60rxet6uv] {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(214, 0, 170, 0.25);
    border-color: #D600AA;
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
}

.professional-image[b-f60rxet6uv] {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(214, 0, 170, 0.4);
    transition: all 0.3s ease;
}

.professional-card:hover .professional-image[b-f60rxet6uv] {
    border-color: #D600AA;
    box-shadow: 0 0 20px rgba(214, 0, 170, 0.5);
}

.professional-image img[b-f60rxet6uv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.professional-badge[b-f60rxet6uv] {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #D600AA;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #1a0024;
    font-size: 0.75rem;
}

.professional-name[b-f60rxet6uv] {
    color: white;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.professional-bio[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.85rem;
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.professional-stats[b-f60rxet6uv] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.25rem;
}

.stat-badge[b-f60rxet6uv] {
    background: rgba(214, 0, 170, 0.2);
    color: #D600AA;
    padding: 0.35rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid rgba(214, 0, 170, 0.3);
    display: flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.stat-badge i[b-f60rxet6uv] {
    font-size: 0.75rem;
}

/* Skeleton Loading para Profissionais */
.skeleton-professional-image[b-f60rxet6uv] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border: 3px solid rgba(214, 0, 170, 0.3);
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.skeleton-professional-name[b-f60rxet6uv] {
    height: 20px;
    width: 150px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 8px;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.skeleton-professional-bio[b-f60rxet6uv] {
    height: 14px;
    width: 100%;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    border-radius: 6px;
    margin-bottom: 0.5rem;
    animation: skeleton-loading-b-f60rxet6uv 1.5s infinite;
}

.skeleton-professional-bio.short[b-f60rxet6uv] {
    width: 70%;
    margin: 0 auto;
}

.no-professionals[b-f60rxet6uv] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
    text-align: center;
}

.no-professionals p[b-f60rxet6uv] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.95rem;
}

/* Responsividade - Profissionais Mobile */
@media (max-width: 768px) {
    .professionals-carousel-section[b-f60rxet6uv] {
        padding: 2rem 0;
    }

    .professional-card[b-f60rxet6uv] {
        min-width: 220px;
        max-width: 220px;
        padding: 1rem;
    }

    .professional-image[b-f60rxet6uv] {
        width: 80px;
        height: 80px;
        border-width: 2px;
    }

    .professional-badge[b-f60rxet6uv] {
        width: 24px;
        height: 24px;
        font-size: 0.7rem;
    }

    .professional-name[b-f60rxet6uv] {
        font-size: 1rem;
    }

    .professional-bio[b-f60rxet6uv] {
        font-size: 0.8rem;
        -webkit-line-clamp: 2;
    }

    .stat-badge[b-f60rxet6uv] {
        font-size: 0.7rem;
        padding: 0.3rem 0.6rem;
    }

    .stat-badge i[b-f60rxet6uv] {
        font-size: 0.7rem;
    }

    .skeleton-professional-image[b-f60rxet6uv] {
        width: 80px;
        height: 80px;
        border-width: 2px;
    }

    .skeleton-professional-name[b-f60rxet6uv] {
        width: 120px;
        height: 18px;
    }

    /* Layout em Lista - Mobile */
    .article-card-list[b-f60rxet6uv] {
        flex-direction: column !important;
    }

    .article-card-list .article-image[b-f60rxet6uv] {
        width: 100%;
        min-width: 100%;
        height: 160px;
    }

    .article-card-list .article-content[b-f60rxet6uv] {
        padding: 1rem;
    }

    .article-card-list .article-title[b-f60rxet6uv] {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
        -webkit-line-clamp: 2;
    }

    .article-card-list .article-excerpt[b-f60rxet6uv] {
        font-size: 0.85rem;
        line-height: 1.5;
        margin-bottom: 0.75rem;
        -webkit-line-clamp: 2;
    }

    .article-card-list .article-tags[b-f60rxet6uv] {
        margin-bottom: 0.75rem;
    }

    .article-card-list .tag[b-f60rxet6uv] {
        font-size: 0.7rem;
        padding: 0.25rem 0.6rem;
    }

    .article-card-list .article-footer[b-f60rxet6uv] {
        padding-top: 0.75rem;
    }

    .article-card-list .author[b-f60rxet6uv],
    .article-card-list .read-more[b-f60rxet6uv] {
        font-size: 0.8rem;
    }

    .article-card-list .article-date[b-f60rxet6uv] {
        font-size: 0.75rem;
        padding: 0.4rem 0.75rem;
    }

    .article-card-list .article-views[b-f60rxet6uv] {
        font-size: 0.75rem;
        padding: 0.35rem 0.75rem;
    }

    /* Ajustes gerais para mobile */
    .articles-grid[b-f60rxet6uv] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .articles-list[b-f60rxet6uv] {
        gap: 1.25rem;
    }

    /* Controles de visualização no mobile */
    .results-info-row[b-f60rxet6uv] {
        gap: 0.75rem;
        justify-content: center;
    }

    .results-left[b-f60rxet6uv] {
        justify-content: center;
    }

    .results-right[b-f60rxet6uv] {
        width: 100%;
        justify-content: center;
    }

    /* Ocultar botões de troca de visualização no mobile */
    .view-toggle[b-f60rxet6uv] {
        display: none !important;
    }

    .mini-nav[b-f60rxet6uv] {
        margin: 0 auto;
    }

    /* Paginação mobile */
    .pagination[b-f60rxet6uv] {
        gap: 0.35rem;
    }

    .pagination-btn[b-f60rxet6uv] {
        padding: 0.6rem 0.9rem;
        font-size: 0.9rem;
        min-width: 40px;
    }

    .pagination-info[b-f60rxet6uv] {
        flex-basis: 100%;
        text-align: center;
        margin: 0.5rem 0 0 0;
        font-size: 0.85rem;
    }

    /* Banner de download mobile */
    .banner-content[b-f60rxet6uv] {
        flex-direction: column;
        text-align: center;
    }

    .banner-text h3[b-f60rxet6uv] {
        justify-content: center;
        font-size: 1.3rem;
    }

    .banner-buttons[b-f60rxet6uv] {
        justify-content: center;
        width: 100%;
    }

    .app-badge[b-f60rxet6uv] {
        flex: 1;
        min-width: 140px;
        justify-content: center;
    }

    /* Carousel mobile */
    .carousel-title[b-f60rxet6uv] {
        font-size: 1.5rem;
    }

    .carousel-subtitle[b-f60rxet6uv] {
        font-size: 0.9rem;
    }

    .community-card[b-f60rxet6uv] {
        min-width: 260px;
        max-width: 260px;
    }

    /* Busca e controles mobile */
    .search-input[b-f60rxet6uv] {
        padding: 0.9rem 2.5rem 0.9rem 1.25rem;
        font-size: 0.95rem;
    }

    .search-icon[b-f60rxet6uv] {
        right: 1.25rem;
        font-size: 1.1rem;
    }

    .sort-container[b-f60rxet6uv] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .sort-label[b-f60rxet6uv] {
        justify-content: center;
        font-size: 0.9rem;
    }

    .sort-select[b-f60rxet6uv] {
        width: 100%;
        min-width: auto;
        font-size: 0.9rem;
        padding: 0.7rem 2.5rem 0.7rem 1rem;
    }
}
/* /Pages/PostDetail.razor.rz.scp.css */
/* ========================================
   POST DETAIL - SECTION
   ======================================== */
.post-detail-section[b-3n7khijp0o] {
    padding: 60px 0;
    background: #1a0024;
    min-height: 100vh;
}

.post-detail-section .container[b-3n7khijp0o] {
    max-width: 900px;
}

/* ========================================
   BACK BUTTON
   ======================================== */
.back-button[b-3n7khijp0o] {
    background: transparent;
    border: 2px solid #D600AA;
    color: #D600AA;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 30px;
}

.back-button:hover[b-3n7khijp0o] {
    background: #D600AA;
    color: white;
    transform: translateY(-2px);
}

/* ========================================
   POST DETAIL CARD
   ======================================== */
.post-detail[b-3n7khijp0o] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 16px;
    padding: 40px;
    border: 1px solid rgba(214, 0, 170, 0.2);
    margin-bottom: 40px;
}

.post-detail-header[b-3n7khijp0o] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom: 2px solid rgba(214, 0, 170, 0.2);
}

.user-avatar-large[b-3n7khijp0o] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2B003A 0%, #D600AA 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 32px;
    flex-shrink: 0;
}

.post-detail-header .user-info h3[b-3n7khijp0o] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    margin: 0 0 8px 0;
}

.post-detail-header .post-date[b-3n7khijp0o] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    gap: 6px;
}

.post-detail-title[b-3n7khijp0o] {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin: 0 0 24px 0;
    line-height: 1.3;
}

.post-detail-content[b-3n7khijp0o] {
    margin-bottom: 30px;
}

.post-detail-content p[b-3n7khijp0o] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
    margin: 0;
    white-space: pre-wrap;
}

/* Imagem do Post */
.post-detail-image[b-3n7khijp0o] {
    margin-bottom: 30px;
    border-radius: 12px;
    overflow: hidden;
    max-height: 500px;
}

.post-detail-image img[b-3n7khijp0o] {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.post-detail-tags[b-3n7khijp0o] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}

.post-detail-tags .tag[b-3n7khijp0o] {
    background: rgba(214, 0, 170, 0.2);
    color: #D600AA;
    padding: 8px 16px;
    border-radius: 24px;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid rgba(214, 0, 170, 0.3);
}

.post-detail-stats[b-3n7khijp0o] {
    display: flex;
    gap: 30px;
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 2px solid rgba(214, 0, 170, 0.2);
    border-bottom: 2px solid rgba(214, 0, 170, 0.2);
}

.stat-item[b-3n7khijp0o] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}

.stat-item i[b-3n7khijp0o] {
    color: #D600AA;
    font-size: 1.25rem;
}

/* ========================================
   CTA DISCRETO PARA COMENT�RIOS
   ======================================== */
.comments-cta[b-3n7khijp0o] {
    margin-top: 24px;
    padding: 20px;
    background: rgba(214, 0, 170, 0.08);
    border: 1px solid rgba(214, 0, 170, 0.2);
    border-radius: 12px;
}

.cta-header[b-3n7khijp0o] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.cta-header i[b-3n7khijp0o] {
    color: #D600AA;
    font-size: 1.2rem;
}

.cta-header h4[b-3n7khijp0o] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: white;
}

.cta-description[b-3n7khijp0o] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.5;
    margin: 0 0 16px 0;
}

.cta-app-links[b-3n7khijp0o] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.cta-app-link[b-3n7khijp0o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(214, 0, 170, 0.15);
    border: 1px solid rgba(214, 0, 170, 0.3);
    border-radius: 8px;
    color: white;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.cta-app-link:hover[b-3n7khijp0o] {
    background: rgba(214, 0, 170, 0.25);
    border-color: #D600AA;
    transform: translateY(-2px);
}

.cta-app-link i[b-3n7khijp0o] {
    font-size: 1.1rem;
}

.cta-app-link i.fa-apple[b-3n7khijp0o] {
    color: #ffffff;
}

.cta-app-link i.fa-google-play[b-3n7khijp0o] {
    color: #34A853;
}

/* ========================================
   SHARE SECTION
   ======================================== */
.share-section[b-3n7khijp0o] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 16px;
    padding: 40px;
    border: 1px solid rgba(214, 0, 170, 0.2);
    margin-bottom: 40px;
}

.share-title[b-3n7khijp0o] {
    font-size: 1.2rem;
    font-weight: 700;
    color: white;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.share-title i[b-3n7khijp0o] {
    color: #D600AA;
}

.share-buttons[b-3n7khijp0o] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.share-btn[b-3n7khijp0o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    color: white;
}

.share-btn:hover[b-3n7khijp0o] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.share-whatsapp[b-3n7khijp0o] {
    background: #25D366;
}

.share-whatsapp:hover[b-3n7khijp0o] {
    background: #1ea952;
}

.share-facebook[b-3n7khijp0o] {
    background: #1877F2;
}

.share-facebook:hover[b-3n7khijp0o] {
    background: #145dbf;
}

.share-twitter[b-3n7khijp0o] {
    background: #1DA1F2;
}

.share-twitter:hover[b-3n7khijp0o] {
    background: #0d8bd9;
}

.share-copy[b-3n7khijp0o] {
    background: rgba(214, 0, 170, 0.3);
    border: 1px solid #D600AA;
}

.share-copy:hover[b-3n7khijp0o] {
    background: #D600AA;
}

.share-copy:disabled[b-3n7khijp0o] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* ========================================
   SKELETON LOADING - POST DETAIL
   ======================================== */
.post-detail-skeleton[b-3n7khijp0o] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 16px;
    padding: 40px;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.skeleton-back-btn[b-3n7khijp0o] {
    width: 100px;
    height: 40px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-3n7khijp0o 1.5s infinite;
    border-radius: 8px;
    margin-bottom: 30px;
}

.skeleton-header[b-3n7khijp0o] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom: 2px solid rgba(214, 0, 170, 0.2);
}

.skeleton-avatar-large[b-3n7khijp0o] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-3n7khijp0o 1.5s infinite;
}

.skeleton-info[b-3n7khijp0o] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.skeleton-name-large[b-3n7khijp0o] {
    width: 200px;
    height: 24px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-3n7khijp0o 1.5s infinite;
    border-radius: 4px;
}

.skeleton-date[b-3n7khijp0o] {
    width: 150px;
    height: 16px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-3n7khijp0o 1.5s infinite;
    border-radius: 4px;
}

.skeleton-title-large[b-3n7khijp0o] {
    width: 80%;
    height: 32px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-3n7khijp0o 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 24px;
}

.skeleton-content[b-3n7khijp0o] {
    width: 100%;
    height: 20px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-3n7khijp0o 1.5s infinite;
    border-radius: 4px;
    margin-bottom: 12px;
}

@keyframes skeleton-loading-b-3n7khijp0o {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* ========================================
   POST NOT FOUND
   ======================================== */
.post-not-found[b-3n7khijp0o] {
    padding: 100px 0;
    background: #1a0024;
}

.not-found-content[b-3n7khijp0o] {
    text-align: center;
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 16px;
    padding: 60px 40px;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.not-found-content i[b-3n7khijp0o] {
    font-size: 72px;
    color: #ff9800;
    margin-bottom: 24px;
}

.not-found-content h2[b-3n7khijp0o] {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin: 0 0 16px 0;
}

.not-found-content p[b-3n7khijp0o] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 30px;
}

.btn-back[b-3n7khijp0o] {
    background: #D600AA;
    color: white;
    border: none;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.btn-back:hover[b-3n7khijp0o] {
    background: #b0008a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(214, 0, 170, 0.4);
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    .post-detail[b-3n7khijp0o],
    .share-section[b-3n7khijp0o],
    .post-detail-skeleton[b-3n7khijp0o],
    .not-found-content[b-3n7khijp0o] {
        padding: 24px;
    }

    .post-detail-title[b-3n7khijp0o] {
        font-size: 1.5rem;
    }

    .post-detail-content p[b-3n7khijp0o] {
        font-size: 1rem;
    }

    .post-detail-stats[b-3n7khijp0o] {
        flex-direction: column;
        gap: 16px;
    }

    .comments-cta[b-3n7khijp0o] {
        padding: 16px;
    }

    .cta-header h4[b-3n7khijp0o] {
        font-size: 0.95rem;
    }

    .cta-description[b-3n7khijp0o] {
        font-size: 0.85rem;
    }

    .cta-app-links[b-3n7khijp0o] {
        flex-direction: column;
    }

    .cta-app-link[b-3n7khijp0o] {
        width: 100%;
        justify-content: center;
    }

    .share-title[b-3n7khijp0o] {
        font-size: 1.1rem;
    }

    .share-buttons[b-3n7khijp0o] {
        flex-direction: column;
    }

    .share-btn[b-3n7khijp0o] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Privacidade.razor.rz.scp.css */
/* Hero Legal */
.legal-hero[b-chpfkglp57] {
    background: linear-gradient(135deg, #2B003A 0%, #4A0059 100%);
    padding: 4rem 0;
    text-align: center;
}

.legal-hero .container[b-chpfkglp57] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.legal-title[b-chpfkglp57] {
    color: white;
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    text-shadow: 0 2px 10px rgba(214, 0, 170, 0.5);
}

.legal-date[b-chpfkglp57] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
    margin: 0;
    font-style: italic;
}

/* Conte�do */
.legal-content[b-chpfkglp57] {
    background: #1a0024;
    padding: 4rem 0;
    min-height: 60vh;
}

.legal-content .container[b-chpfkglp57] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Cards */
.legal-card[b-chpfkglp57] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border: 1px solid rgba(214, 0, 170, 0.2);
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 2rem;
}

.legal-card h2[b-chpfkglp57] {
    color: #D600AA;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
}

.legal-card p[b-chpfkglp57] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.05rem;
    line-height: 1.8;
    margin: 0 0 1rem 0;
}

.legal-card p:last-child[b-chpfkglp57] {
    margin-bottom: 0;
}

.legal-card strong[b-chpfkglp57] {
    color: white;
    font-weight: 600;
}

/* Listas */
.contact-list[b-chpfkglp57],
.terms-list[b-chpfkglp57] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.05rem;
    line-height: 1.8;
    margin: 1rem 0;
    padding-left: 1.5rem;
}

.contact-list li[b-chpfkglp57],
.terms-list li[b-chpfkglp57] {
    margin-bottom: 0.5rem;
}

.contact-list a[b-chpfkglp57],
.text-link[b-chpfkglp57] {
    color: #D600AA;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.contact-list a:hover[b-chpfkglp57],
.text-link:hover[b-chpfkglp57] {
    color: #ff00d4;
}

/* Responsividade */
@media (max-width: 768px) {
    .legal-title[b-chpfkglp57] {
        font-size: 2rem;
    }

    .legal-card[b-chpfkglp57] {
        padding: 1.5rem;
    }

    .legal-card h2[b-chpfkglp57] {
        font-size: 1.3rem;
    }

    .legal-card p[b-chpfkglp57] {
        font-size: 1rem;
    }
}
/* /Pages/Profissionais.razor.rz.scp.css */
/* ========================================
   PROFISSIONAIS - HERO SECTION
   ======================================== */
.professionals-hero[b-iwwzarijgx] {
    background: linear-gradient(135deg, #2B003A 0%, #D600AA 100%);
    padding: 60px 0;
    text-align: center;
    color: white;
    border-bottom: 1px solid rgba(214, 0, 170, 0.2);
}

.professionals-hero .hero-content h1[b-iwwzarijgx] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.professionals-hero .hero-content h1 i[b-iwwzarijgx] {
    font-size: 2.2rem;
}

.professionals-hero .hero-content p[b-iwwzarijgx] {
    font-size: 1.2rem;
    opacity: 0.95;
    max-width: 600px;
    margin: 0 auto;
}

/* ========================================
   FILTROS SECTION
   ======================================== */
.professionals-filters-section[b-iwwzarijgx] {
    background: #1a0024;
    padding: 30px 0;
    border-bottom: 1px solid rgba(214, 0, 170, 0.1);
}

.filters-wrapper[b-iwwzarijgx] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 12px;
    padding: 24px;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.filter-label[b-iwwzarijgx] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 16px;
}

.filter-label i[b-iwwzarijgx] {
    color: #D600AA;
    font-size: 1.1rem;
}

.filters-grid[b-iwwzarijgx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
}

.filter-btn[b-iwwzarijgx] {
    background: rgba(43, 0, 58, 0.4);
    border: 1px solid rgba(214, 0, 170, 0.3);
    color: rgba(255, 255, 255, 0.8);
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.filter-btn:hover[b-iwwzarijgx] {
    background: rgba(214, 0, 170, 0.2);
    border-color: #D600AA;
    color: white;
    transform: translateY(-2px);
}

.filter-btn.active[b-iwwzarijgx] {
    background: linear-gradient(135deg, #D600AA 0%, #9d0079 100%);
    border-color: #D600AA;
    color: white;
    box-shadow: 0 4px 12px rgba(214, 0, 170, 0.4);
}

.filter-btn i[b-iwwzarijgx] {
    font-size: 1rem;
}

/* ========================================
   PROFISSIONAIS SECTION
   ======================================== */
.professionals-section[b-iwwzarijgx] {
    padding: 60px 0;
    background: #1a0024;
    min-height: 60vh;
}

.professionals-stats[b-iwwzarijgx] {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.stat-badge[b-iwwzarijgx] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border: 1px solid rgba(214, 0, 170, 0.2);
    border-radius: 24px;
    padding: 12px 24px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 600;
}

.stat-badge i[b-iwwzarijgx] {
    color: #D600AA;
    font-size: 1.1rem;
}

/* ========================================
   GRID DE PROFISSIONAIS
   ======================================== */
.professionals-grid[b-iwwzarijgx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}

/* ========================================
   CARD DO PROFISSIONAL
   ======================================== */
.professional-card[b-iwwzarijgx] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 16px;
    border: 1px solid rgba(214, 0, 170, 0.2);
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.professional-card:hover[b-iwwzarijgx] {
    transform: translateY(-8px);
    border-color: #D600AA;
    box-shadow: 0 12px 32px rgba(214, 0, 170, 0.3);
}

.professional-photo[b-iwwzarijgx] {
    position: relative;
    width: 100%;
    height: 340px;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(43, 0, 58, 0.8) 0%, rgba(26, 0, 36, 0.9) 100%);
}

.professional-photo img[b-iwwzarijgx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.professional-card:hover .professional-photo img[b-iwwzarijgx] {
    transform: scale(1.05);
}

.photo-placeholder[b-iwwzarijgx] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2B003A 0%, #D600AA 100%);
}

.photo-placeholder i[b-iwwzarijgx] {
    font-size: 96px;
    color: rgba(255, 255, 255, 0.3);
}

.professional-badge[b-iwwzarijgx] {
    position: absolute;
    bottom: 12px;
    left: 12px;
    background: rgba(214, 0, 170, 0.95);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.professional-badge i[b-iwwzarijgx] {
    font-size: 0.9rem;
}

.professional-content[b-iwwzarijgx] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.professional-name[b-iwwzarijgx] {
    font-size: 1.4rem;
    font-weight: 700;
    color: white;
    margin: 0;
    line-height: 1.3;
}

.professional-document[b-iwwzarijgx] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.professional-document i[b-iwwzarijgx] {
    color: #D600AA;
}

.professional-bio[b-iwwzarijgx] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    margin: 0;
    flex: 1;
}

.professional-footer[b-iwwzarijgx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid rgba(214, 0, 170, 0.2);
}

.btn-courses[b-iwwzarijgx] {
    background: linear-gradient(135deg, #D600AA 0%, #9d0079 100%);
    border: none;
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-courses:hover[b-iwwzarijgx] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(214, 0, 170, 0.4);
    background: linear-gradient(135deg, #ff00c8 0%, #b8008a 100%);
}

.btn-courses i[b-iwwzarijgx] {
    font-size: 1rem;
}

.professional-social[b-iwwzarijgx] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.social-link[b-iwwzarijgx] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(214, 0, 170, 0.2);
    border: 1px solid rgba(214, 0, 170, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D600AA;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    text-decoration: none;
}

.social-link:hover[b-iwwzarijgx] {
    background: #D600AA;
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(214, 0, 170, 0.4);
}

/* ========================================
   SKELETON LOADING
   ======================================== */
.professional-card-skeleton[b-iwwzarijgx] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 16px;
    border: 1px solid rgba(214, 0, 170, 0.2);
    overflow: hidden;
}

.skeleton-photo[b-iwwzarijgx] {
    width: 100%;
    height: 220px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-iwwzarijgx 1.5s infinite;
}

.skeleton-content[b-iwwzarijgx] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.skeleton-badge[b-iwwzarijgx] {
    width: 120px;
    height: 24px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-iwwzarijgx 1.5s infinite;
    border-radius: 12px;
}

.skeleton-name[b-iwwzarijgx] {
    width: 70%;
    height: 28px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-iwwzarijgx 1.5s infinite;
    border-radius: 4px;
}

.skeleton-text[b-iwwzarijgx] {
    width: 100%;
    height: 16px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-iwwzarijgx 1.5s infinite;
    border-radius: 4px;
}

.skeleton-footer[b-iwwzarijgx] {
    width: 100%;
    height: 48px;
    background: linear-gradient(90deg, rgba(43, 0, 58, 0.4) 0%, rgba(74, 0, 89, 0.6) 50%, rgba(43, 0, 58, 0.4) 100%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-iwwzarijgx 1.5s infinite;
    border-radius: 8px;
    margin-top: 12px;
}

@keyframes skeleton-loading-b-iwwzarijgx {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* ========================================
   NO PROFESSIONALS
   ======================================== */
.no-professionals[b-iwwzarijgx] {
    text-align: center;
    padding: 100px 20px;
    color: rgba(255, 255, 255, 0.7);
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 12px;
    border: 1px solid rgba(214, 0, 170, 0.2);
}

.no-professionals i[b-iwwzarijgx] {
    font-size: 64px;
    color: rgba(214, 0, 170, 0.3);
    margin-bottom: 24px;
}

.no-professionals h3[b-iwwzarijgx] {
    font-size: 1.5rem;
    color: white;
    margin-bottom: 12px;
}

.no-professionals p[b-iwwzarijgx] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 24px;
}

.btn-reset-filter[b-iwwzarijgx] {
    background: rgba(214, 0, 170, 0.2);
    border: 1px solid rgba(214, 0, 170, 0.3);
    color: #D600AA;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-reset-filter:hover[b-iwwzarijgx] {
    background: #D600AA;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(214, 0, 170, 0.4);
}

/* ========================================
   BANNER DOWNLOAD APP
   ======================================== */
.app-download-banner[b-iwwzarijgx] {
    background: linear-gradient(135deg, rgba(43, 0, 58, 0.4) 0%, rgba(26, 0, 36, 0.6) 100%);
    border-top: 1px solid rgba(214, 0, 170, 0.3);
    padding: 2.5rem 0;
    margin-top: 3rem;
}

.app-download-banner .banner-content[b-iwwzarijgx] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.app-download-banner .banner-icon[b-iwwzarijgx] {
    font-size: 3rem;
    color: #D600AA;
}

.app-download-banner .banner-text[b-iwwzarijgx] {
    flex: 1;
}

.app-download-banner .banner-text h3[b-iwwzarijgx] {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.app-download-banner .banner-text p[b-iwwzarijgx] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    margin: 0;
}

.app-download-banner .banner-buttons[b-iwwzarijgx] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.app-download-banner .app-badge[b-iwwzarijgx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(214, 0, 170, 0.3);
    padding: 0.75rem 1.25rem;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.app-download-banner .app-badge:hover[b-iwwzarijgx] {
    background: rgba(214, 0, 170, 0.15);
    border-color: #D600AA;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(214, 0, 170, 0.3);
}

.app-download-banner .app-badge i[b-iwwzarijgx] {
    font-size: 2rem;
}

.app-download-banner .app-badge i.fa-apple[b-iwwzarijgx] {
    color: #ffffff;
}

.app-download-banner .app-badge i.fa-google-play[b-iwwzarijgx] {
    color: #34A853;
}

.app-download-banner .badge-text[b-iwwzarijgx] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.app-download-banner .badge-small[b-iwwzarijgx] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.app-download-banner .badge-large[b-iwwzarijgx] {
    color: white;
    font-size: 1rem;
    font-weight: 600;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    .professionals-hero .hero-content h1[b-iwwzarijgx] {
        font-size: 2rem;
    }

    .professionals-hero .hero-content p[b-iwwzarijgx] {
        font-size: 1rem;
    }

    .professionals-filters-section[b-iwwzarijgx] {
        padding: 20px 0;
    }

    .filters-wrapper[b-iwwzarijgx] {
        padding: 16px;
    }

    .filters-grid[b-iwwzarijgx] {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 8px;
    }

    .filter-btn[b-iwwzarijgx] {
        padding: 10px 12px;
        font-size: 0.85rem;
    }

    .professionals-section[b-iwwzarijgx] {
        padding: 40px 0;
    }

    .professionals-grid[b-iwwzarijgx] {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .professional-photo[b-iwwzarijgx] {
        height: 200px;
    }

    .professional-name[b-iwwzarijgx] {
        font-size: 1.2rem;
    }

    .app-download-banner .banner-content[b-iwwzarijgx] {
        flex-direction: column;
        text-align: center;
    }

    .app-download-banner .banner-icon[b-iwwzarijgx] {
        margin-bottom: 1rem;
    }

    .app-download-banner .banner-buttons[b-iwwzarijgx] {
        width: 100%;
        flex-direction: column;
    }

    .app-download-banner .app-badge[b-iwwzarijgx] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .professionals-hero .hero-content h1[b-iwwzarijgx] {
        font-size: 1.75rem;
        gap: 10px;
    }

    .filter-label[b-iwwzarijgx] {
        font-size: 0.9rem;
    }

    .filters-grid[b-iwwzarijgx] {
        grid-template-columns: repeat(2, 1fr);
    }

    .professional-content[b-iwwzarijgx] {
        padding: 20px;
    }

    .professional-badge[b-iwwzarijgx] {
        font-size: 0.75rem;
        padding: 6px 12px;
    }
}
/* /Pages/ProfissionalDetalhes.razor.rz.scp.css */
/* ========================================
   PROFESSIONAL DETAIL - HERO SECTION
   ======================================== */
.professional-detail-hero[b-g4e82f51ud] {
    background: linear-gradient(135deg, #2B003A 0%, #D600AA 100%);
    padding: 40px 0 60px;
    color: white;
    position: relative;
    overflow: hidden;
}

.professional-detail-hero[b-g4e82f51ud]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at top right, rgba(214, 0, 170, 0.3) 0%, transparent 50%);
    pointer-events: none;
}

.back-button[b-g4e82f51ud] {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 24px;
    backdrop-filter: blur(10px);
}

.back-button:hover[b-g4e82f51ud] {
    background: rgba(255, 255, 255, 0.25);
    transform: translateX(-4px);
}

.back-button i[b-g4e82f51ud] {
    font-size: 1.1rem;
}

.hero-content[b-g4e82f51ud] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    position: relative;
    z-index: 1;
}

.professional-info[b-g4e82f51ud] {
    flex: 1;
}

.professional-name[b-g4e82f51ud] {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

.professional-specialty[b-g4e82f51ud] {
    font-size: 1.2rem;
    margin: 0 0 12px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0.95;
}

.professional-specialty i[b-g4e82f51ud] {
    font-size: 1.3rem;
}

.professional-document[b-g4e82f51ud] {
    font-size: 0.95rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0.8;
}

.professional-document i[b-g4e82f51ud] {
    color: rgba(255, 255, 255, 0.7);
}

.professional-photo-wrapper[b-g4e82f51ud] {
    flex-shrink: 0;
}

.professional-photo-large[b-g4e82f51ud] {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.photo-placeholder-large[b-g4e82f51ud] {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid rgba(255, 255, 255, 0.3);
}

.photo-placeholder-large i[b-g4e82f51ud] {
    font-size: 80px;
    color: rgba(255, 255, 255, 0.4);
}

/* ========================================
   TABS SECTION
   ======================================== */
.professional-tabs-section[b-g4e82f51ud] {
    background: #1a0024;
    border-bottom: 1px solid rgba(214, 0, 170, 0.2);
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(10px);
}

.tabs-wrapper[b-g4e82f51ud] {
    display: flex;
    gap: 0;
}

.tab-button[b-g4e82f51ud] {
    flex: 1;
    background: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    padding: 20px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    position: relative;
}

.tab-button:hover[b-g4e82f51ud] {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(214, 0, 170, 0.1);
}

.tab-button.active[b-g4e82f51ud] {
    color: white;
    border-bottom-color: #D600AA;
    background: rgba(214, 0, 170, 0.15);
}

/* ========================================
   CONTENT SECTION
   ======================================== */
.professional-content-section[b-g4e82f51ud] {
    background: #1a0024;
    padding: 60px 0;
    min-height: 60vh;
}

.tab-content[b-g4e82f51ud] {
    animation: fadeIn-b-g4e82f51ud 0.3s ease;
}

@keyframes fadeIn-b-g4e82f51ud {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.section-title[b-g4e82f51ud] {
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    margin: 0 0 32px 0;
}

/* ========================================
   COURSES GRID
   ======================================== */
.courses-grid[b-g4e82f51ud] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-bottom: 40px;
}

/* ========================================
   EXCLUSIVE APP NOTICE
   ======================================== */
.exclusive-app-notice[b-g4e82f51ud] {
    background: linear-gradient(135deg, rgba(214, 0, 170, 0.2) 0%, rgba(43, 0, 58, 0.6) 100%);
    border: 2px solid rgba(214, 0, 170, 0.4);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 32px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.notice-icon[b-g4e82f51ud] {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #D600AA 0%, #9d0079 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(214, 0, 170, 0.4);
}

.notice-icon i[b-g4e82f51ud] {
    font-size: 28px;
    color: white;
}

.notice-content h4[b-g4e82f51ud] {
    font-size: 1.2rem;
    font-weight: 700;
    color: white;
    margin: 0 0 8px 0;
}

.notice-content p[b-g4e82f51ud] {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    line-height: 1.5;
}

/* ========================================
   COURSE CARD VERTICAL
   ======================================== */
.course-card-vertical[b-g4e82f51ud] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 16px;
    border: 1px solid rgba(214, 0, 170, 0.2);
    overflow: hidden;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.course-card-vertical:hover[b-g4e82f51ud] {
    transform: translateY(-6px);
    border-color: #D600AA;
    box-shadow: 0 12px 32px rgba(214, 0, 170, 0.3);
}

.course-cover[b-g4e82f51ud] {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.course-cover-overlay[b-g4e82f51ud] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px;
}

.course-cover-placeholder[b-g4e82f51ud] {
    background: linear-gradient(135deg, #2B003A 0%, #1a0024 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.course-cover-placeholder i[b-g4e82f51ud] {
    font-size: 64px;
    color: rgba(214, 0, 170, 0.3);
}

.course-badge-exclusive[b-g4e82f51ud] {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #2B003A;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.course-badge-exclusive i[b-g4e82f51ud] {
    font-size: 0.85rem;
}

.course-body[b-g4e82f51ud] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}

.course-title-vertical[b-g4e82f51ud] {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8rem;
}

.course-description-vertical[b-g4e82f51ud] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin: 0;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.course-meta-wrapper[b-g4e82f51ud] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-top: 1px solid rgba(214, 0, 170, 0.2);
    border-bottom: 1px solid rgba(214, 0, 170, 0.2);
}

.course-meta-item[b-g4e82f51ud] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    font-weight: 600;
}

.course-meta-item i[b-g4e82f51ud] {
    color: #D600AA;
    font-size: 1.1rem;
}

.course-identifier-badge[b-g4e82f51ud] {
    background: rgba(214, 0, 170, 0.2);
    color: #D600AA;
    padding: 6px 12px;
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 700;
    border: 1px solid rgba(214, 0, 170, 0.3);
}

.course-app-badge[b-g4e82f51ud] {
    background: linear-gradient(135deg, rgba(214, 0, 170, 0.2) 0%, rgba(214, 0, 170, 0.1) 100%);
    border: 1px solid rgba(214, 0, 170, 0.4);
    border-radius: 12px;
    padding: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: white;
    font-size: 0.9rem;
    font-weight: 600;
}

.course-app-badge i[b-g4e82f51ud] {
    font-size: 1.2rem;
    color: #D600AA;
}

/* ========================================
   CTA DOWNLOAD APP
   ======================================== */
.cta-download-app[b-g4e82f51ud] {
    background: linear-gradient(135deg, rgba(43, 0, 58, 0.8) 0%, rgba(26, 0, 36, 0.9) 100%);
    border: 2px solid rgba(214, 0, 170, 0.3);
    border-radius: 20px;
    padding: 40px;
    margin-top: 48px;
}

.cta-header[b-g4e82f51ud] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px;
}

.cta-icon-wrapper[b-g4e82f51ud] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #D600AA 0%, #9d0079 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 8px 24px rgba(214, 0, 170, 0.4);
}

.cta-icon-wrapper i[b-g4e82f51ud] {
    font-size: 36px;
    color: white;
}

.cta-text-content[b-g4e82f51ud] {
    flex: 1;
}

.cta-text-content h3[b-g4e82f51ud] {
    font-size: 1.75rem;
    font-weight: 700;
    color: white;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

.cta-text-content p[b-g4e82f51ud] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    line-height: 1.5;
}

.cta-buttons-row[b-g4e82f51ud] {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.cta-store-button[b-g4e82f51ud] {
    background: linear-gradient(135deg, #D600AA 0%, #9d0079 100%);
    border: 2px solid rgba(255, 255, 255, 0.1);
    color: white;
    padding: 18px 32px;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    flex: 1;
    max-width: 280px;
}

.cta-store-button:hover[b-g4e82f51ud] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(214, 0, 170, 0.5);
    background: linear-gradient(135deg, #ff00c8 0%, #b8008a 100%);
    border-color: rgba(255, 255, 255, 0.2);
}

.cta-store-button i[b-g4e82f51ud] {
    font-size: 2.5rem;
    flex-shrink: 0;
}

.button-text[b-g4e82f51ud] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.button-label[b-g4e82f51ud] {
    font-size: 0.75rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.button-store[b-g4e82f51ud] {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
}

/* ========================================
   BIO & INFO SECTION - REDESIGNED
   ======================================== */
.about-hero[b-g4e82f51ud] {
    margin-bottom: 32px;
}

.about-header[b-g4e82f51ud] {
    background: linear-gradient(135deg, rgba(43, 0, 58, 0.8) 0%, rgba(26, 0, 36, 0.9) 100%);
    border: 1px solid rgba(214, 0, 170, 0.3);
    border-radius: 16px;
    padding: 32px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.about-avatar[b-g4e82f51ud] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #D600AA;
    box-shadow: 0 4px 16px rgba(214, 0, 170, 0.4);
    flex-shrink: 0;
    background: linear-gradient(135deg, #2B003A 0%, #1a0024 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-avatar img[b-g4e82f51ud] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-avatar i[b-g4e82f51ud] {
    font-size: 48px;
    color: rgba(214, 0, 170, 0.5);
}

.about-title h2[b-g4e82f51ud] {
    font-size: 1.8rem;
    font-weight: 700;
    color: white;
    margin: 0 0 8px 0;
}

.about-specialty[b-g4e82f51ud] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    margin: 0;
}

.about-specialty i[b-g4e82f51ud] {
    color: #D600AA;
    font-size: 1.1rem;
}

.bio-card[b-g4e82f51ud] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 16px;
    border: 1px solid rgba(214, 0, 170, 0.2);
    padding: 32px;
    margin-bottom: 24px;
}

.bio-header[b-g4e82f51ud] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(214, 0, 170, 0.3);
}

.bio-header i[b-g4e82f51ud] {
    font-size: 32px;
    color: #D600AA;
}

.bio-header h3[b-g4e82f51ud] {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    margin: 0;
}

.bio-text p[b-g4e82f51ud] {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

.info-card[b-g4e82f51ud] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 12px;
    border: 1px solid rgba(214, 0, 170, 0.2);
    padding: 20px 24px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
}

.info-card:hover[b-g4e82f51ud] {
    border-color: #D600AA;
    transform: translateX(4px);
}

.info-icon[b-g4e82f51ud] {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #D600AA 0%, #9d0079 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.info-icon i[b-g4e82f51ud] {
    font-size: 1.5rem;
    color: white;
}

.info-content[b-g4e82f51ud] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-label[b-g4e82f51ud] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.info-value[b-g4e82f51ud] {
    font-size: 1.1rem;
    color: white;
    font-weight: 600;
}

/* ========================================
   SOCIAL SECTION - REDESIGNED
   ======================================== */
.social-card[b-g4e82f51ud] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border-radius: 16px;
    border: 1px solid rgba(214, 0, 170, 0.2);
    padding: 32px;
    margin-bottom: 32px;
}

.social-card-header[b-g4e82f51ud] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.social-card-header i[b-g4e82f51ud] {
    font-size: 1.5rem;
    color: #D600AA;
}

.social-card-header h3[b-g4e82f51ud] {
    font-size: 1.4rem;
    font-weight: 700;
    color: white;
    margin: 0;
}

.social-grid[b-g4e82f51ud] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.social-button[b-g4e82f51ud] {
    background: linear-gradient(135deg, rgba(43, 0, 58, 0.8) 0%, rgba(26, 0, 36, 0.9) 100%);
    border: 2px solid rgba(214, 0, 170, 0.3);
    border-radius: 12px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.social-button[b-g4e82f51ud]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s ease;
}

.social-button:hover[b-g4e82f51ud]::before {
    left: 100%;
}

.social-button:hover[b-g4e82f51ud] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(214, 0, 170, 0.4);
}

.social-button.instagram[b-g4e82f51ud] {
    border-color: rgba(225, 48, 108, 0.5);
}

.social-button.instagram:hover[b-g4e82f51ud] {
    border-color: #E1306C;
    background: linear-gradient(135deg, rgba(225, 48, 108, 0.2) 0%, rgba(26, 0, 36, 0.9) 100%);
}

.social-button.whatsapp[b-g4e82f51ud] {
    border-color: rgba(37, 211, 102, 0.5);
}

.social-button.whatsapp:hover[b-g4e82f51ud] {
    border-color: #25D366;
    background: linear-gradient(135deg, rgba(37, 211, 102, 0.2) 0%, rgba(26, 0, 36, 0.9) 100%);
}

.social-icon[b-g4e82f51ud] {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #D600AA 0%, #9d0079 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.social-button.instagram .social-icon[b-g4e82f51ud] {
    background: linear-gradient(135deg, #E1306C 0%, #C13584 100%);
}

.social-button.whatsapp .social-icon[b-g4e82f51ud] {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
}

.social-icon i[b-g4e82f51ud] {
    font-size: 1.8rem;
    color: white;
}

.social-text[b-g4e82f51ud] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.social-platform[b-g4e82f51ud] {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.social-handle[b-g4e82f51ud] {
    font-size: 1.1rem;
    color: white;
    font-weight: 600;
}

.social-arrow[b-g4e82f51ud] {
    font-size: 1.2rem;
    color: rgba(214, 0, 170, 0.6);
    transition: all 0.3s ease;
}

.social-button:hover .social-arrow[b-g4e82f51ud] {
    color: #D600AA;
    transform: translateX(4px);
}

/* ========================================
   DISCLAIMER - REDESIGNED
   ======================================== */
.disclaimer-card[b-g4e82f51ud] {
    background: linear-gradient(135deg, rgba(43, 0, 58, 0.4) 0%, rgba(26, 0, 36, 0.6) 100%);
    border-left: 4px solid #D600AA;
    border-radius: 12px;
    padding: 28px;
    display: flex;
    gap: 20px;
}

.disclaimer-icon[b-g4e82f51ud] {
    flex-shrink: 0;
}

.disclaimer-icon i[b-g4e82f51ud] {
    font-size: 2rem;
    color: #D600AA;
}

.disclaimer-content h4[b-g4e82f51ud] {
    font-size: 1.1rem;
    font-weight: 700;
    color: white;
    margin: 0 0 16px 0;
}

.disclaimer-content ul[b-g4e82f51ud] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.disclaimer-content li[b-g4e82f51ud] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
}

.disclaimer-content li i[b-g4e82f51ud] {
    font-size: 1rem;
    color: #D600AA;
    margin-top: 2px;
    flex-shrink: 0;
}

.disclaimer-content li i.fa-exclamation-triangle[b-g4e82f51ud] {
    color: #FFA500;
}

/* ========================================
   APP DOWNLOAD SECTION - REDESIGNED
   ======================================== */
.app-download-section[b-g4e82f51ud] {
    background: linear-gradient(135deg, rgba(43, 0, 58, 0.3) 0%, rgba(26, 0, 36, 0.5) 100%);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

.app-download-section[b-g4e82f51ud]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(214, 0, 170, 0.15) 0%, transparent 70%);
    border-radius: 50%;
}

.app-download-card[b-g4e82f51ud] {
    background: linear-gradient(135deg, rgba(43, 0, 58, 0.8) 0%, rgba(26, 0, 36, 0.9) 100%);
    border: 2px solid rgba(214, 0, 170, 0.3);
    border-radius: 24px;
    padding: 48px;
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 48px;
    align-items: center;
}

.app-download-card[b-g4e82f51ud]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent 0%, rgba(214, 0, 170, 0.05) 50%, transparent 100%);
    pointer-events: none;
}

.app-download-content[b-g4e82f51ud] {
    flex: 1;
    position: relative;
    z-index: 1;
}

.app-download-header[b-g4e82f51ud] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 32px;
}

.app-phones-illustration[b-g4e82f51ud] {
    position: relative;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

.app-phones-illustration i[b-g4e82f51ud] {
    position: absolute;
    font-size: 48px;
    color: #D600AA;
    transition: all 0.3s ease;
}

.app-phones-illustration i:first-child[b-g4e82f51ud] {
    left: 0;
    top: 0;
    transform: rotate(-15deg);
}

.app-phones-illustration i:last-child[b-g4e82f51ud] {
    right: 0;
    bottom: 0;
    transform: rotate(15deg);
    opacity: 0.6;
}

.app-download-card:hover .app-phones-illustration i:first-child[b-g4e82f51ud] {
    transform: rotate(-20deg) translateY(-4px);
}

.app-download-card:hover .app-phones-illustration i:last-child[b-g4e82f51ud] {
    transform: rotate(20deg) translateY(4px);
}

.app-download-title h3[b-g4e82f51ud] {
    font-size: 2rem;
    font-weight: 700;
    color: white;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

.app-download-title p[b-g4e82f51ud] {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    line-height: 1.5;
}

.app-features[b-g4e82f51ud] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 32px;
    padding: 24px 0;
    border-top: 1px solid rgba(214, 0, 170, 0.2);
    border-bottom: 1px solid rgba(214, 0, 170, 0.2);
}

.feature-item[b-g4e82f51ud] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    font-weight: 600;
}

.feature-item i[b-g4e82f51ud] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, rgba(214, 0, 170, 0.3) 0%, rgba(214, 0, 170, 0.1) 100%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #D600AA;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.app-store-buttons[b-g4e82f51ud] {
    display: flex;
    gap: 20px;
}

.store-button[b-g4e82f51ud] {
    flex: 1;
    background: linear-gradient(135deg, #D600AA 0%, #9d0079 100%);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.store-button[b-g4e82f51ud]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s ease;
}

.store-button:hover[b-g4e82f51ud]::before {
    left: 100%;
}

.store-button:hover[b-g4e82f51ud] {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(214, 0, 170, 0.5);
    border-color: rgba(255, 255, 255, 0.3);
}

.store-button i[b-g4e82f51ud] {
    font-size: 2.5rem;
    color: white;
    flex-shrink: 0;
}

.store-text[b-g4e82f51ud] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.store-label[b-g4e82f51ud] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.store-name[b-g4e82f51ud] {
    font-size: 1.2rem;
    color: white;
    font-weight: 700;
    line-height: 1;
}

.app-download-illustration[b-g4e82f51ud] {
    flex-shrink: 0;
    position: relative;
}

.illustration-circle[b-g4e82f51ud] {
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, rgba(214, 0, 170, 0.3) 0%, rgba(214, 0, 170, 0.1) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(214, 0, 170, 0.4);
    animation: pulse-slow-b-g4e82f51ud 3s ease-in-out infinite;
}

.illustration-circle i[b-g4e82f51ud] {
    font-size: 80px;
    color: #D600AA;
    animation: heartbeat-b-g4e82f51ud 1.5s ease-in-out infinite;
}

@keyframes pulse-slow-b-g4e82f51ud {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(214, 0, 170, 0.4);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 0 0 20px rgba(214, 0, 170, 0);
    }
}

@keyframes heartbeat-b-g4e82f51ud {
    0%, 100% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.15);
    }
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
    .professional-detail-hero[b-g4e82f51ud] {
        padding: 30px 0 40px;
    }

    .hero-content[b-g4e82f51ud] {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }

    .professional-name[b-g4e82f51ud] {
        font-size: 2rem;
    }

    .professional-specialty[b-g4e82f51ud] {
        justify-content: center;
    }

    .professional-document[b-g4e82f51ud] {
        justify-content: center;
    }

    .professional-photo-large[b-g4e82f51ud],
    .photo-placeholder-large[b-g4e82f51ud] {
        width: 150px;
        height: 150px;
    }

    .photo-placeholder-large i[b-g4e82f51ud] {
        font-size: 60px;
    }

    .tab-button[b-g4e82f51ud] {
        font-size: 0.9rem;
        padding: 16px;
    }

    .professional-content-section[b-g4e82f51ud] {
        padding: 40px 0;
    }

    .section-title[b-g4e82f51ud] {
        font-size: 1.5rem;
    }

    .courses-grid[b-g4e82f51ud] {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .exclusive-app-notice[b-g4e82f51ud] {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }

    .notice-icon[b-g4e82f51ud] {
        width: 50px;
        height: 50px;
    }

    .notice-icon i[b-g4e82f51ud] {
        font-size: 24px;
    }

    .notice-content h4[b-g4e82f51ud] {
        font-size: 1.1rem;
    }

    .notice-content p[b-g4e82f51ud] {
        font-size: 0.9rem;
    }

    .course-cover[b-g4e82f51ud] {
        height: 180px;
    }

    .cta-download-app[b-g4e82f51ud] {
        padding: 28px;
    }

    .cta-header[b-g4e82f51ud] {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .cta-icon-wrapper[b-g4e82f51ud] {
        width: 70px;
        height: 70px;
    }

    .cta-icon-wrapper i[b-g4e82f51ud] {
        font-size: 32px;
    }

    .cta-text-content h3[b-g4e82f51ud] {
        font-size: 1.5rem;
    }

    .cta-text-content p[b-g4e82f51ud] {
        font-size: 0.95rem;
    }

    .cta-buttons-row[b-g4e82f51ud] {
        flex-direction: column;
        gap: 16px;
    }

    .cta-store-button[b-g4e82f51ud] {
        max-width: 100%;
        justify-content: center;
    }

    /* About Section Responsive */
    .about-header[b-g4e82f51ud] {
        flex-direction: column;
        text-align: center;
        padding: 24px;
    }

    .about-avatar[b-g4e82f51ud] {
        width: 80px;
        height: 80px;
    }

    .about-avatar i[b-g4e82f51ud] {
        font-size: 36px;
    }

    .about-title h2[b-g4e82f51ud] {
        font-size: 1.5rem;
    }

    .about-specialty[b-g4e82f51ud] {
        justify-content: center;
    }

    .bio-card[b-g4e82f51ud] {
        padding: 24px;
    }

    .bio-header[b-g4e82f51ud] {
        flex-direction: column;
        text-align: center;
    }

    .bio-text p[b-g4e82f51ud] {
        text-align: left;
        font-size: 1rem;
    }

    .info-card[b-g4e82f51ud] {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }

    .info-content[b-g4e82f51ud] {
        align-items: center;
    }

    .social-card[b-g4e82f51ud] {
        padding: 24px;
    }

    .social-card-header[b-g4e82f51ud] {
        flex-direction: column;
        text-align: center;
    }

    .disclaimer-card[b-g4e82f51ud] {
        flex-direction: column;
        text-align: center;
        padding: 24px;
    }

    .disclaimer-content li[b-g4e82f51ud] {
        flex-direction: column;
        text-align: center;
    }

    /* App Download Section Responsive */
    .app-download-section[b-g4e82f51ud] {
        padding: 60px 0;
    }

    .app-download-card[b-g4e82f51ud] {
        flex-direction: column;
        padding: 32px;
        gap: 32px;
    }

    .app-download-header[b-g4e82f51ud] {
        flex-direction: column;
        text-align: center;
    }

    .app-download-title h3[b-g4e82f51ud] {
        font-size: 1.6rem;
    }

    .app-download-title p[b-g4e82f51ud] {
        font-size: 1rem;
    }

    .app-features[b-g4e82f51ud] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .app-store-buttons[b-g4e82f51ud] {
        flex-direction: column;
    }

    .illustration-circle[b-g4e82f51ud] {
        width: 150px;
        height: 150px;
    }

    .illustration-circle i[b-g4e82f51ud] {
        font-size: 60px;
    }
}

@media (max-width: 480px) {
    .professional-name[b-g4e82f51ud] {
        font-size: 1.75rem;
    }

    .professional-specialty[b-g4e82f51ud] {
        font-size: 1rem;
    }

    .professional-photo-large[b-g4e82f51ud],
    .photo-placeholder-large[b-g4e82f51ud] {
        width: 120px;
        height: 120px;
    }

    .course-body[b-g4e82f51ud] {
        padding: 20px;
    }

    .course-title-vertical[b-g4e82f51ud] {
        font-size: 1.15rem;
    }

    .course-cover[b-g4e82f51ud] {
        height: 160px;
    }

    .cta-download-app[b-g4e82f51ud] {
        padding: 24px;
    }

    .cta-icon-wrapper[b-g4e82f51ud] {
        width: 60px;
        height: 60px;
    }

    .cta-icon-wrapper i[b-g4e82f51ud] {
        font-size: 28px;
    }

    .cta-text-content h3[b-g4e82f51ud] {
        font-size: 1.3rem;
    }

    .cta-store-button[b-g4e82f51ud] {
        padding: 16px 24px;
    }

    .cta-store-button i[b-g4e82f51ud] {
        font-size: 2rem;
    }

    .button-store[b-g4e82f51ud] {
        font-size: 1.1rem;
    }

    .purchase-info[b-g4e82f51ud] {
        padding: 24px;
    }

    .about-header[b-g4e82f51ud] {
        padding: 20px;
    }

    .about-avatar[b-g4e82f51ud] {
        width: 70px;
        height: 70px;
    }

    .about-title h2[b-g4e82f51ud] {
        font-size: 1.3rem;
    }

    .bio-card[b-g4e82f51ud] {
        padding: 20px;
    }

    .bio-header[b-g4e82f51ud] {
        margin-bottom: 20px;
    }

    .bio-header i[b-g4e82f51ud] {
        font-size: 24px;
    }

    .bio-header h3[b-g4e82f51ud] {
        font-size: 1.2rem;
    }

    .social-card[b-g4e82f51ud] {
        padding: 20px;
    }

    .social-button[b-g4e82f51ud] {
        padding: 16px 20px;
    }

    .social-icon[b-g4e82f51ud] {
        width: 48px;
        height: 48px;
    }

    .social-icon i[b-g4e82f51ud] {
        font-size: 1.5rem;
    }

    .app-download-card[b-g4e82f51ud] {
        padding: 24px;
    }

    .app-download-title h3[b-g4e82f51ud] {
        font-size: 1.4rem;
    }

    .app-phones-illustration[b-g4e82f51ud] {
        width: 60px;
        height: 60px;
    }

    .app-phones-illustration i[b-g4e82f51ud] {
        font-size: 36px;
    }

    .feature-item[b-g4e82f51ud] {
        font-size: 0.85rem;
    }

    .feature-item i[b-g4e82f51ud] {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .store-button[b-g4e82f51ud] {
        padding: 16px 20px;
    }

    .store-button i[b-g4e82f51ud] {
        font-size: 2rem;
    }

    .store-name[b-g4e82f51ud] {
        font-size: 1.1rem;
    }

    .illustration-circle[b-g4e82f51ud] {
        width: 120px;
        height: 120px;
    }

    .illustration-circle i[b-g4e82f51ud] {
        font-size: 48px;
    }
}
/* /Pages/ShareProgressModal.razor.rz.scp.css */
/* ===== SHARE MODAL ===== */
.share-overlay[b-o7oshwgw2w] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 0, 36, 0.95);
    backdrop-filter: blur(10px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: fadeIn-b-o7oshwgw2w 0.3s ease;
}

.share-modal[b-o7oshwgw2w] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.95) 0%, rgba(26, 0, 36, 0.95) 100%);
    border: 2px solid rgba(214, 0, 170, 0.4);
    border-radius: 30px;
    max-width: 500px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 20px 60px rgba(214, 0, 170, 0.3);
    animation: slideUp-b-o7oshwgw2w 0.4s ease;
}

@keyframes fadeIn-b-o7oshwgw2w {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-o7oshwgw2w {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.share-close-btn[b-o7oshwgw2w] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(214, 0, 170, 0.4);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.share-close-btn i[b-o7oshwgw2w] {
    font-size: 1.1rem;
}

.share-close-btn:hover[b-o7oshwgw2w] {
    background: rgba(214, 0, 170, 0.3);
    border-color: #D600AA;
    transform: rotate(90deg);
}

.share-content[b-o7oshwgw2w] {
    padding: 2.5rem 2rem 2rem;
    text-align: center;
}

.share-content h2[b-o7oshwgw2w] {
    color: white;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.share-subtitle[b-o7oshwgw2w] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
    margin: 0 0 2rem 0;
}

/* ===== CARD PREVIEW (9:16) ===== */
.card-preview[b-o7oshwgw2w] {
    margin: 0 auto 2rem;
    max-width: 300px;
    position: relative;
}

.preview-card[b-o7oshwgw2w] {
    aspect-ratio: 9/16;
    background: linear-gradient(180deg, #2B003A 0%, #1a0024 50%, #0e0013 100%);
    border-radius: 20px;
    padding: 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 10px 40px rgba(214, 0, 170, 0.4);
    border: 2px solid rgba(214, 0, 170, 0.3);
    position: relative;
    overflow: hidden;
}

/* Decoração de fundo */
.preview-card[b-o7oshwgw2w]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(214, 0, 170, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.preview-card[b-o7oshwgw2w]::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -20%;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(155, 92, 255, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.preview-header[b-o7oshwgw2w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

.preview-logo[b-o7oshwgw2w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
    font-weight: 700;
    font-size: 1.1rem;
}

.preview-logo i[b-o7oshwgw2w] {
    color: #D600AA;
    font-size: 1.2rem;
}

.preview-badge[b-o7oshwgw2w] {
    background: linear-gradient(135deg, #D600AA, #ff00d4);
    color: white;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(214, 0, 170, 0.4);
}

.preview-body[b-o7oshwgw2w] {
    text-align: center;
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 0;
}

.preview-icon[b-o7oshwgw2w] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, #D600AA 0%, #ff00d4 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(214, 0, 170, 0.5);
}

.preview-icon i[b-o7oshwgw2w] {
    font-size: 2.5rem;
    color: white;
}

.preview-body h3[b-o7oshwgw2w] {
    color: white;
    font-size: 1.3rem;
    font-weight: 800;
    margin: 0 0 0.75rem 0;
    line-height: 1.3;
}

.preview-description[b-o7oshwgw2w] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0 0 1.5rem 0;
}

.preview-stats[b-o7oshwgw2w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: auto;
}

.preview-stat[b-o7oshwgw2w] {
    background: rgba(214, 0, 170, 0.15);
    border: 1px solid rgba(214, 0, 170, 0.3);
    border-radius: 15px;
    padding: 1rem 0.5rem;
}

.stat-value[b-o7oshwgw2w] {
    color: #D600AA;
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1;
}

.stat-label[b-o7oshwgw2w] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.preview-footer[b-o7oshwgw2w] {
    text-align: center;
    position: relative;
    z-index: 1;
}

.preview-trail-name[b-o7oshwgw2w] {
    color: white;
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.preview-url[b-o7oshwgw2w] {
    color: #D600AA;
    font-size: 0.85rem;
    font-weight: 600;
}

/* ===== BOTÕES DE COMPARTILHAMENTO ===== */
.share-buttons[b-o7oshwgw2w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.share-btn[b-o7oshwgw2w] {
    padding: 0.9rem 1.2rem;
    border: none;
    border-radius: 15px;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: white;
}

.share-btn i[b-o7oshwgw2w] {
    font-size: 1.1rem;
}

.share-btn:hover[b-o7oshwgw2w] {
    transform: translateY(-2px);
}

.share-btn-download[b-o7oshwgw2w] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.share-btn-download:hover[b-o7oshwgw2w] {
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
}

.share-btn-whatsapp[b-o7oshwgw2w] {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
}

.share-btn-whatsapp:hover[b-o7oshwgw2w] {
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
}

.share-btn-instagram[b-o7oshwgw2w] {
    background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    box-shadow: 0 4px 15px rgba(188, 24, 136, 0.4);
}

.share-btn-instagram:hover[b-o7oshwgw2w] {
    box-shadow: 0 6px 20px rgba(188, 24, 136, 0.6);
}

.share-btn-facebook[b-o7oshwgw2w] {
    background: linear-gradient(135deg, #1877f2 0%, #0d5dbf 100%);
    box-shadow: 0 4px 15px rgba(24, 119, 242, 0.4);
}

.share-btn-facebook:hover[b-o7oshwgw2w] {
    box-shadow: 0 6px 20px rgba(24, 119, 242, 0.6);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .share-content[b-o7oshwgw2w] {
        padding: 2rem 1.5rem 1.5rem;
    }

    .share-content h2[b-o7oshwgw2w] {
        font-size: 1.5rem;
    }

    .share-subtitle[b-o7oshwgw2w] {
        font-size: 0.9rem;
    }

    .card-preview[b-o7oshwgw2w] {
        max-width: 250px;
    }

    .preview-body h3[b-o7oshwgw2w] {
        font-size: 1.1rem;
    }

    .preview-description[b-o7oshwgw2w] {
        font-size: 0.85rem;
    }

    .share-buttons[b-o7oshwgw2w] {
        grid-template-columns: 1fr;
    }

    .share-close-btn[b-o7oshwgw2w] {
        top: 0.75rem;
        right: 0.75rem;
        width: 36px;
        height: 36px;
    }

    .share-close-btn i[b-o7oshwgw2w] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .share-modal[b-o7oshwgw2w] {
        max-width: 95vw;
    }

    .card-preview[b-o7oshwgw2w] {
        max-width: 220px;
    }

    .preview-icon[b-o7oshwgw2w] {
        width: 60px;
        height: 60px;
    }

    .preview-icon i[b-o7oshwgw2w] {
        font-size: 2rem;
    }

    .preview-body h3[b-o7oshwgw2w] {
        font-size: 1rem;
    }

    .stat-value[b-o7oshwgw2w] {
        font-size: 1.5rem;
    }
}

/* /Pages/Sobre.razor.rz.scp.css */
/* Hero Sobre */
.sobre-hero[b-m61lthlsny] {
    background: linear-gradient(135deg, #2B003A 0%, #4A0059 100%);
    padding: 4rem 0;
    text-align: center;
}

.sobre-hero .container[b-m61lthlsny] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.sobre-title[b-m61lthlsny] {
    color: white;
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    text-shadow: 0 2px 10px rgba(214, 0, 170, 0.5);
}

.sobre-subtitle[b-m61lthlsny] {
    color: #D600AA;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0;
}

/* Conte�do */
.sobre-content[b-m61lthlsny] {
    background: #1a0024;
    padding: 4rem 0;
    min-height: 60vh;
}

.sobre-content .container[b-m61lthlsny] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Cards */
.sobre-card[b-m61lthlsny] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border: 1px solid rgba(214, 0, 170, 0.2);
    border-radius: 20px;
    padding: 2.5rem;
    margin-bottom: 2rem;
    transition: all 0.3s ease;
}

.sobre-card:hover[b-m61lthlsny] {
    border-color: #D600AA;
    box-shadow: 0 10px 40px rgba(214, 0, 170, 0.2);
    transform: translateY(-5px);
}

.card-icon[b-m61lthlsny] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #D600AA;
}

.card-title[b-m61lthlsny] {
    color: white;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
}

.card-text[b-m61lthlsny] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.1rem;
    line-height: 1.8;
    margin: 0;
}

.card-text strong[b-m61lthlsny] {
    color: #D600AA;
}

/* Download Section Minimalista */
.app-download-section[b-m61lthlsny] {
    margin-top: 3rem;
}

.download-card[b-m61lthlsny] {
    background: linear-gradient(135deg, rgba(214, 0, 170, 0.1) 0%, rgba(74, 0, 89, 0.2) 100%);
    border: 1px solid rgba(214, 0, 170, 0.3);
    border-radius: 20px;
    padding: 3rem;
    text-align: center;
}

.download-title[b-m61lthlsny] {
    color: white;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.75rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.download-title i[b-m61lthlsny] {
    color: #D600AA;
    font-size: 1.8rem;
}

.download-subtitle[b-m61lthlsny] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.1rem;
    margin: 0 0 2rem 0;
}

.download-buttons[b-m61lthlsny] {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.app-badge[b-m61lthlsny] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(214, 0, 170, 0.3);
    padding: 0.9rem 1.5rem;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.app-badge:hover[b-m61lthlsny] {
    background: rgba(214, 0, 170, 0.15);
    border-color: #D600AA;
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(214, 0, 170, 0.4);
}

.app-badge i[b-m61lthlsny] {
    font-size: 2.5rem;
}

/* �cone Apple - Cor original branca */
.app-badge i.fa-apple[b-m61lthlsny] {
    color: #ffffff;
}

/* �cone Google Play - Cores originais do Google */
.app-badge i.fa-google-play[b-m61lthlsny] {
    color: #34A853; /* Verde do Google Play */
}

.badge-text[b-m61lthlsny] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.badge-small[b-m61lthlsny] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-large[b-m61lthlsny] {
    color: white;
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 0.1rem;
}

/* Responsividade */
@media (max-width: 768px) {
    .sobre-title[b-m61lthlsny] {
        font-size: 2rem;
    }

    .sobre-subtitle[b-m61lthlsny] {
        font-size: 1.2rem;
    }

    .sobre-card[b-m61lthlsny] {
        padding: 2rem;
    }

    .card-title[b-m61lthlsny] {
        font-size: 1.5rem;
    }

    .card-text[b-m61lthlsny] {
        font-size: 1rem;
    }

    .download-card[b-m61lthlsny] {
        padding: 2rem;
    }

    .download-title[b-m61lthlsny] {
        font-size: 1.6rem;
    }

    .download-subtitle[b-m61lthlsny] {
        font-size: 1rem;
    }

    .download-buttons[b-m61lthlsny] {
        flex-direction: column;
        gap: 1rem;
        width: 100%;
    }

    .app-badge[b-m61lthlsny] {
        width: 100%;
        justify-content: center;
    }

    .badge-text[b-m61lthlsny] {
        align-items: center;
        text-align: center;
    }
}
/* /Pages/Termos.razor.rz.scp.css */
/* Hero Legal */
.legal-hero[b-942ojf0ejt] {
    background: linear-gradient(135deg, #2B003A 0%, #4A0059 100%);
    padding: 4rem 0;
    text-align: center;
}

.legal-hero .container[b-942ojf0ejt] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.legal-title[b-942ojf0ejt] {
    color: white;
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    text-shadow: 0 2px 10px rgba(214, 0, 170, 0.5);
}

.legal-date[b-942ojf0ejt] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 1rem;
    margin: 0;
    font-style: italic;
}

/* Conte�do */
.legal-content[b-942ojf0ejt] {
    background: #1a0024;
    padding: 4rem 0;
    min-height: 60vh;
}

.legal-content .container[b-942ojf0ejt] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Cards */
.legal-card[b-942ojf0ejt] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.6) 0%, rgba(26, 0, 36, 0.8) 100%);
    border: 1px solid rgba(214, 0, 170, 0.2);
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 2rem;
}

.legal-card h2[b-942ojf0ejt] {
    color: #D600AA;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
}

.legal-card p[b-942ojf0ejt] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.05rem;
    line-height: 1.8;
    margin: 0 0 1rem 0;
}

.legal-card p:last-child[b-942ojf0ejt] {
    margin-bottom: 0;
}

.legal-card strong[b-942ojf0ejt] {
    color: white;
    font-weight: 600;
}

/* Listas */
.contact-list[b-942ojf0ejt],
.terms-list[b-942ojf0ejt] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.05rem;
    line-height: 1.8;
    margin: 1rem 0;
    padding-left: 1.5rem;
}

.contact-list li[b-942ojf0ejt],
.terms-list li[b-942ojf0ejt] {
    margin-bottom: 0.5rem;
}

.contact-list a[b-942ojf0ejt],
.text-link[b-942ojf0ejt] {
    color: #D600AA;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.contact-list a:hover[b-942ojf0ejt],
.text-link:hover[b-942ojf0ejt] {
    color: #ff00d4;
}

/* Responsividade */
@media (max-width: 768px) {
    .legal-title[b-942ojf0ejt] {
        font-size: 2rem;
    }

    .legal-card[b-942ojf0ejt] {
        padding: 1.5rem;
    }

    .legal-card h2[b-942ojf0ejt] {
        font-size: 1.3rem;
    }

    .legal-card p[b-942ojf0ejt] {
        font-size: 1rem;
    }
}
/* /Pages/Trilha.razor.rz.scp.css */
/* ===================================
   TRILHA - Mobile First Design
   =================================== */

.trilha-container[b-lfxo1la49x] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 16px 80px;
    min-height: 100vh;
}

/* Loading & Error States */
.loading-state[b-lfxo1la49x],
.error-state[b-lfxo1la49x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    text-align: center;
    gap: 20px;
}

.loading-state p[b-lfxo1la49x],
.error-state p[b-lfxo1la49x] {
    color: #c9bbff;
    font-size: 16px;
}

.loading-spinner[b-lfxo1la49x] {
    width: 48px;
    height: 48px;
    border: 3px solid rgba(155, 92, 255, 0.2);
    border-top-color: #d600aa;
    border-radius: 50%;
    animation: spin-b-lfxo1la49x 1s linear infinite;
}

@keyframes spin-b-lfxo1la49x {
    to { transform: rotate(360deg); }
}

/* ===================================
   STEP 1: Intro & Track Selection
   =================================== */

.intro-section[b-lfxo1la49x] {
    text-align: center;
    padding: 40px 20px;
}

.intro-icon[b-lfxo1la49x] {
    font-size: 48px;
    margin-bottom: 16px;
    animation: pulse-b-lfxo1la49x 2s ease-in-out infinite;
}

@keyframes pulse-b-lfxo1la49x {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.intro-section h1[b-lfxo1la49x] {
    font-size: 24px;
    font-weight: 700;
    color: #f7f0ff;
    margin: 0 0 12px;
    line-height: 1.3;
}

.intro-section p[b-lfxo1la49x] {
    font-size: 15px;
    color: #c9bbff;
    margin: 0;
    line-height: 1.5;
}

.track-selection[b-lfxo1la49x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
}

.track-card[b-lfxo1la49x] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    color: #f7f0ff;
}

.track-card:hover[b-lfxo1la49x] {
    background: rgba(214, 0, 170, 0.08);
    border-color: rgba(214, 0, 170, 0.3);
    transform: translateY(-2px);
}

.track-card:active[b-lfxo1la49x] {
    transform: scale(0.98);
}

.track-emoji[b-lfxo1la49x] {
    font-size: 32px;
    flex-shrink: 0;
}

.track-label[b-lfxo1la49x] {
    font-size: 16px;
    font-weight: 600;
}

/* ===================================
   STEP 2: Quiz Section
   =================================== */

.quiz-section[b-lfxo1la49x] {
    padding-top: 8px;
}

.quiz-header[b-lfxo1la49x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.back-btn[b-lfxo1la49x] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    color: #c9bbff;
    font-size: 14px;
    cursor: pointer;
    padding: 8px 0;
    transition: color 0.2s ease;
}

.back-btn:hover[b-lfxo1la49x] {
    color: #ff9ae5;
}

.back-btn span[b-lfxo1la49x] {
    font-size: 18px;
}

.progress-info[b-lfxo1la49x] {
    text-align: right;
}

.progress-text[b-lfxo1la49x] {
    font-size: 13px;
    color: #9b8ec9;
    font-weight: 500;
}

/* Progress Bar */
.progress-bar-container[b-lfxo1la49x] {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 100px;
    overflow: hidden;
    margin-bottom: 32px;
}

.progress-bar-fill[b-lfxo1la49x] {
    height: 100%;
    background: linear-gradient(90deg, #d600aa, #9b5cff);
    border-radius: 100px;
    transition: width 0.3s ease;
}

/* Question Wrapper */
.question-wrapper[b-lfxo1la49x] {
    background: rgba(30, 20, 50, 0.8);
    border: 1px solid rgba(155, 92, 255, 0.2);
    border-radius: 20px;
    padding: 24px 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.question-number[b-lfxo1la49x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #d600aa, #9b5cff);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    margin-bottom: 16px;
}

.question-text[b-lfxo1la49x] {
    font-size: 17px;
    font-weight: 600;
    color: #f7f0ff;
    line-height: 1.5;
    margin: 0 0 24px;
}

/* Options */
.options-list[b-lfxo1la49x] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.option-btn[b-lfxo1la49x] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
}

.option-btn:hover[b-lfxo1la49x] {
    border-color: rgba(214, 0, 170, 0.5);
    background: rgba(214, 0, 170, 0.08);
}

.option-btn.selected[b-lfxo1la49x] {
    border-color: #d600aa;
    background: linear-gradient(135deg, rgba(214, 0, 170, 0.15), rgba(155, 92, 255, 0.15));
}

.option-radio[b-lfxo1la49x] {
    width: 22px;
    height: 22px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    transition: all 0.2s ease;
}

.option-radio.checked[b-lfxo1la49x] {
    border-color: #d600aa;
    background: #d600aa;
}

.option-radio.checked[b-lfxo1la49x]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
}

.option-label[b-lfxo1la49x] {
    font-size: 14px;
    font-weight: 500;
    color: #d2c4ff;
    letter-spacing: 0;
    text-transform: none;
}

.option-btn.selected .option-label[b-lfxo1la49x] {
    color: #ff9ae5;
}

/* Navigation Buttons */
.nav-buttons[b-lfxo1la49x] {
    display: flex;
    gap: 12px;
    margin-top: 24px;
}

.nav-btn[b-lfxo1la49x] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 14px 20px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nav-btn.secondary[b-lfxo1la49x] {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #c9bbff;
}

.nav-btn.secondary:hover:not(:disabled)[b-lfxo1la49x] {
    border-color: rgba(255, 255, 255, 0.25);
    color: #fff;
}

.nav-btn.secondary:disabled[b-lfxo1la49x] {
    opacity: 0.3;
    cursor: not-allowed;
}

.nav-btn.primary[b-lfxo1la49x] {
    background: linear-gradient(135deg, #d600aa, #9b5cff);
    border: none;
    color: #fff;
    box-shadow: 0 6px 20px rgba(214, 0, 170, 0.3);
}

.nav-btn.primary:hover:not(:disabled)[b-lfxo1la49x] {
    transform: translateY(-1px);
    box-shadow: 0 8px 25px rgba(214, 0, 170, 0.4);
}

.nav-btn.primary:disabled[b-lfxo1la49x] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: none;
}

.nav-btn.finish[b-lfxo1la49x] {
    background: linear-gradient(135deg, #00c896, #00a3ff);
}

.nav-btn span[b-lfxo1la49x] {
    font-size: 18px;
}

.hint-text[b-lfxo1la49x] {
    text-align: center;
    font-size: 13px;
    color: #9b8ec9;
    margin: 16px 0 0;
}

/* ===================================
   STEP 3: Results Section
   =================================== */

.result-section[b-lfxo1la49x] {
    padding-top: 8px;
}

.result-header[b-lfxo1la49x] {
    text-align: center;
    padding: 24px 0 32px;
}

.result-score-circle[b-lfxo1la49x] {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, #d600aa, #9b5cff);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 40px rgba(214, 0, 170, 0.35);
}

.score-value[b-lfxo1la49x] {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
}

.result-header h2[b-lfxo1la49x] {
    font-size: 22px;
    font-weight: 700;
    color: #f7f0ff;
    margin: 0 0 8px;
}

.result-subtitle[b-lfxo1la49x] {
    font-size: 14px;
    color: #c9bbff;
    margin: 0;
}

/* Result Cards */
.result-cards[b-lfxo1la49x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.result-card[b-lfxo1la49x] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 18px;
}

.result-card.strengths[b-lfxo1la49x] {
    border-color: rgba(0, 200, 150, 0.25);
    background: rgba(0, 200, 150, 0.05);
}

.result-card.improvements[b-lfxo1la49x] {
    border-color: rgba(255, 165, 0, 0.25);
    background: rgba(255, 165, 0, 0.05);
}

.result-card h3[b-lfxo1la49x] {
    font-size: 15px;
    font-weight: 700;
    color: #f7f0ff;
    margin: 0 0 12px;
}

.result-card ul[b-lfxo1la49x] {
    margin: 0;
    padding-left: 18px;
}

.result-card li[b-lfxo1la49x] {
    font-size: 14px;
    color: #d2c4ff;
    line-height: 1.6;
    margin-bottom: 8px;
}

.result-card li:last-child[b-lfxo1la49x] {
    margin-bottom: 0;
}

/* Pillar Scores */
.pillar-scores[b-lfxo1la49x] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 24px;
}

.pillar-scores h3[b-lfxo1la49x] {
    font-size: 15px;
    font-weight: 700;
    color: #f7f0ff;
    margin: 0 0 16px;
}

.pillar-item[b-lfxo1la49x] {
    margin-bottom: 14px;
}

.pillar-item:last-child[b-lfxo1la49x] {
    margin-bottom: 0;
}

.pillar-info[b-lfxo1la49x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.pillar-name[b-lfxo1la49x] {
    font-size: 13px;
    color: #d2c4ff;
    font-weight: 500;
}

.pillar-percent[b-lfxo1la49x] {
    font-size: 13px;
    color: #ff9ae5;
    font-weight: 700;
}

.pillar-bar[b-lfxo1la49x] {
    height: 6px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 100px;
    overflow: hidden;
}

.pillar-bar-fill[b-lfxo1la49x] {
    height: 100%;
    background: linear-gradient(90deg, #d600aa, #9b5cff);
    border-radius: 100px;
    transition: width 0.5s ease;
}

/* Result Actions */
.result-actions[b-lfxo1la49x] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
}

.action-btn[b-lfxo1la49x] {
    width: 100%;
    padding: 14px 20px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-btn.primary[b-lfxo1la49x] {
    background: linear-gradient(135deg, #d600aa, #9b5cff);
    border: none;
    color: #fff;
    box-shadow: 0 6px 20px rgba(214, 0, 170, 0.3);
}

.action-btn.primary:hover[b-lfxo1la49x] {
    transform: translateY(-1px);
}

.action-btn.secondary[b-lfxo1la49x] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #c9bbff;
}

.action-btn.secondary:hover[b-lfxo1la49x] {
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
}

/* Email Section */
.email-section[b-lfxo1la49x] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 24px;
}

.email-section h4[b-lfxo1la49x] {
    font-size: 14px;
    font-weight: 600;
    color: #f7f0ff;
    margin: 0 0 12px;
}

.email-input-group[b-lfxo1la49x] {
    display: flex;
    gap: 8px;
}

.email-input-group input[b-lfxo1la49x] {
    flex: 1;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s ease;
}

.email-input-group input[b-lfxo1la49x]::placeholder {
    color: #9b8ec9;
}

.email-input-group input:focus[b-lfxo1la49x] {
    border-color: rgba(214, 0, 170, 0.5);
}

.send-btn[b-lfxo1la49x] {
    padding: 12px 18px;
    background: linear-gradient(135deg, #d600aa, #9b5cff);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.send-btn:disabled[b-lfxo1la49x] {
    opacity: 0.4;
    cursor: not-allowed;
}

.send-btn:not(:disabled):hover[b-lfxo1la49x] {
    transform: translateY(-1px);
}

.email-feedback[b-lfxo1la49x] {
    font-size: 13px;
    margin: 10px 0 0;
    font-weight: 500;
}

.email-feedback.success[b-lfxo1la49x] {
    color: #00c896;
}

.email-feedback.error[b-lfxo1la49x] {
    color: #ff7070;
}

/* App Promo */
.app-promo[b-lfxo1la49x] {
    text-align: center;
    background: linear-gradient(135deg, rgba(214, 0, 170, 0.1), rgba(155, 92, 255, 0.1));
    border: 1px solid rgba(214, 0, 170, 0.2);
    border-radius: 20px;
    padding: 24px 20px;
}

.promo-icon[b-lfxo1la49x] {
    font-size: 36px;
    margin-bottom: 12px;
}

.app-promo h4[b-lfxo1la49x] {
    font-size: 16px;
    font-weight: 700;
    color: #f7f0ff;
    margin: 0 0 8px;
}

.app-promo p[b-lfxo1la49x] {
    font-size: 14px;
    color: #c9bbff;
    margin: 0 0 16px;
    line-height: 1.5;
}

.store-buttons[b-lfxo1la49x] {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.store-link[b-lfxo1la49x] {
    padding: 10px 18px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.store-link:hover[b-lfxo1la49x] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
}

/* ===================================
   Desktop Enhancements
   =================================== */

@media (min-width: 480px) {
    .intro-section h1[b-lfxo1la49x] {
        font-size: 28px;
    }

    .track-selection[b-lfxo1la49x] {
        flex-direction: row;
    }

    .track-card[b-lfxo1la49x] {
        flex: 1;
        flex-direction: column;
        text-align: center;
        padding: 24px;
    }

    .question-wrapper[b-lfxo1la49x] {
        padding: 32px;
    }

    .question-text[b-lfxo1la49x] {
        font-size: 18px;
    }

    .option-btn[b-lfxo1la49x] {
        padding: 18px 20px;
    }

    .result-actions[b-lfxo1la49x] {
        flex-direction: row;
    }

    .action-btn[b-lfxo1la49x] {
        flex: 1;
    }
}

@media (min-width: 768px) {
    .trilha-container[b-lfxo1la49x] {
        padding: 40px 24px 100px;
    }

    .intro-section[b-lfxo1la49x] {
        padding: 60px 20px;
    }

    .intro-icon[b-lfxo1la49x] {
        font-size: 56px;
    }

    .intro-section h1[b-lfxo1la49x] {
        font-size: 32px;
    }

    .intro-section p[b-lfxo1la49x] {
        font-size: 16px;
    }

    .track-card[b-lfxo1la49x] {
        padding: 28px;
    }

    .track-emoji[b-lfxo1la49x] {
        font-size: 40px;
    }

    .track-label[b-lfxo1la49x] {
        font-size: 17px;
    }

    .question-wrapper[b-lfxo1la49x] {
        padding: 40px;
        border-radius: 24px;
    }

    .question-number[b-lfxo1la49x] {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .question-text[b-lfxo1la49x] {
        font-size: 20px;
    }

    .result-score-circle[b-lfxo1la49x] {
        width: 140px;
        height: 140px;
    }

    .score-value[b-lfxo1la49x] {
        font-size: 36px;
    }

    .result-header h2[b-lfxo1la49x] {
        font-size: 26px;
    }

    .result-cards[b-lfxo1la49x] {
        flex-direction: row;
    }

    .result-card[b-lfxo1la49x] {
        flex: 1;
    }
}
/* /Pages/TrilhaOnboarding.razor.rz.scp.css */
/* Overlay */
.trilha-onboarding-overlay[b-zixconalv9] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 0, 36, 0.95);
    backdrop-filter: blur(10px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: fadeIn-b-zixconalv9 0.3s ease;
}

@keyframes fadeIn-b-zixconalv9 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal */
.trilha-onboarding-modal[b-zixconalv9] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.95) 0%, rgba(26, 0, 36, 0.95) 100%);
    border: 2px solid rgba(214, 0, 170, 0.4);
    border-radius: 30px;
    max-width: 800px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 20px 60px rgba(214, 0, 170, 0.3);
    animation: slideUp-b-zixconalv9 0.4s ease;
}

@keyframes slideUp-b-zixconalv9 {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Botão Fechar */
.trilha-close-btn[b-zixconalv9] {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background: transparent;
    border: 2px solid rgba(214, 0, 170, 0.4);
    color: white;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.trilha-close-btn i[b-zixconalv9] {
    font-size: 1.2rem;
}

.trilha-close-btn:hover[b-zixconalv9] {
    background: rgba(214, 0, 170, 0.2);
    border-color: #D600AA;
    transform: rotate(90deg);
}

/* Conteúdo */
.trilha-onboarding-content[b-zixconalv9] {
    padding: 3rem 2.5rem;
    text-align: center;
}

/* Ícone Principal */
.trilha-onboarding-icon[b-zixconalv9] {
    width: 100px;
    height: 100px;
    margin: 0 auto 2rem auto;
    background: linear-gradient(135deg, #D600AA 0%, #ff00d4 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(214, 0, 170, 0.4);
    animation: pulse-b-zixconalv9 2s infinite;
}

@keyframes pulse-b-zixconalv9 {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 10px 30px rgba(214, 0, 170, 0.4);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 15px 40px rgba(214, 0, 170, 0.6);
    }
}

.trilha-onboarding-icon i[b-zixconalv9] {
    font-size: 3rem;
    color: white;
}

/* Título */
.trilha-onboarding-title[b-zixconalv9] {
    color: white;
    font-size: 2.2rem;
    font-weight: 700;
    margin: 0 0 1.5rem 0;
    text-shadow: 0 2px 10px rgba(214, 0, 170, 0.5);
}

/* Texto */
.trilha-onboarding-text[b-zixconalv9] {
    margin-bottom: 2.5rem;
}

.trilha-highlight[b-zixconalv9] {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.15rem;
    line-height: 1.8;
    margin: 0 0 2rem 0;
}

.trilha-highlight strong[b-zixconalv9] {
    color: #D600AA;
    font-weight: 600;
}

/* Cards de Informação */
.trilha-info-cards[b-zixconalv9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
    margin: 2rem 0;
}

.trilha-info-card[b-zixconalv9] {
    background: rgba(214, 0, 170, 0.1);
    border: 1px solid rgba(214, 0, 170, 0.3);
    border-radius: 20px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
}

.trilha-info-card:hover[b-zixconalv9] {
    background: rgba(214, 0, 170, 0.15);
    border-color: rgba(214, 0, 170, 0.5);
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(214, 0, 170, 0.2);
}

.trilha-info-card i[b-zixconalv9] {
    font-size: 2.5rem;
    color: #D600AA;
    margin-bottom: 1rem;
}

.trilha-info-card h3[b-zixconalv9] {
    color: white;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.trilha-info-card p[b-zixconalv9] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}

/* Como usar */
.trilha-how-to[b-zixconalv9] {
    background: rgba(214, 0, 170, 0.1);
    border: 1px solid rgba(214, 0, 170, 0.3);
    border-radius: 20px;
    padding: 1.5rem;
    text-align: left;
    margin: 2rem 0;
}

.trilha-how-to h3[b-zixconalv9] {
    color: white;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.trilha-how-to h3 i[b-zixconalv9] {
    color: #D600AA;
}

.trilha-how-to ol[b-zixconalv9] {
    margin: 0;
    padding-left: 1.5rem;
}

.trilha-how-to li[b-zixconalv9] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 0.5rem;
}

.trilha-how-to strong[b-zixconalv9] {
    color: #D600AA;
}

/* Disclaimer */
.trilha-disclaimer[b-zixconalv9] {
    background: rgba(255, 165, 0, 0.1);
    border: 1px solid rgba(255, 165, 0, 0.3);
    border-radius: 15px;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
}

.trilha-disclaimer i[b-zixconalv9] {
    color: #ffa500;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.trilha-disclaimer p[b-zixconalv9] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0;
    text-align: left;
}

/* Botão Continuar */
.trilha-continue-btn[b-zixconalv9] {
    background: linear-gradient(135deg, #D600AA 0%, #ff00d4 100%);
    color: white;
    border: none;
    padding: 1rem 2.5rem;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 30px rgba(214, 0, 170, 0.4);
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.trilha-continue-btn:hover[b-zixconalv9] {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(214, 0, 170, 0.6);
}

.trilha-continue-btn:active[b-zixconalv9] {
    transform: translateY(-1px);
}

.trilha-continue-btn i[b-zixconalv9] {
    font-size: 1.2rem;
}

/* Scrollbar customizada */
.trilha-onboarding-modal[b-zixconalv9]::-webkit-scrollbar {
    width: 8px;
}

.trilha-onboarding-modal[b-zixconalv9]::-webkit-scrollbar-track {
    background: rgba(43, 0, 58, 0.4);
    border-radius: 10px;
}

.trilha-onboarding-modal[b-zixconalv9]::-webkit-scrollbar-thumb {
    background: rgba(214, 0, 170, 0.6);
    border-radius: 10px;
}

.trilha-onboarding-modal[b-zixconalv9]::-webkit-scrollbar-thumb:hover {
    background: #D600AA;
}

/* Responsive */
@media (max-width: 768px) {
    .trilha-onboarding-content[b-zixconalv9] {
        padding: 2.5rem 1.5rem;
    }

    .trilha-onboarding-title[b-zixconalv9] {
        font-size: 1.8rem;
    }

    .trilha-highlight[b-zixconalv9] {
        font-size: 1rem;
    }

    .trilha-info-cards[b-zixconalv9] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .trilha-info-card[b-zixconalv9] {
        padding: 1.25rem;
    }

    .trilha-how-to[b-zixconalv9] {
        padding: 1.25rem;
    }

    .trilha-continue-btn[b-zixconalv9] {
        width: 100%;
        justify-content: center;
    }

    .trilha-close-btn[b-zixconalv9] {
        top: 1rem;
        right: 1rem;
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 480px) {
    .trilha-onboarding-title[b-zixconalv9] {
        font-size: 1.5rem;
    }

    .trilha-onboarding-icon[b-zixconalv9] {
        width: 80px;
        height: 80px;
        margin-bottom: 1.5rem;
    }

    .trilha-onboarding-icon i[b-zixconalv9] {
        font-size: 2.5rem;
    }
}

/* /Shared/BlogLayout.razor.rz.scp.css */
.blog-container[b-8cyo1b2auo] {
    min-height: 100vh;
    background: linear-gradient(135deg, #2B003A 0%, #1a0024 100%);
}
/* /Shared/MainFooter.razor.rz.scp.css */
/* Footer Principal */
.main-footer[b-1vro6fyoif] {
    background: linear-gradient(180deg, #1a0024 0%, #2B003A 100%);
    border-top: 2px solid rgba(214, 0, 170, 0.3);
    padding: 3rem 0 1.5rem 0;
    margin-top: 4rem;
}

.main-footer .container[b-1vro6fyoif] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Grid de Colunas */
.footer-grid[b-1vro6fyoif] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2.5rem;
    margin-bottom: 2.5rem;
}

.footer-section[b-1vro6fyoif] {
    color: rgba(255, 255, 255, 0.8);
}

.footer-title[b-1vro6fyoif] {
    color: #D600AA;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.footer-text[b-1vro6fyoif] {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin: 0;
    font-size: 0.95rem;
}

/* Contatos */
.footer-contact[b-1vro6fyoif] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.contact-link[b-1vro6fyoif] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.contact-link i[b-1vro6fyoif] {
    font-size: 1.1rem;
    width: 20px;
}

.contact-link:hover[b-1vro6fyoif] {
    color: #D600AA;
    transform: translateX(5px);
}

.contact-text[b-1vro6fyoif] {
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.contact-text i[b-1vro6fyoif] {
    font-size: 1.1rem;
    width: 20px;
}

/* Links Legais */
.footer-links[b-1vro6fyoif] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.footer-link[b-1vro6fyoif] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 0.95rem;
    padding: 0.25rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.footer-link i[b-1vro6fyoif] {
    font-size: 1.1rem;
    width: 20px;
}

.footer-link:hover[b-1vro6fyoif] {
    color: #D600AA;
    padding-left: 5px;
}

.footer-privacy[b-1vro6fyoif] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
    margin: 1rem 0 0 0;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.footer-privacy i[b-1vro6fyoif] {
    font-size: 1rem;
}

/* Divisor */
.footer-divider[b-1vro6fyoif] {
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(214, 0, 170, 0.3), transparent);
    margin: 2rem 0;
}

/* Aviso/Disclaimer */
.footer-disclaimer[b-1vro6fyoif] {
    background: rgba(214, 0, 170, 0.1);
    border: 1px solid rgba(214, 0, 170, 0.3);
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.footer-disclaimer i[b-1vro6fyoif] {
    color: #D600AA;
    font-size: 1.5rem;
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.disclaimer-text[b-1vro6fyoif] {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0;
    text-align: justify;
}

.disclaimer-text strong[b-1vro6fyoif] {
    color: #D600AA;
    font-weight: 600;
}

/* Rodap� Inferior */
.footer-bottom[b-1vro6fyoif] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-copyright[b-1vro6fyoif] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.footer-copyright i[b-1vro6fyoif] {
    font-size: 0.9rem;
}

.footer-creator[b-1vro6fyoif] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.9rem;
    margin: 0;
}

.creator-link[b-1vro6fyoif] {
    color: #D600AA;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.creator-link i[b-1vro6fyoif] {
    font-size: 1.1rem;
}

.creator-link:hover[b-1vro6fyoif] {
    color: #ff00d4;
    text-decoration: underline;
}

/* Responsividade */
@media (max-width: 768px) {
    .main-footer[b-1vro6fyoif] {
        padding: 2rem 0 1rem 0;
    }

    .footer-grid[b-1vro6fyoif] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .footer-disclaimer[b-1vro6fyoif] {
        flex-direction: column;
        padding: 1rem;
        text-align: left;
    }

    .footer-disclaimer i[b-1vro6fyoif] {
        font-size: 1.2rem;
    }

    .disclaimer-text[b-1vro6fyoif] {
        font-size: 0.85rem;
    }

    .footer-bottom[b-1vro6fyoif] {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }

    .footer-title[b-1vro6fyoif] {
        font-size: 1.1rem;
    }

    .footer-text[b-1vro6fyoif],
    .contact-link[b-1vro6fyoif],
    .contact-text[b-1vro6fyoif],
    .footer-link[b-1vro6fyoif] {
        font-size: 0.9rem;
    }
}
/* /Shared/MainHeader.razor.rz.scp.css */
/* Header Principal */
.main-header[b-64gbp0q4ht] {
    background: linear-gradient(135deg, #2B003A 0%, #4A0059 100%);
    box-shadow: 0 4px 20px rgba(214, 0, 170, 0.3);
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 1rem 0;
    /* Adicionar safe-area para evitar ficar por baixo da status bar */
    padding-top: max(1rem, env(safe-area-inset-top, 0px));
}

/* iOS PWA Standalone - Ajuste espec�fico */
@media all and (display-mode: standalone) {
    .main-header[b-64gbp0q4ht] {
        /* Garantir espa�o extra no modo standalone para iOS */
        padding-top: calc(env(safe-area-inset-top, 0px) + 1rem);
    }
}

/* iOS Safari espec�fico */
@supports (-webkit-touch-callout: none) {
    .main-header[b-64gbp0q4ht] {
        /* Adicionar padding m�nimo para iOS mesmo sem notch */
        padding-top: max(1.5rem, calc(env(safe-area-inset-top, 0px) + 1rem));
    }
}

.main-header .container[b-64gbp0q4ht] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    /* Adicionar safe-area lateral para dispositivos com notch */
    padding-left: max(1rem, env(safe-area-inset-left, 1rem));
    padding-right: max(1rem, env(safe-area-inset-right, 1rem));
}

.header-content[b-64gbp0q4ht] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Adicionar min-height para garantir �rea clic�vel */
    min-height: 48px;
}

.header-logo[b-64gbp0q4ht] {
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-logo:hover[b-64gbp0q4ht] {
    color: #D600AA;
}

.header-logo i[b-64gbp0q4ht] {
    font-size: 2rem;
    flex-shrink: 0;
}

/* Logo Wrapper */
.logo-wrapper[b-64gbp0q4ht] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.logo-text[b-64gbp0q4ht] {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-shadow: 0 2px 10px rgba(214, 0, 170, 0.5);
    line-height: 1;
}

.tagline[b-64gbp0q4ht] {
    font-size: 0.75rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.5px;
    font-style: italic;
    line-height: 1;
}

/* Menu Desktop */
.desktop-nav[b-64gbp0q4ht] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.nav-link[b-64gbp0q4ht] {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nav-link i[b-64gbp0q4ht] {
    font-size: 1.1rem;
}

.nav-link:hover[b-64gbp0q4ht] {
    color: white;
    background: rgba(214, 0, 170, 0.2);
}

.nav-link.active[b-64gbp0q4ht] {
    color: white;
    background: rgba(214, 0, 170, 0.3);
}

.nav-link.active[b-64gbp0q4ht]::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background: #D600AA;
}

/* Badge de Contagem */
.nav-badge[b-64gbp0q4ht] {
    background: #D600AA;
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
    line-height: 1.3;
    box-shadow: 0 2px 8px rgba(214, 0, 170, 0.4);
    animation: pulse-badge-b-64gbp0q4ht 2s ease-in-out infinite;
}

@keyframes pulse-badge-b-64gbp0q4ht {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

/* Bot�o Menu Mobile */
.mobile-menu-btn[b-64gbp0q4ht] {
    display: none;
    background: transparent;
    border: 2px solid rgba(214, 0, 170, 0.5);
    color: white;
    font-size: 1.5rem;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    align-items: center;
    justify-content: center;
    /* Garantir �rea de toque adequada */
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.mobile-menu-btn:hover[b-64gbp0q4ht] {
    background: rgba(214, 0, 170, 0.2);
    border-color: #D600AA;
}

.mobile-menu-btn i[b-64gbp0q4ht] {
    font-size: 1.3rem;
}

/* Menu Mobile */
.mobile-nav[b-64gbp0q4ht] {
    display: none;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(214, 0, 170, 0.3);
}

.mobile-nav-link[b-64gbp0q4ht] {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1rem;
    border-radius: 10px;
    transition: all 0.3s ease;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.mobile-nav-link i[b-64gbp0q4ht] {
    font-size: 1.2rem;
}

.mobile-nav-link:hover[b-64gbp0q4ht] {
    color: white;
    background: rgba(214, 0, 170, 0.2);
}

/* Responsividade */
@media (max-width: 768px) {
    .desktop-nav[b-64gbp0q4ht] {
        display: none;
    }

    .mobile-menu-btn[b-64gbp0q4ht] {
        display: flex;
    }

    .mobile-nav[b-64gbp0q4ht] {
        display: flex;
    }

    .header-logo i[b-64gbp0q4ht] {
        font-size: 1.5rem;
    }

    .logo-text[b-64gbp0q4ht] {
        font-size: 1.5rem;
    }

    .tagline[b-64gbp0q4ht] {
        font-size: 0.65rem;
    }

    .nav-badge[b-64gbp0q4ht] {
        font-size: 0.65rem;
        padding: 0.1rem 0.4rem;
    }
}

@media (max-width: 480px) {
    .header-logo i[b-64gbp0q4ht] {
        font-size: 1.3rem;
    }

    .logo-text[b-64gbp0q4ht] {
        font-size: 1.3rem;
    }

    .tagline[b-64gbp0q4ht] {
        font-size: 0.6rem;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-84yqa9uzbt] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-84yqa9uzbt] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-84yqa9uzbt] {
    font-size: 1.1rem;
}

.oi[b-84yqa9uzbt] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-84yqa9uzbt] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-84yqa9uzbt] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-84yqa9uzbt] {
        padding-bottom: 1rem;
    }

    .nav-item[b-84yqa9uzbt]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-84yqa9uzbt]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-84yqa9uzbt]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-84yqa9uzbt] {
        display: none;
    }

    .collapse[b-84yqa9uzbt] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-84yqa9uzbt] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Shared/OnboardingModal.razor.rz.scp.css */
/* Overlay */
.onboarding-overlay[b-e2p8onu7w4] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(26, 0, 36, 0.95);
    backdrop-filter: blur(10px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: fadeIn-b-e2p8onu7w4 0.3s ease;
}

@keyframes fadeIn-b-e2p8onu7w4 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal */
.onboarding-modal[b-e2p8onu7w4] {
    background: linear-gradient(145deg, rgba(43, 0, 58, 0.95) 0%, rgba(26, 0, 36, 0.95) 100%);
    border: 2px solid rgba(214, 0, 170, 0.4);
    border-radius: 30px;
    max-width: 700px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 20px 60px rgba(214, 0, 170, 0.3);
    animation: slideUp-b-e2p8onu7w4 0.4s ease;
}

@keyframes slideUp-b-e2p8onu7w4 {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Bot�o Fechar */
.close-btn[b-e2p8onu7w4] {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background: transparent;
    border: 2px solid rgba(214, 0, 170, 0.4);
    color: white;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.close-btn i[b-e2p8onu7w4] {
    font-size: 1.2rem;
}

.close-btn:hover[b-e2p8onu7w4] {
    background: rgba(214, 0, 170, 0.2);
    border-color: #D600AA;
    transform: rotate(90deg);
}

/* Conte�do */
.onboarding-content[b-e2p8onu7w4] {
    padding: 3rem 2.5rem;
    text-align: center;
}

/* �cone Principal */
.onboarding-icon[b-e2p8onu7w4] {
    width: 100px;
    height: 100px;
    margin: 0 auto 2rem auto;
    background: linear-gradient(135deg, #D600AA 0%, #ff00d4 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(214, 0, 170, 0.4);
    animation: pulse-b-e2p8onu7w4 2s infinite;
}

@keyframes pulse-b-e2p8onu7w4 {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 10px 30px rgba(214, 0, 170, 0.4);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 15px 40px rgba(214, 0, 170, 0.6);
    }
}

.onboarding-icon i[b-e2p8onu7w4] {
    font-size: 3rem;
    color: white;
}

/* T�tulo */
.onboarding-title[b-e2p8onu7w4] {
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 1.5rem 0;
    text-shadow: 0 2px 10px rgba(214, 0, 170, 0.5);
}

/* Texto */
.onboarding-text[b-e2p8onu7w4] {
    margin-bottom: 2.5rem;
}

.highlight[b-e2p8onu7w4] {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.15rem;
    line-height: 1.8;
    margin: 0 0 2rem 0;
}

.highlight strong[b-e2p8onu7w4] {
    color: #D600AA;
    font-weight: 600;
}

/* Cards de Informa��o */
.info-cards[b-e2p8onu7w4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 2rem;
}

.info-card[b-e2p8onu7w4] {
    background: rgba(214, 0, 170, 0.1);
    border: 1px solid rgba(214, 0, 170, 0.3);
    border-radius: 15px;
    padding: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    text-align: left;
    transition: all 0.3s ease;
}

.info-card:hover[b-e2p8onu7w4] {
    background: rgba(214, 0, 170, 0.15);
    border-color: #D600AA;
    transform: translateX(5px);
}

.info-card i[b-e2p8onu7w4] {
    font-size: 2rem;
    color: #D600AA;
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.info-card p[b-e2p8onu7w4] {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.info-card strong[b-e2p8onu7w4] {
    color: white;
    font-weight: 600;
}

/* Bot�o Continuar */
.continue-btn[b-e2p8onu7w4] {
    background: linear-gradient(135deg, #D600AA 0%, #ff00d4 100%);
    border: none;
    color: white;
    padding: 1.25rem 3rem;
    border-radius: 30px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 25px rgba(214, 0, 170, 0.4);
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.continue-btn i[b-e2p8onu7w4] {
    font-size: 1.2rem;
}

.continue-btn:hover[b-e2p8onu7w4] {
    transform: translateY(-3px);
    box-shadow: 0 10px 35px rgba(214, 0, 170, 0.6);
}

.continue-btn:active[b-e2p8onu7w4] {
    transform: translateY(-1px);
}

/* Scrollbar Customizada */
.onboarding-modal[b-e2p8onu7w4]::-webkit-scrollbar {
    width: 8px;
}

.onboarding-modal[b-e2p8onu7w4]::-webkit-scrollbar-track {
    background: rgba(43, 0, 58, 0.4);
}

.onboarding-modal[b-e2p8onu7w4]::-webkit-scrollbar-thumb {
    background: rgba(214, 0, 170, 0.6);
    border-radius: 4px;
}

.onboarding-modal[b-e2p8onu7w4]::-webkit-scrollbar-thumb:hover {
    background: #D600AA;
}

/* Responsividade */
@media (max-width: 768px) {
    .onboarding-modal[b-e2p8onu7w4] {
        margin: 1rem;
        border-radius: 20px;
    }

    .onboarding-content[b-e2p8onu7w4] {
        padding: 2.5rem 1.5rem;
    }

    .close-btn[b-e2p8onu7w4] {
        top: 1rem;
        right: 1rem;
        width: 40px;
        height: 40px;
    }

    .close-btn i[b-e2p8onu7w4] {
        font-size: 1rem;
    }

    .onboarding-icon[b-e2p8onu7w4] {
        width: 80px;
        height: 80px;
        margin-bottom: 1.5rem;
    }

    .onboarding-icon i[b-e2p8onu7w4] {
        font-size: 2.5rem;
    }

    .onboarding-title[b-e2p8onu7w4] {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .highlight[b-e2p8onu7w4] {
        font-size: 1rem;
    }

    .info-card[b-e2p8onu7w4] {
        padding: 1.25rem;
        gap: 0.75rem;
    }

    .info-card i[b-e2p8onu7w4] {
        font-size: 1.5rem;
    }

    .info-card p[b-e2p8onu7w4] {
        font-size: 0.9rem;
    }

    .continue-btn[b-e2p8onu7w4] {
        padding: 1rem 2rem;
        font-size: 1rem;
        width: 100%;
        justify-content: center;
    }
}

/* Anima��es para tablets */
@media (max-width: 1024px) and (min-width: 769px) {
    .onboarding-modal[b-e2p8onu7w4] {
        max-width: 600px;
    }

    .onboarding-title[b-e2p8onu7w4] {
        font-size: 2.2rem;
    }
}