/** Shopify CDN: Minification failed

Line 298:0 Unexpected "{"
Line 298:1 Unexpected "{"
Line 298:3 Expected identifier but found "'junu-styles.css'"
Line 300:0 Unexpected "<"
Line 304:7 Expected identifier but found "%"
Line 305:8 Unexpected "<"
Line 305:34 Unexpected "{"
Line 305:43 Expected ":"
Line 305:62 Unexpected "<"
Line 306:7 Expected identifier but found "%"
... and 204 more hidden warnings

**/
.junu-page * {
  box-sizing: border-box;
}

.junu-page {
  font-family: inherit;
  color: #4b433c;
  background: #ffffff;
}

.junu-wrap {
  width: min(1180px, calc(100% - 44px));
  margin: 0 auto;
}

.junu-center {
  text-align: center;
}

.junu-kicker {
  margin: 0 0 12px;
  color: #8e7d6b;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.junu-title {
  margin: 0 0 16px;
  color: #4b433c;
  font-size: clamp(34px, 5vw, 58px);
  font-weight: 400;
  line-height: 1.05;
}

.junu-text {
  margin: 0;
  color: #6a5e55;
  font-size: 15px;
  line-height: 1.8;
}

.junu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 30px;
  border-radius: 999px;
  background: #d7c3a5;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 1.6px;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color 0.25s ease,
    transform 0.25s ease;
}

.junu-btn:hover {
  background: #c8b08d;
  color: #ffffff;
  transform: translateY(-2px);
}

/* HERO */

.junu-hero-wrap {
  padding: 30px 42px;
  background: #ffffff;
}

.junu-hero {
  position: relative;
  min-height: 590px;
  overflow: hidden;
  border-radius: 24px;
  background: #f8efe5;
  box-shadow: 0 18px 45px rgba(75, 67, 60, 0.08);
}

.junu-hero__media {
  position: absolute;
  inset: 0;
}

.junu-hero__media img,
.junu-hero__media svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.junu-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(248, 239, 229, 0.96) 0%,
    rgba(248, 239, 229, 0.7) 48%,
    rgba(248, 239, 229, 0.08) 100%
  );
}

.junu-hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 590px;
  align-items: center;
  padding: 80px 7%;
}

.junu-hero__copy {
  width: min(470px, 100%);
}

.junu-hero__copy h1 {
  margin: 0 0 22px;
  color: #4b433c;
  font-size: clamp(44px, 6vw, 76px);
  font-weight: 400;
  line-height: 0.95;
}

.junu-hero__copy p {
  margin: 0 0 32px;
  color: #5f554d;
  font-size: 15px;
  line-height: 1.85;
}

@media screen and (max-width: 749px) {
  .junu-wrap {
    width: min(100% - 28px, 1180px);
  }

  .junu-hero-wrap {
    padding: 14px;
  }

  .junu-hero,
  .junu-hero__content {
    min-height: 680px;
  }

  .junu-hero {
    border-radius: 18px;
  }

  .junu-hero__media img {
    object-position: 76% center;
  }

  .junu-hero__overlay {
    background: linear-gradient(
      180deg,
      rgba(248, 239, 229, 0.02) 0%,
      rgba(248, 239, 229, 0.2) 48%,
      rgba(248, 239, 229, 0.94) 100%
    );
  }

  .junu-hero__content {
    align-items: flex-end;
    justify-content: center;
    padding: 36px 24px;
    text-align: center;
  }

  .junu-hero__copy h1 {
    font-size: 42px;
  }
}
/* RITUAL FACIAL */

.junu-ritual-section {
  padding: 80px 0;
  background: #ffffff;
}

.junu-ritual-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 64px;
  align-items: center;
}

.junu-ritual-copy {
  padding: 20px 0;
}

.junu-ritual-text {
  max-width: 560px;
}

.junu-ritual-text p {
  margin: 0;
}

.junu-ritual-list {
  display: grid;
  gap: 14px;
  margin: 28px 0 34px;
  padding: 0;
  list-style: none;
}

.junu-ritual-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #5f554d;
  font-size: 14px;
  line-height: 1.5;
}

