{%
  set classes = [
    'node',
    'node--type-' ~ node.bundle|clean_class,
    node.isPromoted() ? 'node--promoted',
    node.isSticky() ? 'node--sticky',
    not node.isPublished() ? 'node--unpublished',
    view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
  ]
%}
{{ attach_library('starterkit_theme/node') }}
<article{{ attributes.addClass(classes) }}>

  {{ title_prefix }}
  {% if label and not page %}
    <h2{{ title_attributes }}>
      <a href="{{ url }}" rel="bookmark">{{ label }}</a>
    </h2>
  {% endif %}
  {{ title_suffix }}

  <div{{ content_attributes.addClass('node__content') }}>
    <div class="miproducto">
      <div>
      {{ content.field_ficha_tecnica.url }}
        {{ content.field_image.0 }}

        {% if content.field_image.1 %} 
        <br>     
        {{ content.field_image.1 }}
        
        {% endif %}
        {% if content.field_ficha_tecnica.0 %}      
        <a class="ficha" target="_blank" href="{{ content.field_ficha_tecnica.0 }}">{% trans %}Technical Data Sheet{% endtrans %}</a>
        
        {% endif %}
        <br>
       {% if content.field_ficha_tecnica.1 %}      
        <a class="ficha" target="_blank" href="{{ content.field_ficha_tecnica.1 }}">{% trans %}Options and Extras{% endtrans %}</a>
        
        {% endif %}
      </div>
      <div>
        <h1>{{ node.label }}</h1>

        <div class="dosproducto">
        <div>
        {{ content.body }}
        </div>
        <div>
<div class="accordionMenu">
{% if content.field_principales.0 %}
        <!-- 1st menu  -->
        <input type="radio" name="trg1" id="acc1">
        <label for="acc1">
{% trans %}
    <h3>Main features</h3>
{% endtrans %}
</label>
        <div class="content">
            <div class="inner">
    {{ content.field_principales.0 }} 
            </div>
        </div>
        {% endif %}
        {% if content.field_opciones.0 %}
        <!-- 1st menu  -->
        <input type="radio" name="trg1" id="acc2">
        <label for="acc2">{% trans %}
    <h3>Options</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
    {{ content.field_opciones.0 }} 
            </div>
        </div>
        {% endif %}
{% if content.field_funcionamiento.0 %}
        <!-- 1st menu  -->
        <input type="radio" name="trg1" id="acc3">
        <label for="acc3">{% trans %}
    <h3>Operation</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
    {{ content.field_funcionamiento.0 }} 
            </div>
        </div>
        {% endif %}
        {% if content.field_uso.0 %}
        <!-- 2nd menu -->
        <input type="radio" name="trg1" id="acc4">
        <label for="acc4">{% trans %}
    <h3>Usage</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_uso.0 }}
</p>
            </div>
        </div>
        {% endif %}
        {% if content.field_modelos.0 %}
        <!-- 3nd menu -->
        <input type="radio" name="trg1" id="acc5">
        <label for="acc5">{% trans %}
    <h3>Available models</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_modelos.0 }}
</p>
            </div>
        </div>
        {% endif %}
       {% if content.field_grados_de_retencion.0 %}
        <input type="radio" name="trg1" id="acc6">
        <label for="acc6"><h3>
    Grados de retención
</h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_grados_de_retencion.0 }}
</p>
            </div>
        </div>
        {% endif %}

      {% if content.field_grados_de_filtracion.0 %}
        <input type="radio" name="trg1" id="acc7">
        <label for="acc7"><h3>
    Grados de filtración
</h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_grados_de_filtracion.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_tamanos.0 %}
        <!-- 4nd menu -->
        <input type="radio" name="trg1" id="acc8">
        <label for="acc8">{% trans %}
    <h3>Sizes</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_tamanos.0 }}
</p>
            </div>
        </div>
        {% endif %}
        {% if content.field_estanqueidad.0 %}
        <!-- 4nd menu -->
        <input type="radio" name="trg1" id="acc9">
        <label for="acc9">{% trans %}
    <h3>Shaft sealing</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_estanqueidad.0 }}
