<turbo-stream action="replace" target="listing"><template>
  <turbo-frame id="listing" target="_top">
  
    <section class="show-mobile" style="text-align: center;margin-bottom: 20px;">
      <a href="#" class="button button-medium" data-controller="toggle-filters" data-action="toggle-filters#toggleFilters">Filtra prodotti</a>
    </section>
    <section class="mobile-filters" id="mobile-filters-container">
      <form data-controller="filters" data-turbo-frame="listing" data-turbo-action="advance" action="/es/showroom" accept-charset="UTF-8" method="get">
  <div class="sidebar-accordion" data-controller="accordion">
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Tipología</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="typology[]" id="typology_eyeglasses" value="eyeglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_eyeglasses">Vista</label></li>
            <li><input type="checkbox" name="typology[]" id="typology_sunglasses" value="sunglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_sunglasses">Sol</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Línea</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="line[]" id="line_look" value="look" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="line_look">Look</label></li>
            <li><input type="checkbox" name="line[]" id="line_lookkino" value="lookkino" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="line_lookkino">Lookkino</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Segment</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="segment[]" id="segment_zerosix" value="zerosix" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_zerosix">0-6</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_icons" value="icons" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_icons">Icons</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_moda" value="moda" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_moda">Moda</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_sport" value="sport" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_sport">Sport</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Carácter</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="gender[]" id="gender_male" value="male" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_male">Masculino</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_female" value="female" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_female">Mujer</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_unisex" value="unisex" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_unisex">Unisex</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Tamaños</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="size[]" id="size_kids" value="kids" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_kids">Kids</label></li>
            <li><input type="checkbox" name="size[]" id="size_midsize" value="midsize" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_midsize">Midsize</label></li>
            <li><input type="checkbox" name="size[]" id="size_adult" value="adult" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_adult">Adult</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Material</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="material[]" id="material_4" value="4" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_4">Acetato de Celulosa</label></li>
            <li><input type="checkbox" name="material[]" id="material_5" value="5" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_5">Alumix</label></li>
            <li><input type="checkbox" name="material[]" id="material_10" value="10" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_10">NIL</label></li>
            <li><input type="checkbox" name="material[]" id="material_16" value="16" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_16">Xinox</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Color</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><div class="color-dot" style="background: rgb(255,102,0)"></div><input type="checkbox" name="color[]" id="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967" value="38a87fd8-8eea-4bb9-bda8-3b3875a1a967" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967">Arancio</label></li>
            <li><div class="color-dot" style="background: rgb(210,210,210)"></div><input type="checkbox" name="color[]" id="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3" value="05d3ddec-fac3-4e54-a64c-edfb0855b0e3" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3">Argento</label></li>
            <li><div class="color-dot" style="background: rgb(252,252,252)"></div><input type="checkbox" name="color[]" id="color_9a4cd523-b737-4f20-be37-3d048760bb11" value="9a4cd523-b737-4f20-be37-3d048760bb11" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_9a4cd523-b737-4f20-be37-3d048760bb11">Bianco</label></li>
            <li><div class="color-dot" style="background: rgb(0,0,255)"></div><input type="checkbox" name="color[]" id="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" value="eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1">Blu</label></li>
            <li><div class="color-dot" style="background: rgb(178,255,255)"></div><input type="checkbox" name="color[]" id="color_1e17c45f-b9d9-4cce-9676-429833488b1d" value="1e17c45f-b9d9-4cce-9676-429833488b1d" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_1e17c45f-b9d9-4cce-9676-429833488b1d">Celeste</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,255)"></div><input type="checkbox" name="color[]" id="color_f339bf17-0bcd-44ce-9852-a0cac995ad31" value="f339bf17-0bcd-44ce-9852-a0cac995ad31" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_f339bf17-0bcd-44ce-9852-a0cac995ad31">Cristallo</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,102)"></div><input type="checkbox" name="color[]" id="color_341fab76-5668-4b55-aecd-ee58f2a67ab6" value="341fab76-5668-4b55-aecd-ee58f2a67ab6" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_341fab76-5668-4b55-aecd-ee58f2a67ab6">Giallo</label></li>
            <li><div class="color-dot" style="background: rgb(128,128,128)"></div><input type="checkbox" name="color[]" id="color_5928c60b-d46e-4695-b0b1-752093fb99a1" value="5928c60b-d46e-4695-b0b1-752093fb99a1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_5928c60b-d46e-4695-b0b1-752093fb99a1">Grigio</label></li>
            <li><div class="color-dot" style="background: rgb(217,1,122)"></div><input type="checkbox" name="color[]" id="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf" value="e2e443ea-84e7-4b4f-8901-4635fec34cdf" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf">Magenta</label></li>
            <li><div class="color-dot" style="background: rgb(92,46,15)"></div><input type="checkbox" name="color[]" id="color_4de686d4-1d7a-4fe1-891f-c604831a50e2" value="4de686d4-1d7a-4fe1-891f-c604831a50e2" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_4de686d4-1d7a-4fe1-891f-c604831a50e2">Marrone</label></li>
            <li><div class="color-dot" style="background: rgb(29,29,27)"></div><input type="checkbox" name="color[]" id="color_282f8cc6-26ff-420b-a429-ea818fd94695" value="282f8cc6-26ff-420b-a429-ea818fd94695" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_282f8cc6-26ff-420b-a429-ea818fd94695">Nero</label></li>
            <li><div class="color-dot" style="background: rgb(218,165,32)"></div><input type="checkbox" name="color[]" id="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97" value="315a5da5-ef03-4f1d-814e-7dd7a6a71a97" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97">Oro</label></li>
            <li><div class="color-dot" style="background: rgb(231,178,164)"></div><input type="checkbox" name="color[]" id="color_b831fc91-718b-4973-bbe0-3ad47f553347" value="b831fc91-718b-4973-bbe0-3ad47f553347" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_b831fc91-718b-4973-bbe0-3ad47f553347">Oro Rosè</label></li>
            <li><div class="color-dot" style="background: rgb(184,115,51)"></div><input type="checkbox" name="color[]" id="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282" value="2ac3439d-db7d-49bd-a4a3-3d783ce90282" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282">Rame</label></li>
            <li><div class="color-dot" style="background: rgb(255,153,204)"></div><input type="checkbox" name="color[]" id="color_0501186f-425e-4e02-b312-1c7ebf98f173" value="0501186f-425e-4e02-b312-1c7ebf98f173" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_0501186f-425e-4e02-b312-1c7ebf98f173">Rosa</label></li>
            <li><div class="color-dot" style="background: rgb(255,0,0)"></div><input type="checkbox" name="color[]" id="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a" value="fa99db68-fd30-4cad-97f4-2256dbc3b96a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a">Rosso</label></li>
            <li><div class="color-dot" style="background: rgb(0,102,0)"></div><input type="checkbox" name="color[]" id="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a" value="84ebaab0-2071-4feb-b0b6-be8c7558f26a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a">Verde</label></li>
            <li><div class="color-dot" style="background: rgb(102,0,153)"></div><input type="checkbox" name="color[]" id="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003" value="2909f02d-f1ff-4a58-b1cb-7707a5c5c003" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003">Viola</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Formas</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="form[]" id="form_oval" value="oval" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_oval">Ovalado</label></li>
            <li><input type="checkbox" name="form[]" id="form_phantos" value="phantos" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_phantos">Pantos</label></li>
            <li><input type="checkbox" name="form[]" id="form_butterfly" value="butterfly" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_butterfly">Mariposa</label></li>
            <li><input type="checkbox" name="form[]" id="form_aviator" value="aviator" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_aviator">Piloto</label></li>
            <li><input type="checkbox" name="form[]" id="form_rectangular" value="rectangular" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_rectangular">Rectángulo</label></li>
            <li><input type="checkbox" name="form[]" id="form_round" value="round" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_round">Redondo</label></li>
            <li><input type="checkbox" name="form[]" id="form_square" value="square" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_square">Cuadrado</label></li>
            <li><input type="checkbox" name="form[]" id="form_perimeter" value="perimeter" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_perimeter">Perimetrico</label></li>
            <li><input type="checkbox" name="form[]" id="form_polygonal" value="polygonal" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_polygonal">Polígono</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Calibre</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="caliber[]" id="caliber_38" value="38" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_38">38</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_40" value="40" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_40">40</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_43" value="43" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_43">43</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_44" value="44" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_44">44</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_45" value="45" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_45">45</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_46" value="46" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_46">46</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_47" value="47" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_47">47</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_48" value="48" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_48">48</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_49" value="49" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_49">49</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_50" value="50" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_50">50</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_51" value="51" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_51">51</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_52" value="52" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_52">52</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_53" value="53" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_53">53</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_54" value="54" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_54">54</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_55" value="55" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_55">55</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_56" value="56" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_56">56</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_57" value="57" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_57">57</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_58" value="58" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_58">58</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_59" value="59" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_59">59</label></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="switch-filter">
    <div class="switch-container">
      <input type="checkbox" name="new_arrival" id="new-arrival-switch" value="yes" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" />
      <label for="new-arrival-switch">Nuovi arrivi</label>
    </div>
    <span>Noticias</span>
  </div>

  <input type="submit" name="commit" value="Submit" class="hide" data-filters-target="submitButton" data-disable-with="Submit" />
