/* Reset básico de margens e preenchimentos */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth; /* Efeito de rolagem lenta/suave para links internos */
}

/* Configuração de Fundo e Fonte Padrão */
body {
    background-color: #0A0A0A;
    color: #FFFFFF; /* Texto branco para dar contraste com o fundo escuro */
    font-family: 'Inter', sans-serif;
}

/* Efeito de Luz do Mouse */
.cursor-light {
    position: fixed;
    top: -100px; /* Metade do tamanho para o cursor ficar exatamente no centro do brilho */
    left: -100px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(56, 139, 176, 0.15) 0%, transparent 60%);
    border-radius: 50%;
    pointer-events: none; /* Garante que os cliques passem direto por ele */
    z-index: 9998; /* Fica acima do fundo gerando o brilho */
}

/* Navbar */
.navbar {
    background-color: #0A0A0A; /* Fundo sólido sem transparência */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 48px; /* Espaçamento interno da navbar original */
    position: sticky; /* Faz a navbar acompanhar a rolagem */
    top: 0; /* Fixa no topo da tela ao rolar */
    z-index: 1000; /* Garante que fique por cima de todos os elementos */
}

/* Container dos links */
.nav-links {
    display: flex;
    gap: 24px; /* Espaço de 24px entre cada link */
}

/* Botão Hambúrguer (Escondido no Desktop) */
.hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.hamburger span {
    width: 28px;
    height: 3px;
    background-color: #FFFFFF;
    border-radius: 3px;
    transition: all 0.3s ease;
}

/* Estilo individual dos links */
.nav-links a {
    font-family: 'Inter', sans-serif;
    font-weight: 400; /* Regular */
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none; /* Remove o sublinhado padrão dos links */
    transition: color 0.3s ease; /* Transição suave para a cor */
}

/* Efeito de hover e clique (active) nos links */
.nav-links a:hover,
.nav-links a:active {
    color: #388BB0;
}

/* Estilo da Logo */
.nav-logo img {
    max-height: 40px; /* Tamanho base da logo, pode ser ajustado */
}

/* --- SEÇÃO SOBRE --- */
.sobre-section {
    margin: 40px 48px 0 48px; /* 40px de distância da navbar e 48px das laterais para alinhar */
}

/* Criação de um grid para colocar a caixa de texto e a foto lado a lado */
.sobre-grid {
    display: flex;
    gap: 24px;
    align-items: stretch; /* Força a foto e o texto a terem a mesma altura */
}

.sobre-container {
    flex: 1; /* Faz a caixa de texto ocupar o maior espaço possível */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Mantém o texto centralizado se a caixa crescer */
    border: 2px solid #1A1A1A; /* Stroke */
    background-color: #121212; /* Fill */
    border-radius: 32px; /* Arredondamento */
    padding: 40px; /* Padding interno de todos os lados */
}

/* Estilização da Foto */
.sobre-foto {
    width: 100%;
    max-width: 360px; /* Largura máxima da imagem, adaptável para telas menores */
    border: 2px solid #1A1A1A; /* Mesmo Stroke */
    border-radius: 32px; /* Mesmo Arredondamento */
    object-fit: cover; /* Garante que a foto preencha o espaço sem amassar */
}

.sobre-titulo {
    font-family: 'Space Mono', monospace;
    font-weight: 700; /* Bold */
    font-size: 40px;
    color: #FFFFFF;
    text-transform: uppercase; /* Tudo maiúsculo */
    line-height: 1; /* Retira espaços extras acima/abaixo do título */
}

.sobre-subtitulo {
    font-family: 'Space Mono', monospace;
    font-weight: 400; /* Regular */
    font-size: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 8px; /* Respiro abaixo do título */
}

.sobre-descricao {
    font-family: 'Inter', sans-serif;
    font-weight: 400; /* Regular */
    font-size: 16px;
    margin-top: 24px; /* Distância de 24px do subtítulo */
    line-height: 1.6; /* Altura de linha para melhor leitura do texto longo */
}

