{"id":1366,"date":"2026-07-11T20:21:01","date_gmt":"2026-07-11T23:21:01","guid":{"rendered":"https:\/\/labator.eba.ufrj.br\/?page_id=1366"},"modified":"2026-07-11T23:20:13","modified_gmt":"2026-07-12T02:20:13","slug":"galeria","status":"publish","type":"page","link":"https:\/\/labator.eba.ufrj.br\/?page_id=1366","title":{"rendered":"Galeria"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">| <strong>Galeria <\/strong><\/h1>\n\n\n\n<div style=\"height:56px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n.flip-grid-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  box-sizing: border-box;\n}\n\n.flip-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr); \/* telas grandes: 4 por linha *\/\n  gap: 24px;\n}\n\n\/* Telas m\u00e9dias-grandes (notebook menor \/ tablet paisagem): 3 por linha *\/\n@media (max-width: 1100px) {\n  .flip-grid {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n}\n\n\/* Tablet retrato: 2 por linha *\/\n@media (max-width: 760px) {\n  .flip-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n  }\n}\n\n\/* Celular: 1 por linha *\/\n@media (max-width: 480px) {\n  .flip-grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n}\n\n.flip-card {\n  background-color: transparent;\n  aspect-ratio: 3 \/ 4;\n  perspective: 1200px;\n}\n\n.flip-card-inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.6s;\n  transform-style: preserve-3d;\n  border-radius: 10px;\n  box-shadow: 0 4px 14px rgba(0,0,0,0.18);\n}\n\n\/* Gira ao passar o mouse *\/\n.flip-card:hover .flip-card-inner {\n  transform: rotateY(180deg);\n}\n\n\/* Gira ao tocar, em telas sem hover (celular\/tablet) *\/\n.flip-card.is-flipped .flip-card-inner {\n  transform: rotateY(180deg);\n}\n\n.flip-card-front, .flip-card-back {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  border-radius: 10px;\n  overflow: hidden;\n  background-size: cover;\n  background-position: center;\n}\n\n.flip-card-back {\n  transform: rotateY(180deg);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 20px;\n  box-sizing: border-box;\n  position: relative;\n}\n\n\/* Camada escura sobre a imagem de fundo do verso, pra texto ficar leg\u00edvel *\/\n.flip-card-back::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.55);\n}\n\n.flip-card-back-content {\n  position: relative;\n  z-index: 1;\n  color: #fff;\n}\n\n.flip-card-desc {\n  font-size: clamp(12px, 2.2vw, 15px);\n  line-height: 1.4;\n  margin: 0 0 16px 0;\n}\n\n.flip-card-btn {\n  display: inline-block;\n  padding: clamp(8px, 1.5vw, 10px) clamp(18px, 3vw, 26px);\n  background-color: #2f8f7f; \/* AJUSTE aqui pra bater com o verde exato do site *\/\n  color: #fff;\n  text-decoration: none;\n  border-radius: 6px;\n  font-weight: 600;\n  font-size: clamp(12px, 2vw, 14px);\n  transition: background-color 0.25s ease;\n  white-space: nowrap;\n}\n\n.flip-card-btn:hover {\n  background-color: #256f63;\n  color: #fff;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.querySelectorAll('.flip-card').forEach(function (card) {\n  card.addEventListener('click', function (e) {\n    var isTouchDevice = window.matchMedia('(hover: none)').matches;\n    if (isTouchDevice) {\n      if (e.target.closest('.flip-card-btn')) return;\n      card.classList.toggle('is-flipped');\n    }\n  });\n});\n<\/script>\n\n<div class=\"flip-grid-wrapper\">\n  <div class=\"flip-grid\">\n\n    <!-- CARD Sperat infestis 3 infernos -->\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2025\/02\/Sperat3_Arte_Peca-2_Ofi.-Ceno.png');\"><\/div>\n        <div class=\"flip-card-back\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2025\/02\/Sperat3_Arte_Peca-2_Ofi.-Ceno.png');\">\n          <div class=\"flip-card-back-content\">\n            <p class=\"flip-card-desc\">Evento de Extens\u00e3o Sperat Infestis#3: Infernos<\/p>\n            <a class=\"flip-card-btn\" href=\"https:\/\/labator.eba.ufrj.br\/?page_id=1396\">Confira as fotos aqui<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- \/CARD -->\n\n    <!-- CARD pe\u00e7a sonho-->\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2023\/09\/Sem-titulo-1-03.png');\"><\/div>\n        <div class=\"flip-card-back\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2023\/09\/Sem-titulo-1-02.png');\">\n          <div class=\"flip-card-back-content\">\n            <p class=\"flip-card-desc\">A dramaturgia da Pe\u00e7a Sonho<\/p>\n            <a class=\"flip-card-btn\" href=\"https:\/\/labator.eba.ufrj.br\/?page_id=911\">Confira as fotos aqui<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- \/CARD -->\n\n    <!-- CARD prospero-->\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2026\/07\/prospero-1.png');\"><\/div>\n        <div class=\"flip-card-back\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2026\/04\/SPERAT_Prospero_5.jpg');\">\n          <div class=\"flip-card-back-content\">\n            <p class=\"flip-card-desc\">Pr\u00f3spero, cena para um figurino<\/p>\n            <a class=\"flip-card-btn\" href=\"https:\/\/labator.eba.ufrj.br\/?page_id=1402\">Confira as fotos aqui<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- \/CARD -->\n\n    <!-- CARD o cao e morto-->\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2024\/11\/cartaz1_Prancheta-1.png');\"><\/div>\n        <div class=\"flip-card-back\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2025\/01\/O-cao-_Fotos-Ricardo-J_11-2019_00015-scaled.jpg');\">\n          <div class=\"flip-card-back-content\">\n            <p class=\"flip-card-desc\">O C\u00e3o \u00e9 Morto<\/p>\n            <a class=\"flip-card-btn\" href=\"https:\/\/labator.eba.ufrj.br\/?page_id=961\">Confira as fotos aqui<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- \/CARD -->\n\n    <!-- Cole novos blocos <div class=\"flip-card\">...<\/div> aqui embaixo,\n         eles v\u00e3o pra segunda linha automaticamente, depois terceira, etc. -->\n\n\n <!-- CARD o jardim das cerejeiras-->\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2024\/09\/Cerejeiras_Cartaz.jpg');\"><\/div>\n        <div class=\"flip-card-back\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2022\/07\/Cerejeiras_Folder.jpg');\">\n          <div class=\"flip-card-back-content\">\n            <p class=\"flip-card-desc\">Est\u00e1 \u00e0 venda o jardim das cerejeiras<\/p>\n            <a class=\"flip-card-btn\" href=\"https:\/\/labator.eba.ufrj.br\/?page_id=886\">Confira as fotos aqui<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- \/CARD -->\n\n\n\n<!-- CARD sperat infestis teatro sonho e pol\u00edtica-->\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2026\/04\/SPERAT-INFESTIS_ARTE-WhatsApp_1-e1777161747580.jpeg');\"><\/div>\n        <div class=\"flip-card-back\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2026\/04\/SPERAT-INFESTIS_ARTE-PROGRAMACAO-VIRTUAL.jpg');\">\n          <div class=\"flip-card-back-content\">\n            <p class=\"flip-card-desc\">Sperat Infestis: Teatro, sonho e pol\u00edtica em Strindberg<\/p>\n            <a class=\"flip-card-btn\" href=\"https:\/\/labator.eba.ufrj.br\/?page_id=1408\">Confira as fotos aqui<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- \/CARD -->\n\n\n\n<!-- CARD Os dois Tchekhov-->\n    <div class=\"flip-card\">\n      <div class=\"flip-card-inner\">\n        <div class=\"flip-card-front\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2026\/07\/Os-dois-Tchekhov-1.png');\"><\/div>\n        <div class=\"flip-card-back\" style=\"background-image:url('https:\/\/labator.eba.ufrj.br\/wp-content\/uploads\/2026\/04\/30.DoisTchekhov_Apresentacao_05-06-2044.jpg');\">\n          <div class=\"flip-card-back-content\">\n            <p class=\"flip-card-desc\">Os Dois Tchekhov<\/p>\n            <a class=\"flip-card-btn\" href=\"https:\/\/labator.eba.ufrj.br\/?page_id=1149\">Confira as fotos aqui<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- \/CARD -->\n\n\n\n  <\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>| Galeria Evento de Extens\u00e3o Sperat Infestis#3: Infernos Confira as fotos aqui A dramaturgia da Pe\u00e7a Sonho Confira as fotos&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_customify_content_layout":"","_customify_sidebar":"","_customify_page_header_display":"default","_customify_disable_header":"","_customify_disable_header_top":"","_customify_disable_header_main":"","_customify_disable_header_bottom":"","_customify_disable_page_title":"","_customify_disable_content_vertical_padding":"","_customify_disable_footer_top":"","_customify_disable_footer_main":"","_customify_disable_footer_bottom":"","_customify_breadcrumb_display":"","_customify_header_transparent_display":"","footnotes":""},"class_list":["post-1366","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/labator.eba.ufrj.br\/index.php?rest_route=\/wp\/v2\/pages\/1366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labator.eba.ufrj.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/labator.eba.ufrj.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/labator.eba.ufrj.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labator.eba.ufrj.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1366"}],"version-history":[{"count":26,"href":"https:\/\/labator.eba.ufrj.br\/index.php?rest_route=\/wp\/v2\/pages\/1366\/revisions"}],"predecessor-version":[{"id":1411,"href":"https:\/\/labator.eba.ufrj.br\/index.php?rest_route=\/wp\/v2\/pages\/1366\/revisions\/1411"}],"wp:attachment":[{"href":"https:\/\/labator.eba.ufrj.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}