Skip to content
</div> </div> </main> <footer> <!-- BEGIN sections: footer-group --> <!-- END sections: footer-group --> </footer> <script src="//aprendeyemprendenatural.com/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021778870127" type="module" ></script> <script src="//aprendeyemprendenatural.com/cdn/shop/t/1/assets/predictive-search.js?v=149240552485540508541778870127" type="module" fetchpriority="low" ></script> <dialog-component id="search-modal" class="search-modal" > <dialog ref="dialog" on:click="/closeDialogOnClickOutside" on:keydown="/closeDialogOnEscapePress" class="search-modal__content dialog-modal" scroll-lock aria-labelledby="search-modal-heading" > <h2 id="search-modal-heading" class="visually-hidden" > Search </h2> <predictive-search-component class="predictive-search color-scheme-1" style="--product-corner-radius: 0px; --card-corner-radius: 4px;" data-section-id="predictive-search" data-testid="search-component--modal" role="search" aria-label="Search" > <form action="/search" method="get" role="search" class="predictive-search-form" ref="form" on:keydown="/onSearchKeyDown" > <div class="predictive-search-form__header" > <div class="predictive-search-form__header-inner"> <label for="cmdk-input" class="visually-hidden" >Search</label> <input class="search-input" id="cmdk-input" type="search" name="q" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocomplete="off" placeholder="Search" ref="searchInput" on:input="/search" on:keydown="/onSearchKeyDown" > <input name="options[prefix]" type="hidden" value="last" > <span class="svg-wrapper predictive-search__icon"> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> </span> <button type="button" class="button-unstyled predictive-search__reset-button" ref="resetButton" hidden on:click="/resetSearch" > Clear </button> </div> <button type="button" class="button predictive-search__close-modal-button" aria-label="Close dialog" on:click="dialog-component/closeDialog" ref="closeModalButton" > <span class="svg-wrapper"> <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> </div> <div class="predictive-search-form__content-wrapper"> <div class="predictive-search-form__content" ref="predictiveSearchResults" on:click="/handleModalClick" > <div id="predictive-search-results" class="predictive-search-dropdown" role="listbox" aria-expanded="true" style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" > <div class="predictive-search-results__inner"> <div id="predictive-search-products" class="predictive-search-results__products" data-testid="products-list-default--modal" > <h4 class="predictive-search-results__title"> Products </h4> <ul class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled" > <li class="predictive-search-results__card predictive-search-results__card--product" ref="resultsItems[]" > <div class="resource-card" data-resource-type="product" > <a class="resource-card__link" href="/products/velasartesanales" > <span class="visually-hidden"> Ilumina y Crea Velas Artesanales con tus Manos </span> </a> <div class="resource-card__media" style="--resource-card-aspect-ratio: 4 / 5;" > <div aria-hidden="true" class="resource-card__image-placeholder" >Ilumina y Crea Velas Artesanales con tus Manos</div></div> <div class="resource-card__content"> <p class="resource-card__title paragraph">Ilumina y Crea Velas Artesanales con tus Manos</p> <div ref="priceContainer"> <div class=" price__regular " > <span class="price">$43.79</span> </div> <div class=" price__sale price__hidden " > <span class="price-item__group"> <span class="visually-hidden">Regular price </span> <span class="price-item--regular compare-at-price"></span> </span> <span class="price-item__group"> <span class="visually-hidden">Sale price </span> <span class="price-item--sale price">$43.79</span> </span> </div> </div> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="predictive-search-form__footer"> <button class="button predictive-search__search-button" ref="viewAllButton" > View all </button> </div> </div> </form> </predictive-search-component> </dialog> </dialog-component> <script src="//aprendeyemprendenatural.com/cdn/shop/t/1/assets/gift-card-recipient-form.js?v=129634859299628245901778870127" type="module" fetchpriority="low" ></script> <quick-add-dialog id="quick-add-dialog"> <dialog class="quick-add-modal dialog-modal color-scheme-1" ref="dialog" scroll-lock > <button ref="closeButton" on:click="/closeDialog" class="button button-unstyled close-button quick-add-modal__close" aria-label="Close dialog" ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div id="quick-add-modal-content" class="quick-add-modal__content" ></div> </dialog> </quick-add-dialog> </body> </html>