<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Desarrollo Web archivos - Maze Chile</title>
	<atom:link href="https://mazechile.com/project-cat/desarrollo-web/feed/" rel="self" type="application/rss+xml" />
	<link>https://mazechile.com/project-cat/desarrollo-web/</link>
	<description>Diseño y Creatividad</description>
	<lastBuildDate>Mon, 18 May 2026 15:04:42 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://mazechile.com/wp-content/uploads/2024/07/cropped-ISOTIPO-32x32.png</url>
	<title>Desarrollo Web archivos - Maze Chile</title>
	<link>https://mazechile.com/project-cat/desarrollo-web/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Zeleri</title>
		<link>https://mazechile.com/portfolio/zeleri/</link>
					<comments>https://mazechile.com/portfolio/zeleri/#respond</comments>
		
		<dc:creator><![CDATA[Elías Carcamo]]></dc:creator>
		<pubDate>Mon, 15 Dec 2025 15:26:20 +0000</pubDate>
				<guid isPermaLink="false">https://mazechile.com/?post_type=portfolio&#038;p=4864</guid>

					<description><![CDATA[<p>Zeleri El proyecto de desarrollo de la identidad visual y marca gráfica de dpaula se enfocó en crear una imagen</p>
<p>La entrada <a href="https://mazechile.com/portfolio/zeleri/">Zeleri</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4864" class="elementor elementor-4864" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}">
				<div class="elementor-element elementor-element-b8ffdfb e-con-full wd-section-stretch-content e-flex e-con e-parent" data-id="b8ffdfb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d6cb1e9 elementor-widget elementor-widget-spacer" data-id="d6cb1e9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-457c9c2 e-flex e-con-boxed e-con e-parent" data-id="457c9c2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8e37dd2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="8e37dd2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
								<link rel="stylesheet" id="wd-section-title-css" href="https://mazechile.com/wp-content/themes/woodmart/css/parts/el-section-title.min.css?ver=8.2.7" type="text/css" media="all" /> 					<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Zeleri</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fc6a0f0 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-wd_text_block" data-id="fc6a0f0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
								<link rel="stylesheet" id="wd-text-block-css" href="https://mazechile.com/wp-content/themes/woodmart/css/parts/el-text-block.min.css?ver=8.2.7" type="text/css" media="all" /> 					<div class="wd-text-block reset-last-child text-left">
			
			<p>El proyecto de desarrollo de la identidad visual y marca gráfica de dpaula se enfocó en crear una imagen versátil y atractiva que resuene con un público amplio, desde jóvenes hasta adultos. Esto facilitará la expansión de la marca en mercados clave del sur de Chile y en la región de Valparaíso.</p><p>La morfología del logotipo se basa en la tipografía Bianca Script, elegida por su capacidad para reflejar sofisticación, exclusividad y adaptabilidad. Las curvas elegantes evocan la esencia de la joyería fina, alineándose perfectamente con la propuesta de valor de dpaula. Este diseño no solo representa los valores de la marca, sino que también es altamente funcional para su aplicación digital.</p><p>Este proceso colaborativo con el cliente permitió mantener la esencia original de la marca, adaptándola de manera efectiva para destacar en el competitivo mercado de la moda y joyería.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0669584 elementor-widget elementor-widget-wd_text_block" data-id="0669584" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Rediseñamos desde cero el sitio web de Zeleri (zeleri.com), la pasarela de pago hecha en Chile, pensada para emprendedores, pymes y grandes empresas que buscan aceptar pagos online de forma ágil, segura y sin costos fijos.</p><p>Construimos una estructura de navegación simplificada, con mensajes claros que conectan con distintos tipos de usuarios (desde emprendedores sin sitio web hasta equipos técnicos que buscan APIs flexibles). A través de un diseño moderno y copy estratégico, destacamos los beneficios reales: recibir pagos en menos de 24–48 h, seguridad certificada (PCI DSS y normativa local), y la flexibilidad de escalar según el negocio.</p><p>Este rediseño no solo mejora la estética, sino también la usabilidad y claridad del mensaje, facilitando que los visitantes comprendan rápidamente cómo Zeleri puede transformar sus cobros online — impulsando la conversión, reduciendo fricción en el checkout y fortaleciendo la propuesta de valor de la marca en un mercado competitivo.<span style="font-size: 14px;"></span></p>
					</div>
						</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-67e1945 e-flex e-con-boxed e-con e-child" data-id="67e1945" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c574ef3 e-con-full e-flex e-con e-child" data-id="c574ef3" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9c2fe40 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9c2fe40" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Proyecto</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-65974d3 elementor-widget elementor-widget-wd_text_block" data-id="65974d3" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Desarrollo web</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8df65c4 e-con-full e-flex e-con e-child" data-id="8df65c4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6661f79 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="6661f79" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Cliente</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4f14b94 elementor-widget elementor-widget-wd_text_block" data-id="4f14b94" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Zeleri</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d6116c1 e-con-full e-flex e-con e-child" data-id="d6116c1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-43f7180 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="43f7180" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Tiempo de desarrollo</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c2744ea elementor-widget elementor-widget-wd_text_block" data-id="c2744ea" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>8 semanas</p>
					</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-69fbc9b elementor-widget elementor-widget-html" data-id="69fbc9b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    .main-page-wrapper {
        padding-top: 0px
    }
    
    :root {
        --tituloEscritorio: 2.5rem;
    }
</style>				</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-b21acaf elementor-align-center elementor-mobile-align-left elementor-widget-tablet__width-auto elementor-widget elementor-widget-button" data-id="b21acaf" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://zeleri.cl/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Ver Sitio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ff9b48 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7ff9b48" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7a6110 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f7a6110" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Bocetos</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-59719ec fondo-blanco elementor-widget elementor-widget-wd_image_or_svg" data-id="59719ec" data-element_type="widget" data-e-type="widget" data-widget_type="wd_image_or_svg.default">
				<div class="elementor-widget-container">
					
		<div class="wd-image text-left photoswipe-images">
							<a  href="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png"data-width="1218" data-height="1080" data-elementor-open-lightbox="no" aria-label="Image link">
								<img fetchpriority="high" decoding="async" width="1218" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png" class="attachment-full size-full" alt="" srcset="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png 1218w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-300x266.png 300w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-1024x908.png 1024w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-768x681.png 768w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-600x532.png 600w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-150x133.png 150w" sizes="(max-width: 1218px) 100vw, 1218px" />							</a>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ca4f35 wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="7ca4f35" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-00cd6ec e-con-full e-flex e-con e-child" data-id="00cd6ec" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3af9968 elementor-widget elementor-widget-html" data-id="3af9968" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
 
    .titular-portafolio {
        font-size: 2.5rem;
        margin: 0px;
        position: relative;
        margin-left: 16px;
        line-height: 1.3em;
    }
    
    .titular-portafolio:before {
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute;
        background-color: blue;
        width: 7px;
        height: 70%;
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
            margin-left: 14px;
        }
        
        .titular-portafolio:before {
            left: -14px;
            width: 6px;
        }
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
        }
        
        .titular-portafolio:before {
            width: 4px;
        }
    }
    
</style>
<h2 class="titular-portafolio">Versión Escritorio</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-fcdf758 elementor-hidden-mobile wd-width-100 elementor-widget elementor-widget-wd_video" data-id="fcdf758" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
								<link rel="stylesheet" id="wd-el-video-css" href="https://mazechile.com/wp-content/themes/woodmart/css/parts/el-video.min.css?ver=8.2.7" type="text/css" media="all" /> 			
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/n4j2NhA9joI?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=n4j2NhA9joI" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-e08fc04 elementor-hidden-desktop elementor-hidden-tablet wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="e08fc04" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
								<link rel="stylesheet" id="wd-image-gallery-css" href="https://mazechile.com/wp-content/themes/woodmart/css/parts/el-gallery.min.css?ver=8.2.7" type="text/css" media="all" /> 					<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-grid-g" style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;--wd-gap-lg:0px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/12/1.webp" data-width="1436" data-height="1092" data-index="1" data-elementor-open-lightbox="no">
						
						<img decoding="async" width="1436" height="1092" src="https://mazechile.com/wp-content/uploads/2025/12/1.webp" class="attachment-full size-full" alt="1" srcset="https://mazechile.com/wp-content/uploads/2025/12/1.webp 1436w, https://mazechile.com/wp-content/uploads/2025/12/1-300x228.webp 300w, https://mazechile.com/wp-content/uploads/2025/12/1-1024x779.webp 1024w, https://mazechile.com/wp-content/uploads/2025/12/1-768x584.webp 768w" sizes="(max-width: 1436px) 100vw, 1436px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/12/2.webp" data-width="1436" data-height="1480" data-index="2" data-elementor-open-lightbox="no">
						
						<img decoding="async" width="1436" height="1480" src="https://mazechile.com/wp-content/uploads/2025/12/2.webp" class="attachment-full size-full" alt="2" srcset="https://mazechile.com/wp-content/uploads/2025/12/2.webp 1436w, https://mazechile.com/wp-content/uploads/2025/12/2-291x300.webp 291w, https://mazechile.com/wp-content/uploads/2025/12/2-994x1024.webp 994w, https://mazechile.com/wp-content/uploads/2025/12/2-768x792.webp 768w" sizes="(max-width: 1436px) 100vw, 1436px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/12/3.webp" data-width="1436" data-height="1102" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1436" height="1102" src="https://mazechile.com/wp-content/uploads/2025/12/3.webp" class="attachment-full size-full" alt="3" srcset="https://mazechile.com/wp-content/uploads/2025/12/3.webp 1436w, https://mazechile.com/wp-content/uploads/2025/12/3-300x230.webp 300w, https://mazechile.com/wp-content/uploads/2025/12/3-1024x786.webp 1024w, https://mazechile.com/wp-content/uploads/2025/12/3-768x589.webp 768w" sizes="(max-width: 1436px) 100vw, 1436px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/12/4.webp" data-width="1436" data-height="422" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1436" height="422" src="https://mazechile.com/wp-content/uploads/2025/12/4.webp" class="attachment-full size-full" alt="4" srcset="https://mazechile.com/wp-content/uploads/2025/12/4.webp 1436w, https://mazechile.com/wp-content/uploads/2025/12/4-300x88.webp 300w, https://mazechile.com/wp-content/uploads/2025/12/4-1024x301.webp 1024w, https://mazechile.com/wp-content/uploads/2025/12/4-768x226.webp 768w" sizes="(max-width: 1436px) 100vw, 1436px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a62c7cf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a62c7cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d3533b7 e-con-full e-flex e-con e-child" data-id="d3533b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-1bea75d e-con-full contenedor-perspectiva e-flex e-con e-child" data-id="1bea75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cd315f video-celular wd-width-100 elementor-widget elementor-widget-wd_video" data-id="9cd315f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/qkqlF1dTxo8?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=qkqlF1dTxo8" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f512489 e-con-full e-flex e-con e-child" data-id="f512489" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-5d195c5 elementor-widget elementor-widget-html" data-id="5d195c5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Versión Celular</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-7c2736a elementor-widget elementor-widget-wd_text_block" data-id="7c2736a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>El sitio web de Zeleri fue rediseñado con un enfoque centrado en la claridad, la conversión y la facilidad de uso para distintos tipos de negocio. La nueva experiencia permite a emprendedores, pymes y empresas comprender rápidamente cómo aceptar pagos online de forma ágil y segura, destacando beneficios clave como la rapidez en la liquidación de fondos, la seguridad certificada y la flexibilidad de integración. La navegación simplificada, junto a un diseño moderno y mensajes claros, facilita el recorrido del usuario y reduce fricciones, reforzando la propuesta de valor de Zeleri en un entorno digital competitivo.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc125bf elementor-widget elementor-widget-html" data-id="cc125bf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>

 div[data-id="1bea75d"]{
    perspective: 3500px;
    perspective-origin: 20% 50%;
}
    
    .video-celular{
    aspect-ratio: 9/16;
    width:550px;
    background-color: black;
    border-radius: 2rem;
    transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);
    animation: celular 6s ease-in-out infinite forwards;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); /* Sombras paralelas */
    transition: .3s ease-in-out;
    position: relative;
    left: 0;
    cursor: pointer;
}

.video-celular:hover {
    left: 3%;
    transform:scale(.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg)!important;
    box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14)!important;
    perspective: none;
}

@keyframes celular {
    0%,100%{ 
        transform:scale(.75) rotateX(9deg) rotateY(7deg) rotateZ(-3deg);
        box-shadow: -150px -10px 70px rgba(0, 0, 0, 0.2); /* Ajustes de sombra para escala 0.75 */}

    50%{ 
        transform:scale(.7) rotateX(9deg) rotateY(20deg) rotateZ(-8deg);
        box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14); /* Ajustes de sombra para escala 0.8 */
    }
}
    
</style>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6b23af9 wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="6b23af9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-5560cec e-con-full e-flex e-con e-child" data-id="5560cec" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-eecc170 elementor-widget elementor-widget-html" data-id="eecc170" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Paleta de Colores</h2>
				</div>
				</div>
		<div class="elementor-element elementor-element-573613c e-grid e-con-full e-con e-child" data-id="573613c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-6f8379b e-con-full e-flex e-con e-child" data-id="6f8379b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-1187e25 elementor-widget elementor-widget-html" data-id="1187e25" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
        font-family: "Poppins";
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color10" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color10', '#29C780');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9e8cddc e-con-full e-flex e-con e-child" data-id="9e8cddc" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-c2e8429 elementor-widget elementor-widget-html" data-id="c2e8429" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color23" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color23', '#A4DF1E');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8eb2187 e-con-full e-flex e-con e-child" data-id="8eb2187" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3c847c4 elementor-widget elementor-widget-html" data-id="3c847c4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color256" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color256', '#165059');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8cdf3f0 e-con-full e-flex e-con e-child" data-id="8cdf3f0" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-066a977 elementor-widget elementor-widget-html" data-id="066a977" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color245" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color245', '#061C1E');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-dfd0d54 e-con-full e-flex e-con e-child" data-id="dfd0d54" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ff32b6b elementor-widget elementor-widget-html" data-id="ff32b6b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color285" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color285', '#08262A');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-fc0e99e e-con-full e-flex e-con e-child" data-id="fc0e99e" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8b2bef0 elementor-widget elementor-widget-html" data-id="8b2bef0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color21" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color21', '#1F2C2E');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d3ca4d8 e-con-full e-flex e-con e-child" data-id="d3ca4d8" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-35ba346 elementor-widget elementor-widget-html" data-id="35ba346" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #a7876d;
        --colorDegradado2: #4a4544;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores-56 {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: linear-gradient(90deg, #29C780 0%,  #A4DF1E 100%);
    }
</style>
<div class="degradado-colores-56"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6614245 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="6614245" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-70d6a14 e-con-full e-flex e-con e-child" data-id="70d6a14" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7ab73cd wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7ab73cd" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Tipografía</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-d8825fa e-grid e-con-full e-con e-child" data-id="d8825fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-52080fa e-con-full e-flex e-con e-child" data-id="52080fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-2d4af75 elementor-widget elementor-widget-heading" data-id="2d4af75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">aA</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-508e51b e-con-full e-flex e-con e-child" data-id="508e51b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d1ae5ae elementor-widget elementor-widget-heading" data-id="d1ae5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Montserrat Bold 700</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78128f7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="78128f7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6d7fe26 elementor-widget elementor-widget-heading" data-id="6d7fe26" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a127d94 e-con-full e-flex e-con e-child" data-id="a127d94" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-762890b elementor-widget elementor-widget-heading" data-id="762890b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">IBM Plex Sans Devanagari Light 300</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ecb0307 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ecb0307" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bbfb704 elementor-widget elementor-widget-heading" data-id="bbfb704" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7247d1a wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7247d1a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7775072 e-con-full e-flex e-con e-child" data-id="7775072" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-acf17f5 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="acf17f5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-869346b e-grid e-con-full e-con e-child" data-id="869346b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-31b8d17 e-con-full e-flex e-con e-child" data-id="31b8d17" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3cf125d elementor-widget elementor-widget-html" data-id="3cf125d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color1" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color1', '#5461f8');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27e33ce e-con-full e-flex e-con e-child" data-id="27e33ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-065df4e elementor-widget elementor-widget-html" data-id="065df4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2', '#9067f0');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1eb6b60 e-con-full e-flex e-con e-child" data-id="1eb6b60" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8d2d1a3 elementor-widget elementor-widget-html" data-id="8d2d1a3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color3" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color3', '#141a43');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64af62c e-con-full e-flex e-con e-child" data-id="64af62c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9f4996e elementor-widget elementor-widget-html" data-id="9f4996e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color4" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color4', '#666d92');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9d6e75d e-grid e-con-full e-con e-child" data-id="9d6e75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-b184476 e-con-full e-flex e-con e-child" data-id="b184476" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d2660f9 elementor-widget elementor-widget-html" data-id="d2660f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color5" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color5', '#abafc5');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-33329e7 e-con-full e-flex e-con e-child" data-id="33329e7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-4f1f3ed elementor-widget elementor-widget-html" data-id="4f1f3ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color6" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color6', '#e2e2e2');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c89dc3a e-con-full e-flex e-con e-child" data-id="c89dc3a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-e984833 elementor-widget elementor-widget-html" data-id="e984833" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #5461f8;
        --colorDegradado2: #9067f0;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-736635d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="736635d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e38ec1 e-con-full e-flex e-con e-child" data-id="3e38ec1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7197a07 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7197a07" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Iconografía</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4aa91aa elementor-widget elementor-widget-html" data-id="4aa91aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --gapIcons: 3rem;
        --sizeCircle: 100px;
        --bgCircle: white;
        --borderCircle: #2aff6d;
    }
    
    @media screen and (max-width: 1024px){
        :root {
            --gapIcons: 1.5rem;
            --sizeCircle: 80px;
        }
    }
    
    @media screen and (max-width: 767px){
        :root {
            --gapIcons: 1rem;
            --sizeCircle: 60px;
        }
    }

    .iconografia {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gapIcons);
    }

    .iconografia__icon {
        width: var(--sizeCircle);
        height: var(--sizeCircle);
        background: var(--bgCircle);
        border-radius: 50%;
        padding: calc(var(--sizeCircle) * .2);
        border: 3px solid var(--borderCircle);
    }
    
    .iconografia__icon--img {
        width: 100%;
        object-fit: contain;
    }
</style>
<div class="iconografia">
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-8e42ab3 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8e42ab3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-83464b9 e-con-full e-flex e-con e-child" data-id="83464b9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cbeb32 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9cbeb32" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Animación Logo</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-cc6deb4 e-con-full e-flex e-con e-child" data-id="cc6deb4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-631676d wd-width-100 elementor-widget elementor-widget-wd_video" data-id="631676d" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube">
							<iframe src="https://www.youtube.com/embed/hzyZn9Hg-Ak?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=hzyZn9Hg-Ak" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-c639176 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="c639176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c709670 e-con-full e-flex e-con e-child" data-id="c709670" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-f86ac0e wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f86ac0e" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Video Corporativo</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-872e947 wd-width-100 elementor-widget elementor-widget-wd_video" data-id="872e947" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/V60rKww0Cac?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=V60rKww0Cac" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b06ea23 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b06ea23" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81ea02c wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="81ea02c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-masonry wd-grid-f-col" style="--wd-col-lg:2;--wd-col-md:2;--wd-col-sm:1;--wd-gap-lg:30px;--wd-gap-sm:10px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" data-width="1920" data-height="1080" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" class="attachment-full size-full" alt="petersmock3" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" data-width="1920" data-height="1080" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" class="attachment-full size-full" alt="petersmock4" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" data-width="1920" data-height="1080" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" class="attachment-full size-full" alt="petersmock1" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" data-width="1920" data-height="1080" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" class="attachment-full size-full" alt="petersmock2" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" data-width="1920" data-height="1080" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" class="attachment-full size-full" alt="petersmock5" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bd043bd wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bd043bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b911b9d e-con-full e-flex e-con e-child" data-id="b911b9d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3430826 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="3430826" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Instagram</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-726ee7f e-grid e-con-full e-con e-child" data-id="726ee7f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-8cc1299 e-con-full e-flex e-con e-child" data-id="8cc1299" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ce164fb wd-width-100 elementor-widget elementor-widget-wd_video" data-id="ce164fb" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/MVmUH-Yha2M?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=MVmUH-Yha2M" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6b2417a e-con-full e-flex e-con e-child" data-id="6b2417a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-610df0f wd-width-100 elementor-widget elementor-widget-wd_video" data-id="610df0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/3-ZWPKulArE?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=3-ZWPKulArE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bad4e20 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bad4e20" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2d7c561 e-con-full e-flex e-con e-child" data-id="2d7c561" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0acbb93 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="0acbb93" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Sitio Web</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d21ba3c wd-width-100 elementor-widget elementor-widget-wd_video" data-id="d21ba3c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/adr130TaQMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=adr130TaQMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-637a057 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="637a057" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f342e9e elementor-widget elementor-widget-html" data-id="f342e9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Iconografía</h2>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-689272a e-grid elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-con-boxed e-con e-parent" data-id="689272a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a9a42bd elementor-widget elementor-widget-html" data-id="a9a42bd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-1.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-3e2424c elementor-widget elementor-widget-html" data-id="3e2424c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-2_2.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-a544b56 elementor-widget elementor-widget-html" data-id="a544b56" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-3.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-2adadef elementor-widget elementor-widget-html" data-id="2adadef" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-4.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-de7dab1 elementor-widget elementor-widget-html" data-id="de7dab1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-5.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://mazechile.com/portfolio/zeleri/">Zeleri</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mazechile.com/portfolio/zeleri/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Partners Health Management</title>
		<link>https://mazechile.com/portfolio/partners-health-management/</link>
					<comments>https://mazechile.com/portfolio/partners-health-management/#respond</comments>
		
		<dc:creator><![CDATA[Elías Carcamo]]></dc:creator>
		<pubDate>Thu, 10 Jul 2025 15:42:11 +0000</pubDate>
				<guid isPermaLink="false">https://mazechile.com/?post_type=portfolio&#038;p=4474</guid>

					<description><![CDATA[<p>Partners Health Management Creamos el sitio web de PartnersHM, una consultora dedicada a la salud mental organizacional, con servicios de</p>
<p>La entrada <a href="https://mazechile.com/portfolio/partners-health-management/">Partners Health Management</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4474" class="elementor elementor-4474" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}">
				<div class="elementor-element elementor-element-b8ffdfb e-con-full wd-section-stretch-content e-flex e-con e-parent" data-id="b8ffdfb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d6cb1e9 elementor-widget elementor-widget-spacer" data-id="d6cb1e9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-457c9c2 e-flex e-con-boxed e-con e-parent" data-id="457c9c2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8e37dd2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="8e37dd2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Partners Health Management</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fc6a0f0 elementor-widget elementor-widget-wd_text_block" data-id="fc6a0f0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Creamos el sitio web de PartnersHM, una consultora dedicada a la salud mental organizacional, con servicios de psicoeducación, intervenciones clínicas y asesorías especializadas para instituciones y empresas. El diseño fue enfocado en comunicar de forma clara su propuesta de valor, destacando su enfoque humano, profesional y personalizado. El sitio facilita la comprensión de sus servicios y permite a los usuarios encontrar fácilmente información relevante, con una estructura moderna, adaptable a dispositivos móviles y orientada a generar contacto directo con potenciales clientes.</p>
					</div>
						</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-67e1945 e-flex e-con-boxed e-con e-child" data-id="67e1945" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c574ef3 e-con-full e-flex e-con e-child" data-id="c574ef3" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9c2fe40 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9c2fe40" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Proyecto</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-65974d3 elementor-widget elementor-widget-wd_text_block" data-id="65974d3" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Desarrollo web</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8df65c4 e-con-full e-flex e-con e-child" data-id="8df65c4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6661f79 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="6661f79" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Cliente</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4f14b94 elementor-widget elementor-widget-wd_text_block" data-id="4f14b94" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Partners HM</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d6116c1 e-con-full e-flex e-con e-child" data-id="d6116c1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-43f7180 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="43f7180" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Tiempo de desarrollo</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c2744ea elementor-widget elementor-widget-wd_text_block" data-id="c2744ea" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>4 semanas</p>
					</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-69fbc9b elementor-widget elementor-widget-html" data-id="69fbc9b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    .main-page-wrapper {
        padding-top: 0px
    }
    
    :root {
        --tituloEscritorio: 2.5rem;
    }
</style>				</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-b21acaf elementor-align-center elementor-mobile-align-left elementor-widget-tablet__width-auto elementor-widget elementor-widget-button" data-id="b21acaf" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://partnershm.cl/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Ver Sitio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ff9b48 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7ff9b48" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7a6110 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f7a6110" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Bocetos</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-59719ec fondo-blanco elementor-widget elementor-widget-wd_image_or_svg" data-id="59719ec" data-element_type="widget" data-e-type="widget" data-widget_type="wd_image_or_svg.default">
				<div class="elementor-widget-container">
					
		<div class="wd-image text-left photoswipe-images">
							<a  href="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png"data-width="1218" data-height="1080" data-elementor-open-lightbox="no" aria-label="Image link">
								<img fetchpriority="high" decoding="async" width="1218" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png" class="attachment-full size-full" alt="" srcset="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png 1218w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-300x266.png 300w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-1024x908.png 1024w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-768x681.png 768w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-600x532.png 600w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-150x133.png 150w" sizes="(max-width: 1218px) 100vw, 1218px" />							</a>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-eb0db8d wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="eb0db8d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-082ddb0 e-con-full e-flex e-con e-child" data-id="082ddb0" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-a10bd5f elementor-widget elementor-widget-html" data-id="a10bd5f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
 
    .titular-portafolio {
        font-size: 2.5rem;
        margin: 0px;
        position: relative;
        margin-left: 16px;
        line-height: 1.3em;
    }
    
    .titular-portafolio:before {
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute;
        background-color: blue;
        width: 7px;
        height: 70%;
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
            margin-left: 14px;
        }
        
        .titular-portafolio:before {
            left: -14px;
            width: 6px;
        }
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
        }
        
        .titular-portafolio:before {
            width: 4px;
        }
    }
    
