Santas Fiestas | Contenido Festivo de Redes Sociales<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary: #FF385C;\n --secondary: #00A699;\n --accent: #FFB400;\n --dark: #222222;\n --light: #FFFFFF;\n --gray-50: #F7F7F7;\n --gray-100: #EBEBEB;\n --gray-800: #484848;\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.12);\n --shadow-md: 0 4px 12px rgba(0,0,0,0.08);\n --shadow-lg: 0 10px 40px rgba(0,0,0,0.1);\n --radius: 12px;\n --radius-lg: 20px;\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--light);\n color: var(--dark);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n h1, h2, h3, h4, h5 {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n line-height: 1.2;\n }\n\n \/* Header Minimalista *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--gray-100);\n z-index: 1000;\n padding: 1rem 5%;\n }\n\n .header-container {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--dark);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .logo i {\n color: var(--primary);\n }\n\n .logo span {\n color: var(--primary);\n }\n\n nav ul {\n display: flex;\n list-style: none;\n gap: 2rem;\n align-items: center;\n }\n\n nav ul li a {\n color: var(--gray-800);\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n transition: var(--transition);\n padding: 0.5rem 0;\n position: relative;\n }\n\n nav ul li a:hover {\n color: var(--primary);\n }\n\n nav ul li a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary);\n transition: var(--transition);\n }\n\n nav ul li a:hover::after {\n width: 100%;\n }\n\n .nav-cta {\n background: var(--primary);\n color: white;\n padding: 0.6rem 1.5rem;\n border-radius: 50px;\n margin-left: 1rem;\n }\n\n .nav-cta:hover {\n background: #FF1E4D;\n transform: translateY(-2px);\n }\n\n .mobile-menu-btn {\n display: none;\n background: none;\n border: none;\n color: var(--dark);\n font-size: 1.5rem;\n cursor: pointer;\n }\n\n \/* Hero Moderno *\/\n .hero {\n padding: 180px 5% 100px;\n background: linear-gradient(135deg, #FFF5F7 0%, #F0F9FF 100%);\n min-height: 100vh;\n display: flex;\n align-items: center;\n }\n\n .hero-container {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n\n .hero-content h1 {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n color: var(--dark);\n }\n\n .hero-content h1 span {\n color: var(--primary);\n position: relative;\n display: inline-block;\n }\n\n .hero-content h1 span::after {\n content: '';\n position: absolute;\n bottom: 5px;\n left: 0;\n width: 100%;\n height: 8px;\n background: rgba(255, 56, 92, 0.2);\n z-index: -1;\n }\n\n .hero-content p {\n font-size: 1.1rem;\n color: var(--gray-800);\n margin-bottom: 2.5rem;\n max-width: 500px;\n }\n\n .hero-stats {\n display: flex;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .stat {\n text-align: center;\n }\n\n .stat-number {\n font-size: 2rem;\n font-weight: 700;\n color: var(--primary);\n display: block;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--gray-800);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .hero-visual {\n position: relative;\n }\n\n .floating-card {\n position: absolute;\n background: white;\n border-radius: var(--radius-lg);\n padding: 1.5rem;\n box-shadow: var(--shadow-lg);\n animation: float 6s ease-in-out infinite;\n }\n\n .floating-card:nth-child(1) {\n top: 10%;\n right: 10%;\n animation-delay: 0s;\n }\n\n .floating-card:nth-child(2) {\n bottom: 20%;\n left: 5%;\n animation-delay: 2s;\n }\n\n .floating-card:nth-child(3) {\n bottom: 10%;\n right: 5%;\n animation-delay: 4s;\n }\n\n .social-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n background: var(--gray-50);\n border-radius: 50px;\n font-weight: 500;\n margin-bottom: 1rem;\n }\n\n .social-badge i {\n color: var(--primary);\n }\n\n \/* Secci\u00f3n de Plataformas *\/\n .platforms-section {\n padding: 100px 5%;\n background: var(--light);\n }\n\n .section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 4rem;\n }\n\n .section-header h2 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .section-header p {\n color: var(--gray-800);\n font-size: 1.1rem;\n }\n\n .platforms-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .platform-card {\n background: white;\n border-radius: var(--radius-lg);\n padding: 2.5rem 2rem;\n text-align: center;\n transition: var(--transition);\n border: 1px solid var(--gray-100);\n }\n\n .platform-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-lg);\n border-color: transparent;\n }\n\n .platform-icon {\n width: 70px;\n height: 70px;\n background: var(--gray-50);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n font-size: 1.8rem;\n transition: var(--transition);\n }\n\n .platform-card:hover .platform-icon {\n background: var(--primary);\n color: white;\n }\n\n .platform-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .platform-card p {\n color: var(--gray-800);\n margin-bottom: 1.5rem;\n }\n\n .platform-stats {\n display: flex;\n justify-content: space-between;\n font-size: 0.9rem;\n color: var(--gray-800);\n padding-top: 1rem;\n border-top: 1px solid var(--gray-100);\n }\n\n \/* Secci\u00f3n de Contenido *\/\n .content-section {\n padding: 100px 5%;\n background: var(--gray-50);\n }\n\n .content-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .content-card {\n background: white;\n border-radius: var(--radius-lg);\n overflow: hidden;\n box-shadow: var(--shadow-md);\n transition: var(--transition);\n }\n\n .content-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-lg);\n }\n\n .content-media {\n height: 250px;\n position: relative;\n overflow: hidden;\n }\n\n .content-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .content-card:hover .content-media img {\n transform: scale(1.05);\n }\n\n .content-overlay {\n position: absolute;\n top: 1rem;\n left: 1rem;\n display: flex;\n gap: 0.5rem;\n }\n\n .content-badge {\n background: rgba(255, 255, 255, 0.95);\n padding: 0.3rem 0.8rem;\n border-radius: 50px;\n font-size: 0.8rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 0.3rem;\n }\n\n .content-info {\n padding: 1.5rem;\n }\n\n .content-info h3 {\n font-size: 1.3rem;\n margin-bottom: 0.8rem;\n line-height: 1.4;\n }\n\n .content-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 1.2rem;\n padding-top: 1.2rem;\n border-top: 1px solid var(--gray-100);\n font-size: 0.9rem;\n color: var(--gray-800);\n }\n\n \/* Secci\u00f3n de Trending *\/\n .trending-section {\n padding: 100px 5%;\n background: white;\n }\n\n .trending-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 3rem;\n }\n\n .trending-grid {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .trending-main {\n background: linear-gradient(135deg, var(--primary), #FF6B8B);\n border-radius: var(--radius-lg);\n padding: 3rem;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .trending-main::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 L100,0 L100,100 Z\" fill=\"white\" opacity=\"0.1\"\/><\/svg>');\n }\n\n .trending-main h2 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n }\n\n .trending-main p {\n margin-bottom: 2rem;\n opacity: 0.9;\n position: relative;\n z-index: 1;\n }\n\n .trending-side {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .trending-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.5rem;\n background: var(--gray-50);\n border-radius: var(--radius);\n transition: var(--transition);\n }\n\n .trending-item:hover {\n background: var(--gray-100);\n }\n\n .trending-rank {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--primary);\n min-width: 40px;\n }\n\n \/* Footer *\/\n footer {\n background: var(--dark);\n color: white;\n padding: 80px 5% 30px;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .footer-col h3 {\n font-size: 1.5rem;\n margin-bottom: 1.5rem;\n }\n\n .footer-col p {\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 1.5rem;\n }\n\n .social-links {\n display: flex;\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .social-links a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n color: white;\n text-decoration: none;\n transition: var(--transition);\n }\n\n .social-links a:hover {\n background: var(--primary);\n transform: translateY(-3px);\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 0.8rem;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.7);\n text-decoration: none;\n transition: var(--transition);\n }\n\n .footer-links a:hover {\n color: white;\n padding-left: 5px;\n }\n\n .footer-bottom {\n text-align: center;\n padding-top: 3rem;\n margin-top: 3rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.9rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 1024px) {\n .hero-container {\n grid-template-columns: 1fr;\n text-align: center;\n gap: 3rem;\n }\n \n .hero-content h1 {\n font-size: 2.8rem;\n }\n \n .trending-grid {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n header {\n padding: 1rem;\n }\n \n nav ul {\n display: none;\n }\n \n nav ul.active {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n background: white;\n padding: 2rem;\n box-shadow: var(--shadow-lg);\n }\n \n .mobile-menu-btn {\n display: block;\n }\n \n .nav-cta {\n margin-left: 0;\n margin-top: 1rem;\n }\n \n .hero {\n padding: 150px 5% 80px;\n }\n \n .hero-content h1 {\n font-size: 2.2rem;\n }\n \n .hero-stats {\n flex-direction: column;\n gap: 1.5rem;\n }\n \n .section-header h2 {\n font-size: 2rem;\n }\n \n .floating-card {\n position: relative;\n margin: 1rem;\n animation: none;\n }\n \n .hero-visual {\n display: none;\n }\n }\n\n @media (max-width: 480px) {\n .hero-content h1 {\n font-size: 1.8rem;\n }\n \n .content-grid {\n grid-template-columns: 1fr;\n }\n \n .platforms-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Animaciones *\/\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .fade-in {\n animation: fadeInUp 0.8s ease forwards;\n }\n\n \/* Utilidades *\/\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.9rem 2rem;\n background: var(--primary);\n color: white;\n border: none;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1rem;\n cursor: pointer;\n transition: var(--transition);\n text-decoration: none;\n }\n\n .btn:hover {\n background: #FF1E4D;\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n }\n\n .btn-outline {\n background: transparent;\n border: 2px solid var(--primary);\n color: var(--primary);\n }\n\n .btn-outline:hover {\n background: var(--primary);\n color: white;\n }\n\n .section-title {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n <\/style>\n<\/head>\n<body>\n \n <header>\n <div class=\"header-container\">\n <a href=\"#\" class=\"logo\">\n <i class=\"fas fa-sparkles\"><\/i>\n Santas<span>Fiestas<\/span>\n <\/a>\n \n <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\">\n <i class=\"fas fa-bars\"><\/i>\n <\/button>\n \n <nav id=\"mainNav\">\n <ul>\n <li><a href=\"#inicio\">Inicio<\/a><\/li>\n <li><a href=\"#plataformas\">Plataformas<\/a><\/li>\n <li><a href=\"#contenido\">Contenido<\/a><\/li>\n <li><a href=\"#trending\">Trending<\/a><\/li>\n <li><a href=\"#contacto\" class=\"nav-cta\">Compartir<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section class=\"hero\" id=\"inicio\">\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <div class=\"social-badge\">\n <i class=\"fas fa-share-alt\"><\/i>\n Compartiendo desde redes sociales\n <\/div>\n <h1>Los mejores momentos <span>festivos<\/span> de internet<\/h1>\n <p>Descubre, comparte y disfruta del contenido festivo m\u00e1s viral de todas las redes sociales. Celebraciones, risas y momentos \u00fanicos en un solo lugar.<\/p>\n <a href=\"#contenido\" class=\"btn\">\n <i class=\"fas fa-play-circle\"><\/i>\n Explorar Contenido\n <\/a>\n \n <div class=\"hero-stats\">\n <div class=\"stat\">\n <span class=\"stat-number\">50K+<\/span>\n <span class=\"stat-label\">Momentos<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-number\">12<\/span>\n <span class=\"stat-label\">Plataformas<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-number\">24\/7<\/span>\n <span class=\"stat-label\">Actualizado<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"hero-visual\">\n <div class=\"floating-card\">\n <div class=\"social-badge\">\n <i class=\"fab fa-tiktok\"><\/i>\n TikTok\n <\/div>\n <h3>#NavidadViral<\/h3>\n <p>2.5M visualizaciones<\/p>\n <\/div>\n \n <div class=\"floating-card\">\n <div class=\"social-badge\">\n <i class=\"fab fa-instagram\"><\/i>\n Instagram\n <\/div>\n <h3>#A\u00f1oNuevo<\/h3>\n <p>1.8M menciones<\/p>\n <\/div>\n \n <div class=\"floating-card\">\n <div class=\"social-badge\">\n <i class=\"fab fa-twitter\"><\/i>\n Twitter\n <\/div>\n <h3>#Fiestas<\/h3>\n <p>850K tendencia<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"platforms-section\" id=\"plataformas\">\n <div class=\"section-header fade-in\">\n <h2>Conectamos todas las redes<\/h2>\n <p>Recopilamos el mejor contenido festivo de las principales plataformas sociales<\/p>\n <\/div>\n \n <div class=\"platforms-grid\">\n <div class=\"platform-card fade-in\">\n <div class=\"platform-icon\">\n <i class=\"fab fa-tiktok\"><\/i>\n <\/div>\n <h3>TikTok<\/h3>\n <p>Los videos festivos m\u00e1s virales y creativos de la plataforma<\/p>\n <div class=\"platform-stats\">\n <span>#Navidad2023<\/span>\n <span>3.2B vistas<\/span>\n <\/div>\n <\/div>\n \n <div class=\"platform-card fade-in\">\n <div class=\"platform-icon\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/div>\n <h3>Instagram<\/h3>\n <p>Reels y stories con los momentos festivos m\u00e1s compartidos<\/p>\n <div class=\"platform-stats\">\n <span>#Fiestas<\/span>\n <span>5.1M posts<\/span>\n <\/div>\n <\/div>\n \n <div class=\"platform-card fade-in\">\n <div class=\"platform-icon\">\n <i class=\"fab fa-twitter\"><\/i>\n <\/div>\n <h3>Twitter<\/h3>\n <p>Los memes y tendencias festivas que dominan la conversaci\u00f3n<\/p>\n <div class=\"platform-stats\">\n <span>#Celebration<\/span>\n <span>850K tweets<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\" id=\"contenido\">\n <div class=\"section-header fade-in\">\n <h2>Contenido Destacado<\/h2>\n <p>Los momentos festivos m\u00e1s compartidos y comentados esta semana<\/p>\n <\/div>\n \n <div class=\"content-grid\">\n \n <div class=\"content-card fade-in\">\n <div class=\"content-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545231027-637d2f6210f8?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Celebraci\u00f3n navide\u00f1a\">\n <div class=\"content-overlay\">\n <div class=\"content-badge\">\n <i class=\"fab fa-tiktok\"><\/i>\n TikTok\n <\/div>\n <div class=\"content-badge\" style=\"background: rgba(255, 56, 92, 0.1); color: var(--primary);\">\n <i class=\"fas fa-fire\"><\/i>\n Viral\n <\/div>\n <\/div>\n <\/div>\n <div class=\"content-info\">\n <h3>La coreograf\u00eda navide\u00f1a que todos est\u00e1n imitando<\/h3>\n <p>Este baile festivo se ha vuelto tendencia en todo el mundo con m\u00e1s de 2 millones de recreaciones.<\/p>\n <div class=\"content-meta\">\n <span><i class=\"fas fa-eye\"><\/i> 15.2M vistas<\/span>\n <span><i class=\"fas fa-share\"><\/i> 320K shares<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"content-card fade-in\">\n <div class=\"content-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511984804822-e16ba72f5840?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Decoraci\u00f3n festiva\">\n <div class=\"content-overlay\">\n <div class=\"content-badge\">\n <i class=\"fab fa-instagram\"><\/i>\n Instagram\n <\/div>\n <\/div>\n <\/div>\n <div class=\"content-info\">\n <h3>La transformaci\u00f3n navide\u00f1a m\u00e1s espectacular<\/h3>\n <p>Un time-lapse de decoraci\u00f3n que ha inspirado a miles a renovar sus hogares para las fiestas.<\/p>\n <div class=\"content-meta\">\n <span><i class=\"fas fa-heart\"><\/i> 850K likes<\/span>\n <span><i class=\"fas fa-comment\"><\/i> 12K comentarios<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"content-card fade-in\">\n <div class=\"content-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574252540165-14a5dce5662d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Fiesta familiar\">\n <div class=\"content-overlay\">\n <div class=\"content-badge\">\n <i class=\"fab fa-youtube\"><\/i>\n YouTube\n <\/div>\n <div class=\"content-badge\" style=\"background: rgba(255, 180, 0, 0.1); color: var(--accent);\">\n <i class=\"fas fa-star\"><\/i>\n Destacado\n <\/div>\n <\/div>\n <\/div>\n <div class=\"content-info\">\n <h3>La mejor sorpresa familiar de Navidad<\/h3>\n <p>Un video emotivo que ha conmovido a millones mostrando el reencuentro familiar en fiestas.<\/p>\n <div class=\"content-meta\">\n <span><i class=\"fas fa-eye\"><\/i> 8.7M vistas<\/span>\n <span><i class=\"fas fa-share\"><\/i> 150K shares<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"trending-section\" id=\"trending\">\n <div class=\"trending-header fade-in\">\n <div>\n <h2 class=\"section-title\">Trending Ahora<\/h2>\n <p>Lo que m\u00e1s se comparte en redes sociales<\/p>\n <\/div>\n <a href=\"#\" class=\"btn btn-outline\">\n <i class=\"fas fa-sync-alt\"><\/i>\n Actualizar\n <\/a>\n <\/div>\n \n <div class=\"trending-grid\">\n <div class=\"trending-main fade-in\">\n <h2>#NavidadEnCasa<\/h2>\n <p>La tendencia del momento con m\u00e1s de 5 millones de publicaciones mostrando celebraciones \u00edntimas y creativas en el hogar.<\/p>\n <a href=\"#\" class=\"btn\" style=\"background: white; color: var(--primary);\">\n <i class=\"fas fa-external-link-alt\"><\/i>\n Ver tendencia\n <\/a>\n <\/div>\n \n <div class=\"trending-side\">\n <div class=\"trending-item fade-in\">\n <div class=\"trending-rank\">01<\/div>\n <div>\n <h4>#A\u00f1oNuevo2024<\/h4>\n <p>3.2M menciones<\/p>\n <\/div>\n <\/div>\n \n <div class=\"trending-item fade-in\">\n <div class=\"trending-rank\">02<\/div>\n <div>\n <h4>#RegalosCreativos<\/h4>\n <p>2.8M menciones<\/p>\n <\/div>\n <\/div>\n \n <div class=\"trending-item fade-in\">\n <div class=\"trending-rank\">03<\/div>\n <div>\n <h4>#CenaNavide\u00f1a<\/h4>\n <p>2.1M menciones<\/p>\n <\/div>\n <\/div>\n \n <div class=\"trending-item fade-in\">\n <div class=\"trending-rank\">04<\/div>\n <div>\n <h4>#Decoraci\u00f3nDIY<\/h4>\n <p>1.9M menciones<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer id=\"contacto\">\n <div class=\"footer-grid\">\n <div class=\"footer-col\">\n <h3>Santas Fiestas<\/h3>\n <p>La plataforma l\u00edder en recopilar y compartir los mejores momentos festivos de todas las redes sociales.<\/p>\n <div class=\"social-links\">\n <a href=\"#\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-col\">\n <h3>Plataformas<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#\">TikTok Trends<\/a><\/li>\n <li><a href=\"#\">Instagram Reels<\/a><\/li>\n <li><a href=\"#\">Twitter Moments<\/a><\/li>\n <li><a href=\"#\">YouTube Shorts<\/a><\/li>\n <li><a href=\"#\">Facebook Stories<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-col\">\n <h3>Categor\u00edas<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#\">Navidad<\/a><\/li>\n <li><a href=\"#\">A\u00f1o Nuevo<\/a><\/li>\n <li><a href=\"#\">Celebraciones<\/a><\/li>\n <li><a href=\"#\">Familias<\/a><\/li>\n <li><a href=\"#\">Tradiciones<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-col\">\n <h3>Comparte tu momento<\/h3>\n <p>\u00bfTienes un momento festivo que se hizo viral? \u00a1H\u00e1znoslo saber!<\/p>\n <a href=\"mailto:comparte@santasfiestas.com\" class=\"btn\" style=\"margin-top: 1rem;\">\n <i class=\"fas fa-paper-plane\"><\/i>\n Enviar contenido\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p>© 2024 Santas Fiestas. Todos los derechos reservados. | Conectando celebraciones desde las redes sociales<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Mobile menu toggle\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\n const mainNav = document.getElementById('mainNav');\n const navList = mainNav.querySelector('ul');\n \n mobileMenuBtn.addEventListener('click', () => {\n navList.classList.toggle('active');\n mobileMenuBtn.innerHTML = navList.classList.contains('active') \n ? '<i class=\"fas fa-times\"><\/i>' \n : '<i class=\"fas fa-bars\"><\/i>';\n });\n \n \/\/ Close mobile menu when clicking outside\n document.addEventListener('click', (e) => {\n if (!mainNav.contains(e.target) && !mobileMenuBtn.contains(e.target)) {\n navList.classList.remove('active');\n mobileMenuBtn.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\n }\n });\n \n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n \/\/ Close mobile menu if open\n navList.classList.remove('active');\n mobileMenuBtn.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\n \n window.scrollTo({\n top: targetElement.offsetTop - 80,\n behavior: 'smooth'\n });\n }\n });\n });\n \n \/\/ Animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in');\n }\n });\n }, observerOptions);\n \n \/\/ Observe elements\n document.querySelectorAll('.fade-in').forEach(el => {\n observer.observe(el);\n });\n \n \/\/ Update trending stats every 10 seconds\n function updateTrendingStats() {\n const stats = document.querySelectorAll('.trending-item p');\n \n","protected":false},"excerpt":{"rendered":"<p>Santas Fiestas | Contenido Festivo de Redes Sociales SantasFiestas Inicio Plataformas Contenido Trending Compartir Compartiendo desde redes sociales Los mejores momentos festivos de internet Descubre, comparte y disfruta del contenido festivo m\u00e1s viral de todas las redes sociales. Celebraciones, risas y momentos \u00fanicos en un solo lugar. Explorar Contenido 50K+ Momentos 12 Plataformas 24\/7 Actualizado…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-130","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":3,"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/media?parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":130,"date":"2025-12-31T16:38:49","date_gmt":"2025-12-31T16:38:49","guid":{"rendered":"https:\/\/santasfiestas.com\/?page_id=130"},"modified":"2025-12-31T16:43:11","modified_gmt":"2025-12-31T16:43:11","slug":"130-2","status":"publish","type":"page","link":"https:\/\/santasfiestas.com\/","title":{"rendered":"inicio 2"},"content":{"rendered":"\n\n\n\n \n \n Santas Fiestas | Contenido Festivo de Redes Sociales<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n :root {\n --primary: #FF385C;\n --secondary: #00A699;\n --accent: #FFB400;\n --dark: #222222;\n --light: #FFFFFF;\n --gray-50: #F7F7F7;\n --gray-100: #EBEBEB;\n --gray-800: #484848;\n --shadow-sm: 0 1px 3px rgba(0,0,0,0.12);\n --shadow-md: 0 4px 12px rgba(0,0,0,0.08);\n --shadow-lg: 0 10px 40px rgba(0,0,0,0.1);\n --radius: 12px;\n --radius-lg: 20px;\n --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background-color: var(--light);\n color: var(--dark);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n h1, h2, h3, h4, h5 {\n font-family: 'Playfair Display', serif;\n font-weight: 700;\n line-height: 1.2;\n }\n\n \/* Header Minimalista *\/\n header {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n border-bottom: 1px solid var(--gray-100);\n z-index: 1000;\n padding: 1rem 5%;\n }\n\n .header-container {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--dark);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .logo i {\n color: var(--primary);\n }\n\n .logo span {\n color: var(--primary);\n }\n\n nav ul {\n display: flex;\n list-style: none;\n gap: 2rem;\n align-items: center;\n }\n\n nav ul li a {\n color: var(--gray-800);\n text-decoration: none;\n font-weight: 500;\n font-size: 0.95rem;\n transition: var(--transition);\n padding: 0.5rem 0;\n position: relative;\n }\n\n nav ul li a:hover {\n color: var(--primary);\n }\n\n nav ul li a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary);\n transition: var(--transition);\n }\n\n nav ul li a:hover::after {\n width: 100%;\n }\n\n .nav-cta {\n background: var(--primary);\n color: white;\n padding: 0.6rem 1.5rem;\n border-radius: 50px;\n margin-left: 1rem;\n }\n\n .nav-cta:hover {\n background: #FF1E4D;\n transform: translateY(-2px);\n }\n\n .mobile-menu-btn {\n display: none;\n background: none;\n border: none;\n color: var(--dark);\n font-size: 1.5rem;\n cursor: pointer;\n }\n\n \/* Hero Moderno *\/\n .hero {\n padding: 180px 5% 100px;\n background: linear-gradient(135deg, #FFF5F7 0%, #F0F9FF 100%);\n min-height: 100vh;\n display: flex;\n align-items: center;\n }\n\n .hero-container {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 4rem;\n align-items: center;\n }\n\n .hero-content h1 {\n font-size: 3.5rem;\n margin-bottom: 1.5rem;\n color: var(--dark);\n }\n\n .hero-content h1 span {\n color: var(--primary);\n position: relative;\n display: inline-block;\n }\n\n .hero-content h1 span::after {\n content: '';\n position: absolute;\n bottom: 5px;\n left: 0;\n width: 100%;\n height: 8px;\n background: rgba(255, 56, 92, 0.2);\n z-index: -1;\n }\n\n .hero-content p {\n font-size: 1.1rem;\n color: var(--gray-800);\n margin-bottom: 2.5rem;\n max-width: 500px;\n }\n\n .hero-stats {\n display: flex;\n gap: 2rem;\n margin-top: 3rem;\n }\n\n .stat {\n text-align: center;\n }\n\n .stat-number {\n font-size: 2rem;\n font-weight: 700;\n color: var(--primary);\n display: block;\n }\n\n .stat-label {\n font-size: 0.9rem;\n color: var(--gray-800);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .hero-visual {\n position: relative;\n }\n\n .floating-card {\n position: absolute;\n background: white;\n border-radius: var(--radius-lg);\n padding: 1.5rem;\n box-shadow: var(--shadow-lg);\n animation: float 6s ease-in-out infinite;\n }\n\n .floating-card:nth-child(1) {\n top: 10%;\n right: 10%;\n animation-delay: 0s;\n }\n\n .floating-card:nth-child(2) {\n bottom: 20%;\n left: 5%;\n animation-delay: 2s;\n }\n\n .floating-card:nth-child(3) {\n bottom: 10%;\n right: 5%;\n animation-delay: 4s;\n }\n\n .social-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n background: var(--gray-50);\n border-radius: 50px;\n font-weight: 500;\n margin-bottom: 1rem;\n }\n\n .social-badge i {\n color: var(--primary);\n }\n\n \/* Secci\u00f3n de Plataformas *\/\n .platforms-section {\n padding: 100px 5%;\n background: var(--light);\n }\n\n .section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 4rem;\n }\n\n .section-header h2 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n\n .section-header p {\n color: var(--gray-800);\n font-size: 1.1rem;\n }\n\n .platforms-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .platform-card {\n background: white;\n border-radius: var(--radius-lg);\n padding: 2.5rem 2rem;\n text-align: center;\n transition: var(--transition);\n border: 1px solid var(--gray-100);\n }\n\n .platform-card:hover {\n transform: translateY(-10px);\n box-shadow: var(--shadow-lg);\n border-color: transparent;\n }\n\n .platform-icon {\n width: 70px;\n height: 70px;\n background: var(--gray-50);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n font-size: 1.8rem;\n transition: var(--transition);\n }\n\n .platform-card:hover .platform-icon {\n background: var(--primary);\n color: white;\n }\n\n .platform-card h3 {\n font-size: 1.5rem;\n margin-bottom: 1rem;\n }\n\n .platform-card p {\n color: var(--gray-800);\n margin-bottom: 1.5rem;\n }\n\n .platform-stats {\n display: flex;\n justify-content: space-between;\n font-size: 0.9rem;\n color: var(--gray-800);\n padding-top: 1rem;\n border-top: 1px solid var(--gray-100);\n }\n\n \/* Secci\u00f3n de Contenido *\/\n .content-section {\n padding: 100px 5%;\n background: var(--gray-50);\n }\n\n .content-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .content-card {\n background: white;\n border-radius: var(--radius-lg);\n overflow: hidden;\n box-shadow: var(--shadow-md);\n transition: var(--transition);\n }\n\n .content-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-lg);\n }\n\n .content-media {\n height: 250px;\n position: relative;\n overflow: hidden;\n }\n\n .content-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .content-card:hover .content-media img {\n transform: scale(1.05);\n }\n\n .content-overlay {\n position: absolute;\n top: 1rem;\n left: 1rem;\n display: flex;\n gap: 0.5rem;\n }\n\n .content-badge {\n background: rgba(255, 255, 255, 0.95);\n padding: 0.3rem 0.8rem;\n border-radius: 50px;\n font-size: 0.8rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 0.3rem;\n }\n\n .content-info {\n padding: 1.5rem;\n }\n\n .content-info h3 {\n font-size: 1.3rem;\n margin-bottom: 0.8rem;\n line-height: 1.4;\n }\n\n .content-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 1.2rem;\n padding-top: 1.2rem;\n border-top: 1px solid var(--gray-100);\n font-size: 0.9rem;\n color: var(--gray-800);\n }\n\n \/* Secci\u00f3n de Trending *\/\n .trending-section {\n padding: 100px 5%;\n background: white;\n }\n\n .trending-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 3rem;\n }\n\n .trending-grid {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 2rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .trending-main {\n background: linear-gradient(135deg, var(--primary), #FF6B8B);\n border-radius: var(--radius-lg);\n padding: 3rem;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .trending-main::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"none\"><path d=\"M0,0 L100,0 L100,100 Z\" fill=\"white\" opacity=\"0.1\"\/><\/svg>');\n }\n\n .trending-main h2 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n position: relative;\n z-index: 1;\n }\n\n .trending-main p {\n margin-bottom: 2rem;\n opacity: 0.9;\n position: relative;\n z-index: 1;\n }\n\n .trending-side {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n\n .trending-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n padding: 1.5rem;\n background: var(--gray-50);\n border-radius: var(--radius);\n transition: var(--transition);\n }\n\n .trending-item:hover {\n background: var(--gray-100);\n }\n\n .trending-rank {\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--primary);\n min-width: 40px;\n }\n\n \/* Footer *\/\n footer {\n background: var(--dark);\n color: white;\n padding: 80px 5% 30px;\n }\n\n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 3rem;\n max-width: 1400px;\n margin: 0 auto;\n }\n\n .footer-col h3 {\n font-size: 1.5rem;\n margin-bottom: 1.5rem;\n }\n\n .footer-col p {\n color: rgba(255, 255, 255, 0.7);\n margin-bottom: 1.5rem;\n }\n\n .social-links {\n display: flex;\n gap: 1rem;\n margin-top: 1.5rem;\n }\n\n .social-links a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n background: rgba(255, 255, 255, 0.1);\n border-radius: 50%;\n color: white;\n text-decoration: none;\n transition: var(--transition);\n }\n\n .social-links a:hover {\n background: var(--primary);\n transform: translateY(-3px);\n }\n\n .footer-links {\n list-style: none;\n }\n\n .footer-links li {\n margin-bottom: 0.8rem;\n }\n\n .footer-links a {\n color: rgba(255, 255, 255, 0.7);\n text-decoration: none;\n transition: var(--transition);\n }\n\n .footer-links a:hover {\n color: white;\n padding-left: 5px;\n }\n\n .footer-bottom {\n text-align: center;\n padding-top: 3rem;\n margin-top: 3rem;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n color: rgba(255, 255, 255, 0.5);\n font-size: 0.9rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 1024px) {\n .hero-container {\n grid-template-columns: 1fr;\n text-align: center;\n gap: 3rem;\n }\n \n .hero-content h1 {\n font-size: 2.8rem;\n }\n \n .trending-grid {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 768px) {\n header {\n padding: 1rem;\n }\n \n nav ul {\n display: none;\n }\n \n nav ul.active {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n background: white;\n padding: 2rem;\n box-shadow: var(--shadow-lg);\n }\n \n .mobile-menu-btn {\n display: block;\n }\n \n .nav-cta {\n margin-left: 0;\n margin-top: 1rem;\n }\n \n .hero {\n padding: 150px 5% 80px;\n }\n \n .hero-content h1 {\n font-size: 2.2rem;\n }\n \n .hero-stats {\n flex-direction: column;\n gap: 1.5rem;\n }\n \n .section-header h2 {\n font-size: 2rem;\n }\n \n .floating-card {\n position: relative;\n margin: 1rem;\n animation: none;\n }\n \n .hero-visual {\n display: none;\n }\n }\n\n @media (max-width: 480px) {\n .hero-content h1 {\n font-size: 1.8rem;\n }\n \n .content-grid {\n grid-template-columns: 1fr;\n }\n \n .platforms-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Animaciones *\/\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .fade-in {\n animation: fadeInUp 0.8s ease forwards;\n }\n\n \/* Utilidades *\/\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.9rem 2rem;\n background: var(--primary);\n color: white;\n border: none;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1rem;\n cursor: pointer;\n transition: var(--transition);\n text-decoration: none;\n }\n\n .btn:hover {\n background: #FF1E4D;\n transform: translateY(-2px);\n box-shadow: var(--shadow-md);\n }\n\n .btn-outline {\n background: transparent;\n border: 2px solid var(--primary);\n color: var(--primary);\n }\n\n .btn-outline:hover {\n background: var(--primary);\n color: white;\n }\n\n .section-title {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n }\n <\/style>\n<\/head>\n<body>\n \n <header>\n <div class=\"header-container\">\n <a href=\"#\" class=\"logo\">\n <i class=\"fas fa-sparkles\"><\/i>\n Santas<span>Fiestas<\/span>\n <\/a>\n \n <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\">\n <i class=\"fas fa-bars\"><\/i>\n <\/button>\n \n <nav id=\"mainNav\">\n <ul>\n <li><a href=\"#inicio\">Inicio<\/a><\/li>\n <li><a href=\"#plataformas\">Plataformas<\/a><\/li>\n <li><a href=\"#contenido\">Contenido<\/a><\/li>\n <li><a href=\"#trending\">Trending<\/a><\/li>\n <li><a href=\"#contacto\" class=\"nav-cta\">Compartir<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n \n <section class=\"hero\" id=\"inicio\">\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <div class=\"social-badge\">\n <i class=\"fas fa-share-alt\"><\/i>\n Compartiendo desde redes sociales\n <\/div>\n <h1>Los mejores momentos <span>festivos<\/span> de internet<\/h1>\n <p>Descubre, comparte y disfruta del contenido festivo m\u00e1s viral de todas las redes sociales. Celebraciones, risas y momentos \u00fanicos en un solo lugar.<\/p>\n <a href=\"#contenido\" class=\"btn\">\n <i class=\"fas fa-play-circle\"><\/i>\n Explorar Contenido\n <\/a>\n \n <div class=\"hero-stats\">\n <div class=\"stat\">\n <span class=\"stat-number\">50K+<\/span>\n <span class=\"stat-label\">Momentos<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-number\">12<\/span>\n <span class=\"stat-label\">Plataformas<\/span>\n <\/div>\n <div class=\"stat\">\n <span class=\"stat-number\">24\/7<\/span>\n <span class=\"stat-label\">Actualizado<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"hero-visual\">\n <div class=\"floating-card\">\n <div class=\"social-badge\">\n <i class=\"fab fa-tiktok\"><\/i>\n TikTok\n <\/div>\n <h3>#NavidadViral<\/h3>\n <p>2.5M visualizaciones<\/p>\n <\/div>\n \n <div class=\"floating-card\">\n <div class=\"social-badge\">\n <i class=\"fab fa-instagram\"><\/i>\n Instagram\n <\/div>\n <h3>#A\u00f1oNuevo<\/h3>\n <p>1.8M menciones<\/p>\n <\/div>\n \n <div class=\"floating-card\">\n <div class=\"social-badge\">\n <i class=\"fab fa-twitter\"><\/i>\n Twitter\n <\/div>\n <h3>#Fiestas<\/h3>\n <p>850K tendencia<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"platforms-section\" id=\"plataformas\">\n <div class=\"section-header fade-in\">\n <h2>Conectamos todas las redes<\/h2>\n <p>Recopilamos el mejor contenido festivo de las principales plataformas sociales<\/p>\n <\/div>\n \n <div class=\"platforms-grid\">\n <div class=\"platform-card fade-in\">\n <div class=\"platform-icon\">\n <i class=\"fab fa-tiktok\"><\/i>\n <\/div>\n <h3>TikTok<\/h3>\n <p>Los videos festivos m\u00e1s virales y creativos de la plataforma<\/p>\n <div class=\"platform-stats\">\n <span>#Navidad2023<\/span>\n <span>3.2B vistas<\/span>\n <\/div>\n <\/div>\n \n <div class=\"platform-card fade-in\">\n <div class=\"platform-icon\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/div>\n <h3>Instagram<\/h3>\n <p>Reels y stories con los momentos festivos m\u00e1s compartidos<\/p>\n <div class=\"platform-stats\">\n <span>#Fiestas<\/span>\n <span>5.1M posts<\/span>\n <\/div>\n <\/div>\n \n <div class=\"platform-card fade-in\">\n <div class=\"platform-icon\">\n <i class=\"fab fa-twitter\"><\/i>\n <\/div>\n <h3>Twitter<\/h3>\n <p>Los memes y tendencias festivas que dominan la conversaci\u00f3n<\/p>\n <div class=\"platform-stats\">\n <span>#Celebration<\/span>\n <span>850K tweets<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"content-section\" id=\"contenido\">\n <div class=\"section-header fade-in\">\n <h2>Contenido Destacado<\/h2>\n <p>Los momentos festivos m\u00e1s compartidos y comentados esta semana<\/p>\n <\/div>\n \n <div class=\"content-grid\">\n \n <div class=\"content-card fade-in\">\n <div class=\"content-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545231027-637d2f6210f8?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Celebraci\u00f3n navide\u00f1a\">\n <div class=\"content-overlay\">\n <div class=\"content-badge\">\n <i class=\"fab fa-tiktok\"><\/i>\n TikTok\n <\/div>\n <div class=\"content-badge\" style=\"background: rgba(255, 56, 92, 0.1); color: var(--primary);\">\n <i class=\"fas fa-fire\"><\/i>\n Viral\n <\/div>\n <\/div>\n <\/div>\n <div class=\"content-info\">\n <h3>La coreograf\u00eda navide\u00f1a que todos est\u00e1n imitando<\/h3>\n <p>Este baile festivo se ha vuelto tendencia en todo el mundo con m\u00e1s de 2 millones de recreaciones.<\/p>\n <div class=\"content-meta\">\n <span><i class=\"fas fa-eye\"><\/i> 15.2M vistas<\/span>\n <span><i class=\"fas fa-share\"><\/i> 320K shares<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"content-card fade-in\">\n <div class=\"content-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511984804822-e16ba72f5840?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Decoraci\u00f3n festiva\">\n <div class=\"content-overlay\">\n <div class=\"content-badge\">\n <i class=\"fab fa-instagram\"><\/i>\n Instagram\n <\/div>\n <\/div>\n <\/div>\n <div class=\"content-info\">\n <h3>La transformaci\u00f3n navide\u00f1a m\u00e1s espectacular<\/h3>\n <p>Un time-lapse de decoraci\u00f3n que ha inspirado a miles a renovar sus hogares para las fiestas.<\/p>\n <div class=\"content-meta\">\n <span><i class=\"fas fa-heart\"><\/i> 850K likes<\/span>\n <span><i class=\"fas fa-comment\"><\/i> 12K comentarios<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"content-card fade-in\">\n <div class=\"content-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1574252540165-14a5dce5662d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Fiesta familiar\">\n <div class=\"content-overlay\">\n <div class=\"content-badge\">\n <i class=\"fab fa-youtube\"><\/i>\n YouTube\n <\/div>\n <div class=\"content-badge\" style=\"background: rgba(255, 180, 0, 0.1); color: var(--accent);\">\n <i class=\"fas fa-star\"><\/i>\n Destacado\n <\/div>\n <\/div>\n <\/div>\n <div class=\"content-info\">\n <h3>La mejor sorpresa familiar de Navidad<\/h3>\n <p>Un video emotivo que ha conmovido a millones mostrando el reencuentro familiar en fiestas.<\/p>\n <div class=\"content-meta\">\n <span><i class=\"fas fa-eye\"><\/i> 8.7M vistas<\/span>\n <span><i class=\"fas fa-share\"><\/i> 150K shares<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"trending-section\" id=\"trending\">\n <div class=\"trending-header fade-in\">\n <div>\n <h2 class=\"section-title\">Trending Ahora<\/h2>\n <p>Lo que m\u00e1s se comparte en redes sociales<\/p>\n <\/div>\n <a href=\"#\" class=\"btn btn-outline\">\n <i class=\"fas fa-sync-alt\"><\/i>\n Actualizar\n <\/a>\n <\/div>\n \n <div class=\"trending-grid\">\n <div class=\"trending-main fade-in\">\n <h2>#NavidadEnCasa<\/h2>\n <p>La tendencia del momento con m\u00e1s de 5 millones de publicaciones mostrando celebraciones \u00edntimas y creativas en el hogar.<\/p>\n <a href=\"#\" class=\"btn\" style=\"background: white; color: var(--primary);\">\n <i class=\"fas fa-external-link-alt\"><\/i>\n Ver tendencia\n <\/a>\n <\/div>\n \n <div class=\"trending-side\">\n <div class=\"trending-item fade-in\">\n <div class=\"trending-rank\">01<\/div>\n <div>\n <h4>#A\u00f1oNuevo2024<\/h4>\n <p>3.2M menciones<\/p>\n <\/div>\n <\/div>\n \n <div class=\"trending-item fade-in\">\n <div class=\"trending-rank\">02<\/div>\n <div>\n <h4>#RegalosCreativos<\/h4>\n <p>2.8M menciones<\/p>\n <\/div>\n <\/div>\n \n <div class=\"trending-item fade-in\">\n <div class=\"trending-rank\">03<\/div>\n <div>\n <h4>#CenaNavide\u00f1a<\/h4>\n <p>2.1M menciones<\/p>\n <\/div>\n <\/div>\n \n <div class=\"trending-item fade-in\">\n <div class=\"trending-rank\">04<\/div>\n <div>\n <h4>#Decoraci\u00f3nDIY<\/h4>\n <p>1.9M menciones<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer id=\"contacto\">\n <div class=\"footer-grid\">\n <div class=\"footer-col\">\n <h3>Santas Fiestas<\/h3>\n <p>La plataforma l\u00edder en recopilar y compartir los mejores momentos festivos de todas las redes sociales.<\/p>\n <div class=\"social-links\">\n <a href=\"#\"><i class=\"fab fa-tiktok\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\n <a href=\"#\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-col\">\n <h3>Plataformas<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#\">TikTok Trends<\/a><\/li>\n <li><a href=\"#\">Instagram Reels<\/a><\/li>\n <li><a href=\"#\">Twitter Moments<\/a><\/li>\n <li><a href=\"#\">YouTube Shorts<\/a><\/li>\n <li><a href=\"#\">Facebook Stories<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-col\">\n <h3>Categor\u00edas<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#\">Navidad<\/a><\/li>\n <li><a href=\"#\">A\u00f1o Nuevo<\/a><\/li>\n <li><a href=\"#\">Celebraciones<\/a><\/li>\n <li><a href=\"#\">Familias<\/a><\/li>\n <li><a href=\"#\">Tradiciones<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-col\">\n <h3>Comparte tu momento<\/h3>\n <p>\u00bfTienes un momento festivo que se hizo viral? \u00a1H\u00e1znoslo saber!<\/p>\n <a href=\"mailto:comparte@santasfiestas.com\" class=\"btn\" style=\"margin-top: 1rem;\">\n <i class=\"fas fa-paper-plane\"><\/i>\n Enviar contenido\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p>© 2024 Santas Fiestas. Todos los derechos reservados. | Conectando celebraciones desde las redes sociales<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Mobile menu toggle\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\n const mainNav = document.getElementById('mainNav');\n const navList = mainNav.querySelector('ul');\n \n mobileMenuBtn.addEventListener('click', () => {\n navList.classList.toggle('active');\n mobileMenuBtn.innerHTML = navList.classList.contains('active') \n ? '<i class=\"fas fa-times\"><\/i>' \n : '<i class=\"fas fa-bars\"><\/i>';\n });\n \n \/\/ Close mobile menu when clicking outside\n document.addEventListener('click', (e) => {\n if (!mainNav.contains(e.target) && !mobileMenuBtn.contains(e.target)) {\n navList.classList.remove('active');\n mobileMenuBtn.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\n }\n });\n \n \/\/ Smooth scroll for anchor links\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if (targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n \/\/ Close mobile menu if open\n navList.classList.remove('active');\n mobileMenuBtn.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\n \n window.scrollTo({\n top: targetElement.offsetTop - 80,\n behavior: 'smooth'\n });\n }\n });\n });\n \n \/\/ Animation on scroll\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n \n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in');\n }\n });\n }, observerOptions);\n \n \/\/ Observe elements\n document.querySelectorAll('.fade-in').forEach(el => {\n observer.observe(el);\n });\n \n \/\/ Update trending stats every 10 seconds\n function updateTrendingStats() {\n const stats = document.querySelectorAll('.trending-item p');\n \n","protected":false},"excerpt":{"rendered":"<p>Santas Fiestas | Contenido Festivo de Redes Sociales SantasFiestas Inicio Plataformas Contenido Trending Compartir Compartiendo desde redes sociales Los mejores momentos festivos de internet Descubre, comparte y disfruta del contenido festivo m\u00e1s viral de todas las redes sociales. Celebraciones, risas y momentos \u00fanicos en un solo lugar. Explorar Contenido 50K+ Momentos 12 Plataformas 24\/7 Actualizado…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-130","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":3,"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/santasfiestas.com\/index.php\/wp-json\/wp\/v2\/media?parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}