{"id":11,"date":"2026-03-20T20:40:05","date_gmt":"2026-03-20T20:40:05","guid":{"rendered":"https:\/\/vibraaudiovisual.com.ar\/vibra\/portfolio\/"},"modified":"2026-05-20T11:20:07","modified_gmt":"2026-05-20T11:20:07","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/vibraaudiovisual.com.ar\/vibra\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"<p><nav class=\"vb-nav\" id=\"vb-nav\">\n  <div class=\"vb-container vb-nav-inner\">\n    <a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/\" class=\"vb-nav-logo\">\n              <img decoding=\"async\" src=\"http:\/\/guilledevs.com.ar\/guishex\/wp-content\/uploads\/2026\/03\/Logo-Vibra-Claro.png\" alt=\"Vibra Audiovisual\" style=\"max-height: 50px; width: auto; display: block;\">\n          <\/a>\n    <ul class=\"vb-nav-links\">\n      <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/egresados\/\">Egresados<\/a><\/li>\n      <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/eventos\/\">Eventos<\/a><\/li>\n      <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/portfolio\/\">Portfolio<\/a><\/li>\n      <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/tienda\/\">Tienda<\/a><\/li>\n      <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/nosotros\/\">Sobre Nosotros<\/a><\/li>\n      <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/contacto\/\">Contacto<\/a><\/li>\n    <\/ul>\n    <div class=\"vb-nav-actions\">\n              <a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/portal\/\" class=\"vb-btn-ghost\"\n          style=\"padding: 6px 16px; font-size: 0.9rem;\"\n          onclick=\"this.href=this.href.split('?')[0]+'?_t='+Date.now()\">Portal Alumnos<\/a>\n          <\/div>\n    <button class=\"vb-nav-burger\" id=\"vb-burger\" aria-label=\"Menu\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n  <\/div>\n  <!-- Mobile overlay -->\n  <div class=\"vb-nav-mobile\" id=\"vb-mobile-menu\">\n    <div class=\"vb-nav-mobile-close\" id=\"vb-close-menu\">\n      <i class=\"fas fa-times\"><\/i>\n    <\/div>\n    <!-- clone links here via JS -->\n  <\/div>\n<\/nav><br \/>\n\n<section class=\"vb-galeria-wrap vb-section\" style=\"\">\n  <div class=\"vb-container\">\n        <div class=\"vb-sec-head vb-fade\">\n      <span class=\"vb-sec-num\">PORTFOLIO<\/span>\n      <h2>Nuestros Trabajos<\/h2>\n    <\/div>\n    \n    \n    <div class=\"vb-galeria-filtros\">\n        <button class=\"vb-btn-ghost active\" data-filter=\"all\">Todos<\/button>\n        <button class=\"vb-btn-ghost\" data-filter=\"egresados\">Egresados<\/button>\n        <button class=\"vb-btn-ghost\" data-filter=\"eventos\">Eventos<\/button>\n    <\/div>\n    <div class=\"vb-galeria-grid vb-fade\">\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"egresados\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/egresados Fiesta UPD 2026.webp\" alt=\"Fiesta UPD 2026\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Fiesta UPD 2026<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EGRESADOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"egresados\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/egresados UDQ Promo 2026 del colegio belgrano.webp\" alt=\"Promo Belgrano\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Promo Belgrano<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EGRESADOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"egresados\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/egresados UPD UThGRA 2026.webp\" alt=\"UPD UThGRA\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">UPD UThGRA<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EGRESADOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"egresados\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/fiesta de promo.jpg\" alt=\"Fiesta de Gala\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Fiesta de Gala<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EGRESADOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"egresados\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/gente egresada bailando escenario.jpg\" alt=\"Escenario Live\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Escenario Live<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EGRESADOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"egresados\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/presentacion de buzo promo 2026.jpg\" alt=\"Camperas 2026\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Camperas 2026<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EGRESADOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"egresados\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/presentacion de buzo promo.jpg\" alt=\"Presentaci\u00f3n Promo\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Presentaci\u00f3n Promo<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EGRESADOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"egresados\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/presentacion de buzo.jpg\" alt=\"Backstage Buzos\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Backstage Buzos<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EGRESADOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"eventos\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/BODA PRIMER PLANO NOVIOS.webp\" alt=\"Boda Cinema\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Boda Cinema<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EVENTOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"eventos\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/anillos de boda.webp\" alt=\"Detalles Boda\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Detalles Boda<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EVENTOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"eventos\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/concierto babasonicos.webp\" alt=\"Concierto Babas\u00f3nicos\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Concierto Babas\u00f3nicos<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EVENTOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"eventos\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/evento fiesta de XV.webp\" alt=\"Fiesta de XV\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Fiesta de XV<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EVENTOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"eventos\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/festival del poncho 2024.webp\" alt=\"Festival del Poncho\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Festival del Poncho<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EVENTOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"eventos\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/fiesta de XV.webp\" alt=\"Mis 15 A\u00f1os\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Mis 15 A\u00f1os<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EVENTOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"eventos\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/fiesta valhala boliche.webp\" alt=\"Evento Nocturno\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Evento Nocturno<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EVENTOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"eventos\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/foto novios boda.webp\" alt=\"Sesi\u00f3n Novios\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Sesi\u00f3n Novios<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EVENTOS<\/small>\n        <\/div>\n      <\/div>\n            <div class=\"vb-galeria-item vb-glass-card\" data-category=\"eventos\" style=\"padding: 0; aspect-ratio: 4\/3; overflow: hidden; cursor: pointer; border-radius: var(--vb-radius); position: relative;\">\n        <img decoding=\"async\" src=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-content\/plugins\/vibra-audiovisual-3\/assets\/images\/inauguracion sucursal banco.webp\" alt=\"Evento Institucional\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease;\">\n        \n        <div class=\"vb-galeria-overlay\" style=\"position:absolute; inset:0; background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.2) 100%); display:flex; flex-direction: column; align-items:center; justify-content:center; opacity:0; transition: opacity 0.4s ease; padding:30px; text-align:center;\">\n            <i class=\"fas fa-search-plus\" style=\"font-size: 2.5rem; color: var(--vb-green); filter: drop-shadow(0 0 20px var(--vb-green-glow)); margin-bottom: 15px;\"><\/i>\n            <h4 style=\"margin: 0; font-size: 1.3rem; letter-spacing: 0.1em; color: #fff;\">Evento Institucional<\/h4>\n            <small style=\"color: var(--vb-green); font-weight: bold; margin-top: 5px;\">EVENTOS<\/small>\n        <\/div>\n      <\/div>\n          <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const filters = document.querySelectorAll('.vb-galeria-filtros button');\n  const items = document.querySelectorAll('.vb-galeria-item');\n  \n  filters.forEach(btn => {\n    btn.addEventListener('click', () => {\n      filters.forEach(b => b.classList.remove('active'));\n      btn.classList.add('active');\n      const filter = btn.getAttribute('data-filter');\n      \n      items.forEach(item => {\n        if ( filter === 'all' || item.getAttribute('data-category') === filter ) {\n          item.style.display = 'flex';\n          setTimeout(() => { item.style.opacity = '1'; item.style.transform = 'scale(1)'; }, 50);\n        } else {\n          item.style.opacity = '0';\n          item.style.transform = 'scale(0.9)';\n          setTimeout(() => { item.style.display = 'none'; }, 300);\n        }\n      });\n    });\n  });\n});\n<\/script>\n\n<style>\n.vb-galeria-filtros {\n    display: flex;\n    gap: 15px;\n    justify-content: center;\n    margin-bottom: 60px;\n    flex-wrap: wrap;\n}\n.vb-galeria-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 30px;\n}\n.vb-galeria-item { \n    transition: all 0.3s ease; \n}\n.vb-galeria-item:hover .vb-galeria-overlay { \n    opacity: 1; \n}\n.vb-galeria-filtros .active { \n    background: var(--vb-green); \n    color: #000; \n    box-shadow: 0 0 20px var(--vb-green-dim); \n    border-color: var(--vb-green); \n}\n\n@media (max-width: 768px) {\n    .vb-galeria-grid {\n        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n        gap: 20px;\n    }\n    .vb-galeria-item h4 {\n        font-size: 1.2rem;\n    }\n    .vb-galeria-filtros {\n        gap: 10px;\n        margin-bottom: 40px;\n    }\n    .vb-galeria-filtros .vb-btn-ghost {\n        padding: 12px 20px;\n        font-size: 0.8rem;\n        flex-grow: 1;\n    }\n}\n<\/style>\n<br \/>\n<footer class=\"vb-footer-main\">\n  <div class=\"vb-container\">\n    <div class=\"vb-footer-grid\">\n      <div class=\"vb-footer-brand\">\n                  <img decoding=\"async\" src=\"http:\/\/guilledevs.com.ar\/guishex\/wp-content\/uploads\/2026\/03\/Logo-Vibra-Claro.png\" class=\"vb-footer-logo\" alt=\"Vibra\">\n                <p>Audiovisual \u00b7 Egresados \u00b7 Eventos<\/p>\n      <\/div>\n      <div class=\"vb-footer-links\">\n        <h4>Servicios<\/h4>\n        <ul>\n          <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/egresados\/\">Egresados<\/a><\/li>\n          <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/eventos\/\">Eventos<\/a><\/li>\n          <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/portfolio\/\">Portfolio<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"vb-footer-links\">\n        <h4>Portal<\/h4>\n        <ul>\n          <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/portal\/\">Acceso Alumnos<\/a><\/li>\n          <li><a href=\"https:\/\/vibraaudiovisual.com.ar\/vibra\/contacto\/\">Contacto<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"vb-footer-social\">\n        <h4>Seguinos<\/h4>\n        <div class=\"vb-social-icons\">\n                    <a href=\"https:\/\/wa.me\/542974606303\" target=\"_blank\" aria-label=\"WhatsApp\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n                    <a href=\"https:\/\/www.instagram.com\/vibra_audiovisual\/\" target=\"_blank\" aria-label=\"Instagram\"><i\n              class=\"fab fa-instagram\"><\/i><\/a>\n          <a href=\"https:\/\/www.youtube.com\/@Vibraaudiovisual\" target=\"_blank\" aria-label=\"YouTube\"><i\n              class=\"fab fa-youtube\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"vb-footer-bottom\">\n      <span>\u00a9 2026 Vibra Audiovisual<\/span>\n      <span>Sitio desarrollado por <a href=\"https:\/\/elitemarketingdigital.com.ar\" target=\"_blank\"\n          style=\"color:var(--vb-green); text-decoration:none;\">Elite Marketing Digital<\/a><\/span>\n    <\/div>\n  <\/div>\n<\/footer> <\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":1,"href":"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-json\/wp\/v2\/pages\/11\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/vibraaudiovisual.com.ar\/vibra\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}