</form>
<form class="filter-by-code-container" data-turbo-action="advance" action="/es/showroom" accept-charset="UTF-8" method="get">
  <label class="control-label" for="code">Búsqueda por código</label>
  <div class="input-group-with-button">
    <input type="text" name="code" id="filter-code-input" class="input" autocomplete="off" />
    <button name="button" type="submit" class="button button-small"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="chevron-right-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /></svg></button>
  </div>
</form>
<div class="clear-filters hide" id="clear-filters-target">
  <a href="/es/showroom">Borrar filtros</a>
</div>

    </section>
    <section class="items-grid">
      <div class="listing-item">
  <a href="/es/look/10958-52-M5">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/r4jp8gjx1b2mq4xmgh0qjant5xhp?response-content-disposition=inline%3B%20filename%3D%2210958.52.M5.jpg%22%3B%20filename%2A%3DUTF-8%27%2710958.52.M5.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050043Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=74c8a9c7f80453af7728de02ae4f7525c43589407891a0f1f4b4ef43344672b0" />
      </div>
    <span class="item-title">10958 - Cal. 52</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(218,165,32) 50%, rgb(29,29,27) 50%)" href="/es/look/10958-52-M5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(218,165,32) 50%, rgb(178,255,255) 50%)" href="/es/look/10958-52-M6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(231,178,164) 50%, rgb(102,0,153) 50%)" href="/es/look/10958-52-M7"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(29,29,27) 50%)" href="/es/look/10958-52-M8"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/10981-48-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/odent0o0ow608obc51yo6n7jgto3?response-content-disposition=inline%3B%20filename%3D%2210981.48.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2710981.48.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050043Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=0c436e6c343e148c849ac611855704e11bdf0a5d1028337182b158c95f42a503" />
      </div>
    <span class="item-title">10981 - Cal. 48</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(218,165,32) 50%, rgb(218,165,32) 50%)" href="/es/look/10981-48-M1"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/10982-50-M2">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/i88mypcbdugyxofzddp4n060nooc?response-content-disposition=inline%3B%20filename%3D%2210982.50.M2.jpg%22%3B%20filename%2A%3DUTF-8%27%2710982.50.M2.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050043Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=75e7a45872bfe80dda4e721bb83f79e2788d233addb2f175e2217748e054dd1d" />
      </div>
    <span class="item-title">10982 - Cal. 50</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(0,102,0) 50%)" href="/es/look/10982-50-M2"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/10983-52-M3">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/4ijob2q7ulsyn6nfr5yqqlntc1uq?response-content-disposition=inline%3B%20filename%3D%2210983.52.M3.jpg%22%3B%20filename%2A%3DUTF-8%27%2710983.52.M3.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050043Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=37ca57907ae3ea76e54eb1b737d6b5005485c6afeb3865dbb5fac8f37d7d9e21" />
      </div>
    <span class="item-title">10983 - Cal. 52</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(128,128,128) 50%)" href="/es/look/10983-52-M3"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/10984-55-M4">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/23w82ltxb919mtguahwgpq8vqbe6?response-content-disposition=inline%3B%20filename%3D%2210984.55.M4.jpg%22%3B%20filename%2A%3DUTF-8%27%2710984.55.M4.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050043Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4d8e7eb0bc461abdb90fe76bff0203aaa9424829dce3c27fc3b0d746cd1aefe1" />
      </div>
    <span class="item-title">10984 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(0,0,255) 50%)" href="/es/look/10984-55-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/10985-53-M5">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/1fjgc2weqmibgwg8up26t9pwb9l7?response-content-disposition=inline%3B%20filename%3D%2210985.53.M5.jpg%22%3B%20filename%2A%3DUTF-8%27%2710985.53.M5.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050043Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=20725cc5cfc09a197956bce8310afd6e6da34b4ccdc9fec960d6d45abb963496" />
      </div>
    <span class="item-title">10985 - Cal. 53</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/es/look/10985-53-M5"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/10986-53-M6">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/hk9oqc50xk80ydks08dgjsjqnvbd?response-content-disposition=inline%3B%20filename%3D%2210986.53.M6.jpg%22%3B%20filename%2A%3DUTF-8%27%2710986.53.M6.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=a3b0cc5154ae4648d0dcedef4da4f9e6bd077ec5e85e20d41a413f4bc919b93d" />
      </div>
    <span class="item-title">10986 - Cal. 53</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(92,46,15) 50%, rgb(92,46,15) 50%)" href="/es/look/10986-53-M6"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/10987-55-M7">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/o01fptkbyx07q137c8edmoxalahi?response-content-disposition=inline%3B%20filename%3D%2210987.55.M7.jpg%22%3B%20filename%2A%3DUTF-8%27%2710987.55.M7.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4a869955ee266672f70daef2ea9739d6b55afb4ff1a2ede81f09cfe8963ccbdd" />
      </div>
    <span class="item-title">10987 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(255,0,0) 50%)" href="/es/look/10987-55-M7"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/10988-53-M8">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/l7wapbhgja7r00pquktkdx78wqd6?response-content-disposition=inline%3B%20filename%3D%2210988.53.M8.jpg%22%3B%20filename%2A%3DUTF-8%27%2710988.53.M8.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=a09243d7d95270e471ad78213f50867b80c29d0f93bf782076c4146ed4721c44" />
      </div>
    <span class="item-title">10988 - Cal. 53</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(178,255,255) 50%, rgb(178,255,255) 50%)" href="/es/look/10988-53-M8"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/70705-54-M5">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/0tehj568l2m9gl999968otnkoytg?response-content-disposition=inline%3B%20filename%3D%2270705.54.M5.jpg%22%3B%20filename%2A%3DUTF-8%27%2770705.54.M5.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=fa75913993c6e424dd436f30814f3a654f700619996e432f0accba42e63eac45" />
      </div>
    <span class="item-title">70705 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(231,178,164) 50%, rgb(231,178,164) 50%)" href="/es/look/70705-54-M5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(255,0,0) 50%)" href="/es/look/70705-54-M7"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/70706-53-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/70i329v3rhh4aff8ys3pxkrwzxfw?response-content-disposition=inline%3B%20filename%3D%2270706.53.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770706.53.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e81f6c9b20bba4a38a4f69cdbe660a96c604e175afcb8de52b5059705a2a9364" />
      </div>
    <span class="item-title">70706 - Cal. 53</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(218,165,32) 50%, rgb(92,46,15) 50%)" href="/es/look/70706-53-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(231,178,164) 50%, rgb(92,46,15) 50%)" href="/es/look/70706-53-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(0,102,0) 50%)" href="/es/look/70706-53-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(102,0,153) 50%)" href="/es/look/70706-53-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/70707-50-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/ql2zk762mzu7ikynwctw1kfiu2p5?response-content-disposition=inline%3B%20filename%3D%2270707.50.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770707.50.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e386e95cad9f7fadfeb7fc7b739529347183b3f900856d14747f1677dcdb2c48" />
      </div>
    <span class="item-title">70707 - Cal. 50</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(231,178,164) 50%, rgb(0,102,0) 50%)" href="/es/look/70707-50-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,102,0) 50%, rgb(255,102,0) 50%)" href="/es/look/70707-50-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(102,0,153) 50%)" href="/es/look/70707-50-M4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(231,178,164) 50%, rgb(231,178,164) 50%)" href="/es/look/70707-50-M5"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/70708-54-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/kliflm43cdk056ghfgfthicurgbi?response-content-disposition=inline%3B%20filename%3D%2270708.54.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770708.54.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=a8ba6f1aed1779f8ccb3098ec752a2b0980e0fdf166ad94439973bf0ed3e1a4a" />
      </div>
    <span class="item-title">70708 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(218,165,32) 50%, rgb(92,46,15) 50%)" href="/es/look/70708-54-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(218,165,32) 50%, rgb(255,0,0) 50%)" href="/es/look/70708-54-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(0,0,255) 50%)" href="/es/look/70708-54-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(102,0,153) 50%)" href="/es/look/70708-54-M4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(231,178,164) 50%, rgb(231,178,164) 50%)" href="/es/look/70708-54-M5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(255,153,204) 50%)" href="/es/look/70708-54-M6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(102,0,153) 50%)" href="/es/look/70708-54-M7"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/70715-49-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/djczrz1wr9qbshyefjcl3wokh9zq?response-content-disposition=inline%3B%20filename%3D%2270715.49.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770715.49.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=15047f36f02378d620faf94863893b31c0f8f41d99794a4498ec89742ccfab17" />
      </div>
    <span class="item-title">70715 - Cal. 49</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(0,102,0) 50%)" href="/es/look/70715-49-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(29,29,27) 50%)" href="/es/look/70715-49-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(128,128,128) 50%)" href="/es/look/70715-49-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/es/look/70715-49-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/70716-55-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/6evb06lr1fg064hk7qkwvj0hi29w?response-content-disposition=inline%3B%20filename%3D%2270716.55.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770716.55.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=bd72709aec0f03e9d416c5d59d5f4fa8157979b90c7c3e4f0ee12eb292f0fdc6" />
      </div>
    <span class="item-title">70716 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(210,210,210) 50%)" href="/es/look/70716-55-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(29,29,27) 50%)" href="/es/look/70716-55-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(0,102,0) 50%)" href="/es/look/70716-55-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/es/look/70716-55-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/70717-57-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/edy8o6p5akaursvcipnwrvkf7xrf?response-content-disposition=inline%3B%20filename%3D%2270717.57.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770717.57.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4285591681ed5b298c9f12a5359de0137cd4469a3f145f0e8f5efbd605d16656" />
      </div>
    <span class="item-title">70717 - Cal. 57</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(128,128,128) 50%)" href="/es/look/70717-57-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(128,128,128) 50%)" href="/es/look/70717-57-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(0,102,0) 50%)" href="/es/look/70717-57-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(29,29,27) 50%)" href="/es/look/70717-57-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/70718-54-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/hisrzto30ouw079kkje3rzks4riz?response-content-disposition=inline%3B%20filename%3D%2270718.54.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%2770718.54.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ef21249cd7a7433fb4560810bf08a2dba97f6b33748bafaec8a3ad544a3476df" />
      </div>
    <span class="item-title">70718 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(0,102,0) 50%)" href="/es/look/70718-54-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(128,128,128) 50%)" href="/es/look/70718-54-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(92,46,15) 50%, rgb(0,0,255) 50%)" href="/es/look/70718-54-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(178,255,255) 50%, rgb(210,210,210) 50%)" href="/es/look/70718-54-M4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/75390-55-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/34excipbaa9ctow9euy4f32zqu2v?response-content-disposition=inline%3B%20filename%3D%2275390.55.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775390.55.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=5bc7df86b8319949e5e9b66f1ecb500e871211a1eb667978e94cbe856daa7740" />
      </div>
    <span class="item-title">75390 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(128,128,128) 50%)" href="/es/look/75390-55-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(128,128,128) 50%)" href="/es/look/75390-55-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(128,128,128) 50%)" href="/es/look/75390-55-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(92,46,15) 50%, rgb(92,46,15) 50%)" href="/es/look/75390-55-W6"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/75392-53-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/8k5g0hlfvo97qbgm0sq1v4wol6v2?response-content-disposition=inline%3B%20filename%3D%2275392.53.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775392.53.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e61096f3371a1ef0678b5ccb977994f42bc4401f09eedc67f1047479da7d713d" />
      </div>
    <span class="item-title">75392 - Cal. 53</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/es/look/75392-53-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(255,153,204) 50%)" href="/es/look/75392-53-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(231,178,164) 50%)" href="/es/look/75392-53-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(218,165,32) 50%)" href="/es/look/75392-53-W6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/es/look/75392-53-W7"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/75393-54-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/jlayjrqysdp24lxdho9c1denszlx?response-content-disposition=inline%3B%20filename%3D%2275393.54.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775393.54.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=0f2eba4892f6ad5cc4c54746bad4386371a7e276b258ae825c8d3a83d287df50" />
      </div>
    <span class="item-title">75393 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(255,153,204) 50%)" href="/es/look/75393-54-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(217,1,122) 50%, rgb(218,165,32) 50%)" href="/es/look/75393-54-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(255,153,204) 50%)" href="/es/look/75393-54-W4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/es/look/75393-54-W5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(217,1,122) 50%, rgb(231,178,164) 50%)" href="/es/look/75393-54-W6"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/75394-54-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/bxfgaobm5o335baf0m9khih53ycz?response-content-disposition=inline%3B%20filename%3D%2275394.54.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775394.54.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050045Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ed001232a1283fb39c5edcc1a09a9eba4d669d816e5a2e93660720a6fb3d3b3b" />
      </div>
    <span class="item-title">75394 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/es/look/75394-54-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(231,178,164) 50%)" href="/es/look/75394-54-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,153,204) 50%, rgb(231,178,164) 50%)" href="/es/look/75394-54-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(218,165,32) 50%)" href="/es/look/75394-54-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/75395-53-W1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/z0oa1v1pxs350ushpnsws7myll49?response-content-disposition=inline%3B%20filename%3D%2275395.53.W1.jpg%22%3B%20filename%2A%3DUTF-8%27%2775395.53.W1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050045Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=aee5c671338166a0b50c5a838230c51b3c43db6725b7af264285786b3d71aa4f" />
      </div>
    <span class="item-title">75395 - Cal. 53</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(231,178,164) 50%)" href="/es/look/75395-53-W1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(217,1,122) 50%, rgb(231,178,164) 50%)" href="/es/look/75395-53-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(218,165,32) 50%)" href="/es/look/75395-53-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(102,0,153) 50%, rgb(231,178,164) 50%)" href="/es/look/75395-53-W4"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/lookkino/AG03759-46-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/m9m6koimx350zuljtvso325cwonq?response-content-disposition=inline%3B%20filename%3D%22AG03759.46.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03759.46.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050045Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f9bf1a8c32ec4f6b70489ed7cf73347a333b7d0fd0f3070396b7837347f2fd7d" />
      </div>
    <span class="item-title">AG03759 - Cal. 46</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/es/lookkino/AG03759-46-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/lookkino/AG03770-46-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/79n4pjgq2xsnnnvw0j66nnkzas0f?response-content-disposition=inline%3B%20filename%3D%22AG03770.46.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03770.46.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050045Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=eacf20cbfbd7cf9edb0779fcfd10cfa88d3efd1711c4b433daaafb97bf3aeea7" />
      </div>
    <span class="item-title">AG03770 - Cal. 46</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/es/lookkino/AG03770-46-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/lookkino/AG03810-46-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/6qy4kajwf7kcclxdt2rip0nnh99l?response-content-disposition=inline%3B%20filename%3D%22AG03810.46.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03810.46.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050045Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=9edf34cffa6b96cca11153613d5ba33ba2fa1d8f74765594a4bb43b23d5efc22" />
      </div>
    <span class="item-title">AG03810 - Cal. 46</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/es/lookkino/AG03810-46-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/lookkino/AG03813-47-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/wiwvft1jhztt91dnfj85j9eht9lb?response-content-disposition=inline%3B%20filename%3D%22AG03813.47.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG03813.47.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050045Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=67934895652282506752afef9e92f643bcede43081fef07d8ee4d60791bc9ce8" />
      </div>
    <span class="item-title">AG03813 - Cal. 47</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/es/lookkino/AG03813-47-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/AG04610-55-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/nrzwktkfoxz0pgbzba6g5od0rixe?response-content-disposition=inline%3B%20filename%3D%22AG04610.55.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04610.55.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050045Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=800ea9c68eddf59c376a4220d96865dd87fe5f595f34416e29af662887374d86" />
      </div>
    <span class="item-title">AG04610 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/es/look/AG04610-55-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/AG04614-55-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/laj4aqknr142qjvdf8ljhcaegz8n?response-content-disposition=inline%3B%20filename%3D%22AG04614.55.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04614.55.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050045Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c67ae14ca37d440669d81a155930dc7c6f0a3570379ffac5ef83413d57122487" />
      </div>
    <span class="item-title">AG04614 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/es/look/AG04614-55-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/AG04615-50-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/y8d7etbox9qpncvu6slagybh3bpj?response-content-disposition=inline%3B%20filename%3D%22AG04615.50.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04615.50.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050045Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=7ce7194163e8b8f9cf1812d688464f45f453b8dcf0f3a9c7df35f608a0d6c342" />
      </div>
    <span class="item-title">AG04615 - Cal. 50</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/es/look/AG04615-50-C1S"></a>
      </div>
  </div>
