/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:16 Unexpected "-"
Line 18:1 Expected identifier but found "%"
Line 20:0 Unexpected "<"
Line 22:5 Expected identifier but found "%"
Line 23:6 Unexpected "<"
Line 29:5 Expected identifier but found "%"
Line 30:2 Unexpected "<"
Line 37:7 Expected identifier but found "%"
... and 54 more hidden warnings

**/
{% comment %}
  ProExtintores - Hero con Imagen de Fondo
{% endcomment %}

<section class="proext-hero">
  <div class="proext-hero__bg">
    {% if section.settings.background_image != blank %}
      <img 
        src="{{ section.settings.background_image | image_url: width: 1920 }}"
        alt="ProExtintores"
        loading="eager"
        fetchpriority="high"
      />
    {% endif %}
  </div>
  
  <div class="proext-hero__overlay">&nbsp;</div>
  
  <div class="proext-hero__container page-width">
    <div class="proext-hero__content">
      
      {% if section.settings.badge_text != blank %}
        <div class="proext-hero__badge">
          {{ section.settings.badge_icon }} {{ section.settings.badge_text }}
        </div>
      {% endif %}
      
      <h1 class="proext-hero__title">
        {{ section.settings.title_line1 }}<br>
        <span class="proext-hero__title-highlight">{{ section.settings.title_line2 }}</span>
      </h1>
      
      {% if section.settings.subtitle != blank %}
        <p class="proext-hero__subtitle">{{ section.settings.subtitle }}</p>
      {% endif %}
      
      <div class="proext-hero__buttons">
        {% if section.settings.button1_text != blank %}
          <a href="{{ section.settings.button1_link }}" class="proext-hero__btn proext-hero__btn--primary">
            {{ section.settings.button1_text }}
          </a>
        {% endif %}
        
        {% if section.settings.button2_text != blank %}
          <a 
            href="https://wa.me/{{ section.settings.whatsapp_number }}?text={{ section.settings.whatsapp_message | url_encode }}" 
            class="proext-hero__btn proext-hero__btn--whatsapp"
            target="_blank"
            rel="noopener noreferrer"
          >
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
              <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/>
            </svg>
            {{ section.settings.button2_text }}
          </a>
        {% endif %}
      </div>
      
      {% if section.settings.show_rating %}
        <div class="proext-hero__rating">
          <div class="proext-hero__stars">
            <span>⭐</span><span>⭐</span><span>⭐</span><span>⭐</span><span>⭐</span>
          </div>
          <span class="proext-hero__rating-text">{{ section.settings.rating_text }}</span>
        </div>
      {% endif %}
      
      {% if section.settings.show_trust_badges %}
        <div class="proext-hero__trust">
          <span>✓ Aprobados por Bomberos</span>
          <span>✓ Garantía 1 Año</span>
          <span>✓ Entrega 24hrs</span>
        </div>
      {% endif %}
      
    </div>
  </div>
</section>

