<?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>e-Commerce archivos - Maze Chile</title>
	<atom:link href="https://mazechile.com/project-cat/desarrollo-web/e-commerce/feed/" rel="self" type="application/rss+xml" />
	<link>https://mazechile.com/project-cat/desarrollo-web/e-commerce/</link>
	<description>Diseño y Creatividad</description>
	<lastBuildDate>Wed, 24 Sep 2025 12:48:29 +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>e-Commerce archivos - Maze Chile</title>
	<link>https://mazechile.com/project-cat/desarrollo-web/e-commerce/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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">
								<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">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">
								<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>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">
								<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/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">
								<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/2024/07/dpaula_01.jpg" data-width="1920" data-height="1083" data-index="1" data-elementor-open-lightbox="no">
						
						<img 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 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>
	</channel>
</rss>