</p>
            </div>
        </div>
        {% endif %}
        {% if content.field_rangos_de_regulacion.0 %}
                <!-- 5nd menu -->
        <input type="radio" name="trg1" id="acc10">
        <label for="acc10">{% trans %}
    <h3>Rangos de regulación</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_rangos_de_regulacion.0 }}
</p>
            </div>
        </div>
        {% endif %}


        {% if content.field_mallas.0 %}

        <input type="radio" name="trg1" id="acc11">
        <label for="acc11"><h3>
    Mallas
</h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_mallas.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_elemento_filtrante.0 %}

        <input type="radio" name="trg1" id="acc12">
        <label for="acc12"><h3>
    Elemento filtrante
</h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_elemento_filtrante.0 }}
</p>
            </div>
        </div>
        {% endif %}


        {% if content.field_conexiones.0 %}
                <!-- 5nd menu -->
        <input type="radio" name="trg1" id="acc13">
        <label for="acc13">{% trans %}
    <h3>Connections</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_conexiones.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_aplicaciones.0 %}
                <!-- 5nd menu -->
        <input type="radio" name="trg1" id="acc14">
        <label for="acc14">{% trans %}
    <h3>Aplications</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_aplicaciones.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_construccion.0 %}
                <!-- 5nd menu -->
        <input type="radio" name="trg1" id="acc15">
        <label for="acc15"><h3>
    Construcción
</h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_construccion.0 }}
</p>
            </div>
        </div>
        {% endif %}




        {% if content.field_rangos_del_termostato.0 %}
                <!-- 5nd menu -->
        <input type="radio" name="trg1" id="acc16">
        <label for="acc16"><h3>
    Rangos del termostato
</h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_rangos_del_termostato.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_actualizadores_disponibles.0 %}
                        <!-- 6nd menu -->
        <input type="radio" name="trg1" id="acc17">
        <label for="acc17">{% trans %}
    <h3>Actualizadores disponibles</h3>
{% endtrans %}<h3>
    </h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_actualizadores_disponibles.0 }}
</p>
            </div>
        </div>
        {% endif %}

                {% if content.field_condiciones.0 %}
                        <!-- 6nd menu -->
        <input type="radio" name="trg1" id="acc18">
        <label for="acc18">{% trans %}
    <h3>Condiciones</h3>
{% endtrans %}<h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_condiciones.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_instalacion.0 %}
                        <!-- 6nd menu -->
        <input type="radio" name="trg1" id="acc19">
        <label for="acc19">
{% trans %}
    <h3>Instalation</h3>
{% endtrans %}
</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_instalacion.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_material.0 %}
                        <!-- 6nd menu -->
        <input type="radio" name="trg1" id="acc20">
        <label for="acc20"><h3>
    Material
</h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_material.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_operacion.0 %}
                        <!-- 6nd menu -->
        <input type="radio" name="trg1" id="acc21">
        <label for="acc21">{% trans %}
    <h3>Operation</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_operacion.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_rendimiento.0 %}
                        <!-- 6nd menu -->
        <input type="radio" name="trg1" id="acc22">
        <label for="acc22">{% trans %}
    <h3>Rendimiento</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_rendimiento.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_diseno.0 %}
                        <!-- 6nd menu -->
        <input type="radio" name="trg1" id="acc23">
        <label for="acc23">{% trans %}
    <h3>Diseño</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_diseno.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_embalaje.0 %}
                        <!-- 6nd menu -->
        <input type="radio" name="trg1" id="acc24">
        <label for="acc24">{% trans %}
    <h3>Embalaje</h3>
{% endtrans %}</label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_embalaje.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_cestas.0 %}
                        <!-- 6nd menu -->
        <input type="radio" name="trg1" id="acc25">
        <label for="acc25"><h3>
    Cestas
</h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_cestas.0 }}
</p>
            </div>
        </div>
        {% endif %}

        {% if content.field_limpieza.0 %}
                        <!-- 6nd menu -->
        <input type="radio" name="trg1" id="acc26">
        <label for="acc26"><h3>
    Limpieza
</h3></label>
        <div class="content">
            <div class="inner">
<p>
    {{ content.field_limpieza.0 }}
</p>
            </div>
        </div>
        {% endif %}


</div>
</div>

        </div>
      </div>
      

    </div>
  </div>

</article>