/* --- CARROSSEL INFINITO --- */
.carrossel-wrapper {
    margin-top: 40px; /* Forçado exatamente a 40px da caixa de cima */
    display: flex;
    overflow: hidden;
    position: relative;
    /* Efeito de Fade (Gradiente Preto para Transparente) nas laterais */
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

/* Pausar a animação quando o mouse passa por cima do carrossel */
.carrossel-wrapper:hover .carrossel-track {
    animation-play-state: paused;
}

.carrossel-track {
    display: flex;
    gap: 16px; /* Distância entre os itens */
    padding-right: 16px; /* Compensação essencial para o loop não dar salto no final */
    animation: scroll 30s linear infinite; /* Animação linear contínua. Mude os 30s para alterar a velocidade */
    flex-shrink: 0;
}

.carrossel-item {
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    background-color: #121212; /* Cor de fundo para combinar com a hero section */
    border: 2px solid #1A1A1A;
    border-radius: 999px; /* 100% arredondado */
    padding: 16px 24px;
    white-space: nowrap; /* Evita que os textos quebrem em duas linhas */
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* --- CLASSES DE ANIMAÇÃO DE ENTRADA (SCROLL) --- */
.fade-in-section {
    opacity: 0;
    transform: translateY(40px); /* Distância mais curta para uma entrada mais rápida */
    transition: opacity 0.4s ease-out, transform 0.4s ease-out; /* Tempo reduzido pela metade */
}

.fade-in-section.visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- SEÇÃO DE PROCESSO (BENTO GRID) --- */
.processo-section {
    margin: 100px 48px 0 48px; /* 100px de distância do carrossel */
}

.processo-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; /* Alinha o botão na base (parte de baixo do texto) */
    margin-bottom: 40px;
}

.btn-projetos {
    display: flex;
    align-items: center;
    gap: 8px; /* Espaço entre o texto e o ícone */
    background-color: #388BB0;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-weight: 400; /* Regular */
    font-size: 16px;
    padding: 12px 20px; /* 12px de padding vertical e 20px horizontal para formar botão */
    border-radius: 14px; /* Arredondamento */
    text-decoration: none;
}

/* Transição para a setinha do botão */
.btn-projetos svg {
    transition: transform 0.3s ease;
}

/* Ao dar hover no botão, empurra a setinha */
.btn-projetos:hover svg {
    transform: translateX(6px);
}

.processo-titulo {
    font-family: 'Space Mono', monospace;
    font-weight: 700; /* Bold */
    font-size: 32px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.2;
}

.bento-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 colunas para criar a proporção 60/40 */
    gap: 32px; /* Margem entre os itens */
}

/* Pesquisa (60%) e UX Design (40%) */
.bento-item:nth-child(1) { grid-column: span 3; }
.bento-item:nth-child(2) { grid-column: span 2; }

/* UI Design (40%) e Product Design (60%) */
.bento-item:nth-child(3) { grid-column: span 2; }
.bento-item:nth-child(4) { grid-column: span 3; }

.bento-item {
    background-color: #121212; /* Fill */
    border: 2px solid #1A1A1A; /* Stroke */
    padding: 40px;
    border-radius: 32px; /* Arredondamento para combinar com o site */
    
    /* Configurações de animação e transição */
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    opacity: 0; /* Começa invisível para a animação do scroll */
    /* Brilho base sutil para dar volume */
    box-shadow: 0 8px 32px rgba(56, 139, 176, 0.02);
}

/* Atraso (delay) nas animações para caírem em cascata */
.bento-item:nth-child(1) { animation-delay: 0.1s; }
.bento-item:nth-child(2) { animation-delay: 0.2s; }
.bento-item:nth-child(3) { animation-delay: 0.3s; }
.bento-item:nth-child(4) { animation-delay: 0.4s; }

/* A animação só dispara quando a seção .processo-section ganhar a classe .visible */
.processo-section.visible .bento-item {
    animation: bentoFadeIn 0.6s ease-out forwards;
}

/* Efeito de destaque no mouse (hover) */
.bento-item:hover {
    transform: translateY(-8px);
    border-color: #388BB0;
    box-shadow: 0 12px 32px rgba(56, 139, 176, 0.15); /* Brilho sutil na cor da marca */
}

