<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ReseñaRápida | Reseñas de Productos en 1 Minuto</title>
	<atom:link href="https://resenarapida.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://resenarapida.com/</link>
	<description></description>
	<lastBuildDate>Mon, 19 Jan 2026 05:52:11 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://resenarapida.com/wp-content/uploads/2025/11/cropped-cropped-favicon-32x32.png</url>
	<title>ReseñaRápida | Reseñas de Productos en 1 Minuto</title>
	<link>https://resenarapida.com/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">250110290</site>	<item>
		<title>GMKtec Nucbox G10: ¡Maximiza tu eficiencia con este mini PC pequeño y potente!</title>
		<link>https://resenarapida.com/gmktec-nucbox-g10/</link>
		
		<dc:creator><![CDATA[ReseñaRápida]]></dc:creator>
		<pubDate>Mon, 19 Jan 2026 05:48:08 +0000</pubDate>
				<category><![CDATA[Electrónica]]></category>
		<category><![CDATA[Ordenadores de Sobremesa]]></category>
		<category><![CDATA[Ordenadores y Portátiles]]></category>
		<category><![CDATA[mini pc]]></category>
		<guid isPermaLink="false">https://resenarapida.com/?p=217</guid>

					<description><![CDATA[<p>GMKtec Nucbox G10: ¡Maximiza tu eficiencia con este mini PC pequeño y potente! El GMKtec Nucbox G10 está equipado con 16GB de RAM y 256GB NVMe SSD para manejar todas tus tareas sin problemas. Es la opción ideal que, a pesar de su tamaño compacto, ofrece un rendimiento potente capaz de gestionar tanto el trabajo [&#8230;]</p>
<p>La entrada <a href="https://resenarapida.com/gmktec-nucbox-g10/">GMKtec Nucbox G10: ¡Maximiza tu eficiencia con este mini PC pequeño y potente!</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    GMKtec Nucbox G10: ¡Maximiza tu eficiencia con este mini PC pequeño y potente!
  </h2>
  <p>El GMKtec Nucbox G10 está equipado con 16GB de RAM y 256GB NVMe SSD para manejar todas tus tareas sin problemas. Es la opción ideal que, a pesar de su tamaño compacto, ofrece un rendimiento potente capaz de gestionar tanto el trabajo de oficina como gaming ligero.</p>
  <p>Este mini PC ofrece diversos puertos y conectividad para optimizar la multitarea, y puedes comprarlo con tranquilidad gracias a su garantía limitada de 1 año. ¡Revoluciona tu entorno de trabajo con un rendimiento estable y excelente relación calidad-precio!</p>
  <p>Además, cuenta con procesador AMD Ryzen 5 y soporte Ethernet 2.5GbE para velocidades de transferencia de datos ultrarrápidas. Descubre más ventajas en la información detallada a continuación.</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #1A1A2E;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #2C3E50;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            border: 1px solid #E5E7EB;
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #1A1A2E;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20G10/GMKtec%20G10_producto_imagen.webp" alt="GMKtec G10 Mini PC Ryzen 5 3500U (Más Potente Que el N150), 16 GB RAM, 256 GB SSD, LAN 2.5GbE, Ordenador de sobremesa para Oficina y hogar, Triple Salida 4K, WiFi, Bluetooth, USB-C, DP"></div><div class="desktop-cta"><a href="https://amzn.to/45NOL5s" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div><div class="product-details"><h2 class="product-name">GMKtec G10 Mini PC Ryzen 5 3500U (Más Potente Que el N150), 16 GB RAM, 256 GB SSD, LAN 2.5GbE, Ordenador de sobremesa para Oficina y hogar, Triple Salida 4K, WiFi, Bluetooth, USB-C, DP</h2><div class="rating-reviews is-loading"><span class="rating">4.5</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div><div class="review-stats">1,022 valoraciones</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount">%</span></div><div class="special-price">277,96€</div><div class="price-date">Precios válidos el 19/01/2026, sujetos a cambios según la fecha de compra.</div></div><div class="key-points"><div class="key-points-title">Puntos clave del producto</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">MINI PC capaz de gestionar tanto oficina como gaming ligero</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">El procesador Ryzen 5 3500U proporciona un entorno de trabajo cómodo con rendimiento intermedio</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">16GB de RAM DDR4 y 256GB SSD para procesamiento rápido de datos y amplio almacenamiento</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Ampliable hasta 32GB de memoria para mantener el rendimiento preparado para el futuro</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Ethernet 2.5GbE para una experiencia de internet ultrarrápida de hasta 2500 Mbps</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Conecta hasta 3 monitores simultáneamente para maximizar la eficiencia multitarea</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Gráficos AMD Radeon Vega 8 para una calidad de imagen vívida en edición de vídeo y reproducción multimedia</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">WiFi 5 y Bluetooth 5.0 para una conexión fluida con diversos dispositivos</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Garantía limitada de 1 año para una compra con total confianza</span></div></div></div><div class="mobile-cta"><a href="https://amzn.to/45NOL5s" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
            position: relative;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #1A1A2E;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #F5F6F7;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-1">
        <h2>Detalles del producto</h2>
        <div class="content-wrapper" id="content-product-info-1">
                <div class="product-section3">
                    <h3>Rendimiento pequeño pero potente para todas las tareas</h3>
                    <ul><li>Equipado con 16GB de RAM y 256GB NVMe SSD</li><li>Multitarea optimizada con diversos puertos y conectividad</li><li>Compra con tranquilidad gracias a la garantía limitada de 1 año</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Especificaciones</h3>
                    <ul><li>Procesador: AMD Ryzen 5 3500U (4 núcleos/8 hilos, hasta 3.7GHz)</li><li>Tarjeta gráfica: Radeon Vega 8 Graphics (1200MHz)</li><li>RAM: 16GB DDR4 3200MHz (ampliable hasta 32GB)</li><li>Almacenamiento: 256GB PCIe 3.0 M.2 NVMe (ampliable hasta 16TB)</li><li>Salida de vídeo: HDMI 2.1, DisplayPort v1.4, Type-C (conexión simultánea de hasta 3 monitores)</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Rendimiento excepcional y excelente relación calidad-precio</h3>
                    <ul><li>Procesador móvil x86 de rendimiento intermedio para diversas tareas</li><li>Basado en Ryzen 5 fabricado en proceso de 12nm, rendimiento estable garantizado</li><li>Ethernet 2.5GbE con velocidad de transferencia de hasta 2500Mbps</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Conectividad conveniente e internet inalámbrico</h3>
                    <ul><li>WiFi 5 y Bluetooth 5.0 para una conectividad fluida</li><li>Multitarea optimizada con diversos puertos como USB-C, USB 3.2, HDMI</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Consejos de compra</h3>
                    <ul><li>Envío rápido y sistema de pago seguro</li><li>Resolución de problemas con respuesta rápida del equipo de atención al cliente</li><li>Disponible en diversas tiendas online</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-1" onclick="toggleContent('product-info-1')">Ver más</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'Ver más';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'Ver menos';
        }
    }
    </script>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Vídeo de unboxing</h2>
        <div id="yt-slider-696dd912a062c" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/fFFWCVGtmW8" data-video-id="fFFWCVGtmW8" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20G10/GMKtec%20G10_unboxing_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a062c");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a062c-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a062c-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a062c-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
<br>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Video del producto</h2>
        <div id="yt-slider-696dd912a0656" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=kTKdWtk6cOc" data-video-id="kTKdWtk6cOc" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20G10/GMKtec%20G10_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 Este video de presentación le ayudará a comprender mejor el producto. Para videos en otros idiomas, se recomienda activar los subtítulos (CC).</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a0656");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a0656-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a0656-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a0656-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
<br>
<style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #1A1A2E;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">Calificación del producto</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div>
                    <div class="rating-number">4.5</div>
                </div>
                <div class="review-badge" style="background-color:#1A1A2E;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">Más vendido</div>
                    <div class="badge-subtext">1.000+ RESEÑAS</div>
                </div>
              </div><div class="rating-bars"><div class="rating-row">
                        <div class="star-label">5<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:76%;"></div>
                        </div>
                        <div class="percentage">76%</div>
                      </div><div class="rating-row">
                        <div class="star-label">4<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:13%;"></div>
                        </div>
                        <div class="percentage">13%</div>
                      </div><div class="rating-row">
                        <div class="star-label">3<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:4%;"></div>
                        </div>
                        <div class="percentage">4%</div>
                      </div><div class="rating-row">
                        <div class="star-label">2<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:1%;"></div>
                        </div>
                        <div class="percentage">1%</div>
                      </div><div class="rating-row">
                        <div class="star-label">1<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:6%;"></div>
                        </div>
                        <div class="percentage">6%</div>
                      </div></div></div></div>
    
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ Pros</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Tamaño muy pequeño pero con funcionalidad completa de PC</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Funcionamiento prácticamente silencioso</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Rendimiento perfecto para oficina, internet y multimedia</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Reproducción y streaming de vídeo 4K sin problemas</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Capaz de ejecutar emuladores (PS2, MAME, etc.)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Windows 11 Pro original incluido</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Bajo consumo eléctrico</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente compatibilidad para instalación de Linux</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Posibilidad de alimentación mediante powerbank</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Soporte VESA para montaje detrás del monitor</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ Contras</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>No puede ejecutar juegos AAA recientes</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Falta de puerto USB-C (en algunas versiones)</li></ul></div></div></div></div>
<h2 class="product-review-title-v2">Reseñas de consumidores</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Mini PC pequeño pero potente</h3><div class="product-review-content-v2">No es mi primer mini PC, pero nunca había visto uno tan pequeño.<br>Cabe literalmente en la palma de la mano y las funciones son completas.<br>3 puertos USB 3.2, 2 HDMI, puerto LAN y microSD,<br>todo cabe en este tamaño tan pequeño, increíble.<br>Perfecto para oficina y totalmente silencioso.<br>El emulador de PS2 funciona a 60FPS<br>y la reproducción de vídeo 4K sin problemas.<br>Lo recomiendo encarecidamente como centro multimedia conectado a la TV.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecto para homelab/servidor</h3><div class="product-review-content-v2">Lo compré en lugar de una Raspberry Pi y estoy muy satisfecho.<br>El tamaño es increíblemente pequeño.<br>Comparado con el Mac Mini M4 o Amazon Echo, es mucho más pequeño.<br>Sin ventilador, totalmente silencioso,<br>y la instalación de Arch Linux fue sin problemas.<br>También probé reconocimiento de voz con Whisper.cpp<br>y es mucho más rápido que la Raspberry Pi.<br>El streaming de juegos con Moonlight también funciona bien.<br>Mucho mejor que Raspberry Pi para homelab.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">También OK para desarrollo</h3><div class="product-review-content-v2">Cuando lo vi por primera vez pensé que era un juguete.<br>Pero ejecuta Visual Studio 2022, SQL Server,<br>XAMPP y VS Code sin problemas.<br>Proyectos grandes también funcionan perfectamente.<br>Puede alimentarse con powerbank<br>y el rendimiento en este tamaño es realmente sorprendente.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">La mejor elección calidad-precio</h3><div class="product-review-content-v2">Pequeño, económico, sencillo pero<br>cumple perfectamente con el rendimiento prometido.<br>Suficiente para oficina, internet y multimedia,<br>y el consumo eléctrico es muy bajo.<br>Con solo un cable HDMI puedes conectarlo en cualquier lugar,<br>también es bueno como portátil.<br>Perfecto para cloud gaming o juegos retro.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecto como mini PC para TV</h3><div class="product-review-content-v2">Me sorprendió lo pequeño que es.<br>Tamaño perfecto para esconder detrás de la TV.<br>Totalmente silencioso pero con excelente rendimiento.<br>Tareas sencillas y juegos retro funcionan bien.<br>De hecho es un poco más rápido que el modelo G3.<br>Si dudas entre el G3 y este, recomiendo este.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Arranque de Windows rápido</h3><div class="product-review-content-v2">Llevo usándolo unos días y estoy muy satisfecho.<br>Es increíble que algo tan pequeño funcione tan bien.<br>Sin calentamiento y el arranque de Windows 11 Pro es rápido.<br>Funciona perfectamente para oficina.<br>Echo un poco en falta el puerto USB-C.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Sustituto de Raspberry Pi</h3><div class="product-review-content-v2">Lo compré para cambiar de Raspberry Pi<br>a plataforma x86 y estoy totalmente satisfecho.<br>Es como un pequeño monstruo que, a pesar de su tamaño,<br>puede con todo.</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span><span class="dot-v2" data-slide="6"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1A1A2E 0%, #2C3E50 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(26, 26, 46, 0.4);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://amzn.to/45NOL5s" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                Ver en Amazon
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 Envío rápido</span>
                <span class='trust--badge'>🔒 Pago seguro</span>
              </div></div></div><p class='affiliate--disclaimer'>En este artículo te mostramos productos recomendados de Amazon.</p></div><p>La entrada <a href="https://resenarapida.com/gmktec-nucbox-g10/">GMKtec Nucbox G10: ¡Maximiza tu eficiencia con este mini PC pequeño y potente!</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">217</post-id>	</item>
		<item>
		<title>Experimenta el multitarea con el potente Mini PC GMKtec K11</title>
		<link>https://resenarapida.com/mini-pc-gmktec-k11/</link>
		
		<dc:creator><![CDATA[ReseñaRápida]]></dc:creator>
		<pubDate>Mon, 19 Jan 2026 05:33:17 +0000</pubDate>
				<category><![CDATA[Electrónica]]></category>
		<category><![CDATA[Ordenadores de Sobremesa]]></category>
		<category><![CDATA[Ordenadores y Portátiles]]></category>
		<category><![CDATA[mini pc]]></category>
		<guid isPermaLink="false">https://resenarapida.com/?p=214</guid>

					<description><![CDATA[<p>¡Disfruta de la mejor experiencia multitarea con el potente Mini PC GMKtec K11! El Mini PC GMKtec K11 equipado con el último procesador AMD Ryzen 9 8945HS ofrece un excelente rendimiento multitarea. Con la combinación de 32GB de RAM DDR5 y 1TB de SSD, permite un procesamiento y almacenamiento de datos rápido, siendo la elección [&#8230;]</p>
<p>La entrada <a href="https://resenarapida.com/mini-pc-gmktec-k11/">Experimenta el multitarea con el potente Mini PC GMKtec K11</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    ¡Disfruta de la mejor experiencia multitarea con el potente Mini PC GMKtec K11!
  </h2>
  <p>El Mini PC GMKtec K11 equipado con el último procesador AMD Ryzen 9 8945HS ofrece un excelente rendimiento multitarea. Con la combinación de 32GB de RAM DDR5 y 1TB de SSD, permite un procesamiento y almacenamiento de datos rápido, siendo la elección perfecta para gamers y creadores de contenido.</p>
  <p>Este producto ofrece diversos puertos y conectividad, permitiendo un uso versátil con múltiples dispositivos simultáneamente. A través de HDMI 2.1 y puertos USB4, puedes conectar hasta 4 pantallas 4K simultáneamente, maximizando la eficiencia de trabajo.</p>
  <p>El GMKtec K11 ofrece un excelente rendimiento y capacidad de expansión, y puedes comprarlo con tranquilidad gracias a su garantía limitada de 1 año. ¡Experimenta ahora un rendimiento que supera tus expectativas con este Mini PC!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #1A1A2E;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #2C3E50;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            border: 1px solid #E5E7EB;
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #1A1A2E;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20K11/GMKtec%20K11_producto_imagen.webp" alt="GMKtec Gaming PC, K11 AMD Ryzen 9 8945HS(8C/16T, bis zu 5.2GHz), 32GB DDR5 RAM 1TB Mini PC Desktop Computer, Oculink, Dual Nic 2.5GbE LAN, HDMI/DisplayPort/USB4*2"></div><div class="desktop-cta"><a href="https://amzn.to/49EamhS" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div><div class="product-details"><h2 class="product-name">GMKtec Gaming PC, K11 AMD Ryzen 9 8945HS(8C/16T, bis zu 5.2GHz), 32GB DDR5 RAM 1TB Mini PC Desktop Computer, Oculink, Dual Nic 2.5GbE LAN, HDMI/DisplayPort/USB4*2</h2><div class="rating-reviews is-loading"><span class="rating">4.4</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 40.000000%">★</span></div></div><div class="review-stats">235 valoraciones</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount">%</span></div><div class="special-price">959,96€</div><div class="price-date">Precios válidos el 19/01/2026, sujetos a cambios según la fecha de compra.</div></div><div class="key-points"><div class="key-points-title">Puntos clave del producto</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">AMD Ryzen 9 8945HS con 8 núcleos y 16 hilos para un potente rendimiento multitarea</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">32GB de RAM DDR5 y 1TB SSD PCIe 4.0 garantizan un procesamiento de datos rápido y capacidad de expansión</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Conexión Oculink para maximizar el rendimiento de eGPU con mayor ancho de banda y menor latencia</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Salida simultánea de 4 pantallas 4K para una experiencia de trabajo y juego inmersiva</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Dual NIC Intel i226V 2.5Gbps para un entorno de red estable y WiFi 6 para velocidad de internet rápida</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Hyper Ice Chamber 2.0 para un funcionamiento silencioso y gestión térmica eficiente</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Tres modos de rendimiento para ajustes personalizados</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Garantía limitada de 1 año para una fiabilidad que te permite usar con tranquilidad</span></div></div></div><div class="mobile-cta"><a href="https://amzn.to/49EamhS" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div></div>
    
    <br>
    
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            display: flex;
            align-items: center;
            border: 1px solid #E2E8F0;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #E2E8F0;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #2C3E50;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }
        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #F5F6F7;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-1">
        <h2>Detalles del producto</h2>
        <div class="content-wrapper" id="content-product-info-1">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Mini PC de alto rendimiento equipado con la última tecnología</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Excelente rendimiento multitarea con procesador AMD Ryzen 9 8945HS</li><li>Procesamiento y almacenamiento de datos rápido con 32GB de RAM DDR5 y 1TB SSD</li><li>Uso versátil con diversos puertos y conectividad</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Especificaciones</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Procesador: AMD Ryzen 9 8945HS (8 núcleos/16 hilos, hasta 5.20 GHz)</li><li>Tarjeta gráfica: AMD Radeon 780M (12 núcleos, 2,800 MHz)</li><li>Sistema operativo: Windows 11 Pro (preinstalado)</li><li>RAM: 32 GB DDR5 (doble canal, 5,600 MHz)</li><li>Almacenamiento: 1 TB NVME M.2 2280 PCIe 4.0 SSD</li><li>Red inalámbrica: Intel I226V (2,500 Mbps * 2), WiFi 6, Bluetooth 5.2</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Máxima capacidad de expansión con diversas opciones de conexión</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Salida simultánea de 4 pantallas 4K con puertos HDMI 2.1, DP2.1 y USB4</li><li>Entorno de red estable con Dual NIC 2.5Gbps LAN</li><li>Transferencia de datos de alta velocidad y conexión de diversos dispositivos con puertos USB 4.0</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Sistema de refrigeración y entorno de funcionamiento</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Sistema de refrigeración por aire NEW HYPER ICE CHAMBER 2.0 para mantener la temperatura óptima</li><li>Temperatura de funcionamiento: -10 °C ~ 45 °C, Temperatura de almacenamiento: -20 °C ~ 60 °C</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Consejos de compra</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Compra con tranquilidad con la garantía limitada de 1 año de GMKtec</li><li>Aprende fácilmente la instalación y el uso con diversas guías en vídeo</li><li>La elección perfecta para gamers y creadores de contenido que buscan alto rendimiento</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-1" onclick="toggleContent('product-info-1')">Ver más</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'Ver más';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'Ver menos';
        }
    }
    </script>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Vídeo de unboxing</h2>
        <div id="yt-slider-696dd912a1a5a" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/cCXwSlWP2HA" data-video-id="cCXwSlWP2HA" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20K11/GMKtec%20K11_unboxing_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a1a5a");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a1a5a-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a1a5a-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a1a5a-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