</style>
<h2 class="titular-portafolio">Versión Escritorio</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-f8f20b5 elementor-hidden-mobile wd-width-100 elementor-widget elementor-widget-wd_video" data-id="f8f20b5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/lfxHZrJV8-w?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=lfxHZrJV8-w" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-34b6c0f elementor-hidden-desktop elementor-hidden-tablet wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="34b6c0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-grid-g" style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;--wd-gap-lg:0px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/01-1.webp" data-width="1920" data-height="798" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="798" src="https://mazechile.com/wp-content/uploads/2025/07/01-1.webp" class="attachment-full size-full" alt="01" srcset="https://mazechile.com/wp-content/uploads/2025/07/01-1.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/01-1-300x125.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/01-1-1024x426.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/01-1-768x319.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/01-1-1536x638.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/01-1-600x249.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/01-1-150x62.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/02-1.webp" data-width="1920" data-height="907" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="907" src="https://mazechile.com/wp-content/uploads/2025/07/02-1.webp" class="attachment-full size-full" alt="02" srcset="https://mazechile.com/wp-content/uploads/2025/07/02-1.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/02-1-300x142.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/02-1-1024x484.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/02-1-768x363.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/02-1-1536x726.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/02-1-600x283.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/02-1-150x71.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/03-3.webp" data-width="1919" data-height="662" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1919" height="662" src="https://mazechile.com/wp-content/uploads/2025/07/03-3.webp" class="attachment-full size-full" alt="03" srcset="https://mazechile.com/wp-content/uploads/2025/07/03-3.webp 1919w, https://mazechile.com/wp-content/uploads/2025/07/03-3-300x103.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/03-3-1024x353.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/03-3-768x265.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/03-3-1536x530.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/03-3-600x207.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/03-3-150x52.webp 150w" sizes="(max-width: 1919px) 100vw, 1919px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/05-2.webp" data-width="1919" data-height="826" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1919" height="826" src="https://mazechile.com/wp-content/uploads/2025/07/05-2.webp" class="attachment-full size-full" alt="05" srcset="https://mazechile.com/wp-content/uploads/2025/07/05-2.webp 1919w, https://mazechile.com/wp-content/uploads/2025/07/05-2-300x129.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/05-2-1024x441.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/05-2-768x331.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/05-2-1536x661.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/05-2-600x258.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/05-2-150x65.webp 150w" sizes="(max-width: 1919px) 100vw, 1919px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/06-2.webp" data-width="1920" data-height="782" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="782" src="https://mazechile.com/wp-content/uploads/2025/07/06-2.webp" class="attachment-full size-full" alt="06" srcset="https://mazechile.com/wp-content/uploads/2025/07/06-2.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/06-2-300x122.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/06-2-1024x417.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/06-2-768x313.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/06-2-1536x626.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/06-2-600x244.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/06-2-150x61.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/07-2.webp" data-width="1920" data-height="638" data-index="6" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="638" src="https://mazechile.com/wp-content/uploads/2025/07/07-2.webp" class="attachment-full size-full" alt="07" srcset="https://mazechile.com/wp-content/uploads/2025/07/07-2.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/07-2-300x100.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/07-2-1024x340.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/07-2-768x255.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/07-2-1536x510.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/07-2-600x199.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/07-2-150x50.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/08-1.webp" data-width="1920" data-height="937" data-index="7" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="937" src="https://mazechile.com/wp-content/uploads/2025/07/08-1.webp" class="attachment-full size-full" alt="08" srcset="https://mazechile.com/wp-content/uploads/2025/07/08-1.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/08-1-300x146.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/08-1-1024x500.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/08-1-768x375.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/08-1-1536x750.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/08-1-600x293.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/08-1-150x73.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/09-2.webp" data-width="1920" data-height="626" data-index="8" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="626" src="https://mazechile.com/wp-content/uploads/2025/07/09-2.webp" class="attachment-full size-full" alt="09" srcset="https://mazechile.com/wp-content/uploads/2025/07/09-2.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/09-2-300x98.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/09-2-1024x334.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/09-2-768x250.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/09-2-1536x501.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/09-2-600x196.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/09-2-150x49.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a62c7cf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a62c7cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d3533b7 e-con-full e-flex e-con e-child" data-id="d3533b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-1bea75d e-con-full contenedor-perspectiva e-flex e-con e-child" data-id="1bea75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cd315f video-celular wd-width-100 elementor-widget elementor-widget-wd_video" data-id="9cd315f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/sHIoSq3Mo2w?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=sHIoSq3Mo2w" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f512489 e-con-full e-flex e-con e-child" data-id="f512489" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-5d195c5 elementor-widget elementor-widget-html" data-id="5d195c5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Versión Celular</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-7c2736a elementor-widget elementor-widget-wd_text_block" data-id="7c2736a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>El sitio de PartnersHM fue diseñado para adaptarse perfectamente a dispositivos móviles, con una navegación fluida, contenido claro y una estructura que resalta su enfoque profesional en salud mental organizacional.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc125bf elementor-widget elementor-widget-html" data-id="cc125bf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>

 div[data-id="1bea75d"]{
    perspective: 3500px;
    perspective-origin: 20% 50%;
}
    
    .video-celular{
    aspect-ratio: 9/16;
    width:550px;
    background-color: black;
    border-radius: 2rem;
    transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);
    animation: celular 6s ease-in-out infinite forwards;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); /* Sombras paralelas */
    transition: .3s ease-in-out;
    position: relative;
    left: 0;
    cursor: pointer;
}

.video-celular:hover {
    left: 3%;
    transform:scale(.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg)!important;
    box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14)!important;
    perspective: none;
}

@keyframes celular {
    0%,100%{ 
        transform:scale(.75) rotateX(9deg) rotateY(7deg) rotateZ(-3deg);
        box-shadow: -150px -10px 70px rgba(0, 0, 0, 0.2); /* Ajustes de sombra para escala 0.75 */}

    50%{ 
        transform:scale(.7) rotateX(9deg) rotateY(20deg) rotateZ(-8deg);
        box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14); /* Ajustes de sombra para escala 0.8 */
    }
}
    
</style>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6614245 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="6614245" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-70d6a14 e-con-full e-flex e-con e-child" data-id="70d6a14" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7ab73cd wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7ab73cd" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Tipografía</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-d8825fa e-grid e-con-full e-con e-child" data-id="d8825fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-52080fa e-con-full e-flex e-con e-child" data-id="52080fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-2d4af75 elementor-widget elementor-widget-heading" data-id="2d4af75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">aA</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-508e51b e-con-full e-flex e-con e-child" data-id="508e51b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d1ae5ae elementor-widget elementor-widget-heading" data-id="d1ae5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Montserrat Bold 700</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78128f7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="78128f7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6d7fe26 elementor-widget elementor-widget-heading" data-id="6d7fe26" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a127d94 e-con-full e-flex e-con e-child" data-id="a127d94" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-762890b elementor-widget elementor-widget-heading" data-id="762890b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">IBM Plex Sans Devanagari Light 300</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ecb0307 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ecb0307" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bbfb704 elementor-widget elementor-widget-heading" data-id="bbfb704" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7247d1a wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7247d1a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7775072 e-con-full e-flex e-con e-child" data-id="7775072" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-acf17f5 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="acf17f5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-869346b e-grid e-con-full e-con e-child" data-id="869346b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-31b8d17 e-con-full e-flex e-con e-child" data-id="31b8d17" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3cf125d elementor-widget elementor-widget-html" data-id="3cf125d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color1" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color1', '#5461f8');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27e33ce e-con-full e-flex e-con e-child" data-id="27e33ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-065df4e elementor-widget elementor-widget-html" data-id="065df4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2', '#9067f0');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1eb6b60 e-con-full e-flex e-con e-child" data-id="1eb6b60" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8d2d1a3 elementor-widget elementor-widget-html" data-id="8d2d1a3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color3" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color3', '#141a43');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64af62c e-con-full e-flex e-con e-child" data-id="64af62c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9f4996e elementor-widget elementor-widget-html" data-id="9f4996e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color4" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color4', '#666d92');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9d6e75d e-grid e-con-full e-con e-child" data-id="9d6e75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-b184476 e-con-full e-flex e-con e-child" data-id="b184476" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d2660f9 elementor-widget elementor-widget-html" data-id="d2660f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color5" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color5', '#abafc5');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-33329e7 e-con-full e-flex e-con e-child" data-id="33329e7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-4f1f3ed elementor-widget elementor-widget-html" data-id="4f1f3ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color6" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color6', '#e2e2e2');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c89dc3a e-con-full e-flex e-con e-child" data-id="c89dc3a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-e984833 elementor-widget elementor-widget-html" data-id="e984833" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #5461f8;
        --colorDegradado2: #9067f0;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-736635d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="736635d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e38ec1 e-con-full e-flex e-con e-child" data-id="3e38ec1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7197a07 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7197a07" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Iconografía</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4aa91aa elementor-widget elementor-widget-html" data-id="4aa91aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --gapIcons: 3rem;
        --sizeCircle: 100px;
        --bgCircle: white;
        --borderCircle: #2aff6d;
    }
    
    @media screen and (max-width: 1024px){
        :root {
            --gapIcons: 1.5rem;
            --sizeCircle: 80px;
        }
    }
    
    @media screen and (max-width: 767px){
        :root {
            --gapIcons: 1rem;
            --sizeCircle: 60px;
        }
    }

    .iconografia {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gapIcons);
    }

    .iconografia__icon {
        width: var(--sizeCircle);
        height: var(--sizeCircle);
        background: var(--bgCircle);
        border-radius: 50%;
        padding: calc(var(--sizeCircle) * .2);
        border: 3px solid var(--borderCircle);
    }
    
    .iconografia__icon--img {
        width: 100%;
        object-fit: contain;
    }
</style>
<div class="iconografia">
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-8e42ab3 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8e42ab3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-83464b9 e-con-full e-flex e-con e-child" data-id="83464b9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cbeb32 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9cbeb32" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Animación Logo</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-cc6deb4 e-con-full e-flex e-con e-child" data-id="cc6deb4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-631676d wd-width-100 elementor-widget elementor-widget-wd_video" data-id="631676d" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube">
							<iframe src="https://www.youtube.com/embed/hzyZn9Hg-Ak?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=hzyZn9Hg-Ak" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-c639176 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="c639176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c709670 e-con-full e-flex e-con e-child" data-id="c709670" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-f86ac0e wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f86ac0e" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Video Corporativo</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-872e947 wd-width-100 elementor-widget elementor-widget-wd_video" data-id="872e947" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/V60rKww0Cac?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=V60rKww0Cac" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b06ea23 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b06ea23" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81ea02c wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="81ea02c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-masonry wd-grid-f-col" style="--wd-col-lg:2;--wd-col-md:2;--wd-col-sm:1;--wd-gap-lg:30px;--wd-gap-sm:10px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" data-width="1920" data-height="1080" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" class="attachment-full size-full" alt="petersmock3" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" data-width="1920" data-height="1080" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" class="attachment-full size-full" alt="petersmock4" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" data-width="1920" data-height="1080" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" class="attachment-full size-full" alt="petersmock1" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" data-width="1920" data-height="1080" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" class="attachment-full size-full" alt="petersmock2" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" data-width="1920" data-height="1080" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" class="attachment-full size-full" alt="petersmock5" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bd043bd wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bd043bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b911b9d e-con-full e-flex e-con e-child" data-id="b911b9d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3430826 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="3430826" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Instagram</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-726ee7f e-grid e-con-full e-con e-child" data-id="726ee7f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-8cc1299 e-con-full e-flex e-con e-child" data-id="8cc1299" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ce164fb wd-width-100 elementor-widget elementor-widget-wd_video" data-id="ce164fb" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/MVmUH-Yha2M?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=MVmUH-Yha2M" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6b2417a e-con-full e-flex e-con e-child" data-id="6b2417a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-610df0f wd-width-100 elementor-widget elementor-widget-wd_video" data-id="610df0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/3-ZWPKulArE?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=3-ZWPKulArE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bad4e20 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bad4e20" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2d7c561 e-con-full e-flex e-con e-child" data-id="2d7c561" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0acbb93 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="0acbb93" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Sitio Web</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d21ba3c wd-width-100 elementor-widget elementor-widget-wd_video" data-id="d21ba3c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/adr130TaQMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=adr130TaQMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6b23af9 wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="6b23af9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-5560cec e-con-full e-flex e-con e-child" data-id="5560cec" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-eecc170 elementor-widget elementor-widget-html" data-id="eecc170" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Paleta de Colores</h2>
				</div>
				</div>
		<div class="elementor-element elementor-element-573613c e-grid e-con-full e-con e-child" data-id="573613c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-6f8379b e-con-full e-flex e-con e-child" data-id="6f8379b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-1187e25 elementor-widget elementor-widget-html" data-id="1187e25" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
        font-family: "Poppins";
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color10" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color10', '#00a6da');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9e8cddc e-con-full e-flex e-con e-child" data-id="9e8cddc" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-c2e8429 elementor-widget elementor-widget-html" data-id="c2e8429" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color20" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color20', '#00dacd');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d76ec8 e-con-full e-flex e-con e-child" data-id="1d76ec8" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7cfecf4 elementor-widget elementor-widget-html" data-id="7cfecf4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color30" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color30', '#2b317f');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-46d99e4 e-con-full e-flex e-con e-child" data-id="46d99e4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-76af7e9 elementor-widget elementor-widget-html" data-id="76af7e9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color40" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color40', '#25295b');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6cc7d4b e-grid e-con-full e-con e-child" data-id="6cc7d4b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-59cd808 e-con-full e-flex e-con e-child" data-id="59cd808" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-246a9e2 elementor-widget elementor-widget-html" data-id="246a9e2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color50" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color50', '#666a97');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c3d69b7 e-con-full e-flex e-con e-child" data-id="c3d69b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d3aea26 elementor-widget elementor-widget-html" data-id="d3aea26" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color60" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color60', '#f4f5fb');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d3ca4d8 e-con-full e-flex e-con e-child" data-id="d3ca4d8" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-35ba346 elementor-widget elementor-widget-html" data-id="35ba346" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #00a6da;
        --colorDegradado2: #00dacd;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://mazechile.com/portfolio/partners-health-management/">Partners Health Management</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mazechile.com/portfolio/partners-health-management/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Dra Alejandra</title>
		<link>https://mazechile.com/portfolio/dra-alejandra/</link>
					<comments>https://mazechile.com/portfolio/dra-alejandra/#respond</comments>
		
		<dc:creator><![CDATA[Elías Carcamo]]></dc:creator>
		<pubDate>Thu, 10 Jul 2025 14:38:44 +0000</pubDate>
				<guid isPermaLink="false">https://mazechile.com/?post_type=portfolio&#038;p=4433</guid>

					<description><![CDATA[<p>Dra. Alejandra Rodríguez Realizamos el rediseño completo del sitio web de la Dra. Alejandra Rodríguez, cirujana plástica, sobre una versión</p>
<p>La entrada <a href="https://mazechile.com/portfolio/dra-alejandra/">Dra Alejandra</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4433" class="elementor elementor-4433" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}">
				<div class="elementor-element elementor-element-b8ffdfb e-con-full wd-section-stretch-content e-flex e-con e-parent" data-id="b8ffdfb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d6cb1e9 elementor-widget elementor-widget-spacer" data-id="d6cb1e9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-457c9c2 e-flex e-con-boxed e-con e-parent" data-id="457c9c2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8e37dd2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="8e37dd2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Dra. Alejandra Rodríguez</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fc6a0f0 elementor-widget elementor-widget-wd_text_block" data-id="fc6a0f0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Realizamos el rediseño completo del sitio web de la Dra. Alejandra Rodríguez, cirujana plástica, sobre una versión anterior que ya tenía publicada pero que no representaba el nivel de profesionalismo y estética que buscaba proyectar. El nuevo sitio fue pensado para reforzar su marca personal, optimizar la experiencia del usuario y facilitar el contacto con potenciales pacientes. Incorporamos videos, testimonios, fotografías profesionales y una estructura clara que transmite confianza, cercanía y especialización.</p>
					</div>
						</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-67e1945 e-flex e-con-boxed e-con e-child" data-id="67e1945" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c574ef3 e-con-full e-flex e-con e-child" data-id="c574ef3" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9c2fe40 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9c2fe40" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Proyecto</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-65974d3 elementor-widget elementor-widget-wd_text_block" data-id="65974d3" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Desarrollo web</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8df65c4 e-con-full e-flex e-con e-child" data-id="8df65c4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6661f79 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="6661f79" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Cliente</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4f14b94 elementor-widget elementor-widget-wd_text_block" data-id="4f14b94" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Alejandra</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d6116c1 e-con-full e-flex e-con e-child" data-id="d6116c1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-43f7180 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="43f7180" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Tiempo de desarrollo</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c2744ea elementor-widget elementor-widget-wd_text_block" data-id="c2744ea" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>4 semanas</p>
					</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-69fbc9b elementor-widget elementor-widget-html" data-id="69fbc9b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    .main-page-wrapper {
        padding-top: 0px
    }
    
    :root {
        --tituloEscritorio: 2.5rem;
    }
</style>				</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-b21acaf elementor-align-center elementor-mobile-align-left elementor-widget-tablet__width-auto elementor-widget elementor-widget-button" data-id="b21acaf" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://draalerodriguez.com/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Ver Sitio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ff9b48 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7ff9b48" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7a6110 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f7a6110" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Bocetos</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-59719ec fondo-blanco elementor-widget elementor-widget-wd_image_or_svg" data-id="59719ec" data-element_type="widget" data-e-type="widget" data-widget_type="wd_image_or_svg.default">
				<div class="elementor-widget-container">
					
		<div class="wd-image text-left photoswipe-images">
							<a  href="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png"data-width="1218" data-height="1080" data-elementor-open-lightbox="no" aria-label="Image link">
								<img fetchpriority="high" decoding="async" width="1218" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png" class="attachment-full size-full" alt="" srcset="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png 1218w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-300x266.png 300w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-1024x908.png 1024w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-768x681.png 768w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-600x532.png 600w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-150x133.png 150w" sizes="(max-width: 1218px) 100vw, 1218px" />							</a>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-eb0db8d wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="eb0db8d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-082ddb0 e-con-full e-flex e-con e-child" data-id="082ddb0" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-a10bd5f elementor-widget elementor-widget-html" data-id="a10bd5f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
 
    .titular-portafolio {
        font-size: 2.5rem;
        margin: 0px;
        position: relative;
        margin-left: 16px;
        line-height: 1.3em;
    }
    
    .titular-portafolio:before {
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute;
        background-color: blue;
        width: 7px;
        height: 70%;
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
            margin-left: 14px;
        }
        
        .titular-portafolio:before {
            left: -14px;
            width: 6px;
        }
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
        }
        
        .titular-portafolio:before {
            width: 4px;
        }
    }
    
</style>
<h2 class="titular-portafolio">Versión Escritorio</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-f8f20b5 elementor-hidden-mobile wd-width-100 elementor-widget elementor-widget-wd_video" data-id="f8f20b5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/-440jf-XnYc?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=-440jf-XnYc" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-34b6c0f elementor-hidden-desktop elementor-hidden-tablet wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="34b6c0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-grid-g" style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;--wd-gap-lg:0px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/web-foto_01.webp" data-width="1920" data-height="909" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="909" src="https://mazechile.com/wp-content/uploads/2025/07/web-foto_01.webp" class="attachment-full size-full" alt="web-foto_01" srcset="https://mazechile.com/wp-content/uploads/2025/07/web-foto_01.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_01-300x142.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_01-1024x485.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_01-768x364.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_01-1536x727.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_01-600x284.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_01-150x71.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/web-foto_02.webp" data-width="1920" data-height="839" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="839" src="https://mazechile.com/wp-content/uploads/2025/07/web-foto_02.webp" class="attachment-full size-full" alt="web-foto_02" srcset="https://mazechile.com/wp-content/uploads/2025/07/web-foto_02.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_02-300x131.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_02-1024x447.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_02-768x336.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_02-1536x671.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_02-600x262.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_02-150x66.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/web-foto_03.webp" data-width="1920" data-height="789" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="789" src="https://mazechile.com/wp-content/uploads/2025/07/web-foto_03.webp" class="attachment-full size-full" alt="web-foto_03" srcset="https://mazechile.com/wp-content/uploads/2025/07/web-foto_03.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_03-300x123.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_03-1024x421.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_03-768x316.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_03-1536x631.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_03-600x247.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_03-150x62.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/web-foto_04.webp" data-width="1920" data-height="531" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="531" src="https://mazechile.com/wp-content/uploads/2025/07/web-foto_04.webp" class="attachment-full size-full" alt="web-foto_04" srcset="https://mazechile.com/wp-content/uploads/2025/07/web-foto_04.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_04-300x83.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_04-1024x283.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_04-768x212.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_04-1536x425.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_04-600x166.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_04-150x41.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/web-foto_05.webp" data-width="1920" data-height="657" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="657" src="https://mazechile.com/wp-content/uploads/2025/07/web-foto_05.webp" class="attachment-full size-full" alt="web-foto_05" srcset="https://mazechile.com/wp-content/uploads/2025/07/web-foto_05.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_05-300x103.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_05-1024x350.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_05-768x263.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_05-1536x526.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_05-600x205.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_05-150x51.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/web-foto_06.webp" data-width="1920" data-height="1231" data-index="6" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1231" src="https://mazechile.com/wp-content/uploads/2025/07/web-foto_06.webp" class="attachment-full size-full" alt="web-foto_06" srcset="https://mazechile.com/wp-content/uploads/2025/07/web-foto_06.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_06-300x192.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_06-1024x657.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_06-768x492.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_06-1536x985.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_06-600x385.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_06-150x96.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/web-foto_07.webp" data-width="1920" data-height="1132" data-index="7" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1132" src="https://mazechile.com/wp-content/uploads/2025/07/web-foto_07.webp" class="attachment-full size-full" alt="web-foto_07" srcset="https://mazechile.com/wp-content/uploads/2025/07/web-foto_07.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_07-300x177.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_07-1024x604.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_07-768x453.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_07-1536x906.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_07-600x354.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_07-150x88.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/web-foto_08.webp" data-width="1920" data-height="1409" data-index="8" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1409" src="https://mazechile.com/wp-content/uploads/2025/07/web-foto_08.webp" class="attachment-full size-full" alt="web-foto_08" srcset="https://mazechile.com/wp-content/uploads/2025/07/web-foto_08.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_08-300x220.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_08-1024x751.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_08-768x564.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_08-1536x1127.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_08-600x440.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_08-150x110.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/web-foto_09.webp" data-width="1920" data-height="1150" data-index="9" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1150" src="https://mazechile.com/wp-content/uploads/2025/07/web-foto_09.webp" class="attachment-full size-full" alt="web-foto_09" srcset="https://mazechile.com/wp-content/uploads/2025/07/web-foto_09.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_09-300x180.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_09-1024x613.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_09-768x460.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_09-1536x920.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_09-600x359.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_09-150x90.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/07/web-foto_10.webp" data-width="1920" data-height="1265" data-index="10" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1265" src="https://mazechile.com/wp-content/uploads/2025/07/web-foto_10.webp" class="attachment-full size-full" alt="web-foto_10" srcset="https://mazechile.com/wp-content/uploads/2025/07/web-foto_10.webp 1920w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_10-300x198.webp 300w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_10-1024x675.webp 1024w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_10-768x506.webp 768w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_10-1536x1012.webp 1536w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_10-600x395.webp 600w, https://mazechile.com/wp-content/uploads/2025/07/web-foto_10-150x99.webp 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a62c7cf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a62c7cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d3533b7 e-con-full e-flex e-con e-child" data-id="d3533b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-1bea75d e-con-full contenedor-perspectiva e-flex e-con e-child" data-id="1bea75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cd315f video-celular wd-width-100 elementor-widget elementor-widget-wd_video" data-id="9cd315f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/xU1KCDOl3bo?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=xU1KCDOl3bo" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f512489 e-con-full e-flex e-con e-child" data-id="f512489" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-5d195c5 elementor-widget elementor-widget-html" data-id="5d195c5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Versión Celular</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-7c2736a elementor-widget elementor-widget-wd_text_block" data-id="7c2736a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Pensado para una navegación ágil desde el celular, el nuevo sitio de la Dra. Alejandra Rodríguez destaca por su diseño limpio, videos explicativos y estructura clara que refuerza su marca personal. Todo el contenido está optimizado para ofrecer una experiencia fluida, directa y profesional en cualquier dispositivo.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc125bf elementor-widget elementor-widget-html" data-id="cc125bf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>

 div[data-id="1bea75d"]{
    perspective: 3500px;
    perspective-origin: 20% 50%;
}
    
    .video-celular{
    aspect-ratio: 9/16;
    width:550px;
    background-color: black;
    border-radius: 2rem;
    transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);
    animation: celular 6s ease-in-out infinite forwards;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); /* Sombras paralelas */
    transition: .3s ease-in-out;
    position: relative;
    left: 0;
    cursor: pointer;
}

