APPLE

&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;title&gt;&lt;/title&gt;
&lt;style&gt;
  &lt;!--
  .video-container {
      position: relative;
      width: 100%;
      max-width: 100%;
      margin: auto;
  }

  video {
      width: 100%;
      display: block;
  }
  --&gt;
&lt;/style&gt;


   &lt;div style=&quot;background-color: #000000;&quot;&gt;
   &lt;font color=&quot;#000000&quot;&gt;iPhone 17 Pro&lt;/font&gt;
    &lt;font color=&quot;#000000&quot;&gt;&lt;br&gt;&lt;/font&gt;&lt;font color=&quot;#000000&quot;&gt;iPhone 17 Pro max&lt;/font&gt;  
  &lt;div class=&quot;video-container&quot;&gt;
  &lt;video autoplay=&quot;&quot; muted=&quot;&quot; playsinline=&quot;&quot; id=&quot;video-ejemplo&quot;&gt;
    &lt;source src=&quot;https://www.apple.com/105/media/us/iphone-17-pro/2025/704d4474-8e63-4ce7-9917-bb47b1ca4ba0/anim/hero/large.mp4&quot; type=&quot;video/mp4&quot;&gt;
  &lt;/video&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
  &lt;!--
  const video = document.getElementById('video-ejemplo');

  // Cuando termine, que quede pausado en el último frame
  video.addEventListener('ended', () =&gt; {
    video.pause();
    video.currentTime = video.duration; // se asegura de mostrar el último cuadro
  });
  --&gt;
&lt;/script&gt;













&lt;style&gt;
  &lt;!--
.carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1300px; /* máximo ancho del carrusel */
  margin: 0 auto;
  height: auto; 
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Para asegurar que el carrusel tenga un alto consistente */
.carousel-track {
  display: flex;
  transition: transform 0.8s ease-in-out;
  width: 100%;
  will-change: transform;
}