<style>
  .proext-hero {
    position: relative;
    min-height: 550px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #1a1a1a;
  }
  
  @media (min-width: 750px) {
    .proext-hero {
      min-height: 620px;
    }
  }
  
  .proext-hero__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
  }
  
  .proext-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
  }
  
  .proext-hero__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    font-size: 0;
    line-height: 0;
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.55) 0%,
      rgba(0, 0, 0, 0.4) 25%,
      rgba(0, 0, 0, 0.25) 50%,
      rgba(0, 0, 0, 0.1) 75%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  
  .proext-hero__container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  
  @media (min-width: 750px) {
    .proext-hero__container {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  }
  
  .proext-hero__content {
    max-width: 550px;
    color: white;
  }
  
  .proext-hero__badge {
    display: inline-block;
    background: #FDE047;
    color: #991B1B;
    font-size: 0.8125rem;
    font-weight: 700;
    padding: 0.5rem 1.25rem;
    border-radius: 9999px;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 15px rgba(253, 224, 71, 0.4);
  }
  
  .proext-hero__title {
    font-size: clamp(2.5rem, 7vw, 4rem);
    font-weight: 800;
    line-height: 1.05;
    margin: 0 0 1.25rem;
    color: white;
    text-shadow: 0 4px 20px rgba(0,0,0,0.5);
    letter-spacing: -0.02em;
  }
  
  .proext-hero__title-highlight {
    color: #FDE047;
  }
  
  .proext-hero__subtitle {
    font-size: 1.1875rem;
    color: rgba(255,255,255,0.95);
    margin: 0 0 2rem;
    line-height: 1.6;
    text-shadow: 0 2px 10px rgba(0,0,0,0.4);
  }
  
  @media (min-width: 750px) {
    .proext-hero__subtitle {
      font-size: 1.3125rem;
    }
  }
  
  .proext-hero__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 2rem;
  }
  
  .proext-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
  }
  
  .proext-hero__btn--primary {
    background: white;
    color: #DC2626;
    box-shadow: 0 4px 20px rgba(255,255,255,0.3);
  }
  
  .proext-hero__btn--primary:hover {
    background: #FDE047;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(253, 224, 71, 0.4);
  }
  
  .proext-hero__btn--whatsapp {
    background: #22C55E;
    color: white;
    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.4);
  }
  
  .proext-hero__btn--whatsapp:hover {
    background: #16A34A;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(34, 197, 94, 0.5);
  }
  
  .proext-hero__rating {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
  }
  
  .proext-hero__stars {
    display: flex;
    gap: 0.125rem;
    font-size: 1.125rem;
  }
  
  .proext-hero__rating-text {
    color: rgba(255,255,255,0.9);
    font-size: 0.9375rem;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
  }
  
  .proext-hero__trust {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.2);
  }
  
  .proext-hero__trust span {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.85);
    font-weight: 500;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
  }
  
  @media (max-width: 749px) {
    .proext-hero {
      min-height: 500px;
    }
    
    .proext-hero__overlay {
      background: rgba(0, 0, 0, 0.6);
    }
    
    .proext-hero__btn {
      width: 100%;
      padding: 0.875rem 1.5rem;
    }
    
    .proext-hero__trust {
      flex-direction: column;
      gap: 0.75rem;
    }
  }
</style>

{% schema %}
{
  "name": "Hero ProExt",
  "tag": "section",
  "class": "proext-hero-section",
  "settings": [
    {
      "type": "header",
      "content": "Imagen de fondo"
    },
    {
      "type": "image_picker",
      "id": "background_image",
      "label": "Imagen de fondo"
    },
    {
      "type": "header",
      "content": "Badge"
    },
    {
      "type": "text",
      "id": "badge_icon",
      "label": "Ícono",
      "default": "🏆"
    },
    {
      "type": "text",
      "id": "badge_text",
      "label": "Texto",
      "default": "#1 EN PANAMÁ"
    },
    {
      "type": "header",
      "content": "Título"
    },
    {
      "type": "text",
      "id": "title_line1",
      "label": "Línea 1",
      "default": "Extintores Certificados"
    },
    {
      "type": "text",
      "id": "title_line2",
      "label": "Línea 2 (amarillo)",
      "default": "Desde $85"
    },
    {
      "type": "textarea",
      "id": "subtitle",
      "label": "Subtítulo",
      "default": "Stock inmediato • Entrega en 24hrs • Certificado para Bomberos incluido"
    },
    {
      "type": "header",
      "content": "Botones"
    },
    {
      "type": "text",
      "id": "button1_text",
      "label": "Botón 1 texto",
      "default": "Ver Catálogo"
    },
    {
      "type": "url",
      "id": "button1_link",
      "label": "Botón 1 enlace"
    },
    {
      "type": "text",
      "id": "button2_text",
      "label": "Botón 2 (WhatsApp)",
      "default": "Cotizar por WhatsApp"
    },
    {
      "type": "text",
      "id": "whatsapp_number",
      "label": "Número WhatsApp",
      "default": "50760000000",
      "info": "Sin + ni espacios"
    },
    {
      "type": "text",
      "id": "whatsapp_message",
      "label": "Mensaje WhatsApp",
      "default": "Hola! Me interesa cotizar extintores."
    },
    {
      "type": "header",
      "content": "Extras"
    },
    {
      "type": "checkbox",
      "id": "show_rating",
      "label": "Mostrar rating",
      "default": true
    },
    {
      "type": "text",
      "id": "rating_text",
      "label": "Texto rating",
      "default": "4.9/5 basado en 127 reseñas"
    },
    {
      "type": "checkbox",
      "id": "show_trust_badges",
      "label": "Mostrar badges de confianza",
      "default": true
    }
  ],
  "presets": [
    {
      "name": "Hero ProExt"
    }
  ]
}
{% endschema %}
/* ===== HERO OVERLAY FIX ===== */
.proext-hero__overlay {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0.4) 25%,
    rgba(0, 0, 0, 0.25) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
}