.video-celular:hover {
    left: 3%;
    transform:scale(.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg)!important;
    box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14)!important;
    perspective: none;
}

@keyframes celular {
    0%,100%{ 
        transform:scale(.75) rotateX(9deg) rotateY(7deg) rotateZ(-3deg);
        box-shadow: -150px -10px 70px rgba(0, 0, 0, 0.2); /* Ajustes de sombra para escala 0.75 */}

    50%{ 
        transform:scale(.7) rotateX(9deg) rotateY(20deg) rotateZ(-8deg);
        box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14); /* Ajustes de sombra para escala 0.8 */
    }
}
    
</style>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6614245 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="6614245" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-70d6a14 e-con-full e-flex e-con e-child" data-id="70d6a14" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7ab73cd wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7ab73cd" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Tipografía</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-d8825fa e-grid e-con-full e-con e-child" data-id="d8825fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-52080fa e-con-full e-flex e-con e-child" data-id="52080fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-2d4af75 elementor-widget elementor-widget-heading" data-id="2d4af75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">aA</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-508e51b e-con-full e-flex e-con e-child" data-id="508e51b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d1ae5ae elementor-widget elementor-widget-heading" data-id="d1ae5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Montserrat Bold 700</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78128f7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="78128f7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6d7fe26 elementor-widget elementor-widget-heading" data-id="6d7fe26" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a127d94 e-con-full e-flex e-con e-child" data-id="a127d94" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-762890b elementor-widget elementor-widget-heading" data-id="762890b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">IBM Plex Sans Devanagari Light 300</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ecb0307 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ecb0307" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bbfb704 elementor-widget elementor-widget-heading" data-id="bbfb704" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7247d1a wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7247d1a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7775072 e-con-full e-flex e-con e-child" data-id="7775072" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-acf17f5 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="acf17f5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-869346b e-grid e-con-full e-con e-child" data-id="869346b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-31b8d17 e-con-full e-flex e-con e-child" data-id="31b8d17" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3cf125d elementor-widget elementor-widget-html" data-id="3cf125d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color1" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color1', '#5461f8');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27e33ce e-con-full e-flex e-con e-child" data-id="27e33ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-065df4e elementor-widget elementor-widget-html" data-id="065df4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2', '#9067f0');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1eb6b60 e-con-full e-flex e-con e-child" data-id="1eb6b60" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8d2d1a3 elementor-widget elementor-widget-html" data-id="8d2d1a3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color3" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color3', '#141a43');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64af62c e-con-full e-flex e-con e-child" data-id="64af62c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9f4996e elementor-widget elementor-widget-html" data-id="9f4996e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color4" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color4', '#666d92');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9d6e75d e-grid e-con-full e-con e-child" data-id="9d6e75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-b184476 e-con-full e-flex e-con e-child" data-id="b184476" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d2660f9 elementor-widget elementor-widget-html" data-id="d2660f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color5" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color5', '#abafc5');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-33329e7 e-con-full e-flex e-con e-child" data-id="33329e7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-4f1f3ed elementor-widget elementor-widget-html" data-id="4f1f3ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color6" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color6', '#e2e2e2');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c89dc3a e-con-full e-flex e-con e-child" data-id="c89dc3a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-e984833 elementor-widget elementor-widget-html" data-id="e984833" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #5461f8;
        --colorDegradado2: #9067f0;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-736635d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="736635d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e38ec1 e-con-full e-flex e-con e-child" data-id="3e38ec1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7197a07 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7197a07" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Iconografía</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4aa91aa elementor-widget elementor-widget-html" data-id="4aa91aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --gapIcons: 3rem;
        --sizeCircle: 100px;
        --bgCircle: white;
        --borderCircle: #2aff6d;
    }
    
    @media screen and (max-width: 1024px){
        :root {
            --gapIcons: 1.5rem;
            --sizeCircle: 80px;
        }
    }
    
    @media screen and (max-width: 767px){
        :root {
            --gapIcons: 1rem;
            --sizeCircle: 60px;
        }
    }

    .iconografia {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gapIcons);
    }

    .iconografia__icon {
        width: var(--sizeCircle);
        height: var(--sizeCircle);
        background: var(--bgCircle);
        border-radius: 50%;
        padding: calc(var(--sizeCircle) * .2);
        border: 3px solid var(--borderCircle);
    }
    
    .iconografia__icon--img {
        width: 100%;
        object-fit: contain;
    }
</style>
<div class="iconografia">
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-8e42ab3 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8e42ab3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-83464b9 e-con-full e-flex e-con e-child" data-id="83464b9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cbeb32 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9cbeb32" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Animación Logo</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-cc6deb4 e-con-full e-flex e-con e-child" data-id="cc6deb4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-631676d wd-width-100 elementor-widget elementor-widget-wd_video" data-id="631676d" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube">
							<iframe src="https://www.youtube.com/embed/hzyZn9Hg-Ak?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=hzyZn9Hg-Ak" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-c639176 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="c639176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c709670 e-con-full e-flex e-con e-child" data-id="c709670" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-f86ac0e wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f86ac0e" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Video Corporativo</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-872e947 wd-width-100 elementor-widget elementor-widget-wd_video" data-id="872e947" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/V60rKww0Cac?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=V60rKww0Cac" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b06ea23 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b06ea23" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81ea02c wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="81ea02c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-masonry wd-grid-f-col" style="--wd-col-lg:2;--wd-col-md:2;--wd-col-sm:1;--wd-gap-lg:30px;--wd-gap-sm:10px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" data-width="1920" data-height="1080" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" class="attachment-full size-full" alt="petersmock3" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" data-width="1920" data-height="1080" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" class="attachment-full size-full" alt="petersmock4" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" data-width="1920" data-height="1080" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" class="attachment-full size-full" alt="petersmock1" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" data-width="1920" data-height="1080" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" class="attachment-full size-full" alt="petersmock2" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" data-width="1920" data-height="1080" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" class="attachment-full size-full" alt="petersmock5" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bd043bd wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bd043bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b911b9d e-con-full e-flex e-con e-child" data-id="b911b9d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3430826 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="3430826" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Instagram</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-726ee7f e-grid e-con-full e-con e-child" data-id="726ee7f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-8cc1299 e-con-full e-flex e-con e-child" data-id="8cc1299" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ce164fb wd-width-100 elementor-widget elementor-widget-wd_video" data-id="ce164fb" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/MVmUH-Yha2M?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=MVmUH-Yha2M" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6b2417a e-con-full e-flex e-con e-child" data-id="6b2417a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-610df0f wd-width-100 elementor-widget elementor-widget-wd_video" data-id="610df0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/3-ZWPKulArE?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=3-ZWPKulArE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bad4e20 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bad4e20" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2d7c561 e-con-full e-flex e-con e-child" data-id="2d7c561" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0acbb93 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="0acbb93" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Sitio Web</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d21ba3c wd-width-100 elementor-widget elementor-widget-wd_video" data-id="d21ba3c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/adr130TaQMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=adr130TaQMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6b23af9 wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="6b23af9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-5560cec e-con-full e-flex e-con e-child" data-id="5560cec" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-eecc170 elementor-widget elementor-widget-html" data-id="eecc170" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Paleta de Colores</h2>
				</div>
				</div>
		<div class="elementor-element elementor-element-573613c e-grid e-con-full e-con e-child" data-id="573613c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-6f8379b e-con-full e-flex e-con e-child" data-id="6f8379b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-1187e25 elementor-widget elementor-widget-html" data-id="1187e25" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
        font-family: "Poppins";
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color10" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color10', '#4AA1BC');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9e8cddc e-con-full e-flex e-con e-child" data-id="9e8cddc" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-c2e8429 elementor-widget elementor-widget-html" data-id="c2e8429" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color20" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color20', '#FF7878');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-46d99e4 e-con-full e-flex e-con e-child" data-id="46d99e4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-76af7e9 elementor-widget elementor-widget-html" data-id="76af7e9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color40" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color40', '#2C3A47');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d3ca4d8 e-con-full e-flex e-con e-child" data-id="d3ca4d8" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-35ba346 elementor-widget elementor-widget-html" data-id="35ba346" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #4AA1BC;
        --colorDegradado2: #FF7878;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://mazechile.com/portfolio/dra-alejandra/">Dra Alejandra</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mazechile.com/portfolio/dra-alejandra/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Sumia</title>
		<link>https://mazechile.com/portfolio/sumia/</link>
					<comments>https://mazechile.com/portfolio/sumia/#respond</comments>
		
		<dc:creator><![CDATA[Elías Carcamo]]></dc:creator>
		<pubDate>Wed, 25 Jun 2025 13:26:08 +0000</pubDate>
				<guid isPermaLink="false">https://mazechile.com/?post_type=portfolio&#038;p=4117</guid>

					<description><![CDATA[<p>Sumia En Maze Chile, diseñamos el sitio institucional de Sumia, una fintech latinoamericana, enfocándome en una experiencia clara y moderna</p>
<p>La entrada <a href="https://mazechile.com/portfolio/sumia/">Sumia</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4117" class="elementor elementor-4117" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}">
				<div class="elementor-element elementor-element-b8ffdfb e-con-full wd-section-stretch-content e-flex e-con e-parent" data-id="b8ffdfb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d6cb1e9 elementor-widget elementor-widget-spacer" data-id="d6cb1e9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-457c9c2 e-flex e-con-boxed e-con e-parent" data-id="457c9c2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8e37dd2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="8e37dd2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Sumia</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fc6a0f0 elementor-widget elementor-widget-wd_text_block" data-id="fc6a0f0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p><span style="font-weight: 400;">En Maze Chile, diseñamos el sitio institucional de Sumia, una fintech latinoamericana, enfocándome en una experiencia clara y moderna para presentar sus soluciones de pagos inmediatos. Creamos secciones visuales destacadas con gráficos, botones interactivos (“Solicita demo”, “Saber más”) y un formulario de contacto accesible. El diseño modular con componentes reutilizables asegura consistencia y escalabilidad, mientras que la estética refuerza la confiabilidad y presencia profesional de la marca.</span></p>
					</div>
						</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-67e1945 e-flex e-con-boxed e-con e-child" data-id="67e1945" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c574ef3 e-con-full e-flex e-con e-child" data-id="c574ef3" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9c2fe40 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9c2fe40" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Proyecto</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-65974d3 elementor-widget elementor-widget-wd_text_block" data-id="65974d3" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Desarrollo web</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8df65c4 e-con-full e-flex e-con e-child" data-id="8df65c4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6661f79 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="6661f79" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Cliente</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4f14b94 elementor-widget elementor-widget-wd_text_block" data-id="4f14b94" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Sumia</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d6116c1 e-con-full e-flex e-con e-child" data-id="d6116c1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-43f7180 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="43f7180" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Tiempo de desarrollo</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c2744ea elementor-widget elementor-widget-wd_text_block" data-id="c2744ea" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>4 semanas</p>
					</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-69fbc9b elementor-widget elementor-widget-html" data-id="69fbc9b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    .main-page-wrapper {
        padding-top: 0px
    }
    
    :root {
        --tituloEscritorio: 2.5rem;
    }
</style>				</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-b21acaf elementor-align-center elementor-mobile-align-left elementor-widget-tablet__width-auto elementor-widget elementor-widget-button" data-id="b21acaf" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://sumia.io/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Ver Sitio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ff9b48 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7ff9b48" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7a6110 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f7a6110" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Bocetos</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-59719ec fondo-blanco elementor-widget elementor-widget-wd_image_or_svg" data-id="59719ec" data-element_type="widget" data-e-type="widget" data-widget_type="wd_image_or_svg.default">
				<div class="elementor-widget-container">
					
		<div class="wd-image text-left photoswipe-images">
							<a  href="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png"data-width="1218" data-height="1080" data-elementor-open-lightbox="no" aria-label="Image link">
								<img fetchpriority="high" decoding="async" width="1218" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png" class="attachment-full size-full" alt="" srcset="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png 1218w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-300x266.png 300w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-1024x908.png 1024w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-768x681.png 768w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-600x532.png 600w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-150x133.png 150w" sizes="(max-width: 1218px) 100vw, 1218px" />							</a>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-eb0db8d wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="eb0db8d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-082ddb0 e-con-full e-flex e-con e-child" data-id="082ddb0" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-a10bd5f elementor-widget elementor-widget-html" data-id="a10bd5f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
 
    .titular-portafolio {
        font-size: 2.5rem;
        margin: 0px;
        position: relative;
        margin-left: 16px;
        line-height: 1.3em;
    }
    
    .titular-portafolio:before {
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute;
        background-color: blue;
        width: 7px;
        height: 70%;
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
            margin-left: 14px;
        }
        
        .titular-portafolio:before {
            left: -14px;
            width: 6px;
        }
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
        }
        
        .titular-portafolio:before {
            width: 4px;
        }
    }
    
</style>
<h2 class="titular-portafolio">Versión Escritorio</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-f8f20b5 elementor-hidden-mobile wd-width-100 elementor-widget elementor-widget-wd_video" data-id="f8f20b5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/H5c83jrpFm8?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=H5c83jrpFm8" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-34b6c0f elementor-hidden-desktop elementor-hidden-tablet wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="34b6c0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-grid-g" style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;--wd-gap-lg:0px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/06/01.jpg" data-width="1920" data-height="961" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="961" src="https://mazechile.com/wp-content/uploads/2025/06/01.jpg" class="attachment-full size-full" alt="01" srcset="https://mazechile.com/wp-content/uploads/2025/06/01.jpg 1920w, https://mazechile.com/wp-content/uploads/2025/06/01-300x150.jpg 300w, https://mazechile.com/wp-content/uploads/2025/06/01-1024x513.jpg 1024w, https://mazechile.com/wp-content/uploads/2025/06/01-768x384.jpg 768w, https://mazechile.com/wp-content/uploads/2025/06/01-1536x769.jpg 1536w, https://mazechile.com/wp-content/uploads/2025/06/01-600x300.jpg 600w, https://mazechile.com/wp-content/uploads/2025/06/01-150x75.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/06/03.jpg" data-width="1919" data-height="1700" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1919" height="1700" src="https://mazechile.com/wp-content/uploads/2025/06/03.jpg" class="attachment-full size-full" alt="03" srcset="https://mazechile.com/wp-content/uploads/2025/06/03.jpg 1919w, https://mazechile.com/wp-content/uploads/2025/06/03-300x266.jpg 300w, https://mazechile.com/wp-content/uploads/2025/06/03-1024x907.jpg 1024w, https://mazechile.com/wp-content/uploads/2025/06/03-768x680.jpg 768w, https://mazechile.com/wp-content/uploads/2025/06/03-1536x1361.jpg 1536w, https://mazechile.com/wp-content/uploads/2025/06/03-600x532.jpg 600w, https://mazechile.com/wp-content/uploads/2025/06/03-150x133.jpg 150w" sizes="(max-width: 1919px) 100vw, 1919px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/06/04.jpg" data-width="1919" data-height="1047" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1919" height="1047" src="https://mazechile.com/wp-content/uploads/2025/06/04.jpg" class="attachment-full size-full" alt="04" srcset="https://mazechile.com/wp-content/uploads/2025/06/04.jpg 1919w, https://mazechile.com/wp-content/uploads/2025/06/04-300x164.jpg 300w, https://mazechile.com/wp-content/uploads/2025/06/04-1024x559.jpg 1024w, https://mazechile.com/wp-content/uploads/2025/06/04-768x419.jpg 768w, https://mazechile.com/wp-content/uploads/2025/06/04-1536x838.jpg 1536w, https://mazechile.com/wp-content/uploads/2025/06/04-600x327.jpg 600w, https://mazechile.com/wp-content/uploads/2025/06/04-150x82.jpg 150w" sizes="(max-width: 1919px) 100vw, 1919px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2025/06/05.jpg" data-width="1920" data-height="1443" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1443" src="https://mazechile.com/wp-content/uploads/2025/06/05.jpg" class="attachment-full size-full" alt="05" srcset="https://mazechile.com/wp-content/uploads/2025/06/05.jpg 1920w, https://mazechile.com/wp-content/uploads/2025/06/05-300x225.jpg 300w, https://mazechile.com/wp-content/uploads/2025/06/05-1024x770.jpg 1024w, https://mazechile.com/wp-content/uploads/2025/06/05-768x577.jpg 768w, https://mazechile.com/wp-content/uploads/2025/06/05-1536x1154.jpg 1536w, https://mazechile.com/wp-content/uploads/2025/06/05-600x451.jpg 600w, https://mazechile.com/wp-content/uploads/2025/06/05-150x113.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a62c7cf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a62c7cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d3533b7 e-con-full e-flex e-con e-child" data-id="d3533b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-1bea75d e-con-full contenedor-perspectiva e-flex e-con e-child" data-id="1bea75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cd315f video-celular wd-width-100 elementor-widget elementor-widget-wd_video" data-id="9cd315f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/psBCPu7i96o?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=psBCPu7i96o" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f512489 e-con-full e-flex e-con e-child" data-id="f512489" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-5d195c5 elementor-widget elementor-widget-html" data-id="5d195c5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Versión Celular</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-7c2736a elementor-widget elementor-widget-wd_text_block" data-id="7c2736a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Diseñamos una experiencia móvil optimizada que prioriza la claridad, la navegación simple y el acceso rápido a la información clave. La iconografía animada y las microinteracciones están adaptadas al entorno táctil, reforzando los valores de innovación, confianza y usabilidad en cada scroll.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc125bf elementor-widget elementor-widget-html" data-id="cc125bf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>

 div[data-id="1bea75d"]{
    perspective: 3500px;
    perspective-origin: 20% 50%;
}
    
    .video-celular{
    aspect-ratio: 9/16;
    width:550px;
    background-color: black;
    border-radius: 2rem;
    transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);
    animation: celular 6s ease-in-out infinite forwards;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); /* Sombras paralelas */
    transition: .3s ease-in-out;
    position: relative;
    left: 0;
    cursor: pointer;
}

.video-celular:hover {
    left: 3%;
    transform:scale(.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg)!important;
    box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14)!important;
    perspective: none;
}

@keyframes celular {
    0%,100%{ 
        transform:scale(.75) rotateX(9deg) rotateY(7deg) rotateZ(-3deg);
        box-shadow: -150px -10px 70px rgba(0, 0, 0, 0.2); /* Ajustes de sombra para escala 0.75 */}

    50%{ 
        transform:scale(.7) rotateX(9deg) rotateY(20deg) rotateZ(-8deg);
        box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14); /* Ajustes de sombra para escala 0.8 */
    }
}
    
</style>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6614245 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="6614245" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-70d6a14 e-con-full e-flex e-con e-child" data-id="70d6a14" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7ab73cd wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7ab73cd" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Tipografía</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-d8825fa e-grid e-con-full e-con e-child" data-id="d8825fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-52080fa e-con-full e-flex e-con e-child" data-id="52080fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-2d4af75 elementor-widget elementor-widget-heading" data-id="2d4af75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">aA</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-508e51b e-con-full e-flex e-con e-child" data-id="508e51b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d1ae5ae elementor-widget elementor-widget-heading" data-id="d1ae5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Montserrat Bold 700</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78128f7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="78128f7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6d7fe26 elementor-widget elementor-widget-heading" data-id="6d7fe26" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a127d94 e-con-full e-flex e-con e-child" data-id="a127d94" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-762890b elementor-widget elementor-widget-heading" data-id="762890b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">IBM Plex Sans Devanagari Light 300</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ecb0307 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ecb0307" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bbfb704 elementor-widget elementor-widget-heading" data-id="bbfb704" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7247d1a wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7247d1a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7775072 e-con-full e-flex e-con e-child" data-id="7775072" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-acf17f5 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="acf17f5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-869346b e-grid e-con-full e-con e-child" data-id="869346b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-31b8d17 e-con-full e-flex e-con e-child" data-id="31b8d17" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3cf125d elementor-widget elementor-widget-html" data-id="3cf125d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color1" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color1', '#5461f8');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27e33ce e-con-full e-flex e-con e-child" data-id="27e33ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-065df4e elementor-widget elementor-widget-html" data-id="065df4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2', '#9067f0');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1eb6b60 e-con-full e-flex e-con e-child" data-id="1eb6b60" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8d2d1a3 elementor-widget elementor-widget-html" data-id="8d2d1a3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color3" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color3', '#141a43');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64af62c e-con-full e-flex e-con e-child" data-id="64af62c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9f4996e elementor-widget elementor-widget-html" data-id="9f4996e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color4" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color4', '#666d92');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9d6e75d e-grid e-con-full e-con e-child" data-id="9d6e75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-b184476 e-con-full e-flex e-con e-child" data-id="b184476" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d2660f9 elementor-widget elementor-widget-html" data-id="d2660f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color5" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color5', '#abafc5');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-33329e7 e-con-full e-flex e-con e-child" data-id="33329e7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-4f1f3ed elementor-widget elementor-widget-html" data-id="4f1f3ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color6" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color6', '#e2e2e2');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c89dc3a e-con-full e-flex e-con e-child" data-id="c89dc3a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-e984833 elementor-widget elementor-widget-html" data-id="e984833" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #5461f8;
        --colorDegradado2: #9067f0;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-736635d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="736635d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e38ec1 e-con-full e-flex e-con e-child" data-id="3e38ec1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7197a07 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7197a07" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Iconografía</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4aa91aa elementor-widget elementor-widget-html" data-id="4aa91aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --gapIcons: 3rem;
        --sizeCircle: 100px;
        --bgCircle: white;
        --borderCircle: #2aff6d;
    }
    
    @media screen and (max-width: 1024px){
        :root {
            --gapIcons: 1.5rem;
            --sizeCircle: 80px;
        }
    }
    
    @media screen and (max-width: 767px){
        :root {
            --gapIcons: 1rem;
            --sizeCircle: 60px;
        }
    }

    .iconografia {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gapIcons);
    }

    .iconografia__icon {
        width: var(--sizeCircle);
        height: var(--sizeCircle);
        background: var(--bgCircle);
        border-radius: 50%;
        padding: calc(var(--sizeCircle) * .2);
        border: 3px solid var(--borderCircle);
    }
    
    .iconografia__icon--img {
        width: 100%;
        object-fit: contain;
    }
