[et_pb_section fb_built=”1″ _builder_version=”4.27.2″ _module_preset=”default” background_color=”RGBA(255,255,255,0)” 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” 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=”0px||0px||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=”{}”]
Nuestro equipo se especializa en el desarrollo web, el marketing digital, el mundo corporativo, el branding y la cultura influencer, personalizando cada proyecto y logrando campañas impactantes tanto en entornos físicos como digitales.
[/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” hover_enabled=”0″ 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=”{}” sticky_enabled=”0″][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=”42″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay” module_class=”pa-portfolio-overlay” _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” hover_enabled=”0″ 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: all 0.3s ease; /* Transición suave en la imagen */||}||||/* 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 */||}||||/* Encabezados de los elementos: ocultos por defecto */||.et_pb_portfolio_item .et_pb_module_header {|| position: absolute !important;|| top: 50% !important; /* Centra verticalmente el título */|| transform: translateY(-50%) !important; /* Mantiene el centrado vertical */|| text-align: center;|| left: 20px;|| right: 20px;|| opacity: 0; /* Oculto por defecto */|| transition: opacity 0.3s ease; /* Transición suave para mostrarlo */|| z-index: 10;|| pointer-events: none; /* Desactiva eventos del mouse sobre el título */|| color: white; /* Color del texto */|| 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 */||}||||/* Frase secundaria añadida automáticamente usando :after */||.et_pb_portfolio_item:after {|| position: absolute;|| top: 50%; /* Posición debajo del título */|| left: 50%;|| transform: translate(-50%, -50%);|| text-align: center;|| opacity: 0; /* Oculta por defecto */|| transition: opacity 0.3s ease, transform 0.3s ease; /* Transición suave */|| color: white;|| font-size: 14px; /* Ajusta el tamaño del texto si es necesario */|| z-index: 10;|| pointer-events: none; /* Para que el mouse no lo detecte */|| text-shadow: 0 0 6px rgba(255, 255, 255, 0.6); /* Brillo suave en la frase secundaria */|| filter: brightness(1.1); /* Aumenta un poco el brillo de la frase */||}||||/* Efecto al hacer hover: oscurece la imagen, muestra el título y la frase */||.et_pb_portfolio_item:hover:before {|| background: rgba(0, 0, 0, 0.5); /* Oscurece la imagen con un overlay */||}||||.et_pb_portfolio_item:hover .et_pb_module_header {|| opacity: 1; /* Muestra el título al pasar el mouse */|| filter: brightness(1.3); /* Aumenta el brillo del título al hacer hover */||}||||.et_pb_portfolio_item:hover:after {|| opacity: 1; /* Muestra la frase secundaria al pasar el mouse */|| transform: translate(-50%, -45%); /* Efecto de deslizamiento suave para la frase */|| filter: brightness(1.3); /* Aumenta el brillo de la frase al hacer hover */||}||||/* Ocultar overlay predeterminado */||.et_pb_portfolio_item .et_overlay:before {|| display: none !important;||}||||/* 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=”{}” sticky_enabled=”0″][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”44″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay” module_class=”pa-portfolio-overlay” _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” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”46″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay” module_class=”pa-portfolio-overlay” _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” 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=”43″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay” module_class=”pa-portfolio-overlay” _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” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”45″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay” module_class=”pa-portfolio-overlay” _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” global_colors_info=”{}”][/et_pb_portfolio][et_pb_portfolio posts_number=”1″ include_categories=”47″ show_categories=”off” show_pagination=”off” module_id=”pa-portfolio-overlay” module_class=”pa-portfolio-overlay” _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” global_colors_info=”{}”][/et_pb_portfolio][/et_pb_column][/et_pb_row][/et_pb_section]
