.elementor-2038 .elementor-element.elementor-element-63fac7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-2038 .elementor-element.elementor-element-b8caa98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-2038 .elementor-element.elementor-element-5a51717{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-2038 .elementor-element.elementor-element-1d95cd6{columns:2;column-gap:100px;text-align:center;width:100%;max-width:100%;}/* Start custom CSS for text-editor, class: .elementor-element-1d95cd6 *//* Estilo para a seção do título (Comitê Científico) */
        .section-title-bar {
            background-color: var(--color-brown-terracota);
            color: var(--color-text-light);
            text-align: center;
            padding: 30px 20px;
            margin-bottom: 20px;
        }

        .section-title-bar h2 {
            margin: 0;
            font-size: 2.2em;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .professors-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); /* Um pouco menor para caber mais */
            gap: 25px; /* Espaçamento entre os cards */
            padding: 20px;
            max-width: 1200px; /* Largura máxima para centralizar */
            margin: 0 auto; /* Centraliza o container */
        }

        .professor-card {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Sombra mais suave */
            overflow: hidden;
            text-align: center;
            padding: 20px; /* Mais padding para um visual mais limpo */
            display: flex;
            flex-direction: column;
            align-items: center;
            transition: transform 0.2s ease-in-out; /* Efeito hover */
        }

        .professor-card:hover {
            transform: translateY(-5px); /* Efeito sutil ao passar o mouse */
        }

        .professor-card img {
            width: 140px; /* Tamanho ligeiramente menor da imagem */
            height: 140px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 15px; /* Mais espaço abaixo da imagem */
            border: 2px solid var(--color-dark-green); /* Borda verde escura, mais discreta */
            box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Sombra suave na imagem */
        }

        .professor-card h3 {
            margin: 0 0 5px;
            color: var(--color-text-dark);
            font-size: 1.15em; /* Tamanho da fonte do nome */
            font-weight: 700;
            line-height: 1.3; /* Espaçamento de linha para nomes longos */
        }

        .professor-card p {
            color: #666; /* Cor mais suave para a afiliação */
            font-size: 0.85em; /* Tamanho da fonte da afiliação */
            margin: 0;
            font-weight: 400;
        }

        /* Media Queries para responsividade */
        @media (min-width: 1024px) {
            .professors-container {
                grid-template-columns: repeat(4, 1fr); /* 4 colunas em desktops */
            }
        }

        @media (min-width: 768px) and (max-width: 1023px) {
            .professors-container {
                grid-template-columns: repeat(3, 1fr); /* 3 colunas em tablets */
            }
        }

        @media (max-width: 767px) {
            .professors-container {
                grid-template-columns: repeat(2, 1fr); /* 2 colunas em celulares menores */
                gap: 15px; /* Reduzir espaçamento em telas menores */
            }
            .professor-card img {
                width: 110px;
                height: 110px;
            }
            .professor-card h3 {
                font-size: 1em;
            }
        }

        @media (max-width: 480px) {
            .professors-container {
                grid-template-columns: 1fr; /* 1 coluna em celulares muito pequenos */
                padding: 15px;
            }
            .professor-card img {
                width: 100px;
                height: 100px;
            }
            .professor-card h3 {
                font-size: 1.05em;
            }
        }/* End custom CSS */