{"id":2,"date":"2026-01-24T17:13:17","date_gmt":"2026-01-24T16:13:17","guid":{"rendered":"https:\/\/reneservicios.es\/impresion-3d-caceres\/?page_id=2"},"modified":"2026-08-01T15:37:05","modified_gmt":"2026-08-01T13:37:05","slug":"pagina-ejemplo","status":"publish","type":"page","link":"https:\/\/reneservicios.es\/impresion-3d-caceres\/","title":{"rendered":""},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Impresi\u00f3n 3D | Figuras Anime y m\u00e1s<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* ===== TODOS LOS ESTILOS IGUALES ===== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);\n color: #fff;\n min-height: 100vh;\n overflow-x: hidden;\n position: relative;\n padding-top: 70px;\n }\n\n .container {\n max-width: 1300px;\n margin: 0 auto;\n padding: 20px;\n position: relative;\n z-index: 10;\n }\n\n .particles {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n overflow: hidden;\n pointer-events: none;\n }\n\n .particle {\n position: absolute;\n background-color: rgba(0, 150, 255, 0.6);\n border-radius: 50%;\n animation: float 15s infinite linear;\n }\n\n .particle:nth-child(2n) { background-color: rgba(0, 255, 200, 0.6); }\n .particle:nth-child(3n) { background-color: rgba(255, 100, 0, 0.6); }\n .particle:nth-child(5n) { background-color: rgba(200, 0, 255, 0.6); }\n\n @keyframes float {\n 0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n 10% { opacity: 1; }\n 90% { opacity: 1; }\n 100% { transform: translateY(-100px) rotate(360deg); opacity: 0; }\n }\n\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 1000;\n background: rgba(12, 12, 12, 0.95);\n backdrop-filter: blur(10px);\n border-bottom: 1px solid rgba(0, 212, 255, 0.2);\n padding: 8px 0;\n }\n\n .header-container {\n max-width: 1300px;\n margin: 0 auto;\n padding: 0 20px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .logo-icon {\n font-size: 2rem;\n color: #00d4ff;\n text-shadow: 0 0 20px rgba(0, 212, 255, 0.5);\n animation: glow 3s infinite alternate;\n }\n\n @keyframes glow {\n from { text-shadow: 0 0 10px rgba(0, 212, 255, 0.7); }\n to { text-shadow: 0 0 30px rgba(0, 212, 255, 0.9), 0 0 50px rgba(0, 212, 255, 0.5); }\n }\n\n .logo-text {\n display: flex;\n flex-direction: column;\n }\n\n .logo-text h1 {\n font-size: 1.3rem;\n background: linear-gradient(to right, #00d4ff, #00ffaa);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-weight: 700;\n line-height: 1.1;\n }\n\n .logo-text span {\n font-size: 0.75rem;\n color: #a0e7ff;\n letter-spacing: 2px;\n }\n\n .header-phone {\n display: flex;\n align-items: center;\n gap: 10px;\n background: rgba(0, 212, 255, 0.1);\n border: 1px solid rgba(0, 212, 255, 0.3);\n padding: 6px 16px;\n border-radius: 8px;\n color: #00d4ff;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.95rem;\n transition: all 0.3s;\n }\n\n .header-phone:hover {\n background: rgba(0, 212, 255, 0.2);\n transform: scale(1.05);\n }\n\n .header-phone i {\n font-size: 1.1rem;\n }\n\n .mobile-menu {\n display: none;\n font-size: 1.8rem;\n color: #00d4ff;\n cursor: pointer;\n padding: 5px 10px;\n border-radius: 8px;\n transition: all 0.3s;\n background: rgba(0, 212, 255, 0.05);\n border: 1px solid rgba(0, 212, 255, 0.1);\n }\n\n .mobile-menu:hover {\n background: rgba(0, 212, 255, 0.15);\n }\n\n .mobile-menu.active {\n color: #ff6b6b;\n border-color: rgba(255, 107, 107, 0.3);\n }\n\n nav {\n display: flex;\n gap: 20px;\n align-items: center;\n }\n\n nav a {\n color: #a0e7ff;\n text-decoration: none;\n font-size: 0.85rem;\n transition: all 0.3s;\n padding: 5px 0;\n border-bottom: 2px solid transparent;\n }\n\n nav a:hover {\n color: #00d4ff;\n border-bottom-color: #00d4ff;\n }\n\n .hero {\n text-align: center;\n padding: 30px 20px 40px;\n position: relative;\n }\n\n .hero h2 {\n font-size: 2.5rem;\n background: linear-gradient(to right, #00d4ff, #00ffaa);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n margin-bottom: 10px;\n }\n\n .hero p {\n color: #a0e7ff;\n font-size: 1.1rem;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .hero-badge {\n display: inline-block;\n background: rgba(0, 255, 170, 0.15);\n border: 1px solid rgba(0, 255, 170, 0.3);\n padding: 6px 20px;\n border-radius: 20px;\n color: #00ffaa;\n font-size: 0.85rem;\n margin-top: 15px;\n }\n\n .cube-float {\n position: fixed;\n right: 20px;\n bottom: 100px;\n width: 80px;\n height: 80px;\n z-index: 100;\n perspective: 200px;\n opacity: 0.6;\n }\n\n .cube-float-inner {\n width: 100%;\n height: 100%;\n position: relative;\n transform-style: preserve-3d;\n animation: rotate3d 15s infinite linear;\n }\n\n @keyframes rotate3d {\n 0% { transform: rotateX(-20deg) rotateY(0deg); }\n 100% { transform: rotateX(-20deg) rotateY(360deg); }\n }\n\n .cube-face-small {\n position: absolute;\n width: 80px;\n height: 80px;\n background: rgba(0, 212, 255, 0.1);\n border: 1px solid rgba(0, 212, 255, 0.3);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n color: #00d4ff;\n backdrop-filter: blur(5px);\n }\n\n .cube-face-small.front { transform: rotateY(0deg) translateZ(40px); }\n .cube-face-small.back { transform: rotateY(180deg) translateZ(40px); }\n .cube-face-small.right { transform: rotateY(90deg) translateZ(40px); }\n .cube-face-small.left { transform: rotateY(-90deg) translateZ(40px); }\n .cube-face-small.top { transform: rotateX(90deg) translateZ(40px); }\n .cube-face-small.bottom { transform: rotateX(-90deg) translateZ(40px); }\n\n .shop-section {\n background: linear-gradient(135deg, rgba(0, 20, 40, 0.8), rgba(0, 40, 80, 0.6));\n border-radius: 20px;\n border: 2px solid rgba(0, 212, 255, 0.3);\n padding: 50px 40px;\n margin: 30px 0 50px;\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 0 60px rgba(0, 150, 255, 0.15);\n }\n\n .shop-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 212, 255, 0.08) 0%, transparent 70%);\n z-index: -1;\n animation: pulseGlow 4s infinite alternate;\n }\n\n @keyframes pulseGlow {\n from { transform: scale(1); opacity: 0.5; }\n to { transform: scale(1.2); opacity: 1; }\n }\n\n .shop-section .shop-icon {\n font-size: 4rem;\n color: #00d4ff;\n margin-bottom: 20px;\n text-shadow: 0 0 40px rgba(0, 212, 255, 0.4);\n }\n\n .shop-section h2 {\n font-size: 2.5rem;\n color: #fff;\n margin-bottom: 15px;\n }\n\n .shop-section h2 span {\n background: linear-gradient(to right, #00d4ff, #00ffaa);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n\n .shop-section p {\n color: #a0e7ff;\n font-size: 1.2rem;\n max-width: 700px;\n margin: 0 auto 30px;\n line-height: 1.8;\n }\n\n .shop-btn {\n display: inline-flex;\n align-items: center;\n gap: 15px;\n background: linear-gradient(135deg, #00d4ff, #0088cc);\n color: #fff;\n padding: 16px 40px;\n border-radius: 50px;\n text-decoration: none;\n font-size: 1.3rem;\n font-weight: 700;\n transition: all 0.4s;\n border: none;\n cursor: pointer;\n box-shadow: 0 0 30px rgba(0, 212, 255, 0.3);\n position: relative;\n overflow: hidden;\n }\n\n .shop-btn::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 60%);\n transform: rotate(0deg);\n transition: all 0.6s;\n }\n\n .shop-btn:hover {\n transform: translateY(-5px) scale(1.05);\n box-shadow: 0 0 50px rgba(0, 212, 255, 0.5);\n }\n\n .shop-btn:hover::before {\n transform: rotate(180deg);\n }\n\n .shop-btn i {\n font-size: 1.6rem;\n }\n\n .shop-features {\n display: flex;\n justify-content: center;\n gap: 40px;\n margin-top: 30px;\n flex-wrap: wrap;\n }\n\n .shop-feature {\n display: flex;\n align-items: center;\n gap: 10px;\n color: #a0e7ff;\n font-size: 0.95rem;\n }\n\n .shop-feature i {\n color: #00ffaa;\n font-size: 1.2rem;\n }\n\n .section-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n margin-top: 30px;\n }\n\n .section-card {\n background: rgba(0, 20, 40, 0.7);\n border-radius: 20px;\n border: 1px solid rgba(0, 212, 255, 0.2);\n padding: 30px;\n backdrop-filter: blur(10px);\n transition: all 0.4s;\n position: relative;\n overflow: hidden;\n }\n\n .section-card::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 212, 255, 0.05) 0%, transparent 70%);\n z-index: -1;\n }\n\n .section-card:hover {\n border-color: rgba(0, 212, 255, 0.5);\n box-shadow: 0 0 30px rgba(0, 150, 255, 0.2);\n transform: translateY(-5px);\n }\n\n .section-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n flex-wrap: wrap;\n gap: 10px;\n }\n\n .section-title {\n font-size: 1.8rem;\n color: #00d4ff;\n text-shadow: 0 0 20px rgba(0, 212, 255, 0.3);\n }\n\n .section-subtitle {\n color: #a0e7ff;\n font-size: 0.9rem;\n opacity: 0.8;\n }\n\n .section-badge {\n background: rgba(0, 255, 170, 0.15);\n border: 1px solid rgba(0, 255, 170, 0.2);\n padding: 4px 14px;\n border-radius: 12px;\n color: #00ffaa;\n font-size: 0.8rem;\n }\n\n .carousel-container {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n background: rgba(0, 0, 0, 0.3);\n }\n\n .carousel-track {\n display: flex;\n transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n touch-action: pan-y;\n }\n\n .carousel-slide {\n min-width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .carousel-slide img {\n width: 200px;\n height: 200px;\n object-fit: cover;\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.4s;\n border: 2px solid rgba(0, 212, 255, 0.2);\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\n }\n\n .carousel-slide img:hover {\n transform: scale(1.05);\n border-color: #00d4ff;\n box-shadow: 0 0 30px rgba(0, 212, 255, 0.3);\n }\n\n .carousel-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(0, 0, 0, 0.7);\n border: 1px solid rgba(0, 212, 255, 0.3);\n color: #00d4ff;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n cursor: pointer;\n z-index: 10;\n transition: all 0.3s;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n }\n\n .carousel-btn:hover {\n background: rgba(0, 212, 255, 0.2);\n border-color: #00d4ff;\n }\n\n .carousel-btn.prev { left: 10px; }\n .carousel-btn.next { right: 10px; }\n\n .carousel-dots {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin-top: 15px;\n }\n\n .carousel-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: rgba(0, 212, 255, 0.2);\n border: 1px solid rgba(0, 212, 255, 0.3);\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .carousel-dot.active {\n background: #00d4ff;\n box-shadow: 0 0 15px rgba(0, 212, 255, 0.5);\n transform: scale(1.2);\n }\n\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.95);\n z-index: 2000;\n justify-content: center;\n align-items: center;\n padding: 40px;\n cursor: pointer;\n }\n\n .modal.active {\n display: flex;\n }\n\n .modal img {\n max-width: 90%;\n max-height: 90%;\n object-fit: contain;\n border-radius: 12px;\n border: 2px solid rgba(0, 212, 255, 0.3);\n box-shadow: 0 0 60px rgba(0, 212, 255, 0.2);\n animation: zoomIn 0.3s ease;\n }\n\n @keyframes zoomIn {\n from { transform: scale(0.8); opacity: 0; }\n to { transform: scale(1); opacity: 1; }\n }\n\n .modal-close {\n position: absolute;\n top: 20px;\n right: 30px;\n font-size: 2.5rem;\n color: #fff;\n cursor: pointer;\n transition: all 0.3s;\n }\n\n .modal-close:hover {\n color: #00d4ff;\n transform: rotate(90deg);\n }\n\n .modal-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n color: #fff;\n font-size: 2.5rem;\n cursor: pointer;\n padding: 20px;\n transition: all 0.3s;\n }\n\n .modal-nav:hover {\n color: #00d4ff;\n }\n\n .modal-nav.prev { left: 10px; }\n .modal-nav.next { right: 10px; }\n\n .modal-counter {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n color: #a0e7ff;\n font-size: 0.9rem;\n }\n\n .floating-buttons {\n position: fixed;\n left: 20px;\n bottom: 30px;\n z-index: 100;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n\n .floating-btn {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n text-decoration: none;\n transition: all 0.3s;\n border: 1px solid rgba(0, 212, 255, 0.3);\n background: rgba(0, 20, 40, 0.8);\n backdrop-filter: blur(5px);\n font-size: 1.1rem;\n }\n\n .floating-btn:hover {\n transform: scale(1.1);\n border-color: #00d4ff;\n box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);\n }\n\n .floating-btn.whatsapp {\n background: rgba(37, 211, 102, 0.2);\n border-color: rgba(37, 211, 102, 0.3);\n }\n\n .floating-btn.whatsapp:hover {\n background: rgba(37, 211, 102, 0.3);\n border-color: #25d366;\n box-shadow: 0 0 20px rgba(37, 211, 102, 0.3);\n }\n\n .floating-btn.phone {\n background: rgba(0, 212, 255, 0.2);\n border-color: rgba(0, 212, 255, 0.3);\n }\n\n .floating-btn.phone:hover {\n background: rgba(0, 212, 255, 0.3);\n border-color: #00d4ff;\n box-shadow: 0 0 20px rgba(0, 212, 255, 0.3);\n }\n\n footer {\n text-align: center;\n padding: 40px 20px 30px;\n margin-top: 60px;\n border-top: 1px solid rgba(0, 212, 255, 0.1);\n color: #a0e7ff;\n }\n\n .footer-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(0, 255, 170, 0.1);\n border: 1px solid rgba(0, 255, 170, 0.2);\n padding: 6px 16px;\n border-radius: 20px;\n color: #00ffaa;\n font-size: 0.85rem;\n margin-bottom: 20px;\n }\n\n .footer-name {\n font-size: 1.2rem;\n color: #00d4ff;\n margin: 10px 0 5px;\n }\n\n .footer-name a {\n color: #00d4ff;\n text-decoration: none;\n transition: all 0.3s;\n }\n\n .footer-name a:hover {\n color: #00ffaa;\n text-shadow: 0 0 20px rgba(0, 255, 170, 0.3);\n }\n\n .footer-company {\n font-size: 0.9rem;\n color: #6688aa;\n margin-bottom: 5px;\n }\n\n \/* ===== RESPONSIVE CORREGIDO ===== *\/\n @media (max-width: 992px) {\n .hero h2 { font-size: 2rem; }\n .carousel-slide img { width: 150px; height: 150px; }\n .shop-section { padding: 35px 25px; }\n .shop-section h2 { font-size: 2rem; }\n .shop-btn { padding: 14px 30px; font-size: 1.1rem; }\n }\n\n @media (max-width: 768px) {\n body { padding-top: 60px; }\n \n .header-container { padding: 0 15px; }\n .logo-text h1 { font-size: 1rem; }\n .logo-text span { font-size: 0.6rem; }\n .header-phone { padding: 4px 12px; font-size: 0.8rem; }\n .header-phone span { display: none; }\n\n \/* ===== MEN\u00da M\u00d3VIL CORREGIDO ===== *\/\n .mobile-menu { \n display: block; \n }\n \n nav {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n background: rgba(12, 12, 12, 0.98);\n flex-direction: column;\n padding: 10px 0;\n border-bottom: 1px solid rgba(0, 212, 255, 0.2);\n gap: 0;\n backdrop-filter: blur(10px);\n max-height: 80vh;\n overflow-y: auto;\n }\n\n nav.open { \n display: flex; \n }\n\n nav a {\n padding: 12px 25px;\n width: 100%;\n border-bottom: 1px solid rgba(0, 212, 255, 0.05);\n font-size: 0.95rem;\n text-align: left;\n transition: all 0.3s;\n }\n\n nav a:last-child {\n border-bottom: none;\n }\n\n nav a:hover {\n background: rgba(0, 212, 255, 0.1);\n border-bottom-color: #00d4ff;\n padding-left: 30px;\n }\n\n .hero { padding: 20px 10px 30px; }\n .hero h2 { font-size: 1.6rem; }\n .hero p { font-size: 0.95rem; }\n\n .shop-section { padding: 30px 20px; margin: 20px 0 30px; }\n .shop-section h2 { font-size: 1.6rem; }\n .shop-section p { font-size: 1rem; }\n .shop-btn { padding: 12px 25px; font-size: 1rem; }\n .shop-features { gap: 15px; flex-direction: column; align-items: center; }\n\n .section-card { padding: 20px; }\n .section-title { font-size: 1.3rem; }\n\n .carousel-slide { padding: 10px; gap: 10px; }\n .carousel-slide img { width: 120px; height: 120px; }\n\n .carousel-btn { width: 30px; height: 30px; font-size: 0.8rem; }\n \n .cube-float { width: 50px; height: 50px; right: 10px; bottom: 80px; }\n .cube-face-small { width: 50px; height: 50px; font-size: 1rem; }\n .cube-face-small.front { transform: rotateY(0deg) translateZ(25px); }\n .cube-face-small.back { transform: rotateY(180deg) translateZ(25px); }\n .cube-face-small.right { transform: rotateY(90deg) translateZ(25px); }\n .cube-face-small.left { transform: rotateY(-90deg) translateZ(25px); }\n .cube-face-small.top { transform: rotateX(90deg) translateZ(25px); }\n .cube-face-small.bottom { transform: rotateX(-90deg) translateZ(25px); }\n\n .floating-buttons { left: 10px; bottom: 20px; }\n .floating-btn { width: 38px; height: 38px; font-size: 0.9rem; }\n\n .modal { padding: 15px; }\n .modal img { max-width: 95%; max-height: 80%; }\n .modal-nav { font-size: 1.5rem; padding: 10px; }\n .modal-close { font-size: 1.8rem; top: 10px; right: 15px; }\n }\n\n @media (max-width: 480px) {\n .carousel-slide img { width: 90px; height: 90px; }\n .section-card { padding: 15px; }\n .hero h2 { font-size: 1.3rem; }\n .hero-badge { font-size: 0.7rem; padding: 4px 14px; }\n }\n <\/style>\n<\/head>\n<body>\n <!-- PART\u00cdCULAS -->\n <div class=\"particles\" id=\"particles\"><\/div>\n\n <!-- CUBO 3D FLOTANTE -->\n <div class=\"cube-float\">\n <div class=\"cube-float-inner\">\n <div class=\"cube-face-small front\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"cube-face-small back\"><i class=\"fas fa-print\"><\/i><\/div>\n <div class=\"cube-face-small right\"><i class=\"fas fa-bolt\"><\/i><\/div>\n <div class=\"cube-face-small left\"><i class=\"fas fa-rocket\"><\/i><\/div>\n <div class=\"cube-face-small top\"><i class=\"fas fa-tools\"><\/i><\/div>\n <div class=\"cube-face-small bottom\"><i class=\"fas fa-layer-group\"><\/i><\/div>\n <\/div>\n <\/div>\n\n <!-- HEADER -->\n <header>\n <div class=\"header-container\">\n <div class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-cube\"><\/i><\/div>\n <div class=\"logo-text\">\n <h1>Impresi\u00f3n 3D<\/h1>\n <span>FIGURAS \u2022 ANIME \u2022 PERSONALIZADO<\/span>\n <\/div>\n <\/div>\n \n <a href=\"tel:0034666013015\" class=\"header-phone\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span>666 013 015<\/span>\n <\/a>\n \n <!-- ICONO HAMBURGUESA CORREGIDO -->\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <i class=\"fas fa-bars\"><\/i>\n <\/div>\n \n <nav id=\"mainNav\">\n <a href=\"#tienda\">Cat\u00e1logo<\/a>\n <a href=\"#seccion1\">Anime<\/a>\n <a href=\"#seccion2\">Videojuegos<\/a>\n <a href=\"#seccion3\">Pel\u00edculas<\/a>\n <a href=\"#seccion4\">Personalizados<\/a>\n <a href=\"#seccion5\">Minis<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n <!-- HERO -->\n <section class=\"hero\">\n <div class=\"container\">\n <h2>Impresi\u00f3n 3D de Alta Calidad<\/h2>\n <p>Figuras de anime, videojuegos y dise\u00f1os personalizados impresos al 100% en Espa\u00f1a con materiales premium.<\/p>\n <div class=\"hero-badge\">\n <i class=\"fas fa-check-circle\"><\/i> Hecho en Espa\u00f1a\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SECCI\u00d3N TIENDA -->\n <div class=\"container\" id=\"tienda\">\n <div class=\"shop-section\">\n <div class=\"shop-icon\"><i class=\"fas fa-store\"><\/i><\/div>\n <h2>\ud83c\udfaf Accede a Nuestro <span>Cat\u00e1logo<\/span><\/h2>\n <p>\n Explora nuestra tienda online con cientos de figuras, modelos 3D y dise\u00f1os exclusivos. \n Encuentra tu personaje favorito o solicita una impresi\u00f3n personalizada.\n <\/p>\n <a href=\"https:\/\/caceres.tienda\" target=\"_blank\" class=\"shop-btn\">\n <i class=\"fas fa-shopping-cart\"><\/i>\n Visitar Tienda\n <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"shop-features\">\n <div class=\"shop-feature\">\n <i class=\"fas fa-check-circle\"><\/i> Env\u00edo a toda Espa\u00f1a\n <\/div>\n <div class=\"shop-feature\">\n <i class=\"fas fa-check-circle\"><\/i> Impresi\u00f3n 3D profesional\n <\/div>\n <div class=\"shop-feature\">\n <i class=\"fas fa-check-circle\"><\/i> Dise\u00f1os exclusivos\n <\/div>\n <div class=\"shop-feature\">\n <i class=\"fas fa-check-circle\"><\/i> Atenci\u00f3n personalizada\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- SECCIONES CON CARRUSELES -->\n <div class=\"container\">\n <div class=\"section-grid\" id=\"seccion1\">\n <div class=\"section-card\">\n <div class=\"section-header\">\n <div>\n <h3 class=\"section-title\"><i class=\"fas fa-japanese-flag\" style=\"margin-right:10px;\"><\/i>Figuras Anime<\/h3>\n <span class=\"section-subtitle\">Personajes ic\u00f3nicos de tus series favoritas<\/span>\n <\/div>\n <span class=\"section-badge\">10+ modelos<\/span>\n <\/div>\n <div class=\"carousel-container\" data-section=\"anime\">\n <div class=\"carousel-track\" id=\"track-anime\"><\/div>\n <button class=\"carousel-btn prev\" data-section=\"anime\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <button class=\"carousel-btn next\" data-section=\"anime\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n <div class=\"carousel-dots\" id=\"dots-anime\"><\/div>\n <\/div>\n\n <div class=\"section-card\" id=\"seccion2\">\n <div class=\"section-header\">\n <div>\n <h3 class=\"section-title\"><i class=\"fas fa-gamepad\" style=\"margin-right:10px;\"><\/i>Videojuegos<\/h3>\n <span class=\"section-subtitle\">Personajes y objetos de tus juegos favoritos<\/span>\n <\/div>\n <span class=\"section-badge\">10+ modelos<\/span>\n <\/div>\n <div class=\"carousel-container\" data-section=\"games\">\n <div class=\"carousel-track\" id=\"track-games\"><\/div>\n <button class=\"carousel-btn prev\" data-section=\"games\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <button class=\"carousel-btn next\" data-section=\"games\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n <div class=\"carousel-dots\" id=\"dots-games\"><\/div>\n <\/div>\n\n <div class=\"section-card\" id=\"seccion3\">\n <div class=\"section-header\">\n <div>\n <h3 class=\"section-title\"><i class=\"fas fa-film\" style=\"margin-right:10px;\"><\/i>Pel\u00edculas y Series<\/h3>\n <span class=\"section-subtitle\">Personajes del cine y la televisi\u00f3n<\/span>\n <\/div>\n <span class=\"section-badge\">10+ modelos<\/span>\n <\/div>\n <div class=\"carousel-container\" data-section=\"movies\">\n <div class=\"carousel-track\" id=\"track-movies\"><\/div>\n <button class=\"carousel-btn prev\" data-section=\"movies\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <button class=\"carousel-btn next\" data-section=\"movies\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n <div class=\"carousel-dots\" id=\"dots-movies\"><\/div>\n <\/div>\n\n <div class=\"section-card\" id=\"seccion4\">\n <div class=\"section-header\">\n <div>\n <h3 class=\"section-title\"><i class=\"fas fa-paint-brush\" style=\"margin-right:10px;\"><\/i>Dise\u00f1os Personalizados<\/h3>\n <span class=\"section-subtitle\">Creamos tu modelo a medida<\/span>\n <\/div>\n <span class=\"section-badge\">Bajo demanda<\/span>\n <\/div>\n <div class=\"carousel-container\" data-section=\"custom\">\n <div class=\"carousel-track\" id=\"track-custom\"><\/div>\n <button class=\"carousel-btn prev\" data-section=\"custom\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <button class=\"carousel-btn next\" data-section=\"custom\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n <div class=\"carousel-dots\" id=\"dots-custom\"><\/div>\n <\/div>\n\n <div class=\"section-card\" id=\"seccion5\">\n <div class=\"section-header\">\n <div>\n <h3 class=\"section-title\"><i class=\"fas fa-chess-pawn\" style=\"margin-right:10px;\"><\/i>Miniaturas<\/h3>\n <span class=\"section-subtitle\">Figuras a escala para coleccionistas<\/span>\n <\/div>\n <span class=\"section-badge\">10+ modelos<\/span>\n <\/div>\n <div class=\"carousel-container\" data-section=\"minis\">\n <div class=\"carousel-track\" id=\"track-minis\"><\/div>\n <button class=\"carousel-btn prev\" data-section=\"minis\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n <button class=\"carousel-btn next\" data-section=\"minis\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n <div class=\"carousel-dots\" id=\"dots-minis\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- MODAL -->\n <div class=\"modal\" id=\"imageModal\">\n <span class=\"modal-close\" id=\"modalClose\"><i class=\"fas fa-times\"><\/i><\/span>\n <span class=\"modal-nav prev\" id=\"modalPrev\"><i class=\"fas fa-chevron-left\"><\/i><\/span>\n <span class=\"modal-nav next\" id=\"modalNext\"><i class=\"fas fa-chevron-right\"><\/i><\/span>\n <img decoding=\"async\" id=\"modalImage\" src=\"\" alt=\"Imagen ampliada\">\n <span class=\"modal-counter\" id=\"modalCounter\">1 \/ 10<\/span>\n <\/div>\n\n <!-- BOTONES FLOTANTES -->\n <div class=\"floating-buttons\">\n <a href=\"#\" class=\"floating-btn\" id=\"backToTop\">\n <i class=\"fas fa-chevron-up\"><\/i>\n <\/a>\n <a href=\"https:\/\/wa.me\/34666013015?text=Hola,%20me%20interesa%20una%20impresi\u00f3n%203D\" \n class=\"floating-btn whatsapp\" target=\"_blank\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/a>\n <a href=\"tel:0034666013015\" class=\"floating-btn phone\">\n <i class=\"fas fa-phone\"><\/i>\n <\/a>\n <\/div>\n\n <!-- FOOTER -->\n <footer>\n <div class=\"container\">\n <div class=\"footer-badge\">\n <i class=\"fas fa-check-circle\"><\/i> Impresi\u00f3n 3D \u00b7 Hecho en Espa\u00f1a\n <\/div>\n \n <div class=\"footer-name\">\n <i class=\"fas fa-cube\" style=\"color: #00d4ff;\"><\/i>\n <a href=\"https:\/\/www.reneescobar.es\" target=\"_blank\">Ren\u00e9 Escobar Empresas<\/a>\n <\/div>\n \n <div class=\"footer-company\">\n <i class=\"fas fa-store\"><\/i> Tienda: <a href=\"https:\/\/caceres.tienda\" target=\"_blank\" style=\"color: #00d4ff; text-decoration: none;\">caceres.tienda<\/a>\n <\/div>\n \n <p style=\"font-size: 0.85rem; color: #6688aa; margin-top: 15px;\">\n \u00a9 2024 Impresi\u00f3n 3D \u00b7 Todos los derechos reservados\n <\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ ============================================\n \/\/ DATOS DE LAS SECCIONES CON IM\u00c1GENES\n \/\/ ============================================\n const sectionData = {\n anime: {\n images: [\n 'https:\/\/images.unsplash.com\/photo-1578632767115-351597cf2477?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1569517287929-4c061f1d0d3b?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1541562232579-512a21360020?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1557587070-5b855e6fb93a?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1578632767115-351597cf2477?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1569517287929-4c061f1d0d3b?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1541562232579-512a21360020?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1557587070-5b855e6fb93a?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1578632767115-351597cf2477?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1569517287929-4c061f1d0d3b?w=400&h=400&fit=crop'\n ],\n titles: ['Goku', 'Naruto', 'Luffy', 'Saitama', 'Goku 2', 'Naruto 2', 'Luffy 2', 'Saitama 2', 'Goku 3', 'Naruto 3']\n },\n games: {\n images: [\n 'https:\/\/images.unsplash.com\/photo-1542751371-adc38448a05e?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1550745165-9bc0b252726f?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1538481199705-c710c4e965fc?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1542751371-adc38448a05e?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1550745165-9bc0b252726f?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1538481199705-c710c4e965fc?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1542751371-adc38448a05e?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1550745165-9bc0b252726f?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1538481199705-c710c4e965fc?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1542751371-adc38448a05e?w=400&h=400&fit=crop'\n ],\n titles: ['Mario', 'Sonic', 'Zelda', 'Mario 2', 'Sonic 2', 'Zelda 2', 'Mario 3', 'Sonic 3', 'Zelda 3', 'Mario 4']\n },\n movies: {\n images: [\n 'https:\/\/images.unsplash.com\/photo-1534809027769-b00d750a6bac?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1509347528160-9a9e33742cdb?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1534809027769-b00d750a6bac?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1509347528160-9a9e33742cdb?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1534809027769-b00d750a6bac?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1509347528160-9a9e33742cdb?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1534809027769-b00d750a6bac?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1509347528160-9a9e33742cdb?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1534809027769-b00d750a6bac?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1509347528160-9a9e33742cdb?w=400&h=400&fit=crop'\n ],\n titles: ['Star Wars', 'Marvel', 'DC', 'Star Wars 2', 'Marvel 2', 'DC 2', 'Star Wars 3', 'Marvel 3', 'DC 3', 'Star Wars 4']\n },\n custom: {\n images: [\n 'https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?w=400&h=400&fit=crop'\n ],\n titles: ['Personalizado 1', 'Personalizado 2', 'Personalizado 3', 'Personalizado 4', 'Personalizado 5', 'Personalizado 6', 'Personalizado 7', 'Personalizado 8', 'Personalizado 9', 'Personalizado 10']\n },\n minis: {\n images: [\n 'https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581091226825-a6a2a5aee158?w=400&h=400&fit=crop',\n 'https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?w=400&h=400&fit=crop'\n ],\n titles: ['Mini 1', 'Mini 2', 'Mini 3', 'Mini 4', 'Mini 5', 'Mini 6', 'Mini 7', 'Mini 8', 'Mini 9', 'Mini 10']\n }\n };\n\n \/\/ ============================================\n \/\/ FUNCIONES DEL CARRUSEL\n \/\/ ============================================\n let carouselStates = {};\n\n function initCarousels() {\n const sections = ['anime', 'games', 'movies', 'custom', 'minis'];\n \n sections.forEach(section => {\n const track = document.getElementById(`track-${section}`);\n const dotsContainer = document.getElementById(`dots-${section}`);\n const data = sectionData[section];\n \n if (!track || !data) return;\n \n const slides = [];\n const imagesPerSlide = 3;\n \n for (let i = 0; i < data.images.length; i += imagesPerSlide) {\n const slideImages = data.images.slice(i, i + imagesPerSlide);\n const slideTitles = data.titles.slice(i, i + imagesPerSlide);\n slides.push({ images: slideImages, titles: slideTitles });\n }\n \n track.innerHTML = '';\n slides.forEach((slide, index) => {\n const slideDiv = document.createElement('div');\n slideDiv.className = 'carousel-slide';\n slideDiv.dataset.index = index;\n \n slide.images.forEach((img, idx) => {\n const imgElement = document.createElement('img');\n imgElement.src = img;\n imgElement.alt = slide.titles[idx] || `Imagen ${idx + 1}`;\n imgElement.loading = 'lazy';\n imgElement.dataset.section = section;\n imgElement.dataset.globalIndex = i + idx;\n imgElement.addEventListener('click', () => openModal(section, i + idx));\n slideDiv.appendChild(imgElement);\n });\n \n track.appendChild(slideDiv);\n });\n \n dotsContainer.innerHTML = '';\n slides.forEach((_, index) => {\n const dot = document.createElement('div');\n dot.className = 'carousel-dot' + (index === 0 ? ' active' : '');\n dot.dataset.index = index;\n dot.addEventListener('click', () => goToSlide(section, index));\n dotsContainer.appendChild(dot);\n });\n \n carouselStates[section] = {\n currentSlide: 0,\n totalSlides: slides.length,\n isTransitioning: false\n };\n });\n }\n\n function goToSlide(section, index) {\n const state = carouselStates[section];\n if (!state || state.isTransitioning) return;\n if (index < 0) index = state.totalSlides - 1;\n if (index >= state.totalSlides) index = 0;\n \n state.isTransitioning = true;\n state.currentSlide = index;\n \n const track = document.getElementById(`track-${section}`);\n const dots = document.querySelectorAll(`#dots-${section} .carousel-dot`);\n \n track.style.transform = `translateX(-${index * 100}%)`;\n \n dots.forEach((dot, i) => {\n dot.classList.toggle('active', i === index);\n });\n \n setTimeout(() => {\n state.isTransitioning = false;\n }, 500);\n }\n\n function nextSlide(section) {\n const state = carouselStates[section];\n if (state) goToSlide(section, state.currentSlide + 1);\n }\n\n function prevSlide(section) {\n const state = carouselStates[section];\n if (state) goToSlide(section, state.currentSlide - 1);\n }\n\n \/\/ ============================================\n \/\/ MODAL\n \/\/ ============================================\n let modalState = {\n isOpen: false,\n currentSection: '',\n currentIndex: 0,\n allImages: []\n };\n\n function openModal(section, index) {\n const data = sectionData[section];\n if (!data) return;\n \n modalState.isOpen = true;\n modalState.currentSection = section;\n modalState.currentIndex = index;\n modalState.allImages = data.images;\n \n const modal = document.getElementById('imageModal');\n const modalImg = document.getElementById('modalImage');\n const counter = document.getElementById('modalCounter');\n \n modalImg.src = data.images[index];\n modalImg.alt = data.titles[index] || `Imagen ${index + 1}`;\n counter.textContent = `${index + 1} \/ ${data.images.length}`;\n \n modal.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n document.getElementById('imageModal').classList.remove('active');\n document.body.style.overflow = '';\n modalState.isOpen = false;\n }\n\n function modalNext() {\n const { currentSection, currentIndex, allImages } = modalState;\n const nextIndex = (currentIndex + 1) % allImages.length;\n const data = sectionData[currentSection];\n \n modalState.currentIndex = nextIndex;\n const modalImg = document.getElementById('modalImage');\n const counter = document.getElementById('modalCounter');\n \n modalImg.src = data.images[nextIndex];\n modalImg.alt = data.titles[nextIndex] || `Imagen ${nextIndex + 1}`;\n counter.textContent = `${nextIndex + 1} \/ ${data.images.length}`;\n }\n\n function modalPrev() {\n const { currentSection, currentIndex, allImages } = modalState;\n const prevIndex = (currentIndex - 1 + allImages.length) % allImages.length;\n const data = sectionData[currentSection];\n \n modalState.currentIndex = prevIndex;\n const modalImg = document.getElementById('modalImage');\n const counter = document.getElementById('modalCounter');\n \n modalImg.src = data.images[prevIndex];\n modalImg.alt = data.titles[prevIndex] || `Imagen ${prevIndex + 1}`;\n counter.textContent = `${prevIndex + 1} \/ ${data.images.length}`;\n }\n\n \/\/ ============================================\n \/\/ PART\u00cdCULAS\n \/\/ ============================================\n function createParticles() {\n const container = document.getElementById('particles');\n const count = 60;\n \n for (let i = 0; i < count; i++) {\n const particle = document.createElement('div');\n particle.className = 'particle';\n const size = Math.random() * 4 + 2;\n particle.style.width = size + 'px';\n particle.style.height = size + 'px';\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDuration = (Math.random() * 20 + 15) + 's';\n particle.style.animationDelay = (Math.random() * 10) + 's';\n container.appendChild(particle);\n }\n }\n\n \/\/ ============================================\n \/\/ EVENTOS PRINCIPALES - CORREGIDOS\n \/\/ ============================================\n document.addEventListener('DOMContentLoaded', function() {\n createParticles();\n initCarousels();\n \n \/\/ ===== MEN\u00da ACORDE\u00d3N - CORREGIDO =====\n const mobileMenu = document.getElementById('mobileMenu');\n const mainNav = document.getElementById('mainNav');\n \n if (mobileMenu && mainNav) {\n \/\/ Abrir\/cerrar men\u00fa al hacer clic en el icono hamburguesa\n mobileMenu.addEventListener('click', function(e) {\n e.stopPropagation();\n mainNav.classList.toggle('open');\n this.classList.toggle('active');\n \n \/\/ Cambiar icono\n const icon = this.querySelector('i');\n if (icon) {\n if (mainNav.classList.contains('open')) {\n icon.className = 'fas fa-times';\n } else {\n icon.className = 'fas fa-bars';\n }\n }\n });\n \n \/\/ Cerrar men\u00fa al hacer clic en cualquier enlace\n mainNav.querySelectorAll('a').forEach(function(link) {\n link.addEventListener('click', function() {\n mainNav.classList.remove('open');\n mobileMenu.classList.remove('active');\n const icon = mobileMenu.querySelector('i');\n if (icon) {\n icon.className = 'fas fa-bars';\n }\n });\n });\n }\n \n \/\/ ===== BOTONES DEL CARRUSEL =====\n document.querySelectorAll('.carousel-btn').forEach(function(btn) {\n btn.addEventListener('click', function(e) {\n e.stopPropagation();\n const section = this.dataset.section;\n if (this.classList.contains('next')) {\n nextSlide(section);\n } else {\n prevSlide(section);\n }\n });\n });\n \n \/\/ ===== GESTOS T\u00c1CTILES PARA CARRUSEL =====\n document.querySelectorAll('.carousel-container').forEach(function(container) {\n let startX = 0, startY = 0, isSwiping = false;\n \n container.addEventListener('touchstart', function(e) {\n startX = e.touches[0].clientX;\n startY = e.touches[0].clientY;\n isSwiping = true;\n }, { passive: true });\n \n container.addEventListener('touchmove', function(e) {\n if (!isSwiping) return;\n const diffX = e.touches[0].clientX - startX;\n const diffY = e.touches[0].clientY - startY;\n \n if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > 30) {\n e.preventDefault();\n const section = this.dataset.section;\n if (diffX < 0) {\n nextSlide(section);\n } else {\n prevSlide(section);\n }\n isSwiping = false;\n }\n }, { passive: false });\n \n container.addEventListener('touchend', function() {\n isSwiping = false;\n }, { passive: true });\n });\n \n \/\/ ===== MODAL =====\n document.getElementById('modalClose').addEventListener('click', closeModal);\n document.getElementById('modalPrev').addEventListener('click', modalPrev);\n document.getElementById('modalNext').addEventListener('click', modalNext);\n \n document.getElementById('imageModal').addEventListener('click', function(e) {\n if (e.target === this) closeModal();\n });\n \n document.addEventListener('keydown', function(e) {\n if (!modalState.isOpen) return;\n if (e.key === 'Escape') closeModal();\n if (e.key === 'ArrowRight') modalNext();\n if (e.key === 'ArrowLeft') modalPrev();\n });\n \n \/\/ ===== SCROLL SUAVE PARA ENLACES =====\n document.querySelectorAll('nav a').forEach(function(link) {\n link.addEventListener('click', function(e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const target = document.querySelector(targetId);\n if (target) {\n const headerHeight = document.querySelector('header').offsetHeight;\n const targetPos = target.offsetTop - headerHeight - 20;\n window.scrollTo({ top: targetPos, behavior: 'smooth' });\n }\n });\n });\n \n \/\/ ===== BACK TO TOP =====\n document.getElementById('backToTop').addEventListener('click', function(e) {\n e.preventDefault();\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n \n \/\/ ===== MOSTRAR\/OCULTAR BACK TO TOP =====\n window.addEventListener('scroll', function() {\n const btn = document.getElementById('backToTop');\n if (window.scrollY > 400) {\n btn.style.opacity = '1';\n btn.style.transform = 'scale(1)';\n } else {\n btn.style.opacity = '0.5';\n btn.style.transform = 'scale(0.8)';\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Impresi\u00f3n 3D | Figuras Anime y m\u00e1s Impresi\u00f3n 3D FIGURAS \u2022 ANIME \u2022 PERSONALIZADO 666 013 015 Cat\u00e1logo Anime Videojuegos Pel\u00edculas Personalizados Minis Impresi\u00f3n 3D de Alta Calidad Figuras de anime, videojuegos y dise\u00f1os personalizados impresos al 100% en Espa\u00f1a con materiales premium. Hecho en Espa\u00f1a \ud83c\udfaf Accede a Nuestro Cat\u00e1logo Explora nuestra tienda online […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":31,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/pages\/2\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/reneservicios.es\/impresion-3d-caceres\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}