<br>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Video del producto</h2>
        <div id="yt-slider-696dd912a1a83" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=L9n2cWY3nZI" data-video-id="L9n2cWY3nZI" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20K11/GMKtec%20K11_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=RyS_BE3jkvo" data-video-id="RyS_BE3jkvo" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20K11/GMKtec%20K11_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 Este video de presentación le ayudará a comprender mejor el producto. Para videos en otros idiomas, se recomienda activar los subtítulos (CC).</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a1a83");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a1a83-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a1a83-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a1a83-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #1A1A2E;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">Calificación del producto</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 40.000000%">★</span></div></div>
                    <div class="rating-number">4.4</div>
                </div>
                <div class="review-badge" style="background-color:#1A1A2E;">
                    <div class="badge-emoji">🔥</div>
                    <div class="badge-text">Popular</div>
                    <div class="badge-subtext">200+ RESEÑAS</div>
                </div>
              </div><div class="rating-bars"><div class="rating-row">
                        <div class="star-label">5<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:73%;"></div>
                        </div>
                        <div class="percentage">73%</div>
                      </div><div class="rating-row">
                        <div class="star-label">4<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:15%;"></div>
                        </div>
                        <div class="percentage">15%</div>
                      </div><div class="rating-row">
                        <div class="star-label">3<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:1%;"></div>
                        </div>
                        <div class="percentage">1%</div>
                      </div><div class="rating-row">
                        <div class="star-label">2<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:3%;"></div>
                        </div>
                        <div class="percentage">3%</div>
                      </div><div class="rating-row">
                        <div class="star-label">1<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:8%;"></div>
                        </div>
                        <div class="percentage">8%</div>
                      </div></div></div></div>
    
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ Pros</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Equipado con procesador de alto rendimiento AMD Ryzen 9 8945HS</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Multitarea fluida con 32GB de RAM DDR5</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Conexión de GPU externa posible con puerto Oculink</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente eficiencia energética (ajustable de 35W a 70W)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Bajo nivel de ruido y excelente gestión del calor</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Fácil actualización de memoria y almacenamiento</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Soporte para salida simultánea de 4 monitores</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente relación calidad-precio</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ Contras</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>No es posible apagar/ajustar la iluminación RGB</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Algunos productos reportan problemas de pantalla negra</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Rendimiento Wi-Fi algo decepcionante</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Aumento del ruido del ventilador en modo rendimiento</li></ul></div></div></div></div>
<h2 class="product-review-title-v2">Reseñas de consumidores</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Mini PC Gaming, rápido, silencioso y actualizable</h3><div class="product-review-content-v2">Buscaba un sistema compacto pero potente<br>y elegí el GMKtec K11.<br>Viene equipado con AMD Ryzen 9 8945HS<br>y soporta hasta 5.4GHz de boost clock.<br>Modo Quiet 35W, Balanced 55-60W,<br>modo Performance 70W con buena eficiencia energética.<br>LoL, CS2, Valorant funcionan bien en FHD~1440p<br>y es posible conectar GPU externa con el puerto Oculink.<br>Soporta conexión simultánea de 4 monitores<br>y el sistema de refrigeración funciona bien, es silencioso.<br>Es una pena que no se pueda apagar la iluminación RGB<br>pero en general estoy muy satisfecho.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Mini PC perfecto para trabajo</h3><div class="product-review-content-v2">Lo uso en mi garaje conectado a impresora 3D,<br>grabadora láser y máquina CNC.<br>Funciono con configuración de 3 monitores<br>y viene instalado limpio sin malware,<br>las especificaciones son excelentes para el precio.<br>Funciona perfectamente.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Reseña tras 8 semanas de uso, rendimiento estable</h3><div class="product-review-content-v2">Llevo 8 semanas usando el GMKtec K11 Ryzen 9 8945HS 32GB<br>y es muy estable.<br>Basado en W11, es rápido y compacto,<br>la calidad de construcción de la carcasa es buena.<br>El ruido del ventilador es moderado sobre el escritorio<br>y es perfecto para juegos ligeros y trabajo de oficina múltiple.<br>Sigue funcionando sin problemas hasta ahora.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">PC Gaming potente por su precio</h3><div class="product-review-content-v2">Compré el GMKtec K11<br>y estoy muy satisfecho.<br>Gracias a los 32GB de memoria DDR5 la respuesta es rápida<br>y no hay lag al abrir varias aplicaciones a la vez.<br>Este rendimiento a este precio es la mejor relación calidad-precio.<br>Adecuado tanto para gaming como para tareas diarias.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecto para juegos desde COD hasta Cyberpunk</h3><div class="product-review-content-v2">Mi esposa y yo compramos cada uno<br>la versión de 32GB RAM del GMKTEC K11.<br>Hubo algunos problemas con las actualizaciones de AMD<br>pero se solucionó descargando drivers del sitio de gmktec.<br>Muy silencioso y con respuesta rápida.<br>Se puede jugar COD Black Ops y<br>Cyberpunk 2077 sin gráfica externa.<br>Warzone necesita optimización pero<br>el multitarea y streaming son perfectos.<br>Si mantienen la relación calidad-precio, compraré GMKtec de nuevo.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">La combinación más potente con eGPU</h3><div class="product-review-content-v2">Uso una RX 9070 XT conectada a un dock eGPU<br>y el rendimiento es realmente potente.<br>Aunque es un Mini PC, es posible gaming de alto rendimiento.<br>Lo recomiendo encarecidamente.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Se nota el upgrade de 16GB a 32GB</h3><div class="product-review-content-v2">Aún no he hecho pruebas extremas como gaming<br>pero comparado con mi mini PC i5 de 16GB<br>la diferencia de 32GB de RAM se nota claramente.<br>El procesador Ryzen 9 es realmente bueno.<br>La velocidad de respuesta ha mejorado definitivamente.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Problema de pantalla negra (Precaución)</h3><div class="product-review-content-v2">El PC en sí funciona bien pero<br>aparece un fenómeno de pantalla negra<br>que dura de 5 segundos a todo el día.<br>Ocurre incluso solo escuchando música en YouTube.<br>Modificaré la reseña si el vendedor lo soluciona.<br>Tenedlo en cuenta al comprar.</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span><span class="dot-v2" data-slide="6"></span><span class="dot-v2" data-slide="7"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1A1A2E 0%, #2C3E50 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(26, 26, 46, 0.4);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://amzn.to/49EamhS" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                Ver en Amazon
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 Envío rápido</span>
                <span class='trust--badge'>🔒 Pago seguro</span>
              </div></div></div><p class='affiliate--disclaimer'>En este artículo te mostramos productos recomendados de Amazon.</p></div><p>La entrada <a href="https://resenarapida.com/mini-pc-gmktec-k11/">Experimenta el multitarea con el potente Mini PC GMKtec K11</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">214</post-id>	</item>
		<item>
		<title>GMKtec Mini PC K12 &#8211; Innovación compacta con un rendimiento potente</title>
		<link>https://resenarapida.com/gmktec-mini-pc-k12/</link>
		
		<dc:creator><![CDATA[ReseñaRápida]]></dc:creator>
		<pubDate>Mon, 19 Jan 2026 05:22:42 +0000</pubDate>
				<category><![CDATA[Electrónica]]></category>
		<category><![CDATA[Ordenadores de Sobremesa]]></category>
		<category><![CDATA[Ordenadores y Portátiles]]></category>
		<category><![CDATA[mini pc]]></category>
		<guid isPermaLink="false">https://resenarapida.com/?p=211</guid>

					<description><![CDATA[<p>GMKtec Mini PC K12: ¡Comienza una nueva experiencia con una innovación compacta de gran rendimiento! El GMKtec Mini PC K12 viene equipado con el último procesador AMD Ryzen 7 y GPU Radeon 780M, ofreciendo un rendimiento optimizado para diversos usos como juegos, edición de vídeo y multitarea. Este producto proporciona un entorno de trabajo fluido [&#8230;]</p>
<p>La entrada <a href="https://resenarapida.com/gmktec-mini-pc-k12/">GMKtec Mini PC K12 &#8211; Innovación compacta con un rendimiento potente</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    GMKtec Mini PC K12: ¡Comienza una nueva experiencia con una innovación compacta de gran rendimiento!
  </h2>
  <p>El GMKtec Mini PC K12 viene equipado con el último procesador AMD Ryzen 7 y GPU Radeon 780M, ofreciendo un rendimiento optimizado para diversos usos como juegos, edición de vídeo y multitarea.</p>
  <p>Este producto proporciona un entorno de trabajo fluido gracias a sus 32GB de RAM DDR5 y SSD PCIe 4.0 de 512GB, siendo la elección perfecta para usuarios que necesitan multitarea en alta resolución con soporte para 4 pantallas 4K/8K.</p>
  <p>Con su silencioso sistema de doble ventilador y conectividad estable, el GMKtec Mini PC K12 garantiza la mejor experiencia de usuario en diversos entornos. ¡Experimenta una nueva vida digital con este producto innovador ahora mismo!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #1A1A2E;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #2C3E50;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            border: 1px solid #E5E7EB;
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #1A1A2E;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20K12/GMKtec%20K12_producto_imagen.webp" alt="GMKtec K12 Gaming Mini PC Oculink AMD Ryzen 7 H 255 (Mejorado 8745HS) 32GB RAM DDR5 512GB SSD, Gráficos Radeon 780M, 3X M.2 2280 Expansión de Almacenamiento, Dual Nic 2.5G, HDMI 2.1, USB4"></div><div class="desktop-cta"><a href="https://amzn.to/3YITQIz" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div><div class="product-details"><h2 class="product-name">GMKtec K12 Gaming Mini PC Oculink AMD Ryzen 7 H 255 (Mejorado 8745HS) 32GB RAM DDR5 512GB SSD, Gráficos Radeon 780M, 3X M.2 2280 Expansión de Almacenamiento, Dual Nic 2.5G, HDMI 2.1, USB4</h2><div class="rating-reviews is-loading"><span class="rating">4.4</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 40.000000%">★</span></div></div><div class="review-stats">153 valoraciones</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount">%</span></div><div class="special-price">719,96€</div><div class="price-date">Precios válidos el 19/01/2026, sujetos a cambios según la fecha de compra.</div></div><div class="key-points"><div class="key-points-title">Puntos clave del producto</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Procesador Ryzen 7 H 255 de 8 núcleos para juegos de alto rendimiento y multitarea fluida</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">iGPU Radeon 780M compatible con múltiples monitores en resolución 8K para una experiencia de juego inmersiva</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">32GB de RAM DDR5 y SSD de 512GB para procesamiento rápido de datos y almacenamiento amplio, reduciendo los tiempos de carga de juegos</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Soporte para 4 monitores 4K/8K que ofrece un amplio espacio de trabajo y visuales vívidos, optimizado para edición de vídeo y multitarea</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Puerto Oculink para maximizar el rendimiento de eGPU con mayor ancho de banda y menor latencia</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Dual NIC 2.5GbE y WIFI 6E para conexión a internet estable y rápida, permitiendo conectar varios dispositivos simultáneamente</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Sistema de refrigeración silencioso de 35dB y 13 modos de iluminación RGB que satisfacen estilo y rendimiento a la vez</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">1 año de garantía y soporte técnico profesional para usar con total tranquilidad</span></div></div></div><div class="mobile-cta"><a href="https://amzn.to/3YITQIz" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
            position: relative;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #1A1A2E;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #F5F6F7;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-2">
        <h2>Detalles del producto</h2>
        <div class="content-wrapper" id="content-product-info-2">
                <div class="product-section3">
                    <h3>La elección óptima para diversos usos</h3>
                    <ul><li>Ideal para juegos, edición de vídeo y multitarea</li><li>Excelente experiencia de usuario basada en la última tecnología</li><li>Configuración sencilla y comparación posible con vídeos del producto</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Especificaciones principales</h3>
                    <ul><li>Procesador: AMD Ryzen 7 H 255: 8 núcleos, 16 hilos, potente rendimiento de hasta 4.9GHz</li><li>Equipado con iGPU Radeon 780M para un excelente rendimiento gráfico</li><li>Memoria y almacenamiento: 32GB de RAM DDR5 (2 módulos x 16GB) para multitarea fluida</li><li>SSD PCIe 4.0 de 512GB, ampliable hasta 24TB</li><li>Gráficos: GPU Radeon 780M compatible con resolución 8K, ejecución fluida de los últimos juegos</li><li>Soporte de monitores: Compatible con 4 pantallas 4K/8K (HDMI 2.1, DisplayPort 1.4, USB Type-C)</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Conectividad</h3>
                    <ul><li>Ethernet: Puertos LAN duales 2.5GbE para velocidad de internet rápida</li><li>Conexión inalámbrica: Wi-Fi 6E y Bluetooth 5.2 para conexión estable</li><li>Puertos USB: Diversos puertos incluyendo USB4, USB-A, HDMI, OCuLink</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Sistema de refrigeración</h3>
                    <ul><li>Sistema de doble ventilador silencioso y eficiente con nivel de ruido muy bajo de 35dB</li><li>Rendimiento estable garantizado y larga duración de uso</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Garantía y soporte al cliente</h3>
                    <ul><li>Garantía limitada de 1 año desde la fecha de compra</li><li>Cobertura de garantía para defectos de diseño y fabricación</li><li>Equipo de soporte técnico profesional siempre disponible</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-2" onclick="toggleContent('product-info-2')">Ver más</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'Ver más';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'Ver menos';
        }
    }
    </script>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Vídeo de unboxing</h2>
        <div id="yt-slider-696dd912a2f43" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/qoeCv20Oe7Y" data-video-id="qoeCv20Oe7Y" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20K12/GMKtec%20K12_unboxing_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a2f43");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a2f43-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a2f43-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a2f43-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
