/** Shopify CDN: Minification failed

Line 16:19 Unexpected "-->"
Line 39:18 Unexpected "-->"
Line 70:39 Unexpected "-->"
Line 262:0 Unexpected "{"
Line 262:1 Expected identifier but found "%"
Line 497:0 Unexpected "{"
Line 497:1 Expected identifier but found "%"
Line 499:43 Unexpected "-->"
Line 501:1 Expected identifier but found "%"
Line 502:0 Unexpected "{"
... and 194 more hidden warnings

**/
<!-- Link to fonts -->

@font-face {
    font-family: 'Capraia';
    src: url('/cdn/shop/files/Capraia-Regular.woff2?v=1733353247') format('woff2'),
        url('/cdn/shop/files/Capraia-Regular.woff?v=1733353247') format('woff'),
        url('/cdn/shop/files/Capraia-Regular.ttf?v=1733353247') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gopher';
    src: url('/cdn/shop/files/Gopher-Black.woff2?v=1733353247') format('woff2'),
        url('/cdn/shop/files/Gopher-Black.woff?v=1733353247') format('woff'),
        url('/cdn/shop/files/Gopher-Black.ttf?v=1733353247') format('ttf');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


<!-- Font styling -->
:root {
    --heading-font-stack: "Gopher", sans-serif;
    --heading-font-weight: normal;
    --heading-font-style: normal;
    --heading-letterspacing: 0em;
    --heading-capitalize: none;
    --main-font-stack: "Capraia", serif;
    --main-font-weight: normal;
    --main-font-style: normal;
}

.font-heading, a {
    font-family: 'Gopher';
    font-weight: normal;
}

.push-btn__surface {
  font-family: "Montserrat", sans-serif;
}

.inline-rte {
  font-family: "Capraia",
  font-size: 25px;
}

h1, h2, h3 {
    font-family: 'Gopher', sans-serif;
    font-weight: normal;
}

<!-- Block of paragraph of hero banner -->
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 10px;
    margin-inline-end: 10px;
    unicode-bidi: isolate;
}

/**** BLOG POST CONTENT ****/

.article-content {
  --text-color: #FF8402;
  --font-size: 2em;
  --media-edges: 15px;
  --media-shadow: 5px 5px 15px -5px rgb(255 132 2 / 0%);
  --btn-bg: #FF8402;
  --btn-text: #FFEBF9;
  --btn-edges: 25px;
  --spacing: 30px 0;
}

/* text color */
.article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6, .article-content p, .article-content ul, .article-content ol, .article-content div.article-excerpt {
  color: var(--text-color);
}

/* font sizes */

.shopify-policy__container h1 {
    font-family: 'Gopher', sans-serif;
    font-weight: normal;
}

a.push-btn.inline-block {
    font-family: 'Gopher', sans-serif;
    font-weight: normal;
}

.article-content h2 {
  font-size: calc(2.5rem * 1) !important;
}

.article-content h3 {
  font-size: calc(1.75rem * 1) !important
}

.article-content p, li {
  font-size: calc(1.2rem * 1) !important;
}

@media (max-width: 749px) {
	.article-content h2 {
	  font-size: calc(2rem * 1) !important;
	}
	
	.article-content h3 {
	  font-size: calc(1.5rem * 1) !important;
	}
}

/* element spacing */
.article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6, .article-content p, .article-content ul, .article-content ol
.article-content embed {
  margin: var(--spacing);
}

/* blockquotes */
.article-content blockquote {
  border: none;
  margin: 0 auto;
  font-style: normal;
}

.article-content blockquote p {
  margin: 0;
  color: #fff !important;
  font-size: 2em;
  line-height: 1.2;
}

@media (max-width: 749px) {
  .article-content blockquote p {
    font-size: 1.5em;
  }
}

.article-content blockquote:not(.tiktok-embed, .instagram-media) {
  background: var(--text-color);
  color: #fff !important;
  padding: 30px;
  border-radius: var(--media-edges);
  font-size: 1.3em;
}

@media (max-width: 749px) {
  .article-content blockquote:not(.tiktok-embed, .instagram-media) {
    font-size: 1em; 
  }
}

/* lists */
.article-content ul, .article-content ol {
  padding-left: 20px !important;
  list-style: disc;
}

/* excerpt */
.article-content div.article-excerpt {
  font-size: 1.8em;
  line-height: 1.2;
}

/* text links */
.article-content a {
  color: var(--text-color);
  transition: 0.3s;
}

.article-content a:hover {
  color: var(--text-color);
  transition: 0.3s;
}

