[et_pb_section fb_built=”1″ admin_label=”Inicio” module_id=”INICIO_EVENTOS” module_class=”INICIO_EVENTOS” _builder_version=”4.27.2″ _module_preset=”default” background_enable_color=”off” background_enable_image=”off” background_position=”bottom_center” background_video_mp4=”https://universogroup.com.ar/wp-content/uploads/2024/10/REEL-EVENTOS-15.10.mp4″ min_height=”868.6px” custom_margin=”70px||37px||false|false” custom_margin_tablet=”70px||37px||false|false” custom_margin_phone=”||-500px||false|false” custom_margin_last_edited=”on|phone” custom_padding=”||61px||false|false” custom_css_free_form=”/* Asegurar que el logo se vea correctamente */||||* {|| background-color: transparent!important; /* Hace el fondo transparente */||}||||||#logo, .site-logo, .custom-logo, .et_pb_image_logo {|| width: auto; /* Deja que el logo ocupe su tamaño natural */|| max-width: 100%; /* Asegura que no exceda el ancho del contenedor */|| height: auto; /* Mantén la proporción original del logo */||}||||video {|| height: auto !important; /* Mantener la altura proporcional */|| width: 80% !important; /* Establecer el ancho al 80% del contenedor */|| object-fit: fill !important; /* Asegurar que el video se rellene sin espacios */|| background-color: transparent !important; /* Fondo transparente del video */|| margin-left: 10% !important; /* Centrar el video horizontalmente */|| border: none; /* Eliminar cualquier borde que el video pudiera tener */||}||||||/* Ajuste adicional para pantallas más pequeñas */||@media (max-width: 768px) {|| #logo, .site-logo, .custom-logo, .et_pb_image_logo {|| width: 80%!important; /* Ajusta el ancho para móviles */|| max-width: 50%!important; /* Asegura que no exceda el ancho del contenedor */|| height: auto!important; /* Mantén la proporción del logo */|| }|||| video {|| background-color: transparent !important; /* Fondo transparente */|| }|||| * {|| background-color: transparent !important; /* Fondo transparente para todos los elementos */|| }||}||||||/* Ajustar video de fondo para dispositivos móviles más pequeños y centrarlo */||@media only screen and (max-width: 470px) {|| video {|| height: auto !important;|| width: 26% !important; /* Ajusta el ancho del video al 45% del contenedor */|| || object-fit: fill !important; /* Asegurar que no haya espacios en gris */|| display: block !important;|| margin: 0 auto !important; /* Centrar el video horizontalmente */|| background-color: transparent !important; /* Fondo transparente */|| }|||| * {|| background-color: transparent !important;|| }||}||||” collapsed=”off” global_colors_info=”{}”][et_pb_row _builder_version=”4.27.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_code module_id=”boton” module_class=”boton” _builder_version=”4.27.2″ _module_preset=”default” hover_enabled=”0″ custom_css_free_form=”/* Botón de sonido */||.sound-button {|| background-color: transparent !important;|| color: white;|| border: none;|| border-radius: 5px;|| cursor: pointer;|| font-size: 20px !important; /* Aumenta el tamaño del botón */|| position: relative!important; /* Fijo en la pantalla, independientemente del scroll */||top: -120px!important;|| right: -1200px!important;|| z-index: 9999 !important; /* Muy alto para asegurarse de que esté por encima de todo */|| transition: opacity 0.3s ease-in-out; /* Transición de opacidad */|| opacity: 1; /* Visible */||}||||/* Opcional: para hacer que el video no interfiera */||video {|| z-index: 1; /* Video por debajo de otros elementos */|| pointer-events: none; /* Evita que el video bloquee la interacción si no tiene controles */||}||||||||@media (max-width: 1625px) {|| .sound-button {|| font-size: 24px; /* Reduce el tamaño del botón en pantallas pequeñas */|| top: -120px!important;|| right: -1108px!important; /* Ajusta la distancia desde la parte derecha */|| }||}|| ||||||||@media (max-width: 1366px) {|| .sound-button {|| font-size: 24px; /* Reduce el tamaño del botón en pantallas pequeñas */|| top: -120px!important;|| right: -1075px!important; /* Ajusta la distancia desde la parte derecha */|| }||}||||||||@media (max-width: 1285px) and (min-width: 1237px) {|| .sound-button {|| font-size: 24px; /* Reduce el tamaño del botón en pantallas pequeñas */|| top: -120px!important;|| right: -1075px!important; /* Ajusta la distancia desde la parte derecha */|| }||}||||||||@media (max-width: 1237px) and (min-width: 1137px) {|| .sound-button {|| font-size: 24px; /* Reduce el tamaño del botón en pantallas pequeñas */|| top: -120px!important;|| right: -860px!important; /* Ajusta la distancia desde la parte derecha */|| }||}||||||||@media (max-width: 1137px) and (min-width: 1024px) {|| .sound-button {|| font-size: 24px; /* Reduce el tamaño del botón en pantallas pequeñas */|| top: -120px!important;|| right: -860px!important; /* Ajusta la distancia desde la parte derecha */|| }||}||||||||@media (max-width: 1036px) and (min-width: 917px) {|| .sound-button {|| font-size: 24px; /* Reduce el tamaño del botón en pantallas pequeñas */|| top: -120px!important;|| right: -780px!important; /* Ajusta la distancia desde la parte derecha */|| }||}||||@media (max-width: 917px) and (min-width: 787px){|| .sound-button {|| font-size: 24px; /* Reduce el tamaño del botón en pantallas pequeñas */|| top: -120px!important;|| right: -600px!important; /* Ajusta la distancia desde la parte derecha */|| }||}||||@media (max-width: 787px) and (min-width: 663px){|| .sound-button {|| font-size: 24px; /* Reduce el tamaño del botón en pantallas pequeñas */|| top: -120px!important;|| right: -500px!important; /* Ajusta la distancia desde la parte derecha */|| }||}||||||||||/* Ajuste para pantallas móviles */||@media (max-width: 662px) {|| .sound-button {|| font-size: 24px; /* Reduce el tamaño del botón en pantallas pequeñas */|| top: -150px!important;|| right: -400px!important; /* Ajusta la distancia desde la parte derecha */|| }||}||||||||/* Ajuste para pantallas móviles */||@media (max-width: 566px) {|| .sound-button {|| font-size: 24px; /* Reduce el tamaño del botón en pantallas pequeñas */|| top: -150px!important;|| right: -300px!important; /* Ajusta la distancia desde la parte derecha */|| }||}” global_colors_info=”{}” sticky_enabled=”0″] [/et_pb_code][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.27.2″ _module_preset=”default” background_color=”RGBA(255,255,255,0)” custom_margin=”-50px||||false|false” custom_margin_tablet=”-50px||||false|false” custom_margin_phone=”0px||||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_row disabled_on=”off|off|off” _builder_version=”4.27.2″ _module_preset=”default” width=”100%” width_tablet=”80%” width_phone=”88%” width_last_edited=”on|tablet” max_width=”800px” module_alignment=”center” custom_margin=”-50px||||false|false” custom_margin_tablet=”-50px||||false|false” custom_margin_phone=”50px||-250px||false|false” custom_margin_last_edited=”on|phone” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text module_id=”texto_nosotros” module_class=”texto_nosotros” _builder_version=”4.27.2″ _module_preset=”default” text_font=”|600|||||||” text_text_color=”#FFFFFF” text_font_size=”25px” text_line_height=”1.8em” header_text_color=”#000000″ text_orientation=”center” module_alignment=”center” custom_margin=”25px||30px||false|false” custom_margin_tablet=”100px||150px||false|false” custom_margin_phone=”-250px||30px||false|false” custom_margin_last_edited=”on|phone” text_font_size_tablet=”17px” text_font_size_phone=”17px” text_font_size_last_edited=”on|phone” text_line_height_tablet=”1.7em” text_line_height_phone=”2em” text_line_height_last_edited=”on|desktop” custom_css_free_form=”.texto_nosotros {|| text-align: justify!important; /* Justificado por defecto */||}||||/* Para pantallas con un ancho máximo de 1024px (tablets y móviles grandes) */||@media (max-width: 1024px) {|| .texto_nosotros {|| text-align: center!important; /* Alineado al centro en pantallas más pequeñas */|| }||}||||/* Para pantallas con un ancho máximo de 768px (móviles) */||@media (max-width: 768px) {|| .texto_nosotros {|| text-align: center!important; /* Alineado al centro en móviles */|| }||}||” global_colors_info=”{}”]
Nos encargamos de la Producción Integral de todo tipo de eventos, abarcando desde la creación hasta la ejecución técnica, con propuestas visuales impactantes que incluyen iluminación, sonido, tecnología avanzada, mobiliario y catering.
[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”2″ make_equal=”on” module_id=”eventos_portfolio” module_class=”eventos_portfolio” _builder_version=”4.27.2″ _module_preset=”default” width_tablet=”” width_phone=”” width_last_edited=”on|desktop” max_width_tablet=”1350px” max_width_phone=”1350px” max_width_last_edited=”on|desktop” module_alignment=”center” custom_margin=”||||false|false” custom_css_free_form=”/* Ajustar el tamaño de las imágenes destacadas del portfolio */||img {|| || || object-fit: cover; /* Ajusta la imagen sin deformar */|| height: 250px; /* Define una altura máxima para las imágenes */|| width: 700px; /* Define una anchura máxima para las imágenes */||}||||/* Estilo para pantallas grandes (ej. Escritorio) */||@media (min-width: 1024px) {|| .portfolio img {|| height: 500px; /* Ajusta la altura para pantallas grandes */|| width: 600px; /* Ajusta el ancho para pantallas grandes */|| }||}||||/* Estilo para tablets (pantallas medianas) */||@media (max-width: 1024px) {|| .portfolio img {|| height: 400px; /* Ajusta la altura para tablets */|| width: 100%; /* Ancho del 100% del contenedor en tablets */|| }||}||||/* Estilo para móviles (pantallas pequeñas) */||@media (max-width: 768px) {|| .portfolio img {|| height: 300px; /* Ajusta la altura para móviles */|| width: 100%; /* Ancho del 100% del contenedor en móviles */|| }||}||||/* Asegurar que el logo se vea correctamente */||#logo, .site-logo, .custom-logo, .et_pb_image_logo {|| width: auto; /* Deja que el logo ocupe su tamaño natural */|| max-width: 100%; /* Asegura que no exceda el ancho del contenedor */|| height: auto; /* Mantén la proporción original del logo */||}||||/* Ajuste adicional para pantallas más pequeñas si es necesario */||@media (max-width: 768px) {|| #logo, .site-logo, .custom-logo, .et_pb_image_logo {|| width: 80%; /* Ajusta el ancho para móviles (si es necesario) */|| max-width: 100%; /* Asegura que no exceda el ancho del contenedor */|| height: auto; /* Mantén la proporción del logo */|| }||}||||/* Estilo para tablets (pantallas medianas) */||@media (max-width: 1024px) {|| .portfolio img {|| height: 400px; /* Ajusta la altura para tablets */|| width: 100%; /* Ancho del 100% del contenedor en tablets */|| }||}||||/* Estilo para móviles (pantallas pequeñas) */||@media (max-width: 768px) {|| .portfolio img {|| height: 250px!important; /* Ajusta la altura para móviles */|| width: 100%; /* Ancho del 100% del contenedor en móviles */|| }||}||||/* Ajuste del tamaño en pantallas muy pequeñas (menos de 480px) */||@media (max-width: 480px) {|| ||img {|| || || object-fit: cover; /* Ajusta la imagen sin deformar */|| height: 200px; /* Define una altura máxima para las imágenes */|| width: 700px; /* Define una anchura máxima para las imágenes */|| }|| ||}||||||” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.27.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_portfolio posts_number=”1″ include_categories=”21″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_PINTEGRAL” module_class=”pa-portfolio-overlay_PINTEGRAL” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” link_option_url=”https://universogroup.com.ar/project/produccion-integral/” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_PINTEGRAL */||.pa-portfolio-overlay_PINTEGRAL::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-PRODUCCION-INTEGRAL-EVENTOS-1.png’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_PINTEGRAL:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”25″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_LUCES” module_class=”pa-portfolio-overlay_LUCES” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_LUCES */||.pa-portfolio-overlay_LUCES::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-LUCES-Y-PANTALLAS-2-scaled.jpg’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_LUCES:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”9″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_STREAMING” module_class=”pa-portfolio-overlay_STREAMING” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_STREAMING */||.pa-portfolio-overlay_STREAMING::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-STREAMING-EVENTOS-1.png’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_STREAMING:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”24″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_SATELITAL” module_class=”pa-portfolio-overlay_SATELITAL” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_SATELITAL */||.pa-portfolio-overlay_SATELITAL::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOs-PARA-INTERNET-SATELITAL-EVENTOS-2.png’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_SATELITAL:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”28″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_hoteleria” module_class=”pa-portfolio-overlay_hoteleria” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_hoteleria */||.pa-portfolio-overlay_hoteleria::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-HOTELERIA-EVENTOS-3.jpg’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_hoteleria:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”29″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_seguridad” module_class=”pa-portfolio-overlay_seguridad” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_seguridad */||.pa-portfolio-overlay_seguridad::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-SEGURIDAD-EVENTOS.jpg’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_seguridad:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.27.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_portfolio posts_number=”1″ include_categories=”19″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_sonido” module_class=”pa-portfolio-overlay_sonido” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_sonido */||.pa-portfolio-overlay_sonido::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-SONIDO-EVENTOS-1.png’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_sonido:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”26″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_escenarios” module_class=”pa-portfolio-overlay_escenarios” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_escenarios */||.pa-portfolio-overlay_escenarios::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-VALLAS-Y-ESCENARIOS-EVENTOS-1.png’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_escenarios:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”20″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_moviles” module_class=”pa-portfolio-overlay_moviles” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_moviles */||.pa-portfolio-overlay_moviles::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-MOVILES-EVENTOS.png’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_moviles:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”22″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_traduccion” module_class=”pa-portfolio-overlay_traduccion” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” link_option_url=”https://universogroup.com.ar/project/traduccion-simultanea/” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_traduccion */||.pa-portfolio-overlay_traduccion::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-TRAD-SIMUL-EVENTOS-1.png’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_traduccion:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”27″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_transporte” module_class=”pa-portfolio-overlay_transporte” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” link_option_url=”https://universogroup.com.ar/project/transporte/” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_transporte */||.pa-portfolio-overlay_transporte::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-TRANSPORTE-EVENTOS-2.png’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay_transporte:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”23″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay-catering” module_class=”pa-portfolio-overlay-catering” _builder_version=”4.27.2″ _module_preset=”default” title_font=”|600|||||||” title_text_align=”center” title_font_size=”33px” text_orientation=”center” background_layout=”dark” custom_margin=”||||false|false” link_option_url=”https://universogroup.com.ar/project/catering/” title_font_size_tablet=”33px” title_font_size_phone=”33px” title_font_size_last_edited=”on|desktop” custom_css_free_form=”/* Contenedor del portafolio */||.et_pb_portfolio_container {|| display: flex; /* Activa flexbox */|| flex-wrap: wrap; /* Permite que los elementos se ajusten en filas */|| gap: 20px; /* Espacio entre los elementos */|| justify-content: space-between; /* Distribuye el espacio entre los elementos */||}||||/* Elementos individuales del portafolio */||.et_pb_portfolio_item {|| flex: 1 1 calc(33.33% – 40px); /* Ancho de cada elemento */|| position: relative; /* Para que el texto se pueda posicionar absolutamente */|| margin-bottom: 20px; /* Espacio inferior */|| overflow: hidden; /* Para manejar el contenido flotante */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: all 0.3s ease; /* Transición suave en la imagen */|| z-index: 1; /* Asegura que la imagen original esté debajo de la imagen de hover */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay-catering */||.pa-portfolio-overlay-catering::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-CATERING-2-scaled.jpg’)!important; /* Imagen para hover */|| background-size: cover!important;|| background-position: center;|| opacity: 0;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| z-index: 2; /* Asegura que la imagen de hover esté encima */|| transition: opacity 0.3s ease; /* Transición suave de opacidad */||}||||/* Efecto al hacer hover sobre el elemento: mostrar la segunda imagen */||.pa-portfolio-overlay-catering:hover::before {|| opacity: 1; /* Mostrar la imagen de hover */||}||||/* Overlay inicial transparente (no oscurece) */||.et_pb_portfolio_item:before {|| content: %22%22;|| position: absolute;|| top: 0;|| left: 0;|| width: 100%;|| height: 100%;|| background: rgba(0, 0, 0, 0); /* Transparente por defecto */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen al pasar el mouse */||}||||/* Título en el centro de la imagen */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute; /* Posicionarlo dentro del contenedor */|| top: 50%; /* Centrado verticalmente */|| left: 50%; /* Centrado horizontalmente */|| transform: translate(-50%, -50%); /* Para que esté perfectamente centrado */|| text-align: center;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.5s ease, transform 0.5s ease; /* Transiciones suaves */|| color: white; /* Color del texto */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Brillo suave en el texto */|| filter: brightness(1.1); /* Aumenta un poco el brillo del texto */||}||||/* Al hacer hover sobre el elemento, el texto aparece */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el texto */|| transform: translate(-50%, -50%); /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco más de brillo al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* Ajustar el ancho en pantallas más pequeñas */||@media (max-width: 768px) {|| .et_pb_portfolio_item {|| flex: 1 1 calc(50% – 20px); /* 2 columnas en pantallas medianas */|| }||}||||@media (max-width: 480px) {|| .et_pb_portfolio_item {|| flex: 1 1 100%; /* 1 columna en pantallas pequeñas */|| }||}||” global_colors_info=”{}”][/et_pb_portfolio][/et_pb_column][/et_pb_row][/et_pb_section]