<br>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Video del producto</h2>
        <div id="yt-slider-696dd912a2f6d" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=uC8-NESDrog" data-video-id="uC8-NESDrog" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20K12/GMKtec%20K12_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=U76Fmzuw2H4" data-video-id="U76Fmzuw2H4" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/GMKtec%20K12/GMKtec%20K12_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 Este video de presentación le ayudará a comprender mejor el producto. Para videos en otros idiomas, se recomienda activar los subtítulos (CC).</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a2f6d");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a2f6d-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a2f6d-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a2f6d-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #1A1A2E;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">Calificación del producto</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 40.000000%">★</span></div></div>
                    <div class="rating-number">4.4</div>
                </div>
                <div class="review-badge" style="background-color:#1A1A2E;">
                    <div class="badge-emoji">🚀</div>
                    <div class="badge-text">Elegir</div>
                    <div class="badge-subtext">Artículos recomendados</div>
                </div>
              </div><div class="rating-bars"><div class="rating-row">
                        <div class="star-label">5<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:73%;"></div>
                        </div>
                        <div class="percentage">73%</div>
                      </div><div class="rating-row">
                        <div class="star-label">4<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:16%;"></div>
                        </div>
                        <div class="percentage">16%</div>
                      </div><div class="rating-row">
                        <div class="star-label">3<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:2%;"></div>
                        </div>
                        <div class="percentage">2%</div>
                      </div><div class="rating-row">
                        <div class="star-label">2<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:3%;"></div>
                        </div>
                        <div class="percentage">3%</div>
                      </div><div class="rating-row">
                        <div class="star-label">1<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:6%;"></div>
                        </div>
                        <div class="percentage">6%</div>
                      </div></div></div></div>
    
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ Pros</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Potente rendimiento con el procesador AMD Ryzen 7 H 255</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente para multitarea con 32GB de RAM DDR5</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Expansión de GPU externa posible con puerto Oculink</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Ampliación de almacenamiento hasta 24TB con 3 ranuras M.2</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Flexibilidad de red con puertos LAN duales 2.5G</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Abundante configuración de puertos en tamaño compacto</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Apariencia premium con carcasa metálica</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Instalación posible detrás del monitor con soporte VESA</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ Contras</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>SSD interno de marca genérica incompatible con virtualización ESXi</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Sin chip TPM 2.0 físico</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Tarjeta de red Realtek inferior comparada con Intel</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Juegos AAA requieren configuración de baja resolución</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Ruido del ventilador audible bajo carga</li></ul></div></div></div></div>
<h2 class="product-review-title-v2">Reseñas de consumidores</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Comprado como servidor K12 + Proxmox</h3><div class="product-review-content-v2">Es un excelente mini PC.<br>Lo estoy usando como servidor de virtualización Proxmox<br>y necesitaré comprobar más la estabilidad con el tiempo.<br>Hasta ahora está funcionando satisfactoriamente.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Recomendado como PC gaming de entrada</h3><div class="product-review-content-v2">Esta es mi primera impresión tras el unboxing.<br>Es un PC gaming de entrada con tamaño mini y precio mini.<br>Es difícil ejecutar juegos AA/AAA a resolución completa<br>pero funciona bien a resoluciones más bajas.<br>El empaque parece una caja de joyas y la carcasa metálica es elegante.<br>En el frente: 3 USB-A, 1 USB-C, jack de audio,<br>en la parte trasera: 3 USB-A, USB-C, dual RJ45,<br>HDMI, DisplayPort, ¡y puerto Oculink!<br>También es posible conectar tarjeta gráfica externa vía Oculink.<br>Se puede instalar bajo el escritorio o detrás del monitor con soporte VESA.<br>También hay opción de 32GB/1TB, compara precios en promoción.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Calidad de componentes decepcionante (atención usuarios de virtualización)</h3><div class="product-review-content-v2">Está bien para Linux o Windows normales<br>pero no lo recomiendo para virtualización ESXi.<br>El SSD de 512GB es de marca genérica y no es compatible.<br>Cámbialo por un Samsung EVO o WD.<br>No tiene chip TPM 2.0 físico<br>y la tarjeta de red es Realtek.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Uso estable con eGPU conectada</h3><div class="product-review-content-v2">Lo estoy usando con eGPU conectada y es estable.<br>El SSD interno era pequeño y de marca genérica<br>así que lo cambié por uno más grande.<br>Me gusta que hay mucho margen para actualizaciones<br>y estaría dispuesto a comprarlo de nuevo.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Un powerhouse compacto</h3><div class="product-review-content-v2">Este mini PC destaca por su excelente rendimiento y expansibilidad.<br>Viene con Ryzen 7 8845HS, 32GB DDR5,<br>y ranuras NVMe duales.<br>Windows 11 viene preinstalado<br>y se puede usar inmediatamente sin inicio de sesión en línea.<br>LAN dual 2.5G, USB-C, DisplayPort,<br>¡y puerto Oculink para expansión de GPU externa!<br>Las tareas diarias se procesan silenciosa y suavemente<br>y Valorant, Fortnite funcionan bien a 1080p.<br>Juegos intensivos en GPU como Rust tienen limitaciones<br>pero la refrigeración es eficiente y la calidad de la carcasa metálica es buena.<br>¡Recomendado si buscas rendimiento por precio, expansibilidad y bajo ruido!</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1A1A2E 0%, #2C3E50 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(26, 26, 46, 0.4);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://amzn.to/3YITQIz" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                Ver en Amazon
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 Envío rápido</span>
                <span class='trust--badge'>🔒 Pago seguro</span>
              </div></div></div><p class='affiliate--disclaimer'>En este artículo te mostramos productos recomendados de Amazon.</p></div><p>La entrada <a href="https://resenarapida.com/gmktec-mini-pc-k12/">GMKtec Mini PC K12 &#8211; Innovación compacta con un rendimiento potente</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">211</post-id>	</item>
		<item>
		<title>El Amazfit T-Rex 3 smartwatch fiable incluso en entornos extremos</title>
		<link>https://resenarapida.com/amazfit-t-rex-3-smartwatch/</link>
		
		<dc:creator><![CDATA[ReseñaRápida]]></dc:creator>
		<pubDate>Thu, 01 Jan 2026 06:40:49 +0000</pubDate>
				<category><![CDATA[Audio y Comunicación]]></category>
		<category><![CDATA[Electrónica]]></category>
		<category><![CDATA[Smartwatches]]></category>
		<category><![CDATA[smart watch]]></category>
		<guid isPermaLink="false">https://es.nex-varo.com/?p=197</guid>

					<description><![CDATA[<p>Amazfit T-Rex 3 smartwatch, tu compañero de aventura fiable incluso en entornos extremos El Amazfit T-Rex 3 es el mejor smartwatch de aventura con durabilidad de grado militar y diversas funciones inteligentes. Con un diseño que permite su uso seguro en cualquier entorno, apoya todas tus actividades. Lo que necesitas para disfrutar de tus aventuras [&#8230;]</p>
<p>La entrada <a href="https://resenarapida.com/amazfit-t-rex-3-smartwatch/">El Amazfit T-Rex 3 smartwatch fiable incluso en entornos extremos</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    Amazfit T-Rex 3 smartwatch, tu compañero de aventura fiable incluso en entornos extremos
  </h2>
  <p>El Amazfit T-Rex 3 es el mejor smartwatch de aventura con durabilidad de grado militar y diversas funciones inteligentes. Con un diseño que permite su uso seguro en cualquier entorno, apoya todas tus actividades.</p>
  <p>Lo que necesitas para disfrutar de tus aventuras es una herramienta fiable. Este smartwatch proporciona datos de altitud y alertas meteorológicas para ayudarte a estar preparado para cualquier situación.</p>
  <p>Además, es compatible con más de 170 modos deportivos, y con la función de pago sin contacto y una monitorización precisa de la salud, también es útil en la vida cotidiana. ¡Comienza una nueva aventura con el Amazfit T-Rex 3!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #1A1A2E;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #2C3E50;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            border: 1px solid #E5E7EB;
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #1A1A2E;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Amazfit%20T-Rex%203/Amazfit%20T-Rex%203_producto_imagen.webp" alt="Amazfit T-Rex 3 Outdoor Smartwatch 48mm Pantalla AMOLED, Mapas &amp; Navegación Offline, 6 Sistemas de Satélite GPS Doble Banda, 27 Días de Duración de Batería, Pago NFC, 170 Modo Deportes de Aventura"></div><div class="desktop-cta"><a href="https://amzn.to/49gEL5L" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div><div class="product-details"><h2 class="product-name">Amazfit T-Rex 3 Outdoor Smartwatch 48mm Pantalla AMOLED, Mapas &amp; Navegación Offline, 6 Sistemas de Satélite GPS Doble Banda, 27 Días de Duración de Batería, Pago NFC, 170 Modo Deportes de Aventura</h2><div class="rating-reviews is-loading"><span class="rating">4.5</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div><div class="review-stats">1,886 valoraciones</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">231,32€</span><span class="discount">-22%</span></div><div class="special-price">180,99€</div><div class="price-date">Precios válidos el 01/01/2026, sujetos a cambios según la fecha de compra.</div></div><div class="key-points"><div class="key-points-title">Puntos clave del producto</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Enorme Pantalla Brillante ofrece una pantalla nítida fácil de leer en cualquier condición de luz</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Amazfit T-Rex 3 es un compañero fiable incluso en entornos extremos gracias a su durabilidad de grado militar</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">27 días de duración de batería permite su uso sin preocupaciones en viajes prolongados</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Mapas globales gratuitos y funciones GPS avanzadas garantizan una navegación precisa y exploración segura</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Con Zepp Pay puedes pagar de forma segura directamente desde tu muñeca, conectando varias tarjetas</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Más de 170 modos de ejercicio y planes de entrenamiento basados en IA ofrecen una experiencia fitness personalizada</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Protección de datos basada en Amazon Web Services para gestionar tu información personal de forma segura</span></div></div></div><div class="mobile-cta"><a href="https://amzn.to/49gEL5L" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
            position: relative;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #1A1A2E;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #F5F6F7;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-3">
        <h2>Detalles del producto</h2>
        <div class="content-wrapper" id="content-product-info-3">
                <div class="product-section3">
                    <h3>Durabilidad y funcionalidad fiables en cualquier entorno</h3>
                    <ul><li>Uso seguro incluso en entornos extremos gracias a la durabilidad de grado militar</li><li>Diseño que soporta temperaturas de hasta 70℃, bajas de -30℃ y presión de agua de 100m</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Funciones inteligentes para la aventura</h3>
                    <ul><li>Preparado para cualquier aventura con datos de altitud y alertas meteorológicas</li><li>Compatible con más de 170 modos deportivos para diversas actividades</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Comodidad añadida con pago sin contacto</h3>
                    <ul><li>Posibilidad de conectar hasta 8 tarjetas bancarias a través de Zepp Pay</li><li>Pago sin contacto seguro con tecnología NFC</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Monitorización precisa de la salud</h3>
                    <ul><li>Comprueba en tiempo real el ritmo cardíaco, oxígeno en sangre y niveles de estrés</li><li>Mide cuatro indicadores de salud con un solo toque</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Excelente pantalla AMOLED</h3>
                    <ul><li>Pantalla fácil de leer en cualquier condición de luz con 2.000 nits de brillo</li><li>Uso cómodo en diversos entornos con modo nocturno y modo guantes</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Comunicación inteligente con reconocimiento de voz IA</h3>
                    <ul><li>Convierte mensajes de voz en texto para enviarlos fácilmente</li><li>Compatible con aplicaciones Android como WhatsApp</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>27 días de duración de batería</h3>
                    <ul><li>Hasta 27 días en uso normal, 42 horas en modo GPS preciso</li><li>114 horas en modo ahorro de batería, 180 horas en modo máximo</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Mapas gratuitos y funciones GPS avanzadas</h3>
                    <ul><li>Navegación precisa con mapas gratuitos de todo el mundo</li><li>Seguimiento más preciso con posicionamiento de doble frecuencia</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-3" onclick="toggleContent('product-info-3')">Ver más</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'Ver más';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'Ver menos';
        }
    }
    </script>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Vídeo de unboxing</h2>
        <div id="yt-slider-696dd912a432b" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/OfaEpTjnLmU" data-video-id="OfaEpTjnLmU" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Amazfit%20T-Rex%203/Amazfit%20T-Rex%203_unboxing_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/LhutkW4uD7c" data-video-id="LhutkW4uD7c" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Amazfit%20T-Rex%203/Amazfit%20T-Rex%203_unboxing_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a432b");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a432b-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a432b-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a432b-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    <br>
    
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Video del producto</h2>
        <div id="yt-slider-696dd912a4359" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=kHSUdDoJSf4" data-video-id="kHSUdDoJSf4" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Amazfit%20T-Rex%203/Amazfit%20T-Rex%203_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=19lBoulYJAA" data-video-id="19lBoulYJAA" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Amazfit%20T-Rex%203/Amazfit%20T-Rex%203_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 Este video de presentación le ayudará a comprender mejor el producto. Para videos en otros idiomas, se recomienda activar los subtítulos (CC).</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a4359");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a4359-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a4359-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a4359-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #1A1A2E;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">Calificación del producto</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div>
                    <div class="rating-number">4.5</div>
                </div>
                <div class="review-badge" style="background-color:#1A1A2E;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">Más vendido</div>
                    <div class="badge-subtext">1.000+ RESEÑAS</div>
                </div>
              </div><div class="rating-bars"><div class="rating-row">
                        <div class="star-label">5<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:79%;"></div>
                        </div>
                        <div class="percentage">79%</div>
                      </div><div class="rating-row">
                        <div class="star-label">4<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:8%;"></div>
                        </div>
                        <div class="percentage">8%</div>
                      </div><div class="rating-row">
                        <div class="star-label">3<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:4%;"></div>
                        </div>
                        <div class="percentage">4%</div>
                      </div><div class="rating-row">
                        <div class="star-label">2<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:2%;"></div>
                        </div>
                        <div class="percentage">2%</div>
                      </div><div class="rating-row">
                        <div class="star-label">1<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:7%;"></div>
                        </div>
                        <div class="percentage">7%</div>
                      </div></div></div></div>
    
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ Pros</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>La duración de la batería es muy larga, permite usar de 2 a 3 semanas</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Pantalla brillante visible incluso al aire libre (2000nits)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente precisión GPS y conexión rápida</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Diseño robusto y duradero</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Diversos modos de ejercicio y detección automática de actividad</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Funciona bien en deportes acuáticos como natación y buceo libre</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Medición precisa de ritmo cardíaco y saturación de oxígeno</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Función de seguimiento del sueño muy útil</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente relación calidad-precio</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Aplicación intuitiva con datos abundantes</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ Contras</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>No compatible con pago NFC en bancos españoles y europeos</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Usuarios de iOS tienen algunas funciones limitadas</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>La respuesta táctil no es buena cuando la pantalla está mojada</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>El consumo de batería es rápido al usar GPS</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>No tiene altavoz para llamadas</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Ecosistema de aplicaciones limitado (unas 50 apps)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>El marco metálico es vulnerable a arañazos</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>La precisión de datos puede disminuir en ejercicios de alta intensidad</li></ul></div></div></div></div>
<h2 class="product-review-title-v2">Reseñas de consumidores</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Producto satisfactorio después de 2 semanas de uso</h3><div class="product-review-content-v2">Es un producto que cumple las expectativas.<br>La pantalla se ve muy bien al aire libre<br>y si desactivas la monitorización de salud, la batería solo consume un 50% en una semana.<br>La precisión del track GPS es excelente<br>y el seguimiento de rutas con la app ZEPP funciona bien.<br>También funciona bien en la piscina<br>y me gusta especialmente la función de seguimiento del sueño.<br>Recomiendo poner un protector de pantalla.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Combinación perfecta de smartwatch y reloj deportivo</h3><div class="product-review-content-v2">Al principio no me impresionó, pero cuanto más lo uso, más me gusta.<br>La precisión del sensor es mucho mejor que los smartwatches normales<br>y el rendimiento GPS es casi de nivel premium.<br>La batería dura más de 20 días en uso básico,<br>y 10-15 días si usas mucho el GPS.<br>Detecta automáticamente el ejercicio en el gimnasio<br>y cuenta bien las repeticiones.<br>La función de respuesta por asistente de voz es excelente<br>y también se ha añadido teclado.<br>El único inconveniente es que no tiene altavoz para llamadas.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">La mejor elección calidad-precio</h3><div class="product-review-content-v2">Buena relación calidad-precio comparado con otras marcas.<br>Material resistente con correa cómoda e intercambiable,<br>lo probé en natación, trail y buceo libre<br>y el brillo y resolución de pantalla son buenos,<br>el GPS se conecta instantáneamente al aire libre.<br>La medición de ritmo cardíaco y saturación de oxígeno es precisa.<br>Es una pena que no tenga función de llamada de emergencia<br>pero podría solucionarse instalando una app.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Reseña tras 4 meses de uso prolongado</h3><div class="product-review-content-v2">Lo cambié después de usar el T-Rex Pro 1 durante 3 años.<br>El diseño es elegante y resistente.<br>La batería indica 18 días del fabricante pero en realidad dura unos 15 días.<br>Totalmente impermeable para deportes acuáticos<br>y la desventaja es que el marco metálico es algo vulnerable a arañazos.<br>Con el GPS encendido la batería se consume más rápido de lo esperado<br>y el táctil no funciona bien cuando está mojado.<br>Lo más decepcionante es que el pago NFC no es compatible con bancos españoles.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Usuario que cambió de Garmin</h3><div class="product-review-content-v2">Cambié del Garmin Fenix 3 y estoy satisfecho.<br>Después de una semana de uso quedaba un 16% de batería.<br>El software es fluido y la app es intuitiva.<br>Se siente más ligero<br>y las mediciones de ejercicio son bastante precisas.<br>La carga de mapas es fácil y el seguimiento de ubicación es rápido.<br>Sería mejor si hubiera otras opciones de mapas como OpenTopo.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Usuarios de iOS deben tener cuidado</h3><div class="product-review-content-v2">Si es Android lo recomiendo, si es iPhone no.<br>El pago NFC no es compatible con bancos españoles<br>y solo hay unas 50 apps.<br>En iOS el control de música también es limitado<br>y Spotify requiere instalar una app separada.<br>El sistema es demasiado cerrado.<br>Parece un producto para el mercado chino sin adaptar.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecto para uso diario</h3><div class="product-review-content-v2">Lo mejor es que la batería dura 14-18 días.<br>Es cómodo no tener que cargar todos los días.<br>Tiene deportes, gestión del sueño, notificaciones y todo<br>y también tiene una función que te dice las calorías si tomas foto de la comida.<br>La configuración de pagos y Spotify es algo complicada<br>pero una vez configurado funciona bien.<br>Lo compré con descuento y estoy satisfecho con la relación calidad-precio.</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span><span class="dot-v2" data-slide="6"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1A1A2E 0%, #2C3E50 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(26, 26, 46, 0.4);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://amzn.to/49gEL5L" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                Ver en Amazon
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 Envío rápido</span>
                <span class='trust--badge'>🔒 Pago seguro</span>
              </div></div></div><p class='affiliate--disclaimer'>En este artículo te mostramos productos recomendados de Amazon.</p></div><p>La entrada <a href="https://resenarapida.com/amazfit-t-rex-3-smartwatch/">El Amazfit T-Rex 3 smartwatch fiable incluso en entornos extremos</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">197</post-id>	</item>
		<item>
		<title>Amazfit Active 2 smartwatch &#8211; ¡Gestiona tu ejercicio y tu día a día a la perfección!</title>
		<link>https://resenarapida.com/amazfit-active-2-smartwatch-gestiona-tu-ejercicio-y-tu-dia-a-dia-a-la-perfeccion/</link>
		
		<dc:creator><![CDATA[ReseñaRápida]]></dc:creator>
		<pubDate>Thu, 01 Jan 2026 06:30:01 +0000</pubDate>
				<category><![CDATA[Audio y Comunicación]]></category>
		<category><![CDATA[Electrónica]]></category>
		<category><![CDATA[Smartwatches]]></category>
		<category><![CDATA[smart watch]]></category>
		<guid isPermaLink="false">https://es.nex-varo.com/?p=194</guid>

					<description><![CDATA[<p>¡Gestiona tu ejercicio y tu día a día a la perfección con el Amazfit Active 2 smartwatch! El compañero perfecto para el deporte y la vida diaria, el Amazfit Active 2 smartwatch ofrece datos vívidos con una batería de hasta 10 días y una pantalla AMOLED de 1,32 pulgadas. Rastrea diversos ejercicios con más de [&#8230;]</p>
<p>La entrada <a href="https://resenarapida.com/amazfit-active-2-smartwatch-gestiona-tu-ejercicio-y-tu-dia-a-dia-a-la-perfeccion/">Amazfit Active 2 smartwatch &#8211; ¡Gestiona tu ejercicio y tu día a día a la perfección!</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    ¡Gestiona tu ejercicio y tu día a día a la perfección con el Amazfit Active 2 smartwatch!
  </h2>
  <p>El compañero perfecto para el deporte y la vida diaria, el Amazfit Active 2 smartwatch ofrece datos vívidos con una batería de hasta 10 días y una pantalla AMOLED de 1,32 pulgadas. Rastrea diversos ejercicios con más de 160 modos deportivos y gestiona tu salud de forma inteligente.</p>
  <p>No pierdas la oportunidad de gestionar tu ejercicio y tu vida diaria al mismo tiempo. Con función GPS y resistencia al agua de 50M, puedes usarlo en cualquier entorno, y su estructura de acero inoxidable presume de durabilidad y un diseño clásico.</p>
  <p>¡Comienza una vida saludable con el Amazfit Active 2! Alcanza tus objetivos con el compañero perfecto para la gestión del ejercicio y la vida diaria. En la siguiente sección, veremos en detalle las características de este smartwatch.</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #1A1A2E;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #2C3E50;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            border: 1px solid #E5E7EB;
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #1A1A2E;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/AMAZFIT%20Active%202/AMAZFIT%20Active%202_producto_imagen.webp" alt="AMAZFIT Active 2 Smart Watch 44mm, AI, Control por Voz, GPS &amp; Mapas sin Coste, Batería de 10 Días, 160+ Modos Deportivos, Resistente al Agua 5 ATM, Compatible con Android &amp; iPhone, Negro"></div><div class="desktop-cta"><a href="https://amzn.to/3N8QSdA" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div><div class="product-details"><h2 class="product-name">AMAZFIT Active 2 Smart Watch 44mm, AI, Control por Voz, GPS &amp; Mapas sin Coste, Batería de 10 Días, 160+ Modos Deportivos, Resistente al Agua 5 ATM, Compatible con Android &amp; iPhone, Negro</h2><div class="rating-reviews is-loading"><span class="rating">4.4</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 40.000000%">★</span></div></div><div class="review-stats">1,743 valoraciones</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">82,56€</span><span class="discount">-20%</span></div><div class="special-price">66,12€</div><div class="price-date">Precios válidos el 01/01/2026, sujetos a cambios según la fecha de compra.</div></div><div class="key-points"><div class="key-points-title">Puntos clave del producto</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Estructura de acero inoxidable con diseño elegante que ofrece estilo clásico y durabilidad deportiva a la vez</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Pantalla AMOLED de 1,32&#039;&#039; que garantiza legibilidad clara incluso bajo el sol</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Tecnología BioTracker que rastrea con precisión la frecuencia cardíaca y los datos de sueño, con 10 días de batería sin necesidad de cargar durante la noche</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Mapas descargables y navegación giro a giro para ayudarte a no perderte en ningún momento</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">5 sistemas de posicionamiento por satélite para una conexión GPS rápida y precisa, experiencia óptima al correr, hacer senderismo o ciclismo</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Más de 160 modos deportivos incluyendo HYROX Race, yoga, natación y más, con resistencia al agua de 50m para nadar y esquiar sin preocupaciones</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Zepp Flow para responder mensajes por voz, traducción y sugerencias de tono para controlar tu smartwatch a la perfección</span></div></div></div><div class="mobile-cta"><a href="https://amzn.to/3N8QSdA" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div></div>
    
    <br>
    
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            display: flex;
            align-items: center;
            border: 1px solid #E2E8F0;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #E2E8F0;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #2C3E50;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }
        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #F5F6F7;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-2">
        <h2>Detalles del producto</h2>
        <div class="content-wrapper" id="content-product-info-2">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Una elección inteligente que gestiona el ejercicio y la vida diaria al mismo tiempo</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Hasta 10 días de batería sin preocuparte por cargar</li><li>Pantalla AMOLED de 1,32 pulgadas para ver datos vívidos</li><li>Más de 160 modos deportivos para rastrear diversos ejercicios</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Detalles</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Hasta 21 horas de uso continuo de GPS: Maximiza la eficiencia del ejercicio con seguimiento de ubicación preciso</li><li>Resistencia al agua de 50M: Uso posible en diversos entornos como natación y esquí</li><li>Estructura de acero inoxidable: Ofrece diseño clásico y durabilidad a la vez</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Entrenamiento inteligente y gestión de la salud</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Modo de entrenamiento de fuerza: Detección de 25 ejercicios y seguimiento de series, repeticiones y descansos</li><li>Cycle Tracking: Predicción del ciclo menstrual y notificaciones</li><li>Tecnología BioTracker: Seguimiento preciso de frecuencia cardíaca y datos de sueño</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Embalaje sostenible y funciones convenientes</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Embalaje con materiales 100% reciclables</li><li>Llamadas telefónicas y sincronización de notificaciones vía Bluetooth</li><li>Protección de datos y almacenamiento de datos GPS a través de la app Zepp</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Diseño elegante y comodidad de uso</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Correa de silicona transpirable para una comodidad óptima</li><li>Más de 400 esferas de reloj gratuitas para personalizar</li><li>Pantalla clara incluso bajo el sol para usar en cualquier momento y lugar</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-2" onclick="toggleContent('product-info-2')">Ver más</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'Ver más';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'Ver menos';
        }
    }
    </script>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Vídeo de unboxing</h2>
        <div id="yt-slider-696dd912a58ef" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/S2FOp2pUx8M" data-video-id="S2FOp2pUx8M" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/AMAZFIT%20Active%202/AMAZFIT%20Active%202_unboxing_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/Tr4efYH2hZU" data-video-id="Tr4efYH2hZU" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/AMAZFIT%20Active%202/AMAZFIT%20Active%202_unboxing_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a58ef");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a58ef-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a58ef-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a58ef-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    <br>
    
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Video del producto</h2>
        <div id="yt-slider-696dd912a591e" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=wjX83TkP-9E" data-video-id="wjX83TkP-9E" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/AMAZFIT%20Active%202/AMAZFIT%20Active%202_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=XspZWDyafHE" data-video-id="XspZWDyafHE" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/AMAZFIT%20Active%202/AMAZFIT%20Active%202_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 Este video de presentación le ayudará a comprender mejor el producto. Para videos en otros idiomas, se recomienda activar los subtítulos (CC).</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a591e");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a591e-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a591e-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a591e-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #1A1A2E;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">Calificación del producto</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 40.000000%">★</span></div></div>
                    <div class="rating-number">4.4</div>
                </div>
                <div class="review-badge" style="background-color:#1A1A2E;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">Más vendido</div>
                    <div class="badge-subtext">1.000+ RESEÑAS</div>
                </div>
              </div><div class="rating-bars"><div class="rating-row">
                        <div class="star-label">5<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:72%;"></div>
                        </div>
                        <div class="percentage">72%</div>
                      </div><div class="rating-row">
                        <div class="star-label">4<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:12%;"></div>
                        </div>
                        <div class="percentage">12%</div>
                      </div><div class="rating-row">
                        <div class="star-label">3<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:6%;"></div>
                        </div>
                        <div class="percentage">6%</div>
                      </div><div class="rating-row">
                        <div class="star-label">2<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:3%;"></div>
                        </div>
                        <div class="percentage">3%</div>
                      </div><div class="rating-row">
                        <div class="star-label">1<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:7%;"></div>
                        </div>
                        <div class="percentage">7%</div>
                      </div></div></div></div>
    
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ Pros</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente relación calidad-precio (menos de 100 euros)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>La batería dura más de una semana</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Funciones de salud completas: frecuencia cardíaca, oxígeno en sangre, estrés, seguimiento del sueño</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Conexión GPS rápida y precisa (conexión en menos de 15 segundos)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Posibilidad de hacer y recibir llamadas (incluso sin Wear OS)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>La app Zepp es intuitiva y fácil de usar</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Descarga de mapas offline disponible</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Asistente de IA integrado</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Función de respuesta a notificaciones (voz, texto, respuestas predefinidas)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Diseño elegante y refinado</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ Contras</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>El cierre de la correa de silicona puede causar irritación en la piel</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>No compatible con Google Maps, apps de WhatsApp ni Google Play</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>El modelo básico no tiene soporte para pagos NFC</li></ul></div></div></div></div>
<h2 class="product-review-title-v2">Reseñas de consumidores</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">El rey de las funciones de salud</h3><div class="product-review-content-v2">He probado varias marcas como Garmin, Huawei, FitBit, Asus y<br>es mucho mejor que el Asus Vivowatch 6 que cuesta 5 veces más.<br>Frecuencia cardíaca, oxígeno en sangre, estrés, seguimiento del sueño,<br>¡incluso mide la frecuencia respiratoria durante el sueño y el riesgo de apnea!<br>También ofrece puntuaciones de HRV, EPOC, PAI y<br>analiza los datos cruzados con gráficos y consejos.<br>La app Zepp es moderna e intuitiva.<br>Lamento no haber descubierto esta marca antes.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">La mejor relación calidad-precio de 2025</h3><div class="product-review-content-v2">Opinión después de 3 semanas de uso.<br>He tenido LG G Watch R, Amazfit Bip, GTS, Ticwatch Pro 3 y<br>este es el mejor smartwatch que he tenido.<br>Por menos de 100 euros: llamadas, GPS rápido,<br>sensores precisos, respuesta a notificaciones, ¡hasta asistente de IA!<br>En el gimnasio registra repeticiones, series y peso en entrenamiento de fuerza.<br>La batería puede durar hasta 56 días y<br>compré otro para mi esposa.<br>No tiene Google Maps ni apps de WhatsApp, pero no lo echo de menos en absoluto.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Muchas funciones, precio económico</h3><div class="product-review-content-v2">Es increíble tener tantas funciones a este precio.<br>Más de una semana de batería, control por voz, GPS y mapas.<br>Es el primer modelo con el último Amazfit OS.<br>La correa de silicona tiene buen tacto y<br>con la descarga de mapas offline puedes entrenar sin el móvil.<br>Puedes conectar auriculares Bluetooth para correr con música y<br>responder llamadas dentro del alcance Bluetooth.<br>En la muñeca se ve elegante y premium.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecto para el precio</h3><div class="product-review-content-v2">Es una muy buena relación.<br>Con 2-3 entrenamientos al aire libre por semana con GPS, la batería dura una semana.<br>Tiene todas las funciones que necesita el 99% de deportistas.<br>Sin embargo, el cierre de la correa básica irritaba mi piel con el sudor,<br>así que la cambié por una correa textil.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Precio sorprendente</h3><div class="product-review-content-v2">Lo compré por 68 euros y es una ganga total.<br>Es bonito, elegante y las mediciones son las más precisas.<br>Lo comparé con otros relojes de alrededor de 100 euros y<br>los expertos también dijeron que este es el mejor.<br>Lo recomiendo encarecidamente.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Más satisfecho de lo esperado</h3><div class="product-review-content-v2">Es un reloj excelente para este precio.<br>Elegante, funciona bien y la app es genial.<br>GPS, monitorización cardíaca, seguimiento del sueño, notificaciones,<br>función de encontrar el móvil, todo funciona.<br>Es un smartwatch de primer nivel a cualquier precio.</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1A1A2E 0%, #2C3E50 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(26, 26, 46, 0.4);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://amzn.to/3N8QSdA" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                Ver en Amazon
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 Envío rápido</span>
                <span class='trust--badge'>🔒 Pago seguro</span>
              </div></div></div><p class='affiliate--disclaimer'>En este artículo te mostramos productos recomendados de Amazon.</p></div><p>La entrada <a href="https://resenarapida.com/amazfit-active-2-smartwatch-gestiona-tu-ejercicio-y-tu-dia-a-dia-a-la-perfeccion/">Amazfit Active 2 smartwatch &#8211; ¡Gestiona tu ejercicio y tu día a día a la perfección!</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">194</post-id>	</item>
		<item>
		<title>¡Salud y estilo a la vez! Comienza tu vida inteligente con el XIAOMI Redmi Watch 5 Active</title>
		<link>https://resenarapida.com/xiaomi-redmi-watch-5-active/</link>
		
		<dc:creator><![CDATA[ReseñaRápida]]></dc:creator>
		<pubDate>Thu, 01 Jan 2026 06:19:46 +0000</pubDate>
				<category><![CDATA[Audio y Comunicación]]></category>
		<category><![CDATA[Electrónica]]></category>
		<category><![CDATA[Smartwatches]]></category>
		<category><![CDATA[smart watch]]></category>
		<guid isPermaLink="false">https://es.nex-varo.com/?p=191</guid>

					<description><![CDATA[<p>¡Salud y estilo a la vez! Comienza tu vida inteligente con el XIAOMI Redmi Watch 5 Active El Redmi Watch 5 Active ofrece toda la información con claridad gracias a su gran pantalla LCD de 2 pulgadas y su larga duración de batería. Este smartwatch, optimizado para la gestión de la salud y el seguimiento [&#8230;]</p>
<p>La entrada <a href="https://resenarapida.com/xiaomi-redmi-watch-5-active/">¡Salud y estilo a la vez! Comienza tu vida inteligente con el XIAOMI Redmi Watch 5 Active</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    ¡Salud y estilo a la vez! Comienza tu vida inteligente con el XIAOMI Redmi Watch 5 Active
  </h2>
  <p>El Redmi Watch 5 Active ofrece toda la información con claridad gracias a su gran pantalla LCD de 2 pulgadas y su larga duración de batería. Este smartwatch, optimizado para la gestión de la salud y el seguimiento deportivo, se convertirá en tu compañero esencial del día a día.</p>
  <p>¡Es hora de cuidar tu salud y mantenerte conectado al mismo tiempo! Comunícate cómodamente y gestiona tu salud en cualquier momento y lugar con la función de llamadas Bluetooth y el monitoreo preciso de salud.</p>
  <p>El Redmi Watch 5 Active, con su diseño elegante y esferas personalizables para completar tu propio estilo, llevará tu vida inteligente al siguiente nivel. ¡Descubre más información en las siguientes secciones!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #1A1A2E;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #2C3E50;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            border: 1px solid #E5E7EB;
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #1A1A2E;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/XIAOMI%20Redmi%20Watch%205%20Active/XIAOMI%20Redmi%20Watch%205%20Active_producto_imagen.webp" alt="XIAOMI Redmi Watch 5 Active, Llamadas Bluetooth, Pantalla LCD de 2 Pulgadas, Monitor de frecuencia cardíaca, 140 Modos Deportivos, hasta 18 días de autonomía"></div><div class="desktop-cta"><a href="https://amzn.to/4aGEZFK" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div><div class="product-details"><h2 class="product-name">XIAOMI Redmi Watch 5 Active, Llamadas Bluetooth, Pantalla LCD de 2 Pulgadas, Monitor de frecuencia cardíaca, 140 Modos Deportivos, hasta 18 días de autonomía</h2><div class="rating-reviews is-loading"><span class="rating">4.5</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div><div class="review-stats">15,538 valoraciones</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">29,74€</span><span class="discount">-32%</span></div><div class="special-price">20,32€</div><div class="price-date">Precios válidos el 01/01/2026, sujetos a cambios según la fecha de compra.</div></div><div class="key-points"><div class="key-points-title">Puntos clave del producto</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Pantalla LCD extra grande de 2.0 pulgadas para una experiencia visual nítida</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Batería de larga duración de 18 horas para usar todo el día sin preocupaciones</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Llamadas Bluetooth con 2 MIC Uplink para conversaciones claras sin ruido</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Funciones avanzadas de seguimiento de salud con monitoreo de frecuencia cardíaca, SpO2 y análisis del sueño</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Resistencia al agua 5ATM para usar sin preocupaciones al nadar o en días lluviosos</span></div></div></div><div class="mobile-cta"><a href="https://amzn.to/4aGEZFK" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
            position: relative;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #1A1A2E;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #F5F6F7;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-4">
        <h2>Detalles del producto</h2>
        <div class="content-wrapper" id="content-product-info-4">
                <div class="product-section3">
                    <h3>Toda la información clara con la gran pantalla LCD de 2 pulgadas</h3>
                    <ul><li>Pantalla LCD extra grande de 2.0 pulgadas para mayor comodidad visual</li><li>Resolución de 320 x 385 píxeles con 250 PPI para ver información detallada</li><li>Ratio pantalla-cuerpo del 71.4% para un amplio campo de visión</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Uso sin preocupaciones con larga duración de batería</h3>
                    <ul><li>Hasta 18 horas de uso en modo estándar</li><li>Sin necesidad de cargar frecuentemente durante salidas o viajes</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Comunicación cómoda con función de llamadas Bluetooth</h3>
                    <ul><li>Equipado con función de cancelación de ruido con 2 micrófonos</li><li>Recepción de voz clara hasta una distancia de 80 cm</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Monitoreo preciso de salud y ejercicio</h3>
                    <ul><li>Seguimiento de diversos indicadores de salud como frecuencia cardíaca, SpO2 y sueño</li><li>Apoyo a la gestión de salud con monitoreo de frecuencia cardíaca 24 horas y control del nivel de estrés</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Seguridad en el día a día con resistencia al agua 5ATM</h3>
                    <ul><li>Uso sin preocupaciones bajo la lluvia o al lavarse las manos</li><li>Sin embargo, no admite modos deportivos para deportes acuáticos</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Registro de diversas actividades con más de 140 modos deportivos</h3>
                    <ul><li>Detección automática de actividad para ejercicio científico</li><li>Compatible con diversos deportes como correr, caminar, ciclismo y más</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Añade estilo con un diseño elegante</h3>
                    <ul><li>Diseño rectangular premium con marco de acabado mate</li><li>Belleza minimalista en colores Midnight Black y Matte Silver</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Completa tu propio estilo con esferas personalizadas</h3>
                    <ul><li>Más de 200 esferas disponibles para cambiar según tu estado de ánimo</li><li>Descarga esferas adicionales a través de la app Mi Fitness</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-4" onclick="toggleContent('product-info-4')">Ver más</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'Ver más';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'Ver menos';
        }
    }
    </script>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Vídeo de unboxing</h2>
        <div id="yt-slider-696dd912a6cd5" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/JAspiN7fjws" data-video-id="JAspiN7fjws" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/XIAOMI%20Redmi%20Watch%205%20Active/XIAOMI%20Redmi%20Watch%205%20Active_unboxing_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/iMGbC9G3KJw" data-video-id="iMGbC9G3KJw" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/XIAOMI%20Redmi%20Watch%205%20Active/XIAOMI%20Redmi%20Watch%205%20Active_unboxing_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a6cd5");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a6cd5-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a6cd5-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a6cd5-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    <br>
    
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Video del producto</h2>
        <div id="yt-slider-696dd912a6d27" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=MPGy4x4t4Xs" data-video-id="MPGy4x4t4Xs" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/XIAOMI%20Redmi%20Watch%205%20Active/XIAOMI%20Redmi%20Watch%205%20Active_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=OdZ5r6EcAVE" data-video-id="OdZ5r6EcAVE" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/XIAOMI%20Redmi%20Watch%205%20Active/XIAOMI%20Redmi%20Watch%205%20Active_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 Este video de presentación le ayudará a comprender mejor el producto. Para videos en otros idiomas, se recomienda activar los subtítulos (CC).</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a6d27");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a6d27-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a6d27-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a6d27-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #1A1A2E;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">Calificación del producto</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div>
                    <div class="rating-number">4.5</div>
                </div>
                <div class="review-badge" style="background-color:#1A1A2E;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">Más vendido</div>
                    <div class="badge-subtext">1.000+ RESEÑAS</div>
                </div>
              </div><div class="rating-bars"><div class="rating-row">
                        <div class="star-label">5<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:78%;"></div>
                        </div>
                        <div class="percentage">78%</div>
                      </div><div class="rating-row">
                        <div class="star-label">4<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:11%;"></div>
                        </div>
                        <div class="percentage">11%</div>
                      </div><div class="rating-row">
                        <div class="star-label">3<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:5%;"></div>
                        </div>
                        <div class="percentage">5%</div>
                      </div><div class="rating-row">
                        <div class="star-label">2<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:1%;"></div>
                        </div>
                        <div class="percentage">1%</div>
                      </div><div class="rating-row">
                        <div class="star-label">1<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:5%;"></div>
                        </div>
                        <div class="percentage">5%</div>
                      </div></div></div></div>
    
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ Pros</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Relación calidad-precio excepcional (rango de precio de unos 30 euros)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Batería de larga duración que permite usar más de una semana</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Gran pantalla de 2 pulgadas visible incluso al aire libre</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Función de llamadas Bluetooth clara y conveniente</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Diversos modos deportivos y funciones de monitoreo de salud</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Conexión fácil con la app y uso conveniente</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Ligero y cómodo de llevar</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Personalizable con diversas esferas</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Adecuado para uso diario y ejercicio ligero</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ Contras</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>La pantalla es algo grande, puede ser incómoda para muñecas delgadas</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>El volumen del altavoz podría ser un poco más alto</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>La duración real de la batería puede ser menor que la especificación oficial</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Problemas de interferencia entre Wi-Fi y Bluetooth en algunos dispositivos</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>No es posible responder mensajes de WhatsApp</li></ul></div></div></div></div>
<h2 class="product-review-title-v2">Reseñas de consumidores</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">El mejor smartwatch en relación calidad-precio</h3><div class="product-review-content-v2">Estoy muy satisfecho después de comprar el Xiaomi Redmi Watch 5 Active.<br>La gran pantalla de 2 pulgadas se ve bien incluso al aire libre<br>y la calidad de sonido en llamadas Bluetooth es tan clara<br>que no necesito sacar el teléfono, muy conveniente.<br>Tiene muchos modos deportivos y mide bien el ritmo cardíaco.<br>La batería dura varios días incluso con las notificaciones activadas.<br>¡Por este precio y estas funciones, lo recomiendo totalmente!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">La mejor elección por menos de 30 euros</h3><div class="product-review-content-v2">Por menos de 30 euros<br>es la primera vez que encuentro un smartwatch de marca con esta calidad.<br>El funcionamiento y rendimiento son excelentes<br>y la función de llamadas también es buena.<br>El altavoz podría ser un poco más potente<br>pero por el precio, ¡lo recomiendo mucho!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecto para usar sin grandes expectativas</h3><div class="product-review-content-v2">Llevo 5 días usándolo y estoy satisfecho.<br>Es un poco grande pero ligero, así que es cómodo de llevar.<br>Tiene todas las funciones necesarias y muchas opciones de configuración.<br>La batería no dura tanto como dice la especificación oficial<br>pero con uso normal aguanta una semana.<br>Si desactivas algunas funciones de salud, dura más.<br>¡Por este precio, lo recomiendo totalmente!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecto también como regalo</h3><div class="product-review-content-v2">Por este precio (29,90 euros) es un reloj muy bueno.<br>La pantalla es bastante grande, depende del gusto de cada uno<br>pero lo regalé a hombre y mujer y a ambos les encantó.<br>La app es fácil de usar y la conexión es rápida.<br>La batería dura varios días y puedes contestar llamadas.<br>No puedes responder WhatsApp pero sí recibes notificaciones.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">La duración de la batería es realmente larga</h3><div class="product-review-content-v2">Con otras marcas tenía que cargar casi todos los días<br>pero con este reloj Xiaomi no necesito cargarlo en más de una semana.<br>Es cómodo de llevar y tiene varias funciones<br>como llamadas y notificaciones de WhatsApp,<br>perfecto para el uso diario.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Un reloj perfecto para el usuario común</h3><div class="product-review-content-v2">Llevo 2 meses usándolo y está muy bien.<br>La batería dura unos 8-10 días<br>y tiene muchas funciones y buena conexión con el teléfono.<br>Puedes hacer llamadas desde el reloj y la calidad de sonido está bien.<br>Si no vas a escalar el Everest<br>es suficiente para el día a día y ejercicio ligero.<br>¡Por este precio, es una compra excelente!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Excelente relación calidad-precio</h3><div class="product-review-content-v2">Ya tenía uno así que compré otro para regalo<br>y la relación calidad-precio es realmente buena.<br>Si quieres un buen reloj sin gastar mucho dinero<br>¡lo recomiendo totalmente!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecto como regalo para mi padre</h3><div class="product-review-content-v2">Lo compré como regalo para mi padre y le encanta.<br>Funciona perfectamente y tiene más funciones de las esperadas.<br>La relación calidad-precio es buena y lo recomiendo sin dudarlo.</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span><span class="dot-v2" data-slide="6"></span><span class="dot-v2" data-slide="7"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1A1A2E 0%, #2C3E50 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(26, 26, 46, 0.4);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://amzn.to/4aGEZFK" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                Ver en Amazon
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 Envío rápido</span>
                <span class='trust--badge'>🔒 Pago seguro</span>
              </div></div></div><p class='affiliate--disclaimer'>En este artículo te mostramos productos recomendados de Amazon.</p></div><p>La entrada <a href="https://resenarapida.com/xiaomi-redmi-watch-5-active/">¡Salud y estilo a la vez! Comienza tu vida inteligente con el XIAOMI Redmi Watch 5 Active</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">191</post-id>	</item>
		<item>
		<title>Calidad de imagen y sonido vibrantes con TCL Q7C QD-Mini LED TV</title>
		<link>https://resenarapida.com/tcl-q7c-qd-mini-led-tv/</link>
		
		<dc:creator><![CDATA[ReseñaRápida]]></dc:creator>
		<pubDate>Wed, 24 Dec 2025 06:06:59 +0000</pubDate>
				<category><![CDATA[Electrónica]]></category>
		<category><![CDATA[Pantallas]]></category>
		<category><![CDATA[Televisores]]></category>
		<category><![CDATA[TV]]></category>
		<guid isPermaLink="false">https://es.nex-varo.com/?p=180</guid>

					<description><![CDATA[<p>¡Disfruta de una experiencia visual vibrante con el premium TCL Q7C QD-Mini LED TV! El TCL Q7C QD-Mini LED TV, que integra la tecnología más avanzada, ofrece un brillo y contraste incomparables con 4K HDR 3000, ayudándote a disfrutar de películas y juegos con mayor inmersión. Con diversas opciones de tamaño de pantalla y el [&#8230;]</p>
<p>La entrada <a href="https://resenarapida.com/tcl-q7c-qd-mini-led-tv/">Calidad de imagen y sonido vibrantes con TCL Q7C QD-Mini LED TV</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    ¡Disfruta de una experiencia visual vibrante con el premium TCL Q7C QD-Mini LED TV!
  </h2>
  <p>El TCL Q7C QD-Mini LED TV, que integra la tecnología más avanzada, ofrece un brillo y contraste incomparables con 4K HDR 3000, ayudándote a disfrutar de películas y juegos con mayor inmersión.</p>
  <p>Con diversas opciones de tamaño de pantalla y el sistema de audio Bang &#038; Olufsen combinados, te ofrece la oportunidad de transformar tu salón en una sala de cine.</p>
  <p>Ahora disfruta de la mejor experiencia visual con TCL Q7C. ¡Hará que cada momento sea especial con una calidad de imagen vibrante y un sonido excepcional!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #1A1A2E;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #2C3E50;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            border: 1px solid #E5E7EB;
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #1A1A2E;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/TCL%2065Q7C/TCL%2065Q7C_producto_imagen.webp" alt="TCL 65Q7C 65″ QD-Mini LED, 4K HDR Premium 2600, Smart TV with Google TV (Dolby Vision IQ &amp; Atmos, CrystGlow HVA Panel, Motion Clarity Pro 144Hz, Game Master) (Energy Class F) (Clase de eficiencia energética F)"></div><div class="desktop-cta"><a href="https://amzn.to/3YGWmPd" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div><div class="product-details"><h2 class="product-name">TCL 65Q7C 65″ QD-Mini LED, 4K HDR Premium 2600, Smart TV with Google TV (Dolby Vision IQ &amp; Atmos, CrystGlow HVA Panel, Motion Clarity Pro 144Hz, Game Master) (Energy Class F) (Clase de eficiencia energética F)</h2><div class="rating-reviews is-loading"><span class="rating">4.4</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 40.000000%">★</span></div></div><div class="review-stats">1,028 valoraciones</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">1.099,00€</span><span class="discount">-18%</span></div><div class="special-price">899,00€</div><div class="price-date">Precios válidos el 24/12/2025, sujetos a cambios según la fecha de compra.</div></div><div class="key-points"><div class="key-points-title">Puntos clave del producto</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Tecnología exclusiva QD-Mini LED que ofrece colores vibrantes e imágenes de alto contraste</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Experiencia visual tipo cine con brillo máximo y amplia gama de colores</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Tecnología QLED que reproduce una calidad de imagen realista con más de mil millones de colores</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">All-domain Halo Control que proporciona inmersión mejorando toda experiencia audiovisual</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Panel CrystGlow HVA que ofrece contraste sorprendente e imágenes vibrantes</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Película antirreflejo a escala nano que minimiza los reflejos de pantalla permitiendo ver detalles precisos</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Último panel HVA que ofrece alto contraste, eficiencia energética y amplios ángulos de visión</span></div></div></div><div class="mobile-cta"><a href="https://amzn.to/3YGWmPd" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
            position: relative;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #1A1A2E;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #F5F6F7;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-5">
        <h2>Detalles del producto</h2>
        <div class="content-wrapper" id="content-product-info-5">
                <div class="product-section3">
                    <h3>TV que ofrece calidad de imagen vibrante y sonido excepcional con tecnología de vanguardia</h3>
                    <ul><li>Diversas opciones de tamaño de pantalla disponibles: desde 50&#8243; hasta 98&#8243;</li><li>Brillo y contraste incomparables con 4K HDR 3000</li><li>Experiencia de sonido premium con audio Bang &#038; Olufsen</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Detalles</h3>
                    <ul><li>QD-Mini LED: Reproducción de colores realistas con tecnología de retroiluminación exclusiva</li><li>144Hz Motion Clarity PRO: Optimizado para deportes y películas de acción con reproducción de imagen suave</li><li>Procesador AiPQ: Colores vibrantes y contraste excepcional con optimización de calidad de imagen basada en inteligencia artificial</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>La elección óptima para juegos y entretenimiento</h3>
                    <ul><li>Proporciona el entorno de juego óptimo con la función Game Master</li><li>Experiencia de juego sin interrupciones garantizada con AMD FreeSync Premium Pro</li><li>Control de voz sencillo con Google Assistant manos libres</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Consejos de compra</h3>
                    <ul><li>Compra fácil en diversas tiendas online</li><li>Diversas promociones y beneficios de descuento disponibles</li><li>Envío gratuito y servicio de entrega rápida</li><li>Compra con tranquilidad con la garantía de calidad de TCL</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-5" onclick="toggleContent('product-info-5')">Ver más</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'Ver más';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'Ver menos';
        }
    }
    </script>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Vídeo de unboxing</h2>
        <div id="yt-slider-696dd912a81ac" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=jDV6lpS-mk0" data-video-id="jDV6lpS-mk0" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/TCL%2065Q7C/TCL%2065Q7C_unboxing_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=D5wBMvqCBwU" data-video-id="D5wBMvqCBwU" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/TCL%2065Q7C/TCL%2065Q7C_unboxing_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a81ac");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a81ac-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a81ac-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a81ac-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    <br>
    
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Video del producto</h2>
        <div id="yt-slider-696dd912a81d9" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=9oZJErObHkI" data-video-id="9oZJErObHkI" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/TCL%2065Q7C/TCL%2065Q7C_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=a8DcvTwkO_A" data-video-id="a8DcvTwkO_A" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/TCL%2065Q7C/TCL%2065Q7C_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 Este video de presentación le ayudará a comprender mejor el producto. Para videos en otros idiomas, se recomienda activar los subtítulos (CC).</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a81d9");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a81d9-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a81d9-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a81d9-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #1A1A2E;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">Calificación del producto</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 40.000000%">★</span></div></div>
                    <div class="rating-number">4.4</div>
                </div>
                <div class="review-badge" style="background-color:#1A1A2E;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">Más vendido</div>
                    <div class="badge-subtext">1.000+ RESEÑAS</div>
                </div>
              </div><div class="rating-bars"><div class="rating-row">
                        <div class="star-label">5<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:73%;"></div>
                        </div>
                        <div class="percentage">73%</div>
                      </div><div class="rating-row">
                        <div class="star-label">4<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:12%;"></div>
                        </div>
                        <div class="percentage">12%</div>
                      </div><div class="rating-row">
                        <div class="star-label">3<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:3%;"></div>
                        </div>
                        <div class="percentage">3%</div>
                      </div><div class="rating-row">
                        <div class="star-label">2<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:3%;"></div>
                        </div>
                        <div class="percentage">3%</div>
                      </div><div class="rating-row">
                        <div class="star-label">1<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:9%;"></div>
                        </div>
                        <div class="percentage">9%</div>
                      </div></div></div></div>
    
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ Pros</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente relación de contraste y negros profundos con tecnología QD-Mini LED</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente expresividad de contenido HDR con alto brillo de 2.600 nits</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Optimizado para gaming con tasa de refresco de 144Hz</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Rendimiento de calidad de imagen excepcional en relación calidad-precio</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Funciones inteligentes rápidas y cómodas con Google TV</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Sistema de sonido Bang &#038; Olufsen incorporado</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Compatible con Dolby Vision y HDR10+</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Calidad de imagen similar a OLED pero a precio más económico</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ Contras</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>El sonido se percibe bajo por debajo de volumen 35 (requiere ajuste)</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Ligero efecto ghosting en modo Dolby Vision</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Calidad de imagen algo inferior comparado con OLED</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>La televisión terrestre (TDT) solo es nítida a partir de 1080p</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Requiere soporte robusto debido a su peso</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Se recomienda compra adicional de barra de sonido</li></ul></div></div></div></div>
<h2 class="product-review-title-v2">Reseñas de consumidores</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">La mejor Mini-LED TV en relación calidad-precio</h3><div class="product-review-content-v2">Con tecnología QD-Mini LED cuenta con cientos de zonas de atenuación local<br>logrando negros casi perfectos.<br>El efecto blooming está bien controlado<br>y gracias a los Quantum Dots la reproducción de color es natural y vibrante.<br>Con HDR10+ y Dolby Vision alcanza un brillo pico de 2.600 nits<br>mostrando una imagen realista incluso bajo luz natural.<br>Con 144Hz y compatibilidad HDMI 2.1, el gaming en PS5 es fantástico<br>y el Game Bar hace que la configuración sea cómoda.<br>Google TV es rápido y las apps se ejecutan con fluidez.<br>El modelo de 65 pulgadas tiene marcos delgados que hacen que la pantalla parezca más grande<br>pero tiene peso, por lo que necesita un soporte robusto.<br>El audio es aceptable pero se recomienda añadir una barra de sonido.<br>Comparado con un OLED de 2019 hay diferencias<br>¡pero en relación calidad-precio es lo mejor!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Calidad de imagen y rendimiento perfectos</h3><div class="product-review-content-v2">¡Imagen, sonido y reproducción de negros todo 10 sobre 10!<br>Estoy seguro de que es el producto con la mejor relación calidad-precio.<br>Películas, streaming, especialmente perfectamente compatible con PS5 PRO<br>y los altavoces integrados también ofrecen una calidad de sonido excelente.<br>La reproducción de negros está al 98% del nivel OLED.<br>Después de usar un LG OLED durante 4 años lo reemplacé<br>y este producto se puede usar con tranquilidad incluso con imágenes estáticas<br>siendo mucho más ventajoso en términos de durabilidad.<br>¡Si buscas relación calidad-precio lo recomiendo sin dudar!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Optimizado para gaming</h3><div class="product-review-content-v2">Estoy usando el modelo Q7C de 65 pulgadas.<br>La calidad de imagen es realmente buena y tiene varios modos de pantalla<br>por lo que puedo optimizar para YouTube, películas y juegos.<br>Al principio el sonido era bajo por debajo de volumen 35<br>pero se solucionó después de ajustarlo.<br>El sistema de audio es particular así que hay que ajustarlo bien<br>los graves son fuertes y los agudos un poco bajos.<br>Al ver Interestelar los graves fueron fantásticos.<br>Después añadí una barra de sonido y subwoofer de la misma marca<br>¡y fue increíble!<br>La entrega llegó 4 días tarde de lo previsto<br>pero el peso no era tan pesado.<br>¡Si quieres otra opción además de Samsung o LG lo recomiendo!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Actualización desde un LG de 10 años</h3><div class="product-review-content-v2">Cambié desde un modelo LG de 10 años y la diferencia es tremenda.<br>Brillo, nitidez y color todo sorprendente.<br>Lo compré por recomendación de ChatGPT<br>y cuenta con panel VA QD-Mini-LED con aproximadamente 2.048 zonas de atenuación,<br>brillo pico de 2.600 nits y relación de contraste de 2.6 millones:1.<br>Compatible perfectamente con Dolby Vision, HDR10+, HDR10 y HLG<br>y con 144Hz nativo, HDMI 2.1 y VRR/FreeSync Pro<br>casi no hay retraso en gaming.<br>Audio Bang &amp; Olufsen 2x30W con subwoofer virtual incluido<br>la calidad de sonido también es excelente.<br>Si cambias al Q6C de la misma serie el brillo y sonido son inferiores<br>¡así que el Q7C es la mejor elección!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Ganga en Black Friday</h3><div class="product-review-content-v2">Compré el de 65 pulgadas durante las rebajas.<br>Llevo menos de un mes usándolo pero estoy realmente satisfecho.<br>¡La relación calidad-precio es increíble!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Excelente calidad de imagen y rendimiento</h3><div class="product-review-content-v2">Diseño elegante y buena calidad de fabricación.<br>Los puntos fuertes son la calidad de imagen, flexibilidad y Google TV<br>y los puntos de mejora son que hay un ligero ghosting en Dolby Vision.<br>¡El resto del contenido 4K es perfecto!</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1A1A2E 0%, #2C3E50 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(26, 26, 46, 0.4);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://amzn.to/3YGWmPd" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                Ver en Amazon
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 Envío rápido</span>
                <span class='trust--badge'>🔒 Pago seguro</span>
              </div></div></div><p class='affiliate--disclaimer'>En este artículo te mostramos productos recomendados de Amazon.</p></div><p>La entrada <a href="https://resenarapida.com/tcl-q7c-qd-mini-led-tv/">Calidad de imagen y sonido vibrantes con TCL Q7C QD-Mini LED TV</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">180</post-id>	</item>
		<item>
		<title>Samsung Galaxy Tab A9+: Diseño moderno y rendimiento excepcional</title>
		<link>https://resenarapida.com/samsung-galaxy-tab-a9-plus/</link>
		
		<dc:creator><![CDATA[ReseñaRápida]]></dc:creator>
		<pubDate>Wed, 24 Dec 2025 05:43:48 +0000</pubDate>
				<category><![CDATA[Audio y Comunicación]]></category>
		<category><![CDATA[Electrónica]]></category>
		<category><![CDATA[Tablets]]></category>
		<category><![CDATA[tablet]]></category>
		<guid isPermaLink="false">https://es.nex-varo.com/?p=177</guid>

					<description><![CDATA[<p>Samsung Galaxy Tab A9 Series: La combinación perfecta de diseño moderno y rendimiento excepcional Samsung Galaxy Tab A9 y A9+ ofrecen una experiencia de entretenimiento inmersiva con su elegante cuerpo metálico y pantalla amplia y nítida. Disponibles en colores grafito y plata, permiten expresar tu personalidad y captar todas las miradas en cualquier entorno. Este [&#8230;]</p>
<p>La entrada <a href="https://resenarapida.com/samsung-galaxy-tab-a9-plus/">Samsung Galaxy Tab A9+: Diseño moderno y rendimiento excepcional</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    Samsung Galaxy Tab A9 Series: La combinación perfecta de diseño moderno y rendimiento excepcional
  </h2>
  <p>Samsung Galaxy Tab A9 y A9+ ofrecen una experiencia de entretenimiento inmersiva con su elegante cuerpo metálico y pantalla amplia y nítida. Disponibles en colores grafito y plata, permiten expresar tu personalidad y captar todas las miradas en cualquier entorno.</p>
  <p>Este producto está optimizado para multitarea y almacenamiento de contenido en alta resolución, ofreciendo hasta 8GB de RAM y 256GB de almacenamiento interno. Además, puedes ampliar el espacio de almacenamiento hasta 1TB con tarjeta microSD para un uso más holgado.</p>
  <p>Con diversas funciones para un entorno de trabajo eficiente, Samsung Galaxy Tab A9 y A9+ se posicionan como herramientas que maximizan la creatividad y productividad, más allá de ser simples tablets. ¡Descubre ahora mismo este producto innovador!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #1A1A2E;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #2C3E50;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            border: 1px solid #E5E7EB;
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #1A1A2E;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Samsung%20Galaxy%20Tab%20A9%20Plus/Samsung%20Galaxy%20Tab%20A9%20Plus_producto_imagen.webp" alt="Samsung Galaxy Tab A9+ Tablet Android, 256 GB Almacenamiento, WiFi, Pantalla 11″, Sonido 3D, Gris Oscuro, con 1 Año de Garantía Adicional (Versión Española)"></div><div class="desktop-cta"><a href="https://amzn.to/4p8xn28" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div><div class="product-details"><h2 class="product-name">Samsung Galaxy Tab A9+ Tablet Android, 256 GB Almacenamiento, WiFi, Pantalla 11″, Sonido 3D, Gris Oscuro, con 1 Año de Garantía Adicional (Versión Española)</h2><div class="rating-reviews is-loading"><span class="rating">4.5</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div><div class="review-stats">2,666 valoraciones</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price"></span><span class="discount">%</span></div><div class="special-price">239,00€</div><div class="price-date">Precios válidos el 24/12/2025, sujetos a cambios según la fecha de compra.</div></div><div class="key-points"><div class="key-points-title">Puntos clave del producto</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Tranquilidad con garantía Samsung de 3 años + 1 año adicional</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Experiencia de visualización inmersiva con cuerpo metálico elegante y pantalla de alta resolución, incluso en ambientes luminosos</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Experiencia de audio que permite disfrutar películas y música de forma más vívida con sonido 3D</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Trabajo fluido sin retrasos en multitarea con 8GB RAM, almacenamiento de archivos de gran capacidad con 256GB de memoria interna</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Multitarea eficiente dividiendo la pantalla en 3, maximiza la productividad usando 3 apps simultáneamente</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Protege información importante con Secure Folder, gestiona fácilmente el estado de seguridad del dispositivo con Privacy Dashboard</span></div></div></div><div class="mobile-cta"><a href="https://amzn.to/4p8xn28" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div></div>
    
    <br>
    
    <style>
        .product-info4 {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .product-info4 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section4 {
            margin-bottom: 16px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.2s ease;
        }
        .product-section4:hover {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        .section-header4 {
            padding: 16px 20px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            display: flex;
            align-items: center;
            border: 1px solid #E2E8F0;
        }
        .section-header4 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #2D3748;
            margin: 0;
        }
        .section-content4 {
            background: white;
            padding: 20px;
            border: 1px solid #E2E8F0;
            border-top: none;
        }
        .product-section4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .product-section4 li {
            position: relative;
            padding-left: 20px;
            margin-bottom: 12px;
            color: #4A5568;
            line-height: 1.6;
        }
        .product-section4 li:last-child {
            margin-bottom: 0;
        }
        .product-section4 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 8px;
            width: 8px;
            height: 8px;
            background-color: #2C3E50;
            border-radius: 50%;
        }
        .product-conclusion4 {
            margin-top: 30px;
            text-align: center;
            color: #2D3748;
            font-weight: 500;
            line-height: 1.6;
            padding: 0 20px;
        }
        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #F5F6F7;
        }
    </style>
    <div class="product-info4" id="product-info-wrapper-product-info-3">
        <h2>Detalles del producto</h2>
        <div class="content-wrapper" id="content-product-info-3">
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Capta todas las miradas con diseño elegante</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Sensación premium con cuerpo metálico</li><li>Expresa tu personalidad con colores grafito y plata</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Maximiza la inmersión con pantalla amplia y nítida</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Experiencia de entretenimiento vívida en pantalla grande</li><li>Imágenes fluidas con alta tasa de refresco de pantalla</li><li>Visualización nítida incluso bajo la luz del sol</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Uso holgado con mayor espacio de almacenamiento</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Minimiza retrasos en multitarea con hasta 8GB RAM</li><li>Guarda contenido en alta resolución de forma segura con 256GB de almacenamiento interno</li><li>Amplía el espacio de almacenamiento hasta 1TB con tarjeta microSD</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Entorno de trabajo eficiente maximizando la productividad</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Soporta multitarea dividiendo la pantalla en tres</li><li>Permite trabajar abriendo varias apps simultáneamente</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Potencia la creatividad con función de copiar y pegar</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Copia y pega fácilmente en todos los dispositivos</li><li>Útil para trabajos de tableros de ideas y presentaciones</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Comparte archivos rápidamente con Quick Share</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Comparte fotos, vídeos y documentos de forma fácil y rápida</li><li>Transferencia instantánea a dispositivos Samsung Galaxy cercanos</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Continúa usando apps en otros dispositivos</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Retoma el trabajo iniciando sesión con la misma cuenta Samsung</li><li>Continúa navegación por internet o notas sin interrupciones</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Mayor comodidad con conexión sencilla</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Conexión que aparece automáticamente en la lista de dispositivos Bluetooth</li><li>Uso fácil del dispositivo sin necesidad de conexión manual</li>
                        </ul>
                    </div>
                </div>
                <div class="product-section4">
                    <div class="section-header4">
                        <h3>Uso seguro con protección de seguridad e información personal</h3>
                    </div>
                    <div class="section-content4">
                        <ul><li>Almacena datos importantes de forma segura con Secure Folder</li><li>Gestiona el estado de seguridad del dispositivo con Privacy Dashboard</li>
                        </ul>
                    </div>
                </div></div><button class="show-more-btn" id="btn-product-info-3" onclick="toggleContent('product-info-3')">Ver más</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'Ver más';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'Ver menos';
        }
    }
    </script>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Vídeo de unboxing</h2>
        <div id="yt-slider-696dd912a9650" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/BPsMOgpZbOA" data-video-id="BPsMOgpZbOA" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Samsung%20Galaxy%20Tab%20A9%20Plus/Samsung%20Galaxy%20Tab%20A9%20Plus_unboxing_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/yRvBk24iuuw" data-video-id="yRvBk24iuuw" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Samsung%20Galaxy%20Tab%20A9%20Plus/Samsung%20Galaxy%20Tab%20A9%20Plus_unboxing_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a9650");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a9650-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a9650-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a9650-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    <br>
    
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Video del producto</h2>
        <div id="yt-slider-696dd912a9680" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=6vzD5LFqWkE" data-video-id="6vzD5LFqWkE" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Samsung%20Galaxy%20Tab%20A9%20Plus/Samsung%20Galaxy%20Tab%20A9%20Plus_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=NHJxO-GU0Ws" data-video-id="NHJxO-GU0Ws" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Samsung%20Galaxy%20Tab%20A9%20Plus/Samsung%20Galaxy%20Tab%20A9%20Plus_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=6vdAm1Q1Mhw" data-video-id="6vdAm1Q1Mhw" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Samsung%20Galaxy%20Tab%20A9%20Plus/Samsung%20Galaxy%20Tab%20A9%20Plus_youtube_imagen_3.webp" alt="YouTube video 3" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 Este video de presentación le ayudará a comprender mejor el producto. Para videos en otros idiomas, se recomienda activar los subtítulos (CC).</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912a9680");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912a9680-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912a9680-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912a9680-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #1A1A2E;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">Calificación del producto</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div>
                    <div class="rating-number">4.5</div>
                </div>
                <div class="review-badge" style="background-color:#1A1A2E;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">Más vendido</div>
                    <div class="badge-subtext">1.000+ RESEÑAS</div>
                </div>
              </div><div class="rating-bars"><div class="rating-row">
                        <div class="star-label">5<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:77%;"></div>
                        </div>
                        <div class="percentage">77%</div>
                      </div><div class="rating-row">
                        <div class="star-label">4<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:12%;"></div>
                        </div>
                        <div class="percentage">12%</div>
                      </div><div class="rating-row">
                        <div class="star-label">3<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:4%;"></div>
                        </div>
                        <div class="percentage">4%</div>
                      </div><div class="rating-row">
                        <div class="star-label">2<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:1%;"></div>
                        </div>
                        <div class="percentage">1%</div>
                      </div><div class="rating-row">
                        <div class="star-label">1<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:6%;"></div>
                        </div>
                        <div class="percentage">6%</div>
                      </div></div></div></div>
    
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ Pros</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Pantalla de 11 pulgadas brillante y nítida</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Rendimiento rápido y soporte multitarea</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Larga duración de batería</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Sonido 3D potente y limpio</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Diseño ligero y robusto</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Amplio almacenamiento de 128GB</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente relación calidad-precio</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Ideal para juegos y visualización de vídeos</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ Contras</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Fallo de carga con el dispositivo apagado</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Atención posventa deficiente</li></ul></div></div></div></div>
<h2 class="product-review-title-v2">Reseñas de consumidores</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Tablet todo terreno, mejor relación calidad-precio</h3><div class="product-review-content-v2">La pantalla es brillante y nítida,<br>perfecta para ver vídeos o leer.<br>El rendimiento también es excelente,<br>funciona fluidamente desde internet<br>hasta apps de productividad.<br>La batería dura suficiente para uso diario<br>y solo se agota rápido con juegos o tareas pesadas.<br>El diseño es elegante y ligero,<br>ideal para llevar.<br>El sonido también es nítido y potente,<br>genial para ver series o videollamadas.<br>En general, ¡buena calidad a precio razonable!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Tablet económica recomendada</h3><div class="product-review-content-v2">La tablet es realmente fantástica,<br>la pantalla es súper nítida y vívida,<br>perfecta para ver vídeos o jugar.<br>La velocidad es rápida y sin interrupciones,<br>puedo usar varias apps a la vez.<br>La batería dura todo el día,<br>puedo usarla sin preocuparme por la carga.<br>El diseño es elegante y fácil de usar,<br>la cámara para videollamadas también está bastante bien.<br>Si quieres un dispositivo rápido, duradero y de calidad,<br>¡te lo recomiendo totalmente!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecta para familia, máxima durabilidad</h3><div class="product-review-content-v2">Esta es mi segunda tablet,<br>como a mi hija le encantó la primera,<br>compré otra para mí.<br>Durante un año no ha tenido ni un fallo,<br>a pesar de que mi hija la usa intensamente<br>con juegos como Roblox,<br>vídeos, películas, estudio, dibujo, etc.<br>El sonido es excelente, nunca se detiene<br>y no tiene ninguna pérdida de rendimiento!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecta para Zwift</h3><div class="product-review-content-v2">Buscaba una tablet para ejecutar la app Zwift<br>que tuviera rendimiento fluido, RAM ampliable,<br>conexión con receptor ANT+<br>y precio asequible.<br>¡Esta tablet es simplemente perfecta!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Tablet con funcionalidad y economía</h3><div class="product-review-content-v2">Necesitaba una tablet cómoda<br>para editar contenido mientras estudio y trabajo.<br>Quería algo que también sirviera<br>para leer o ver vídeos<br>y que no fuera demasiado caro,<br>así encontré la Galaxy Tab A9+.<br>El tamaño es perfecto y el sistema es rápido<br>para las ediciones y visualizaciones simultáneas que necesito.<br>La carga dura suficiente<br>y la tablet parece ligera y resistente.<br>Llegó bien empaquetada y al ponerle una funda con teclado<br>se convierte como en un portátil, ¡muy práctica y cómoda!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Excelente rendimiento y calidad de imagen, precio razonable</h3><div class="product-review-content-v2">Esta tablet ofrece un equilibrio excelente por su precio.<br>La pantalla de 11 pulgadas es muy nítida,<br>ideal para leer, ver series o trabajar.<br>El sonido 3D es potente y limpio,<br>mejora mucho la experiencia multimedia.<br>Con 128GB de almacenamiento hay espacio suficiente<br>para apps, fotos y vídeos.<br>El sistema funciona fluidamente y sin retrasos.<br>Es una muy buena elección para uso diario,<br>estudio y entretenimiento familiar!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecta por el precio, buena para juegos</h3><div class="product-review-content-v2">Llegó rápidamente en perfecto estado.<br>Funciona también muy bien.<br>Es realmente un excelente producto por este precio.<br>La uso principalmente para jugar, ¡es perfecta!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Defecto de carga y problemas de asistencia</h3><div class="product-review-content-v2">Al principio parecía bien,<br>pero pronto descubrí que no carga con el dispositivo apagado.<br>Carga cuando está encendido pero no cuando está apagado.<br>Lo reporté a Amazon y me dijeron que lo devolviera para reparación,<br>así que lo envié,<br>pero volvió días después con documento de reparación completada,<br>aunque el problema seguía igual.<br>Dudo que realmente lo hayan reparado<br>y ahora tampoco puedo volver a reportarlo en la web.<br>Llevo casi una semana esperando que se abra la función de reporte.<br>Estoy decepcionado tanto con Amazon como con Samsung.<br>¡No compraré más productos Samsung!</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span><span class="dot-v2" data-slide="6"></span><span class="dot-v2" data-slide="7"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1A1A2E 0%, #2C3E50 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(26, 26, 46, 0.4);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://amzn.to/4p8xn28" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                Ver en Amazon
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 Envío rápido</span>
                <span class='trust--badge'>🔒 Pago seguro</span>
              </div></div></div><p class='affiliate--disclaimer'>En este artículo te mostramos productos recomendados de Amazon.</p></div><p>La entrada <a href="https://resenarapida.com/samsung-galaxy-tab-a9-plus/">Samsung Galaxy Tab A9+: Diseño moderno y rendimiento excepcional</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">177</post-id>	</item>
		<item>
		<title>iPad 11 pulgadas (A16): Potencia increíble y pantalla asombrosa</title>
		<link>https://resenarapida.com/ipad-11-pulgadas-a16/</link>
		
		<dc:creator><![CDATA[ReseñaRápida]]></dc:creator>
		<pubDate>Wed, 24 Dec 2025 05:25:06 +0000</pubDate>
				<category><![CDATA[Audio y Comunicación]]></category>
		<category><![CDATA[Electrónica]]></category>
		<category><![CDATA[Tablets]]></category>
		<category><![CDATA[tablet]]></category>
		<guid isPermaLink="false">https://es.nex-varo.com/?p=174</guid>

					<description><![CDATA[<p>iPad 11 pulgadas (A16): Tu compañero digital, potencia increíble y pantalla asombrosa El iPad realiza todas las tareas a la perfección gracias al potente chip A16 Bionic y su pantalla Liquid Retina. Con diversas opciones de colores y capacidades, puedes elegir según tus gustos y necesidades personales. Más allá de ser simplemente una tablet, el [&#8230;]</p>
<p>La entrada <a href="https://resenarapida.com/ipad-11-pulgadas-a16/">iPad 11 pulgadas (A16): Potencia increíble y pantalla asombrosa</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    iPad 11 pulgadas (A16): Tu compañero digital, potencia increíble y pantalla asombrosa
  </h2>
  <p>El iPad realiza todas las tareas a la perfección gracias al potente chip A16 Bionic y su pantalla Liquid Retina. Con diversas opciones de colores y capacidades, puedes elegir según tus gustos y necesidades personales.</p>
  <p>Más allá de ser simplemente una tablet, el iPad 11 pulgadas (A16) se ha consolidado como una herramienta que maximiza la creatividad y la productividad. Con modelos Wi-Fi y Cellular, mantén la conectividad en cualquier momento y lugar, y disfruta de una experiencia aún más completa al usarlo con diversos accesorios.</p>
  <p>Gracias a su compatibilidad con Apple Pencil y Magic Keyboard Folio, podrás tomar notas, dibujar y escribir cómodamente. ¡Disfruta de una mejor experiencia digital con el iPad!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #1A1A2E;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #2C3E50;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            border: 1px solid #E5E7EB;
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #1A1A2E;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Apple%20iPad%20de%2011%20Pulgadas%20Chip%20A16/Apple%20iPad%20de%2011%20Pulgadas%20Chip%20A16_producto_imagen.webp" alt="Apple iPad de 11 Pulgadas: Chip A16, Modelo de 11 Pulgadas, Pantalla Liquid Retina, 128 GB, Wi Fi 6, cámaras Frontal y Trasera de 12 Mpx, Touch ID, autonomía para un día Entero – Plata"></div><div class="desktop-cta"><a href="https://amzn.to/4b69zZp" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div><div class="product-details"><h2 class="product-name">Apple iPad de 11 Pulgadas: Chip A16, Modelo de 11 Pulgadas, Pantalla Liquid Retina, 128 GB, Wi Fi 6, cámaras Frontal y Trasera de 12 Mpx, Touch ID, autonomía para un día Entero – Plata</h2><div class="rating-reviews is-loading"><span class="rating">4.7</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 70.000000%">★</span></div></div><div class="review-stats">4,605 valoraciones</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">379,00€</span><span class="discount">-5%</span></div><div class="special-price">359,00€</div><div class="price-date">Precios válidos el 24/12/2025, sujetos a cambios según la fecha de compra.</div></div><div class="key-points"><div class="key-points-title">Puntos clave del producto</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Potente chip A16 que procesa todas las tareas rápidamente y ofrece rendimiento de batería para todo el día</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Pantalla Liquid Retina de 11 pulgadas para disfrutar vívidas películas y dibujos, con tecnología True Tone que reduce la fatiga ocular</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Con iPadOS puedes usar varias aplicaciones simultáneamente y editar fotos fácilmente con Apple Pencil</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Wi-Fi 6 para disfrutar de transferencias de archivos y streaming rápidos sin demoras</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Apple Pencil y Magic Keyboard Folio permiten trabajo creativo y escritura eficiente, con conexión magnética sencilla</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Touch ID para desbloquear de forma fácil y segura, y pagar cómodamente con Apple Pay</span></div></div></div><div class="mobile-cta"><a href="https://amzn.to/4b69zZp" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
            position: relative;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #1A1A2E;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #F5F6F7;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-6">
        <h2>Detalles del producto</h2>
        <div class="content-wrapper" id="content-product-info-6">
                <div class="product-section3">
                    <h3>Potencia increíble y pantalla asombrosa que realiza todas las tareas a la perfección</h3>
                    <ul><li>Diversas opciones de color: Plata, Azul, Rosa, Amarillo</li><li>Opciones de capacidad: 128 GB, 256 GB, 512 GB</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Detalles</h3>
                    <ul><li>Modelo Wi-Fi: Altura 24,86 cm, Ancho 17,95 cm, Grosor 0,7 cm, Peso 477 g</li><li>Modelo Wi-Fi + Cellular: Altura 24,86 cm, Ancho 17,95 cm, Grosor 0,7 cm, Peso 481 g</li><li>Contenido de la caja: iPad, Cable de carga USB-C (1 metro)</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Pantalla</h3>
                    <ul><li>Pantalla Liquid Retina: Resolución de 2.360 x 1.640 píxeles, Brillo de 500 nits</li><li>Tecnología True Tone que minimiza la fatiga ocular</li><li>Compatible con Apple Pencil (USB-C) y 1.ª generación</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Potente chip A16 Bionic</h3>
                    <ul><li>CPU de 5 núcleos, GPU de 4 núcleos y Neural Engine de 16 núcleos para mayor velocidad en todas las tareas</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Funciones de cámara</h3>
                    <ul><li>Cámara gran angular de 12MP: Enfoque automático, Smart HDR 4, Compatible con fotos panorámicas</li><li>Grabación de vídeo 4K: Compatible con diversas velocidades de fotogramas</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Cámara frontal y videollamadas</h3>
                    <ul><li>Cámara Center Stage de 12MP: Compatible con estabilización y Smart HDR 3</li><li>Videollamadas y llamadas de audio posibles a través de FaceTime</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Audio y micrófono</h3>
                    <ul><li>Altavoces estéreo y micrófono dual para mejorar la calidad de llamadas y grabación de vídeo</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Touch ID y Apple Pay</h3>
                    <ul><li>Desbloquea el iPad con tu huella dactilar y realiza pagos seguros</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Batería y alimentación</h3>
                    <ul><li>Batería de polímero de litio de 28,6Wh: Hasta 10 horas de uso con Wi-Fi</li><li>Puerto USB-C para carga y transferencia de datos</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>¿Por qué iPad?</h3>
                    <ul><li>Maximiza el trabajo y la creatividad con el potente chip A16 y la pantalla Liquid Retina</li><li>iPadOS ofrece un entorno de trabajo versátil</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Apple Pencil y Magic Keyboard Folio</h3>
                    <ul><li>Toma notas y dibuja con Apple Pencil</li><li>Magic Keyboard Folio ofrece escritura cómoda y función de protección</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Seguridad con AppleCare+</h3>
                    <ul><li>Reparaciones certificadas por Apple y soporte técnico 24/7</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-6" onclick="toggleContent('product-info-6')">Ver más</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'Ver más';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'Ver menos';
        }
    }
    </script>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Vídeo de unboxing</h2>
        <div id="yt-slider-696dd912aac6b" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/2MK_vobRq-0" data-video-id="2MK_vobRq-0" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Apple%20iPad%20de%2011%20Pulgadas%20Chip%20A16/Apple%20iPad%20de%2011%20Pulgadas%20Chip%20A16_unboxing_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/shorts/hypbBKiFkzc" data-video-id="hypbBKiFkzc" data-is-short="true">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Apple%20iPad%20de%2011%20Pulgadas%20Chip%20A16/Apple%20iPad%20de%2011%20Pulgadas%20Chip%20A16_unboxing_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Short</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912aac6b");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912aac6b-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912aac6b-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912aac6b-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    <br>
    
    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Video del producto</h2>
        <div id="yt-slider-696dd912aac9d" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=1q1QDIJe7XU" data-video-id="1q1QDIJe7XU" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Apple%20iPad%20de%2011%20Pulgadas%20Chip%20A16/Apple%20iPad%20de%2011%20Pulgadas%20Chip%20A16_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=5GWMta-1PH4" data-video-id="5GWMta-1PH4" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Apple%20iPad%20de%2011%20Pulgadas%20Chip%20A16/Apple%20iPad%20de%2011%20Pulgadas%20Chip%20A16_youtube_imagen_2.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 Este video de presentación le ayudará a comprender mejor el producto. Para videos en otros idiomas, se recomienda activar los subtítulos (CC).</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912aac9d");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912aac9d-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912aac9d-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912aac9d-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #1A1A2E;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">Calificación del producto</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 70.000000%">★</span></div></div>
                    <div class="rating-number">4.7</div>
                </div>
                <div class="review-badge" style="background-color:#1A1A2E;">
                    <div class="badge-emoji">👑</div>
                    <div class="badge-text">Más vendido</div>
                    <div class="badge-subtext">1.000+ RESEÑAS</div>
                </div>
              </div><div class="rating-bars"><div class="rating-row">
                        <div class="star-label">5<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:87%;"></div>
                        </div>
                        <div class="percentage">87%</div>
                      </div><div class="rating-row">
                        <div class="star-label">4<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:6%;"></div>
                        </div>
                        <div class="percentage">6%</div>
                      </div><div class="rating-row">
                        <div class="star-label">3<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:2%;"></div>
                        </div>
                        <div class="percentage">2%</div>
                      </div><div class="rating-row">
                        <div class="star-label">2<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:1%;"></div>
                        </div>
                        <div class="percentage">1%</div>
                      </div><div class="rating-row">
                        <div class="star-label">1<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:4%;"></div>
                        </div>
                        <div class="percentage">4%</div>
                      </div></div></div></div>
    
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ Pros</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Rendimiento rápido y funcionamiento fluido</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Pantalla Liquid Retina nítida y vibrante</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Larga duración de batería para usar todo el día</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Ligero y excelente portabilidad</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Excelente calidad de audio de los altavoces</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Útil para estudio, trabajo y entretenimiento</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Diseño elegante y minimalista</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Perfecta sincronización con iPhone</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ Contras</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Cargador no incluido (solo se proporciona cable USB-C)</li></ul></div></div></div></div>
<h2 class="product-review-title-v2">Reseñas de consumidores</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">iPad altamente recomendado</h3><div class="product-review-content-v2">Comparado con otros iPad, es realmente una excelente inversión.<br>El color plata es elegante y minimalista, con ese toque tan característico de Apple.<br>La batería dura mucho, se puede usar todo el día sin cargar.<br>Perfecto para trabajo, estudio, ver películas y juegos.<br>La calidad de audio de los altavoces es realmente buena.<br>Casi no pesa, muy cómodo para llevar.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Calidad y fiabilidad de Apple</h3><div class="product-review-content-v2">Es mi primer iPad y realmente me sorprende.<br>La pantalla es nítida y fluida,<br>perfecto para estudiar, dibujar, ver vídeos y trabajar.<br>El rendimiento es increíblemente rápido y funciona suavemente sin lag.<br>La duración de la batería también es excelente<br>y el sistema es realmente intuitivo,<br>fácil de usar incluso si es tu primer producto Apple.<br>Es un dispositivo ligero, potente y versátil.<br>Realiza perfectamente todas las tareas que le pides.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Rendimiento y diseño excepcionales</h3><div class="product-review-content-v2">Estoy realmente satisfecho con este iPad.<br>Es rápido y la calidad de pantalla es excelente,<br>los colores son vivos y todo se ve nítido.<br>Es ligero, cómodo para usar durante mucho tiempo,<br>bueno para ver películas, navegar por internet y trabajar.<br>La batería también dura mucho, se puede usar todo el día sin cargar,<br>el diseño es simple y moderno,<br>el sistema funciona bien, perfecto para tareas diarias.<br>Es un producto excelente que ofrece todas las funciones prometidas.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Tablet perfecta</h3><div class="product-review-content-v2">Escribo esta reseña después de una semana de uso.<br>El embalaje estaba perfecto, sin ningún daño.<br>Realmente útil, rápido y ligero,<br>la pantalla Liquid Retina se ve fantástica.<br>Funciona completamente fluido para estudiar, trabajar<br>y disfrutar del mejor entretenimiento.<br>Me encanta.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Mejor relación calidad-precio</h3><div class="product-review-content-v2">Entre las tablets de este rango de precio,<br>es la mejor en términos de estabilidad y fiabilidad.<br>Bueno para estudio y trabajo,<br>altamente recomendado también para consumo multimedia y juegos.<br>El color azul es realmente bonito,<br>pero no incluye cargador, solo cable USB-C.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Perfecta combinación de calidad y precio</h3><div class="product-review-content-v2">Estoy realmente satisfecho,<br>el iPad es exactamente como esperaba.<br>No me ha decepcionado en absoluto.<br>Sin duda lo compraría de nuevo,<br>es un producto donde calidad y precio van de la mano.<br>El precio es razonable y funciona perfectamente.<br>El mío es azul y es realmente bonito,<br>los vídeos se ven fantásticos,<br>perfecto para ver películas y series,<br>tiene todas las funciones de una tablet Apple.<br>Fácil de configurar y si tienes iPhone<br>también puedes conectar información de tu tablet anterior.<br>Perfecto para entretenimiento, estudio y trabajo.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Mejora increíble de rendimiento</h3><div class="product-review-content-v2">Estoy muy satisfecho con la compra.<br>Aunque aún no he probado todas las funciones,<br>comparado con mi antiguo iPad de 2012,<br>desde el primer uso se nota una diferencia increíble.<br>Velocidad, calidad de pantalla, rendimiento general,<br>todo muestra cuánto ha avanzado la tecnología.<br>Es una experiencia fluida y placentera.<br>Altamente recomendado.</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span><span class="dot-v2" data-slide="5"></span><span class="dot-v2" data-slide="6"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>

        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1A1A2E 0%, #2C3E50 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(26, 26, 46, 0.4);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://amzn.to/4b69zZp" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                Ver en Amazon
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 Envío rápido</span>
                <span class='trust--badge'>🔒 Pago seguro</span>
              </div></div></div><p class='affiliate--disclaimer'>En este artículo te mostramos productos recomendados de Amazon.</p></div><p>La entrada <a href="https://resenarapida.com/ipad-11-pulgadas-a16/">iPad 11 pulgadas (A16): Potencia increíble y pantalla asombrosa</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">174</post-id>	</item>
		<item>
		<title>PlayStation 5 Pro &#8211; La consola más potente que ofrece una experiencia de juego de próxima generación</title>
		<link>https://resenarapida.com/playstation-5-pro/</link>
		
		<dc:creator><![CDATA[ReseñaRápida]]></dc:creator>
		<pubDate>Fri, 12 Dec 2025 06:53:38 +0000</pubDate>
				<category><![CDATA[Audio y Comunicación]]></category>
		<category><![CDATA[Consolas de Videojuegos]]></category>
		<category><![CDATA[Electrónica]]></category>
		<category><![CDATA[console]]></category>
		<guid isPermaLink="false">https://es.nex-varo.com/?p=161</guid>

					<description><![CDATA[<p>PlayStation®5 Pro &#8211; La consola más potente que ofrece una experiencia de juego de próxima generación PlayStation®5 Pro proporciona imágenes en ultra alta definición en TV 4K con resolución mejorada por IA, y soporta pantallas de 60Hz y 120Hz para un juego fluido. Con funciones avanzadas de ray tracing, crea entornos de juego realistas, permitiéndote [&#8230;]</p>
<p>La entrada <a href="https://resenarapida.com/playstation-5-pro/">PlayStation 5 Pro &#8211; La consola más potente que ofrece una experiencia de juego de próxima generación</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div style="margin: 0 auto 10px">
  <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 20px; color: #333">
    PlayStation®5 Pro &#8211; La consola más potente que ofrece una experiencia de juego de próxima generación
  </h2>
  <p>PlayStation®5 Pro proporciona imágenes en ultra alta definición en TV 4K con resolución mejorada por IA, y soporta pantallas de 60Hz y 120Hz para un juego fluido. Con funciones avanzadas de ray tracing, crea entornos de juego realistas, permitiéndote experimentar mejoras visuales en tus juegos.</p>
  <p>Ahora avanza a una nueva dimensión del mundo del juego con PS5 Pro. Con el innovador controlador inalámbrico DualSense y un SSD de 2TB, puedes almacenar diversos juegos y disfrutar de una experiencia inmersiva. Recibe un entorno de juego estable con conectividad inalámbrica en línea de próxima generación, y experimenta diversos juegos gracias a la compatibilidad con versiones anteriores.</p>
  <p>PlayStation®5 Pro, que abre una nueva dimensión en el juego, no es solo una consola, sino un elemento esencial que puede transformar revolucionariamente tu experiencia de juego. ¡Consulta los detalles de PS5 Pro en la siguiente sección!</p>
</div>
<style>
        .product-card {
            display: flex;
            flex-direction: column;
            max-width: 100%;
            border-radius: 0.5rem;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 1rem;
            gap: 1rem;
            margin: 1rem 0 0 0;
        }

        @media (min-width: 768px) {
            .product-card {
                flex-direction: row;
            }
        }

        .product-image-container {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 300px;
            margin: 0 auto;
        }

        @media (min-width: 768px) {
            .product-image-container {
                margin: 0;
            }
        }

        .product-image {
            position: relative;
            width: 300px;
            height: 300px;
        }

        .product-image img {
            width: 100%;
            height: 100%;
            border-radius: 0.375rem;
            object-fit: contain;
            background-color: #f8f9fa;
        }

        .cta-button {
            display: inline-block;
            background-color: #1A1A2E;
            color: white;
            padding: 0.75rem 1.5rem;
            border-radius: 0.375rem;
            text-align: center;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.2s;
            width: 100%;
        }

        .cta-button:hover {
            background-color: #2C3E50;
            color: white;
        }

        .mobile-cta {
            margin-top: 5px;
        }

        .search-icon {
            display: inline-block;
            margin-left: 6px;
        }

        @media (max-width: 767px) {
            .desktop-cta {
                display: none;
            }
        }

        @media (min-width: 768px) {
            .mobile-cta {
                display: none;
            }
        }

        .product-details {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .product-name {
            font-size: 1.125rem;
            font-weight: 500;
            color: #111827;
            margin: 0;
            line-height: 1.4;
        }

        .rating-reviews {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .rating {
            font-weight: 700;
            color: #111827;
        }

        .stars {
            display: flex;
            gap: 2px;
        }

        .star-container {
            position: relative;
            display: inline-block;
            font-size: 16px;
        }

        .star-empty {
            color: #ddd;
        }

        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }

        .review-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #6B7280;
            font-size: 0.875rem;
        }

        .stat-divider {
            color: #d1d5db;
        }

        .prices {
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
            margin-top: 4px;
        }

        .original-price-row {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .original-price {
            font-size: 0.875rem;
            color: #6B7280;
            text-decoration: line-through;
        }

        .discount {
            color: #f44;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .sale-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #111827;
        }

        .special-price {
            font-size: 1.125rem;
            font-weight: 700;
        }

        .price-date {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.25rem;
        }

        .product-warning-text {
            font-size: 0.75rem;
            color: #6B7280;
            margin-top: 0.15rem;
        }

        .key-points {
            margin-top: 5px;
            padding: 5px;
            background: linear-gradient(180deg, #F8F9FA 0%, #F2F3F5 100%);
            border: 1px solid #E5E7EB;
            border-radius: 0.75rem;
        }

        .key-points-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #4B5563;
            margin-bottom: 0.5rem;
        }

        .key-points-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 0.75rem;
        }

        .key-point-item {
            display: flex;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .key-point-icon {
            color: #1A1A2E;
            flex-shrink: 0;
        }

        .key-point-text {
            margin-top: 0.2rem;
            font-size: 0.9rem;
            color: #374151;
            line-height: 1.4;
        }

        .rating-reviews.is-loading {
            height: 40px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .rating-reviews.is-loading > * {
            display: none;
        }

        .prices.is-loading {
            height: 80px;
            background-color: #e5e7eb;
            border-radius: 0.375rem;
            animation: skeleton-loading 1s linear infinite alternate;
        }

        .prices.is-loading > * {
            display: none;
        }

        @keyframes skeleton-loading {
            0% {
                background-color: #e5e7eb;
            }
            100% {
                background-color: #f3f4f6;
            }
        }
    </style><div class="product-card"><div class="product-image-container"><div class="product-image"><img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Sony%20Consola%20PlayStation5%20Pro/Sony%20Consola%20PlayStation5%20Pro_producto_imagen.webp" alt="Sony Consola PlayStation5 Pro - 2TB"></div><div class="desktop-cta"><a href="https://amzn.to/48NNdcx" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div><div class="product-details"><h2 class="product-name">Sony Consola PlayStation5 Pro - 2TB</h2><div class="rating-reviews is-loading"><span class="rating">4.5</span><div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div><div class="review-stats">51 valoraciones</div></div><div class="prices is-loading"><div class="original-price-row"><span class="original-price">799,99€</span><span class="discount">-4%</span></div><div class="special-price">768,99€</div><div class="price-date">Precios válidos el 12/12/2025, sujetos a cambios según la fecha de compra.</div></div><div class="key-points"><div class="key-points-title">Puntos clave del producto</div><div class="key-points-list"><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Experimenta imágenes nítidas en ultra alta definición en TV 4K con resolución mejorada por IA</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Alcanza altas velocidades de fotogramas para un juego fluido con soporte de pantallas de 60Hz y 120Hz</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Explora mundos de juego asombrosos con reflejos realistas, sombras e iluminación global de alta calidad mediante tecnología de ray tracing</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Ofrece una experiencia de juego diferenciada con funciones mejoradas disponibles solo en juegos exclusivos de PS5 Pro</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Garantiza almacenamiento de juegos de gran capacidad y velocidades de carga rápidas con SSD de 2TB</span></div><div class="key-point-item"><span class="key-point-icon">✓</span><span class="key-point-text">Permite juego inmersivo y control intuitivo con el controlador inalámbrico DualSense</span></div></div></div><div class="mobile-cta"><a href="https://amzn.to/48NNdcx" class="cta-button" target="_blank" rel="noopener noreferrer">Ver en Amazon</a><p class="product-warning-text">💡 Importante: El precio puede variar según membresía Prime, opciones seleccionadas y ofertas actuales. Haz clic arriba para ver TU precio personalizado en Amazon.</p></div></div></div>
    
    <br>
    
    <style>
        .product-info3 {
            max-width: 100%;
            margin: 20px auto;
            position: relative;
        }
        .product-info3 h2 {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 10px;
        }
        .product-section3 {
            margin-bottom: 30px;
            background-color: #ffffff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }
        .product-section3 h3 {
            font-size: 18px;
            font-weight: 600;
            color: #4a5568;
            border-bottom: 2px solid #1A1A2E;
            padding-bottom: 10px;
            margin-bottom: 15px;
        }
        .product-section3 ul {
            list-style-type: none;
            padding-left: 0;
            color: #4a5568;
        }
        .product-section3 li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
            line-height: 1.5;
        }
        .product-section3 li:before {
            content: "•";
            color: #8793A2;
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        .product-conclusion3 {
            margin-top: 30px;
            font-weight: 600;
            color: #2d3748;
            text-align: center;
        }

        .content-wrapper {
            max-height: 300px;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            position: relative;
        }
        .content-wrapper:not(.expanded)::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, transparent, white);
            pointer-events: none;
        }
        .content-wrapper.expanded {
            max-height: 5000px;
        }
        .content-wrapper.expanded::after {
            display: none;
        }
        .show-more-btn {
            display: block;
            width: 100%;
            padding: 10px;
            background-color: #f7f7f7;
            border: 1px solid #ddd;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            cursor: pointer;
            color: #4a5568;
            font-weight: 500;
            position: relative;
            z-index: 2;
        }
        .show-more-btn:hover {
            background-color: #F5F6F7;
        }
    </style>
    <div class="product-info3" id="product-info-wrapper-product-info-7">
        <h2>Detalles del producto</h2>
        <div class="content-wrapper" id="content-product-info-7">
                <div class="product-section3">
                    <h3>Rendimiento optimizado para experiencia de juego de próxima generación</h3>
                    <ul><li>Proporciona imágenes en ultra alta definición en TV 4K con resolución mejorada por IA</li><li>Juego fluido con soporte de pantallas de 60Hz y 120Hz</li><li>Crea entornos de juego realistas con funciones avanzadas de ray tracing</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Detalles</h3>
                    <ul><li>PlayStation Spectral Super Resolution (PSSR): Tecnología de IA que permite disfrutar del juego con detalles asombrosos</li><li>Ray tracing avanzado: Aumenta la profundidad y el realismo del mundo del juego con reflejos, sombras e iluminación global</li><li>Controlador inalámbrico DualSense: Proporciona juego inmersivo con funciones táctiles innovadoras</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Contenido de la caja</h3>
                    <ul><li>Consola PS5 Pro</li><li>Controlador inalámbrico DualSense</li><li>SSD de 2TB: Permite almacenar diversos juegos con espacio de almacenamiento de gran capacidad</li><li>2 patas de soporte horizontal</li><li>Cable HDMI y cable de alimentación AC</li><li>Material impreso</li><li>ASTRO&#8217;s PLAYROOM (juego preinstalado)</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Características de PS5 Pro</h3>
                    <ul><li>Permite experiencia de diversos juegos con impulso de juego y compatibilidad con versiones anteriores</li><li>Soporta juegos compatibles que se pueden jugar a 60fps o hasta 120fps</li><li>Proporciona un entorno de juego estable con conectividad inalámbrica en línea de próxima generación</li>
                    </ul>
                </div>
                <div class="product-section3">
                    <h3>Consejos de compra</h3>
                    <ul><li>Las funciones mejoradas de PS5 Pro están disponibles solo en juegos específicos de PS5</li><li>Parte del SSD está reservado para el software del sistema y otras funciones, por lo que la capacidad disponible puede variar</li><li>La lista de juegos compatibles se puede consultar en playstation.com/bc</li>
                    </ul>
                </div></div><button class="show-more-btn" id="btn-product-info-7" onclick="toggleContent('product-info-7')">Ver más</button></div>
    <script>
    function toggleContent(id) {
        const content = document.getElementById('content-' + id);
        const btn = document.getElementById('btn-' + id);
        const wrapper = document.getElementById('product-info-wrapper-' + id);

        if (content.classList.contains('expanded')) {
            content.classList.remove('expanded');
            btn.textContent = 'Ver más';
            content.scrollIntoView({ behavior: 'smooth', block: 'start' });
        } else {
            content.classList.add('expanded');
            btn.textContent = 'Ver menos';
        }
    }
    </script>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Vídeo de unboxing</h2>
        <div id="yt-slider-696dd912ac29a" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=xGtTxxyGjPg" data-video-id="xGtTxxyGjPg" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Sony%20Consola%20PlayStation5%20Pro/Sony%20Consola%20PlayStation5%20Pro_unboxing_youtube_imagen_1.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912ac29a");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912ac29a-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912ac29a-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912ac29a-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
<br>
<br>

    <style>
        .yt-slider-container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            position: relative;
        }
        .yt-slider-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 15px;
        }
        .yt-slider-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: 300px;
        }
        .yt-slider-track {
            display: flex;
            transition: transform 0.3s ease;
            height: 100%;
        }
        .yt-slider-slide {
            min-width: 50%;
            height: 100%;
            padding: 0 5px;
            box-sizing: border-box;
            cursor: pointer;
        }
        .yt-slider-slide:first-child {
            padding-left: 0;
        }
        .yt-slider-slide:last-child {
            padding-right: 0;
        }
        .yt-video-thumbnail {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 8px;
            background-color: #000;
        }
        .yt-thumbnail-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .yt-video-thumbnail:hover .yt-thumbnail-image {
            transform: scale(1.05);
        }
        .yt-video-type-badge {
            position: absolute;
            top: 8px;
            right: 8px;
            background-color: rgba(0, 0, 0, 0.8);
            color: white;
            padding: 4px 8px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
        }
        .yt-play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 68px;
            height: 48px;
            background-color: rgba(255, 0, 0, 0.8);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .yt-video-thumbnail:hover .yt-play-button {
            background-color: rgba(255, 0, 0, 1);
            transform: translate(-50%, -50%) scale(1.1);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
        }
        .yt-play-button svg {
            width: 20px;
            height: 20px;
            fill: white;
            margin-left: 2px;
        }
        .yt-play-triangle {
            width: 0;
            height: 0;
            border-left: 16px solid white;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            margin-left: 4px;
        }
        .yt-slider-controls {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.6);
            color: white;
            border: none;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.3s ease;
            z-index: 10;
            font-size: 24px;
            font-weight: bold;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-slider-controls:hover {
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%) scale(1.1);
        }
        .yt-slider-controls.hidden {
            display: none;
        }
        .yt-slider-prev {
            left: 15px;
        }
        .yt-slider-next {
            right: 15px;
        }
        .yt-embed-cc-title-description {
            font-size: 0.8rem;
            color: #2D3748;
            margin-top: 0.25rem;
        }

        /* Modal Styles */
        .yt-modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-content {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            min-height: 50vh;
        }
        .yt-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 1000;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border: none;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            cursor: pointer;
            font-size: 28px;
            font-weight: bold;
            transition: all 0.3s ease;
            display: flex;
            justify-content: center;
            align-items: center;
            /* 모바일에서 확대 방지 */
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }
        .yt-modal-close:hover {
            background-color: rgba(255, 0, 0, 0.8);
            transform: scale(1.1);
        }
        .yt-modal-video-container {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .yt-modal-video {
            border: none;
            border-radius: 8px;
        }
        .yt-modal-video.long {
            width: 90vw;
            max-width: 1200px;
            aspect-ratio: 16/9;
        }
        .yt-modal-video.short {
            width: 70vw;
            max-width: 450px;
            min-width: 350px;
            aspect-ratio: 9/16;
            display: block;
            margin: 0 auto;
        }

        @media (max-width: 768px) {
            .yt-slider-slide {
                min-width: 100%;
            }
            .yt-modal-video.long {
                width: 95vw;
                height: 60vh; /* 모바일에서 높이 고정 */
                aspect-ratio: unset; /* aspect-ratio 제거 */
            }
            .yt-modal-video.short {
                width: 90vw;
                height: 80vh; /* 모바일에서 더 크게 */
                max-width: 400px;
                min-width: 320px;
                aspect-ratio: unset;
            }
            .yt-modal-content {
                min-height: 40vh;
            }
            .yt-modal-close {
                top: 15px;
                right: 15px;
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .yt-modal-video.long {
                width: 98vw;
                height: 55vh; /* 작은 모바일에서도 충분한 높이 */
                aspect-ratio: unset;
            }
            .yt-modal-video.short {
                width: 95vw;
                height: 75vh; /* 작은 모바일에서도 더 크게 */
                max-width: 380px;
                min-width: 300px;
                aspect-ratio: unset;
            }
            .yt-modal-close {
                top: 10px;
                right: 10px;
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
        }
    </style>

    <div class="yt-slider-container">
        <h2 class="yt-slider-title">Video del producto</h2>
        <div id="yt-slider-696dd912ac2c2" class="yt-slider-wrapper">
            <div class="yt-slider-track">
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=TKQDCMxg4vs" data-video-id="TKQDCMxg4vs" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Sony%20Consola%20PlayStation5%20Pro/Sony%20Consola%20PlayStation5%20Pro_youtube_imagen_2.webp" alt="YouTube video 1" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
                <div class="yt-slider-slide" data-video-url="https://www.youtube.com/watch?v=oYfQrSmiLME" data-video-id="oYfQrSmiLME" data-is-short="false">
                    <div class="yt-video-thumbnail">
                        <img decoding="async" src="https://d3ds0e9izorl81.cloudfront.net/Sony%20Consola%20PlayStation5%20Pro/Sony%20Consola%20PlayStation5%20Pro_youtube_imagen_1.webp" alt="YouTube video 2" class="yt-thumbnail-image">
                        <div class="yt-video-type-badge">Video</div>
                        <div class="yt-play-button">
                            <div class="yt-play-triangle"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="yt-slider-controls yt-slider-prev">‹</button>
            <button class="yt-slider-controls yt-slider-next">›</button>
        </div>
        <p class="yt-embed-cc-title-description">💡 Este video de presentación le ayudará a comprender mejor el producto. Para videos en otros idiomas, se recomienda activar los subtítulos (CC).</p>
    </div>

    <script>
    (function() {
        var slider = document.getElementById("yt-slider-696dd912ac2c2");
        var track = slider.querySelector(".yt-slider-track");
        var slides = slider.querySelectorAll(".yt-slider-slide");
        var prevBtn = slider.querySelector(".yt-slider-prev");
        var nextBtn = slider.querySelector(".yt-slider-next");
        var modal = null;
        var modalVideo = null;
        var modalClose = null;

        var currentSlide = 0;
        var slidesPerView = window.innerWidth <= 768 ? 1 : 2;
        var totalSlides = slides.length;
        var maxSlide = Math.max(0, totalSlides - slidesPerView);

        function updateSlider() {
            var translateX = -(currentSlide * (100 / slidesPerView));
            track.style.transform = "translateX(" + translateX + "%)";

            // 슬라이드 버튼 표시/숨김 제어
            updateControlsVisibility();
        }

        function updateControlsVisibility() {
            // 슬라이드가 slidesPerView 개 이하거나 모든 슬라이드가 한 화면에 보이면 컨트롤 숨김
            if (totalSlides <= slidesPerView) {
                prevBtn.classList.add("hidden");
                nextBtn.classList.add("hidden");
                return;
            }

            // 첫 번째 슬라이드에서 이전 버튼 숨김
            prevBtn.classList.toggle("hidden", currentSlide <= 0);

            // 마지막 슬라이드에서 다음 버튼 숨김
            nextBtn.classList.toggle("hidden", currentSlide >= maxSlide);
        }

        function nextSlide() {
            if (currentSlide < maxSlide) {
                currentSlide++;
                updateSlider();
            }
        }

        function prevSlide() {
            if (currentSlide > 0) {
                currentSlide--;
                updateSlider();
            }
        }

        function goToSlide(slideIndex) {
            currentSlide = Math.min(slideIndex * slidesPerView, maxSlide);
            updateSlider();
        }

        function createModal() {
            // 기존 모달이 있으면 제거
            var existingModal = document.getElementById("yt-slider-696dd912ac2c2-modal");
            if (existingModal) {
                existingModal.remove();
            }

            // body에 직접 모달 생성
            var modalHTML = "<div id=\"yt-slider-696dd912ac2c2-modal\" class=\"yt-modal-overlay\" style=\"position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 999999; display: none; justify-content: center; align-items: center;\">" +
                "<div class=\"yt-modal-content\" style=\"position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 50vh;\">" +
                    "<button class=\"yt-modal-close\" style=\"position: absolute; top: 20px; right: 20px; z-index: 1000000; background-color: rgba(0, 0, 0, 0.8); color: white; border: none; border-radius: 50%; width: 56px; height: 56px; cursor: pointer; font-size: 28px; font-weight: bold; transition: all 0.3s ease; display: flex; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\">×</button>" +
                    "<div class=\"yt-modal-video-container\" style=\"position: relative; display: flex; justify-content: center; align-items: center;\">" +
                        "<iframe class=\"yt-modal-video\" src=\"\" allowfullscreen style=\"border: none; border-radius: 8px;\"></iframe>" +
                    "</div>" +
                "</div>" +
            "</div>";

            document.body.insertAdjacentHTML("beforeend", modalHTML);

            // 새로 생성된 모달 요소들 참조
            modal = document.getElementById("yt-slider-696dd912ac2c2-modal");
            modalVideo = modal.querySelector(".yt-modal-video");
            modalClose = modal.querySelector(".yt-modal-close");

            // 닫기 버튼 hover 효과
            modalClose.addEventListener("mouseenter", function() {
                this.style.backgroundColor = "rgba(255, 0, 0, 0.9)";
                this.style.color = "white";
                this.style.transform = "scale(1.1)";
            });

            modalClose.addEventListener("mouseleave", function() {
                this.style.backgroundColor = "rgba(0, 0, 0, 0.8)";
                this.style.color = "white";
                this.style.transform = "scale(1)";
            });

            // 이벤트 리스너 재등록
            modalClose.addEventListener("click", closeModal);

            // 모달 배경 클릭 시 닫기 (영상 영역 제외)
            modal.addEventListener("click", function(e) {
                // 클릭된 요소가 모달 오버레이 자체이거나 모달 컨텐트인 경우에만 닫기
                if (e.target === modal || e.target.classList.contains("yt-modal-content") || e.target.classList.contains("yt-modal-video-container")) {
                    closeModal();
                }
            });

            // 영상 iframe 클릭 시 닫기 방지 (동적으로 생성되므로 이벤트 위임 사용)
            modal.addEventListener("click", function(e) {
                if (e.target.classList.contains("yt-modal-video")) {
                    e.stopPropagation();
                }
            });
        }

        function openModal(videoId, isShort) {
            // 모달이 없으면 생성
            if (!modal || !document.body.contains(modal)) {
                createModal();
            }

            var params = [
                "rel=0",
                "fs=1",
                "modestbranding=1",
                "controls=1"
            ];

            if (true) {
                params.push("cc_load_policy=1");
            }

            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?" + params.join("&");

            // 기존 iframe 완전 제거
            var videoContainer = modal.querySelector(".yt-modal-video-container");
            var existingIframe = videoContainer.querySelector(".yt-modal-video");
            if (existingIframe) {
                existingIframe.remove();
            }

            // 새 iframe 동적 생성
            var newIframe = document.createElement("iframe");
            newIframe.className = "yt-modal-video";
            newIframe.setAttribute("allowfullscreen", "");
            newIframe.style.border = "none";
            newIframe.style.borderRadius = "8px";

            // iframe을 DOM에 추가한 후 src 설정
            videoContainer.appendChild(newIframe);
            modalVideo = newIframe;

            // 약간의 지연 후 src 설정 (히스토리 조작 방지)
            setTimeout(function() {
                modalVideo.src = embedUrl;
            }, 100);

            // 비디오 크기 설정 및 컨테이너 크기 동기화
            var videoContainer = modal.querySelector(".yt-modal-video-container");

            if (isShort) {
                modalVideo.className = "yt-modal-video short";
                modalVideo.style.cssText = "width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16; display: block; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 70vw; max-width: 450px; min-width: 350px; aspect-ratio: 9/16;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 90vw; height: 80vh; max-width: 400px; min-width: 320px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; height: 80vh; max-width: 400px; min-width: 320px;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 95vw; height: 75vh; max-width: 380px; min-width: 300px; display: block; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 75vh; max-width: 380px; min-width: 300px;";
                }
            } else {
                modalVideo.className = "yt-modal-video long";
                modalVideo.style.cssText = "width: 90vw; max-width: 1200px; aspect-ratio: 16/9; border: none; border-radius: 8px;";

                // 컨테이너 크기를 비디오와 동일하게 설정
                videoContainer.style.cssText = "position: relative; display: inline-block; width: 90vw; max-width: 1200px; aspect-ratio: 16/9;";

                // 모바일 반응형
                if (window.innerWidth <= 768) {
                    modalVideo.style.cssText = "width: 95vw; height: 60vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 95vw; height: 60vh;";
                }
                if (window.innerWidth <= 480) {
                    modalVideo.style.cssText = "width: 98vw; height: 55vh; border: none; border-radius: 8px;";
                    videoContainer.style.cssText = "position: relative; display: inline-block; width: 98vw; height: 55vh;";
                }
            }

            modal.style.display = "flex";
            document.body.style.overflow = "hidden";
        }

        function closeModal() {
            if (modal) {
                modal.style.display = "none";
                document.body.style.overflow = "";

                // iframe을 DOM에서 완전히 제거 (히스토리 엔트리 완전 제거)
                var videoContainer = modal.querySelector(".yt-modal-video-container");
                var iframe = videoContainer.querySelector(".yt-modal-video");
                if (iframe) {
                    iframe.src = "about:blank"; // 먼저 빈 페이지로 설정
                    iframe.remove(); // DOM에서 완전 제거
                }
                modalVideo = null;
            }
        }

        // Event Listeners - 모바일 확대 방지를 위한 preventDefault 추가
        nextBtn.addEventListener("click", function(e) {
            e.preventDefault();
            nextSlide();
        });

        prevBtn.addEventListener("click", function(e) {
            e.preventDefault();
            prevSlide();
        });

        slides.forEach(function(slide) {
            slide.addEventListener("click", function() {
                var videoId = this.getAttribute("data-video-id");
                var isShort = this.getAttribute("data-is-short") === "true";
                openModal(videoId, isShort);
            });
        });

        document.addEventListener("keydown", function(e) {
            if (e.key === "Escape") {
                closeModal();
            }
        });

        // Responsive handling
        window.addEventListener("resize", function() {
            var newSlidesPerView = window.innerWidth <= 768 ? 1 : 2;
            if (newSlidesPerView !== slidesPerView) {
                slidesPerView = newSlidesPerView;
                maxSlide = Math.max(0, totalSlides - slidesPerView);
                currentSlide = Math.min(currentSlide, maxSlide);
                updateSlider();
            }
        });

        // Initialize - 초기화 시 컨트롤 상태를 정확히 설정
        updateSlider();
    })();
    </script>
    
    <br>
    
    <style>
        .products-flex-container {
            width: 100%;
            margin: 0 auto;
        }
        .rating-container {
            width: 100%;
            margin: 0;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .rating-header {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            gap: 15px;
            margin-bottom: 20px;
        }
        .total-rating {
            flex: 1;
            text-align: center;
        }
        .stars {
            display: flex;
            font-size: 24px;
            margin-bottom: 5px;
            letter-spacing: 3px;
            justify-content: center;
        }
        .star-container {
            position: relative;
            display: inline-block;
        }
        .star-empty {
            color: #ddd;
        }
        .star-filled {
            position: absolute;
            top: 0;
            left: 0;
            color: #ffd700;
            overflow: hidden;
            white-space: nowrap;
        }
        .rating-number {
            font-size: 24px;
            font-weight: bold;
            margin-top: 5px;
        }
        .review-badge {
            flex: 1;
            padding: 8px 12px;
            border-radius: 12px;
            color: white;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .badge-emoji {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .badge-text {
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 2px;
        }
        .badge-subtext {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.9;
        }
        .rating-bars {
            margin-top: 15px;
            width: 100%;
        }
        .rating-row {
            display: flex;
            align-items: center;
            width: 100%;
            margin: 5px 0;
        }
        .star-label {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
        }
        .progress-bar {
            flex-grow: 1;
            height: 15px;
            background: #eee;
            margin: 0 10px;
            border-radius: 10px;
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: #1A1A2E;
            width: 0;
            transition: width 0.5s ease-in-out;
        }
        .percentage {
            width: 35px;
            font-size: 12px;
            color: #666;
        }
        .rating_visualization_title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            border-left: 4px solid #1A1A2E;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        @media screen and (max-width: 768px) {
            .rating-container {
                margin: 0;
            }
            .rating-header {
                flex-direction: row;
            }
            .rating-row {
                max-width: 100%;
            }
            .progress-bar {
                flex-grow: 1;
                margin: 0 8px;
            }
        }
    </style><div class="products-flex-container"><div class="rating-container"><h2 class="rating_visualization_title">Calificación del producto</h2><div class="rating-header">
                <div class="total-rating">
                    <div class="stars"><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 100.000000%">★</span></div><div class="star-container"><span class="star-empty">☆</span><span class="star-filled" style="width: 50.000000%">★</span></div></div>
                    <div class="rating-number">4.5</div>
                </div>
                <div class="review-badge" style="background-color:#1A1A2E;">
                    <div class="badge-emoji">🚀</div>
                    <div class="badge-text">Elegir</div>
                    <div class="badge-subtext">Artículos recomendados</div>
                </div>
              </div><div class="rating-bars"><div class="rating-row">
                        <div class="star-label">5<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:77%;"></div>
                        </div>
                        <div class="percentage">77%</div>
                      </div><div class="rating-row">
                        <div class="star-label">4<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:13%;"></div>
                        </div>
                        <div class="percentage">13%</div>
                      </div><div class="rating-row">
                        <div class="star-label">3<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:2%;"></div>
                        </div>
                        <div class="percentage">2%</div>
                      </div><div class="rating-row">
                        <div class="star-label">2<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:0%;"></div>
                        </div>
                        <div class="percentage">0%</div>
                      </div><div class="rating-row">
                        <div class="star-label">1<span style="color:#ffd700;">★</span></div>
                        <div class="progress-bar">
                            <div class="progress-fill" style="width:8%;"></div>
                        </div>
                        <div class="percentage">8%</div>
                      </div></div></div></div>
    
    
        
    <style>
        .pros-cons-wrapper {
            max-width: 100%;
            margin: 20px auto;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .pros-cons-container {
            display: flex;
            gap: 30px;
            margin-bottom: 16px;
        }
        .pros-section, .cons-section {
            flex: 1;
            border-radius: 8px;
            background-color: white;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
            padding: 24px;
        }
        .section-header h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            padding: 0 0 16px 0;
        }
        .pros-title {
            color: #16a34a;
            border-bottom: 2px solid #16a34a;
        }
        .cons-title {
            color: #dc2626;
            border-bottom: 2px solid #dc2626;
        }
        .section-content {
            padding: 16px 0 0 0;
        }
        .pros-cons-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .pros-cons-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px 0;
            color: #4A5568;
        }
        @media (max-width: 768px) {
            .pros-cons-container {
                flex-direction: column;
                gap: 16px;
            }
        }
    </style><div class="pros-cons-wrapper"><div class="pros-cons-container"><div class="pros-section">
                    <div class="section-header">
                        <h3 class="pros-title">✅ Pros</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Gráficos excelentes</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Velocidad de carga rápida</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Instalación fácil y uso sencillo</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>La consola funciona silenciosamente</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #16a34a;"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>Buena compatibilidad con PSVR2</li></ul></div></div><div class="cons-section">
                    <div class="section-header">
                        <h3 class="cons-title">❌ Contras</h3>
                    </div>
                    <div class="section-content">
                        <ul class="pros-cons-list"><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Precio un poco elevado</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Velocidad del ventilador mejorable</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Posibilidad de problemas de sobrecalentamiento</li><li class="pros-cons-item"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="color: #dc2626;"><circle cx="12" cy="12" r="10"></circle><line x1="15" y1="9" x2="9" y2="15"></line><line x1="9" y1="9" x2="15" y2="15"></line></svg>Necesario comprar unidad de disco</li></ul></div></div></div></div>
<h2 class="product-review-title-v2">Reseñas de consumidores</h2><div class="product-review-slider-wrapper-v2"><div class="product-review-slider-v2"><div class="product-review-slide-v2 active"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">PS5 Pro, realmente satisfecho</h3><div class="product-review-content-v2">Compré el PlayStation 5 Pro y<br>¡realmente es increíble! Es pequeño y ligero,<br>fácil de instalar, y los gráficos son realmente impresionantes. Los juegos<br>cargan rápidamente y no hay retraso, lo cual es genial. Lo compré para<br>mi hijo, y le encanta porque puede<br>jugar y ver películas. La consola funciona silenciosamente, y<br>incluso después de horas de juego funciona perfectamente. ¡Esta mejora<br>realmente vale la pena!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Opinión honesta sobre el precio y rendimiento de PS5</h3><div class="product-review-content-v2">Hay muchas quejas sobre que el precio de PS5 es de 700 dólares, ahora 750 dólares, pero<br>considerando la situación económica, creo que es comprensible. Hay que recordar que cuando<br>se lanzó por primera vez hace 5 años durante el COVID, costaba 500 dólares. Las mejoras gráficas y<br>la fidelidad valen ese precio. Lo que me decepcionó fue que tuve que<br>comprar la unidad por separado, pero a 70 dólares no fue un gran problema.<br>Así puedo usar juegos en disco y Blu-ray 4K.<br>Cuando juego juegos de alta gama,<br>se calienta bastante, así que es bueno asegurar buena ventilación y<br>mantenerlo alejado de la pared. Para no acortar la vida útil<br>de los dispositivos electrónicos, no lo pongas en una esquina.<br>Me gustaría poder aumentar la velocidad del ventilador,<br>pero como tiene una tarjeta de video 3070, se calienta un poco.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">PS5 Pro, el pináculo de la experiencia de juego de próxima generación</h3><div class="product-review-content-v2">PlayStation 5 Pro es realmente una consola de próxima generación potente.<br>Gracias al SSD ultrarrápido, los tiempos de carga se reducen drásticamente,<br>haciendo que el juego se sienta mucho más fluido e inmersivo.<br>Los gráficos también son realmente impresionantes, y el soporte de resolución 4K<br>tiene un rendimiento especialmente excelente en títulos exigentes,<br>haciendo que jugar sea un placer.</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">Opinión honesta sobre el rendimiento de PS5 Pro y compatibilidad de juegos</h3><div class="product-review-content-v2">PS5 Pro muestra su verdadero valor en juegos donde Sony y los desarrolladores aprovechan la tecnología de escalado PSSR. En juegos optimizados para Pro,<br>puedes esperar establemente 60 FPS o más. Por ejemplo, Star Wars: Outlaws<br>funciona a 60 FPS manteniendo la calidad gráfica del modo Fidelity de PS5 base.<br>Si tienes una TV o monitor que soporta frecuencia de actualización variable (VRR),<br>podrás experimentar aún más la mejora de rendimiento de Pro. Cuando cambié de jugar en PC con RTX 4090<br>a PS5 Pro, sentí la brecha técnica debido a la diferencia de fotogramas.<br>Por supuesto, es un detalle menor, pero PS5 Pro es<br>definitivamente una buena elección para quienes desean un rendimiento más consistente y estable. Sin embargo, no todos los juegos soportan la optimización de PS5 Pro, así que<br>la verificación antes de comprar es esencial. Por ejemplo, en el caso de Cyberpunk 2077,<br>CDPR decidió no proporcionar un parche exclusivo para PS5 Pro.<br>Así que en modo Fidelity todavía funciona a nivel de 30 FPS,<br>y el modo rendimiento mantiene los 60 FPS existentes. Para referencia,<br>comparado con la experiencia de jugar Cyberpunk 2077 con RTX 4090 a más de 200 FPS en 1080p,<br>PS5 Pro tiene una diferencia clara, pero como juego de consola, el rendimiento es suficientemente satisfactorio.<br>Por esta razón, muchos jugadores esperan que se lancen más<br>títulos de alta gama que aprovechen activamente la tecnología PSSR.<br>Juegos de próxima generación como Grand Theft Auto 6 que se lanzarán en el futuro<br>se espera que no sea fácil mantener altas tasas de fotogramas incluso en PS5 Pro,<br>y es precisamente en estos títulos donde el impulso de rendimiento de PSSR brillará aún más.<br>En conclusión, PS5 Pro no es esencial ahora mismo.<br>Sin embargo, si verificas la alineación de juegos que soportan optimización Pro y<br>los títulos que principalmente jugarás están incluidos, es una inversión que vale la pena.<br>Vendí mi PS5 Digital Edition existente y<br>compré el Pro con fondos ahorrados de descuentos de temporada de fin de año,<br>y actualmente hay bastantes juegos que se benefician de la optimización Pro,<br>así que lo estoy usando con satisfacción. Si estás considerando la mejora,<br>¡te recomiendo decidir cuidadosamente considerando tu biblioteca de juegos y presupuesto!</div></div></div><div class="product-review-slide-v2"><div class="product-review-card-v2"><h3 class="product-review-topic-v2">PS5 Pro, satisfecho más allá de las expectativas</h3><div class="product-review-content-v2">Afortunadamente llegó cuando estaba en casa, así que estuvo bien,<br>y aparte de eso, todo está bien. Se juega mejor que<br>el PS5 normal y se ve mejor. Parece realmente bueno con el trato de Black Friday,<br>y estoy satisfecho porque puedo jugar todos mis juegos de PS4/5<br>con configuración completa</div></div></div></div><div class="slider-dots-v2"><button class="slider-nav-v2 prev" aria-label="Previous">◀</button><div class="dots-container-v2"><span class="dot-v2 active" data-slide="0"></span><span class="dot-v2" data-slide="1"></span><span class="dot-v2" data-slide="2"></span><span class="dot-v2" data-slide="3"></span><span class="dot-v2" data-slide="4"></span></div><button class="slider-nav-v2 next" aria-label="Next">▶</button></div></div>
    
        <style>
            .affiliate--button1 {
                display: flex;
                flex-direction: column;
                width: 100%;
                max-width: 400px;
                border-radius: 12px;
                padding: 4px;
                margin: 20px auto;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
            }

            .button--content {
                background: #fff;
                border-radius: 10px;
                padding: 16px;
                text-align: center;
            }

            .button--main {
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(135deg, #1A1A2E 0%, #2C3E50 100%);
                color: white;
                padding: 16px 24px;
                border-radius: 8px;
                font-size: 18px;
                font-weight: 700;
                text-decoration: none;
                margin: 10px 0;
                transition: transform 0.2s ease;
            }

            .button--main:hover {
                transform: translateY(-2px);
				color: white;
                box-shadow: 0 6px 8px rgba(26, 26, 46, 0.4);
            }

            .trust--badges {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 12px;
            }

            .trust--badge {
                display: flex;
                align-items: center;
                color: #666;
                font-size: 12px;
                gap: 4px;
            }

            .affiliate--disclaimer {
                font-size: 11px;
                color: #999;
                text-align: center;
                margin-top: 8px;
            }

            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }

            .animate--pulse {
                animation: pulse 2s infinite;
            }

            @media (max-width: 768px) {
                .button--main {
                    font-size: 16px;
                    padding: 14px 20px;
                }
            }
        </style>
    <div class='affiliate--button--container'><div class='affiliate--button1'><div class='button--content'><a href="https://amzn.to/48NNdcx" class="button--main animate--pulse" target="_blank" rel="noopener noreferrer">
                Ver en Amazon
                <span style="margin-left: 8px;">✨</span>
              </a><div class='trust--badges'>
                <span class='trust--badge'>🚚 Envío rápido</span>
                <span class='trust--badge'>🔒 Pago seguro</span>
              </div></div></div><p class='affiliate--disclaimer'>En este artículo te mostramos productos recomendados de Amazon.</p></div><p>La entrada <a href="https://resenarapida.com/playstation-5-pro/">PlayStation 5 Pro &#8211; La consola más potente que ofrece una experiencia de juego de próxima generación</a> se publicó primero en <a href="https://resenarapida.com">ReseñaRápida | Reseñas de Productos en 1 Minuto</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">161</post-id>	</item>
	</channel>
</rss>
