<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/70708-54-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/bzoc1920toz97aya58fon1zitc6m?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040210Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=7edef4d2e14cdc832b93e973321a21034987c2d8ce2ac74f4304c051611d3669" />
      </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/nh1i9807txihnt9nqodkeapqtb7a?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040210Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=02e8d4b17528a24d81702bf494a39c96d51cd3436353e3fba2e392966d5baa03" />
      </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/e8l4jnc68oadadx1xr1vjtxqyi7a?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040210Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=df86696c87b24502be59d14b8a8b65cab7209d11caed8bdafda7d5132a77f683" />
      </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/u7kwhy5ky967962wdnqq7sthsbrz?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040210Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=1af8c7b623f5a14914252a770346616be99dc333988c8e1082457bb77fc96776" />
      </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/vavqv0krpmjhu4gewy2o0w3hak7j?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040210Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f046935313a872889f3918040cac00787ad4c5c1ac69adf3e123ccf0eb73a66c" />
      </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/z0ehlwml77l2kgb64jx3kbxeahdj?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040210Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4cc8f90c0ec57c4b35ce4ac95be5b70dae9d383b26d8fec0c62459a933ec472d" />
      </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(255,255,102) 50%, rgb(128,128,128) 50%)" href="/es/look/75390-55-W4"></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/75391-55-W2">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/6ptl4tnptjtl2kfjxs7wn01ks3uf?response-content-disposition=inline%3B%20filename%3D%2275391.55.W2.jpg%22%3B%20filename%2A%3DUTF-8%27%2775391.55.W2.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040210Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=24cca61210299204c020bc8d6b76808ca625e89b070e57c309482edbd66c2cfc" />
      </div>
    <span class="item-title">75391 - Cal. 55</span>
</a>  <div class="color-variants">
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(128,128,128) 50%)" href="/es/look/75391-55-W2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(178,255,255) 50%)" href="/es/look/75391-55-W3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,255,102) 50%, rgb(184,115,51) 50%)" href="/es/look/75391-55-W4"></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/zmyu7vunso9rq4srmskllcofru61?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040210Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=5ff1fa8f686cd8d8411c7d09392c855a448425de5581952782bc288178e326a9" />
      </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(0,0,255) 50%, rgb(218,165,32) 50%)" href="/es/look/75392-53-W3"></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/du096ltunssq3jc4dh4ngv6a7w1z?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=cea2093743c3e75ca6fc39a4c711bc5c69a5b66845dfbe1a898ffe1e289fb5ca" />
      </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/t9fc8t72tlfuggq2e1qsloklu5n3?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=203d1726b03b644444d07767c5a7455196be67a7326cb916f297cba8044e91e7" />
      </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/sqtva2dqj6h9t5u0jyeu4yvi3621?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e9da0b3740d98189de993dafd89a37e5857f7a471e4627d78120432d09639a40" />
      </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/yj56ixnck3cke2u3k4vhwxto5iqj?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c6e161e371c4b955681a69d3f012341f68048497f10928048ff073fbf6ee6530" />
      </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/ti37z88gdfx0r6phh1bn2wyezy91?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=bf28c73c2cabe319b9685e871f43367cab5cd0e435b93f8866c384b40c817999" />
      </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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=41fe2a4fa982812195ca01bd36ff713f00eb7e758da62cae33716213b8935add" />
      </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/2izl4e1tdy6lulgmdy0xaqneftgl?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=2be41770cb32ae510fd725afc141bd11cc9c8ef1ede9de280e51e3884e495d09" />
      </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/d3e0jklqoxqjjwvx9ry3aj8dw39t?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=781ae4d134fcee2cb9d59104ffbafbb8072c75963b3053c45d257ad5da6bedea" />
      </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/hujxxads4huq42ryc2t0vqho3ye3?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ed0b6b476adbf651856b21101de0220f2f32e42cd15ea253c04e22d276a12c8e" />
      </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/3gxej2yut2drhpbk3yhdr5uxv04z?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=48482d7b13f3a42d98c101f320aec166b847713f54ef597721a8f4a0dd97ffeb" />
      </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/n2xhk5przw3pph7tube6iuld87sa?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%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4b9033d5617d08f01a9f205d76343d747cd173115e941543eade004a49746778" />
      </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>
<div class="listing-item">
  <a href="/es/look/KT-S10980-99-M1">
      <div class="item-image">
        <img loading="lazy" src="https://look-occhiali.s3.eu-central-003.backblazeb2.com/9xhvbpmwd942tjvn2n4zeons90gm?response-content-disposition=inline%3B%20filename%3D%22KT-S10980.99.M1.jpg%22%3B%20filename%2A%3DUTF-8%27%27KT-S10980.99.M1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=003ede3d96e5b110000000006%2F20260525%2Feu-central-003%2Fs3%2Faws4_request&amp;X-Amz-Date=20260525T040211Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=2939a041ad7f7e4b1351cfdd0940923d791d24d22d2aa127e88a02cb418bdd53" />
      </div>
    <span class="item-title">KT-S10980 - Cal. 99</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/KT-S10980-99-M1"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,102,0) 50%, rgb(0,102,0) 50%)" href="/es/look/KT-S10980-99-M2"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(128,128,128) 50%, rgb(128,128,128) 50%)" href="/es/look/KT-S10980-99-M3"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(0,0,255) 50%, rgb(0,0,255) 50%)" href="/es/look/KT-S10980-99-M4"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(29,29,27) 50%, rgb(29,29,27) 50%)" href="/es/look/KT-S10980-99-M5"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(92,46,15) 50%, rgb(92,46,15) 50%)" href="/es/look/KT-S10980-99-M6"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(255,0,0) 50%, rgb(255,0,0) 50%)" href="/es/look/KT-S10980-99-M7"></a>
      </div>
      <div>
        <a style="background: linear-gradient(to right, rgb(178,255,255) 50%, rgb(178,255,255) 50%)" href="/es/look/KT-S10980-99-M8"></a>
      </div>
  </div>
</div>

    </section>
      <nav class="pagination" role="navigation" aria-label="pager">
    
<span class="prev">
  <a rel="prev" href="/es/showroom?page=5"><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 href="/es/showroom?page=4">4</a>
</span>

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

      <span class="page current">
  6
</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>