</style>
<div class="iconografia">
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-8e42ab3 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8e42ab3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-83464b9 e-con-full e-flex e-con e-child" data-id="83464b9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cbeb32 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9cbeb32" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Animación Logo</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-cc6deb4 e-con-full e-flex e-con e-child" data-id="cc6deb4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-631676d wd-width-100 elementor-widget elementor-widget-wd_video" data-id="631676d" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube">
							<iframe src="https://www.youtube.com/embed/hzyZn9Hg-Ak?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=hzyZn9Hg-Ak" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-c639176 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="c639176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c709670 e-con-full e-flex e-con e-child" data-id="c709670" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-f86ac0e wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f86ac0e" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Video Corporativo</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-872e947 wd-width-100 elementor-widget elementor-widget-wd_video" data-id="872e947" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/V60rKww0Cac?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=V60rKww0Cac" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b06ea23 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b06ea23" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81ea02c wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="81ea02c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-masonry wd-grid-f-col" style="--wd-col-lg:2;--wd-col-md:2;--wd-col-sm:1;--wd-gap-lg:30px;--wd-gap-sm:10px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" data-width="1920" data-height="1080" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" class="attachment-full size-full" alt="petersmock3" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" data-width="1920" data-height="1080" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" class="attachment-full size-full" alt="petersmock4" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" data-width="1920" data-height="1080" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" class="attachment-full size-full" alt="petersmock1" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" data-width="1920" data-height="1080" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" class="attachment-full size-full" alt="petersmock2" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" data-width="1920" data-height="1080" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" class="attachment-full size-full" alt="petersmock5" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bd043bd wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bd043bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b911b9d e-con-full e-flex e-con e-child" data-id="b911b9d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3430826 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="3430826" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Instagram</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-726ee7f e-grid e-con-full e-con e-child" data-id="726ee7f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-8cc1299 e-con-full e-flex e-con e-child" data-id="8cc1299" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ce164fb wd-width-100 elementor-widget elementor-widget-wd_video" data-id="ce164fb" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/MVmUH-Yha2M?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=MVmUH-Yha2M" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6b2417a e-con-full e-flex e-con e-child" data-id="6b2417a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-610df0f wd-width-100 elementor-widget elementor-widget-wd_video" data-id="610df0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/3-ZWPKulArE?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=3-ZWPKulArE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bad4e20 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bad4e20" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2d7c561 e-con-full e-flex e-con e-child" data-id="2d7c561" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0acbb93 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="0acbb93" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Sitio Web</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d21ba3c wd-width-100 elementor-widget elementor-widget-wd_video" data-id="d21ba3c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/adr130TaQMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=adr130TaQMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-ef5fcdf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="ef5fcdf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-33c732e elementor-widget elementor-widget-html" data-id="33c732e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Marca Gráfica</h2>
				</div>
				</div>
		<div class="elementor-element elementor-element-7cccdd3 e-con-full e-flex e-con e-child" data-id="7cccdd3" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-5e4e58d elementor-widget elementor-widget-image" data-id="5e4e58d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="405" src="https://mazechile.com/wp-content/uploads/2025/06/frame_92_1x-1024x405.webp" class="attachment-large size-large wp-image-4131" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/frame_92_1x-1024x405.webp 1024w, https://mazechile.com/wp-content/uploads/2025/06/frame_92_1x-300x119.webp 300w, https://mazechile.com/wp-content/uploads/2025/06/frame_92_1x-768x304.webp 768w, https://mazechile.com/wp-content/uploads/2025/06/frame_92_1x-600x237.webp 600w, https://mazechile.com/wp-content/uploads/2025/06/frame_92_1x-150x59.webp 150w, https://mazechile.com/wp-content/uploads/2025/06/frame_92_1x.webp 1366w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				</div>
				<div class="elementor-element elementor-element-29fd7fa elementor-widget elementor-widget-image" data-id="29fd7fa" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="898" height="753" src="https://mazechile.com/wp-content/uploads/2025/06/frame_91_1x.webp" class="attachment-large size-large wp-image-4132" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/frame_91_1x.webp 898w, https://mazechile.com/wp-content/uploads/2025/06/frame_91_1x-300x252.webp 300w, https://mazechile.com/wp-content/uploads/2025/06/frame_91_1x-768x644.webp 768w, https://mazechile.com/wp-content/uploads/2025/06/frame_91_1x-600x503.webp 600w, https://mazechile.com/wp-content/uploads/2025/06/frame_91_1x-150x126.webp 150w" sizes="(max-width: 898px) 100vw, 898px" />															</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6b23af9 wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="6b23af9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-5560cec e-con-full e-flex e-con e-child" data-id="5560cec" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-eecc170 elementor-widget elementor-widget-html" data-id="eecc170" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Paleta de Colores</h2>
				</div>
				</div>
		<div class="elementor-element elementor-element-573613c e-grid e-con-full e-con e-child" data-id="573613c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-6f8379b e-con-full e-flex e-con e-child" data-id="6f8379b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-1187e25 elementor-widget elementor-widget-html" data-id="1187e25" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
        font-family: "Poppins";
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color10" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color10', '#00F0AF');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9e8cddc e-con-full e-flex e-con e-child" data-id="9e8cddc" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-c2e8429 elementor-widget elementor-widget-html" data-id="c2e8429" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color20" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color20', '#0091FE');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1d76ec8 e-con-full e-flex e-con e-child" data-id="1d76ec8" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7cfecf4 elementor-widget elementor-widget-html" data-id="7cfecf4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color30" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color30', '#13c5d7');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-46d99e4 e-con-full e-flex e-con e-child" data-id="46d99e4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-76af7e9 elementor-widget elementor-widget-html" data-id="76af7e9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color40" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color40', '#1D3344');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6cc7d4b e-grid e-con-full e-con e-child" data-id="6cc7d4b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-59cd808 e-con-full e-flex e-con e-child" data-id="59cd808" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-246a9e2 elementor-widget elementor-widget-html" data-id="246a9e2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color50" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color50', '#4E7491');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c3d69b7 e-con-full e-flex e-con e-child" data-id="c3d69b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d3aea26 elementor-widget elementor-widget-html" data-id="d3aea26" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color60" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color60', '#F5F8FA');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d3ca4d8 e-con-full e-flex e-con e-child" data-id="d3ca4d8" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-35ba346 elementor-widget elementor-widget-html" data-id="35ba346" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #00F0AF;
        --colorDegradado2: #0091FE;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-637a057 e-flex e-con-boxed e-con e-parent" data-id="637a057" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f342e9e elementor-widget elementor-widget-html" data-id="f342e9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Iconografía</h2>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-689272a e-grid e-con-boxed e-con e-parent" data-id="689272a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f10b10f elementor-widget elementor-widget-image" data-id="f10b10f" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="477" height="478" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-161.png" class="attachment-large size-large wp-image-4119" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-161.png 477w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-161-300x300.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-161-150x150.png 150w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
				<div class="elementor-element elementor-element-ceb348a elementor-widget elementor-widget-image" data-id="ceb348a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="512" height="477" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-51.png" class="attachment-large size-large wp-image-4120" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-51.png 512w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-51-300x279.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-51-150x140.png 150w" sizes="(max-width: 512px) 100vw, 512px" />															</div>
				</div>
				<div class="elementor-element elementor-element-809b86b elementor-widget elementor-widget-image" data-id="809b86b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="410" height="346" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-61.png" class="attachment-large size-large wp-image-4121" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-61.png 410w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-61-300x253.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-61-150x127.png 150w" sizes="(max-width: 410px) 100vw, 410px" />															</div>
				</div>
				<div class="elementor-element elementor-element-fbff6e3 elementor-widget elementor-widget-image" data-id="fbff6e3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="477" height="477" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-71.png" class="attachment-large size-large wp-image-4122" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-71.png 477w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-71-300x300.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-71-150x150.png 150w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
				<div class="elementor-element elementor-element-8bf7284 elementor-widget elementor-widget-image" data-id="8bf7284" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="477" height="477" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-81.png" class="attachment-large size-large wp-image-4123" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-81.png 477w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-81-300x300.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-81-150x150.png 150w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
				<div class="elementor-element elementor-element-49fca6a elementor-widget elementor-widget-image" data-id="49fca6a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="507" height="477" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-91.png" class="attachment-large size-large wp-image-4124" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-91.png 507w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-91-300x282.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-91-150x141.png 150w" sizes="(max-width: 507px) 100vw, 507px" />															</div>
				</div>
				<div class="elementor-element elementor-element-e908fdc elementor-widget elementor-widget-image" data-id="e908fdc" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="477" height="478" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-101.png" class="attachment-large size-large wp-image-4125" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-101.png 477w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-101-300x300.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-101-150x150.png 150w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
				<div class="elementor-element elementor-element-32e0a8a elementor-widget elementor-widget-image" data-id="32e0a8a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="477" height="478" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-111.png" class="attachment-large size-large wp-image-4126" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-111.png 477w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-111-300x300.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-111-150x150.png 150w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
				<div class="elementor-element elementor-element-f8cb27a elementor-widget elementor-widget-image" data-id="f8cb27a" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="477" height="477" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-121.png" class="attachment-large size-large wp-image-4127" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-121.png 477w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-121-300x300.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-121-150x150.png 150w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
				<div class="elementor-element elementor-element-a97fb42 elementor-widget elementor-widget-image" data-id="a97fb42" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="494" height="478" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-131.png" class="attachment-large size-large wp-image-4128" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-131.png 494w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-131-300x290.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-131-150x145.png 150w" sizes="(max-width: 494px) 100vw, 494px" />															</div>
				</div>
				<div class="elementor-element elementor-element-08b2cee elementor-widget elementor-widget-image" data-id="08b2cee" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="477" height="479" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-141.png" class="attachment-large size-large wp-image-4129" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-141.png 477w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-141-300x300.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-141-150x151.png 150w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
				<div class="elementor-element elementor-element-d2938c2 elementor-widget elementor-widget-image" data-id="d2938c2" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="477" height="477" src="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-151.png" class="attachment-large size-large wp-image-4130" alt="" srcset="https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-151.png 477w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-151-300x300.png 300w, https://mazechile.com/wp-content/uploads/2025/06/pagos-inmediatos-Recurso-151-150x150.png 150w" sizes="(max-width: 477px) 100vw, 477px" />															</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://mazechile.com/portfolio/sumia/">Sumia</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mazechile.com/portfolio/sumia/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>DPaula</title>
		<link>https://mazechile.com/portfolio/dpaula/</link>
					<comments>https://mazechile.com/portfolio/dpaula/#respond</comments>
		
		<dc:creator><![CDATA[Elías Carcamo]]></dc:creator>
		<pubDate>Fri, 26 Jul 2024 21:49:13 +0000</pubDate>
				<guid isPermaLink="false">https://mazechile.com/portfolio/spulboy-2-copy/</guid>

					<description><![CDATA[<p>DPaula El proyecto de desarrollo de la identidad visual y marca gráfica de dpaula se enfocó en crear una imagen</p>
<p>La entrada <a href="https://mazechile.com/portfolio/dpaula/">DPaula</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2557" class="elementor elementor-2557" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}">
				<div class="elementor-element elementor-element-b8ffdfb e-con-full wd-section-stretch-content e-flex e-con e-parent" data-id="b8ffdfb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d6cb1e9 elementor-widget elementor-widget-spacer" data-id="d6cb1e9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-457c9c2 e-flex e-con-boxed e-con e-parent" data-id="457c9c2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8e37dd2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="8e37dd2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">DPaula</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fc6a0f0 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-wd_text_block" data-id="fc6a0f0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>El proyecto de desarrollo de la identidad visual y marca gráfica de dpaula se enfocó en crear una imagen versátil y atractiva que resuene con un público amplio, desde jóvenes hasta adultos. Esto facilitará la expansión de la marca en mercados clave del sur de Chile y en la región de Valparaíso.</p><p>La morfología del logotipo se basa en la tipografía Bianca Script, elegida por su capacidad para reflejar sofisticación, exclusividad y adaptabilidad. Las curvas elegantes evocan la esencia de la joyería fina, alineándose perfectamente con la propuesta de valor de dpaula. Este diseño no solo representa los valores de la marca, sino que también es altamente funcional para su aplicación digital.</p><p>Este proceso colaborativo con el cliente permitió mantener la esencia original de la marca, adaptándola de manera efectiva para destacar en el competitivo mercado de la moda y joyería.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0669584 elementor-widget elementor-widget-wd_text_block" data-id="0669584" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>En Maze Chile, desarrollamos la primera tienda online de accesorios en la isla de Chiloé para dpaula. Este ecommerce está enfocado en ofrecer una amplia variedad de accesorios, permitiendo a los clientes armar diferentes outfits con productos de alta calidad y diseño único. El sitio web fue diseñado desde cero, asegurando una navegación intuitiva y una experiencia de compra agradable y segura.</p>
					</div>
						</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-67e1945 e-flex e-con-boxed e-con e-child" data-id="67e1945" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c574ef3 e-con-full e-flex e-con e-child" data-id="c574ef3" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9c2fe40 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9c2fe40" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Proyecto</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-65974d3 elementor-widget elementor-widget-wd_text_block" data-id="65974d3" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Ecommerce</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8df65c4 e-con-full e-flex e-con e-child" data-id="8df65c4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6661f79 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="6661f79" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Cliente</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4f14b94 elementor-widget elementor-widget-wd_text_block" data-id="4f14b94" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Dpaula</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d6116c1 e-con-full e-flex e-con e-child" data-id="d6116c1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-43f7180 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="43f7180" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Tiempo de desarrollo</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c2744ea elementor-widget elementor-widget-wd_text_block" data-id="c2744ea" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>5 semanas</p>
					</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-69fbc9b elementor-widget elementor-widget-html" data-id="69fbc9b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    .main-page-wrapper {
        padding-top: 0px
    }
    
    :root {
        --tituloEscritorio: 2.5rem;
    }
</style>				</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-b21acaf elementor-align-center elementor-mobile-align-left elementor-widget-tablet__width-auto elementor-widget elementor-widget-button" data-id="b21acaf" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://dpaula.cl/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Ver Sitio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ff9b48 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7ff9b48" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7a6110 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f7a6110" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Bocetos</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-59719ec fondo-blanco elementor-widget elementor-widget-wd_image_or_svg" data-id="59719ec" data-element_type="widget" data-e-type="widget" data-widget_type="wd_image_or_svg.default">
				<div class="elementor-widget-container">
					
		<div class="wd-image text-left photoswipe-images">
							<a  href="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png"data-width="1218" data-height="1080" data-elementor-open-lightbox="no" aria-label="Image link">
								<img fetchpriority="high" decoding="async" width="1218" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png" class="attachment-full size-full" alt="" srcset="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png 1218w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-300x266.png 300w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-1024x908.png 1024w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-768x681.png 768w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-600x532.png 600w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-150x133.png 150w" sizes="(max-width: 1218px) 100vw, 1218px" />							</a>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ca4f35 wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="7ca4f35" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-00cd6ec e-con-full e-flex e-con e-child" data-id="00cd6ec" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3af9968 elementor-widget elementor-widget-html" data-id="3af9968" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
 
    .titular-portafolio {
        font-size: 2.5rem;
        margin: 0px;
        position: relative;
        margin-left: 16px;
        line-height: 1.3em;
    }
    
    .titular-portafolio:before {
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute;
        background-color: blue;
        width: 7px;
        height: 70%;
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
            margin-left: 14px;
        }
        
        .titular-portafolio:before {
            left: -14px;
            width: 6px;
        }
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
        }
        
        .titular-portafolio:before {
            width: 4px;
        }
    }
    
</style>
<h2 class="titular-portafolio">Versión Escritorio</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-fcdf758 elementor-hidden-mobile wd-width-100 elementor-widget elementor-widget-wd_video" data-id="fcdf758" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/gWNVXLbCeHE?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=gWNVXLbCeHE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-e08fc04 elementor-hidden-desktop elementor-hidden-tablet wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="e08fc04" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-grid-g" style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;--wd-gap-lg:0px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/dpaula_01.jpg" data-width="1920" data-height="1083" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1083" src="https://mazechile.com/wp-content/uploads/2024/07/dpaula_01.jpg" class="attachment-full size-full" alt="dpaula_01" srcset="https://mazechile.com/wp-content/uploads/2024/07/dpaula_01.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_01-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_01-1024x578.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_01-768x433.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_01-1536x866.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_01-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_01-150x85.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/dpaula_02.jpg" data-width="1920" data-height="676" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="676" src="https://mazechile.com/wp-content/uploads/2024/07/dpaula_02.jpg" class="attachment-full size-full" alt="dpaula_02" srcset="https://mazechile.com/wp-content/uploads/2024/07/dpaula_02.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_02-300x106.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_02-1024x361.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_02-768x270.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_02-1536x541.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_02-600x211.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_02-150x53.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/dpaula_03.jpg" data-width="1914" data-height="1407" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1914" height="1407" src="https://mazechile.com/wp-content/uploads/2024/07/dpaula_03.jpg" class="attachment-full size-full" alt="dpaula_03" srcset="https://mazechile.com/wp-content/uploads/2024/07/dpaula_03.jpg 1914w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_03-300x221.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_03-1024x753.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_03-768x565.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_03-1536x1129.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_03-600x441.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/dpaula_03-150x110.jpg 150w" sizes="(max-width: 1914px) 100vw, 1914px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a62c7cf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a62c7cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d3533b7 e-con-full e-flex e-con e-child" data-id="d3533b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-1bea75d e-con-full contenedor-perspectiva e-flex e-con e-child" data-id="1bea75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cd315f video-celular wd-width-100 elementor-widget elementor-widget-wd_video" data-id="9cd315f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/zHDB63XKstE?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=zHDB63XKstE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f512489 e-con-full e-flex e-con e-child" data-id="f512489" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-5d195c5 elementor-widget elementor-widget-html" data-id="5d195c5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Versión Celular</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-7c2736a elementor-widget elementor-widget-wd_text_block" data-id="7c2736a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>La tienda online de dpaula está optimizada para dispositivos móviles, ofreciendo una experiencia de usuario fluida y accesible desde cualquier smartphone o tablet. Los clientes pueden navegar por la colección de accesorios, realizar compras y gestionar sus pedidos de manera sencilla y eficiente. El diseño responsivo y la navegación intuitiva aseguran que la experiencia de compra sea agradable y conveniente en cualquier dispositivo.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc125bf elementor-widget elementor-widget-html" data-id="cc125bf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>

 div[data-id="1bea75d"]{
    perspective: 3500px;
    perspective-origin: 20% 50%;
}
    
    .video-celular{
    aspect-ratio: 9/16;
    width:550px;
    background-color: black;
    border-radius: 2rem;
    transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);
    animation: celular 6s ease-in-out infinite forwards;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); /* Sombras paralelas */
    transition: .3s ease-in-out;
    position: relative;
    left: 0;
    cursor: pointer;
}

.video-celular:hover {
    left: 3%;
    transform:scale(.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg)!important;
    box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14)!important;
    perspective: none;
}

@keyframes celular {
    0%,100%{ 
        transform:scale(.75) rotateX(9deg) rotateY(7deg) rotateZ(-3deg);
        box-shadow: -150px -10px 70px rgba(0, 0, 0, 0.2); /* Ajustes de sombra para escala 0.75 */}

    50%{ 
        transform:scale(.7) rotateX(9deg) rotateY(20deg) rotateZ(-8deg);
        box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14); /* Ajustes de sombra para escala 0.8 */
    }
}
    
</style>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6b23af9 wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="6b23af9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-5560cec e-con-full e-flex e-con e-child" data-id="5560cec" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-eecc170 elementor-widget elementor-widget-html" data-id="eecc170" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Paleta de Colores</h2>
				</div>
				</div>
		<div class="elementor-element elementor-element-573613c e-grid e-con-full e-con e-child" data-id="573613c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-6f8379b e-con-full e-flex e-con e-child" data-id="6f8379b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-1187e25 elementor-widget elementor-widget-html" data-id="1187e25" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
        font-family: "Poppins";
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color10" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color10', '#a7876d');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9e8cddc e-con-full e-flex e-con e-child" data-id="9e8cddc" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-c2e8429 elementor-widget elementor-widget-html" data-id="c2e8429" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color23" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color23', '#4a4544');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8eb2187 e-con-full e-flex e-con e-child" data-id="8eb2187" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3c847c4 elementor-widget elementor-widget-html" data-id="3c847c4" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color256" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color256', '#c7bcd6');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8cdf3f0 e-con-full e-flex e-con e-child" data-id="8cdf3f0" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-066a977 elementor-widget elementor-widget-html" data-id="066a977" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color245" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color245', '#e2804f');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-dfd0d54 e-con-full e-flex e-con e-child" data-id="dfd0d54" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ff32b6b elementor-widget elementor-widget-html" data-id="ff32b6b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color285" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color285', '#f2db9c');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-fc0e99e e-con-full e-flex e-con e-child" data-id="fc0e99e" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8b2bef0 elementor-widget elementor-widget-html" data-id="8b2bef0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color21" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color21', '#a6ed2d');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d3ca4d8 e-con-full e-flex e-con e-child" data-id="d3ca4d8" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-35ba346 elementor-widget elementor-widget-html" data-id="35ba346" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #a7876d;
        --colorDegradado2: #4a4544;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores-56 {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: linear-gradient(90deg, #a7876d 0%,  #4a4544 100%);
    }
</style>
<div class="degradado-colores-56"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6614245 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="6614245" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-70d6a14 e-con-full e-flex e-con e-child" data-id="70d6a14" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7ab73cd wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7ab73cd" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Tipografía</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-d8825fa e-grid e-con-full e-con e-child" data-id="d8825fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-52080fa e-con-full e-flex e-con e-child" data-id="52080fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-2d4af75 elementor-widget elementor-widget-heading" data-id="2d4af75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">aA</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-508e51b e-con-full e-flex e-con e-child" data-id="508e51b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d1ae5ae elementor-widget elementor-widget-heading" data-id="d1ae5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Montserrat Bold 700</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78128f7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="78128f7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6d7fe26 elementor-widget elementor-widget-heading" data-id="6d7fe26" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a127d94 e-con-full e-flex e-con e-child" data-id="a127d94" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-762890b elementor-widget elementor-widget-heading" data-id="762890b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">IBM Plex Sans Devanagari Light 300</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ecb0307 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ecb0307" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bbfb704 elementor-widget elementor-widget-heading" data-id="bbfb704" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7247d1a wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7247d1a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7775072 e-con-full e-flex e-con e-child" data-id="7775072" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-acf17f5 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="acf17f5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-869346b e-grid e-con-full e-con e-child" data-id="869346b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-31b8d17 e-con-full e-flex e-con e-child" data-id="31b8d17" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3cf125d elementor-widget elementor-widget-html" data-id="3cf125d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color1" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color1', '#5461f8');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27e33ce e-con-full e-flex e-con e-child" data-id="27e33ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-065df4e elementor-widget elementor-widget-html" data-id="065df4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2', '#9067f0');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1eb6b60 e-con-full e-flex e-con e-child" data-id="1eb6b60" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8d2d1a3 elementor-widget elementor-widget-html" data-id="8d2d1a3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color3" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color3', '#141a43');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64af62c e-con-full e-flex e-con e-child" data-id="64af62c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9f4996e elementor-widget elementor-widget-html" data-id="9f4996e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color4" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color4', '#666d92');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9d6e75d e-grid e-con-full e-con e-child" data-id="9d6e75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-b184476 e-con-full e-flex e-con e-child" data-id="b184476" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d2660f9 elementor-widget elementor-widget-html" data-id="d2660f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color5" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color5', '#abafc5');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-33329e7 e-con-full e-flex e-con e-child" data-id="33329e7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-4f1f3ed elementor-widget elementor-widget-html" data-id="4f1f3ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color6" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color6', '#e2e2e2');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c89dc3a e-con-full e-flex e-con e-child" data-id="c89dc3a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-e984833 elementor-widget elementor-widget-html" data-id="e984833" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #5461f8;
        --colorDegradado2: #9067f0;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-736635d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="736635d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e38ec1 e-con-full e-flex e-con e-child" data-id="3e38ec1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7197a07 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7197a07" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Iconografía</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4aa91aa elementor-widget elementor-widget-html" data-id="4aa91aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --gapIcons: 3rem;
        --sizeCircle: 100px;
        --bgCircle: white;
        --borderCircle: #2aff6d;
    }
    
    @media screen and (max-width: 1024px){
        :root {
            --gapIcons: 1.5rem;
            --sizeCircle: 80px;
        }
    }
    
    @media screen and (max-width: 767px){
        :root {
            --gapIcons: 1rem;
            --sizeCircle: 60px;
        }
    }

    .iconografia {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gapIcons);
    }

    .iconografia__icon {
        width: var(--sizeCircle);
        height: var(--sizeCircle);
        background: var(--bgCircle);
        border-radius: 50%;
        padding: calc(var(--sizeCircle) * .2);
        border: 3px solid var(--borderCircle);
    }
    
    .iconografia__icon--img {
        width: 100%;
        object-fit: contain;
    }