</div>
<div class="listing-item">
  <a href="/es/look/AG04619-54-C1S">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/gf8vawyoxllkcd7741htfi2jbhce?response-content-disposition=inline%3B%20filename%3D%22AG04619.54.C1S_F.jpg%22%3B%20filename%2A%3DUTF-8%27%27AG04619.54.C1S_F.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260726%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260726T050045Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f81c52647d8e44a692a01eaac248c263760f41ff128d15bda4f0ab82b50a5efb" />
      </div>
    <span class="item-title">AG04619 - Cal. 54</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/es/look/AG04619-54-C1S"></a>
      </div>
  </div>
</div>

    </section>
      <nav class="pagination" role="navigation" aria-label="pager">
    
<span class="prev">
  <a rel="prev" href="/es/showroom?page=4"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="chevron-left-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z" /></svg></a>
</span>

      <span class="page">
  <a href="/es/showroom">1</a>
</span>

      <span class="page">
  <a href="/es/showroom?page=2">2</a>
</span>

      <span class="page">
  <a href="/es/showroom?page=3">3</a>
</span>

      <span class="page">
  <a rel="prev" href="/es/showroom?page=4">4</a>
</span>

      <span class="page current">
  5
</span>

      <span class="page">
  <a rel="next" href="/es/showroom?page=6">6</a>