.carousel-slide {
  position: relative; 
  min-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel-slide img,
.carousel-slide video {
  width: 95%;
  max-width: 1300px;
  height: auto;
  border-radius: 15px;
  box-shadow: 0px 8px 20px rgba(0,0,0,0.25);
  display: block;
}

/* Texto encima de los videos */
.carousel-text {
  position: absolute; 
  font-weight: bold;
  font-size: 2rem;
  text-align: left;
  z-index: 2;
}

.text-slide-3 {
  color: black;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}

.text-slide-4 {
  color: white;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

/* Indicadores siempre abajo del carrusel */
.carousel-indicators {
  position: absolute; /* relativo al carousel */
  bottom: 10px;       /* distancia desde el borde inferior del carrusel */
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 10px;
  z-index: 5;
  pointer-events: none;
}

.indicator {
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  appearance: none;
  border: none;
  padding: 0;
  background: #555;
  cursor: pointer;
  pointer-events: auto;
  overflow: hidden;
}

.indicator:focus {
  outline: 2px solid rgba(255,255,255,0.4);
}

/* Barra de progreso */
.indicator::after {
  content: &quot;&quot;;
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: 50%;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform linear;
}

.indicator.active::after {
  transform: scaleX(1);
  transition: transform 5s linear;
}

/* Responsive */
@media (max-width: 1024px) {
  .carousel-slide img, 
  .carousel-slide video { width: 90%; }
  .carousel-text { font-size: 1.5rem; }
}

@media (max-width: 768px) {
  .carousel-slide img, 
  .carousel-slide video { width: 85%; }
  .carousel-text { font-size: 1.2rem; }
}

@media (max-width: 480px) {
  .carousel-slide img, 
  .carousel-slide video { width: 95%; }
  .carousel-text { font-size: 1rem; }
}
--&gt;
&lt;/style&gt;





&lt;div style=&quot;background-color: #1d1d1f;&quot;&gt;
  &lt;div style=&quot;text-align: center;&quot;&gt;&lt;br&gt;&lt;/div&gt;
  &lt;div style=&quot;text-align: center;&quot;&gt;&lt;br&gt;&lt;/div&gt;
  &lt;div style=&quot;text-align: center;&quot;&gt;&lt;font color=&quot;#efefef&quot;&gt;&lt;b&gt;&lt;span style=&quot;font-size: 18px;&quot;&gt;Principales novedades&lt;/span&gt;&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;

  &lt;div class=&quot;carousel&quot;&gt;
    &lt;div class=&quot;carousel-track&quot; style=&quot;transform: translateX(-200%);&quot;&gt;
      &lt;div class=&quot;carousel-slide&quot;&gt;
        &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-1-esp.jpg&quot; alt=&quot;Slide 1&quot;&gt;
      &lt;/div&gt;
      &lt;div class=&quot;carousel-slide&quot;&gt;
        &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-222-esp.jpg&quot; alt=&quot;Slide 2&quot;&gt;
      &lt;/div&gt;
      
      &lt;div class=&quot;carousel-slide&quot;&gt;
        &lt;video autoplay=&quot;&quot; muted=&quot;&quot; playsinline=&quot;&quot;&gt;
          &lt;source src=&quot;https://www.apple.com/105/media/us/iphone-17-pro/2025/704d4474-8e63-4ce7-9917-bb47b1ca4ba0/anim/highlights-zoom/large.mp4&quot; type=&quot;video/mp4&quot;&gt;
        &lt;/video&gt;
        &lt;div class=&quot;carousel-text text-slide-3&quot;&gt;el mejor sistema de cámaras Pro.&lt;br&gt;Cámaras Fusion traseras de 48 MP.&lt;br&gt;Y el mayor zoom visto en un iPhone&lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;carousel-slide&quot;&gt;
        &lt;video autoplay=&quot;&quot; muted=&quot;&quot; playsinline=&quot;&quot; id=&quot;fastVideo&quot;&gt;
          &lt;source src=&quot;https://www.apple.com/105/media/us/iphone-17-pro/2025/704d4474-8e63-4ce7-9917-bb47b1ca4ba0/anim/highlights-camera/large.mp4&quot; type=&quot;video/mp4&quot;&gt;
        &lt;/video&gt;
        &lt;div class=&quot;carousel-text text-slide-4&quot;&gt;Nueva cámara frontal Center Stage.&lt;br&gt;Nuevas posibilidades para ancuadrar.&lt;br&gt;Selfies grupales más inteligentes. Y más&lt;/div&gt;
      &lt;/div&gt;

      &lt;div class=&quot;carousel-slide&quot;&gt;
        &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-3-esp.jpg&quot; alt=&quot;Slide 5&quot;&gt;
      &lt;/div&gt;
      &lt;div class=&quot;carousel-slide&quot;&gt;
        &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-4-esp.jpg&quot; alt=&quot;Slide 6&quot;&gt;
      &lt;/div&gt;
    &lt;/div&gt;

    &lt;!-- Mueve los indicadores dentro del carrusel, justo después del track --&gt;
    &lt;div class=&quot;carousel-indicators&quot; aria-hidden=&quot;false&quot;&gt;&lt;button class=&quot;indicator&quot; type=&quot;button&quot; aria-label=&quot;Ir a slide 1&quot;&gt;&lt;/button&gt;&lt;button class=&quot;indicator&quot; type=&quot;button&quot; aria-label=&quot;Ir a slide 2&quot;&gt;&lt;/button&gt;&lt;button class=&quot;indicator active&quot; type=&quot;button&quot; aria-label=&quot;Ir a slide 3&quot;&gt;&lt;/button&gt;&lt;button class=&quot;indicator&quot; type=&quot;button&quot; aria-label=&quot;Ir a slide 4&quot;&gt;&lt;/button&gt;&lt;button class=&quot;indicator&quot; type=&quot;button&quot; aria-label=&quot;Ir a slide 5&quot;&gt;&lt;/button&gt;&lt;button class=&quot;indicator&quot; type=&quot;button&quot; aria-label=&quot;Ir a slide 6&quot;&gt;&lt;/button&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;font color=&quot;#1d1d1f&quot;&gt;
-&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;background-color: #1d1d1f;&quot;&gt;&lt;font color=&quot;#636363&quot;&gt;&lt;br&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;background-color: #1d1d1f;&quot;&gt;&lt;font color=&quot;#636363&quot;&gt;&lt;br&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;background-color: #1d1d1f;&quot;&gt;&lt;font color=&quot;#636363&quot;&gt;
&lt;/font&gt;
&lt;/div&gt;

&lt;script&gt;
  &lt;!--
document.addEventListener('DOMContentLoaded', function () {
  try {
    const track = document.querySelector('.carousel-track');
    const slides = Array.from(track.querySelectorAll('.carousel-slide'));
    const indicatorsContainer = document.querySelector('.carousel-indicators');

    if (!track || slides.length === 0 || !indicatorsContainer) {
      console.error('Carousel: elementos no encontrados');
      return;
    }

    indicatorsContainer.innerHTML = '';

    let currentIndex = 0;
    const autoPlayTime = 5000; // 5s

    // Crear botones indicadores
    slides.forEach((_, i) =&gt; {
      const btn = document.createElement('button');
      btn.className = 'indicator';
      btn.type = 'button';
      btn.setAttribute('aria-label', `Ir a slide ${i+1}`);
      if (i === 0) btn.classList.add('active');
      btn.addEventListener('click', () =&gt; {
        goToSlide(i);
        resetAutoPlay();
      });
      indicatorsContainer.appendChild(btn);
    });

    const indicators = Array.from(indicatorsContainer.children);

    function goToSlide(index) {
      track.style.transform = `translateX(-${index * 100}%)`;
      indicators.forEach(d =&gt; d.classList.remove('active'));
      indicators[index].classList.add('active');
      currentIndex = index;
    }

    function nextSlide() {
      goToSlide((currentIndex + 1) % slides.length);
    }

    let autoPlay = setInterval(nextSlide, autoPlayTime);
    function resetAutoPlay() {
      clearInterval(autoPlay);
      autoPlay = setInterval(nextSlide, autoPlayTime);
    }

    // Swipe táctil
    let startX = 0;
    track.addEventListener('touchstart', e =&gt; {
      startX = e.touches[0].clientX;
      clearInterval(autoPlay);
    }, { passive: true });

    track.addEventListener('touchend', e =&gt; {
      const dx = (e.changedTouches[0].clientX - startX);
      if (dx &gt; 50) goToSlide((currentIndex - 1 + slides.length) % slides.length);
      else if (dx &lt; -50) goToSlide((currentIndex + 1) % slides.length);
      resetAutoPlay();
    });

    // Videos: pausarse al final
    document.querySelectorAll('.carousel-slide video').forEach(video =&gt; {
      video.addEventListener('ended', () =&gt; {
        video.pause(); // se queda en el último frame
      });
    });

    // Hacer más rápido el video del slide 4
    const fastVideo = document.getElementById('fastVideo');
    if (fastVideo) fastVideo.playbackRate = 1.5;

    goToSlide(0);

  } catch (err) {
    console.error('Error inicializando carousel:', err);
  }
});
--&gt;
&lt;/script&gt;
  
&lt;div style=&quot;background-color: #000000; text-align: center;&quot;&gt;
  &lt;div style=&quot;max-width: 700px; margin: 0 auto;&quot;&gt;
    &lt;p style=&quot;color: #ef7119; font-weight: bold; margin: 0 0 10px 0;&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;color: #ef7119; font-weight: bold; margin: 0 0 10px 0;&quot;&gt;Cámaras&lt;/p&gt;
    &lt;p style=&quot;color: #ffffff; font-weight: bold; font-size: 25px; margin: 0 0 20px 0;&quot;&gt;
      Este zoom va a llegar muy lejos.
    &lt;/p&gt;
  &lt;/div&gt;

  &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-5-esp.jpg&quot; style=&quot;width: 100%; height: auto; display: block; margin-top: 20px;&quot;&gt;
    &lt;div style=&quot;max-width: 700px; margin: 0 auto;&quot;&gt;
    &lt;p style=&quot;color: #86868b; font-weight: bold; line-height: 1.5;&quot;&gt;
      &lt;/p&gt;&lt;p style=&quot;color: #86868b; font-weight: bold; line-height: 1.5;&quot;&gt;El sistema de cámaras del iPhone 17 Pro es toda una revelación. Entre sus grandes avances está el teleobjetivo de mayor alcance en un iPhone, con una distancia focal equivalente de hasta 200 mm, la nueva generación de nuestro diseño de tetraprisma y un sensor un 56% más grande. Tendrás más terreno para crear a tus anchas y llevar tus composiciones más lejos con el rango de zoom óptico de 16x. También podrás tomar fotos deslumbrantes en lugares con poca luz y grabar videos de película.&lt;/p&gt;&lt;p style=&quot;color: #86868b; font-weight: bold; line-height: 1.5;&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;color: #86868b; font-weight: bold; line-height: 1.5;&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p style=&quot;color: #86868b; font-weight: bold; line-height: 1.5;&quot;&gt;
    &lt;/p&gt;
  &lt;/div&gt;
  
  
  
  
  
  
  &lt;style&gt;
  &lt;!--
  .carrusel-unique {
    width: 100%;
    overflow: hidden;
    background: #000; /* opcional */
  }

  .carrusel-track-unique {
    display: flex;
    width: max-content;
    animation: scroll-unique 40s linear infinite;
  }

  .carrusel-track-unique img {
    width: 500px;   /* tamaño base para pantallas grandes */
    height: 800px;
    object-fit: cover;
    margin: 10px;
    border-radius: 10px;
  }

  /* Ajustes responsivos */
  @media (max-width: 1024px) {
    .carrusel-track-unique img {
      width: 350px;
      height: 500px;
    }
  }

  @media (max-width: 768px) {
    .carrusel-track-unique img {
      width: 250px;
      height: 400px;
    }
  }

  @media (max-width: 480px) {
    .carrusel-track-unique img {
      width: 180px;
      height: 280px;
      margin: 5px;
    }
  }

  @keyframes scroll-unique {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  --&gt;
&lt;/style&gt;


  &lt;div class=&quot;carrusel-unique&quot;&gt;
    &lt;div class=&quot;carrusel-track-unique&quot;&gt;
      &lt;!-- Lista de imágenes --&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-6.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-7.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-8.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-9.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-10.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-11.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-12.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-13-1.jpg&quot; alt=&quot;&quot;&gt;

      &lt;!-- Duplicadas --&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-6.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-7.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-8.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-9.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-10.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-11.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-12.jpg&quot; alt=&quot;&quot;&gt;
      &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-13-1.jpg&quot; alt=&quot;&quot;&gt;
    &lt;/div&gt;
  &lt;/div&gt;

  
  
  
  
  
  
  
  
 &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-14-esp.jpg&quot; style=&quot;width: 100%;&quot;&gt; 
 &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-15-esp.jpg&quot; style=&quot;width: 100%;&quot;&gt;
 &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-16-esp.jpg&quot; style=&quot;width: 100%;&quot;&gt;
 &lt;img src=&quot;https://old.atlanticoshop.com.py/image/catalog/apple/iphone-17-pro-promax-desc-17-esp.jpg&quot; style=&quot;width: 100%;&quot;&gt;
&lt;/div&gt;


Apple iPhone 17 Pro Max LL/A3257 6.9" 256GB - Silver (Caja Fea)

APPLE

458863

Descrição

Especificações

Atenção ao cliente

Sobre Nós