<div class="planes-wrapper">
  {% if module.titulo_seccion %}
    <h2 class="planes-main-title"></h2>
  {% endif %}

  <div class="planes-container">
    {% for plan in module.planes %}
      <div class="plan-card" style="background-color: ; color: ;">
        
        <!-- Header del Plan -->
        <div class="plan-header">
          <div class="plan-badge-row">
            {% if plan.badge_texto %}
              <span class="plan-badge" style="border-color: ; color: ;">
                
              </span>
            {% endif %}
            
            {% if plan.badge_imagen.src %}
              <img src="" alt="" class="plan-header-icon" loading="lazy">
            {% endif %}
          </div>

          {% if plan.titulo_plan %}
            {% set tag_titulo = plan.tag_titulo_plan ? plan.tag_titulo_plan : 'h3' %}
            < class="plan-title" style="color: ;">
              
            </>
          {% endif %}

          {% if plan.descripcion_plan %}
            <div class="plan-description">
              
            </div>
          {% endif %}
        </div>

        <!-- Lista de Características -->
        <div class="plan-features-list">
          {% for feature in plan.caracteristicas %}
            <div class="feature-row">
              <div class="feature-icon-wrapper">
                {% if feature.icono.src %}
                  <img src="" alt="Icon" class="feature-icon">
                {% else %}
                  <svg class="feature-icon-default" viewBox="0 0 24 24" fill="none" stroke="" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
                    <polyline points="22 4 12 14.01 9 11.01"></polyline>
                  </svg>
                {% endif %}
              </div>
              <div class="feature-content">
                <h4 class="feature-title" style="color: ;">
                  
                </h4>
                {% if feature.desc_feature %}
                  <div class="feature-desc">
                    
                  </div>
                {% endif %}
              </div>
            </div>
          {% endfor %}
        </div>

      </div>
    {% endfor %}
  </div>
</div>