.junu-ritual-list__icon {
  display: inline-flex;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fbf6f0;
  font-size: 15px;
}

.junu-ritual-media {
  overflow: hidden;
  min-height: 500px;
  border-radius: 22px;
  background: #f8efe5;
  box-shadow: 0 14px 35px rgba(75, 67, 60, 0.07);
}

.junu-ritual-media img,
.junu-ritual-media svg {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 500px;
  object-fit: cover;
}

@media screen and (max-width: 749px) {
  .junu-ritual-section {
    padding: 56px 0;
  }

  .junu-ritual-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .junu-ritual-copy {
    order: 2;
    padding: 0;
    text-align: center;
  }

  .junu-ritual-media {
    order: 1;
    min-height: 390px;
    border-radius: 18px;
  }

  .junu-ritual-media img,
  .junu-ritual-media svg {
    min-height: 390px;
  }

  .junu-ritual-list {
    width: fit-content;
    max-width: 100%;
    margin: 26px auto 32px;
    text-align: left;
  }
}
{{ 'junu-styles.css' | asset_url | stylesheet_tag }}

<section class="junu-page junu-featured-product">
  <div class="junu-wrap">

    <div class="junu-featured-product__header junu-center">
      {% if section.settings.kicker != blank %}
        <div class="junu-kicker">{{ section.settings.kicker }}</div>
      {% endif %}

      {% if section.settings.title != blank %}
        <h2 class="junu-title">{{ section.settings.title }}</h2>
      {% endif %}

      {% if section.settings.text != blank %}
        <p class="junu-text">{{ section.settings.text }}</p>
      {% endif %}
    </div>

    <div class="junu-featured-product__card">

      <div class="junu-featured-product__media">
        {% if section.settings.image != blank %}
          <img
            src="{{ section.settings.image | image_url: width: 1600 }}"
            alt="{{ section.settings.image_alt | escape }}"
            width="{{ section.settings.image.width }}"
            height="{{ section.settings.image.height }}"
            loading="lazy"
          >
        {% else %}
          {{ 'product-1' | placeholder_svg_tag }}
        {% endif %}
      </div>

      <div class="junu-featured-product__content">

        {% if section.settings.badge != blank %}
          <div class="junu-featured-product__badge">
            {{ section.settings.badge }}
          </div>
        {% endif %}

        {% if section.settings.product_title != blank %}
          <h3>{{ section.settings.product_title }}</h3>
        {% endif %}

        {% if section.settings.rating != blank %}
          <div class="junu-featured-product__rating">
            <span>{{ section.settings.rating }}</span>

            {% if section.settings.reviews != blank %}
              <small>{{ section.settings.reviews }}</small>
            {% endif %}
          </div>
        {% endif %}

        {% if section.settings.description != blank %}
          <div class="junu-featured-product__description">
            {{ section.settings.description }}
          </div>
        {% endif %}

        {% if section.settings.price != blank %}
          <div class="junu-featured-product__price">
            {{ section.settings.price }}
          </div>
        {% endif %}

        {% if section.blocks.size > 0 %}
          <ul class="junu-featured-product__list">
            {% for block in section.blocks %}
              <li {{ block.shopify_attributes }}>
                {% if block.settings.icon != blank %}
                  <span>{{ block.settings.icon }}</span>
                {% endif %}
                {{ block.settings.text }}
              </li>
            {% endfor %}
          </ul>
        {% endif %}

        {% if section.settings.button_label != blank %}
          <a
            href="{{ section.settings.button_link | default: routes.all_products_collection_url }}"
            class="junu-btn"
          >
            {{ section.settings.button_label }}
          </a>
        {% endif %}

      </div>

    </div>

  </div>
</section>

{% schema %}
/* PRODUCTO DESTACADO */

.junu-featured-product {
  padding: 80px 0;
  background: #fbf6f0;
}

.junu-featured-product__header {
  max-width: 700px;
  margin: 0 auto 42px;
}

.junu-featured-product__card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  overflow: hidden;
  border: 1px solid #eee2d5;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(75, 67, 60, 0.07);
}