@media (max-width: 749px) {
  .proext-hero__overlay {
    background: rgba(0, 0, 0, 0.6) !important;
  }
}
/* ============================================
   AJUSTES FINALES PROEXTINTORES
   ============================================ */

/* ===== HERO - TEXTO GRANDE ===== */
.proext-hero__badge {
  font-size: 1rem !important;
  padding: 0.75rem 1.75rem !important;
}

.proext-hero__title {
  font-size: clamp(3rem, 9vw, 5rem) !important;
}

.proext-hero__subtitle {
  display: none !important;
}

.proext-hero__btn {
  font-size: 1.1875rem !important;
  padding: 1.25rem 2.5rem !important;
}

.proext-hero__rating-text {
  font-size: 1.125rem !important;
}

.proext-hero__trust span {
  font-size: 1.0625rem !important;
}

/* ===== HERO OVERLAY ===== */
.proext-hero__overlay {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0.4) 25%,
    rgba(0, 0, 0, 0.25) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    rgba(0, 0, 0, 0) 100%
  ) !important;
}

@media (max-width: 749px) {
  .proext-hero__overlay {
    background: rgba(0, 0, 0, 0.6) !important;
  }
}

/* ===== MENÚ PRINCIPAL - TEXTO GRANDE ===== */
header a,
.header a,
.header nav a,
.header__inline-menu a,
.header__menu-item a,
.list-menu a,
.list-menu__item a,
[class*="header"] [class*="menu"] a,
.header__inline-menu .list-menu__item > a,
.header__inline-menu > ul > li > a,
.header__inline-menu details > summary > span,
.header__active-menu-item,
span.header__active-menu-item {
  font-size: 2rem !important;
  font-weight: 600 !important;
  color: #1E293B !important;
}

.header summary span,
.header details summary span,
.header__menu-item span {
  font-size: 2rem !important;
  font-weight: 600 !important;
}

/* ===== PRODUCTOS - FIX COMPLETO ===== */
.card-wrapper {
  background: white !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
}

.card__inner.color-scheme-2.gradient::before,
.card__inner.color-scheme-2.gradient::after,
.card__inner.gradient::before,
.card__inner.gradient::after {
  opacity: 0 !important;
}

.card__inner {
  --gradient-background: transparent !important;
  --color-background: transparent !important;
  background: white !important;
}

.card__media {
  background: white !important;
  position: relative !important;
}

.card__content,
.card__information {
  background: white !important;
}

/* ===== ANNOUNCEMENT BAR - MÁS GRANDE ===== */
.announcement-bar__message,
.announcement-bar__message span,
.announcement-bar a,
.announcement-bar p,
.announcement-bar__link {
  font-size: 1.325rem !important;
  font-weight: 700 !important;
}

/* ===== PRODUCTOS - FIX COMPLETO ===== */
.card-wrapper {
  background: white !important;
  border-radius: 1.25rem !important;
  overflow: hidden !important;
  border: 2px solid #E2E8F0 !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
}

.card-wrapper:hover {
  border-color: #3B82F6 !important;
  box-shadow: 0 8px 30px rgba(59,130,246,0.15) !important;
  transform: translateY(-4px) !important;
}

.card__inner.color-scheme-2.gradient::before,
.card__inner.color-scheme-2.gradient::after {
  opacity: 0 !important;
}

.card__inner {
  display: flex !important;
  flex-direction: column !important;
  --ratio-percent: unset !important;
  --gradient-background: transparent !important;
  --color-background: transparent !important;
  background: white !important;
}

.card__inner::before {
  display: none !important;
  padding-bottom: 0 !important;
}

.card__media {
  position: relative !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 180px !important;
  padding: 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: white !important;
}

