/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:15 Unexpected "{"
Line 17:24 Expected ":"
Line 17:31 Unexpected "{"
Line 25:15 Unexpected "{"
Line 25:24 Expected ":"
Line 29:15 Unexpected "{"
Line 29:24 Expected ":"
Line 32:15 Unexpected "{"
... and 51 more hidden warnings

**/
{% style %}
  .snazz-hero-{{ section.id }} {
    position: relative;
    min-height: 640px;
    display: flex;
    align-items: flex-end;
    background-color: #1A1D21;
    overflow: hidden;
  }
  .snazz-hero-{{ section.id }} .snazz-hero-media {
    position: absolute;
    inset: 0;
  }
  .snazz-hero-{{ section.id }} .snazz-hero-media img {
    width: 100%; height: 100%; object-fit: cover;
  }
  .snazz-hero-{{ section.id }} .snazz-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(26,29,33,0) 30%, rgba(26,29,33,{{ section.settings.overlay_opacity | divided_by: 100.0 }}) 100%);
  }
  .snazz-hero-{{ section.id }} .snazz-hero-content {
    position: relative;
    z-index: 2;
    padding: 0 6% 90px;
    max-width: 760px;
    color: #F5F7FA;
  }
  .snazz-hero-{{ section.id }} .snazz-kicker {
    color: #F5F7FA;
    opacity: 0.7;
  }
  .snazz-hero-{{ section.id }} h1 {
    font-size: clamp(3.2rem, 5vw, 5.6rem);
    line-height: 1.05;
    margin: 16px 0 20px;
    font-weight: 600;
  }
  .snazz-hero-{{ section.id }} p {
    font-size: 1.8rem;
    line-height: 1.5;
    opacity: 0.85;
    max-width: 520px;
    margin-bottom: 34px;
  }
  .snazz-hero-{{ section.id }} .snazz-hero-btn {
    display: inline-block;
    background: #F5F7FA;
    color: #1A1D21;
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    padding: 18px 38px;
    text-decoration: none;
    border: 1px solid #F5F7FA;
  }
  @media (max-width: 749px) {
    .snazz-hero-{{ section.id }} { min-height: 520px; }
    .snazz-hero-{{ section.id }} .snazz-hero-content { padding: 0 6% 60px; }
  }
{% endstyle %}

<section class="snazz-hero-{{ section.id }}">
  <div class="snazz-hero-media">
    {% if section.settings.image != blank %}
      {{ section.settings.image | image_url: width: 1800 | image_tag: loading: 'eager', fetchpriority: 'high' }}
    {% endif %}
    <div class="snazz-hero-overlay"></div>
  </div>
  <div class="snazz-hero-content">
    {% if section.settings.kicker != blank %}
      <span class="snazz-kicker">{{ section.settings.kicker }}</span>
    {% endif %}
    <h1>{{ section.settings.heading }}</h1>
    <p>{{ section.settings.subheading }}</p>
    {% if section.settings.cta_text != blank %}
      <a href="{{ section.settings.cta_link }}" class="snazz-hero-btn">{{ section.settings.cta_text }}</a>
    {% endif %}
  </div>
</section>

{% schema %}
{
  "name": "Snazz - Hero",
  "settings": [
    { "type": "image_picker", "id": "image", "label": "Foto de estilo de vida (fondo)" },
    { "type": "range", "id": "overlay_opacity", "label": "Oscurecer parte inferior", "min": 0, "max": 90, "step": 5, "default": 70 },
    { "type": "text", "id": "kicker", "label": "Texto pequeño (kicker)", "default": "Climatización de diseño" },
    { "type": "text", "id": "heading", "label": "Titular", "default": "Eleva tu confort. Redefine tu espacio." },
    { "type": "textarea", "id": "subheading", "label": "Subtítulo", "default": "La curaduría definitiva en climatización de diseño." },
    { "type": "text", "id": "cta_text", "label": "Texto del botón", "default": "Descubre la colección" },
    { "type": "url", "id": "cta_link", "label": "Enlace del botón" }
  ],
  "presets": [
    { "name": "Snazz - Hero" }
  ]
}
{% endschema %}