/* Animação de entrada subindo */
@keyframes bentoFadeIn {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.bento-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.bento-titulo {
    font-family: 'Space Mono', monospace;
    font-weight: 700; /* Bold */
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: left;
}

.bento-texto {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.6; /* Facilita a leitura */
}

/* --- SEÇÃO DE PROJETOS --- */
.projetos-section {
    margin: 100px 48px 0 48px;
}

.projetos-header {
    display: flex;
    justify-content: space-between;
    align-items: center; /* Alinha o título e os filtros verticalmente */
    margin-bottom: 40px;
}

.projetos-titulo {
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 32px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.projetos-filtros {
    display: flex;
    gap: 10px; /* Distância de 10px entre os botões */
}

.filtro-btn {
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 16px 24px; /* 16px superior/inferior, 24px lateral */
    border-radius: 999px; /* Bordas 100% arredondadas */
    background-color: #121212; /* Cor padrão */
    border: 2px solid #1A1A1A; /* Borda padrão */
    cursor: pointer;
    transition: all 0.3s ease;
}

.filtro-btn.ativo {
    background-color: #388BB0;
    border: 2px solid #58A8CC;
}

.filtro-btn:hover:not(.ativo) {
    border-color: #388BB0; /* Destaque sutil para os itens não selecionados no hover */
}

/* --- ELEMENTOS ESPECÍFICOS DA PÁGINA DO PROJETO --- */
.projeto-header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.projeto-img-destaque {
    margin: 40px 48px 0 48px; /* Reduzida a margem superior para aproximar da caixa de informações */
    display: flex;
    flex-direction: column;
    gap: 40px; /* Espaço entre as imagens empilhadas */
}

.img-placeholder {
    width: 60%;
    height: auto;
    display: block; /* Evita pequenos espaçamentos abaixo da imagem */
    margin: 0 auto; /* Centraliza a imagem horizontalmente */
    border-radius: 32px;
}

/* Quando as imagens do projeto devem ficar coladas umas nas outras */
.projeto-img-destaque.imagens-juntas {
    gap: 0;
}

.projeto-img-destaque.imagens-juntas .img-placeholder {
    border-radius: 0; /* Remove o arredondamento de todas as imagens do meio */
}

.projeto-img-destaque.imagens-juntas .img-placeholder:first-child {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
}

.projeto-img-destaque.imagens-juntas .img-placeholder:last-child {
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
}

.btn-voltar {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
    border: 2px solid #1A1A1A;
    border-radius: 14px;
    padding: 12px 24px;
    transition: all 0.3s ease;
}

.btn-voltar:hover {
    border-color: #388BB0;
    color: #388BB0;
}

/* --- GRID DE PROJETOS E CARDS --- */
.projetos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 itens por linha */
    gap: 40px; /* Aumentado o espaço entre os cartões */
}

.projeto-card {
    background-color: #121212;
    border: 2px solid #1A1A1A;
    border-radius: 24px;
    padding: 24px; /* O conteúdo ficou mais leve sem preencher 40px */
    display: flex;
    flex-direction: column;
    /* Brilho base sutil para dar volume */
    box-shadow: 0 8px 32px rgba(56, 139, 176, 0.02);
    transition: transform 0.3s ease, border-color 0.3s ease; /* Transições suaves */
    text-decoration: none; /* Garante que o texto não fique sublinhado como um link comum */
}

/* Efeito Hover do Card (Sobe de leve e acende a borda) */
.projeto-card:hover {
    transform: translateY(-8px);
    border-color: #388BB0;
}

/* Efeito Hover na Setinha dentro do Card */
.projeto-card:hover .projeto-icone {
    transform: translateX(6px);
}

.projeto-img {
    position: relative; /* Necessário para ancorar a tag internamente */
    width: 100%;
    aspect-ratio: 16 / 9; /* Altura da imagem consideravelmente menor */
    background-color: #D9D9D9;
    border-radius: 16px;
}

/* Estilo da Tag de Categoria dentro da Imagem */
.projeto-tag {
    position: absolute;
    top: 16px;
    left: 16px;
    background-color: #388BB0;
    color: #FFFFFF;
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 999px; /* 100% arredondada */
}

.projeto-header-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px; /* Distância menor por causa do cartão mais compacto */
}

.projeto-titulo {
    font-family: 'Space Mono', monospace;
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
}

.projeto-icone {
    transition: transform 0.3s ease;
}