.card__media .media {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.card__media .media img {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  max-height: 200px !important;
  max-width: 85% !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
  display: block !important;
}

.card__content {
  position: relative !important;
  flex: 0 0 auto !important;
  padding: 1rem 1.25rem !important;
  background: white !important;
}

.card__information {
  text-align: center !important;
}
/* ===== BOTÓN AGREGAR AL CARRITO - ESTILO ===== */
.quick-add__submit,
.card .quick-add__submit,
.quick-add button,
.product-form__submit {
  background: #DC2626 !important;
  color: white !important;
  border: none !important;
  border-radius: 0.75rem !important;
  padding: 1rem 1.5rem !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

.quick-add__submit span,
.quick-add button span {
  color: white !important;
  font-size: 1.5rem !important;
}
.quick-add__submit span,
.quick-add button span {
  color: white !important;
}
/* ===== HEADER - MÁS COMPACTO ===== */
.header-wrapper {
  padding: 0 !important;
}

.header {
  padding: 0.25rem 0 !important;
}

.header__heading-logo {
  max-width: 140px !important;
}

@media (min-width: 990px) {
  .header__heading-logo {
    max-width: 150px !important;
  }
}

.header__inline-menu {
  margin: 0 !important;
}
/* ===== PRECIO PRODUCTO - GRANDE Y CENTRADO ===== */
.price,
.price-item,
.price-item--regular,
.price__regular,
.card__information .price {
  font-size: 2.25rem !important;
  font-weight: 800 !important;
  color: #DC2626 !important;
  text-align: center !important;
  display: block !important;
  width: 100% !important;
}

.price__container {
  text-align: center !important;
  justify-content: center !important;
}
/* ===== NOMBRE PRODUCTO - GRANDE Y BOLD ===== */
.card__heading,
.card__heading a,
.card-information__text,
.card__information .card__heading a {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #1E293B !important;
  text-align: center !important;
}
/* ===== BENEFICIOS - FONDO BLANCO ===== */
.proext-benefits {
  background: #FFFFFF !important;
  padding: 1.5rem 0 !important;
  border-top: 1px solid #E5E7EB !important;
  border-bottom: 1px solid #E5E7EB !important;
}

.proext-benefits__item {
  background: #F9FAFB !important;
  padding: 1.25rem 1.5rem !important;
  border-radius: 1rem !important;
  border: 2px solid #E5E7EB !important;
  border-left: 5px solid #DC2626 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.proext-benefits__item:hover {
  border-color: #DC2626 !important;
  background: white !important;
  box-shadow: 0 8px 24px rgba(220, 38, 38, 0.12) !important;
  transform: translateY(-3px) !important;
}

.proext-benefits__icon {
  width: 56px !important;
  height: 56px !important;
  background: linear-gradient(135deg, #DC2626 0%, #991B1B 100%) !important;
  border-radius: 0.75rem !important;
  color: white !important;
}

.proext-benefits__icon svg {
  width: 28px !important;
  height: 28px !important;
  stroke: white !important;
}

.proext-benefits__title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
}

.proext-benefits__link {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #DC2626 !important;
}

@media (max-width: 749px) {
  .proext-benefits__title {
    font-size: 1.125rem !important;
  }
  
  .proext-benefits__link {
    font-size: 0.9375rem !important;
  }
}
/* ===== PRODUCTOS - FIXES HOVER Y BOTÓN ===== */

/* 1. Hover borde rojo en vez de azul */
.card-wrapper:hover {
  border-color: #DC2626 !important;
  box-shadow: 0 8px 30px rgba(220, 38, 38, 0.15) !important;
}

/* 2. Quitar subrayado en hover */
.card__heading a,
.card__heading a:hover,
.card-information a,
.card-information a:hover {
  text-decoration: none !important;
  text-underline-offset: unset !important;
}

/* 3. Botón más bonito y curvo */
.quick-add__submit,
.card .quick-add__submit,
.quick-add button {
  background: #DC2626 !important;
  color: white !important;
  border: none !important;
  outline: none !important;
  border-radius: 2rem !important;
  padding: 1rem 2rem !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
  transition: all 0.3s ease !important;
}

.quick-add__submit:hover,
.card .quick-add__submit:hover,
.quick-add button:hover {
  background: #B91C1C !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(220, 38, 38, 0.4) !important;
}

.quick-add__submit:focus,
.quick-add button:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.3) !important;
}