/* buttons */
.article-content h6 a {
  display: inline-block;
  background-color: var(--btn-bg);
  color: var(--btn-text);
  border: 1px solid var(--btn-bg);
  padding: 8px 50px;
  text-decoration: none !important;
  border-radius: var(--btn-edges);
  font-size: 16px;
  text-align: center;
}

.article-content h6:has(> a) {
  text-align: center;
}

.article-content h6 a:hover {
  background-color: var(--btn-text);
  color: var(--btn-bg);
}

.article-content .rte a {
  background: none;
}

/* images */

.article-content img {
  width: 100%; 
  height: auto;   
}

/* media styling for drop shadows & rounded corners*/

.article-content img:not(.LT-blog__CollectionProductCardImage img, .LT-blog__ProductImage img, .lt-article-author-image img), .article-content iframe, blockquote.tiktok-embed {
  box-shadow: var(--media-shadow);
  border-radius: var(--media-edges) !important;
}

/* tiktok embeds */

.article-content .tiktok-embed {
  max-width: 325px !important;
  padding: 0 !important;
  box-shadow: var(--media-shadow);
  border-radius: var(--media-edges) !important;
}

.article-content blockquote.tiktok-embed {
   display: block !important;
}

/* instagram embeds */

.article-content iframe.instagram-media {
   margin: 0 auto !important;
}

/* dawn theme */
@media screen and (min-width: 750px) {
  .article-content.page-width--narrow {
    padding: 0;
  }
}

/* Styling blog */
{%- style -%}
  .LT-blog__Card {
    --font-size: 1rem;
    --card-bg: #FF8402;
    --card-text: #FFEBF9;
    --card-edges: 15px;
    --card-shadow: 5px 5px 15px -5px rgb(0 0 0 / 0%);
    --card-btn-bg: #FF8402;
    --card-btn-text: #FFEBF9;
    --card-btn-edges: 25px;
    margin-bottom: 50px;
  }

  .LT-blog__Card a {
    text-decoration: none !important;
    color: var(--card-text);
  }

  .LT-blog__ProductCard {
    align-items: center;
    background-color: var(--card-bg);
    border-radius: var(--card-edges);
    box-shadow: var(--card-shadow);
    color: var(--card-text);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    max-width: 80%;
    overflow: hidden;
    text-transform: uppercase;
  }

  .LT-blog__ProductImage a {
    min-width: 100%;
  }

  .LT-blog__ProductImage img {
    border: none !important;
    display: block;
    margin: 0 !important;
    min-height: 100%;
    height: auto;
    object-fit: cover;
    width: 100%;
  }

  .LT-blog__ProductInfo {
    padding: 30px;
    text-align: center;
  }

  .LT-blog__ProductTitle {
    font-size: 1.1em;
    font-weight: bold;
  }

  .LT-blog__PriceContainer {
    display: flex;
    gap: 0.5em;
  }

  .LT-blog__SalePrice {
    opacity: 0.5;
  }

  .LT-blog__ProductPrice {
    font-weight: 600;
    justify-content: center;
  }

  .LT-blog__ProductAction {
    margin-top: 1em;
  }

  .LT-blog__Card .btn {
    background-color: var(--card-btn-bg);
    color: var(--card-btn-text);
    border: 1px solid var(--card-btn-bg);
    border-radius: var(--card-btn-edges);
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    padding: 0.5em 2em;
    text-transform: uppercase;
    transition: all 0.25s ease;
  }

  .LT-blog__ProductAction .btn {
    width: 100%;
  }

  .LT-blog__Card .btn:hover {
    background-color: var(--card-btn-text);
    color: var(--card-btn-bg);
    border: 1px solid var(--card-btn-bg);
  }

  .LT-blog__CollectionHeader {
    align-items: center;
    display: flex;
    gap: calc(var(--font-size) * 1);
    justify-content: space-between;
  }

  .LT-blog__CollectionTitle {
    color: var(--card-text);
    font-size: 1.75em;
  }

  .LT-blog__CollectionTitle h3 {
    margin: 0;
  }

  .LT-blog__CollectionAction .LT-blog__Card .btn {
    margin: 0;
  }

  .LT-blog__CollectionBody {
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 20px;
  }

  .LT-blog__CollectionProductCard {
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
    border-radius: var(--card-edges);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    text-transform: uppercase;
  }

  .LT-blog__CollectionProductCardImage {
    padding-bottom: 100%;
    position: relative;
  }

  .LT-blog__CollectionProductCardImage > * {
    border: none !important;
    height: 100% !important;
    left: 50%;
    margin: 0 !important;
    object-fit: cover;
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    width: 100% !important;
  }

  .LT-blog__CollectionProductCardInfo {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding: 20px;
  }

  .LT-blog__CollectionProductCardTitle {
    line-height: 1.2;
  }

  .LT-blog__no-results {
    margin: 30px auto;
    text-align: center;
  }

  .LT-blog__Newsletter.LT-blog__Card {
      max-width: 600px;
      margin: 0 auto;
  }

  .LT-blog__NewsletterInner {
    background-color: var(--card-bg);
    border-radius: var(--card-edges);
    box-shadow: var(--card-shadow);
    color: var(--card-text);
    overflow: hidden;
    padding: 50px;
    text-align: center;
  }

  .LT-blog__NewsletterTitle {
    font-size: 30px;
    font-weight: bold;
  }

  .LT-blog__NewsletterBody form {
    align-items: center;
    display: grid;
    gap: calc(var(--font-size) * 1);
    grid-template-columns: 1fr calc(var(--font-size) * 15);
    margin: calc(var(--font-size) * 1.5) auto 0;
    max-width: calc(var(--font-size) * 50);
    width: 100%;
  }

  .LT-blog__NewsletterBody form input {
    border: 1px solid var(--card-text);
    border-radius: var(--card-btn-edges);
    color: var(--card-text);
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    padding: 0.5em 1em;
    text-transform: uppercase;
    transition: all 0.25s ease;
  }

  .LT-blog__NewsletterBody form .btn {
    margin: 0;
  }

  @media only screen and (max-width: 1100px) {
    .LT-blog__ProductCard,
    .LT-blog__NewsletterBody form,
    .LT-blog__CollectionBody {
      max-width: 100%;
    }
  }

  @media only screen and (max-width: 767px) {
    .LT-blog__ProductCard,
    .LT-blog__NewsletterBody form,
    .LT-blog__CollectionBody {
      grid-template-columns: 100%;
    }

    .LT-blog__CollectionHeader {
      flex-direction: column;
    }
  }
{%- endstyle -%}

