/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 16:22 Expected identifier but found whitespace
Line 16:36 Unexpected "("
Line 16:51 Expected identifier but found "%"
Line 18:0 Unexpected "<"
Line 234:0 Unexpected "<"
Line 262:9 Expected identifier but found "%"
Line 263:10 Unexpected "{"
Line 263:11 Unexpected "{"
... and 11 more hidden warnings

**/
{% comment %} Section: Imaging Hero (Todo en uno) {% endcomment %}

<style>
  .ix-section-hero {
    background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%); 
    padding: 60px 20px;
    font-family: inherit;
    color: #111827;
  }

  .ix-container {
    max-width: 1100px;
    margin: 0 auto;
  }

  .ix-grid-2 { 
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 30px; 
    align-items: center;
  }

  .ix-badge {
    background: #e1effe;
    color: #0a7cff;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
    display: inline-block;
  }

  .ix-title {
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 800;
    margin-bottom: 16px;
    line-height: 1.15;
    color: #111827;
  }

  .ix-lead {
    font-size: 1.1rem;
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 24px;
  }

  .ix-quick-answers {
    background: #ffffff;
    border-left: 4px solid #0a7cff;
    padding: 18px 20px;
    border-radius: 12px;
    margin-bottom: 24px;
    box-shadow: 0 4px 12px rgba(10, 124, 255, 0.05);
  }

  .ix-hero-bullets { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
  }

  .ix-hero-bullets li { 
    display: flex; 
    align-items: flex-start; 
    gap: 10px; 
    margin-bottom: 10px; 
    font-size: 0.98rem; 
    color: #111827;
    line-height: 1.5;
  }

  .ix-hero-bullets li:last-child {
    margin-bottom: 0;
  }

  .ix-hero-actions { 
    display: flex; 
    flex-direction: column; 
    gap: 12px; 
    margin-bottom: 16px; 
  }

  .ix-btn-primary, .ix-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 28px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.02rem;
    transition: all 0.25s ease;
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
  }

  .ix-btn-primary {
    background: #0a7cff;
    color: white;
    box-shadow: 0 4px 12px rgba(10, 124, 255, 0.25);
  }

  .ix-btn-primary:hover {
    background: #0062cc;
    transform: translateY(-2px);
  }

  .ix-btn-secondary {
    background: #ffffff;
    color: #111827;
    border: 2px solid #e5e7eb;
  }

  .ix-btn-secondary:hover {
    border-color: #0a7cff;
    color: #0a7cff;
    transform: translateY(-2px);
  }

  .ix-microcopy { 
    font-size: 0.9rem; 
    color: #4b5563; 
    margin-top: 12px;
  }

  .ix-hero__img-container {
    position: relative;
    width: 100%;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(10, 124, 255, 0.08);
  }

  .ix-hero__img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Sección de Referral */
  .ix-section-referral {
    padding: 10px 20px 60px 20px;
    background: #ffffff;
  }

  .ix-referral-box {
    background: #fdf8f2;
    border: 1px solid #fed7aa;
    border-radius: 20px;
    padding: 30px 24px;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.05);
  }

  .ix-referral-box h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #9a3412;
    margin-bottom: 10px;
  }

  .ix-referral-box p {
    font-size: 1.02rem;
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 16px;
  }

  .ix-btn-inline {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    color: #0a7cff;
    text-decoration: none;
    font-size: 1.02rem;
  }

  .ix-btn-inline:hover {
    transform: translateX(4px);
  }

  @media (min-width: 769px) {
    .ix-section-hero {
      padding: 80px 20px;
    }
    .ix-grid-2 { 
      grid-template-columns: 1.1fr 0.9fr; 
      gap: 50px;
    }
    .ix-hero__img-container {
      height: 420px;
    }
    .ix-hero-actions { 
      flex-direction: row; 
    }
    .ix-btn-primary, .ix-btn-secondary {
      width: auto; 
    }
    .ix-referral-box {
      padding: 40px 50px;
      text-align: left;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .ix-referral-box p {
      margin-bottom: 16px;
    }
  }
</style>

<div class="ix-section-hero">
  <div class="ix-container ix-grid-2">
    
    <div class="ix-hero-content">
      <span class="ix-badge">🩻 Ecografía Veterinaria</span>
      <h1 class="ix-title">Ecografía veterinaria en Chicureo</h1>
      <p class="ix-lead">Estudios ecográficos para perros y gatos realizados con equipos de alta resolución en nuestro centro veterinario.</p>
      
      <div class="ix-quick-answers">
        <ul class="ix-hero-bullets">
          <li><span>✅</span> <strong>¿Necesitas orden?</strong> Puedes traer la indicación de cualquier veterinario externo.</li>
          <li><span>⏱️</span> <strong>Resultados ágiles:</strong> Informe médico claro y orientado a decisiones clínicas.</li>
          <li><span>📅</span> <strong>Disponibilidad:</strong> Agenda online en pocos clics o consulta bloques de hoy.</li>
        </ul>
      </div>

      <div class="ix-hero-actions">
        <a href="{{ section.settings.btn_primary_link | default: 'https://calendly.com/vetchicureo/agendar-visita' }}" class="ix-btn-primary">Agendar Ecografía</a>
        <a href="https://wa.me/56934077089?text=Hola,%20tengo%20una%20orden%20de%20ecografia%20y%20quiero%20consultar%20horarios" class="ix-btn-secondary" target="_blank" rel="noopener">Hablar por WhatsApp</a>
      </div>
      
      <p class="ix-microcopy">¿Dudas con el ayuno o la preparación? Escríbenos por WhatsApp y te orientamos de inmediato.</p>
    </div>

    <div class="ix-hero-image">
      <div class="ix-hero__img-container">
        {% if section.settings.image != blank %}
          {{ section.settings.image | image_url: width: 1000 | image_tag: loading: 'eager' }}
        {% else %}
          <img src="https://images.unsplash.com/photo-1584132967334-10e028bd69f7?auto=format&fit=crop&w=1000&q=80" alt="Ecografía veterinaria en perros y gatos" loading="eager">
        {% endif %}
      </div>
    </div>

  </div>
</div>

<section class="ix-section-referral">
  <div class="ix-container">
    <div class="ix-referral-box">
      <h2>¿Tu veterinario indicó una ecografía?</h2>
      <p>Puedes realizar el examen con nosotros aunque tu mascota se atienda habitualmente en otra clínica. Nos integramos como tu centro de diagnóstico de confianza.</p>
      <a href="{{ section.settings.btn_primary_link | default: 'https://calendly.com/vetchicureo/agendar-visita' }}" class="ix-btn-inline">Agendar examen →</a>
    </div>
  </div>
</section>

{% schema %}
{
  "name": "🩻 Ecografía - Hero",
  "settings": [
    { "type": "text", "id": "title", "label": "Título", "default": "Ecografía veterinaria en Chicureo" },
    { "type": "textarea", "id": "subtitle", "label": "Subtítulo", "default": "Estudios ecográficos para perros y gatos realizados en nuestro centro veterinario." },
    { "type": "url", "id": "btn_primary_link", "label": "Link Botón Principal (Calendly)" },
    { "type": "image_picker", "id": "image", "label": "Foto Hero (Ecógrafo)" }
  ],
  "presets": [{ "name": "🩻 Ecografía - Hero" }]
}
{% endschema %}