instalaciones

<!-- SECCIÓN INSTALACIONES REALES -->

<div class="tn-instalaciones">

  <!-- CHECKBOX PARA CONTROLAR EL DESPLIEGUE -->

  <input type="checkbox" id="tn-more-fotos">

  <!-- GRILLA DE FOTOS -->

  <div class="tn-instalaciones-grid">

    <!-- 3 FOTOS SIEMPRE VISIBLES -->

    <img src="https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?w=500" alt="Instalación 1" loading="lazy">

    <img src="https://images.unsplash.com/photo-1540518614846-7eded433c457?w=500" alt="Instalación 2" loading="lazy">

    <img src="https://images.unsplash.com/photo-1595526114035-0d45ed16cfbf?w=500" alt="Instalación 3" loading="lazy">

    <!-- 6 FOTOS DESPLEGABLES -->

    <div class="tn-expandible">

      <img src="https://images.unsplash.com/photo-1513694203232-719a280e022f?w=500" alt="Instalación 4" loading="lazy">

      <img src="https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?w=500" alt="Instalación 5" loading="lazy">

      <img src="https://images.unsplash.com/photo-1507089947368-19c1da9775ae?w=500" alt="Instalación 6" loading="lazy">

      <img src="https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?w=500" alt="Instalación 7" loading="lazy">

      <img src="https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=500" alt="Instalación 8" loading="lazy">

      <img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=500" alt="Instalación 9" loading="lazy">

    </div>

  </div>

  <!-- BOTÓN CONTROL -->

  <label for="tn-more-fotos" class="tn-ver-mas">

    <span class="tn-texto-abrir">+ Ver más fotos de clientes</span>

    <span class="tn-texto-cerrar">− Ver menos</span>

  </label>

</div>