.junu-featured-product__media {
  min-height: 560px;
  background: #f8efe5;
}

.junu-featured-product__media img,
.junu-featured-product__media svg {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
}

.junu-featured-product__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 58px;
}

.junu-featured-product__badge {
  width: fit-content;
  margin-bottom: 18px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #f8efe5;
  color: #8e7d6b;
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.junu-featured-product__content h3 {
  margin: 0 0 14px;
  color: #4b433c;
  font-size: clamp(30px, 4vw, 48px);
  font-weight: 400;
  line-height: 1.05;
}

.junu-featured-product__rating {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.junu-featured-product__rating span {
  color: #9b8a55;
  letter-spacing: 2px;
}

.junu-featured-product__rating small {
  color: #8e7d6b;
  font-size: 12px;
}

.junu-featured-product__description {
  color: #6a5e55;
  font-size: 15px;
  line-height: 1.8;
}

.junu-featured-product__description p {
  margin: 0;
}

.junu-featured-product__price {
  margin: 24px 0 18px;
  color: #4b433c;
  font-size: 24px;
}

.junu-featured-product__list {
  display: grid;
  gap: 11px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.junu-featured-product__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #5f554d;
  font-size: 14px;
}

.junu-featured-product__list li span {
  color: #8e7d6b;
}

@media screen and (max-width: 749px) {
  .junu-featured-product {
    padding: 56px 0;
  }

  .junu-featured-product__card {
    grid-template-columns: 1fr;
    border-radius: 18px;
  }

  .junu-featured-product__media,
  .junu-featured-product__media img,
  .junu-featured-product__media svg {
    min-height: 380px;
  }

  .junu-featured-product__content {
    padding: 34px 24px 38px;
    text-align: center;
  }

  .junu-featured-product__badge {
    margin-right: auto;
    margin-left: auto;
  }

  .junu-featured-product__rating {
    justify-content: center;
  }

  .junu-featured-product__list {
    width: fit-content;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
  }
}
{{ 'junu-styles.css' | asset_url | stylesheet_tag }}

<section class="junu-page junu-featured-product">
  <div class="junu-wrap">

    <div class="junu-featured-product__header junu-center">
      {% if section.settings.kicker != blank %}
        <div class="junu-kicker">{{ section.settings.kicker }}</div>
      {% endif %}

      {% if section.settings.title != blank %}
        <h2 class="junu-title">{{ section.settings.title }}</h2>
      {% endif %}

      {% if section.settings.text != blank %}
        <p class="junu-text">{{ section.settings.text }}</p>
      {% endif %}
    </div>

    <div class="junu-featured-product__card">
      <div class="junu-featured-product__media">
        {% if section.settings.image != blank %}
          <img
            src="{{ section.settings.image | image_url: width: 1600 }}"
            alt="{{ section.settings.image_alt | escape }}"
            width="{{ section.settings.image.width }}"
            height="{{ section.settings.image.height }}"
            loading="lazy"
          >
        {% else %}
          {{ 'product-1' | placeholder_svg_tag }}
        {% endif %}
      </div>

      <div class="junu-featured-product__content">
        {% if section.settings.badge != blank %}
          <div class="junu-featured-product__badge">
            {{ section.settings.badge }}
          </div>
        {% endif %}

        {% if section.settings.product_title != blank %}
          <h3>{{ section.settings.product_title }}</h3>
        {% endif %}

        <div class="junu-featured-product__rating">
          {% if section.settings.rating != blank %}
            <span>{{ section.settings.rating }}</span>
          {% endif %}

          {% if section.settings.reviews != blank %}
            <small>{{ section.settings.reviews }}</small>
          {% endif %}
        </div>

        {% if section.settings.description != blank %}
          <div class="junu-featured-product__description">
            {{ section.settings.description }}
          </div>
        {% endif %}

        {% if section.settings.price != blank %}
          <div class="junu-featured-product__price">
            {{ section.settings.price }}
          </div>
        {% endif %}

        {% if section.blocks.size > 0 %}
          <ul class="junu-featured-product__list">
            {% for block in section.blocks %}
              <li {{ block.shopify_attributes }}>
                {% if block.settings.icon != blank %}
                  <span>{{ block.settings.icon }}</span>
                {% endif %}
                {{ block.settings.text }}
              </li>
            {% endfor %}
          </ul>
        {% endif %}

        {% if section.settings.button_label != blank %}
          <a
            href="{{ section.settings.button_link | default: routes.all_products_collection_url }}"
            class="junu-btn"
          >
            {{ section.settings.button_label }}
          </a>
        {% endif %}
      </div>
    </div>

  </div>
</section>

{% schema %}
{
  "name": "JUNU Producto destacado",
  "settings": [
    {
      "type": "text",
      "id": "kicker",
      "label": "Texto pequeño",
      "default": "Más vendido"
    },
    {
      "type": "text",
      "id": "title",
      "label": "Título principal",
      "default": "Ice Globes de cristal premium"
    },
    {
      "type": "textarea",
      "id": "text",
      "label": "Descripción superior",
      "default": "El primer paso para crear tu ritual de calma diario."
    },
    {
      "type": "image_picker",
      "id": "image",
      "label": "Imagen del producto"
    },
    {
      "type": "text",
      "id": "image_alt",
      "label": "Texto alternativo",
      "default": "JUNULAB Ice Globes"
    },
    {
      "type": "text",
      "id": "badge",
      "label": "Etiqueta",
      "default": "Bestseller"
    },
    {
      "type": "text",
      "id": "product_title",
      "label": "Nombre del producto",
      "default": "JUNULAB Ice Globes"
    },
    {
      "type": "text",
      "id": "rating",
      "label": "Estrellas",
      "default": "★★★★★"
    },
    {
      "type": "text",
      "id": "reviews",
      "label": "Valoraciones",
      "default": "136 valoraciones"
    },
    {
      "type": "richtext",
      "id": "description",
      "label": "Descripción del producto",
      "default": "<p>Masaje facial refrescante para convertir tu rutina de cuidado en un momento de calma y bienestar.</p>"
    },
    {
      "type": "text",
      "id": "price",
      "label": "Precio",
      "default": "29,90 €"
    },
    {
      "type": "text",
      "id": "button_label",
      "label": "Texto del botón",
      "default": "Ver producto"
    },
    {
      "type": "url",
      "id": "button_link",
      "label": "Enlace del botón"
    }
  ],
  "blocks": [
    {
      "type": "feature",
      "name": "Característica",
      "settings": [
        {
          "type": "text",
          "id": "icon",
          "label": "Icono",
          "default": "✓"
        },
        {
          "type": "text",
          "id": "text",
          "label": "Texto",
          "default": "Set de dos Ice Globes"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "JUNU Producto destacado",
      "blocks": [
        {
          "type": "feature"
        },
        {
          "type": "feature"
        },
        {
          "type": "feature"
        }
      ]
    }
  ]
}
{% endschema %}
  /* TRES FORMAS DE USO */

.junu-uses-section {
  padding: 84px 0;
  background: #fbf6f0;
}

.junu-uses-section__header {
  max-width: 720px;
  margin: 0 auto 42px;
}

.junu-uses-section__intro p {
  margin: 0;
}

.junu-uses-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.junu-use-card {
  overflow: hidden;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(75, 67, 60, 0.07);
}

.junu-use-card__media {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #f8efe5;
}

.junu-use-card__media img,
.junu-use-card__media svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

.junu-use-card:hover .junu-use-card__media img {
  transform: scale(1.035);
}

.junu-use-card__content {
  padding: 24px 22px 28px;
  text-align: center;
}

.junu-use-card__step {
  margin-bottom: 10px;
  color: #a18e78;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.junu-use-card__content h3 {
  margin: 0 0 10px;
  color: #4b433c;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}

.junu-use-card__content p {
  margin: 0;
  color: #6a5e55;
  font-size: 14px;
  line-height: 1.7;
}

@media screen and (max-width: 749px) {
  .junu-uses-section {
    padding: 58px 0;
  }

  .junu-uses-section__header {
    margin-bottom: 30px;
  }

  .junu-uses-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .junu-use-card__media {
    aspect-ratio: 16 / 11;
  }

  .junu-use-card__content {
    padding: 22px 20px 26px;
  }
}
/* BENEFICIOS */

.junu-benefits-section{
  padding:90px 0;
  background:#fff;
}

.junu-benefits-section__intro{
  max-width:700px;
  margin:0 auto 50px;
}

.junu-benefits-section__intro p{
  margin:0;
}

.junu-benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
  margin-top:20px;
}

.junu-benefit-card{
  background:#FBF6F0;
  border-radius:22px;
  padding:38px 30px;
  text-align:center;
  transition:.3s;
}

.junu-benefit-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(75,67,60,.08);
}

.junu-benefit-card__icon{
  font-size:34px;
  margin-bottom:18px;
}

.junu-benefit-card h3{
  margin:0 0 12px;
  color:#4B433C;
  font-size:22px;
  font-weight:400;
}

.junu-benefit-card p{
  margin:0;
  color:#6A5E55;
  font-size:15px;
  line-height:1.7;
}

@media(max-width:749px){

.junu-benefits-section{
padding:60px 0;
}

.junu-benefits-grid{
grid-template-columns:1fr;
gap:20px;
}

}
/* RUTINA */

.junu-routine-section{
  padding:90px 0;
  background:#FBF6F0;
}

.junu-routine-section__text{
  max-width:700px;
  margin:0 auto 34px;
}

.junu-routine-section__text p{
  margin:0;
}

@media(max-width:749px){

.junu-routine-section{
padding:60px 0;
}

.junu-routine-section__text{
margin-bottom:28px;
}

}
/* TESTIMONIOS */

.junu-testimonials-section{
  padding:90px 0;
  background:#ffffff;
}

.junu-testimonials-intro{
  max-width:700px;
  margin:0 auto 50px;
}

.junu-testimonials-intro p{
  margin:0;
}

.junu-testimonials-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
  margin-top:20px;
}

.junu-testimonial-card{
  background:#FBF6F0;
  border-radius:22px;
  padding:34px 30px;
  transition:.3s;
  text-align:left;
}

.junu-testimonial-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(75,67,60,.08);
}

.junu-testimonial-stars{
  color:#B59A67;
  letter-spacing:2px;
  font-size:16px;
  margin-bottom:16px;
}

.junu-testimonial-text{
  color:#5F554D;
  line-height:1.8;
  font-size:15px;
  margin:0 0 22px;
  font-style:italic;
}

.junu-testimonial-card h4{
  margin:0;
  color:#4B433C;
  font-size:15px;
  font-weight:600;
}

@media(max-width:749px){

.junu-testimonials-section{
padding:60px 0;
}

.junu-testimonials-grid{
grid-template-columns:1fr;
gap:20px;
}

}
/* FAQ */

.junu-faq-section{
  padding:90px 0;
  background:#FBF6F0;
}

.junu-faq-section__intro{
  max-width:700px;
  margin:0 auto 50px;
}

.junu-faq-section__intro p{
  margin:0;
}

.junu-faq-list{
  max-width:860px;
  margin:0 auto;
}

.junu-faq-item{
  background:#fff;
  border-radius:18px;
  margin-bottom:16px;
  overflow:hidden;
  border:1px solid #EFE4D7;
}

.junu-faq-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:24px 28px;
  font-size:17px;
  color:#4B433C;
  font-weight:500;
}

.junu-faq-item summary::-webkit-details-marker{
  display:none;
}

.junu-faq-item__icon{
  font-size:22px;
  color:#A18E78;
}

.junu-faq-item[open] .junu-faq-item__icon{
  transform:rotate(45deg);
}

.junu-faq-item__answer{
  padding:0 28px 24px;
  color:#6A5E55;
  line-height:1.8;
}

.junu-faq-item__answer p{
  margin:0;
}

@media(max-width:749px){

.junu-faq-section{
padding:60px 0;
}

.junu-faq-item summary{
padding:20px;
font-size:16px;
}

.junu-faq-item__answer{
padding:0 20px 20px;
}

}