</style>
<div class="iconografia">
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-8e42ab3 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8e42ab3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-83464b9 e-con-full e-flex e-con e-child" data-id="83464b9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cbeb32 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9cbeb32" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Animación Logo</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-cc6deb4 e-con-full e-flex e-con e-child" data-id="cc6deb4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-631676d wd-width-100 elementor-widget elementor-widget-wd_video" data-id="631676d" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube">
							<iframe src="https://www.youtube.com/embed/hzyZn9Hg-Ak?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=hzyZn9Hg-Ak" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-c639176 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="c639176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c709670 e-con-full e-flex e-con e-child" data-id="c709670" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-f86ac0e wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f86ac0e" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Video Corporativo</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-872e947 wd-width-100 elementor-widget elementor-widget-wd_video" data-id="872e947" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/V60rKww0Cac?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=V60rKww0Cac" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b06ea23 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b06ea23" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81ea02c wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="81ea02c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-masonry wd-grid-f-col" style="--wd-col-lg:2;--wd-col-md:2;--wd-col-sm:1;--wd-gap-lg:30px;--wd-gap-sm:10px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" data-width="1920" data-height="1080" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" class="attachment-full size-full" alt="petersmock3" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" data-width="1920" data-height="1080" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" class="attachment-full size-full" alt="petersmock4" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" data-width="1920" data-height="1080" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" class="attachment-full size-full" alt="petersmock1" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" data-width="1920" data-height="1080" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" class="attachment-full size-full" alt="petersmock2" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" data-width="1920" data-height="1080" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" class="attachment-full size-full" alt="petersmock5" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bd043bd wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bd043bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b911b9d e-con-full e-flex e-con e-child" data-id="b911b9d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3430826 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="3430826" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Instagram</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-726ee7f e-grid e-con-full e-con e-child" data-id="726ee7f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-8cc1299 e-con-full e-flex e-con e-child" data-id="8cc1299" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ce164fb wd-width-100 elementor-widget elementor-widget-wd_video" data-id="ce164fb" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/MVmUH-Yha2M?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=MVmUH-Yha2M" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6b2417a e-con-full e-flex e-con e-child" data-id="6b2417a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-610df0f wd-width-100 elementor-widget elementor-widget-wd_video" data-id="610df0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/3-ZWPKulArE?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=3-ZWPKulArE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bad4e20 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bad4e20" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2d7c561 e-con-full e-flex e-con e-child" data-id="2d7c561" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0acbb93 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="0acbb93" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Sitio Web</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d21ba3c wd-width-100 elementor-widget elementor-widget-wd_video" data-id="d21ba3c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/adr130TaQMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=adr130TaQMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-637a057 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="637a057" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f342e9e elementor-widget elementor-widget-html" data-id="f342e9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Iconografía</h2>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-689272a e-grid elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-con-boxed e-con e-parent" data-id="689272a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a9a42bd elementor-widget elementor-widget-html" data-id="a9a42bd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-1.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-3e2424c elementor-widget elementor-widget-html" data-id="3e2424c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-2_2.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-a544b56 elementor-widget elementor-widget-html" data-id="a544b56" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-3.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-2adadef elementor-widget elementor-widget-html" data-id="2adadef" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-4.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-de7dab1 elementor-widget elementor-widget-html" data-id="de7dab1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-5.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://mazechile.com/portfolio/dpaula/">DPaula</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mazechile.com/portfolio/dpaula/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Spulboy</title>
		<link>https://mazechile.com/portfolio/spulboy-web/</link>
					<comments>https://mazechile.com/portfolio/spulboy-web/#respond</comments>
		
		<dc:creator><![CDATA[Elías Carcamo]]></dc:creator>
		<pubDate>Fri, 26 Jul 2024 21:48:47 +0000</pubDate>
				<guid isPermaLink="false">https://mazechile.com/portfolio/aquamol-web-copy/</guid>

					<description><![CDATA[<p>Spülboy En Maze Chile, desarrollamos una solución web ecommerce personalizada para Spülboy Chile, líder en productos de lavado de vasos.</p>
<p>La entrada <a href="https://mazechile.com/portfolio/spulboy-web/">Spulboy</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2555" class="elementor elementor-2555" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}">
				<div class="elementor-element elementor-element-b8ffdfb e-con-full wd-section-stretch-content e-flex e-con e-parent" data-id="b8ffdfb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d6cb1e9 elementor-widget elementor-widget-spacer" data-id="d6cb1e9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-457c9c2 e-flex e-con-boxed e-con e-parent" data-id="457c9c2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8e37dd2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="8e37dd2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Spülboy</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-fc6a0f0 elementor-widget elementor-widget-wd_text_block" data-id="fc6a0f0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>En Maze Chile, desarrollamos una solución web ecommerce personalizada para Spülboy Chile, líder en productos de lavado de vasos. El proyecto incluyó la creación de animaciones personalizadas, un diseño dinámico y moderno, adaptado a todo tipo de dispositivos. Además, implementamos formularios personalizados y archivos descargables para proporcionar una experiencia de usuario completa y eficiente.</p>
					</div>
						</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-67e1945 e-flex e-con-boxed e-con e-child" data-id="67e1945" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c574ef3 e-con-full e-flex e-con e-child" data-id="c574ef3" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9c2fe40 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9c2fe40" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Proyecto</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-65974d3 elementor-widget elementor-widget-wd_text_block" data-id="65974d3" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Desarrollo web</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8df65c4 e-con-full e-flex e-con e-child" data-id="8df65c4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6661f79 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="6661f79" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Cliente</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4f14b94 elementor-widget elementor-widget-wd_text_block" data-id="4f14b94" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Spülboy Chile</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d6116c1 e-con-full e-flex e-con e-child" data-id="d6116c1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-43f7180 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="43f7180" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Tiempo de desarrollo</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c2744ea elementor-widget elementor-widget-wd_text_block" data-id="c2744ea" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>6 semanas</p>
					</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-69fbc9b elementor-widget elementor-widget-html" data-id="69fbc9b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    .main-page-wrapper {
        padding-top: 0px
    }
    
    :root {
        --tituloEscritorio: 2.5rem;
    }
</style>				</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-b21acaf elementor-align-center elementor-mobile-align-left elementor-widget-tablet__width-auto elementor-widget elementor-widget-button" data-id="b21acaf" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://spulboy.cl/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Ver Sitio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ff9b48 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7ff9b48" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7a6110 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f7a6110" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Bocetos</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-59719ec fondo-blanco elementor-widget elementor-widget-wd_image_or_svg" data-id="59719ec" data-element_type="widget" data-e-type="widget" data-widget_type="wd_image_or_svg.default">
				<div class="elementor-widget-container">
					
		<div class="wd-image text-left photoswipe-images">
							<a  href="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png"data-width="1218" data-height="1080" data-elementor-open-lightbox="no" aria-label="Image link">
								<img fetchpriority="high" decoding="async" width="1218" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png" class="attachment-full size-full" alt="" srcset="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png 1218w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-300x266.png 300w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-1024x908.png 1024w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-768x681.png 768w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-600x532.png 600w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-150x133.png 150w" sizes="(max-width: 1218px) 100vw, 1218px" />							</a>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-eb0db8d wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="eb0db8d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-082ddb0 e-con-full e-flex e-con e-child" data-id="082ddb0" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-a10bd5f elementor-widget elementor-widget-html" data-id="a10bd5f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
 
    .titular-portafolio {
        font-size: 2.5rem;
        margin: 0px;
        position: relative;
        margin-left: 16px;
        line-height: 1.3em;
    }
    
    .titular-portafolio:before {
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute;
        background-color: blue;
        width: 7px;
        height: 70%;
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
            margin-left: 14px;
        }
        
        .titular-portafolio:before {
            left: -14px;
            width: 6px;
        }
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
        }
        
        .titular-portafolio:before {
            width: 4px;
        }
    }
    
</style>
<h2 class="titular-portafolio">Versión Escritorio</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-f8f20b5 elementor-hidden-mobile wd-width-100 elementor-widget elementor-widget-wd_video" data-id="f8f20b5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/JeS3F6neHMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=JeS3F6neHMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-34b6c0f elementor-hidden-desktop elementor-hidden-tablet wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="34b6c0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-grid-g" style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;--wd-gap-lg:0px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/spulboy_01.jpg" data-width="1920" data-height="1105" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1105" src="https://mazechile.com/wp-content/uploads/2024/07/spulboy_01.jpg" class="attachment-full size-full" alt="spulboy_01" srcset="https://mazechile.com/wp-content/uploads/2024/07/spulboy_01.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_01-300x173.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_01-1024x589.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_01-768x442.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_01-1536x884.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_01-600x345.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_01-150x86.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/spulboy_02.jpg" data-width="1920" data-height="858" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="858" src="https://mazechile.com/wp-content/uploads/2024/07/spulboy_02.jpg" class="attachment-full size-full" alt="spulboy_02" srcset="https://mazechile.com/wp-content/uploads/2024/07/spulboy_02.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_02-300x134.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_02-1024x458.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_02-768x343.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_02-1536x686.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_02-600x268.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_02-150x67.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/spulboy_03.jpg" data-width="1920" data-height="842" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="842" src="https://mazechile.com/wp-content/uploads/2024/07/spulboy_03.jpg" class="attachment-full size-full" alt="spulboy_03" srcset="https://mazechile.com/wp-content/uploads/2024/07/spulboy_03.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_03-300x132.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_03-1024x449.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_03-768x337.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_03-1536x674.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_03-600x263.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_03-150x66.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/spulboy_04.jpg" data-width="1920" data-height="1088" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1088" src="https://mazechile.com/wp-content/uploads/2024/07/spulboy_04.jpg" class="attachment-full size-full" alt="spulboy_04" srcset="https://mazechile.com/wp-content/uploads/2024/07/spulboy_04.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_04-300x170.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_04-1024x580.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_04-768x435.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_04-1536x870.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_04-600x340.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_04-150x85.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/spulboy_05.jpg" data-width="1920" data-height="622" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="622" src="https://mazechile.com/wp-content/uploads/2024/07/spulboy_05.jpg" class="attachment-full size-full" alt="spulboy_05" srcset="https://mazechile.com/wp-content/uploads/2024/07/spulboy_05.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_05-300x97.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_05-1024x332.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_05-768x249.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_05-1536x498.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_05-600x194.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_05-150x49.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/spulboy_06.jpg" data-width="1920" data-height="759" data-index="6" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="759" src="https://mazechile.com/wp-content/uploads/2024/07/spulboy_06.jpg" class="attachment-full size-full" alt="spulboy_06" srcset="https://mazechile.com/wp-content/uploads/2024/07/spulboy_06.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_06-300x119.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_06-1024x405.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_06-768x304.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_06-1536x607.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_06-600x237.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_06-150x59.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/spulboy_07.jpg" data-width="1920" data-height="488" data-index="7" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="488" src="https://mazechile.com/wp-content/uploads/2024/07/spulboy_07.jpg" class="attachment-full size-full" alt="spulboy_07" srcset="https://mazechile.com/wp-content/uploads/2024/07/spulboy_07.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_07-300x76.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_07-1024x260.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_07-768x195.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_07-1536x390.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_07-600x153.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/spulboy_07-150x38.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a62c7cf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a62c7cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d3533b7 e-con-full e-flex e-con e-child" data-id="d3533b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-1bea75d e-con-full contenedor-perspectiva e-flex e-con e-child" data-id="1bea75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cd315f video-celular wd-width-100 elementor-widget elementor-widget-wd_video" data-id="9cd315f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/319yzj599YY?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=319yzj599YY" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f512489 e-con-full e-flex e-con e-child" data-id="f512489" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-5d195c5 elementor-widget elementor-widget-html" data-id="5d195c5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Versión Celular</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-7c2736a elementor-widget elementor-widget-wd_text_block" data-id="7c2736a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>La plataforma web ecommerce de Spülboy Chile está optimizada para dispositivos móviles, garantizando una experiencia de usuario fluida y accesible desde cualquier smartphone o tablet. Los usuarios pueden disfrutar de animaciones personalizadas, formularios fáciles de usar y acceder a archivos descargables, todo diseñado para ofrecer la máxima conveniencia y funcionalidad.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc125bf elementor-widget elementor-widget-html" data-id="cc125bf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>

 div[data-id="1bea75d"]{
    perspective: 3500px;
    perspective-origin: 20% 50%;
}
    
    .video-celular{
    aspect-ratio: 9/16;
    width:550px;
    background-color: black;
    border-radius: 2rem;
    transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);
    animation: celular 6s ease-in-out infinite forwards;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); /* Sombras paralelas */
    transition: .3s ease-in-out;
    position: relative;
    left: 0;
    cursor: pointer;
}

.video-celular:hover {
    left: 3%;
    transform:scale(.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg)!important;
    box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14)!important;
    perspective: none;
}

@keyframes celular {
    0%,100%{ 
        transform:scale(.75) rotateX(9deg) rotateY(7deg) rotateZ(-3deg);
        box-shadow: -150px -10px 70px rgba(0, 0, 0, 0.2); /* Ajustes de sombra para escala 0.75 */}

    50%{ 
        transform:scale(.7) rotateX(9deg) rotateY(20deg) rotateZ(-8deg);
        box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14); /* Ajustes de sombra para escala 0.8 */
    }
}
    
</style>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6614245 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="6614245" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-70d6a14 e-con-full e-flex e-con e-child" data-id="70d6a14" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7ab73cd wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7ab73cd" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Tipografía</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-d8825fa e-grid e-con-full e-con e-child" data-id="d8825fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-52080fa e-con-full e-flex e-con e-child" data-id="52080fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-2d4af75 elementor-widget elementor-widget-heading" data-id="2d4af75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">aA</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-508e51b e-con-full e-flex e-con e-child" data-id="508e51b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d1ae5ae elementor-widget elementor-widget-heading" data-id="d1ae5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Montserrat Bold 700</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78128f7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="78128f7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6d7fe26 elementor-widget elementor-widget-heading" data-id="6d7fe26" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a127d94 e-con-full e-flex e-con e-child" data-id="a127d94" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-762890b elementor-widget elementor-widget-heading" data-id="762890b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">IBM Plex Sans Devanagari Light 300</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ecb0307 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ecb0307" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bbfb704 elementor-widget elementor-widget-heading" data-id="bbfb704" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7247d1a wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7247d1a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7775072 e-con-full e-flex e-con e-child" data-id="7775072" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-acf17f5 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="acf17f5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-869346b e-grid e-con-full e-con e-child" data-id="869346b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-31b8d17 e-con-full e-flex e-con e-child" data-id="31b8d17" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3cf125d elementor-widget elementor-widget-html" data-id="3cf125d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color1" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color1', '#5461f8');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27e33ce e-con-full e-flex e-con e-child" data-id="27e33ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-065df4e elementor-widget elementor-widget-html" data-id="065df4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2', '#9067f0');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1eb6b60 e-con-full e-flex e-con e-child" data-id="1eb6b60" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8d2d1a3 elementor-widget elementor-widget-html" data-id="8d2d1a3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color3" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color3', '#141a43');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64af62c e-con-full e-flex e-con e-child" data-id="64af62c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9f4996e elementor-widget elementor-widget-html" data-id="9f4996e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color4" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color4', '#666d92');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9d6e75d e-grid e-con-full e-con e-child" data-id="9d6e75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-b184476 e-con-full e-flex e-con e-child" data-id="b184476" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d2660f9 elementor-widget elementor-widget-html" data-id="d2660f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color5" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color5', '#abafc5');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-33329e7 e-con-full e-flex e-con e-child" data-id="33329e7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-4f1f3ed elementor-widget elementor-widget-html" data-id="4f1f3ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color6" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color6', '#e2e2e2');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c89dc3a e-con-full e-flex e-con e-child" data-id="c89dc3a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-e984833 elementor-widget elementor-widget-html" data-id="e984833" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #5461f8;
        --colorDegradado2: #9067f0;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-736635d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="736635d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e38ec1 e-con-full e-flex e-con e-child" data-id="3e38ec1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7197a07 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7197a07" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Iconografía</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4aa91aa elementor-widget elementor-widget-html" data-id="4aa91aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --gapIcons: 3rem;
        --sizeCircle: 100px;
        --bgCircle: white;
        --borderCircle: #2aff6d;
    }
    
    @media screen and (max-width: 1024px){
        :root {
            --gapIcons: 1.5rem;
            --sizeCircle: 80px;
        }
    }
    
    @media screen and (max-width: 767px){
        :root {
            --gapIcons: 1rem;
            --sizeCircle: 60px;
        }
    }

    .iconografia {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gapIcons);
    }

    .iconografia__icon {
        width: var(--sizeCircle);
        height: var(--sizeCircle);
        background: var(--bgCircle);
        border-radius: 50%;
        padding: calc(var(--sizeCircle) * .2);
        border: 3px solid var(--borderCircle);
    }
    
    .iconografia__icon--img {
        width: 100%;
        object-fit: contain;
    }
</style>
<div class="iconografia">
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-8e42ab3 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8e42ab3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-83464b9 e-con-full e-flex e-con e-child" data-id="83464b9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cbeb32 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9cbeb32" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Animación Logo</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-cc6deb4 e-con-full e-flex e-con e-child" data-id="cc6deb4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-631676d wd-width-100 elementor-widget elementor-widget-wd_video" data-id="631676d" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube">
							<iframe src="https://www.youtube.com/embed/hzyZn9Hg-Ak?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=hzyZn9Hg-Ak" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-c639176 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="c639176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c709670 e-con-full e-flex e-con e-child" data-id="c709670" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-f86ac0e wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f86ac0e" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Video Corporativo</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-872e947 wd-width-100 elementor-widget elementor-widget-wd_video" data-id="872e947" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/V60rKww0Cac?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=V60rKww0Cac" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b06ea23 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b06ea23" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81ea02c wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="81ea02c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-masonry wd-grid-f-col" style="--wd-col-lg:2;--wd-col-md:2;--wd-col-sm:1;--wd-gap-lg:30px;--wd-gap-sm:10px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" data-width="1920" data-height="1080" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" class="attachment-full size-full" alt="petersmock3" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" data-width="1920" data-height="1080" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" class="attachment-full size-full" alt="petersmock4" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" data-width="1920" data-height="1080" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" class="attachment-full size-full" alt="petersmock1" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" data-width="1920" data-height="1080" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" class="attachment-full size-full" alt="petersmock2" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" data-width="1920" data-height="1080" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" class="attachment-full size-full" alt="petersmock5" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bd043bd wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bd043bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b911b9d e-con-full e-flex e-con e-child" data-id="b911b9d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3430826 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="3430826" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Instagram</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-726ee7f e-grid e-con-full e-con e-child" data-id="726ee7f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-8cc1299 e-con-full e-flex e-con e-child" data-id="8cc1299" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ce164fb wd-width-100 elementor-widget elementor-widget-wd_video" data-id="ce164fb" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/MVmUH-Yha2M?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=MVmUH-Yha2M" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6b2417a e-con-full e-flex e-con e-child" data-id="6b2417a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-610df0f wd-width-100 elementor-widget elementor-widget-wd_video" data-id="610df0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/3-ZWPKulArE?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=3-ZWPKulArE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bad4e20 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bad4e20" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2d7c561 e-con-full e-flex e-con e-child" data-id="2d7c561" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0acbb93 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="0acbb93" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Sitio Web</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d21ba3c wd-width-100 elementor-widget elementor-widget-wd_video" data-id="d21ba3c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/adr130TaQMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=adr130TaQMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6b23af9 wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="6b23af9" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-5560cec e-con-full e-flex e-con e-child" data-id="5560cec" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-eecc170 elementor-widget elementor-widget-html" data-id="eecc170" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Paleta de Colores</h2>
				</div>
				</div>
		<div class="elementor-element elementor-element-573613c e-grid e-con-full e-con e-child" data-id="573613c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-6f8379b e-con-full e-flex e-con e-child" data-id="6f8379b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-1187e25 elementor-widget elementor-widget-html" data-id="1187e25" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
        font-family: "Poppins";
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color10" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color10', '#f86311');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9e8cddc e-con-full e-flex e-con e-child" data-id="9e8cddc" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-c2e8429 elementor-widget elementor-widget-html" data-id="c2e8429" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color23" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color23', '#ff8d0c');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-fc0e99e e-con-full e-flex e-con e-child" data-id="fc0e99e" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8b2bef0 elementor-widget elementor-widget-html" data-id="8b2bef0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color21" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color21', '#000000');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d3ca4d8 e-con-full e-flex e-con e-child" data-id="d3ca4d8" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-35ba346 elementor-widget elementor-widget-html" data-id="35ba346" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #f86311;
        --colorDegradado2: #ff8d0c;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-637a057 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="637a057" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f342e9e elementor-widget elementor-widget-html" data-id="f342e9e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Iconografía</h2>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-689272a e-grid elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-con-boxed e-con e-parent" data-id="689272a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a9a42bd elementor-widget elementor-widget-html" data-id="a9a42bd" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-1.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-3e2424c elementor-widget elementor-widget-html" data-id="3e2424c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-2_2.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-a544b56 elementor-widget elementor-widget-html" data-id="a544b56" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-3.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-2adadef elementor-widget elementor-widget-html" data-id="2adadef" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-4.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
				<div class="elementor-element elementor-element-de7dab1 elementor-widget elementor-widget-html" data-id="de7dab1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<dotlottie-player src="https://mazechile.com/wp-content/uploads/2024/07/ICON-5.json" background="transparent" speed="1"  direction="1" playMode="normal" loop autoplay></dotlottie-player>				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://mazechile.com/portfolio/spulboy-web/">Spulboy</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mazechile.com/portfolio/spulboy-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Chiloé Nativo</title>
		<link>https://mazechile.com/portfolio/chiloe-nativo-web/</link>
					<comments>https://mazechile.com/portfolio/chiloe-nativo-web/#respond</comments>
		
		<dc:creator><![CDATA[Elías Carcamo]]></dc:creator>
		<pubDate>Wed, 17 Jul 2024 21:40:57 +0000</pubDate>
				<guid isPermaLink="false">https://mazechile.com/portfolio/satpay-web-copy/</guid>

					<description><![CDATA[<p>Inmobiliaria Chiloé Nativo Web En Maze Chile, desarrollamos una solución web tipo app personalizada desde cero para Inmobiliaria Chiloé Nativo</p>
<p>La entrada <a href="https://mazechile.com/portfolio/chiloe-nativo-web/">Chiloé Nativo</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2257" class="elementor elementor-2257" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}">
				<div class="elementor-element elementor-element-b8ffdfb e-con-full wd-section-stretch-content e-flex e-con e-parent" data-id="b8ffdfb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d6cb1e9 elementor-widget elementor-widget-spacer" data-id="d6cb1e9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-457c9c2 e-flex e-con-boxed e-con e-parent" data-id="457c9c2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8e37dd2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="8e37dd2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Inmobiliaria Chiloé Nativo Web</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-8d23cd0 elementor-widget elementor-widget-wd_text_block" data-id="8d23cd0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>En Maze Chile, desarrollamos una solución web tipo app personalizada desde cero para Inmobiliaria Chiloé Nativo Ltda, una empresa con vasta experiencia en parcelaciones y proyectos inmobiliarios. Nuestro objetivo fue crear una plataforma dinámica y moderna que refleje la esencia de Chiloé Nativo, destacando la conectividad y alta plusvalía de sus proyectos.</p><p>La plataforma permite a los usuarios explorar los proyectos inmobiliarios en entornos naturales privilegiados, a solo minutos de la ciudad. El sitio web, desarrollado a medida, proporciona una experiencia única y fluida, facilitando la navegación y la interacción con los contenidos.</p>
					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-1f6fea7 e-con-full e-flex e-con e-child" data-id="1f6fea7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-d995235 e-con-full e-flex e-con e-child" data-id="d995235" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6658eb4 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="6658eb4" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Proyecto</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6099b9b elementor-widget elementor-widget-wd_text_block" data-id="6099b9b" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Desarrollo web</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-0acae81 e-con-full e-flex e-con e-child" data-id="0acae81" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-fedf0d2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="fedf0d2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Cliente</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-37aaef8 elementor-widget elementor-widget-wd_text_block" data-id="37aaef8" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Chiloé Nativo</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8782049 e-con-full e-flex e-con e-child" data-id="8782049" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-88a88a7 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="88a88a7" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Tiempo de desarrollo</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9881752 elementor-widget elementor-widget-wd_text_block" data-id="9881752" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>5 semanas</p>
					</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-da9d9b6 elementor-widget elementor-widget-html" data-id="da9d9b6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    .main-page-wrapper {
        padding-top: 0px
    }
    
    :root {
        --tituloEscritorio: 2.5rem;
    }
</style>				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f188d7c elementor-align-center elementor-mobile-align-left elementor-widget-tablet__width-auto elementor-widget elementor-widget-button" data-id="f188d7c" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://inmobiliariachiloenativo.cl/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Ver Sitio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ff9b48 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7ff9b48" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7a6110 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f7a6110" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Bocetos</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-59719ec fondo-blanco elementor-widget elementor-widget-wd_image_or_svg" data-id="59719ec" data-element_type="widget" data-e-type="widget" data-widget_type="wd_image_or_svg.default">
				<div class="elementor-widget-container">
					
		<div class="wd-image text-left photoswipe-images">
							<a  href="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png"data-width="1218" data-height="1080" data-elementor-open-lightbox="no" aria-label="Image link">
								<img fetchpriority="high" decoding="async" width="1218" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png" class="attachment-full size-full" alt="" srcset="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png 1218w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-300x266.png 300w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-1024x908.png 1024w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-768x681.png 768w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-600x532.png 600w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-150x133.png 150w" sizes="(max-width: 1218px) 100vw, 1218px" />							</a>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-eb0db8d wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="eb0db8d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-082ddb0 e-con-full e-flex e-con e-child" data-id="082ddb0" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-b36b6ac elementor-widget elementor-widget-html" data-id="b36b6ac" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
 
    .titular-portafolio {
        font-size: 2.5rem;
        margin: 0px;
        position: relative;
        margin-left: 16px;
        line-height: 1.3em;
    }
    
    .titular-portafolio:before {
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute;
        background-color: blue;
        width: 7px;
        height: 70%;
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
            margin-left: 14px;
        }
        
        .titular-portafolio:before {
            left: -14px;
            width: 6px;
        }
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
        }
        
        .titular-portafolio:before {
            width: 4px;
        }
    }
    
