Embed

<section class="aldrascan-catalog">
  <style>
    .aldrascan-catalog{
      --azul:#2376ff;--azul-osc:#1554cc;--gris:#f6f7fb;--texto:#0e1117;--suave:#6b7280;--borde:#e5e7eb;--ok:#16a34a;
      font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial;color:var(--texto);
      background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--borde);border-radius:18px;padding:22px;box-shadow:0 10px 36px rgba(0,0,0,.05)
    }
    .ac-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start;margin-bottom:6px}
    .ac-head h2{margin:0;font-weight:800;letter-spacing:-.015em;font-size:clamp(22px,2.6vw,32px)}
    .ac-sub{margin:0;color:var(--suave);font-size:14px}
    .badges{display:flex;gap:8px;flex-wrap:wrap}
    .badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
    .badge.blue{background:var(--azul);color:#fff}
    .badge.ghost{background:#fff;border:1px solid var(--azul);color:var(--azul)}

    /* Carrusel base */
    .carousel-wrap{margin-top:12px}
    .carousel-title{margin:16px 0 4px;font-size:16px;font-weight:800}
    .carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
    .carousel::-webkit-scrollbar{height:8px}
    .carousel::-webkit-scrollbar-thumb{background:#cfd6e4;border-radius:999px}
    .card{flex:0 0 85%;scroll-snap-align:center;background:#fff;border:1px solid var(--borde);border-radius:16px;overflow:hidden}
    .media{background:var(--gris);aspect-ratio:16/9;display:block;width:100%;object-fit:cover}
    .body{padding:14px}
    .chip{display:inline-flex;align-items:center;gap:8px;background:var(--gris);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
    .title{margin:8px 0 4px;font-size:18px;font-weight:800}
    .desc{margin:0 0 10px;color:#374151;font-size:14px}
    .price{display:flex;align-items:baseline;gap:8px;margin:6px 0 10px}
    .from{font-size:12px;color:#6b7280}
    .num{font-size:20px;font-weight:900}
    .promo{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:#fff0f0;color:#b91c1c;font-size:12px;font-weight:800;border:1px dashed #fecaca}
    .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
    .tag{font-size:12px;padding:6px 8px;background:#fff;border:1px dashed var(--borde);border-radius:8px;color:#374151}
    .cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
    .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;font-weight:800;text-decoration:none}
    .btn.primary{background:var(--azul);color:#fff}
    .btn.primary:hover{background:var(--azul-osc)}
    .btn.ghost{background:#fff;color:var(--azul);border:1px solid var(--azul)}

    /* Controles */
    .controls{display:flex;justify-content:flex-end;gap:8px;margin:6px 0 8px}
    .ctrl{border:1px solid var(--borde);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:800}

    /* Dots con sprite SVG inline (sin descargas) */
    .dots{display:flex;gap:6px;justify-content:center;margin-top:6px}
    .dot{
      width:10px;height:10px;border-radius:999px;flex:0 0 10px;
      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='4' fill='%23cfd6e4'/></svg>");
      background-size:cover;transition:transform .2s ease, opacity .2s ease;opacity:.8;cursor:pointer
    }
    .dot:hover{transform:scale(1.15);opacity:1}
    .dot.active{
      background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='5' fill='%232376ff'/></svg>");
      transform:scale(1.1);opacity:1
    }

    /* Desktop: grid */
    @media (min-width:960px){
      .carousel{overflow:visible}
      .card{flex:1 1 calc(33.333% - 8px)}
      .controls,.dots{display:none}
    }

    /* WhatsApp FAB móvil */
    .wa-fab{position:fixed;right:16px;bottom:18px;z-index:50;display:none}
    .wa-fab a{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-weight:900;padding:12px 14px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.18);text-decoration:none}
    @media (max-width:900px){.wa-fab{display:block}}
    .note{font-size:12px;color:#6b7280;margin-top:10px}

    /* Snap fino en móvil */
    .carousel > .card{scroll-snap-align:center}
    @media (max-width:959px){ .carousel{scroll-padding:0 12px} }
  </style>

  <div class="ac-head">
    <div>
      <h2>Escáneres Intraorales · Medit & Panda</h2>
      <p class="ac-sub">Mobile-first. Desliza para ver modelos. Plan Renove hasta -50%.</p>
    </div>
    <div class="badges">
      <span class="badge blue">Plan Renove · hasta -50%</span>
      <span class="badge ghost">Financiación 12–60 meses</span>
    </div>
  </div>

  
  <div class="carousel-wrap" id="medit">
    <div class="carousel-title">Medit — sin suscripción, ecosistema abierto</div>
    <div class="controls" aria-label="Controles carrusel Medit">
      <button class="ctrl" data-target="#medit" data-dir="-1">◀</button>
      <button class="ctrl" data-target="#medit" data-dir="1">▶</button>
    </div>

    <div class="carousel" role="region" aria-label="Carrusel Medit">
      
     <article class="card">
  <img
    class="media"
    src="https://dl.dropboxusercontent.com/s/pi93rpi863hm59vffrrf3/AEvhM42_BtRdv70UUP2y04k?raw=1"
    alt="Medit i600 — escáner intraoral"
    loading="lazy"
    decoding="async"
    referrerpolicy="no-referrer"
  >
  <div class="body">
    <span class="chip">MEDIT i600</span>
    <h3 class="title">Acceso profesional y ROI rápido</h3>
    <p class="desc">Ligero y preciso para iniciar la digitalización sin renunciar a calidad clínica.</p>
    <div class="price"><span class="from">Desde</span><span class="num">5.900€*</span></div>
    <div class="promo">Plan Renove: trae tu escáner y ahorra</div>
    <div class="tags">
      <span class="tag">Color real</span>
      <span class="tag">Flujo CAD/CAM</span>
      <span class="tag">Formación incluida</span>
    </div>
    <div class="cta">
      <a class="btn primary" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=demo_medit_i600">Solicitar demo</a>
      <a class="btn ghost" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=info_medit_i600">Más información</a>
    </div>
  </div>
</article>

      
      <article class="card">
        <picture>
          <source type="image/webp" srcset="/media/medit/i700/i700_1080.webp 1080w, /media/medit/i700/i700_1440.webp 1440w" sizes="(min-width:960px) 33vw, 85vw">
          <img class="media" src="/media/medit/i700/i700_1080.jpg" srcset="/media/medit/i700/i700_1080.jpg 1080w, /media/medit/i700/i700_1440.jpg 1440w" sizes="(min-width:960px) 33vw, 85vw" alt="Medit i700 — velocidad y FOV ampliado" loading="lazy" decoding="async">
        </picture>
        <div class="body">
          <span class="chip">MEDIT i700</span>
          <h3 class="title">Velocidad y campo de visión ampliado</h3>
          <p class="desc">Escaneo fluido con color mejorado para alto volumen y trabajos completos.</p>
          <div class="price"><span class="from">Desde</span><span class="num">7.500€*</span></div>
          <div class="promo">Plan Renove · hasta -50%</div>
          <div class="tags"><span class="tag">Alta velocidad</span><span class="tag">Color avanzado</span><span class="tag">Alto volumen</span></div>
          <div class="cta">
            <a class="btn primary" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=demo_medit_i700">Solicitar demo</a>
            <a class="btn ghost" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=info_medit_i700">Más información</a>
          </div>
        </div>
      </article>

      
      <article class="card">
        <picture>
          <source type="image/webp" srcset="/media/medit/i700w/i700w_1080.webp 1080w, /media/medit/i700w/i700w_1440.webp 1440w" sizes="(min-width:960px) 33vw, 85vw">
          <img class="media" src="/media/medit/i700w/i700w_1080.jpg" srcset="/media/medit/i700w/i700w_1080.jpg 1080w, /media/medit/i700w/i700w_1440.jpg 1440w" sizes="(min-width:960px) 33vw, 85vw" alt="Medit i700 Wireless — sin cables" loading="lazy" decoding="async">
        </picture>
        <div class="body">
          <span class="chip">MEDIT i700 Wireless</span>
          <h3 class="title">Libertad de movimiento sin cables</h3>
          <p class="desc">Misma precisión del i700 con baterías intercambiables. Ideal para varios gabinetes.</p>
          <div class="price"><span class="from">Desde</span><span class="num">8.100€*</span></div>
          <div class="promo">Plan Renove disponible</div>
          <div class="tags"><span class="tag">Inalámbrico</span><span class="tag">Batería hot-swap</span><span class="tag">Movilidad clínica</span></div>
          <div class="cta">
            <a class="btn primary" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=demo_medit_i700w">Solicitar demo</a>
            <a class="btn ghost" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=info_medit_i700w">Más información</a>
          </div>
        </div>
      </article>

      
      <article class="card">
        <picture>
          <source type="image/webp" srcset="/media/medit/i900/i900_classic_touch_1080.webp 1080w, /media/medit/i900/i900_classic_touch_1440.webp 1440w" sizes="(min-width:960px) 33vw, 85vw">
          <img class="media" src="/media/medit/i900/i900_classic_touch_1080.jpg" srcset="/media/medit/i900/i900_classic_touch_1080.jpg 1080w, /media/medit/i900/i900_classic_touch_1440.jpg 1440w" sizes="(min-width:960px) 33vw, 85vw" alt="Medit i900 Classic / Touch — IA y DoF ampliada" loading="lazy" decoding="async">
        </picture>
        <div class="body">
          <span class="chip">MEDIT i900 Classic / Touch</span>
          <h3 class="title">Nueva generación con IA y DOF ampliada</h3>
          <p class="desc">Ultraligero y supersuave. Versión Touch con pantalla integrada para control táctil.</p>
          <div class="price"><span class="from">Desde</span><span class="num">11.400€*</span></div>
          <div class="promo">Renove especial usuarios Medit</div>
          <div class="tags"><span class="tag">IA avanzada</span><span class="tag">DoF ampliada</span><span class="tag">Pantalla Touch</span></div>
          <div class="cta">
            <a class="btn primary" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=demo_medit_i900">Solicitar demo</a>
            <a class="btn ghost" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=info_medit_i900">Más información</a>
          </div>
        </div>
      </article>

      
      <article class="card">
        <picture>
          <source type="image/webp" srcset="/media/medit/i900m/i900m_1080.webp 1080w, /media/medit/i900m/i900m_1440.webp 1440w" sizes="(min-width:960px) 33vw, 85vw">
          <img class="media" src="/media/medit/i900m/i900m_1080.jpg" srcset="/media/medit/i900m/i900m_1080.jpg 1080w, /media/medit/i900m/i900m_1440.jpg 1440w" sizes="(min-width:960px) 33vw, 85vw" alt="Medit i900 Mobility — todo en uno" loading="lazy" decoding="async">
        </picture>
        <div class="body">
          <span class="chip">MEDIT i900 Mobility</span>
          <h3 class="title">Todo en uno para movilidad real</h3>
          <p class="desc">iPad + soporte portátil. Ideal para demos, visitas y formación in situ.</p>
          <div class="price"><span class="from">Desde</span><span class="num">13.400€*</span></div>
          <div class="promo">Pack con iPad y soporte</div>
          <div class="tags"><span class="tag">Portabilidad</span><span class="tag">Set-up rápido</span><span class="tag">Eventos & formación</span></div>
          <div class="cta">
            <a class="btn primary" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=demo_medit_i900m">Solicitar demo</a>
            <a class="btn ghost" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=info_medit_i900m">Más información</a>
          </div>
        </div>
      </article>
    </div>
    <div class="dots" aria-hidden="true"></div>
  </div>

  
  <div class="carousel-wrap" id="panda">
    <div class="carousel-title">Panda — eficiencia y rendimiento a gran escala</div>
    <div class="controls" aria-label="Controles carrusel Panda">
      <button class="ctrl" data-target="#panda" data-dir="-1">◀</button>
      <button class="ctrl" data-target="#panda" data-dir="1">▶</button>
    </div>

    <div class="carousel" role="region" aria-label="Carrusel Panda">
      
      <article class="card">
        <picture>
          <source type="image/webp" srcset="/media/panda/p2/p2_1080.webp 1080w, /media/panda/p2/p2_1440.webp 1440w" sizes="(min-width:960px) 33vw, 85vw">
          <img class="media" src="/media/panda/p2/p2_1080.jpg" srcset="/media/panda/p2/p2_1080.jpg 1080w, /media/panda/p2/p2_1440.jpg 1440w" sizes="(min-width:960px) 33vw, 85vw" alt="Panda P2 — compacto y preciso" loading="lazy" decoding="async">
        </picture>
        <div class="body">
          <span class="chip">Panda P2</span>
          <h3 class="title">Compacto y preciso para empezar</h3>
          <p class="desc">Buena velocidad y precisión para digitalizar sin gran inversión.</p>
          <div class="price"><span class="num">Consultar</span></div>
          <div class="promo">Plan Renove disponible</div>
          <div class="tags"><span class="tag">Compacto</span><span class="tag">Coste contenido</span><span class="tag">Primer paso digital</span></div>
          <div class="cta">
            <a class="btn primary" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=consultar_panda_p2">Consultar precio</a>
          </div>
        </div>
      </article>

      
      <article class="card">
        <picture>
          <source type="image/webp" srcset="/media/panda/smart/smart_1080.webp 1080w, /media/panda/smart/smart_1440.webp 1440w" sizes="(min-width:960px) 33vw, 85vw">
          <img class="media" src="/media/panda/smart/smart_1080.jpg" srcset="/media/panda/smart/smart_1080.jpg 1080w, /media/panda/smart/smart_1440.jpg 1440w" sizes="(min-width:960px) 33vw, 85vw" alt="Panda Smart — ligero con calibración automática" loading="lazy" decoding="async">
        </picture>
        <div class="body">
          <span class="chip">Panda Smart</span>
          <h3 class="title">Ligero y con calibración automática</h3>
          <p class="desc">Más rápido que P2, conexión USB-C y puesta en marcha sencilla.</p>
          <div class="price"><span class="from">Desde</span><span class="num">6.900€*</span></div>
          <div class="promo">Renove y packs</div>
          <div class="tags"><span class="tag">Calibración auto</span><span class="tag">USB-C</span><span class="tag">Operativa simple</span></div>
          <div class="cta">
            <a class="btn primary" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=demo_panda_smart">Solicitar demo</a>
          </div>
        </div>
      </article>

      
      <article class="card">
        <picture>
          <source type="image/webp" srcset="/media/panda/xpro/xpro_1080.webp 1080w, /media/panda/xpro/xpro_1440.webp 1440w" sizes="(min-width:960px) 33vw, 85vw">
          <img class="media" src="/media/panda/xpro/xpro_1080.jpg" srcset="/media/panda/xpro/xpro_1080.jpg 1080w, /media/panda/xpro/xpro_1440.jpg 1440w" sizes="(min-width:960px) 33vw, 85vw" alt="Panda X / Pro — nueva cámara y flujo ágil" loading="lazy" decoding="async">
        </picture>
        <div class="body">
          <span class="chip">Panda X / Pro</span>
          <h3 class="title">Nueva cámara y flujo ágil</h3>
          <p class="desc">Resultados sólidos en unitarias/parciales con gran relación calidad-precio.</p>
          <div class="price"><span class="num">Consultar</span></div>
          <div class="promo">Renove activo</div>
          <div class="tags"><span class="tag">Flujo ágil</span><span class="tag">Calidad-precio</span><span class="tag">Unitarias/parciales</span></div>
          <div class="cta">
            <a class="btn primary" href="/contact?utm_source=web&utm_medium=cta&utm_campaign=consultar_panda_xpro">Consultar precio</a>
          </div>
        </div>
      </article>
    </div>
    <div class="dots" aria-hidden="true"></div>
  </div>

  <p class="note">*Precios “desde” orientativos antes de campaña Plan Renove. Consulta condiciones, descuentos y financiación.</p>

  
  <div class="wa-fab">
    <a href="https://wa.me/34662078540?text=Hola%20AldraScan%2C%20quiero%20informaci%C3%B3n%20sobre%20Medit%20%2F%20Panda%20y%20Plan%20Renove." aria-label="WhatsApp AldraScan">WhatsApp</a>
  </div>

  <script>
    // Desplaza a un índice concreto
    function scrollToCard(track, index) {
      const cards = [...track.children];
      if (!cards.length) return;
      const card = cards[Math.max(0, Math.min(index, cards.length - 1))];
      const gap = 12;
      const cardW = card.getBoundingClientRect().width + gap;
      const offset = index * cardW;
      track.scrollTo({ left: offset, behavior: 'smooth' });
    }

    function setupCarousel(scope){
      const wrap = document.querySelector(scope);
      if(!wrap) return;
      const track = wrap.querySelector('.carousel');
      const cards = [...track.children];
      const dotsWrap = wrap.querySelector('.dots');
      const controls = wrap.querySelectorAll('.ctrl');

      // Dots clicables
      dotsWrap.innerHTML = '';
      cards.forEach((_,i)=>{
        const d=document.createElement('button');
        d.type='button';
        d.className='dot'+(i===0?' active':'');
        d.setAttribute('aria-label', `Ir al slide ${i+1}`);
        d.addEventListener('click', ()=> scrollToCard(track, i));
        dotsWrap.appendChild(d);
      });
      const dots=[...dotsWrap.children];

      // Activo por visibilidad
      const io = new IntersectionObserver((entries)=>{
        const visible = entries.filter(e=>e.isIntersecting).sort((a,b)=> b.intersectionRatio - a.intersectionRatio)[0];
        if(!visible) return;
        const idx = cards.indexOf(visible.target);
        dots.forEach((el,i)=> el.classList.toggle('active', i===idx));
      },{ root: track, threshold: [0.5] });
      cards.forEach(c=> io.observe(c));

      // Prev/Next
      controls.forEach(btn=>{
        btn.addEventListener('click', ()=>{
          const dir = Number(btn.dataset.dir||1);
          const activeIdx = dots.findIndex(d=> d.classList.contains('active'));
          scrollToCard(track, activeIdx + dir);
        });
      });

      // Teclado
      track.setAttribute('tabindex','0');
      track.addEventListener('keydown', (e)=>{
        if(e.key==='ArrowRight'){ e.preventDefault(); controls[1]?.click(); }
        if(e.key==='ArrowLeft'){ e.preventDefault(); controls[0]?.click(); }
      });

      // Centrado inicial y reajuste
      function centerFirst(){ requestAnimationFrame(()=> track.scrollTo({left:0, behavior:'instant'})); }
      centerFirst();
      window.addEventListener('load', centerFirst);

      if('ResizeObserver' in window){
        const ro = new ResizeObserver(()=>{
          const activeIdx = Math.max(0, dots.findIndex(d=> d.classList.contains('active')));
          const cardW = cards[0].getBoundingClientRect().width + 12;
          track.scrollTo({ left: activeIdx * cardW, behavior:'instant' });
        });
        ro.observe(track);
      }
    }
    setupCarousel('#medit');
    setupCarousel('#panda');
  </script>
</section>

ALDRASCAN

AldraScan es una empresa especializada en odontología digital con sede en Alicante, enfocada en la distribución, formación y soporte técnico de tecnologías CAD/CAM y escáneres intraorales Medit.
Nuestro objetivo es impulsar la digitalización de clínicas y laboratorios dentales en España, ofreciendo soluciones avanzadas, asesoramiento personalizado y un acompañamiento continuo antes, durante y después de la instalación.

Contamos con un equipo técnico certificado y con amplia experiencia en flujos digitales, integración de software y optimización de procesos clínicos.
Entre nuestros servicios destacan:
	•	Distribución oficial Medit (i600, i700, i900, i900 Mobility, etc.)
	•	Planes Renove y Stock Off para actualización de equipos.
	•	Formación personalizada para clínicas y laboratorios.
	•	Asesoría en integración digital con Apple y otras plataformas.
	•	Soporte técnico especializado y remoto.

AldraScan se caracteriza por su enfoque innovador, cercano y transparente, combinando tecnología de vanguardia con una atención humana y práctica. Nuestro compromiso es ofrecer una experiencia de digitalización fluida, rentable y sin complicaciones, adaptada a las necesidades reales de cada profesional dental.