[et_pb_section fb_built=”1″ admin_label=”Inicio” module_id=”Inicio” _builder_version=”4.27.2″ _module_preset=”default” background_color=”RGBA(255,255,255,0)” background_enable_image=”off” background_position=”bottom_center” background_video_mp4=”https://universogroup.com.ar/wp-content/uploads/2024/10/boceto-REEL-AUDIOVISUALES-20M.mp4″ min_height=”868.6px” custom_margin=”70px||37px||false|false” custom_padding=”||61px||false|false” hover_enabled=”0″ 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: 30% !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=”{}” sticky_enabled=”0″][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=”-600px||||false|false” custom_margin_last_edited=”on|phone” custom_css_free_form=”||” 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=”900px” max_width_tablet=”900px” max_width_phone=”900px” max_width_last_edited=”on|desktop” module_alignment=”center” custom_margin=”-50px||||false|false” custom_margin_tablet=”||||false|false” custom_margin_phone=”||0px||false|false” custom_margin_last_edited=”on|tablet” 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=”-60px||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=”{}”]
Desarrollamos y producimos de forma integral contenido audiovisual original para cine, series, video clips, campañas publicitarias y proyectos de Inteligencia Artificial.
[/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” _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=”-50px||||false|false” custom_margin_tablet=”-50px||||false|false” custom_margin_phone=”-250px||||false|false” custom_margin_last_edited=”on|phone” 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 */||}||||/* Efecto hover con texto centrado y oscurecimiento */||.portfolio_item {|| position: relative;|| display: inline-block;|| overflow: hidden;|| margin-bottom: 20px;||}||||/* Ajuste de la imagen dentro del portfolio */||.portfolio_item img {|| width: 100%;|| height: 100%;|| object-fit: cover;|| transition: all 0.3s ease;||}||||/* Overlay para oscurecer al hacer hover */||.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;||}||||/* Título centrado en la imagen */||.portfolio_item .portfolio_header {|| position: absolute;|| top: 50%;|| left: 50%;|| transform: translate(-50%, -50%);|| opacity: 0; /* Oculto por defecto */|| color: white;|| z-index: 10;|| text-align: center;|| transition: opacity 0.5s ease, transform 0.5s ease;|| pointer-events: none; /* Evitar que el texto sea clicable mientras está oculto */||}||||/* Oscurecer la imagen y mostrar el título al hacer hover */||.portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen */||}||||.portfolio_item:hover .portfolio_header {|| opacity: 1; /* Muestra el título */|| transform: translate(-50%, -50%); /* Mantén el título centrado */||}||||/* Estilos responsivos para pantallas grandes, tablets y móviles */||@media (min-width: 1024px) {|| .portfolio_item img {|| height: 500px; /* Ajusta la altura para pantallas grandes */|| width: 600px; /* Ajusta el ancho para pantallas grandes */|| }||}||||@media (max-width: 1024px) {|| .portfolio_item img {|| height: 400px; /* Ajusta la altura para tablets */|| width: 100%; /* Ancho del 100% del contenedor en tablets */|| }||}||||@media (max-width: 768px) {|| .portfolio_item img {|| height: 300px; /* Ajusta la altura para móviles */|| width: 100%; /* Ancho del 100% del contenedor en móviles */|| }||}||||@media (max-width: 480px) {|| .portfolio_item img {|| height: 200px; /* Ajusta la altura para pantallas muy pequeñas */|| width: 100%; /* Ancho del 100% del contenedor */|| }||}||||/* Ajuste del logo */||#logo, .site-logo, .custom-logo, .et_pb_image_logo {|| width: auto;|| max-width: 100%;|| height: auto;||}||||@media (max-width: 768px) {|| #logo, .site-logo, .custom-logo, .et_pb_image_logo {|| width: 80%;|| max-width: 100%;|| height: auto;|| }||}||||||/* 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=”5″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_cineyseries” module_class=”pa-portfolio-overlay_cineyseries” _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 con espacio de 40px */|| position: relative; /* Asegura que los elementos hijos se posicionen dentro del contenedor */|| margin-bottom: 20px; /* Espacio inferior entre los elementos */|| overflow: hidden; /* Para manejar bien el contenido flotante */|| transition: all 0.3s ease; /* Transición suave */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: opacity 0.3s ease; /* Transición suave en la imagen */||}||||/* Imagen que aparece al hacer hover */||.pa-portfolio-overlay_cineyseries::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOs-PARA-CINE-Y-SERIES-AUDIO.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;|| transition: opacity 0.3s ease; /* Transición de la opacidad */||}||||/* Efecto al pasar el ratón sobre el portafolio: mostrar la segunda imagen */||.pa-portfolio-overlay_cineyseries:hover::before {|| opacity: 1;||}||||/* Aseguramos que la imagen original quede debajo */||.et_pb_portfolio_item img {|| z-index: 1;||}||||/* 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); /* Inicialmente transparente */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Encabezados de los elementos: inicialmente ocultos */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute !important;|| top: 50% !important;|| transform: translateY(-50%) !important;|| text-align: center;|| left: 20px;|| right: 20px;|| opacity: 0 !important; /* Oculto por defecto */|| color: white; /* Asegura que el texto sea visible sobre el fondo */|| font-size: 28px; /* Aumenta el tamaño de la fuente */|| font-weight: bold; /* Hacer el texto más grueso */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Solo brillo suave */|| filter: brightness(1.1); /* Brillo más sutil en el texto */|| transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease; /* Transición suave */|| z-index: 10;|| pointer-events: none; /* Para evitar interferencias del cursor */||}||||/* Efecto al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.4); /* Oscurece un poco al pasar el mouse */||}||||/* Al hacer hover: mostrar el texto */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1 !important; /* Mostrar el texto */|| transform: translateY(-50%) !important; /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco de brillo al hacer hover, pero más suave */||}||||/* Opcional: 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=”7″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_campanas” module_class=”pa-portfolio-overlay_campanas” _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 con espacio de 40px */|| position: relative; /* Asegura que los elementos hijos se posicionen dentro del contenedor */|| margin-bottom: 20px; /* Espacio inferior entre los elementos */|| overflow: hidden; /* Para manejar bien el contenido flotante */|| transition: all 0.3s ease; /* Transición suave */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: opacity 0.3s ease; /* Transición suave en la imagen */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_campanas */||.pa-portfolio-overlay_campanas::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-CAMPANAS-AUDIOVISUALES-.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;|| transition: opacity 0.3s ease; /* Transición de la opacidad */||}||||/* Efecto al pasar el ratón sobre el portafolio: mostrar la segunda imagen */||.pa-portfolio-overlay_campanas:hover::before {|| opacity: 1;||}||||/* Aseguramos que la imagen original quede debajo */||.et_pb_portfolio_item img {|| z-index: 1;||}||||/* 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); /* Inicialmente transparente */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Encabezados de los elementos: inicialmente ocultos */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute !important;|| top: 50% !important;|| transform: translateY(-50%) !important;|| text-align: center;|| left: 20px;|| right: 20px;|| opacity: 0 !important; /* Oculto por defecto */|| color: white; /* Asegura que el texto sea visible sobre el fondo */|| font-size: 28px; /* Aumenta el tamaño de la fuente */|| font-weight: bold; /* Hacer el texto más grueso */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Solo brillo suave */|| filter: brightness(1.1); /* Brillo más sutil en el texto */|| transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease; /* Transición suave */|| z-index: 10;|| pointer-events: none; /* Para evitar interferencias del cursor */||}||||/* Efecto al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.4); /* Oscurece un poco al pasar el mouse */||}||||/* Al hacer hover: mostrar el texto */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1 !important; /* Mostrar el texto */|| transform: translateY(-50%) !important; /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco de brillo al hacer hover, pero más suave */||}||||/* Opcional: 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=”12″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_publicidad” module_class=”pa-portfolio-overlay_publicidad” _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 con espacio de 40px */|| position: relative; /* Asegura que los elementos hijos se posicionen dentro del contenedor */|| margin-bottom: 20px; /* Espacio inferior entre los elementos */|| overflow: hidden; /* Para manejar bien el contenido flotante */|| transition: all 0.3s ease; /* Transición suave */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: opacity 0.3s ease; /* Transición suave en la imagen */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_publicidad */||.pa-portfolio-overlay_publicidad::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-PUBLICIDAD-AUDIO-1.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;|| transition: opacity 0.3s ease; /* Transición de la opacidad */||}||||/* Efecto al pasar el ratón sobre el portafolio: mostrar la segunda imagen */||.pa-portfolio-overlay_publicidad:hover::before {|| opacity: 1;||}||||/* Aseguramos que la imagen original quede debajo */||.et_pb_portfolio_item img {|| z-index: 1;||}||||/* 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); /* Inicialmente transparente */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Encabezados de los elementos: inicialmente ocultos */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute !important;|| top: 50% !important;|| transform: translateY(-50%) !important;|| text-align: center;|| left: 20px;|| right: 20px;|| opacity: 0 !important; /* Oculto por defecto */|| color: white; /* Asegura que el texto sea visible sobre el fondo */|| font-size: 28px; /* Aumenta el tamaño de la fuente */|| font-weight: bold; /* Hacer el texto más grueso */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Solo brillo suave */|| filter: brightness(1.1); /* Brillo más sutil en el texto */|| transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease; /* Transición suave */|| z-index: 10;|| pointer-events: none; /* Para evitar interferencias del cursor */||}||||/* Efecto al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.4); /* Oscurece un poco al pasar el mouse */||}||||/* Al hacer hover: mostrar el texto */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1 !important; /* Mostrar el texto */|| transform: translateY(-50%) !important; /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco de brillo al hacer hover, pero más suave */||}||||/* Opcional: 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=”6″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_videoclips” module_class=”pa-portfolio-overlay_videoclips” _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 con espacio de 40px */|| position: relative; /* Asegura que los elementos hijos se posicionen dentro del contenedor */|| margin-bottom: 20px; /* Espacio inferior entre los elementos */|| overflow: hidden; /* Para manejar bien el contenido flotante */|| transition: all 0.3s ease; /* Transición suave */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: opacity 0.3s ease; /* Transición suave en la imagen */||}||||/* Imagen que aparece al hacer hover */||.pa-portfolio-overlay_videoclips::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-MOVILES-EVENTOS.png’); /* 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;|| transition: opacity 0.3s ease; /* Transición de la opacidad */||}||||/* Efecto al pasar el ratón sobre el portafolio: mostrar la segunda imagen */||.pa-portfolio-overlay_videoclips:hover::before {|| opacity: 1;||}||||/* Aseguramos que la imagen original quede debajo */||.et_pb_portfolio_item img {|| z-index: 1;||}||||/* 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); /* Inicialmente transparente */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Encabezados de los elementos: inicialmente ocultos */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute !important;|| top: 50% !important;|| transform: translateY(-50%) !important;|| text-align: center;|| left: 20px;|| right: 20px;|| opacity: 0 !important; /* Oculto por defecto */|| color: white; /* Asegura que el texto sea visible sobre el fondo */|| font-size: 28px; /* Aumenta el tamaño de la fuente */|| font-weight: bold; /* Hacer el texto más grueso */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Solo brillo suave */|| filter: brightness(1.1); /* Brillo más sutil en el texto */|| transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease; /* Transición suave */|| z-index: 10;|| pointer-events: none; /* Para evitar interferencias del cursor */||}||||/* Efecto al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.4); /* Oscurece un poco al pasar el mouse */||}||||/* Al hacer hover: mostrar el texto */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1 !important; /* Mostrar el texto */|| transform: translateY(-50%) !important; /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco de brillo al hacer hover, pero más suave */||}||||/* Opcional: 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=”8″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_ia” module_class=”pa-portfolio-overlay_ia” _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 con espacio de 40px */|| position: relative; /* Asegura que los elementos hijos se posicionen dentro del contenedor */|| margin-bottom: 20px; /* Espacio inferior entre los elementos */|| overflow: hidden; /* Para manejar bien el contenido flotante */|| transition: all 0.3s ease; /* Transición suave */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: opacity 0.3s ease; /* Transición suave en la imagen */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_ia */||.pa-portfolio-overlay_ia::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-PARA-IA-AUDIOVISUALES.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;|| transition: opacity 0.3s ease; /* Transición de la opacidad */||}||||/* Efecto al pasar el ratón sobre el portafolio: mostrar la segunda imagen */||.pa-portfolio-overlay_ia:hover::before {|| opacity: 1;||}||||/* Aseguramos que la imagen original quede debajo */||.et_pb_portfolio_item img {|| z-index: 1;||}||||/* 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); /* Inicialmente transparente */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Encabezados de los elementos: inicialmente ocultos */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute !important;|| top: 50% !important;|| transform: translateY(-50%) !important;|| text-align: center;|| left: 20px;|| right: 20px;|| opacity: 0 !important; /* Oculto por defecto */|| color: white; /* Asegura que el texto sea visible sobre el fondo */|| font-size: 28px; /* Aumenta el tamaño de la fuente */|| font-weight: bold; /* Hacer el texto más grueso */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Solo brillo suave */|| filter: brightness(1.1); /* Brillo más sutil en el texto */|| transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease; /* Transición suave */|| z-index: 10;|| pointer-events: none; /* Para evitar interferencias del cursor */||}||||/* Efecto al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.4); /* Oscurece un poco al pasar el mouse */||}||||/* Al hacer hover: mostrar el texto */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1 !important; /* Mostrar el texto */|| transform: translateY(-50%) !important; /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco de brillo al hacer hover, pero más suave */||}||||/* Opcional: 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=”11″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay_locaciones” module_class=”pa-portfolio-overlay_locaciones” _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/locaciones/” 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 con espacio de 40px */|| position: relative; /* Asegura que los elementos hijos se posicionen dentro del contenedor */|| margin-bottom: 20px; /* Espacio inferior entre los elementos */|| overflow: hidden; /* Para manejar bien el contenido flotante */|| transition: all 0.3s ease; /* Transición suave */||}||||/* Imagen de fondo de los elementos */||.et_pb_portfolio_item img {|| width: 100%;|| transition: opacity 0.3s ease; /* Transición suave en la imagen */||}||||/* Imagen que aparece al hacer hover para la clase pa-portfolio-overlay_locaciones */||.pa-portfolio-overlay_locaciones::before {|| content: %22%22;|| background-image: url(‘https://universogroup.com.ar/wp-content/uploads/2024/10/FOTOS-LOCACIONES-AUDIO.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;|| transition: opacity 0.3s ease; /* Transición de la opacidad */||}||||/* Efecto al pasar el ratón sobre el portafolio: mostrar la segunda imagen */||.pa-portfolio-overlay_locaciones:hover::before {|| opacity: 1;||}||||/* Aseguramos que la imagen original quede debajo */||.et_pb_portfolio_item img {|| z-index: 1;||}||||/* 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); /* Inicialmente transparente */|| z-index: 5;|| transition: background 0.3s ease; /* Transición suave al hacer hover */||}||||/* Encabezados de los elementos: inicialmente ocultos */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute !important;|| top: 50% !important;|| transform: translateY(-50%) !important;|| text-align: center;|| left: 20px;|| right: 20px;|| opacity: 0 !important; /* Oculto por defecto */|| color: white; /* Asegura que el texto sea visible sobre el fondo */|| font-size: 28px; /* Aumenta el tamaño de la fuente */|| font-weight: bold; /* Hacer el texto más grueso */|| text-shadow: 0 0 8px rgba(255, 255, 255, 0.6); /* Solo brillo suave */|| filter: brightness(1.1); /* Brillo más sutil en el texto */|| transition: opacity 0.3s ease, transform 0.3s ease, filter 0.3s ease; /* Transición suave */|| z-index: 10;|| pointer-events: none; /* Para evitar interferencias del cursor */||}||||/* Efecto al hacer hover: oscurece la imagen */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.4); /* Oscurece un poco al pasar el mouse */||}||||/* Al hacer hover: mostrar el texto */||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1 !important; /* Mostrar el texto */|| transform: translateY(-50%) !important; /* Mantenerlo centrado */|| filter: brightness(1.3); /* Un poco de brillo al hacer hover, pero más suave */||}||||/* Opcional: 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]