</style>
<h2 class="titular-portafolio">Versión Escritorio</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-f8f20b5 elementor-hidden-mobile wd-width-100 elementor-widget elementor-widget-wd_video" data-id="f8f20b5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/eI857AWBql4?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=eI857AWBql4" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ded80c0 elementor-hidden-desktop elementor-hidden-tablet wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="ded80c0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-grid-g" style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;--wd-gap-lg:0px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_01.jpg" data-width="1920" data-height="945" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="945" src="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_01.jpg" class="attachment-full size-full" alt="inmobiliaria-chiloe-nativo-screenshot_01" srcset="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_01.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_01-300x148.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_01-1024x504.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_01-768x378.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_01-1536x756.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_01-600x295.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_01-150x74.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_02.jpg" data-width="1920" data-height="1237" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1237" src="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_02.jpg" class="attachment-full size-full" alt="inmobiliaria-chiloe-nativo-screenshot_02" srcset="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_02.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_02-300x193.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_02-1024x660.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_02-768x495.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_02-1536x990.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_02-600x387.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_02-150x97.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_03.jpg" data-width="1920" data-height="937" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="937" src="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_03.jpg" class="attachment-full size-full" alt="inmobiliaria-chiloe-nativo-screenshot_03" srcset="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_03.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_03-300x146.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_03-1024x500.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_03-768x375.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_03-1536x750.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_03-600x293.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_03-150x73.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_04.jpg" data-width="1920" data-height="1146" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1146" src="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_04.jpg" class="attachment-full size-full" alt="inmobiliaria-chiloe-nativo-screenshot_04" srcset="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_04.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_04-300x179.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_04-1024x611.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_04-768x458.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_04-1536x917.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_04-600x358.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_04-150x90.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_05.jpg" data-width="1920" data-height="1317" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1317" src="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_05.jpg" class="attachment-full size-full" alt="inmobiliaria-chiloe-nativo-screenshot_05" srcset="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_05.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_05-300x206.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_05-1024x702.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_05-768x527.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_05-1536x1054.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_05-600x412.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_05-150x103.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_06.jpg" data-width="1920" data-height="1302" data-index="6" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1302" src="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_06.jpg" class="attachment-full size-full" alt="inmobiliaria-chiloe-nativo-screenshot_06" srcset="https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_06.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_06-300x203.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_06-1024x694.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_06-768x521.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_06-1536x1042.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_06-600x407.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/inmobiliaria-chiloe-nativo-screenshot_06-150x102.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a62c7cf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a62c7cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d3533b7 e-con-full e-flex e-con e-child" data-id="d3533b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-1bea75d e-con-full contenedor-perspectiva e-flex e-con e-child" data-id="1bea75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cd315f video-celular wd-width-100 elementor-widget elementor-widget-wd_video" data-id="9cd315f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/DHXjWxashXU?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=DHXjWxashXU" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f512489 e-con-full e-flex e-con e-child" data-id="f512489" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-a81b0ed elementor-widget elementor-widget-html" data-id="a81b0ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Versión Celular</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-7c2736a elementor-widget elementor-widget-wd_text_block" data-id="7c2736a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>La plataforma web tipo app de Inmobiliaria Chiloé Nativo está optimizada para dispositivos móviles, garantizando una experiencia de usuario fluida y accesible desde cualquier smartphone o tablet. El diseño responsivo permite a los usuarios explorar proyectos inmobiliarios en entornos privilegiados con facilidad, destacando la conectividad y la alta plusvalía de cada desarrollo.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc125bf elementor-widget elementor-widget-html" data-id="cc125bf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>

 div[data-id="1bea75d"]{
    perspective: 3500px;
    perspective-origin: 20% 50%;
}
    
    .video-celular{
    aspect-ratio: 9/16;
    width:550px;
    background-color: black;
    border-radius: 2rem;
    transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);
    animation: celular 6s ease-in-out infinite forwards;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); /* Sombras paralelas */
    transition: .3s ease-in-out;
    position: relative;
    left: 0;
    cursor: pointer;
}

.video-celular:hover {
    left: 3%;
    transform:scale(.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg)!important;
    box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14)!important;
    perspective: none;
}

@keyframes celular {
    0%,100%{ 
        transform:scale(.75) rotateX(9deg) rotateY(7deg) rotateZ(-3deg);
        box-shadow: -150px -10px 70px rgba(0, 0, 0, 0.2); /* Ajustes de sombra para escala 0.75 */}

    50%{ 
        transform:scale(.7) rotateX(9deg) rotateY(20deg) rotateZ(-8deg);
        box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14); /* Ajustes de sombra para escala 0.8 */
    }
}
    
</style>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6614245 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="6614245" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-70d6a14 e-con-full e-flex e-con e-child" data-id="70d6a14" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7ab73cd wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7ab73cd" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Tipografía</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-d8825fa e-grid e-con-full e-con e-child" data-id="d8825fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-52080fa e-con-full e-flex e-con e-child" data-id="52080fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-2d4af75 elementor-widget elementor-widget-heading" data-id="2d4af75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">aA</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-508e51b e-con-full e-flex e-con e-child" data-id="508e51b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d1ae5ae elementor-widget elementor-widget-heading" data-id="d1ae5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Montserrat Bold 700</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78128f7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="78128f7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6d7fe26 elementor-widget elementor-widget-heading" data-id="6d7fe26" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a127d94 e-con-full e-flex e-con e-child" data-id="a127d94" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-762890b elementor-widget elementor-widget-heading" data-id="762890b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">IBM Plex Sans Devanagari Light 300</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ecb0307 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ecb0307" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bbfb704 elementor-widget elementor-widget-heading" data-id="bbfb704" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7247d1a wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7247d1a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7775072 e-con-full e-flex e-con e-child" data-id="7775072" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-acf17f5 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="acf17f5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-869346b e-grid e-con-full e-con e-child" data-id="869346b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-31b8d17 e-con-full e-flex e-con e-child" data-id="31b8d17" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3cf125d elementor-widget elementor-widget-html" data-id="3cf125d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color1" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color1', '#5461f8');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27e33ce e-con-full e-flex e-con e-child" data-id="27e33ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-065df4e elementor-widget elementor-widget-html" data-id="065df4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2', '#9067f0');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1eb6b60 e-con-full e-flex e-con e-child" data-id="1eb6b60" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8d2d1a3 elementor-widget elementor-widget-html" data-id="8d2d1a3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color3" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color3', '#141a43');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64af62c e-con-full e-flex e-con e-child" data-id="64af62c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9f4996e elementor-widget elementor-widget-html" data-id="9f4996e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color4" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color4', '#666d92');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9d6e75d e-grid e-con-full e-con e-child" data-id="9d6e75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-b184476 e-con-full e-flex e-con e-child" data-id="b184476" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d2660f9 elementor-widget elementor-widget-html" data-id="d2660f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color5" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color5', '#abafc5');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-33329e7 e-con-full e-flex e-con e-child" data-id="33329e7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-4f1f3ed elementor-widget elementor-widget-html" data-id="4f1f3ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color6" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color6', '#e2e2e2');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c89dc3a e-con-full e-flex e-con e-child" data-id="c89dc3a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-e984833 elementor-widget elementor-widget-html" data-id="e984833" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #5461f8;
        --colorDegradado2: #9067f0;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-736635d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="736635d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e38ec1 e-con-full e-flex e-con e-child" data-id="3e38ec1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7197a07 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7197a07" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Iconografía</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4aa91aa elementor-widget elementor-widget-html" data-id="4aa91aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --gapIcons: 3rem;
        --sizeCircle: 100px;
        --bgCircle: white;
        --borderCircle: #2aff6d;
    }
    
    @media screen and (max-width: 1024px){
        :root {
            --gapIcons: 1.5rem;
            --sizeCircle: 80px;
        }
    }
    
    @media screen and (max-width: 767px){
        :root {
            --gapIcons: 1rem;
            --sizeCircle: 60px;
        }
    }

    .iconografia {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gapIcons);
    }

    .iconografia__icon {
        width: var(--sizeCircle);
        height: var(--sizeCircle);
        background: var(--bgCircle);
        border-radius: 50%;
        padding: calc(var(--sizeCircle) * .2);
        border: 3px solid var(--borderCircle);
    }
    
    .iconografia__icon--img {
        width: 100%;
        object-fit: contain;
    }
</style>
<div class="iconografia">
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-8e42ab3 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8e42ab3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-83464b9 e-con-full e-flex e-con e-child" data-id="83464b9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cbeb32 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9cbeb32" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Animación Logo</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-cc6deb4 e-con-full e-flex e-con e-child" data-id="cc6deb4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-631676d wd-width-100 elementor-widget elementor-widget-wd_video" data-id="631676d" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube">
							<iframe src="https://www.youtube.com/embed/hzyZn9Hg-Ak?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=hzyZn9Hg-Ak" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-c639176 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="c639176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c709670 e-con-full e-flex e-con e-child" data-id="c709670" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-f86ac0e wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f86ac0e" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Video Corporativo</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-872e947 wd-width-100 elementor-widget elementor-widget-wd_video" data-id="872e947" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/V60rKww0Cac?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=V60rKww0Cac" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b06ea23 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b06ea23" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81ea02c wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="81ea02c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-masonry wd-grid-f-col" style="--wd-col-lg:2;--wd-col-md:2;--wd-col-sm:1;--wd-gap-lg:30px;--wd-gap-sm:10px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" data-width="1920" data-height="1080" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" class="attachment-full size-full" alt="petersmock3" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" data-width="1920" data-height="1080" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" class="attachment-full size-full" alt="petersmock4" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" data-width="1920" data-height="1080" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" class="attachment-full size-full" alt="petersmock1" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" data-width="1920" data-height="1080" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" class="attachment-full size-full" alt="petersmock2" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" data-width="1920" data-height="1080" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" class="attachment-full size-full" alt="petersmock5" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bd043bd wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bd043bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b911b9d e-con-full e-flex e-con e-child" data-id="b911b9d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3430826 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="3430826" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Instagram</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-726ee7f e-grid e-con-full e-con e-child" data-id="726ee7f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-8cc1299 e-con-full e-flex e-con e-child" data-id="8cc1299" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ce164fb wd-width-100 elementor-widget elementor-widget-wd_video" data-id="ce164fb" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/MVmUH-Yha2M?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=MVmUH-Yha2M" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6b2417a e-con-full e-flex e-con e-child" data-id="6b2417a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-610df0f wd-width-100 elementor-widget elementor-widget-wd_video" data-id="610df0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/3-ZWPKulArE?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=3-ZWPKulArE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bad4e20 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bad4e20" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2d7c561 e-con-full e-flex e-con e-child" data-id="2d7c561" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0acbb93 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="0acbb93" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Sitio Web</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d21ba3c wd-width-100 elementor-widget elementor-widget-wd_video" data-id="d21ba3c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/adr130TaQMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=adr130TaQMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-68a6bea wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="68a6bea" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c1e3709 e-con-full e-flex e-con e-child" data-id="c1e3709" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-fc26a6a wd-width-100 elementor-widget elementor-widget-wd_title" data-id="fc26a6a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-2d14a22 e-grid e-con-full e-con e-child" data-id="2d14a22" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-bbc8a8d e-con-full e-flex e-con e-child" data-id="bbc8a8d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-54c8978 elementor-widget elementor-widget-html" data-id="54c8978" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color10" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color10', '#00c7ff');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-124cb9f e-con-full e-flex e-con e-child" data-id="124cb9f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-c6ff330 elementor-widget elementor-widget-html" data-id="c6ff330" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color20" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color20', '#2aff6d');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6aefed7 e-con-full e-flex e-con e-child" data-id="6aefed7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-71935db elementor-widget elementor-widget-html" data-id="71935db" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color30" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color30', '#193259');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-df23978 e-con-full e-flex e-con e-child" data-id="df23978" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6394c79 elementor-widget elementor-widget-html" data-id="6394c79" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #00c7ff;
        --colorDegradado2: #2aff6d;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://mazechile.com/portfolio/chiloe-nativo-web/">Chiloé Nativo</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mazechile.com/portfolio/chiloe-nativo-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Satpay</title>
		<link>https://mazechile.com/portfolio/satpay-web/</link>
					<comments>https://mazechile.com/portfolio/satpay-web/#respond</comments>
		
		<dc:creator><![CDATA[Elías Carcamo]]></dc:creator>
		<pubDate>Wed, 17 Jul 2024 21:40:27 +0000</pubDate>
				<guid isPermaLink="false">https://mazechile.com/portfolio/panoramic-rollers-copy/</guid>

					<description><![CDATA[<p>Satpay Web En Maze Chile, desarrollamos una solución web personalizada desde cero para SATPAY, una empresa que utiliza Bitcoin a</p>
<p>La entrada <a href="https://mazechile.com/portfolio/satpay-web/">Satpay</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2254" class="elementor elementor-2254" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}">
				<div class="elementor-element elementor-element-b8ffdfb e-con-full wd-section-stretch-content e-flex e-con e-parent" data-id="b8ffdfb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d6cb1e9 elementor-widget elementor-widget-spacer" data-id="d6cb1e9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-457c9c2 e-flex e-con-boxed e-con e-parent" data-id="457c9c2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8e37dd2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="8e37dd2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Satpay Web</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-8d23cd0 elementor-widget elementor-widget-wd_text_block" data-id="8d23cd0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>En Maze Chile, desarrollamos una solución web personalizada desde cero para SATPAY, una empresa que utiliza Bitcoin a través de Lightning para facilitar envíos inmediatos, seguros y a bajo costo a todo el mundo. Nuestro objetivo fue crear una plataforma dinámica y moderna que refleje la eficiencia y seguridad de SATPAY, permitiendo pagos instantáneos con un solo clic.</p>
					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-1f6fea7 e-con-full e-flex e-con e-child" data-id="1f6fea7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-d995235 e-con-full e-flex e-con e-child" data-id="d995235" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6658eb4 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="6658eb4" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Proyecto</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6099b9b elementor-widget elementor-widget-wd_text_block" data-id="6099b9b" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Desarrollo web</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-0acae81 e-con-full e-flex e-con e-child" data-id="0acae81" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-fedf0d2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="fedf0d2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Cliente</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-37aaef8 elementor-widget elementor-widget-wd_text_block" data-id="37aaef8" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Satpay</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8782049 e-con-full e-flex e-con e-child" data-id="8782049" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-88a88a7 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="88a88a7" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Tiempo de desarrollo</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9881752 elementor-widget elementor-widget-wd_text_block" data-id="9881752" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>5 semanas</p>
					</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-da9d9b6 elementor-widget elementor-widget-html" data-id="da9d9b6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    .main-page-wrapper {
        padding-top: 0px
    }
    
    :root {
        --tituloEscritorio: 2.5rem;
    }
</style>				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f188d7c elementor-align-center elementor-mobile-align-left elementor-widget-tablet__width-auto elementor-widget elementor-widget-button" data-id="f188d7c" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://satpay.cl/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Ver Sitio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ff9b48 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7ff9b48" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7a6110 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f7a6110" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Bocetos</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-59719ec fondo-blanco elementor-widget elementor-widget-wd_image_or_svg" data-id="59719ec" data-element_type="widget" data-e-type="widget" data-widget_type="wd_image_or_svg.default">
				<div class="elementor-widget-container">
					
		<div class="wd-image text-left photoswipe-images">
							<a  href="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png"data-width="1218" data-height="1080" data-elementor-open-lightbox="no" aria-label="Image link">
								<img fetchpriority="high" decoding="async" width="1218" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png" class="attachment-full size-full" alt="" srcset="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png 1218w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-300x266.png 300w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-1024x908.png 1024w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-768x681.png 768w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-600x532.png 600w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-150x133.png 150w" sizes="(max-width: 1218px) 100vw, 1218px" />							</a>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-eb0db8d wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="eb0db8d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-082ddb0 e-con-full e-flex e-con e-child" data-id="082ddb0" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-b36b6ac elementor-widget elementor-widget-html" data-id="b36b6ac" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
 
    .titular-portafolio {
        font-size: 2.5rem;
        margin: 0px;
        position: relative;
        margin-left: 16px;
        line-height: 1.3em;
    }
    
    .titular-portafolio:before {
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute;
        background-color: blue;
        width: 7px;
        height: 70%;
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
            margin-left: 14px;
        }
        
        .titular-portafolio:before {
            left: -14px;
            width: 6px;
        }
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
        }
        
        .titular-portafolio:before {
            width: 4px;
        }
    }
    
</style>
<h2 class="titular-portafolio">Versión Escritorio</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-f8f20b5 elementor-hidden-mobile wd-width-100 elementor-widget elementor-widget-wd_video" data-id="f8f20b5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/KCIlghO0y3k?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=KCIlghO0y3k" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ded80c0 elementor-hidden-desktop elementor-hidden-tablet wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="ded80c0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-grid-g" style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;--wd-gap-lg:0px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_01.jpg" data-width="1920" data-height="796" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="796" src="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_01.jpg" class="attachment-full size-full" alt="satpay-screenshot_01" srcset="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_01.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_01-300x124.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_01-1024x425.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_01-768x318.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_01-1536x637.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_01-600x249.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_01-150x62.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_02.jpg" data-width="1920" data-height="977" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="977" src="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_02.jpg" class="attachment-full size-full" alt="satpay-screenshot_02" srcset="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_02.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_02-300x153.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_02-1024x521.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_02-768x391.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_02-1536x782.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_02-600x305.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_02-150x76.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_03.jpg" data-width="1920" data-height="718" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="718" src="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_03.jpg" class="attachment-full size-full" alt="satpay-screenshot_03" srcset="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_03.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_03-300x112.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_03-1024x383.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_03-768x287.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_03-1536x574.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_03-600x224.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_03-150x56.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_04.jpg" data-width="1920" data-height="1244" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1244" src="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_04.jpg" class="attachment-full size-full" alt="satpay-screenshot_04" srcset="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_04.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_04-300x194.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_04-1024x663.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_04-768x498.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_04-1536x995.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_04-600x389.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_04-150x97.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_05.jpg" data-width="1920" data-height="881" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="881" src="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_05.jpg" class="attachment-full size-full" alt="satpay-screenshot_05" srcset="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_05.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_05-300x138.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_05-1024x470.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_05-768x352.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_05-1536x705.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_05-600x275.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_05-150x69.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_06.jpg" data-width="1920" data-height="835" data-index="6" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="835" src="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_06.jpg" class="attachment-full size-full" alt="satpay-screenshot_06" srcset="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_06.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_06-300x130.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_06-1024x445.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_06-768x334.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_06-1536x668.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_06-600x261.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_06-150x65.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_07.jpg" data-width="1920" data-height="1192" data-index="7" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1192" src="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_07.jpg" class="attachment-full size-full" alt="satpay-screenshot_07" srcset="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_07.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_07-300x186.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_07-1024x636.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_07-768x477.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_07-1536x954.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_07-600x373.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_07-150x93.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_08.jpg" data-width="1920" data-height="386" data-index="8" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="386" src="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_08.jpg" class="attachment-full size-full" alt="satpay-screenshot_08" srcset="https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_08.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_08-300x60.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_08-1024x206.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_08-768x154.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_08-1536x309.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_08-600x121.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/satpay-screenshot_08-150x30.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a62c7cf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a62c7cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d3533b7 e-con-full e-flex e-con e-child" data-id="d3533b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-1bea75d e-con-full contenedor-perspectiva e-flex e-con e-child" data-id="1bea75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cd315f video-celular wd-width-100 elementor-widget elementor-widget-wd_video" data-id="9cd315f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/UNni0Oieh6E?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=UNni0Oieh6E" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f512489 e-con-full e-flex e-con e-child" data-id="f512489" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-a81b0ed elementor-widget elementor-widget-html" data-id="a81b0ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Versión Celular</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-7c2736a elementor-widget elementor-widget-wd_text_block" data-id="7c2736a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>La plataforma web de SATPAY está optimizada para dispositivos móviles, ofreciendo una experiencia de usuario fluida y accesible desde cualquier smartphone o tablet. El diseño responsivo permite a los usuarios realizar pagos instantáneos y seguros con Bitcoin, destacando la eficiencia y los bajos costos de las transacciones.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc125bf elementor-widget elementor-widget-html" data-id="cc125bf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>

 div[data-id="1bea75d"]{
    perspective: 3500px;
    perspective-origin: 20% 50%;
}
    
    .video-celular{
    aspect-ratio: 9/16;
    width:550px;
    background-color: black;
    border-radius: 2rem;
    transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);
    animation: celular 6s ease-in-out infinite forwards;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); /* Sombras paralelas */
    transition: .3s ease-in-out;
    position: relative;
    left: 0;
    cursor: pointer;
}

.video-celular:hover {
    left: 3%;
    transform:scale(.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg)!important;
    box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14)!important;
    perspective: none;
}

@keyframes celular {
    0%,100%{ 
        transform:scale(.75) rotateX(9deg) rotateY(7deg) rotateZ(-3deg);
        box-shadow: -150px -10px 70px rgba(0, 0, 0, 0.2); /* Ajustes de sombra para escala 0.75 */}

    50%{ 
        transform:scale(.7) rotateX(9deg) rotateY(20deg) rotateZ(-8deg);
        box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14); /* Ajustes de sombra para escala 0.8 */
    }
}
    