.projeto-texto {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px; /* Voltou para o tamanho ótimo inicial */
    color: #FFFFFF;
    margin-top: 12px;
    line-height: 1.6;
    /* Adicionado para truncar o texto após 2 linhas com reticências (...) */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Espaçamento ajustado para os parágrafos dentro da descrição do projeto */
.sobre-descricao p {
    margin-bottom: 24px; /* Aumentado para dar um respiro melhor e não parecer grudado */
}

.sobre-descricao p:last-child {
    margin-bottom: 0;
}

/* --- PAGINAÇÃO --- */
.paginacao {
    display: flex;
    justify-content: flex-end; /* Alinhamento para a direita */
    align-items: center;
    gap: 10px; /* Setas mais próximas dos itens numéricos */
    margin-top: 64px;
}

.page-arrow {
    background: none;
    border: none;
    color: #388BB0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    transition: color 0.3s ease;
}

.page-arrow.disabled {
    color: #444444; /* Cinza escuro para estado desativado */
    cursor: not-allowed;
}

.page-numbers {
    display: flex;
    gap: 8px;
}

.page-num {
    font-family: 'Inter', sans-serif;
    font-weight: 500; /* Medium */
    font-size: 16px;
    color: #FFFFFF; /* Texto branco quando não selecionado */
    background-color: transparent;
    border: 1px solid #388BB0;
    border-radius: 14px;
    padding: 12px;
    min-width: 44px; /* Garante que os números formem um quadrado/circulo proporcional */
    cursor: pointer;
    transition: all 0.3s ease;
}

.page-num.active {
    background-color: #388BB0;
    color: #FFFFFF;
}

/* --- SEÇÃO DE CONTATO --- */
.contato-section {
    margin: 100px 48px 80px 48px; /* Respiro de 100px antes de iniciar e 80px no fim */
}

.contato-container {
    background-color: #121212;
    border: 2px solid #1A1A1A;
    border-radius: 32px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza horizontalmente */
    justify-content: center; /* Centraliza verticalmente */
    text-align: center;
}

.contato-logo {
    height: 48px; /* Destaque para o ícone */
    margin-bottom: 24px;
}

.contato-titulo {
    font-family: 'Space Mono', monospace;
    font-weight: 700; /* Bold */
    font-size: 40px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 40px; /* Distância para os botões */
}

.contato-botoes {
    display: flex;
    gap: 16px;
    width: 100%; /* Faz a div das ações ocupar a largura disponível */
    flex-wrap: wrap; /* Ajuda a não quebrar as coisas em telas muito pequenas */
    justify-content: center;
}

.btn-contato {
    flex: 1; /* Faz todos os botões crescerem para preencher a largura igualmente */
    display: flex;
    justify-content: center; /* Mantém o texto e o ícone centralizados */
    align-items: center;
    gap: 12px; /* Espaço entre o ícone e o texto */
    background-color: #121212; /* Mantém o padrão escuro */
    border: 2px solid #1A1A1A;
    border-radius: 14px;
    padding: 12px 24px;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-contato:hover {
    border-color: #388BB0; /* Destaque ao colocar o mouse */
    transform: translateY(-4px); /* Botão sobe levemente */
}

.btn-contato svg {
    color: #388BB0; /* Dá a cor da sua marca aos ícones */
}

/* Ajusta o tamanho dos ícones do Wpp e Linkedin caso estejam com tamanhos desiguais */
.contato-img-icon {
    width: 24px;
    height: 24px;
}

/* =========================================
   RESPONSIVIDADE (MEDIA QUERIES)
========================================= */

/* --- TABLETS E TELAS MÉDIAS --- */
@media (max-width: 1024px) {
    .bento-grid {
        grid-template-columns: repeat(2, 1fr); /* Reduz Bento para 2 colunas */
    }
    
    .bento-item:nth-child(1),
    .bento-item:nth-child(4) {
        grid-column: span 2; /* Mantém assimetria nas 2 colunas */
    }
    
    .bento-item:nth-child(2),
    .bento-item:nth-child(3) {
        grid-column: span 1;
    }

    .projetos-grid {
        grid-template-columns: repeat(2, 1fr); /* Projetos em 2 colunas */
    }
}

/* --- CELULARES (MOBILE) --- */
@media (max-width: 768px) {
    /* Oculta o efeito do mouse no celular (onde usamos toque invés de cursor) */
    .cursor-light { display: none; }

    /* Ajustes Gerais de Espaçamento */
    .navbar { padding: 16px 24px; }
    .sobre-section { margin: 24px 24px 0 24px; } /* Reduz a distância do topo no mobile */
    .processo-section, .projetos-section { margin: 60px 24px 0 24px; }
    .contato-section { margin: 60px 24px 80px 24px; }
    
    /* Margem para a capa do projeto no mobile */
    .projeto-img-destaque { 
        margin: 24px 24px 0 24px; 
        gap: 24px; /* Espaçamento menor entre imagens empilhadas no celular */
    } 
    
    /* Menu Hambúrguer e Navbar Mobile */
    .hamburger {
        display: flex; /* Mostra o botão no celular */
    }
    
    /* Animação do ícone para 'X' */
    .hamburger.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .hamburger.active span:nth-child(2) { opacity: 0; }
    .hamburger.active span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

    .nav-links {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #0A0A0A; /* Fundo sólido para o menu mobile */
        flex-direction: column;
        align-items: center; /* Centraliza os links no menu mobile */
        padding: 0;
        max-height: 0; /* Escondido por padrão */
        overflow: hidden;
        gap: 16px;
        transition: max-height 0.4s ease, padding 0.4s ease;
    }

    .nav-links.active {
        max-height: 300px; /* Expande ao clicar */
        padding: 24px 0;
        border-bottom: 1px solid #1A1A1A;
    }

    /* Seção Sobre Mobile */
    .sobre-grid {
        flex-direction: column; /* Coloca a foto em baixo do texto */
    }
    .sobre-foto { max-height: 400px; }
    .sobre-titulo { font-size: 32px; }
    .sobre-container, .bento-item, .contato-container { padding: 24px; } /* Reduz paddings internos */

    /* Processo (Bento Box) Mobile */
    .processo-header {
        flex-direction: column; /* Título e botão empilhados */
        align-items: center; /* Alinha o conteúdo ao centro */
        gap: 24px;
    }
    .processo-titulo { font-size: 28px; text-align: center; } /* Título centralizado */
    
    .bento-grid { grid-template-columns: 1fr; } /* 1 coluna */
    .bento-item:nth-child(n) { grid-column: span 1; } /* Remove espaçamentos de colunas duplas */

    /* Projetos Mobile */
    .projetos-grid { grid-template-columns: 1fr; } /* 1 coluna */
    
    /* Ajuste de bordas para não ficarem muito arredondadas no celular */
    .img-placeholder { 
        border-radius: 16px; 
        width: 100%; /* Faz a imagem ocupar toda a largura no mobile */
    }
    .projeto-card { border-radius: 20px; }
    .projeto-img { border-radius: 12px; }

    /* Ajuste de bordas para imagens coladas no celular */
    .projeto-img-destaque.imagens-juntas .img-placeholder:first-child {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }
    
    .projeto-img-destaque.imagens-juntas .img-placeholder:last-child {
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .projeto-header-top {
        display: contents; /* Desfaz o container para permitir reordenação com o texto */
    }

    .projeto-header-top .btn-voltar {
        order: 4; /* Joga o botão para baixo da descrição */
        margin-top: 24px; /* Adiciona o respiro entre texto e botão */
    }

    .projetos-header {
        flex-direction: column;
        align-items: center; /* Alinha o conteúdo ao centro */
        gap: 24px;
    }
    
    /* Reordena o botão da seção Recomendados */
    .projetos-recomendados {
        display: flex;
        flex-direction: column;
    }
    
    .projetos-recomendados .projetos-header {
        display: contents; /* Desfaz o header para separar o título do botão */
    }
    
    .projetos-recomendados .projetos-titulo {
        margin-bottom: 24px; /* Mantém o espaçamento abaixo do título */
    }
    
    .projetos-recomendados .btn-voltar {
        order: 2; /* Joga o botão para baixo do grid de projetos */
        margin-top: 32px;
    }

    .btn-voltar { 
        width: 100%; 
        justify-content: center; 
    }
    .projetos-titulo { text-align: center; }
    .projetos-filtros { flex-wrap: wrap; justify-content: center; } /* Filtros centralizados */
    .paginacao { justify-content: center; } /* Paginação no centro */

    /* Contato Mobile */
    .contato-titulo { font-size: 28px; }
    .btn-contato {
        width: 100%; /* Botões ocupam linha inteira */
        flex: none;
    }
}