</span>

      
<span class="next">
  <a rel="next" href="/es/showroom?page=6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="chevron-right-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /></svg></a>
</span>

  </nav>

</turbo-frame>
</template></turbo-stream><turbo-stream action="update" target="sidebar-filters"><template>
  <form data-controller="filters" data-turbo-frame="listing" data-turbo-action="advance" action="/es/showroom" accept-charset="UTF-8" method="get">
  <div class="sidebar-accordion" data-controller="accordion">
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Tipología</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="typology[]" id="typology_eyeglasses" value="eyeglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_eyeglasses">Vista</label></li>
            <li><input type="checkbox" name="typology[]" id="typology_sunglasses" value="sunglasses" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="typology_sunglasses">Sol</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Línea</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="line[]" id="line_look" value="look" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="line_look">Look</label></li>
            <li><input type="checkbox" name="line[]" id="line_lookkino" value="lookkino" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="line_lookkino">Lookkino</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Segment</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="segment[]" id="segment_zerosix" value="zerosix" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_zerosix">0-6</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_icons" value="icons" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_icons">Icons</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_moda" value="moda" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_moda">Moda</label></li>
            <li><input type="checkbox" name="segment[]" id="segment_sport" value="sport" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="segment_sport">Sport</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Carácter</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="gender[]" id="gender_male" value="male" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_male">Masculino</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_female" value="female" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_female">Mujer</label></li>
            <li><input type="checkbox" name="gender[]" id="gender_unisex" value="unisex" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="gender_unisex">Unisex</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Tamaños</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="size[]" id="size_kids" value="kids" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_kids">Kids</label></li>
            <li><input type="checkbox" name="size[]" id="size_midsize" value="midsize" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_midsize">Midsize</label></li>
            <li><input type="checkbox" name="size[]" id="size_adult" value="adult" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="size_adult">Adult</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Material</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="material[]" id="material_4" value="4" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_4">Acetato de Celulosa</label></li>
            <li><input type="checkbox" name="material[]" id="material_5" value="5" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_5">Alumix</label></li>
            <li><input type="checkbox" name="material[]" id="material_10" value="10" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_10">NIL</label></li>
            <li><input type="checkbox" name="material[]" id="material_16" value="16" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="material_16">Xinox</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Color</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><div class="color-dot" style="background: rgb(255,102,0)"></div><input type="checkbox" name="color[]" id="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967" value="38a87fd8-8eea-4bb9-bda8-3b3875a1a967" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_38a87fd8-8eea-4bb9-bda8-3b3875a1a967">Arancio</label></li>
            <li><div class="color-dot" style="background: rgb(210,210,210)"></div><input type="checkbox" name="color[]" id="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3" value="05d3ddec-fac3-4e54-a64c-edfb0855b0e3" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_05d3ddec-fac3-4e54-a64c-edfb0855b0e3">Argento</label></li>
            <li><div class="color-dot" style="background: rgb(252,252,252)"></div><input type="checkbox" name="color[]" id="color_9a4cd523-b737-4f20-be37-3d048760bb11" value="9a4cd523-b737-4f20-be37-3d048760bb11" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_9a4cd523-b737-4f20-be37-3d048760bb11">Bianco</label></li>
            <li><div class="color-dot" style="background: rgb(0,0,255)"></div><input type="checkbox" name="color[]" id="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" value="eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_eb3ecb8b-b9ff-4bb6-a750-5364a89c1eb1">Blu</label></li>
            <li><div class="color-dot" style="background: rgb(178,255,255)"></div><input type="checkbox" name="color[]" id="color_1e17c45f-b9d9-4cce-9676-429833488b1d" value="1e17c45f-b9d9-4cce-9676-429833488b1d" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_1e17c45f-b9d9-4cce-9676-429833488b1d">Celeste</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,255)"></div><input type="checkbox" name="color[]" id="color_f339bf17-0bcd-44ce-9852-a0cac995ad31" value="f339bf17-0bcd-44ce-9852-a0cac995ad31" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_f339bf17-0bcd-44ce-9852-a0cac995ad31">Cristallo</label></li>
            <li><div class="color-dot" style="background: rgb(255,255,102)"></div><input type="checkbox" name="color[]" id="color_341fab76-5668-4b55-aecd-ee58f2a67ab6" value="341fab76-5668-4b55-aecd-ee58f2a67ab6" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_341fab76-5668-4b55-aecd-ee58f2a67ab6">Giallo</label></li>
            <li><div class="color-dot" style="background: rgb(128,128,128)"></div><input type="checkbox" name="color[]" id="color_5928c60b-d46e-4695-b0b1-752093fb99a1" value="5928c60b-d46e-4695-b0b1-752093fb99a1" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_5928c60b-d46e-4695-b0b1-752093fb99a1">Grigio</label></li>
            <li><div class="color-dot" style="background: rgb(217,1,122)"></div><input type="checkbox" name="color[]" id="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf" value="e2e443ea-84e7-4b4f-8901-4635fec34cdf" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_e2e443ea-84e7-4b4f-8901-4635fec34cdf">Magenta</label></li>
            <li><div class="color-dot" style="background: rgb(92,46,15)"></div><input type="checkbox" name="color[]" id="color_4de686d4-1d7a-4fe1-891f-c604831a50e2" value="4de686d4-1d7a-4fe1-891f-c604831a50e2" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_4de686d4-1d7a-4fe1-891f-c604831a50e2">Marrone</label></li>
            <li><div class="color-dot" style="background: rgb(29,29,27)"></div><input type="checkbox" name="color[]" id="color_282f8cc6-26ff-420b-a429-ea818fd94695" value="282f8cc6-26ff-420b-a429-ea818fd94695" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_282f8cc6-26ff-420b-a429-ea818fd94695">Nero</label></li>
            <li><div class="color-dot" style="background: rgb(218,165,32)"></div><input type="checkbox" name="color[]" id="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97" value="315a5da5-ef03-4f1d-814e-7dd7a6a71a97" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_315a5da5-ef03-4f1d-814e-7dd7a6a71a97">Oro</label></li>
            <li><div class="color-dot" style="background: rgb(231,178,164)"></div><input type="checkbox" name="color[]" id="color_b831fc91-718b-4973-bbe0-3ad47f553347" value="b831fc91-718b-4973-bbe0-3ad47f553347" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_b831fc91-718b-4973-bbe0-3ad47f553347">Oro Rosè</label></li>
            <li><div class="color-dot" style="background: rgb(184,115,51)"></div><input type="checkbox" name="color[]" id="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282" value="2ac3439d-db7d-49bd-a4a3-3d783ce90282" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2ac3439d-db7d-49bd-a4a3-3d783ce90282">Rame</label></li>
            <li><div class="color-dot" style="background: rgb(255,153,204)"></div><input type="checkbox" name="color[]" id="color_0501186f-425e-4e02-b312-1c7ebf98f173" value="0501186f-425e-4e02-b312-1c7ebf98f173" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_0501186f-425e-4e02-b312-1c7ebf98f173">Rosa</label></li>
            <li><div class="color-dot" style="background: rgb(255,0,0)"></div><input type="checkbox" name="color[]" id="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a" value="fa99db68-fd30-4cad-97f4-2256dbc3b96a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_fa99db68-fd30-4cad-97f4-2256dbc3b96a">Rosso</label></li>
            <li><div class="color-dot" style="background: rgb(0,102,0)"></div><input type="checkbox" name="color[]" id="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a" value="84ebaab0-2071-4feb-b0b6-be8c7558f26a" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_84ebaab0-2071-4feb-b0b6-be8c7558f26a">Verde</label></li>
            <li><div class="color-dot" style="background: rgb(102,0,153)"></div><input type="checkbox" name="color[]" id="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003" value="2909f02d-f1ff-4a58-b1cb-7707a5c5c003" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="color_2909f02d-f1ff-4a58-b1cb-7707a5c5c003">Viola</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Formas</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="form[]" id="form_oval" value="oval" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_oval">Ovalado</label></li>
            <li><input type="checkbox" name="form[]" id="form_phantos" value="phantos" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_phantos">Pantos</label></li>
            <li><input type="checkbox" name="form[]" id="form_butterfly" value="butterfly" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_butterfly">Mariposa</label></li>
            <li><input type="checkbox" name="form[]" id="form_aviator" value="aviator" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_aviator">Piloto</label></li>
            <li><input type="checkbox" name="form[]" id="form_rectangular" value="rectangular" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_rectangular">Rectángulo</label></li>
            <li><input type="checkbox" name="form[]" id="form_round" value="round" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_round">Redondo</label></li>
            <li><input type="checkbox" name="form[]" id="form_square" value="square" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_square">Cuadrado</label></li>
            <li><input type="checkbox" name="form[]" id="form_perimeter" value="perimeter" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_perimeter">Perimetrico</label></li>
            <li><input type="checkbox" name="form[]" id="form_polygonal" value="polygonal" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="form_polygonal">Polígono</label></li>
        </ul>
      </div>
    </div>
    <div class="accordion-item" data-accordion-target="item">
      <div class="accordion-header" data-action="click->accordion#toggle">Calibre</div>
      <div class="accordion-content">
        <ul class="filter-links">
            <li><input type="checkbox" name="caliber[]" id="caliber_38" value="38" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_38">38</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_40" value="40" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_40">40</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_43" value="43" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_43">43</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_44" value="44" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_44">44</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_45" value="45" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_45">45</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_46" value="46" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_46">46</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_47" value="47" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_47">47</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_48" value="48" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_48">48</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_49" value="49" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_49">49</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_50" value="50" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_50">50</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_51" value="51" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_51">51</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_52" value="52" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_52">52</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_53" value="53" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_53">53</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_54" value="54" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_54">54</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_55" value="55" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_55">55</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_56" value="56" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_56">56</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_57" value="57" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_57">57</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_58" value="58" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_58">58</label></li>
            <li><input type="checkbox" name="caliber[]" id="caliber_59" value="59" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" /> <label for="caliber_59">59</label></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="switch-filter">
    <div class="switch-container">
      <input type="checkbox" name="new_arrival" id="new-arrival-switch" value="yes" autocomplete="off" data-action="filters#toggleclearButton filters#submitOnChange" data-filters-target="checkbox" />
      <label for="new-arrival-switch">Nuovi arrivi</label>
    </div>
    <span>Noticias</span>
  </div>

  <input type="submit" name="commit" value="Submit" class="hide" data-filters-target="submitButton" data-disable-with="Submit" />
</form>
<form class="filter-by-code-container" data-turbo-action="advance" action="/es/showroom" accept-charset="UTF-8" method="get">
  <label class="control-label" for="code">Búsqueda por código</label>
  <div class="input-group-with-button">
    <input type="text" name="code" id="filter-code-input" class="input" autocomplete="off" />
    <button name="button" type="submit" class="button button-small"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="chevron-right-icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" /></svg></button>
  </div>
</form>
<div class="clear-filters hide" id="clear-filters-target">
  <a href="/es/showroom">Borrar filtros</a>
</div>

</template></turbo-stream>