</style>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6614245 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="6614245" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-70d6a14 e-con-full e-flex e-con e-child" data-id="70d6a14" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7ab73cd wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7ab73cd" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Tipografía</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-d8825fa e-grid e-con-full e-con e-child" data-id="d8825fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-52080fa e-con-full e-flex e-con e-child" data-id="52080fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-2d4af75 elementor-widget elementor-widget-heading" data-id="2d4af75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">aA</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-508e51b e-con-full e-flex e-con e-child" data-id="508e51b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d1ae5ae elementor-widget elementor-widget-heading" data-id="d1ae5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Montserrat Bold 700</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78128f7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="78128f7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6d7fe26 elementor-widget elementor-widget-heading" data-id="6d7fe26" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a127d94 e-con-full e-flex e-con e-child" data-id="a127d94" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-762890b elementor-widget elementor-widget-heading" data-id="762890b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">IBM Plex Sans Devanagari Light 300</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ecb0307 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ecb0307" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bbfb704 elementor-widget elementor-widget-heading" data-id="bbfb704" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7247d1a wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7247d1a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7775072 e-con-full e-flex e-con e-child" data-id="7775072" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-acf17f5 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="acf17f5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-869346b e-grid e-con-full e-con e-child" data-id="869346b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-31b8d17 e-con-full e-flex e-con e-child" data-id="31b8d17" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3cf125d elementor-widget elementor-widget-html" data-id="3cf125d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color1" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color1', '#5461f8');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27e33ce e-con-full e-flex e-con e-child" data-id="27e33ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-065df4e elementor-widget elementor-widget-html" data-id="065df4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2', '#9067f0');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1eb6b60 e-con-full e-flex e-con e-child" data-id="1eb6b60" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8d2d1a3 elementor-widget elementor-widget-html" data-id="8d2d1a3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color3" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color3', '#141a43');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64af62c e-con-full e-flex e-con e-child" data-id="64af62c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9f4996e elementor-widget elementor-widget-html" data-id="9f4996e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color4" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color4', '#666d92');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9d6e75d e-grid e-con-full e-con e-child" data-id="9d6e75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-b184476 e-con-full e-flex e-con e-child" data-id="b184476" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d2660f9 elementor-widget elementor-widget-html" data-id="d2660f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color5" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color5', '#abafc5');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-33329e7 e-con-full e-flex e-con e-child" data-id="33329e7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-4f1f3ed elementor-widget elementor-widget-html" data-id="4f1f3ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color6" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color6', '#e2e2e2');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c89dc3a e-con-full e-flex e-con e-child" data-id="c89dc3a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-e984833 elementor-widget elementor-widget-html" data-id="e984833" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #5461f8;
        --colorDegradado2: #9067f0;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-736635d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="736635d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e38ec1 e-con-full e-flex e-con e-child" data-id="3e38ec1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7197a07 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7197a07" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Iconografía</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4aa91aa elementor-widget elementor-widget-html" data-id="4aa91aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --gapIcons: 3rem;
        --sizeCircle: 100px;
        --bgCircle: white;
        --borderCircle: #2aff6d;
    }
    
    @media screen and (max-width: 1024px){
        :root {
            --gapIcons: 1.5rem;
            --sizeCircle: 80px;
        }
    }
    
    @media screen and (max-width: 767px){
        :root {
            --gapIcons: 1rem;
            --sizeCircle: 60px;
        }
    }

    .iconografia {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gapIcons);
    }

    .iconografia__icon {
        width: var(--sizeCircle);
        height: var(--sizeCircle);
        background: var(--bgCircle);
        border-radius: 50%;
        padding: calc(var(--sizeCircle) * .2);
        border: 3px solid var(--borderCircle);
    }
    
    .iconografia__icon--img {
        width: 100%;
        object-fit: contain;
    }
</style>
<div class="iconografia">
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-8e42ab3 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8e42ab3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-83464b9 e-con-full e-flex e-con e-child" data-id="83464b9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cbeb32 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9cbeb32" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Animación Logo</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-cc6deb4 e-con-full e-flex e-con e-child" data-id="cc6deb4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-631676d wd-width-100 elementor-widget elementor-widget-wd_video" data-id="631676d" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube">
							<iframe src="https://www.youtube.com/embed/hzyZn9Hg-Ak?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=hzyZn9Hg-Ak" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-c639176 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="c639176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c709670 e-con-full e-flex e-con e-child" data-id="c709670" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-f86ac0e wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f86ac0e" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Video Corporativo</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-872e947 wd-width-100 elementor-widget elementor-widget-wd_video" data-id="872e947" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/V60rKww0Cac?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=V60rKww0Cac" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b06ea23 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b06ea23" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81ea02c wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="81ea02c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-masonry wd-grid-f-col" style="--wd-col-lg:2;--wd-col-md:2;--wd-col-sm:1;--wd-gap-lg:30px;--wd-gap-sm:10px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" data-width="1920" data-height="1080" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" class="attachment-full size-full" alt="petersmock3" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" data-width="1920" data-height="1080" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" class="attachment-full size-full" alt="petersmock4" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" data-width="1920" data-height="1080" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" class="attachment-full size-full" alt="petersmock1" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" data-width="1920" data-height="1080" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" class="attachment-full size-full" alt="petersmock2" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" data-width="1920" data-height="1080" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" class="attachment-full size-full" alt="petersmock5" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bd043bd wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bd043bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b911b9d e-con-full e-flex e-con e-child" data-id="b911b9d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3430826 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="3430826" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Instagram</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-726ee7f e-grid e-con-full e-con e-child" data-id="726ee7f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-8cc1299 e-con-full e-flex e-con e-child" data-id="8cc1299" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ce164fb wd-width-100 elementor-widget elementor-widget-wd_video" data-id="ce164fb" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/MVmUH-Yha2M?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=MVmUH-Yha2M" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6b2417a e-con-full e-flex e-con e-child" data-id="6b2417a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-610df0f wd-width-100 elementor-widget elementor-widget-wd_video" data-id="610df0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/3-ZWPKulArE?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=3-ZWPKulArE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bad4e20 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bad4e20" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2d7c561 e-con-full e-flex e-con e-child" data-id="2d7c561" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0acbb93 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="0acbb93" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Sitio Web</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d21ba3c wd-width-100 elementor-widget elementor-widget-wd_video" data-id="d21ba3c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/adr130TaQMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=adr130TaQMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a9af807 wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a9af807" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-bdcc19e e-con-full e-flex e-con e-child" data-id="bdcc19e" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3e92425 elementor-widget elementor-widget-html" data-id="3e92425" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Paleta de Colores</h2>
				</div>
				</div>
		<div class="elementor-element elementor-element-8261540 e-grid e-con-full e-con e-child" data-id="8261540" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-c9d2fee e-con-full e-flex e-con e-child" data-id="c9d2fee" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-287ee8c elementor-widget elementor-widget-html" data-id="287ee8c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
        font-family: "Poppins";
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color10" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color10', '#18DAB6');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-bbf856b e-con-full e-flex e-con e-child" data-id="bbf856b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-21ddcd6 elementor-widget elementor-widget-html" data-id="21ddcd6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color320" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color320', '#2A2A5E');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-26c1d77 e-con-full e-flex e-con e-child" data-id="26c1d77" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-411dbe8 elementor-widget elementor-widget-html" data-id="411dbe8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color214" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color214', '#1B75B6');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-86ad350 e-con-full e-flex e-con e-child" data-id="86ad350" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-c108cd0 elementor-widget elementor-widget-html" data-id="c108cd0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #18DAB6;
        --colorDegradado2: #1B75B6;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://mazechile.com/portfolio/satpay-web/">Satpay</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mazechile.com/portfolio/satpay-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Panoramic &#038; Rollers</title>
		<link>https://mazechile.com/portfolio/panoramic-rollers-web/</link>
					<comments>https://mazechile.com/portfolio/panoramic-rollers-web/#respond</comments>
		
		<dc:creator><![CDATA[Elías Carcamo]]></dc:creator>
		<pubDate>Wed, 17 Jul 2024 21:40:03 +0000</pubDate>
				<guid isPermaLink="false">https://mazechile.com/portfolio/lacteos-peteres-web-copy/</guid>

					<description><![CDATA[<p>Panoramic y Roller Web En Maze Chile, realizamos un rediseño web completo para Panoramic Roller, un grupo de profesionales dedicados</p>
<p>La entrada <a href="https://mazechile.com/portfolio/panoramic-rollers-web/">Panoramic &amp; Rollers</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2252" class="elementor elementor-2252" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}">
				<div class="elementor-element elementor-element-b8ffdfb e-con-full wd-section-stretch-content e-flex e-con e-parent" data-id="b8ffdfb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d6cb1e9 elementor-widget elementor-widget-spacer" data-id="d6cb1e9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-457c9c2 e-flex e-con-boxed e-con e-parent" data-id="457c9c2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8e37dd2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="8e37dd2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Panoramic y Roller Web</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-8d23cd0 elementor-widget elementor-widget-wd_text_block" data-id="8d23cd0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>En Maze Chile, realizamos un rediseño web completo para Panoramic Roller, un grupo de profesionales dedicados a la confección e instalación de cortinas roller y cierres panorámicos en cristales en la V Región. Nuestra labor se centró en crear una plataforma moderna y dinámica que refleje la calidad y el compromiso de Panoramic Roller en ofrecer lo mejor del mercado en cuanto a atención y producto.</p><p>El sitio web rediseñado destaca los productos de Panoramic Roller, provenientes de un sistema europeo importado, que no tienen componentes metálicos, evitando la oxidación y eliminando la necesidad de mantenciones. Esta nueva plataforma permite a los clientes explorar fácilmente los servicios y productos disponibles, asegurando una experiencia de usuario excepcional.</p>
					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-1f6fea7 e-con-full e-flex e-con e-child" data-id="1f6fea7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-d995235 e-con-full e-flex e-con e-child" data-id="d995235" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6658eb4 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="6658eb4" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Proyecto</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6099b9b elementor-widget elementor-widget-wd_text_block" data-id="6099b9b" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Desarrollo web</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-0acae81 e-con-full e-flex e-con e-child" data-id="0acae81" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-fedf0d2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="fedf0d2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Cliente</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-37aaef8 elementor-widget elementor-widget-wd_text_block" data-id="37aaef8" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Panoramic y roller</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8782049 e-con-full e-flex e-con e-child" data-id="8782049" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-88a88a7 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="88a88a7" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Tiempo de desarrollo</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9881752 elementor-widget elementor-widget-wd_text_block" data-id="9881752" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>5 semanas</p>
					</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-da9d9b6 elementor-widget elementor-widget-html" data-id="da9d9b6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    .main-page-wrapper {
        padding-top: 0px
    }
    
    :root {
        --tituloEscritorio: 2.5rem;
    }
</style>				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f188d7c elementor-align-center elementor-mobile-align-left elementor-widget-tablet__width-auto elementor-widget elementor-widget-button" data-id="f188d7c" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://panoramicroller.cl/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Ver Sitio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ff9b48 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7ff9b48" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7a6110 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f7a6110" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Bocetos</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-59719ec fondo-blanco elementor-widget elementor-widget-wd_image_or_svg" data-id="59719ec" data-element_type="widget" data-e-type="widget" data-widget_type="wd_image_or_svg.default">
				<div class="elementor-widget-container">
					
		<div class="wd-image text-left photoswipe-images">
							<a  href="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png"data-width="1218" data-height="1080" data-elementor-open-lightbox="no" aria-label="Image link">
								<img fetchpriority="high" decoding="async" width="1218" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png" class="attachment-full size-full" alt="" srcset="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png 1218w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-300x266.png 300w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-1024x908.png 1024w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-768x681.png 768w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-600x532.png 600w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-150x133.png 150w" sizes="(max-width: 1218px) 100vw, 1218px" />							</a>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-eb0db8d wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="eb0db8d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-082ddb0 e-con-full e-flex e-con e-child" data-id="082ddb0" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-b36b6ac elementor-widget elementor-widget-html" data-id="b36b6ac" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
 
    .titular-portafolio {
        font-size: 2.5rem;
        margin: 0px;
        position: relative;
        margin-left: 16px;
        line-height: 1.3em;
    }
    
    .titular-portafolio:before {
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute;
        background-color: blue;
        width: 7px;
        height: 70%;
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
            margin-left: 14px;
        }
        
        .titular-portafolio:before {
            left: -14px;
            width: 6px;
        }
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
        }
        
        .titular-portafolio:before {
            width: 4px;
        }
    }
    
</style>
<h2 class="titular-portafolio">Versión Escritorio</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-f8f20b5 elementor-hidden-mobile wd-width-100 elementor-widget elementor-widget-wd_video" data-id="f8f20b5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/vdY1Ren6bKs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=vdY1Ren6bKs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ded80c0 elementor-hidden-desktop elementor-hidden-tablet wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="ded80c0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-grid-g" style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;--wd-gap-lg:0px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_01.jpg" data-width="1920" data-height="997" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="997" src="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_01.jpg" class="attachment-full size-full" alt="panoramic-y-roller-screenshot_01" srcset="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_01.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_01-300x156.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_01-1024x532.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_01-768x399.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_01-1536x798.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_01-600x312.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_01-150x78.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_02.jpg" data-width="1920" data-height="1222" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1222" src="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_02.jpg" class="attachment-full size-full" alt="panoramic-y-roller-screenshot_02" srcset="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_02.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_02-300x191.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_02-1024x652.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_02-768x489.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_02-1536x978.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_02-600x382.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_02-150x95.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_03.jpg" data-width="1920" data-height="630" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="630" src="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_03.jpg" class="attachment-full size-full" alt="panoramic-y-roller-screenshot_03" srcset="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_03.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_03-300x98.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_03-1024x336.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_03-768x252.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_03-1536x504.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_03-600x197.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_03-150x49.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_04.jpg" data-width="1920" data-height="1486" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1486" src="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_04.jpg" class="attachment-full size-full" alt="panoramic-y-roller-screenshot_04" srcset="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_04.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_04-300x232.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_04-1024x793.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_04-768x594.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_04-1536x1189.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_04-600x464.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_04-150x116.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_05.jpg" data-width="1920" data-height="1398" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1398" src="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_05.jpg" class="attachment-full size-full" alt="panoramic-y-roller-screenshot_05" srcset="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_05.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_05-300x218.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_05-1024x746.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_05-768x559.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_05-1536x1118.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_05-600x437.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_05-150x109.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_06.jpg" data-width="1920" data-height="1176" data-index="6" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1176" src="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_06.jpg" class="attachment-full size-full" alt="panoramic-y-roller-screenshot_06" srcset="https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_06.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_06-300x184.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_06-1024x627.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_06-768x470.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_06-1536x941.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_06-600x368.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/panoramic-y-roller-screenshot_06-150x92.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a62c7cf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a62c7cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d3533b7 e-con-full e-flex e-con e-child" data-id="d3533b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-1bea75d e-con-full contenedor-perspectiva e-flex e-con e-child" data-id="1bea75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cd315f video-celular wd-width-100 elementor-widget elementor-widget-wd_video" data-id="9cd315f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/0VNJznRxUrU?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=0VNJznRxUrU" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f512489 e-con-full e-flex e-con e-child" data-id="f512489" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-a81b0ed elementor-widget elementor-widget-html" data-id="a81b0ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Versión Celular</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-7c2736a elementor-widget elementor-widget-wd_text_block" data-id="7c2736a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>La plataforma de Soserval está optimizada para dispositivos móviles, garantizando una experiencia de usuario fluida y accesible desde cualquier smartphone o tablet. El diseño responsivo permite a los usuarios rastrear pedidos, visualizar sucursales en un mapa dinámico y acceder a información clave de manera eficiente, sin importar el dispositivo que utilicen.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc125bf elementor-widget elementor-widget-html" data-id="cc125bf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>

 div[data-id="1bea75d"]{
    perspective: 3500px;
    perspective-origin: 20% 50%;
}
    
    .video-celular{
    aspect-ratio: 9/16;
    width:550px;
    background-color: black;
    border-radius: 2rem;
    transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);
    animation: celular 6s ease-in-out infinite forwards;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); /* Sombras paralelas */
    transition: .3s ease-in-out;
    position: relative;
    left: 0;
    cursor: pointer;
}

.video-celular:hover {
    left: 3%;
    transform:scale(.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg)!important;
    box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14)!important;
    perspective: none;
}

@keyframes celular {
    0%,100%{ 
        transform:scale(.75) rotateX(9deg) rotateY(7deg) rotateZ(-3deg);
        box-shadow: -150px -10px 70px rgba(0, 0, 0, 0.2); /* Ajustes de sombra para escala 0.75 */}

    50%{ 
        transform:scale(.7) rotateX(9deg) rotateY(20deg) rotateZ(-8deg);
        box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14); /* Ajustes de sombra para escala 0.8 */
    }
}
    
</style>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6614245 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="6614245" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-70d6a14 e-con-full e-flex e-con e-child" data-id="70d6a14" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7ab73cd wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7ab73cd" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Tipografía</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-d8825fa e-grid e-con-full e-con e-child" data-id="d8825fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-52080fa e-con-full e-flex e-con e-child" data-id="52080fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-2d4af75 elementor-widget elementor-widget-heading" data-id="2d4af75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">aA</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-508e51b e-con-full e-flex e-con e-child" data-id="508e51b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d1ae5ae elementor-widget elementor-widget-heading" data-id="d1ae5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Montserrat Bold 700</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78128f7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="78128f7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6d7fe26 elementor-widget elementor-widget-heading" data-id="6d7fe26" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a127d94 e-con-full e-flex e-con e-child" data-id="a127d94" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-762890b elementor-widget elementor-widget-heading" data-id="762890b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">IBM Plex Sans Devanagari Light 300</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ecb0307 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ecb0307" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bbfb704 elementor-widget elementor-widget-heading" data-id="bbfb704" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7247d1a wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7247d1a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7775072 e-con-full e-flex e-con e-child" data-id="7775072" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-acf17f5 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="acf17f5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-869346b e-grid e-con-full e-con e-child" data-id="869346b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-31b8d17 e-con-full e-flex e-con e-child" data-id="31b8d17" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3cf125d elementor-widget elementor-widget-html" data-id="3cf125d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color1" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color1', '#5461f8');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27e33ce e-con-full e-flex e-con e-child" data-id="27e33ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-065df4e elementor-widget elementor-widget-html" data-id="065df4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2', '#9067f0');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1eb6b60 e-con-full e-flex e-con e-child" data-id="1eb6b60" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8d2d1a3 elementor-widget elementor-widget-html" data-id="8d2d1a3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color3" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color3', '#141a43');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64af62c e-con-full e-flex e-con e-child" data-id="64af62c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9f4996e elementor-widget elementor-widget-html" data-id="9f4996e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color4" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color4', '#666d92');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9d6e75d e-grid e-con-full e-con e-child" data-id="9d6e75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-b184476 e-con-full e-flex e-con e-child" data-id="b184476" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d2660f9 elementor-widget elementor-widget-html" data-id="d2660f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color5" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color5', '#abafc5');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-33329e7 e-con-full e-flex e-con e-child" data-id="33329e7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-4f1f3ed elementor-widget elementor-widget-html" data-id="4f1f3ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color6" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color6', '#e2e2e2');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c89dc3a e-con-full e-flex e-con e-child" data-id="c89dc3a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-e984833 elementor-widget elementor-widget-html" data-id="e984833" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #5461f8;
        --colorDegradado2: #9067f0;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-736635d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="736635d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e38ec1 e-con-full e-flex e-con e-child" data-id="3e38ec1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7197a07 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7197a07" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Iconografía</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4aa91aa elementor-widget elementor-widget-html" data-id="4aa91aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --gapIcons: 3rem;
        --sizeCircle: 100px;
        --bgCircle: white;
        --borderCircle: #2aff6d;
    }
    
    @media screen and (max-width: 1024px){
        :root {
            --gapIcons: 1.5rem;
            --sizeCircle: 80px;
        }
    }
    
    @media screen and (max-width: 767px){
        :root {
            --gapIcons: 1rem;
            --sizeCircle: 60px;
        }
    }

    .iconografia {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gapIcons);
    }

    .iconografia__icon {
        width: var(--sizeCircle);
        height: var(--sizeCircle);
        background: var(--bgCircle);
        border-radius: 50%;
        padding: calc(var(--sizeCircle) * .2);
        border: 3px solid var(--borderCircle);
    }
    
    .iconografia__icon--img {
        width: 100%;
        object-fit: contain;
    }