<!-- This code was added by Magenta Studio -->

{%- assign page_content = article.content -%}
{%- capture shop_all -%}<div class="LT-blog__no-results"><a href="/collections/all" class="btn">Ver todos los productos</a></div>{%- endcapture -%}
{%- if page_content != empty -%}
  {%- assign product_content = page_content | split: '[product=' -%}
  {%- assign collection_content = page_content | split: '[collection=' -%}
  {% comment %} Product shortcode {% endcomment %}
  {%- if product_content.size > 1 -%}
    {%- for p in product_content -%}
      {%- assign product_shortcode = null -%}
      {%- assign product_shortcode_product = null -%}
      {%- assign product_content_parts = p | split: ']' -%}
      {%- assign product_shortcode_product = all_products[product_content_parts[0]] -%}
      {%- assign psc = '[product=' | append: product_content_parts[0] | append: ']' -%}

      {%- capture product_shortcode -%}
        <div class="luna-templates-shoppable-blogs LT-blog__Card">
          {%- if product_shortcode_product.id != blank -%}
            <div class="LT-blog__ProductCard">
              <div class="LT-blog__ProductImage">
                <a href="{{ product_shortcode_product.url }}">
                  {%- if product_shortcode_product.featured_image -%}
                    {{ product_shortcode_product.featured_image | image_url: width: product_shortcode_product.featured_image.width | image_tag }}
                    {%- else -%}
                    {{ 'product-1' | placeholder_svg_tag }}
                  {%- endif -%}
                </a>
              </div>
              <div class="LT-blog__ProductInfo">
                <a href="{{ product_shortcode_product.url }}" class="LT-blog__ProductTitle">{{ product_shortcode_product.title }}</a>
                <div class="LT-blog__ProductPrice LT-blog__PriceContainer">
                  <span class="LT-blog__Price">{{ product_shortcode_product.price | money_with_currency }}</span>
                  {%- if product_shortcode_product.price != product_shortcode_product.compare_at_price -%}<s class="LT-blog__SalePrice">{{ product_shortcode_product.compare_at_price | money_with_currency }}</s>{%- endif -%}
                </div>
                <div class="LT-blog__ProductAction">
                  {%- if product_shortcode_product.variants.size > 1 -%}
                    <a href="{{ product_shortcode_product.url }}" class="btn">View Product</a>
                    {%- else -%}
                    {%- form 'product', product_shortcode_product -%}
                      <input type="hidden" name="id" value="{{ product_shortcode_product.selected_or_first_available_variant.id }}">
                      <button class="btn" type="submit">Add to Cart</button>
                    {%- endform -%}
                  {%- endif -%}
                </div>
              </div>
            </div>
          {%- else -%}
            {{ shop_all }}
          {%- endif -%}
        </div>
      {%- endcapture -%}
      {%- assign page_content = page_content | replace: psc, product_shortcode -%}
    {%- endfor -%}
  {%- endif -%}

  {% comment %} Collection shortcode {% endcomment %}
  {%- if collection_content.size > 1 -%}
    {%- for cc in collection_content -%}
      {%- assign collection_shortcode = null -%}
      {%- assign collection_shortcode_collection = null -%}
      {%- assign collection_content_parts = cc | split: ']' -%}
      {%- assign collection_shortcode_collection = collections[collection_content_parts[0]] -%}
      {%- assign csc = '[collection=' | append: collection_content_parts[0] | append: ']' -%}

      {%- capture collection_shortcode -%}
        <div class="luna-templates-shoppable-blogs LT-blog__Collection LT-blog__Card">
          {%- if collection_shortcode_collection.id != blank -%}
            <div class="LT-blog__CollectionHeader">
              <div class="LT-blog__CollectionTitle"><h3>{{ collection_shortcode_collection.title }}</h3></div>
              <div class="LT-blog__CollectionAction">
                <a href="{{ collection_shortcode_collection.url }}" class="btn">Shop</a>
              </div>
            </div>
            <div class="LT-blog__CollectionBody">
              {% paginate collection_shortcode_collection.products by 3 %}
                {%- for pro in collection_shortcode_collection.products -%}
                  <a href="{{ pro.url }}" class="LT-blog__CollectionProductCard" target="_blank">
                    <div class="LT-blog__CollectionProductCardImage">
                      {%- if pro.featured_image -%}
                        {{ pro.featured_image | image_url: width: pro.featured_image.width | image_tag }}
                        {%- else -%}
                        {{ 'product-1' | placeholder_svg_tag }}
                      {%- endif -%}
                    </div>
                    <div class="LT-blog__CollectionProductCardInfo">
                      <div class="LT-blog__CollectionProductCardTitle">{{ pro.title }}</div>
                      <div class="LT-blog__CollectionProductCardPrice LT-blog__PriceContainer">
                        <span class="LT-blog__Price">{{ pro.price | money_with_currency }}</span>
                        {%- if pro.price != pro.compare_at_price -%}<s class="LT-blog__SalePrice">{{ pro.compare_at_price | money_with_currency }}</s>{%- endif -%}
                      </div>
                    </div>
                  </a>
                {%- else -%}
                  {{ shop_all }}
                {%- endfor -%}
              {% endpaginate %}
            </div>
          {%- else -%}
            {{ shop_all }}
          {%- endif -%}
        </div>
      {%- endcapture -%}
      {%- assign page_content = page_content | replace: csc, collection_shortcode -%}
    {%- endfor -%}
  {%- endif -%}

  {% comment %} Newsletter shortcode {% endcomment %}
  {%- if page_content contains '[newsletter]' -%}
    {%- capture newsletter -%}
      <div class="LT-blog__Newsletter LT-blog__Card">
        <div class="LT-blog__NewsletterInner">
          <div class="LT-blog__NewsletterHeader">
            <div class="LT-blog__NewsletterTitle">Get 10% Off</div>
            <div class="LT-blog__NewsletterContent">Subscribe and get 10% off your first order</div>
          </div>
          <div class="LT-blog__NewsletterBody">
            {% form "customer" %}
              <input type="hidden" name="contact[accepts_marketing]" value="true">
              {% comment %} <input type="text" value="{% if customer %}{{ customer.name }}{% endif %}" placeholder="Name" name="contact[name]" autocorrect="off" autocapitalize="off" aria-label="Name"{% if form.errors contains 'name' %} aria-invalid="true" {% endif %} required> {% endcomment %}
              <input type="email" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="Email" name="contact[email]" autocorrect="off" autocapitalize="off" aria-label="Email"{% if form.errors contains 'email' %} aria-invalid="true"{% endif %} required>
              <button type="submit" class="btn">Subscribe</button>
              {%- if form.posted_successfully? -%}
                <p tabindex="-1" autofocus style="margin:0">Thanks for subscribing!</p>
              {%- endif -%}
            {% endform %}
          </div>
        </div>
      </div>
    {%- endcapture -%}
    {%- assign page_content = page_content | replace: '[newsletter]', newsletter -%}
  {%- endif -%}
{%- endif -%}
{%- echo page_content -%}