PageSourceSearch

https://eae2025.netlify.app/

html eae2025.netlify.app collected 2026-10-03 10:40:23 UTC 84,988 bytes, 1,828 lines download raw bytes

1<!DOCTYPE html><!--  Last Published: Wed Jan 13 2021 21:04:13 GMT+0000 (Coordinated Universal Time)  
2<html data-wf-page="5f5f77eaf73d3c5768f7e4cf" data-wf-site="5f5bb43137a144ca9bb5ff59">-->
3<head>
4  <meta charset="utf-8">
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=81103126-0d64-492c-a19a-33a6a01d9ae9
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8  <title>XLII EAE</title>
9  <meta name="viewport" content="width=1024, initial-scale=1">
10  <link href="css/components.css" rel="stylesheet" type="text/css">
11  <link href="css/styleae.css" rel="stylesheet" type="text/css">
12  
13 
13<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5f5bb43137a144ca9bb5ff59" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
13
14  
14<script src="js/buiatria.js" type="text/javascript"></script>
14
15  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
16</head>
17<body class="body-3">
18  <div id="Banner" class="banner">
19    <div class="banner-wrap">
20      <div class="banner-texto">Acompanhe todas as novidades: <a href="https://www.instagram.com/encontroanualdeetologia" target="_blank" class="link-branco">@encontroanualdeetologia</a>
21      </div>
22    </div>
23  </div>
24  
25  <div class="nav-wrap">
26    <!-- Banner -->
27<style>
28  .meuBannerOverlay123 {
29    display: none; /* começa escondido */
30    position: fixed;
31    top: 0; left: 0;
32    width: 100%; height: 100%;
33    background: rgba(0,0,0,0.6);
34    z-index: 99999;
35    justify-content: center;
36    align-items: center;
37  }
38
39  .meuBannerContent123 {
40    position: relative;
41    background: #fff;
42    padding: 10px;
43    border-radius: 12px;
44    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
45    max-width: 90%;
46    max-height: 90%;
47    display: flex;
48    justify-content: center;
49    align-items: center;
50  }
51
52  .meuBannerContent123 img {
53    max-width: 100%;
54    max-height: 80vh;
55    border-radius: 8px;
56  }
57
58  .fecharBanner123 {
59    position: absolute;
60    top: 10px; right: 10px;
61    font-size: 28px;
62    font-weight: bold;
63    color: #333;
64    cursor: pointer;
65    z-index: 100000;
66  }
67</style>
68<!--  Last Published: Wed Jan 13 2021 21:04:13 GMT+0000 (Coordinated Universal Time)  
69<html data-wf-page="5f5f77eaf73d3c5768f7e4cf" data-wf-site="5f5bb43137a144ca9bb5ff59">
70<div class="meuBannerOverlay123" id="meuBanner123">
71  <div class="meuBannerContent123">
72    <span class="fecharBanner123" id="fecharBanner123">&times;</span>
73    <img src="banner.png" alt="Banner Promocional">
74  </div>
75</div>
76-->
77<script>
78  document.addEventListener("DOMContentLoaded", function() {
79    var banner = document.getElementById("meuBanner123");
80    var fechar = document.getElementById("fecharBanner123");
81
82    // Mostra o banner
83    banner.style.display = "flex";
84
85    // Fecha o banner
86    fechar.onclick = function() {
87      banner.style.display = "none";
88    };
89  });
90</script>
90
91
92
93
94<!-- ===== POPUP DE DICAS ===== -->
95<style>
96/* Fundo escurecido */
97#popup-dicas {
98  position: fixed;
99  inset: 0;
100  background: rgba(0,0,0,0.65);
101  display: flex;
102  align-items: center;
103  justify-content: center;
104  z-index: 999;
105  opacity: 0;
106  pointer-events: none;
107  transition: opacity .3s ease;
108}
109
110/* Quando marcado, exibe */
111#mostrar-dicas:checked ~ #popup-dicas {
112  opacity: 1;
113  pointer-events: auto;
114}
115
116/* Caixa do popup */
117.popup-conteudo {
118  background: #fff;
119  max-width: 750px;
120  width: 90%;
121  max-height: 85vh;
122  overflow-y: auto;
123  border-radius: 1rem;
124  padding: 2rem;
125  box-shadow: 0 10px 40px rgba(0,0,0,0.4);
126  animation: surgir .4s ease;
127}
128
129@keyframes surgir {
130  from { transform: scale(.9); opacity: 0; }
131  to { transform: scale(1); opacity: 1; }
132}
133
134/* Título */
135.popup-conteudo h2 {
136  text-align: center;
137  color: #234156;
138  margin-bottom: 1rem;
139  font-size: 1.5rem;
140}
141
142/* Subtítulos */
143.popup-conteudo h3 {
144  color: #234156;
145  margin-top: 1.2rem;
146  font-size: 1.15rem;
147}
148
149/* Lista de locais */
150.popup-conteudo ul {
151  list-style: none;
152  padding-left: 0;
153  margin: .5rem 0 1rem 0;
154}
155
156.popup-conteudo li {
157  margin-bottom: .75rem;
158  line-height: 1.4;
159}
160
161.popup-conteudo a {
162  color: #0056b3;
163  text-decoration: none;
164  font-weight: 600;
165}
166
167.popup-conteudo a:hover { text-decoration: underline; }
168
169/* Botão fechar */
170.fechar-popup {
171  display: inline-block;
172  margin: 1rem auto 0;
173  background: #234156;
174  color: #fff;
175  padding: .6rem 1.4rem;
176  border-radius: .6rem;
177  text-align: center;
178  font-weight: 600;
179  cursor: pointer;
180  transition: background .2s ease;
181}
182.fechar-popup:hover { background: #345e7d; }
183
184/* Scrollbar custom */
185.popup-conteudo::-webkit-scrollbar { width: 8px; }
186.popup-conteudo::-webkit-scrollbar-thumb {
187  background: #ccc;
188  border-radius: 4px;
189}
190</style>
191
192<!-- Checkbox que controla a exibição -->
193<input type="checkbox" id="mostrar-dicas" checked hidden>
194
195<!-- POPUP -->
196<div id="popup-dicas">
197  <div class="popup-conteudo">
198    
199    <label class="fechar-popup" for="mostrar-dicas">Fechar</label>
200    <h2>DICAS DE LOCAIS PARA IR NA GRANDE VITÓRIA</h2>
201    <p style="text-align:center; font-style:italic; margin-bottom:1rem;">(Restaurantes, museus e outros locais para aproveitar)</p>
202
203    <h3>A) Jardim da Penha (perto da UFES)</h3>
204    <ul>
205      <li><strong>Restaurante Chico Bento</strong> — <a href="https://maps.app.goo.gl/7x4LvgZTNMWJTP5G7" target="_blank">Ver no mapa</a><br>
206      Desconto: 5% | Horário: 11:00 – 14:30</li>
207
208      <li><strong>Kaffa Café</strong> — <a href="https://maps.app.goo.gl/P1Jzf75qA7G94cWL9" target="_blank">Ver no mapa</a><br>
209      Desconto: 10% | Horário: 15:00 – 21:00</li>
210
211      <li><strong>Dom Eli Gelato Lab</strong> — <a href="https://maps.app.goo.gl/j51Kfs9JTRhRTKkq8" target="_blank">Ver no mapa</a><br>
212      Desconto: Combos especiais | Horário: 13:00 – 20:00</li>
213
214      <li><strong>Restaurante Sabor no Fogo</strong> — <a href="https://maps.app.goo.gl/cXyuUeoAfaYVFZ1cA" target="_blank">Ver no mapa</a><br>
215      Desconto: 10% | Horário: 11:00 – 14:00</li>
216
217      <li><strong>Quebra Nozes</strong> — <a href="https://maps.app.goo.gl/YBFGNbDXdMuM2N2B9" target="_blank">Ver no mapa</a><br>
218      Desconto: 10% | Horário: 11:00 – 15:00</li>
219    </ul>
220
221    <h3>B) Centro de Vitória</h3>
222    <ul>
223      <li><strong>Bar da Zilda</strong> — <a href="https://maps.app.goo.gl/HG3JDGb3GkLda6Uw6" target="_blank">Ver no mapa</a></li>
224      <li><strong>MAES (Museu de Artes do Espírito Santo)</strong> — <a href="https://maps.app.goo.gl/XR9ihLakiJk3jZ4g9" target="_blank">Ver no mapa</a></li>
225      <li><strong>Palácio Anchieta</strong> — <a href="https://maps.app.goo.gl/ZdXcK1K6MCozYqqx6" target="_blank">Ver no mapa</a></li>
226    </ul>
227
228    <h3>C) Vila Velha (Praia de Itapuã e redondezas)</h3>
229    <ul>
230      <li><strong>Preferito</strong> — <a href="https://maps.app.goo.gl/E6xN1iaLhxh61E7s7" target="_blank">Ver no mapa</a></li>
231      <li><strong>Coco Bambu</strong>
231 — <a href="https://maps.app.goo.gl/6u5uaCDok6f8311m7" target="_blank">Ver no mapa</a></li>
232      <li><strong>Mahai</strong> — <a href="https://maps.app.goo.gl/RFJ4frPimeB6ukRU8" target="_blank">Ver no mapa</a></li>
233      <li><strong>Aquaviário</strong> — <a href="https://maps.app.goo.gl/2MCS9L85XNQZBtXC7" target="_blank">Ver no mapa</a> (R$ 4,90)</li>
234      <li><strong>Aloha</strong> — <a href="https://maps.app.goo.gl/FJuvW2B8nFY3L5vB7" target="_blank">Ver no mapa</a></li>
235    </ul>
236
237    <h3>C.2) Prainha (Vila Velha)</h3>
238    <ul>
239      <li><strong>Convento da Penha</strong> — <a href="https://maps.app.goo.gl/3kkr3QtvxsWkMGmS9" target="_blank">Ver no mapa</a></li>
240      <li><strong>Bontà</strong> — <a href="https://maps.app.goo.gl/LKnajqo8PDcmmYzk6" target="_blank">Ver no mapa</a></li>
241      <li><strong>Cafeteria Vista da Penha</strong> — <a href="https://maps.app.goo.gl/oJ2BuMWoXJbARmhDA" target="_blank">Ver no mapa</a></li>
242    </ul>
243
244    <label class="fechar-popup" for="mostrar-dicas">Fechar</label>
245  </div>
246</div>
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262    <div data-collapse="medium" data-animation="default" data-duration="400" role="banner" class="navbar w-nav">
263      <div class="nav-container">
264        <div class="nav-dir">
265          <nav role="navigation" class="nav-menu w-nav-menu">
266            <a aria-current='page' class='nav-link w-nav-link' href='/'>Início</a>
267            <a href="#localdoevento" aria-current="page" class="nav-link w-nav-link">Local</a>
268            <div data-hover="1" data-delay="0" class="drop w-dropdown">
269        <div class="drop-toggle w-dropdown-toggle">
270          <div class="icon-4 w-icon-dropdown-toggle"></div>
271          <div>Programação</div>
272        </div>
273        <nav class="nav-dropdown dropdown-long2 w-dropdown-list">
274          <div class="drop-pointer">
275            <div class="dropdown-wrapper-flex">
276              <div class="dropdown-coluna-esq2">
277                <a href="#programacao" class="drop-link w-inline-block">
278                  <div class="icone-wrap"><img src="images/sc.png" alt="" class="icone"></div>
279                  <div class="nav-conteudo-wrap">
280                    <div class="drop-titulo">Científica / Social</div>
281                  </div>
282                </a>
283              </div>
284            </div>
285            <div class="pointer"></div>
286          </div>
287        </nav>
288      </div>
289            <a href="#palestrant" class="nav-link w-nav-link">Participantes</a>
290            
291            <a href="#inscricoes" class="nav-link w-nav-link">Valores</a>
292
293            <div data-hover="1" data-delay="0" class="drop w-dropdown">
294                <div class="drop-toggle w-dropdown-toggle">
295                  <div class="icon-4 w-icon-dropdown-toggle"></div>
296                  <div>Submissões</div>
297                </div>
298                <nav class="nav-dropdown dropdown-long2 w-dropdown-list">
299                  <div class="drop-pointer">
300                    <div class="dropdown-wrapper-flex">
301                      <div class="dropdown-coluna-esq2">
302                        <a href="#trabalhos" class="drop-link w-inline-block">
303                          <div class="icone-wrap"><img src="images/news.png" alt="" class="icone"></div>
304                          <div class="nav-conteudo-wrap">
305                            <div class="drop-titulo">Pôsteres e apresentações orais</div>
306                          </div>
307                        </a>
308                        <a href="#trabalhos" class="drop-link w-inline-block">
309                            <div class="icone-wrap"><img src="images/news.png" alt="" class="icone"></div>
310                            <div class="nav-conteudo-wrap">
311                              <div class="drop-titulo">Minicursos</div>
312                            </div>
313                        </a>
314                        <a href="#trabalhos" class="drop-link w-inline-block">
315                            <div class="icone-wrap"><img src="images/mn.png" alt="" class="icone"></div>
316                            <div class="nav-conteudo-wrap">
317                              <div class="drop-titulo">Prêmio César-Ades de melhor dissertação e tese em comportamento animal</div>
318                            </div>
319                        </a>
320                        <a href="#trabalhos" class="drop-link w-inline-block">
321                            <div class="icone-wrap"><img src="images/mn.png" alt="" class="icone"></div>
322                            <div class="nav-conteudo-wrap">
323                              <div class="drop-titulo">Concurso de fotografia</div>
324                            </div>
325                        </a>
326                        </div>
327                    <div class="pointer"></div>
328                  </div>
329                </nav>
330                
331              </div>
332             <div data-hover="1" data-delay="0" class="drop w-dropdown">
333              <div class="drop-toggle w-dropdown-toggle">
334                <div class="icon-4 w-icon-dropdown-toggle"></div>
335                <div>
335SBEt</div>
336              </div>
337              <nav class="nav-dropdown dropdown-long2 w-dropdown-list">
338                <div class="drop-pointer">
339                  <div class="dropdown-wrapper-flex">
340                    <div class="dropdown-coluna-esq2">
341                      <a href="https://www.etologiabrasil.org.br" class="drop-link w-inline-block">
342                        <div class="icone-wrap"><img src="images/escudo.svg" alt="" class="icone"></div>
343                        <div class="nav-conteudo-wrap">
344                          <div class="drop-titulo">Sociedade Brasileira de Etologia</div>
345                          <div class="drop-titulo2">Associe-se aqui!</div>
346                        </div>
347                      </a>
348                  </div>
349                  <div class="pointer"></div>
350                </div>
351              </nav>
352            </div>
353            <div data-hover="1" data-delay="0" class="drop w-dropdown">
354                <div class="drop-toggle w-dropdown-toggle">
355                  <div class="icon-4 w-icon-dropdown-toggle"></div>
356                  <div>Contato</div>
357                </div>
358                <nav class="nav-dropdown dropdown-long2 w-dropdown-list">
359                  <div class="drop-pointer">
360                    <div class="dropdown-wrapper-flex">
361                      <div class="dropdown-coluna-esq2">
362                        <a href="mailto:[email protected]" class="drop-link w-inline-block" target="_blank">
363                            <div class="icone-wrap"><img src="images/Playful-mail.svg" alt="" class="icone"></div>
364                            <div class="nav-conteudo-wrap">
365                              <div class="drop-titulo">[email protected]</div>
366                              <div class="drop-titulo2">Envie-nos sua mensagem</div>
367                            </div>
368                          </a>
369
370                    </div>
371                    <div class="pointer"></div>
372                  </div>
373                </nav>
374              </div>
375
376          </nav>
377        <div class="botoes-login">
378        <a href="https://doity.com.br/42-encontro-anual-de-etologia--etologia-da-conservacao-caminhos-para-coexistencia" target="_blank" class="botao-cadastro w-button">INSCREVA-SE</a>
379        </div>
380        </div>
381      </div>
382    </div>
383    
384    
385 <!--    
386    <style>
387    	Estilo para o popup 
388.popup3 {
389   display: none;
390    position: fixed;
391    top: 0;
392    left: 0;
393    width: 100%;
394    height: 100%;
395    background-color: rgba(0, 0, 0, 0.7);
396    z-index: 30;
397    padding-top: 7%;
398    padding-left: 27%;
399    overflow: auto;
400    display: flex;
401    justify-content: center;  
402    align-items: center;
403}
404
405/* Estilo para o botão de fechar
406.close {
407    position: absolute;
408    top: 20px;
409    right: 30px;
410    font-size: 30px;
411    color: #fff;
412    cursor: pointer;
413} */
414    </style>
415    <div id="imagePopup" class="popup3">
416    <span class="close" id="closePopup">&times;</span>
417    <a href="https://www.cfmv.gov.br/recadastramento/" target="_blank"> <img src="images/Hotsite_2.jpg" alt="Imagem do Hotsite 2"></a>
418</div>
419
420<script src="script.js"></script>
vendor: 2 bytes, line 420
420
421<script>
422	
423	// Função para abrir o popup automaticamente quando o documento estiver pronto
424document.addEventListener('DOMContentLoaded', function() {
425    document.getElementById('imagePopup').style.display = 'block';
426});
427
428// Função para fechar o popup
429document.getElementById('closePopup').addEventListener('click', function() {
430    document.getElementById('imagePopup').style.display = 'none';
431});
432
433// Fechar o popup se o usuário clicar fora da imagem
434window.addEventListener('click', function(event) {
435    var popup = document.getElementById('imagePopup');
436    if (event.target === popup) {
437        popup.style.display = 'none';
438    }
439});
440</script>
440
441    
442    -->
443    
444    
445    
446     <!--    
447    <div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease-out" data-easing2="ease-out" role="banner" class="navigation-mob w-nav">
448      <div class="navigation-container-mob">
449        <a href="#" class="w-nav-brand"><img src="images/webclip-cbb.png" alt="" class="logo"></a>
450        <nav role="navigation" class="mobile-nav w-nav-menu">
451          <a href="index.html" aria-current="page" class="mobile-nav-link w-nav-link w--current">Home</a>
452          <a href="#localdoevento" aria-current="page" class="mobile-nav-link w-nav-link w--current">Local</a>
453           <div data-delay="0" class="mobile-dropdown w-dropdown">
454            <div class="mobile-toggle w-dropdown-toggle">
455              <div class="w-icon-dropdown-toggle"></div>
456              <div>Programação</div>
457            </div>
458            <nav class="dropdown-list w-dropdown-list">
459              <a href="#programacao" class="dropdown-link-mobile w-inline-block">
460                <div class="icone-wrap"><img src="images/sc.png" alt=""></div>
461                <div class="nav-conteudo-wrap">
462                  <div class="drop-titulo">Científica / Social</div>
463                </div>
464              </a>
465            </nav>
466          </div>
467          <a href="#palestrant" class="mobile-nav-link w-nav-link">Participantes</a>
468          <a href="#trabalhos" class="mobile-nav-link w-nav-link">Trabalhos</a>
469          <a href="#inscricoes" class="mobile-nav-link w-nav-link">Valores</a>
470
471          <div data-delay="0" class="mobile-dropdown w-dropdown">
472            <div class="mobile-toggle w-dropdown-toggle">
473              <div class="w-icon-dropdown-toggle"></div>
474              <div>Associação</div>
475            </div>
476            <nav class="dropdown-list w-dropdown-list">
477              <a href="http://buiatria.com.br" class="dropdown-link-mobile w-inline-block">
478                <div class="icone-wrap"><img src="images/escudo.svg" alt=""></div>
479                <div class="nav-conteudo-wrap">
480                  <div class="drop-titulo">Associação Brasileira</div>
481                  <div class="nav-link-detalhes">Site oficial</div>
482                </div>
483              </a>
484              <a href="https://revistabrasileiradebuiatria.com" class="dropdown-link-mobile w-inline-block">
485                <div class="icone-wrap"><img src="images/tela.svg" alt=""></div>
486                <div class="nav-conteudo-wrap">
487                  <div class="drop-titulo">Revista</div>
488                  <div class="nav-link-detalhes">Revista Brasileira de Buiatria</div>
489                </div>
490              </a>
491            </nav>
492            
493          </div>
494          <a href="https://doity.com.br/42-encontro-anual-de-etologia--etologia-da-conservacao-caminhos-para-coexistencia" class="mobile-nav-link w-nav-link" target="_blank">Inscreva-se</a>
495        </nav>
496        <div class="menu-mob w-nav-button">
497          <div class="w-icon-nav-menu"></div>
498        </div>
499      </div>
500    </div>
501  </div>
502-->
503    <div class="box-inner"></div>
504
505  
506  <style>
507.box:before {
508  position: absolute;
509  content: '';
510  width: calc(100% + 30px);
511  height: calc(100% + 30px);
512  top: 50%; left: 50%;
513  transform: translate(-50%, -50%) scale(.7);
514  filter: blur(0);
515  opacity: 1;
516  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1);
517}
518.box-inner {
519  position: relative;
520  width: 100%;
521  height: 100%;
522}
523.box:before,
524.box-inner {
525    background-image: url(images/g.png), url(images/h.png), url(images/j.png);
526    background-repeat: repeat-x;
527    background-size: 1600px 50%;
528    background-position: 10000px 143%, -50px 106%, 100px 59%;
529    animation: 20s waves linear infinite forwards;
530    height: 116px;
531}
532
533@keyframes waves {
534  to {
535    background-position: 1600px 130%, 3150px 130%, 5300px 130%;
536  }
537}
538  </style>
539  
540
541
542
543  <div class="header">
544    <video autoplay muted loop playsinline class="background-video">
545      <source src="images/1.mp4" type="video/mp4">
546
547    </video>
548    <div class="conteudo-header">
549      <!-- Aqui vão os textos, menus, botões etc -->
550    </div>
551  </div>
552  
553  <section id="Abranet" class="section-conteudo11">
554    <video autoplay muted loop playsinline class="background-video">
555        <source src="images/2.mp4" type="video/mp4">
556
557      </video>
558    <div class="container">
559      <div class="home-wrap">  
560	        
561        
562        <div class="custom-slider">
563            <img src="images/3.png" style="margin-bottom: 39px; margin-top: 40px;">
564            <div class="custom-slides">
565                <div class="custom-slide">
566                    &nbsp;&nbsp;&nbsp;Os Encontros Anuais de Etologia têm como objetivo tornar acessível a Etologia a estudantes, fomentando a formação contínua de pesquisadores e profissionais. Também é objetivo a troca de experiências entre pesquisadores brasileiros de diferentes regiões do país e entre pesquisadores brasileiros e estrangeiros, cultivando a multidisciplinaridade. Pretendemos manter esta finalidade e avançar buscando a ampliação das trocas com a sociedade, convidando pesquisadores de órgãos públicos e pessoas de diferentes seguimentos da comunidade, especialmente dos povos originários, para integrar o 41º Encontro Anual de Etologia. O tema deste encontro é “Etologia da Conservação: caminhos para coexistência”. A  adoção deste tema tem a finalidade de transmitir a ideia de que a etologia, ao compreender o comportamento animal, pode ser uma ferramenta essencial para promover a coexistência harmoniosa entre seres humanos e outras espécies, alinhada com os esforços de conservação. Este encontro visa destacar a importância do comportamento animal na conservação da biodiversidade, em um momento crítico de mudanças ambientais catastróficas que ameaçam ecossistemas e espécies em todo o mundo.
567                </div>
568                <div class="custom-slide">
569                    <br> <br> <br>&nbsp;&nbsp;&nbsp;Com a aceleração da perda de habitat, mudanças climáticas e a pressão crescente das atividades humanas, torna-se urgente compreender como os animais reagem e se adaptam a esses desafios. A etologia oferece conhecimentos valiosos para o desenvolvimento de estratégias de conservação que considerem o comportamento das espécies em seus ambientes naturais, as interações entre humanos e outras espécies e promovam a coexistência sustentável. Este conhecimento pode ajudar a mitigar os impactos dessas crises ambientais, informando ações que preservem biodiversidade e os ecossistemas.
570                </div>
571                <div class="custom-slide">
572                    <br> <br>&nbsp;&nbsp;&nbsp;O Encontro reunirá especialistas em etologia, ecologia e conservação, além de comunidades locais que possuem conhecimento tradicional sobre a fauna e flora, para discutir como o comportamento animal pode servir como ferramenta na formulação de políticas de conservação mais eficazes. Temas como a adaptação das espécies às mudanças ambientais, o papel da etologia na restauração de ecossistemas e as implicações para a convivência entre humanos e outros animais em áreas urbanas serão abordados. Neste momento de profundas mudanças ambientais, o 41º Encontro Anual de Etologia tem a finalidade de ser uma plataforma para explorar soluções baseadas na ciência comportamental e nos saberes populares, integrando conservação e coexistência em um esforço conjunto para enfrentar os desafios globais.
573                </div>
574            </div>
575        
576            <div class="custom-controls">
577                <span class="custom-arrow custom-prev" id="prev">←</span>
578                <span class="custom-arrow custom-next" id="next">→</span>
579            </div>
580        </div>
581        
582        <style>
583            /* Estilo do slider */
584                .custom-slider {
585                    position: relative;
586                    width: 100%;
587                    max-width: 900px; /* Aumenta a largura máxima do slider */
588                    margin: auto;
589                    overflow: hidden; /* Esconde os elementos fora da tela */
590                    margin-top: -200px;
591                }
592
593                /* Container das caixas (slides) */
594                .custom-slides {
595                    display: flex;
596                    transition: transform 0.5s ease-in-out; /* Transição suave para o slide */
597                }
598
599                /* Cada slide */
600                .custom-slide {
601                    min-width: 100%;
602                    box-sizing: border-box;
603                    background: #234156;
604                    background-image: url(images/Banner-Wave.svg);
605                    padding: 40px;
606                    text-align: center;
607                    font-size: 15px;
608                    color: #ffffffcf;
609                    font-family: system-ui;
610                    text-align: justify;
611                    padding: 41px 85px;
612                    background-repeat: no-repeat;
613                     background-size: cover; 
614                     background-position: 45% 99%;
615                     background-size: 106%;
616                }
617
618                /* Controles de navegação (setas) */
619                .custom-controls {
620                    position: absolute;
621                    top: 50%;
622                    width: 100%;
623                    display: flex;
624                    justify-content: space-between;
625                    transform: translateY(-50%);
626                }
627
628                .custom-arrow {
629                    background-color: rgb(93 160 188);
630                    color: white;
631                    padding: 18px;
632                    cursor: pointer;
633                    font-size: 23px;
634                    margin-top: 100px;
635                }
636
637        </style>
638        
639        
639<script>
640            // JavaScript para controlar o slider
641        
642            const slides = document.querySelector('.custom-slides');
643            const prevButton = document.getElementById('prev');
644            const nextButton = document.getElementById('next');
645        
646            let currentIndex = 0; // Índice do slide atual
647            const totalSlides = document.querySelectorAll('.custom-slide').length;
648        
649            // Função para atualizar o slide
650            function updateSlide() {
651                const offset = -currentIndex * 100; // Calcula o deslocamento
652                slides.style.transform = `translateX(${offset}%)`; // Aplica o deslocamento
653            }
654        
655            // Função para ir para o slide anterior
656            prevButton.addEventListener('click', () => {
657                currentIndex = (currentIndex === 0) ? totalSlides - 1 : currentIndex - 1;
658                updateSlide();
659            });
660        
661            // Função para ir para o próximo slide
662            nextButton.addEventListener('click', () => {
663                currentIndex = (currentIndex === totalSlides - 1) ? 0 : currentIndex + 1;
664                updateSlide();
665            });
666        </script>
666
667      </div>
668      </div>
669	</section>
670				
671	    </div>      
672      </div>
673    </div>
674  </section> 	
675		
676  <section id="Evento" class="section-conteudo">
677    <div class="container">
678       <!-- <h2 class="home-h2">O Evento</h2>
679      <p class="home-texto">Em sua 14ª edição, o Congresso Brasileiro de Buiatria 2023, reunirá mais de 30 palestrantes de dentro e fora do Brasil. São profissionais, Mestres e Doutoures, com liderança e experiência para explorar novas frentes.</p>
680      <p class="home-texto">Além de garantir a presença de profissionais com este perfil, a ABB realizará diversas ações durante o evento para garantir que os patrocinadores interajam com estes profissionais.</p>
681      --><!-- 
682      <div id="nperca">
683
684        <img src="images/4.png" width="900px" loading="lazy">
685
686        </div>-->
687
688      <h3 class="home-h2">Local</h3> <div id="localdoevento"></div>
689      <div class="home-wrap">
690        <div class="home-flex-unit mr-40px is--66">
691          <p class="home-texto">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;O 42º Encontro Anual de Etologia (EAE) será realizado na <b>Universidade Federal do Espírito Santo (UFES)</b>, em Vitória, ES. As plenárias, cerimônias e mesas-redondas serão realizadas no <b>Auditório do Centro de Educação Físicae Desportos (CEFD)</b>, com capacidade para 155 pessoas, garantindo conforto e acessibilidade. Para os minicursos, simpósios e sessões coordenadas, serão reservadas salas de aula climatizadas e auditórios menores. No <b>Hall do Centro de Educação Física e Desportos (CEFD)</b> ocorrerão as apresentações de pôsteres e as atividades culturais, permitindo interações entre pesquisadores e outros estudantes da UFES, para além dos inscritos no evento. 
692            </p><img src="images/5.png" loading="lazy" sizes="(max-width: 767px) 90vw, (max-width: 991px) 94vw, 59vw" alt="" class="home-hotel-img"><br>
693        </div>
694        <div class="home-flex-unit mr-40px">
695          <p class="home-highlight">Haverá um espaço infantil com brinquedos e monitores, tornando o evento mais acessível para pais pesquisadores.</p>
696          <div class="home-linha-wrap home-linha-small">
697            <div class="home-linha"></div>
698            <div class="home-linha in-center"></div>
699            <div class="home-linha"></div>
700          </div>
701          <br>
702          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1916192.203527499!2d-40.30467669317892!3d-20.276954929703592!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xb817fbf7922e1d%3A0x8e3a34da61df44ed!2sUniversidade%20Federal%20do%20Esp%C3%ADrito%20Santo%20-%20UFES%20(campus%20de%20Goiabeiras)!5e0!3m2!1spt-BR!2sbr!4v1743993972378!5m2!1spt-BR!2sbr" width="360" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
703        </p><img src="images/10.jpg" loading="lazy" sizes="(max-width: 767px) 90vw, (max-width: 991px) 94vw, 59vw" alt="" class="home-hotel-img"><br>
704        </div>
705      </div>
706    </div>
707
708    <section class="hospedagens">
709  <style>
710    .hospedagens {
711      padding: 30px 20px;
712      font-family: system-ui, sans-serif;
713      color: #fff;
714    }
715    .hospedagens h2 {
716      font-size: 1.6rem;
717      margin-bottom: 20px;
718      text-align: center;
719      color: #e0f7fa;
720      position: relative;
721    }
722    .hospedagens h2::after {
723      content: "🌊";
724      position: absolute;
725      margin-left: 8px;
726      font-size: 1.2rem;
727      opacity: .8;
728    }
729    .hospedagens ul {
730      list-style: none;
731      padding: 0;
732      margin: 0;
733      display: grid;
734      gap: 16px;
735    }
736    .hospedagens li {
737      background: #233d54;
738      border-radius: 14px;
739      padding: 16px 20px;
740      transition: transform 0.2s, background 0.3s;
741    }
742    .hospedagens li:hover {
743      background: #2e4d69;
744      transform: translateY(-3px);
745    }
746    .hospedagens .nome {
747      font-weight: 700;
748      font-size: 1.05rem;
749      margin-bottom: 6px;
750      color: #b3e5fc;
751    }
752    .hospedagens .endereco {
753      font-size: 0.9rem;
754      color: #e0f2f1;
755    }
756  </style>
757  <br>
758  <h3 class="home-h2">Onde se hospedar</h3> <div id="localdoevento2"></div><br>
759  <ul>
760    <li>
761      <div class="nome">Transamerica Fit Vitória Reta da Penha</div>
762      <div class="endereco">Av. Nossa Sra. da Penha, 2656 - Santa Luíza, Vitória - ES, 29045-402</div>
763    </li>
764    <li>
765      <div class="nome">Sleep Inn Vitória</div>
766      <div class="endereco">Av. Nossa Sra. da Penha, 1212 - Praia do Canto, Vitória - ES, 29055-131</div>
767    </li>
768  </ul>
769</section>
770
771    <img src="images/1d.png">
772    <img src="images/2d.png">
773          <img src="images/aliment.png">
774  </section>
775
776
777  
778
779
780<style>
781    /* Contêiner do slider */
782    .slider-container {
783        position: relative;
784        width: 100%;
785        height: 400px;
786        overflow: hidden; /* Impede o scroll na área do slider */
787    }
788
789    /* Seção que contém a imagem de fundo */
790    .background-image {
791        position: absolute;
792        top: 0;
793        left: 0;
794        width: 100%;
795        height: 100%;
796        background-image: url('images/t.jpg');
797        background-size: cover;  /* Faz com que a imagem ocupe toda a área */
798        background-position: center;  /* Centraliza a imagem */
799        background-attachment: fixed;  /* A imagem não se move, fica fixa quando rolar a página */
800        background-repeat: no-repeat;  /* Evita a repetição da imagem */
801    }
802</style>
803
804  
805<div class="header">
806    <video autoplay muted loop playsinline class="background-video2">
807      <source src="images/6.mp4" type="video/mp4">
808
809    </video>
810    
811
812<div class="linha-horizontal">
813
814  <!-- Organização -->
815  <div class="grupo">
816    <div class="rotulo">Organização</div>
817    <div class="bolha realizacao">
818      <img src="images/sbet.png" alt="Organizador">
819    </div>
820  </div>
821
822  <!-- Apoio -->
823  <div class="grupo">
824    <div class="bolhas-apoio">
825      <div class="bolha" style="margin-top: -5px;"><img src="images/ufes.png" alt="Organizador"></div>
826      <div class="bolha" style="margin-top: -37px;"><img src="images/ppgp.png" alt="Organizador"></div>
827      <div class="bolha" style="margin-top: -75px;"><img src="images/cefd.png" alt="Organizador"></div>
828      <a href="https://www.instagram.com/guilbert_rda/"><div class="bolha" style="margin-top: -94px;"><img src="images/site.png" alt="Organizador"></div></a>
829    </div>
830        <div class="rotulo">Apoio</div>
831  </div>
832
833</div>
834
835<style>
836.linha-horizontal {
837  display: flex;
838  align-items: flex-start;
839  gap: 40px;
840  font-family: system-ui, sans-serif;
841  margin: 50px;
842}
843
844.grupo {
845  display: flex;
846  flex-direction: column;
847  align-items: center;
848  gap: 10px;
849}
850
851.rotulo {
852  font-weight: bold;
853      font-size: 31px;
854  margin-bottom: 10px;
855}
856
857.bolhas-apoio {
858  display: flex;
859  gap: 20px;
860}
861
862.bolha {
863  width: 175px;
864  height: 175px;
865  background: #fff;
866
867  border-radius: 50%;
868  text-align: center;
869  box-sizing: border-box;
870  display: flex;
871  align-items: center;
872  justify-content: center;
873  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
874}
875
876.realizacao {
877  width: 180px;
878  height: 180px;
879}
880
881.realizacao img {
882  width: 120px;
883  height: 120px;
884  border-radius: 50%;
885}
886</style>
887
888
889
890
891
892    
893    <div class="conteudo-header">
894      <!-- Aqui vão os textos, menus, botões etc -->
895    </div>
896  </div>
897  
898  
899<section id="Evento" class="section-conteudo"> <div id="inscricoes"></div>
900    <div class="container">
901    		<h3 class="home-h2">Valores</h3>
902 			
903        <div class="programacao">
904            <br><br><img src="images/lote.png">
905        </div>     
906        <div class="associese">   
907        <a href="https://www.etologiabrasil.org.br/cadastro/associe/" target="_blank" class="botao-cadastro2">CLIQUE AQUI E ASSOCIE-SE A SBEt</a>
908      </div>   
909        <!-- 
910	 	 <h3 class="home-h2">Minicursos</h3><br>
911	 	 <img src="images/novosite/minicursos.png" width="1000px">
912	 	 -->
913	</div>
914</section>
915  
916  
917<section id="Evento" class="section-conteudo"> <div id="trabalhos"></div>
918    <div class="container">
919    		<h3 class="home-h2">Submissões</h3>
920 			<br><br> 
921        
922             <div style="display: flex; gap: 20px; align-items: flex-start;">
923
924                <!-- Botões de navegação -->
925                <div class="meus-botoes" style="display: flex; flex-direction: column; gap: 10px;">
926                  <button id="btn1" onclick="mostrarCaixa('conteudo1', this)">Pôsteres e apresentações orais</button>
927                <!--  <button id="btn1" onclick="mostrarCaixa('conteudo12', this)">Simpósio e mesa-redonda</button> -->
928                  <button id="btn2" onclick="mostrarCaixa('conteudo2', this)">Minicursos</button>
929                  <button id="btn3" onclick="mostrarCaixa('conteudo3', this)">Prêmio César-Ades</button>
930                  <button id="btn4" onclick="mostrarCaixa('conteudo4', this)">Concurso de Fotografia</button>
931                </div>
932              
933                <!-- Caixa de informações -->
934                <div id="caixa-de-informacoes" style="
935                  width: 500px;
936                  min-height: 300px;
937                  padding: 20px;
938                  border-radius: 10px;
939                  font-family: system-ui;
940                  font-size: 16px;
941                  color: #234156;
942                  transition: all 0.3s ease;
943                  text-align: justify;
944                    width: 66%;
945                    opacity: 1;
946                    padding: 35px;
947                    border: 2px solid #aeeaff;
948                ">
949                  <!-- O conteúdo será alterado dinamicamente via script -->
950                </div>
951              
952              </div>
953              
954              <!-- Estilos -->
955              <style>
956                .meus-botoes button {
957                  padding: 16px 30px;
958                  font-size: 16px;
959                  cursor: pointer;
960                  background: #234156;
961                  border-radius: 6px;
962                  color: #f3f3f3;
963                  font-family: system-ui;
964                  border: none;
965                  transition: background 0.3s, color 0.3s;
966                }
967                .meus-botoes button:hover,
968                .meus-botoes button.ativo {
969                  background: #aeeaff;
970                  color: #234156;
971                }
972                .botao-container {
973                  display: flex;
974                  gap: 15px;
975                  justify-content: center;
976                  align-items: center;
977                }
978              </style>
979              
980              <!-- Conteúdos escondidos -->
981              <div id="conteudo1" style="display:none;">
982                <h4>Pôsteres e apresentações orais</h4><br>
983                <strong>Prazo: Encerrado</strong><br><br>
984
985                    <!-- Botão de download -->
986                Todos os resumos encaminhados encontram-se em avaliação.<br>
987                As avaliações serão enviadas até o dia 25/10. Os autores devem enviar o resumo corrigido por e-mail, até o dia 30/10.<br><br>
988
989                <strong>Orientação para impressão: </strong>Modo Retrato, tamanho 0,9m x 1,2m. Pode ser confeccionado em qualquer material. O pôster é principalmente uma oportunidade para disseminar e debater seu trabalho com os outros participantes presentes.
990
991Faça textos curtos e objetivos, facilitando a visualização das ideias centrais do trabalho. Deixe seu texto no mínimo, o menor possível. Nos resultados, procure utilizar figuras, tabelas e/ou fotografias e não apenas textos. Procure colocar as informações em tópicos.
992
993Dê preferência para fonte Arial 26 ou superior no corpo do texto permitindo que quem leia enxergue seu pôster a 1,5m de distância. Ao usar cores, lembre-se de considerar que as pessoas podem ter dificuldades para diferenciá-las (pessoas com daltonismo podem ter dificuldade para diferenciar o vermelho do verde, ou o azul do lilás, por exemplo. Letras pretas com fundo branco são uma prática padrão. Fundos com figuras devem ser usados com cautela.
994              <br><br>
995              <strong>Orientação para apresentações orais: Mais informações em breve!</strong>
996
997
998              </div>
999 <!--
1000              <div id="conteudo12" style="display:none;">
1001                <h4>Simpósio e mesa-redonda</h4><br>
1002                <strong>Prazo: Encerrado. </strong><br><br>
1003                <div class="botao-container">
1004           
1005                  <a href="docs/simposio_mesa_redonda_modelo_EAE25.docx" download>
1006                    <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1007                      Clique aqui para baixar o modelo
1008                    </button>
1009                  </a>
1010                  
1011  
1012                  <a href="https://docs.google.com/forms/d/e/1FAIpQLSejxusjLJmSffW6ydUDK5c7nxzZK0Bdw5VHqwEP2MXZIDPXGw/viewform?usp=dialog" target="_blank">
1013                    <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1014                      Clique aqui para submeter sua proposta
1015                    </button>
1016                  </a>
1017                </div><br><br>
1018                
1019                As(os) proponentes e todas(os) as(os) palestrantes de um simpósio ou mesa-redonda deverão obrigatoriamente estar inscritas(os) no Encontro. 
1020                O Simpósio deverá promover a divulgação, a discussão e o avanço do conhecimento científico produzido pela comunidade em Etologia e áreas afins. Simpósios são apresentações de estudos científicos que apresentam novidades científicas. As apresentações deverão discutir o conhecimento atual de uma determinada área de pesquisa, conceito, aplicação ou tema, dentro da perspectiva do Encontro. O Simpósio terá a duração de 90 minutos e poderá ter até 4 simposiastas (1 proponente mais 3 simposiastas).
1021                <br><br>
1022                As mesas-redondas deverão propor uma discussão e uma reflexão em torno de um tema de interesse, relacionado à proposta central do evento. A mesa redonda terá duração de 90 minutos. Os proponentes das mesas estarão livres para facilitar a conversa da forma como julgarem mais adequada. No caso de haver apresentações individuais, poderá haver até quatro falas, seguidas de debate. No caso de não haver apresentações individuais, o proponente deverá administrar como será feito o debate. Desta forma, nas mesas redondas haverá fala(s) disparadora(s), seguida(s) de discussão, preferencialmente abrindo para a participação do público.
1023                <br><br>
1024                A proposta deverá ser escrita preferencialmente em português, podendo ser em espanhol ou inglês e deverá conter título do trabalho, autoras(es), filiação, resumo e palavras-chave.
1025                A submissão de simpósios e mesas-redondas incluirá um resumo geral, de autoria da(o) proponente, e um resumo para cada palestra/fala disparadora do simpósio ou mesa-redonda, seguindo as normas para elaboração do resumo abaixo. A(o) proponente deverá enviar o conjunto de resumos em uma única submissão.
1026                <br><br>
1027                <strong>Resumo Geral:</strong><br><br>
1028                <ul>
1029                  <li><strong>Título:</strong> deve ser preciso, sucinto e informativo, com 20 palavras no máximo. Para trabalhos em espanhol ou inglês, deverá conter também um título redigido em português.</li>
1030                  <li><strong>Autoria:</strong> nomes completos das(os) autoras(es).</li>
1031                  <li><strong>Filiação:</strong> informar o programa/curso, departamento, instituição e país.</li>
1032                  <li><strong>Correspondência:</strong> informar o endereço de email da(o) autora para quem deverá ser enviada correspondência.</li>
1033                  <li><strong>Resumo:</strong> cada resumo deve conter até 300 palavras no corpo do texto (não incluindo título, autoras(es), filiação e palavras-chave), redigid
1033o em português, espanhol ou inglês, parágrafo único e justificado.</li>
1034                  <li><strong>Palavras-chave:</strong> apresentar até três (3) palavras-chave, em ordem alfabética e separadas por vírgulas. Não devem conter ponto-final. Não usar palavras que já estejam no título.</li>
1035                </ul>
1036                <strong>Resumo individual:</strong><br><br>
1037                <ul>
1038                  <li><strong>Título:</strong> deve ser preciso, sucinto e informativo, com 20 palavras no máximo. Para trabalhos em espanhol ou inglês, deverá conter também um título redigido em português.</li>
1039                  <li><strong>Autoria:</strong> nomes completos das(os) autoras(es).</li>
1040                  <li><strong>Filiação:</strong> informar o programa/curso, departamento, instituição e país. Identificar a(o) autora que irá apresentar o trabalho com um asterisco (*).</li>
1041                  <li><strong>Resumo:</strong> deve conter entre 200 e 300 palavras no corpo do texto, redigido em português, espanhol ou inglês, parágrafo único e justificado. Os resumos devem incluir objetivo(s), métodos, principais resultados e conclusões (implicação).</li>
1042                  <li><strong>Palavras-chave:</strong> apresentar até três (3) palavras-chave, em ordem alfabética e separadas por vírgulas. Não devem conter ponto-final. Não usar palavras que já estejam no título.</li>
1043                  <li><strong>Apoio Financeiro:</strong> identificar a agência de fomento responsável pelo suporte financeiro da pesquisa/bolsa, quando existente.</li>
1044                  <li><strong>Protocolo de aprovação CEUA ou CEP:</strong> inserir o número do protocolo de aprovação nos comitês, quando couber.</li>
1045                </ul>
1046                <strong>Observações para todas as modalidades:</strong><br><br>
1047                <ul>
1048                  <li>Palavras em idiomas distintos daquele usado no resumo devem ser grafadas em <em>itálico</em>, enquanto neologismos devem ser escritos entre “aspas”.</li>
1049                  <li>Nomes científicos devem ser grafados em <em>itálico</em>.</li>
1050                  <li>Não deverão ser incluídas referências bibliográficas no resumo ou figuras e tabelas.</li>
1051                  <li>Abreviações não usuais devem ser evitadas, mas quando usadas, devem ser definidas em sua primeira menção no texto do resumo.</li>
1052                  <li>Usar sistema métrico de medidas (Sistema Internacional de Medidas).</li>
1053                </ul>
1054                <strong>Os resumos serão considerados inadequados quando:</strong><br><br>
1055                <ul>
1056                  <li>Contenham vários erros gramaticais e de digitação.</li>
1057                  <li>Apresentem dados com análises estatísticas inadequadas.</li>
1058                  <li>Não apresentem objetivos e conclusão clara.</li>
1059                  <li>Falhem no cumprimento das orientações para preparação do resumo.</li>
1060                </ul>
1061               
1062                Para baixar o modelo e enviar a proposta, basta clicar no botão abaixo e preencher o formulário. Atrele o comprovante de inscrição ao envio das propostas.
1063                <br><br>
1064                <div class="botao-container">
1065        
1066                  <a href="docs/simposio_mesa_redonda_modelo_EAE25.docx" download>
1067                    <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1068                      Clique aqui para baixar o modelo
1069                    </button>
1070                  </a>
1071
1072                  <a href="https://docs.google.com/forms/d/e/1FAIpQLSejxusjLJmSffW6ydUDK5c7nxzZK0Bdw5VHqwEP2MXZIDPXGw/viewform?usp=dialog" target="_blank">
1073                    <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1074                      Clique aqui para submeter sua proposta
1075                    </button>
1076                  </a>
1077                </div>
1078              </div>
1079              -->
1080
1081              <div id="conteudo2" style="display:none;">
1082                <h4>Minicursos</h4><br>
1083<br>
1084                <div class="botao-container">
1085                    <!-- Botão de download -->
1086                    <a href="docs/Minicursos_EAE 2025.pdf" target="_blank">
1087                        <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1088                            <STRONG>CLIQUE AQUI E CONFIRA TODOS OS MINICURSOS </STRONG>
1089                        </button>
1090                    </a>
1091                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSfuRhW_TEHOsd3pdxpW5uR7K4dUDqXB8uHf8h0PiGBCi_mLug/viewform" target="_blank">
1092                        <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1093                            <STRONG>CLIQUE AQUI PARA SE INSCREVER </STRONG>
1094                        </button>
1095                    </a>
1096                    
1097                </div><br><br>
1098                Todos os minicursos serão ministrados no dia 11/11/2025, das 9:00 às 17:00, durante o 45º EAE, na Universidade Federal do Espírito Santo, Vitória.
1099                
1100                <br><br>
1101                <strong> Os minicursos são gratuitos para quem já está inscrito no congresso.</strong>
1102               <br><br> Quem não está inscrito no congresso, pode se inscrever apenas no minicurso! Basta realizar o pagamento via Pix de R$75,00 (setenta e cinco reais) e anexar o comprovante no formulário de inscrição.                <BR><BR>
1103                <a href="docs/pagamento do minicurso (APENAS PARA NÃO INSCRITO
1103S NO EAE).pdf" target="_blank">
1104                        <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1105                            <STRONG>QR CODE PAGA PAGAMENTO</STRONG>
1106                        </button>
1107                    </a>  
1108              </div>
1109            </div>
1110            
1111              
1112            <div id="conteudo3" style="display:none;">
1113                <h4>Prêmio César Ades de melhor dissertação e tese em Comportamento Animal</h4><br>
1114                <strong>Prazo: Encerrado</strong><br><br>
1115                <div class="botao-container">
1116            
1117                    <!-- Botão para submeter 
1118                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeofokNcSKAThrNwkY_73SYWG73C_tJcnc19Y95vc4XqN6zQA/viewform?usp=preview" target="_blank">
1119                        <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1120                            Clique aqui para se inscrever e enviar o seu trabalho
1121                        </button>
1122                    </a>-->
1123                </div><br><br>
1124                O Prêmio César Ades foi criado pela Sociedade Brasileira de Etologia (SBEt) em 2020, com o objetivo de incentivar a qualidade da produção científica em Comportamento Animal na pós-graduação e dar mais visibilidade a essa produção. A premiação ocorre bianualmente, durante o Encontro Anual de Etologia (EAE), e considera os trabalhos defendidos entre 1º de janeiro e 31 de dezembro de até dois anos anteriores ao da premiação. Trabalhos já premiados não serão considerados para novas premiações.
1125            
1126                <br><br>
1127                <strong>Capítulo I</strong><br>
1128                <strong>Do Prêmio</strong><br>
1129                <p><strong>Art. 1º:</strong> O Prêmio César Ades foi criado pela Sociedade Brasileira de Etologia (SBEt) em 2020, visando incentivar a qualidade da produção científica em Comportamento Animal no âmbito da pós-graduação e dar mais visibilidade a essa produção.</p>
1130                <p><strong>Art. 2º:</strong> A premiação das melhores teses e dissertações acontece bianualmente, durante o Encontro Anual de Etologia (EAE) realizado presencialmente, e considera os trabalhos defendidos entre 1º de janeiro e 31 de dezembro de até dois anos anteriores ao da premiação. Trabalhos já premiados não serão considerados para novas premiações.</p>
1131                <ul>
1132                    <li><strong>§ 1º:</strong> Serão premiadas: a melhor Dissertação de mestrado e a melhor Tese de Doutorado.</li>
1133                    <li><strong>§ 2º:</strong> A(O) autor(a) deverá ter defendido sua dissertação/tese nos dois anos anteriores ou ainda no mesmo ano da inscrição.</li>
1134                    <li><strong>§ 3º:</strong> Poderão se inscrever pessoas de nacionalidade brasileira ou estrangeira, que sejam sócias adimplentes da SBEt.</li>
1135                </ul>
1136            
1137                <strong>Capítulo II</strong><br>
1138                <strong>Da inscrição</strong><br>
1139                <p><strong>Art. 3º:</strong> Durante a fase de inscrição de trabalhos no EAE, a Comissão Organizadora deverá prever a possibilidade de inscrição ao Prêmio César Ades, devendo ser disponibilizado o presente Regulamento.</p>
1140                <ul>
1141                    <li><strong>§ 1º:</strong> Não haverá cobrança específica para inscrição no Prêmio César Ades.</li>
1142                    <li><strong>§ 2º:</strong> A inclusão do trabalho não é automática, portanto a(o)s candidata(o)s deverão se inscrever para concorrer ao Prêmio.</li>
1143                    <li><strong>§ 3º:</strong> O trabalho deverá ser anexado ao formulário disponibilizado no site do 42º EAE em formato pdf.</li>
1144                    <li><strong>§ 4º:</strong> O trabalho deverá ser enviado até dia 30 de setembro de 2025 para que a comissão julgadora tenha tempo hábil para avaliação.</li>
1145                </ul>
1146            
1147                <p><strong>Art. 4º:</strong> Para ter sua inscrição efetivada, a(o) autor(a) deverá ser associada(o) da SBEt e estar em dia com os pagamentos das anuidades, incluindo a anuidade vigente à época do 42º EAE.</p>
1148                <ul>
1149                    <li><strong>§ 1º:</strong>
1149 Caberá à Diretoria da SBEt a confirmação do nome da(o) autor(a) na relação de sócios quites com a Tesouraria.</li>
1150                    <li><strong>§ 2º:</strong> Caso a(o) autor(a) não esteja em dia com a anuidade devida, ela(ele) poderá regularizar sua situação, desde que em tempo hábil para a inclusão de seu nome na “Lista de Concorrentes Homologados”.</li>
1151                </ul>
1152            
1153                <strong>Capítulo III</strong><br>
1154                <strong>Do julgamento</strong><br>
1155                <p><strong>Art. 5º:</strong> O julgamento será feito por uma comissão de sócio(a)s profissionais quites com a anuidade e previamente escolhidos pela Diretoria.</p>
1156                <ul>
1157                    <li><strong>§ 1º:</strong> A Diretoria da SBEt fornecerá à comissão avaliadora a “Ficha de Avaliação do Prêmio César Ades”. Essa ficha pode sofrer alterações e ser aperfeiçoada ano a ano.</li>
1158                    <li><strong>§ 2º:</strong> Os critérios utilizados pela Comissão avaliadora deverão incluir os seguintes quesitos: originalidade, qualidade técnica, qualidade da apresentação, resultados obtidos e relevância social.</li>
1159                </ul>
1160            
1161                <strong>Capítulo IV</strong><br>
1162                <strong>Da ficha de avaliação</strong><br>
1163                <p><strong>Art. 7º:</strong> Para o julgamento do Prêmio César Ades será utilizada a “Ficha de Avaliação do Prêmio César Ades”.</p>
1164                <p><strong>Art. 9º:</strong> A ficha de avaliação, depois de preenchida, deverá ser entregue à Diretoria da SBEt, à qual caberá sua guarda, em absoluto sigilo do conteúdo, até o momento da divulgação dos resultados.</p>
1165            
1166                <strong>Capítulo V</strong><br>
1167                <strong>Da apuração</strong><br>
1168                <p><strong>Art. 10º:</strong> A apuração do Prêmio César Ades será realizada pela Diretoria da SBEt, em evento fechado, visando resguardar os resultados e dar maior relevância ao evento de premiação.</p>
1169                <p><strong>Art. 11º:</strong> Será obrigatória a tabulação de todos os resultados obtidos pela comissão avaliadora, bem como o acesso ordenado às fichas de avaliação por todas as pessoas interessadas, após a premiação, de forma a oferecer absoluta transparência.</p>
1170            
1171                <strong>Capítulo VI</strong><br>
1172                <strong>Da premiação</strong><br>
1173                <p><strong>Art. 12º:</strong> A premiação ocorrerá durante o evento de encerramento do EAE em que foram inscritos os trabalhos, sendo conduzida pela Diretoria da SBEt, a qual poderá convidar outras pessoas para a entrega dos prêmios.</p>
1174                <p><strong>Art. 13º:</strong> A cada pessoa agraciada será entregue um certificado de premiação confeccionado pela SBEt e a isenção do valor da inscrição no EAE do ano seguinte ao da premiação.</p>
1175                <p><strong>Parágrafo único:</strong> Podem também ser ofertados, caso disponíveis, brindes ou outros produtos obtidos pela organização do EAE ou Diretoria da SBEt.</p>
1176            
1177                <strong>Capítulo VIII</strong><br>
1178                <strong>Disposições finais</strong><br>
1179                <p><strong>Art. 14º:</strong> O resultado final do Prêmio César Ades será formalmente homologado pela SBEt por meio da publicação dos resultados em Ata de Assembleia Geral a ser registrada em cartório, imediatamente posterior ao EAE em que o Prêmio foi distribuído.</p>
1180                <p><strong>Art. 15º:</strong> Os casos omissos serão resolvidos pela Diretoria da SBEt em conjunto com seu Conselho Deliberativo, que decidirão de forma soberana, não cabendo recurso.</p>
1181        
1182                Para se inscrever, basta clicar no botão abaixo e preencher o formulário. 
1183                <br><br>
1184                <div class="botao-container">
1185            
1186                    <!-- Botão para submeter 
1187                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSeofokNcSKAThrNwkY_73SYWG73C_tJcnc19Y95vc4XqN6zQA/viewform?usp=preview" target="_blank">
1188                        <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1189                            Clique aqui para se inscrever e enviar o seu trabalho
1190                        </button>
1191                    </a>-->
1191
1192                </div>
1193            </div>
1194            
1195              
1196            <div id="conteudo4" style="display:none;">
1197                <h4>Concurso de Fotografia</h4><br>
1198                <strong>Prazo: 31 de outubro de 2025</strong><br><br>
1199                <div class="botao-container">
1200                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSf5Msdx-jA63CSYNcTgjW9QU4774wcl1f76XeoFIhnfdA_aHg/viewform?usp=preview" target="_blank">
1201                        <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1202                            Clique aqui para se inscrever e enviar sua fotografia
1203                        </button>
1204                    </a>
1205                </div><br><br>
1206            
1207                O Concurso de Fotografia do 42º Encontro Anual de Etologia da Sociedade Brasileira de Etologia possui como tema a Etologia em seus mais variados aspectos. Incentivamos os participantes a submeterem imagens esteticamente agradáveis de animais em contextos etologicamente interessantes, seja pelo comportamento registrado, pela pose ou pelo contexto geral.
1208                <br><br>
1209                <strong>Capítulo I</strong><br>
1210                <strong>Do Concurso</strong><br>
1211                <p><strong>Art. 1º:</strong> O Concurso de Fotografia da SBEt foi criado com o objetivo de incentivar o olhar criativo e a documentação do comportamento animal de forma artística e científica, em sintonia com os princípios da Etologia.</p>
1212                <p><strong>Art. 2º:</strong> O concurso será realizado anualmente, durante o Encontro Anual de Etologia (EAE), e o tema da fotografia será relacionado com a Etologia.</p>
1213                <ul>
1214                    <li><strong>§ 1º:</strong> Serão premiadas as três melhores fotografias.</li>
1215                    <li><strong>§ 2º:</strong> As fotografias deverão ser de autoria exclusiva do participante.</li>
1216                    <li><strong>§ 3º:</strong> Não serão aceitas montagens ou manipulações digitais que alterem substancialmente o conteúdo da foto.</li>
1217                </ul>
1218            
1219                <strong>Capítulo II</strong><br>
1220                <strong>Da Inscrição</strong><br>
1221                <p><strong>Art. 3º:</strong> As inscrições deverão ser realizadas no período de 28 de abril a 31 de outubro, por meio do envio do formulário de inscrição e da fotografia.</p>
1222                <ul>
1223                    <li><strong>§ 1º:</strong> Não haverá taxa de inscrição.</li>
1224                    <li><strong>§ 2º:</strong> A fotografia deverá ser enviada em formato JPG ou PNG, com resolução mínima de 300dpi e tamanho máximo de 10MB.</li>
1225                    <li><strong>§ 3º:</strong> O título e a descrição da foto (até 50 palavras) deverão ser incluídos no formulário de inscrição.</li>
1226                </ul>
1227            
1228                <strong>Capítulo III</strong><br>
1229                <strong>Da Premiação</strong><br>
1230                <p><strong>Art. 4º:</strong> As fotografias serão avaliadas pelos participantes do EAE, que escolherão as melhores imagens durante o evento.</p>
1231                <ul>
1232                    <li><strong>§ 1º:</strong> Serão premiadas as três fotografias mais votadas.</li>
1233                    <li><strong>§ 2º:</strong> Os vencedores receberão um certificado e prêmios a serem definidos pela organização do evento.</li>
1234                </ul>
1235            
1236                <strong>Capítulo IV</strong><br>
1237                <strong>Da Exposição</strong><br>
1238                <p><strong>Art. 5º:</strong> As fotografias serão expostas durante o evento, permitindo que todos os participantes possam apreciar o trabalho dos concorrentes.</p>
1239            
1240                Para participar, basta clicar no botão abaixo e preencher o formulário.
1241                <br><br>
1242                <div class="botao-container">
1243                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSf5Msdx-jA63CSYNcTgjW9QU4774wcl1f76XeoFIhnfdA_aHg/viewform?usp=preview" target="_blank">
1244                        <button style="font-weight: 500; font-size: 15px; background-color: #aeeaff; color: #234156; padding: 8px 15px; border-radius: 6px; font-size: 14px; cursor: pointer;">
1245                            Clique aqui para se inscrever e enviar sua fotografia
1246                        </button>
1247                    </a>
1248                </div>
1249            </div>
1250            
1251              
1252              <!-- Script -->
1253              
1253<script>
1254                // Função para mostrar o conteúdo de cada botão
1255                function mostrarCaixa(id, botaoClicado) {
1256                  // Atualiza o conteúdo
1257                  var conteudo = document.getElementById(id).innerHTML;
1258                  document.getElementById('caixa-de-informacoes').style.opacity = 0;
1259                  
1260                  setTimeout(() => {
1261                    document.getElementById('caixa-de-informacoes').innerHTML = conteudo;
1262                    document.getElementById('caixa-de-informacoes').style.opacity = 1;
1263                  }, 300);
1264              
1265                  // Atualiza os botões ativos
1266                  var botoes = document.querySelectorAll('.meus-botoes button');
1267                  botoes.forEach(b => b.classList.remove('ativo'));
1268                  botaoClicado.classList.add('ativo');
1269                }
1270              
1271                // Inicializa com o primeiro botão ativo e seu conteúdo exibido
1272                window.onload = () => {
1273                  document.getElementById("btn1").click();
1274                }
1275              </script>
1275
1276              
1277              
1278              
1279              
1280  
1281  
1282  
1283<section id="Evento" class="section-conteudo"> <div id="programacao" name="programacao"></div>
1284    <div class="container">
1285    		<h3 class="home-h2">Programação</h3>
1286 			<br><br> 
1287          
1288
1289
1290      
1291
1292
1293
1294
1295
1296<!-- Cole este bloco no lugar do seu <section id="Evento"> atual -->
1297<style>
1298  /* ====== Programação: tabs puramente com HTML+CSS ====== */
1299  .programacao {
1300    display: grid;
1301    gap: 1rem;
1302  }
1303
1304  /* Radios escondidos (controle dos "botões") */
1305  .programacao input[type="radio"] {
1306    position: absolute;
1307    opacity: 0;
1308    pointer-events: none;
1309  }
1310
1311  /* Barra de botões (labels dos radios) */
1312  .tabs {
1313    display: grid;
1314    grid-template-columns: repeat(5, minmax(0, 1fr));
1315    gap: .5rem;
1316  }
1317
1318  .tab {
1319    display: inline-flex;
1320    align-items: center;
1321    justify-content: center;
1322    padding: .9rem 1rem;
1323    border: 1px solid #ddd;
1324    border-radius: .75rem;
1325    font-weight: 600;
1326    background: #f7f7f8;
1327    cursor: pointer;
1328    user-select: none;
1329    transition: transform .04s ease, background .2s ease, border-color .2s ease;
1330    text-align: center;
1331    line-height: 1;
1332  }
1333
1334  .tab:active { transform: translateY(1px); }
1335  .tab:hover  { background: #f0f0f2; }
1336
1337  /* Estado ativo (quando o radio correspondente está marcado) */
1338  #dia11:checked ~ .tabs label[for="dia11"],
1339  #dia12:checked ~ .tabs label[for="dia12"],
1340  #dia13:checked ~ .tabs label[for="dia13"],
1341  #dia14:checked ~ .tabs label[for="dia14"], 
1342  #dia15:checked ~ .tabs label[for="dia15"]{
1343    background: #234156;
1344    color: #fff;
1345    border-color: #234156;
1346  }
1347
1348  /* Painéis (imagens) */
1349  .panels {
1350    position: relative;
1351    border: 1px solid #eee;
1352    border-radius: .75rem;
1353    padding: .75rem;
1354    background: #fff;
1355    min-height: 200px;
1356  }
1357
1358  .panel {
1359    display: none;
1360    animation: fade .2s ease-in;
1361  }
1362
1363  .panel img {
1364    display: block;
1365    width: 100%;
1366    height: auto;
1367    border-radius: .5rem;
1368  }
1369
1370  /* Exibe o painel correspondente ao radio marcado */
1371  #dia11:checked ~ .panels .panel[data-dia="11"],
1372  #dia12:checked ~ .panels .panel[data-dia="12"],
1373  #dia13:checked ~ .panels .panel[data-dia="13"],
1374  #dia14:checked ~ .panels .panel[data-dia="14"],
1375  #dia15:checked ~ .panels .panel[data-dia="15"] {
1376    display: block;
1377  }
1378
1379  @keyframes fade { from {opacity: 0} to {opacity: 1} }
1380
1381  /* Responsivo */
1382  @media (max-width: 640px) {
1383    .tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
1384  }
1385</style>
1386
1387  <div id="programacao" name="programacao"></div>
1388  <div class="container">
1389
1390    <div class="programacao">
1391      <!-- Radios (sem JS) -->
1392      <input type="radio" name="programacao-dia" id="dia11" checked>
1393      <input type="radio" name="programacao-dia" id="dia12">
1394      <input type="radio" name="programacao-dia" id="dia13">
1395      <input type="radio" name="programacao-dia" id="dia14">
1396      <input type="radio" name="programacao-dia" id="dia15">
1397
1398      <!-- Botões (labels) -->
1399      <div class="tabs" role="tablist" aria-label="Selecionar dia da programação">
1400        <label class="tab" for="dia11" role="tab" aria-controls="painel-11" tabindex="0">11/11</label>
1401        <label class="tab" for="dia12" role="tab" aria-controls="painel-12" tabindex="0">12/11</label>
1402        <label class="tab" for="dia13" role="tab" aria-controls="painel-13" tabindex="0">13/11</label>
1403        <label class="tab" for="dia14" role="tab" aria-controls="painel-14" tabindex="0">14/11</label>
1404        <label class="tab" for="dia15" role="tab" aria-controls="painel-15" tabindex="0">Títulos - Sessões coordenadas</label>
1405      </div>
1406
1407      <!-- Painéis com imagens -->
1408      <div class="panels">
1409        <div id="painel-11" class="panel" data-dia="11" role="tabpanel" aria-labelledby="dia11">
1410          <img src="images/11.png" alt="Programação do dia 11 de novembro">
1411        </div>
1412        <div id="painel-12" class="panel" data-dia="12" role="tabpanel" aria-labelledby="dia12">
1413          <img src="images/12.png" alt="Programação do dia 12 de novembro">
1414        </div>
1415        <div id="painel-13" class="panel" data-dia="13" role="tabpanel" aria-labelledby="dia13">
1416          <img src="images/13.png" alt="Programação do dia 13 de novembro">
1417        </div>
1418        <div id="painel-14" class="panel" data-dia="14" role="tabpanel" aria-labelledby="dia14">
1419          <img src="images/14.png" alt="Programação do dia 14 de novembro">
1420        </div>
1421        <div id="painel-15" class="panel" data-dia="15" role="tabpanel" aria-labelledby="dia15">
1422          <img src="images/sessoes.png" alt="Programação do dia 14 de novembro">
1423        </div>
1424      </div>
1425    </div>
1426  </div>
1427
1428
1429
1430
1431
1432
1433      
1434      
1435      
1436      
1437      
1438      
1439      
1440    </div>            
1441        <!-- 
1442	 	 <h3 class="home-h2">Minicursos</h3><br>
1443	 	 <img src="images/novosite/minicursos.png" width="1000px">
1444	 	 -->
1445	</div>
1446</section>
1447      
1448   	 <section id="Evento" class="section-conteudo"><div id="palestrant" name="palestrant"></div>
1449		 <div class="container">
1450			 <h3 class="home-h2">		 
1451			    Participantes
1452			 </h3>
1453            <!--   <div class="programacao">
1454                <br><br><div class="embrev">  Mais informações em breve!   </div>
1455            </div> 	 -->
1456		 
1457		  <style>
1458        .palestrantes-lista {
1459            display: flex;
1460            flex-wrap: wrap;
1461            justify-content: center;
1462        }
1463
1464        .palestrante {
1465            margin-right: 30px;
1466            margin-top: 30px;
1467            text-align: center;
1468            cursor: pointer;
1469            width: 175px;
1470            height: 175px;
1471            border-radius: 50%;
1472            overflow: hidden;
1473            color: #fff;
1474            font-size: 12px;
1475          
1476        }
1477
1478
1479
1480        .quebra-linha {
1481            flex-basis: 100%;
1482            width: 0;
1483            height: 0;
1484            margin: 0;
1485            padding: 0;
1486        }
1487          .palestrante:hover .palestrante-content {
1488            transform: rotateY(180deg);
1489        }
1490
1491        .palestrante-content {
1492            position: relative;
1493            width: 100%;
1494            height: 100%;
1495            transition: transform 0.6s;
1496            transform-style: preserve-3d;
1497        }
1498
1499        .palestrante-front,
1500        .palestrante-back {
1501            position: absolute;
1502            width: 100%;
1503            height: 100%;
1504            backface-visibility: hidden;
1505        }
1506
1507        .palestrante-front {
1508            background-color: #f1f1f1;
1509            display: flex;
1510            justify-content: center;
1511            align-items: center;
1512            transform: rotateY(0deg);
1513        }
1514
1515        .palestrante-back {
1516            background-color:#234156;
1517            color: #fff;
1518            transform: rotateY(180deg);
1519            display: flex;
1520            justify-content: center;
1521            align-items: center;
1522                padding: 5px;
1523                
1524        }
1525        .palestrante img {
1526            width: 100%;
1527            height: 100%;
1528            object-fit: cover;
1529            border-radius: 50%;
1530            border: 8px solid #234156;
1531
1532        }
1533
1534        .palestrante .nome-palestrante {
1535            display: none;
1536            color: #fff;
1537            text-align: center;
1538        }
1539
1540        .palestrante:hover .nome-palestrante {
1541            display: block;
1542            color: #fff;
1543        }
1544        .popup {
1545    position: fixed;
1546    top: 0;
1547    left: 0;
1548    width: 100%;
1549    height: 100%;
1550    background-color: #234156;
1551    display: none;
1552    justify-content: center;
1553    align-items: center;
1554    z-index: 9999;
1555}
1556
1557.popup-content {
1558    background-color: white;
1559    padding: 20px;
1560    max-width: 600px;
1561    text-align: center;
1562    border-radius: 10px;
1563}
1564
1565.popup-link {
1566    text-decoration: none;
1567}
1568
1569.popup-close {
1570    color: #ffffff;
1571    text-decoration: none;
1572    padding: 6px 8px;
1573    background: #234156;
1574    font-size: 10px;
1575    border-radius: 10px;
1576    text-decoration: none;
1577}
1578
1579.popup-link:focus + .popup {
1580    display: flex;
1581}
1582
1583.popup-close:focus ~ .popup {
1584    display: none;
1585}
1586 		@media screen and (max-width: 480px) {
1587		   .popup{
1588			    width: 340px;
1589		   }
1590	   }
1591    </style>
1592   
1593    <div class="palestrantes-lista">
1594
1595 <a href="#popup8" class="popup-link">
1596        <div class="palestrante">
1597            <div class="palestrante-content">
1598                <div class="palestrante-front">
1599                    <img src="images/p/8.jpeg" alt="Palestrante 1">
1600                </div>
1601                <div class="palestrante-back">
1602                    <div class="nome-palestrante">Sylvia Corte </div>
1603                    <div class="cliquee">Ver curriculo</div>
1604                </div>
1605            </div>
1606        </div>           
1607       </a>
1608	    <div id="popup8" class="popup">
1609	        <div class="popup-content">
1610	        	<h4>Sylvia Corte </h4>
1611	            <p>
1612                    Bióloga, Professora e Pesquisadora da Seção de Etologia do Departamento de Biologia Animal, Faculdade de Ciências, Universidad de la República (Uruguai). Mestre em comportamento de primatas, com especialização em etologia aplicada ao bem-estar animal. Fundadora e integrante de diversos grupos e projetos internacionais, incluindo o GAIA (Grupo Académico Interdisciplinario de Antrozoología), o Núcleo de Apoio à Pesquisa sobre Expressão de Emoções (USP) e o projeto “Cross Cultural Pet Parenting” (Universidade de Boise, EUA). Experiência em comunicação e c
1612omportamento de primatas, avaliação e desenho de recintos para bem-estar animal, bioacústica, estudos de vínculo humano-animal e comportamento maternal em primatas. Atuou como presidente da Comissão Nacional de Experimentação Animal do Uruguai e colabora com o Painel de Gêmeos da USP.
1613<br><br>
1614<b>Tema:</b> Indivíduos, populações ou ambiente? uma abordagem etológica para a conservação
1615</p><br>
1616	            <a href="#" class="popup-close">Fechar</a><br><br>
1617	        </div>
1618	    </div>
1619
1620
1621  <a href="#popup7" class="popup-link">
1622        <div class="palestrante">
1623            <div class="palestrante-content">
1624                <div class="palestrante-front">
1625                    <img src="images/p/7.gif" alt="Palestrante 1">
1626                </div>
1627                <div class="palestrante-back">
1628                    <div class="nome-palestrante">Maria Luísa da Silva</div>
1629                    <div class="cliquee">Ver curriculo</div>
1630                </div>
1631            </div>
1632        </div>           
1633       </a>
1634	    <div id="popup7" class="popup">
1635	        <div class="popup-content">
1636	        	<h4>Maria Luísa da Silva</h4>
1637	            <p>
1638                    Bióloga com mestrado, doutorado e pós-doutorados em Neurociências e Comportamento, incluindo períodos na USP e na Universidade de Cambridge. Fundadora do Laboratório de Ornitologia e Bioacústica da UFPA, desenvolve pesquisas, extensão e orientação em ornitologia e comportamento animal, com foco em comunicação sonora de aves, bioacústica e percepção ambiental. Professora associada da UFPA e colaboradora do Programa de Pós-graduação em Psicologia Experimental da USP. É presidente da Sociedade Brasileira de Bioacústica e secretária-geral da Sociedade Brasileira de Etologia.
1639<br><br>
1640	            <a href="#" class="popup-close">Fechar</a><br><br>
1641	        </div>
1642	    </div>
1643
1644
1645
1646
1647
1648
1649
1650      <a href="#popup6" class="popup-link">
1651        <div class="palestrante">
1652            <div class="palestrante-content">
1653                <div class="palestrante-front">
1654                    <img src="images/p/4.jpeg" alt="Palestrante 1">
1655                </div>
1656                <div class="palestrante-back">
1657                    <div class="nome-palestrante">Zelinda Maria Braga Hirano</div>
1658                    <div class="cliquee">Ver curriculo</div>
1659                </div>
1660            </div>
1661        </div>           
1662       </a>
1663	    <div id="popup6" class="popup">
1664	        <div class="popup-content">
1665	        	<h4>Zelinda Maria Braga Hirano</h4>
1666	            <p>
1667                    Bacharel em Ciências Biológicas, mestre em Bioquímica e doutora em Biologia Comparada. Professora colaboradora voluntária e aposentada da Universidade Regional de Blumenau, atua há décadas no manejo de primatas. Idealizou o Projeto Bugio e cofundou o Centro de Pesquisas Biológicas e Observatório de Primatas de Indaial (CEPESBI). Colabora com o Plano de Ação Nacional para conservação de primatas e preguiça da Mata Atlântica e preside o comitê de manejo de Alouatta guariba no Brasil, integrando também o comitê na Argentina. Foi presidente e vice-presidente da Sociedade Brasileira de Primatologia, onde hoje é conselheira, e integra a diretoria da Sociedade Brasileira de Etologia. É membro do conselho da SBPC, do conselho estadual de Santa Catarina e da Fundação Fritz Muller. Atua como avaliadora do SINAES/INEP/MEC e de secretarias de educação estaduais. Tem experiência em bioquímica e comportamento animal, com foco em conservação, comportamento, comunicação e saúde de primatas brasileiros, especialmente Alouatta guariba.
1668<br><br>
1669	            <a href="#" class="popup-close">Fechar</a><br><br>
1670	        </div>
1671	    </div>
1672        
1673      
1674      <a href="#popup5" class="popup-link">
1675        <div class="palestrante">
1676            <div class="palestrante-content">
1677                <div class="palestrante-front">
1678                    <img src="images/p/2.jpeg" alt="Palestrante 1">
1679                </div>
1680                <div class="palestrante-back">
1681                    <div class="nome-palestrante">Beatriz de Mello Beisiegel</div>
1682                    <div class="cliquee">Ver curriculo</div>
1683                </div>
1684            </div>
1685        </div>           
1686       </a>
1687	    <div id="popup5" class="popup">
1688	        <div class="popup-content">
1689	        	<h4>Beatriz de Mello Beisiegel</h4>
1690	            <p>
1691                    Graduada em Ciências Biológicas Bacharelado pela Universidade de São Paulo (1989), mestre em Psicologia (Etologia) pela Universidade de São Paulo (1993), doutora em Psicologia (Etologia) pela Universidade de São Paulo (1999) e pós-doutora em Ecologia pela Universidade de São Paulo (2004). Atualmente é analista ambiental do ICMBio/NGI ICMBio Iperó - Floresta Nacional de Capão Bonito. Coordena o projeto "Onças da região do Vale do Ribeira e do Alto Paranapanema" , e tem experiência nas áreas de gestão de Unidades de Conservação, Ecologia, Comportamento Animal e avaliação do estado de conservação da fauna, atuando principalmente com mamíferos carnívoros na Mata Atlântica, principalmente com as espécies Panthera onca, Puma concolor, Nasua nasua, Cerdocyon thous e Speothos venaticus. 
1692                
1693<br><br>
1694<b>Tema:</b> Etologia da conservação das onças pintadas do contínuo de paranapiacaba.</p><br>
1695	            <a href="#" class="popup-close">Fechar</a><br><br>
1696	        </div>
1697	    </div>
1698
1699
1700        <a href="#popup7" class="popup-link">
1701        <div class="palestrante">
1702            <div class="palestrante-content">
1703                <div class="palestrante-front">
1704                    <img src="images/p/3.jpeg" alt="Palestrante 1">
1705                </div>
1706                <div class="palestrante-back">
1707                    <div class="nome-palestrante">Arrilton Araujo </div>
1708                    <div class="cliquee">Ver curriculo</div>
1709                </div>
1710            </div>
1711        </div>           
1712       </a>
1713	    <div id="popup5" class="popup">
1714	        <div class="popup-content">
1715	        	<h4>Arrilton Araujo </h4>
1716	            <p>
1717                    Sou professor titular de Comportamento Animal no Departamento de Fisiologia e Comportamento da Universidade Federal do Rio Grande do Norte (UFRN). Minha experiência acadêmica e científica concentra-se em estudos de comportamento animal, com ênfase em temas como organização social, estratég
1717ias de forrageamento e memória. Minhas pesquisas utilizam principalmente saguis e formigas ponerinas como modelos experimentais. Além disso, supervisiono alunos de mestrado e doutorado no Programa de Pós-Graduação em Psicobiologia da UFRN.
1718<br><br>
1719<b>Tema:</b> Formigas como modelos de estudos em memória e aprendizagem?  </p><br>
1720	            <a href="#" class="popup-close">Fechar</a><br><br>
1721	        </div>
1722	    </div>
1723
1724
1725
1726
1727        
1728        <a href="#popup6" class="popup-link">
1729        <div class="palestrante">
1730            <div class="palestrante-content">
1731                <div class="palestrante-front">
1732                    <img src="images/p/1.jpeg" alt="Palestrante 1">
1733                </div>
1734                <div class="palestrante-back">
1735                    <div class="nome-palestrante">Aline Cristina Sant’anna</div>
1736                    <div class="cliquee">Ver curriculo</div>
1737                </div>
1738            </div>
1739        </div>           
1740       </a>
1741	    <div id="popup6" class="popup">
1742	        <div class="popup-content">
1743	        	<h4>Aline Cristina Sant’anna</h4>
1744	            <p>
1745    É docente do Departamento de Zootecnia da FCAV, Unesp - Câmpus de Jaboticabal, SP. Atua nos cursos de graduação em Ciências Biológicas, Zootecnia e Medicina Veterinária da FCAV, e no Programa de Pós-graduação em Biodiversidade e Conservação da Natureza da Universidade Federal de Juiz de Fora (UFJF). É editora da revista Applied Animal Behaviour Science (Elsevier) e membro da diretoria da Sociedade Brasileira de Etologia (SBEt). Atua principalmente na área de etologia aplicada e bem-estar dos animais domésticos e animais silvestres em ambiente cativo, suas principais linhas de pesquisa são: temperamento em animais, implicações das diferenças individuais, efeitos genéticos e ambientais sobre o temperamento.
1746                    </p>
1747
1748    <br><br>
1749    <b>Tema:</b> Etologia aplicada: um caminho para compreensão da coexistência nas nossas interações com os animais.</p><br>
1750                    <a href="#" class="popup-close">Fechar</a><br><br>
1751                </div>
1752            </div>
1753        </div>
1754
1755
1756
1757
1758
1759
1760
1761
1762
1763	</div>
1764 	</section> 
1765 	
1766 	
1767 	<br>
1768 	<section>
1769		<style>
1770			#ins{
1771				
1772			}
1773		</style>
1774 
1775		   
1776			  
1777	</section>
1778
1779  
1780    <style>
1781    	.my-container {
1782		  display: flex;
1783		}
1784
1785		.my-container div {
1786		  flex: 1;
1787		  padding: 10px;
1788		}
1789
1790      .topic{
1791
1792        }
1793        .tit1{
1794            font-size: 37px;
1795            font-family: gadugi;
1796            text-align: center;
1797            color: #234156;
1798            font-weight: 900;
1799            margin-bottom: 52px;
1800        }
1801        .tit2{
1802            font-size: 37px;
1803            font-family: gadugi;
1804            text-align: center;
1805            color: #1e578c;
1806            font-weight: 900;
1807            margin-bottom: 52px;
1808            margin-top: 65px;
1809        }
1810        .imgg{
1811            text-align: center;
1812        }
1813  </style>
1814  <div class="section-conteudo">
1815   		<div class="topic">
1816                <div class="tit1">
1817                    Realização
1818                </div>
1819                <a href="https://www.etologiabrasil.org.br">
1820                <div class="imgg">
1821                    <img src="images/x.png">
1822                </div>
1823                </a>
1824        </div>
1825  </div>
1826
1827</body>
1828</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.