</style>
<div class="iconografia">
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-8e42ab3 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8e42ab3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-83464b9 e-con-full e-flex e-con e-child" data-id="83464b9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cbeb32 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9cbeb32" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Animación Logo</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-cc6deb4 e-con-full e-flex e-con e-child" data-id="cc6deb4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-631676d wd-width-100 elementor-widget elementor-widget-wd_video" data-id="631676d" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube">
							<iframe src="https://www.youtube.com/embed/hzyZn9Hg-Ak?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=hzyZn9Hg-Ak" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-c639176 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="c639176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c709670 e-con-full e-flex e-con e-child" data-id="c709670" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-f86ac0e wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f86ac0e" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Video Corporativo</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-872e947 wd-width-100 elementor-widget elementor-widget-wd_video" data-id="872e947" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/V60rKww0Cac?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=V60rKww0Cac" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b06ea23 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b06ea23" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81ea02c wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="81ea02c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-masonry wd-grid-f-col" style="--wd-col-lg:2;--wd-col-md:2;--wd-col-sm:1;--wd-gap-lg:30px;--wd-gap-sm:10px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" data-width="1920" data-height="1080" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" class="attachment-full size-full" alt="petersmock3" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" data-width="1920" data-height="1080" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" class="attachment-full size-full" alt="petersmock4" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" data-width="1920" data-height="1080" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" class="attachment-full size-full" alt="petersmock1" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" data-width="1920" data-height="1080" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" class="attachment-full size-full" alt="petersmock2" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" data-width="1920" data-height="1080" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" class="attachment-full size-full" alt="petersmock5" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bd043bd wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bd043bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b911b9d e-con-full e-flex e-con e-child" data-id="b911b9d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3430826 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="3430826" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Instagram</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-726ee7f e-grid e-con-full e-con e-child" data-id="726ee7f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-8cc1299 e-con-full e-flex e-con e-child" data-id="8cc1299" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ce164fb wd-width-100 elementor-widget elementor-widget-wd_video" data-id="ce164fb" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/MVmUH-Yha2M?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=MVmUH-Yha2M" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6b2417a e-con-full e-flex e-con e-child" data-id="6b2417a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-610df0f wd-width-100 elementor-widget elementor-widget-wd_video" data-id="610df0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/3-ZWPKulArE?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=3-ZWPKulArE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bad4e20 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bad4e20" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2d7c561 e-con-full e-flex e-con e-child" data-id="2d7c561" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0acbb93 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="0acbb93" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Sitio Web</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d21ba3c wd-width-100 elementor-widget elementor-widget-wd_video" data-id="d21ba3c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/adr130TaQMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=adr130TaQMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b2c8c13 wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="b2c8c13" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-f00429e e-con-full e-flex e-con e-child" data-id="f00429e" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0f9eb49 elementor-widget elementor-widget-html" data-id="0f9eb49" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Paleta de Colores</h2>
				</div>
				</div>
		<div class="elementor-element elementor-element-afbff6a e-grid e-con-full e-con e-child" data-id="afbff6a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-7a0105b e-con-full e-flex e-con e-child" data-id="7a0105b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0d0bcfb elementor-widget elementor-widget-html" data-id="0d0bcfb" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
        font-family: "Poppins";
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color10" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color10', '#f6bd74');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c730296 e-con-full e-flex e-con e-child" data-id="c730296" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-430c371 elementor-widget elementor-widget-html" data-id="430c371" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color320" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color320', '#000000');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-539069a e-con-full e-flex e-con e-child" data-id="539069a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-98f1a31 elementor-widget elementor-widget-html" data-id="98f1a31" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color214" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color214', '#464646');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-0bf77ce e-con-full e-flex e-con e-child" data-id="0bf77ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-5790756 elementor-widget elementor-widget-html" data-id="5790756" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #f6bd74;
        --colorDegradado2: #000000;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://mazechile.com/portfolio/panoramic-rollers-web/">Panoramic &amp; Rollers</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mazechile.com/portfolio/panoramic-rollers-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Lácteos Peters</title>
		<link>https://mazechile.com/portfolio/lacteos-peteres-web/</link>
					<comments>https://mazechile.com/portfolio/lacteos-peteres-web/#respond</comments>
		
		<dc:creator><![CDATA[Elías Carcamo]]></dc:creator>
		<pubDate>Wed, 17 Jul 2024 21:39:30 +0000</pubDate>
				<guid isPermaLink="false">https://mazechile.com/portfolio/monteacay-web-copy/</guid>

					<description><![CDATA[<p>Lácteos Peters Web En Maze Chile, desarrollamos una solución web corporativa con catálogo personalizado para Lácteos Peters, una empresa familiar</p>
<p>La entrada <a href="https://mazechile.com/portfolio/lacteos-peteres-web/">Lácteos Peters</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2250" class="elementor elementor-2250" data-elementor-settings="{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}">
				<div class="elementor-element elementor-element-b8ffdfb e-con-full wd-section-stretch-content e-flex e-con e-parent" data-id="b8ffdfb" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d6cb1e9 elementor-widget elementor-widget-spacer" data-id="d6cb1e9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-457c9c2 e-flex e-con-boxed e-con e-parent" data-id="457c9c2" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-8e37dd2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="8e37dd2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Lácteos Peters Web</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-8d23cd0 elementor-widget elementor-widget-wd_text_block" data-id="8d23cd0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>En Maze Chile, desarrollamos una solución web corporativa con catálogo personalizado para Lácteos Peters, una empresa familiar que ha rescatado las tradiciones del sur de Chile. Desde sus inicios, Lácteos Peters se ha dedicado a preservar recetas artesanales que dan origen a sus quesos y mantequillas, manteniendo la calidad y el sabor que han estado presentes en las mesas de sus clientes por más de 30 años.</p><p>La plataforma permite a los usuarios explorar el catálogo de productos de manera intuitiva y detallada, destacando la tradición y la excelencia de Lácteos Peters en cada uno de sus productos.</p>
					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-1f6fea7 e-con-full e-flex e-con e-child" data-id="1f6fea7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-d995235 e-con-full e-flex e-con e-child" data-id="d995235" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6658eb4 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="6658eb4" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Proyecto</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6099b9b elementor-widget elementor-widget-wd_text_block" data-id="6099b9b" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Desarrollo web</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-0acae81 e-con-full e-flex e-con e-child" data-id="0acae81" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-fedf0d2 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="fedf0d2" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Cliente</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-37aaef8 elementor-widget elementor-widget-wd_text_block" data-id="37aaef8" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>Lácteos Peters</p>
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8782049 e-con-full e-flex e-con e-child" data-id="8782049" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-88a88a7 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="88a88a7" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h1 class="woodmart-title-container title wd-fontsize-l">Tiempo de desarrollo</h1> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9881752 elementor-widget elementor-widget-wd_text_block" data-id="9881752" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>4 semanas</p>
					</div>
						</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-da9d9b6 elementor-widget elementor-widget-html" data-id="da9d9b6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    .main-page-wrapper {
        padding-top: 0px
    }
    
    :root {
        --tituloEscritorio: 2.5rem;
    }
</style>				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f188d7c elementor-align-center elementor-mobile-align-left elementor-widget-tablet__width-auto elementor-widget elementor-widget-button" data-id="f188d7c" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
									<div class="elementor-button-wrapper">
					<a class="elementor-button elementor-button-link elementor-size-sm" href="https://www.aquamol.cl/" target="_blank">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Ver Sitio</span>
					</span>
					</a>
				</div>
								</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7ff9b48 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7ff9b48" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7a6110 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f7a6110" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Bocetos</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-59719ec fondo-blanco elementor-widget elementor-widget-wd_image_or_svg" data-id="59719ec" data-element_type="widget" data-e-type="widget" data-widget_type="wd_image_or_svg.default">
				<div class="elementor-widget-container">
					
		<div class="wd-image text-left photoswipe-images">
							<a  href="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png"data-width="1218" data-height="1080" data-elementor-open-lightbox="no" aria-label="Image link">
								<img fetchpriority="high" decoding="async" width="1218" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png" class="attachment-full size-full" alt="" srcset="https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw.png 1218w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-300x266.png 300w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-1024x908.png 1024w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-768x681.png 768w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-600x532.png 600w, https://mazechile.com/wp-content/uploads/2024/06/peters-boceto-bgw-150x133.png 150w" sizes="(max-width: 1218px) 100vw, 1218px" />							</a>
					</div>

						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-eb0db8d wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="eb0db8d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-082ddb0 e-con-full e-flex e-con e-child" data-id="082ddb0" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-b36b6ac elementor-widget elementor-widget-html" data-id="b36b6ac" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
 
    .titular-portafolio {
        font-size: 2.5rem;
        margin: 0px;
        position: relative;
        margin-left: 16px;
        line-height: 1.3em;
    }
    
    .titular-portafolio:before {
        left: -16px;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        position: absolute;
        background-color: blue;
        width: 7px;
        height: 70%;
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
            margin-left: 14px;
        }
        
        .titular-portafolio:before {
            left: -14px;
            width: 6px;
        }
    }
    
    @media screen and (max-width: 768px){
        .titular-portafolio {
            font-size: 1.65rem;
        }
        
        .titular-portafolio:before {
            width: 4px;
        }
    }
    
</style>
<h2 class="titular-portafolio">Versión Escritorio</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-f8f20b5 elementor-hidden-mobile wd-width-100 elementor-widget elementor-widget-wd_video" data-id="f8f20b5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/XFuvf0lKu3U?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=XFuvf0lKu3U" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ded80c0 elementor-hidden-desktop elementor-hidden-tablet wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="ded80c0" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-grid-g" style="--wd-col-lg:1;--wd-col-md:1;--wd-col-sm:1;--wd-gap-lg:0px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_01.jpg" data-width="1920" data-height="982" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="982" src="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_01.jpg" class="attachment-full size-full" alt="lacteos-peters-screenshot_01" srcset="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_01.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_01-300x153.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_01-1024x524.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_01-768x393.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_01-1536x786.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_01-600x307.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_01-150x77.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_02.jpg" data-width="1920" data-height="293" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="293" src="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_02.jpg" class="attachment-full size-full" alt="lacteos-peters-screenshot_02" srcset="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_02.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_02-300x46.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_02-1024x156.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_02-768x117.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_02-1536x234.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_02-600x92.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_02-150x23.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_03.jpg" data-width="1920" data-height="1241" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1241" src="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_03.jpg" class="attachment-full size-full" alt="lacteos-peters-screenshot_03" srcset="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_03.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_03-300x194.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_03-1024x662.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_03-768x496.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_03-1536x993.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_03-600x388.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_03-150x97.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_04.jpg" data-width="1920" data-height="930" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="930" src="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_04.jpg" class="attachment-full size-full" alt="lacteos-peters-screenshot_04" srcset="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_04.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_04-300x145.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_04-1024x496.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_04-768x372.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_04-1536x744.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_04-600x291.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_04-150x73.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_05.jpg" data-width="1920" data-height="798" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="798" src="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_05.jpg" class="attachment-full size-full" alt="lacteos-peters-screenshot_05" srcset="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_05.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_05-300x125.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_05-1024x426.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_05-768x319.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_05-1536x638.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_05-600x249.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_05-150x62.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_06.jpg" data-width="1920" data-height="677" data-index="6" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="677" src="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_06.jpg" class="attachment-full size-full" alt="lacteos-peters-screenshot_06" srcset="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_06.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_06-300x106.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_06-1024x361.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_06-768x271.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_06-1536x542.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_06-600x212.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_06-150x53.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_07.jpg" data-width="1920" data-height="996" data-index="7" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="996" src="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_07.jpg" class="attachment-full size-full" alt="lacteos-peters-screenshot_07" srcset="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_07.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_07-300x156.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_07-1024x531.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_07-768x398.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_07-1536x797.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_07-600x311.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_07-150x78.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_08.jpg" data-width="1920" data-height="909" data-index="8" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="909" src="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_08.jpg" class="attachment-full size-full" alt="lacteos-peters-screenshot_08" srcset="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_08.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_08-300x142.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_08-1024x485.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_08-768x364.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_08-1536x727.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_08-600x284.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_08-150x71.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_09.jpg" data-width="1920" data-height="503" data-index="9" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="503" src="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_09.jpg" class="attachment-full size-full" alt="lacteos-peters-screenshot_09" srcset="https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_09.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_09-300x79.jpg 300w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_09-1024x268.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_09-768x201.jpg 768w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_09-1536x402.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_09-600x157.jpg 600w, https://mazechile.com/wp-content/uploads/2024/07/lacteos-peters-screenshot_09-150x39.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-a62c7cf wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="a62c7cf" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-d3533b7 e-con-full e-flex e-con e-child" data-id="d3533b7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-1bea75d e-con-full contenedor-perspectiva e-flex e-con e-child" data-id="1bea75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cd315f video-celular wd-width-100 elementor-widget elementor-widget-wd_video" data-id="9cd315f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/Nbn78knabwg?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=Nbn78knabwg" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f512489 e-con-full e-flex e-con e-child" data-id="f512489" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-a81b0ed elementor-widget elementor-widget-html" data-id="a81b0ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Versión Celular</h2>
				</div>
				</div>
				<div class="elementor-element elementor-element-7c2736a elementor-widget elementor-widget-wd_text_block" data-id="7c2736a" data-element_type="widget" data-e-type="widget" data-widget_type="wd_text_block.default">
				<div class="elementor-widget-container">
							<div class="wd-text-block reset-last-child text-left">
			
			<p>La plataforma web de Lácteos Peters está optimizada para dispositivos móviles, ofreciendo una experiencia de usuario fluida y accesible desde cualquier smartphone o tablet. El diseño responsivo permite a los usuarios explorar el catálogo de productos artesanales de manera cómoda y eficiente, destacando la calidad y el sabor que Lácteos Peters ha preservado por más de 30 años.</p>
					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-cc125bf elementor-widget elementor-widget-html" data-id="cc125bf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>

 div[data-id="1bea75d"]{
    perspective: 3500px;
    perspective-origin: 20% 50%;
}
    
    .video-celular{
    aspect-ratio: 9/16;
    width:550px;
    background-color: black;
    border-radius: 2rem;
    transform:rotateX(9deg) rotateY(13deg) rotateZ(-5deg);
    animation: celular 6s ease-in-out infinite forwards;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.15); /* Sombras paralelas */
    transition: .3s ease-in-out;
    position: relative;
    left: 0;
    cursor: pointer;
}

.video-celular:hover {
    left: 3%;
    transform:scale(.75) rotateX(0deg) rotateY(0deg) rotateZ(0deg)!important;
    box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14)!important;
    perspective: none;
}

@keyframes celular {
    0%,100%{ 
        transform:scale(.75) rotateX(9deg) rotateY(7deg) rotateZ(-3deg);
        box-shadow: -150px -10px 70px rgba(0, 0, 0, 0.2); /* Ajustes de sombra para escala 0.75 */}

    50%{ 
        transform:scale(.7) rotateX(9deg) rotateY(20deg) rotateZ(-8deg);
        box-shadow: -50px -5px 40px rgba(0, 0, 0, 0.14); /* Ajustes de sombra para escala 0.8 */
    }
}
    
</style>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-6614245 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="6614245" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-70d6a14 e-con-full e-flex e-con e-child" data-id="70d6a14" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7ab73cd wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7ab73cd" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Tipografía</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-d8825fa e-grid e-con-full e-con e-child" data-id="d8825fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-52080fa e-con-full e-flex e-con e-child" data-id="52080fa" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-2d4af75 elementor-widget elementor-widget-heading" data-id="2d4af75" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">aA</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-508e51b e-con-full e-flex e-con e-child" data-id="508e51b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d1ae5ae elementor-widget elementor-widget-heading" data-id="d1ae5ae" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">Montserrat Bold 700</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-78128f7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="78128f7" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-6d7fe26 elementor-widget elementor-widget-heading" data-id="6d7fe26" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a127d94 e-con-full e-flex e-con e-child" data-id="a127d94" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-762890b elementor-widget elementor-widget-heading" data-id="762890b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h4 class="elementor-heading-title elementor-size-default">IBM Plex Sans Devanagari Light 300</h4>				</div>
				</div>
				<div class="elementor-element elementor-element-ecb0307 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="ecb0307" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
							<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-bbfb704 elementor-widget elementor-widget-heading" data-id="bbfb704" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<p class="elementor-heading-title elementor-size-default">abcdefghijklmnñopqrstuvwxyz<br>
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ<br>
0123456789(!@#$%^&amp;*?:;)</p>				</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-7247d1a wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="7247d1a" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-7775072 e-con-full e-flex e-con e-child" data-id="7775072" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-acf17f5 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="acf17f5" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Paleta de Colores</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-869346b e-grid e-con-full e-con e-child" data-id="869346b" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-31b8d17 e-con-full e-flex e-con e-child" data-id="31b8d17" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3cf125d elementor-widget elementor-widget-html" data-id="3cf125d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color1" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color1', '#5461f8');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-27e33ce e-con-full e-flex e-con e-child" data-id="27e33ce" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-065df4e elementor-widget elementor-widget-html" data-id="065df4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2', '#9067f0');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-1eb6b60 e-con-full e-flex e-con e-child" data-id="1eb6b60" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8d2d1a3 elementor-widget elementor-widget-html" data-id="8d2d1a3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color3" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color3', '#141a43');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-64af62c e-con-full e-flex e-con e-child" data-id="64af62c" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9f4996e elementor-widget elementor-widget-html" data-id="9f4996e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color4" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color4', '#666d92');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-9d6e75d e-grid e-con-full e-con e-child" data-id="9d6e75d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-b184476 e-con-full e-flex e-con e-child" data-id="b184476" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-d2660f9 elementor-widget elementor-widget-html" data-id="d2660f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color5" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color5', '#abafc5');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-33329e7 e-con-full e-flex e-con e-child" data-id="33329e7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-4f1f3ed elementor-widget elementor-widget-html" data-id="4f1f3ed" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color6" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color6', '#e2e2e2');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-c89dc3a e-con-full e-flex e-con e-child" data-id="c89dc3a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-e984833 elementor-widget elementor-widget-html" data-id="e984833" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #5461f8;
        --colorDegradado2: #9067f0;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-736635d wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="736635d" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-3e38ec1 e-con-full e-flex e-con e-child" data-id="3e38ec1" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-7197a07 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="7197a07" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Iconografía</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-4aa91aa elementor-widget elementor-widget-html" data-id="4aa91aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --gapIcons: 3rem;
        --sizeCircle: 100px;
        --bgCircle: white;
        --borderCircle: #2aff6d;
    }
    
    @media screen and (max-width: 1024px){
        :root {
            --gapIcons: 1.5rem;
            --sizeCircle: 80px;
        }
    }
    
    @media screen and (max-width: 767px){
        :root {
            --gapIcons: 1rem;
            --sizeCircle: 60px;
        }
    }

    .iconografia {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gapIcons);
    }

    .iconografia__icon {
        width: var(--sizeCircle);
        height: var(--sizeCircle);
        background: var(--bgCircle);
        border-radius: 50%;
        padding: calc(var(--sizeCircle) * .2);
        border: 3px solid var(--borderCircle);
    }
    
    .iconografia__icon--img {
        width: 100%;
        object-fit: contain;
    }
</style>
<div class="iconografia">
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
    
    <div class="iconografia__icon">
        <img decoding="async" class="iconografia__icon--img" src="https://mazechile.com/wp-content/uploads/2024/06/ubicacion.png"/>
    </div>
</div>				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-8e42ab3 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="8e42ab3" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-83464b9 e-con-full e-flex e-con e-child" data-id="83464b9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-9cbeb32 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="9cbeb32" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Animación Logo</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-cc6deb4 e-con-full e-flex e-con e-child" data-id="cc6deb4" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-631676d wd-width-100 elementor-widget elementor-widget-wd_video" data-id="631676d" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube">
							<iframe src="https://www.youtube.com/embed/hzyZn9Hg-Ak?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=hzyZn9Hg-Ak" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-c639176 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="c639176" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-c709670 e-con-full e-flex e-con e-child" data-id="c709670" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-f86ac0e wd-width-100 elementor-widget elementor-widget-wd_title" data-id="f86ac0e" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Video Corporativo</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-872e947 wd-width-100 elementor-widget elementor-widget-wd_video" data-id="872e947" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/V60rKww0Cac?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=V60rKww0Cac" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-b06ea23 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b06ea23" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-81ea02c wd-width-100 elementor-widget elementor-widget-wd_images_gallery" data-id="81ea02c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_images_gallery.default">
				<div class="elementor-widget-container">
							<div class="wd-images-gallery photoswipe-images" style="--wd-align-items:center; --wd-justify-content:center;">
						<div class="wd-masonry wd-grid-f-col" style="--wd-col-lg:2;--wd-col-md:2;--wd-col-sm:1;--wd-gap-lg:30px;--wd-gap-sm:10px;" >
																		<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" data-width="1920" data-height="1080" data-index="1" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg" class="attachment-full size-full" alt="petersmock3" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock3.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock3-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" data-width="1920" data-height="1080" data-index="2" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg" class="attachment-full size-full" alt="petersmock4" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock4.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock4-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" data-width="1920" data-height="1080" data-index="3" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg" class="attachment-full size-full" alt="petersmock1" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock1.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock1-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" data-width="1920" data-height="1080" data-index="4" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg" class="attachment-full size-full" alt="petersmock2" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock2.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock2-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
															<div class="wd-gallery-item wd-col">
													<a  href="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" data-width="1920" data-height="1080" data-index="5" data-elementor-open-lightbox="no">
						
						<img loading="lazy" decoding="async" width="1920" height="1080" src="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg" class="attachment-full size-full" alt="petersmock5" srcset="https://mazechile.com/wp-content/uploads/2024/06/petersmock5.jpg 1920w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-300x169.jpg 300w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1024x576.jpg 1024w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-768x432.jpg 768w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-1536x864.jpg 1536w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-600x338.jpg 600w, https://mazechile.com/wp-content/uploads/2024/06/petersmock5-150x84.jpg 150w" sizes="(max-width: 1920px) 100vw, 1920px" />
													</a>
											</div>
													</div>
					</div>
						</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bd043bd wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bd043bd" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-b911b9d e-con-full e-flex e-con e-child" data-id="b911b9d" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-3430826 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="3430826" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Instagram</h2> 
							</div>

					</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-726ee7f e-grid e-con-full e-con e-child" data-id="726ee7f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-8cc1299 e-con-full e-flex e-con e-child" data-id="8cc1299" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ce164fb wd-width-100 elementor-widget elementor-widget-wd_video" data-id="ce164fb" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/MVmUH-Yha2M?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=MVmUH-Yha2M" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6b2417a e-con-full e-flex e-con e-child" data-id="6b2417a" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-610df0f wd-width-100 elementor-widget elementor-widget-wd_video" data-id="610df0f" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/3-ZWPKulArE?feature=oembed&loop=1&mute=1&controls=0&autoplay=1&playlist=3-ZWPKulArE" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-bad4e20 wd-section-stretch elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="bad4e20" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-2d7c561 e-con-full e-flex e-con e-child" data-id="2d7c561" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-0acbb93 wd-width-100 elementor-widget elementor-widget-wd_title" data-id="0acbb93" data-element_type="widget" data-e-type="widget" data-widget_type="wd_title.default">
				<div class="elementor-widget-container">
							<div class="title-wrapper wd-set-mb reset-last-child wd-title-color-default wd-title-style-default wd-title-size-default text-left">

			
			<div class="liner-continer">
				<h2 class="woodmart-title-container title wd-fontsize-l">Sitio Web</h2> 
							</div>

					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-d21ba3c wd-width-100 elementor-widget elementor-widget-wd_video" data-id="d21ba3c" data-element_type="widget" data-e-type="widget" data-widget_type="wd_video.default">
				<div class="elementor-widget-container">
					
		<div class="wd-el-video wd-action-without wd-video-youtube wd-with-aspect-ratio">
							<iframe src="https://www.youtube.com/embed/adr130TaQMs?feature=oembed&loop=1&mute=1&controls=1&autoplay=1&playlist=adr130TaQMs" allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="100%" height="100%" loading="lazy"></iframe>			
			
			
					</div>
						</div>
				</div>
				</div>
					</div>
				</div>
		<div class="wd-negative-gap elementor-element elementor-element-9f2c05b wd-section-stretch e-flex e-con-boxed e-con e-parent" data-id="9f2c05b" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}">
					<div class="e-con-inner">
		<div class="elementor-element elementor-element-33ced8f e-con-full e-flex e-con e-child" data-id="33ced8f" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-a296681 elementor-widget elementor-widget-html" data-id="a296681" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<h2 class="titular-portafolio">Paleta de Colores</h2>
				</div>
				</div>
		<div class="elementor-element elementor-element-59413d9 e-grid e-con-full e-con e-child" data-id="59413d9" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
		<div class="elementor-element elementor-element-5693f55 e-con-full e-flex e-con e-child" data-id="5693f55" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-65d824d elementor-widget elementor-widget-html" data-id="65d824d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --muestraDimension: 80px;
        --muestraRadio: 8px;
    }
    
    @media screen and (max-width: 767px){
        :root {
            --muestraDimension: 60px;
            --muestraRadio: 4px;
        }
    }
    
    .color-corporativo {
        background: white;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 1rem;
        border-radius: var(--muestraRadio);
        box-shadow: 0 0 10px hsla(217, 56%, 22%, 0.15);
    }
    
    .color-corporativo div:nth-child(1) {
        border-radius: var(--muestraRadio);
        width: var(--muestraDimension);
        height: var(--muestraDimension);
        background-color: black;
    }
    
    .color-corporativo div:nth-child(2) span {
        font-size: calc(var(--muestraDimension) * 0.25);
        font-family: "Poppins";
    }
    
    .color-corporativo div:nth-child(3) {
        justify-self: center;
        padding: 0 calc(var(--muestraDimension) * 0.25);
    }
    
    .color-corporativo div:nth-child(3) i {
        font-size: calc(var(--muestraDimension) * 0.25);
        cursor: pointer;
        transition: .3s ease-in-out;
    }
    
    .color-corporativo div:nth-child(3) i:hover {
        color: #0d01f9;
    }
</style>

<div id="color10" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
        function actualizarColorCorporativo(id, colorHex) {
            const contenedor = document.getElementById(id);
            if (!contenedor) {
                console.error(`No se encontró un elemento con el id "${id}".`);
                return;
            }
            
            const muestra = contenedor.querySelector(':scope > div:nth-child(1)');
            const codigo = contenedor.querySelector(':scope > div:nth-child(2) > span');
            const copiarIcono = contenedor.querySelector(':scope > div:nth-child(3) > i');
            
            if (!muestra || !codigo || !copiarIcono) {
                console.error(`El contenedor con id "${id}" no tiene la estructura esperada.`);
                return;
            }

            // Actualizar el color de fondo de la muestra y el texto del código
            muestra.style.backgroundColor = colorHex;
            codigo.textContent = colorHex;

            // Función para copiar el código al portapapeles
            function copiarAlPortapapeles() {
                navigator.clipboard.writeText(colorHex).then(() => {
                    const originalIcono = copiarIcono.className;
                    copiarIcono.className = 'ri-checkbox-circle-line';
                    
                    setTimeout(() => {
                        copiarIcono.className = originalIcono;
                    }, 750);
                }).catch(err => {
                    console.error('Error al copiar al portapapeles:', err);
                });
            }

            // Agregar evento de clic al ícono de copiar
            copiarIcono.addEventListener('click', copiarAlPortapapeles);
        }
        
        // Ejemplo de uso
        actualizarColorCorporativo('color10', '#f6a319');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-423fb6e e-con-full e-flex e-con e-child" data-id="423fb6e" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-8c10975 elementor-widget elementor-widget-html" data-id="8c10975" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color320" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color320', '#094663');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-e6ea9c5 e-con-full e-flex e-con e-child" data-id="e6ea9c5" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-ffba712 elementor-widget elementor-widget-html" data-id="ffba712" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color214" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color214', '#C2C2C2');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-b32f015 e-con-full e-flex e-con e-child" data-id="b32f015" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-be321fe elementor-widget elementor-widget-html" data-id="be321fe" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color22" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color22', '#FFC700');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-4fb7768 e-con-full e-flex e-con e-child" data-id="4fb7768" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-dadcb45 elementor-widget elementor-widget-html" data-id="dadcb45" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color221" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color221', '#022430');
</script>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-53cc018 e-con-full e-flex e-con e-child" data-id="53cc018" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-c18b4c9 elementor-widget elementor-widget-html" data-id="c18b4c9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<div id="color2231" class="color-corporativo">
    <div></div>
    <div><span>#193259</span></div>
    <div><i class="ri-file-copy-line"></i></div>
</div>

<script>
    actualizarColorCorporativo('color2231', '#1D698D');
</script>
				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-aa421a7 e-con-full e-flex e-con e-child" data-id="aa421a7" data-element_type="container" data-e-type="container" data-settings="{&quot;_ha_eqh_enable&quot;:false}">
				<div class="elementor-element elementor-element-6c24080 elementor-widget elementor-widget-html" data-id="6c24080" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<style>
    :root {
        --colorDegradado1: #f6a319;
        --colorDegradado2: #FFC700;
        --degradadoFinal: linear-gradient(90deg, var(--colorDegradado1) 0%, var(--colorDegradado2) 100%);
    }
    .degradado-colores {
        height: var(--muestraDimension);
        width: 100%;
        border-radius: var(--muestraRadio);
        background: var(--degradadoFinal);
    }
</style>
<div class="degradado-colores"></div>				</div>
				</div>
				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://mazechile.com/portfolio/lacteos-peteres-web/">Lácteos Peters</a> se publicó primero en <a href="https://mazechile.com">Maze Chile</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://mazechile.com/portfolio/lacteos-peteres-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