.quick-add__submit span,
.quick-add button span {
  color: white !important;
  font-size: 1.25rem !important;
}

/* Quitar cualquier borde rectangular */
.quick-add,
.quick-add__submit,
.quick-add form {
  border: none !important;
  outline: none !important;
}
/* ===== QUITAR RECUADRO DEL BOTÓN ===== */
.quick-add,
.quick-add__submit,
.quick-add form,
.quick-add__submit::before,
.quick-add__submit::after,
.quick-add button::before,
.quick-add button::after,
button.quick-add__submit,
.card .quick-add,
.card quick-add {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.quick-add__submit,
button.quick-add__submit {
  background: #DC2626 !important;
  border: none !important;
  outline: none !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

/* Quitar focus outline */
.quick-add__submit:focus-visible,
.quick-add button:focus-visible {
  outline: none !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}
/* ===== POR QUÉ ELEGIRNOS - TEXTO MÁS GRANDE ===== */
.proext-why__title {
  font-size: 3rem !important;
}

.proext-why__subtitle {
  font-size: 1.25rem !important;
}

.proext-why__btn {
  font-size: 1.25rem !important;
}

.proext-why__card-title {
  font-size: 1.5rem !important;
}

.proext-why__card-desc {
  font-size: 1.0625rem !important;
}

@media (max-width: 749px) {
  .proext-why__title {
    font-size: 2rem !important;
  }
  
  .proext-why__card-title {
    font-size: 1.25rem !important;
  }
}
/* ===== CTA - COLORES Y TAMAÑOS ===== */
.proext-cta__title,
.proext-cta h2 {
  color: #FDE047 !important;
  font-size: 2.75rem !important;
  font-weight: 800 !important;
}

.proext-cta__subtitle,
.proext-cta p {
  color: white !important;
  font-size: 1.375rem !important;
}

.proext-cta__phone,
.proext-cta span,
.proext-cta__phone-text {
  color: rgba(255,255,255,0.9) !important;
  font-size: 1.25rem !important;
}

.proext-cta__btn,
.proext-cta a.proext-cta__btn,
.proext-cta .button {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  padding: 1.125rem 2.25rem !important;
}

@media (max-width: 749px) {
  .proext-cta__title,
  .proext-cta h2 {
    font-size: 2rem !important;
  }
  
  .proext-cta__subtitle,
  .proext-cta p {
    font-size: 1.125rem !important;
  }
  
/* ===== CTA - BOTONES GRANDES ===== */
.proext-cta__button,
.proext-cta__button--primary,
.proext-cta__button--whatsapp,
a.proext-cta__button {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  padding: 1.25rem 2.5rem !important;
}

@media (max-width: 749px) {
  .proext-cta__button,
  .proext-cta__button--primary,
  .proext-cta__button--whatsapp {
    font-size: 1.25rem !important;
    padding: 1rem 2rem !important;
  }
}
/* ===== PREDICTIVE SEARCH INLINE ===== */
.header__inline-search {
  position: relative;
}

.header__inline-predictive-search {
  position: relative;
  display: flex;
  align-items: center;
}

.header__inline-search .predictive-search--inline {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 24rem;
  z-index: 100;
  background: rgb(var(--color-background));
  border: 1px solid rgba(var(--color-foreground), 0.1);
  border-radius: 0.8rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  margin-top: 0.4rem;
}

/* ===== CART ICON SIZE FIX ===== */
.header__icon--cart {
  width: 3.2rem !important;
  height: 3.2rem !important;
}

.header__icon--cart .icon {
  width: 1.6rem !important;
  height: 1.6rem !important;
}

.header__icon--cart .svg-wrapper {
  width: 3.2rem !important;
  height: 3.2rem !important;
}

/* ===== CTA - BOTONES GRANDES FIX ===== */
.proext-cta .proext-cta__button,
.proext-cta a.proext-cta__button,
.proext-cta a.proext-cta__button--primary,
.proext-cta a.proext-cta__button--whatsapp,
section.proext-cta .proext-cta__button {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  padding: 1.25rem 2.5rem !important;
  min-width: 200px !important;
}