{"id":2,"date":"2025-12-21T14:24:47","date_gmt":"2025-12-21T13:24:47","guid":{"rendered":"https:\/\/puntanegrinos.org\/servicios\/?page_id=2"},"modified":"2025-12-21T14:34:17","modified_gmt":"2025-12-21T13:34:17","slug":"pagina-ejemplo","status":"publish","type":"page","link":"https:\/\/puntanegrinos.org\/servicios\/","title":{"rendered":"inicio"},"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 Punta Negra Tur\u00edstico - Cultura, Aventura y Conservaci\u00f3n<\/title>\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: #FFD700;\n --secondary: #27ae60;\n --accent: #3498db;\n --dark: #0c2461;\n --light: #f8f9fa;\n --danger: #e74c3c;\n --success: #2ecc71;\n }\n \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 line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n overflow-x: hidden;\n }\n \n \/* HEADER HEROICO *\/\n .hero-header {\n background: linear-gradient(rgba(12, 36, 97, 0.9), rgba(12, 36, 97, 0.8)), \n url('https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1600') center\/cover;\n color: white;\n padding: 20px 0;\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 1000;\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n transition: all 0.3s ease;\n }\n \n .header-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n .logo {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 24px;\n font-weight: bold;\n }\n \n .logo-icon {\n font-size: 32px;\n color: var(--primary);\n animation: pulse 2s infinite;\n }\n \n @keyframes pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n 100% { transform: scale(1); }\n }\n \n .nav-menu {\n display: flex;\n gap: 25px;\n }\n \n .nav-link {\n color: white;\n text-decoration: none;\n font-weight: 600;\n font-size: 16px;\n padding: 8px 16px;\n border-radius: 30px;\n transition: all 0.3s ease;\n position: relative;\n }\n \n .nav-link:hover {\n background: var(--primary);\n color: var(--dark);\n transform: translateY(-3px);\n }\n \n .nav-link:after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 3px;\n background: var(--primary);\n transition: width 0.3s ease;\n }\n \n .nav-link:hover:after {\n width: 70%;\n }\n \n .booking-btn {\n background: linear-gradient(135deg, var(--primary), #FFA500);\n color: var(--dark);\n padding: 12px 25px;\n border-radius: 30px;\n font-weight: bold;\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);\n }\n \n .booking-btn:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(255, 215, 0, 0.6);\n }\n \n .mobile-menu-btn {\n display: none;\n background: none;\n border: none;\n color: white;\n font-size: 24px;\n cursor: pointer;\n }\n \n \/* HERO SECTION *\/\n .hero-section {\n height: 100vh;\n background: linear-gradient(rgba(12, 36, 97, 0.7), rgba(12, 36, 97, 0.5)), \n url('https:\/\/images.unsplash.com\/photo-1578662996442-48f60103fc96?auto=format&fit=crop&w=1600') center\/cover;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n color: white;\n padding-top: 80px;\n position: relative;\n overflow: hidden;\n }\n \n .hero-content {\n max-width: 800px;\n padding: 40px;\n background: rgba(12, 36, 97, 0.8);\n border-radius: 20px;\n backdrop-filter: blur(10px);\n border: 2px solid var(--primary);\n animation: fadeInUp 1s ease;\n }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(50px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .hero-title {\n font-size: 48px;\n margin-bottom: 20px;\n text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\n color: var(--primary);\n }\n \n .hero-subtitle {\n font-size: 24px;\n margin-bottom: 30px;\n opacity: 0.9;\n }\n \n .hero-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n }\n \n .hero-btn {\n padding: 15px 30px;\n border-radius: 30px;\n text-decoration: none;\n font-weight: bold;\n display: flex;\n align-items: center;\n gap: 10px;\n transition: all 0.3s ease;\n min-width: 200px;\n justify-content: center;\n }\n \n .btn-primary {\n background: linear-gradient(135deg, var(--primary), #FFA500);\n color: var(--dark);\n }\n \n .btn-secondary {\n background: transparent;\n color: white;\n border: 2px solid var(--primary);\n }\n \n .hero-btn:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n }\n \n \/* SERVICES SECTION *\/\n .services-section {\n padding: 100px 20px;\n background: white;\n position: relative;\n }\n \n .section-title {\n text-align: center;\n font-size: 36px;\n margin-bottom: 60px;\n color: var(--dark);\n position: relative;\n }\n \n .section-title:after {\n content: '';\n position: absolute;\n bottom: -15px;\n left: 50%;\n transform: translateX(-50%);\n width: 100px;\n height: 4px;\n background: var(--primary);\n border-radius: 2px;\n }\n \n .services-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .service-card {\n background: white;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n transition: all 0.4s ease;\n position: relative;\n }\n \n .service-card:hover {\n transform: translateY(-15px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n }\n \n .service-icon {\n height: 200px;\n background: linear-gradient(135deg, var(--accent), var(--dark));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 60px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n \n .service-icon:after {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: linear-gradient(transparent, rgba(255,255,255,0.1), transparent);\n transform: rotate(45deg);\n animation: shine 3s infinite;\n }\n \n @keyframes shine {\n 0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }\n 100% { transform: translateX(100%) translateY(100%) rotate(45deg); }\n }\n \n .service-content {\n padding: 30px;\n }\n \n .service-title {\n font-size: 24px;\n margin-bottom: 15px;\n color: var(--dark);\n }\n \n .service-description {\n color: #666;\n margin-bottom: 20px;\n font-size: 16px;\n }\n \n .service-features {\n list-style: none;\n margin-bottom: 25px;\n }\n \n .service-features li {\n padding: 8px 0;\n border-bottom: 1px solid #eee;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n \n .service-features li i {\n color: var(--success);\n }\n \n .service-price {\n font-size: 28px;\n color: var(--dark);\n font-weight: bold;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n \n .service-btn {\n display: block;\n text-align: center;\n background: var(--secondary);\n color: white;\n padding: 12px;\n border-radius: 10px;\n text-decoration: none;\n font-weight: bold;\n transition: all 0.3s ease;\n }\n \n .service-btn:hover {\n background: #219652;\n transform: translateY(-3px);\n }\n \n \/* CULTURE SECTION *\/\n .culture-section {\n padding: 100px 20px;\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n position: relative;\n }\n \n .culture-content {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n \n .culture-text {\n animation: fadeInLeft 1s ease;\n }\n \n @keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n .culture-image {\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\n animation: fadeInRight 1s ease;\n }\n \n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n \n .culture-image img {\n width: 100%;\n height: 500px;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n \n .culture-image:hover img {\n transform: scale(1.05);\n }\n \n \/* TESTIMONIALS *\/\n .testimonials-section {\n padding: 100px 20px;\n background: white;\n }\n \n .testimonials-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n max-width: 1400px;\n margin: 0 auto;\n }\n \n .testimonial-card {\n background: var(--light);\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n position: relative;\n }\n \n .testimonial-card:before {\n content: '\"';\n position: absolute;\n top: 20px;\n left: 20px;\n font-size: 60px;\n color: var(--primary);\n opacity: 0.3;\n font-family: Georgia, serif;\n }\n \n .testimonial-text {\n font-style: italic;\n margin-bottom: 20px;\n position: relative;\n z-index: 1;\n }\n \n .testimonial-author {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n \n .author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: var(--accent);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n }\n \n \/* BOOKING FORM *\/\n .booking-section {\n padding: 100px 20px;\n background: linear-gradient(135deg, var(--dark), #1e3799);\n color: white;\n }\n \n .booking-container {\n max-width: 800px;\n margin: 0 auto;\n background: rgba(255,255,255,0.1);\n backdrop-filter: blur(10px);\n padding: 50px;\n border-radius: 20px;\n border: 2px solid var(--primary);\n }\n \n .booking-form {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n .form-group.full-width {\n grid-column: 1 \/ -1;\n }\n \n .form-label {\n display: block;\n margin-bottom: 8px;\n font-weight: bold;\n }\n \n .form-input, .form-select, .form-textarea {\n width: 100%;\n padding: 15px;\n border: 2px solid rgba(255,255,255,0.3);\n border-radius: 10px;\n background: rgba(255,255,255,0.1);\n color: white;\n font-size: 16px;\n transition: all 0.3s ease;\n }\n \n .form-input:focus, .form-select:focus, .form-textarea:focus {\n outline: none;\n border-color: var(--primary);\n background: rgba(255,255,255,0.2);\n }\n \n .form-textarea {\n min-height: 150px;\n resize: vertical;\n }\n \n .submit-btn {\n grid-column: 1 \/ -1;\n background: linear-gradient(135deg, var(--primary), #FFA500);\n color: var(--dark);\n border: none;\n padding: 18px;\n border-radius: 10px;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n \n .submit-btn:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n }\n \n \/* FOOTER *\/\n .footer {\n background: #0c2461;\n color: white;\n padding: 60px 20px 30px;\n }\n \n .footer-content {\n max-width: 1400px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n margin-bottom: 40px;\n }\n \n .footer-column h3 {\n color: var(--primary);\n margin-bottom: 20px;\n font-size: 20px;\n }\n \n .footer-links {\n list-style: none;\n }\n \n .footer-links li {\n margin-bottom: 10px;\n }\n \n .footer-links a {\n color: #ddd;\n text-decoration: none;\n transition: color 0.3s ease;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n \n .footer-links a:hover {\n color: var(--primary);\n transform: translateX(5px);\n }\n \n .social-icons {\n display: flex;\n gap: 15px;\n margin-top: 20px;\n }\n \n .social-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n text-decoration: none;\n transition: all 0.3s ease;\n }\n \n .social-icon:hover {\n background: var(--primary);\n color: var(--dark);\n transform: translateY(-5px);\n }\n \n .footer-bottom {\n text-align: center;\n padding-top: 30px;\n border-top: 1px solid rgba(255,255,255,0.1);\n color: #aaa;\n font-size: 14px;\n }\n \n \/* RESPONSIVE DESIGN *\/\n @media (max-width: 992px) {\n .culture-content {\n grid-template-columns: 1fr;\n }\n \n .hero-title {\n font-size: 36px;\n }\n \n .hero-subtitle {\n font-size: 20px;\n }\n }\n \n @media (max-width: 768px) {\n .nav-menu {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background: var(--dark);\n flex-direction: column;\n padding: 20px;\n box-shadow: 0 10px 20px rgba(0,0,0,0.3);\n }\n \n .nav-menu.active {\n display: flex;\n }\n \n .mobile-menu-btn {\n display: block;\n }\n \n .hero-buttons {\n flex-direction: column;\n align-items: center;\n }\n \n .booking-form {\n grid-template-columns: 1fr;\n }\n \n .booking-container {\n padding: 30px 20px;\n }\n }\n \n \/* SPECIAL BADGES *\/\n .badge {\n position: absolute;\n top: 20px;\n right: 20px;\n background: var(--danger);\n color: white;\n padding: 5px 15px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: bold;\n z-index: 2;\n }\n \n .eco-badge {\n background: var(--success);\n }\n \n .popular-badge {\n background: var(--primary);\n color: var(--dark);\n }\n \n \/* COUNTDOWN OFFER *\/\n .offer-banner {\n background: linear-gradient(135deg, var(--danger), #c0392b);\n color: white;\n text-align: center;\n padding: 15px;\n font-weight: bold;\n position: relative;\n overflow: hidden;\n }\n \n .countdown {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin-top: 10px;\n font-size: 24px;\n }\n \n .countdown-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n \n .countdown-value {\n font-size: 32px;\n font-weight: bold;\n color: var(--primary);\n }\n \n .countdown-label {\n font-size: 12px;\n text-transform: uppercase;\n }\n \n \/* FLOATING WHATSAPP *\/\n .whatsapp-float {\n position: fixed;\n bottom: 30px;\n right: 30px;\n background: #25D366;\n color: white;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 30px;\n text-decoration: none;\n box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);\n z-index: 1000;\n transition: all 0.3s ease;\n animation: float 3s ease-in-out infinite;\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n \n .whatsapp-float:hover {\n transform: scale(1.1);\n box-shadow: 0 8px 30px rgba(37, 211, 102, 0.6);\n }\n \n .whatsapp-text {\n position: absolute;\n right: 70px;\n background: var(--dark);\n color: white;\n padding: 10px 15px;\n border-radius: 10px;\n font-size: 14px;\n white-space: nowrap;\n opacity: 0;\n transform: translateX(20px);\n transition: all 0.3s ease;\n pointer-events: none;\n }\n \n .whatsapp-float:hover .whatsapp-text {\n opacity: 1;\n transform: translateX(0);\n }\n \n \/* MAP PREVIEW *\/\n .map-preview {\n height: 300px;\n background: linear-gradient(135deg, #3498db, #2980b9);\n border-radius: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n margin: 40px 0;\n position: relative;\n overflow: hidden;\n }\n \n .map-preview:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/images.unsplash.com\/photo-1542314831-068cd1dbfeeb?auto=format&fit=crop&w=1200') center\/cover;\n opacity: 0.3;\n }\n <\/style>\n<\/head>\n<body>\n <!-- OFFER BANNER -->\n <div class=\"offer-banner\">\n <p>\u00a1Oferta Especial! 20% de descuento en tu primera reserva - V\u00e1lido por<\/p>\n <div class=\"countdown\" id=\"countdown\">\n <div class=\"countdown-item\">\n <span class=\"countdown-value\" id=\"days\">00<\/span>\n <span class=\"countdown-label\">D\u00edas<\/span>\n <\/div>\n <div class=\"countdown-item\">\n <span class=\"countdown-value\" id=\"hours\">00<\/span>\n <span class=\"countdown-label\">Horas<\/span>\n <\/div>\n <div class=\"countdown-item\">\n <span class=\"countdown-value\" id=\"minutes\">00<\/span>\n <span class=\"countdown-label\">Min<\/span>\n <\/div>\n <div class=\"countdown-item\">\n <span class=\"countdown-value\" id=\"seconds\">00<\/span>\n <span class=\"countdown-label\">Seg<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- HEADER -->\n <header class=\"hero-header\" id=\"header\">\n <div class=\"header-container\">\n <div class=\"logo\">\n <div class=\"logo-icon\">\ud83c\udfdd\ufe0f<\/div>\n <span>Punta Negra Tur\u00edstico<\/span>\n <\/div>\n \n <button class=\"mobile-menu-btn\" id=\"mobileMenuBtn\">\n <i class=\"fas fa-bars\"><\/i>\n <\/button>\n \n <nav class=\"nav-menu\" id=\"navMenu\">\n <a href=\"https:\/\/puntanegrinos.org\/\" class=\"nav-link\"><i class=\"fas fa-home\"><\/i> Inicio<\/a>\n <a href=\"#services\" class=\"nav-link\"><i class=\"fas fa-map-marked-alt\"><\/i> Tours<\/a>\n <a href=\"#culture\" class=\"nav-link\"><i class=\"fas fa-landmark\"><\/i> Cultura Ichma<\/a>\n <a href=\"#testimonials\" class=\"nav-link\"><i class=\"fas fa-comments\"><\/i> Testimonios<\/a>\n <a href=\"#booking\" class=\"nav-link\"><i class=\"fas fa-calendar-check\"><\/i> Reservas<\/a>\n <a href=\"#contact\" class=\"nav-link\"><i class=\"fas fa-phone-alt\"><\/i> Contacto<\/a>\n <\/nav>\n \n <a href=\"#booking\" class=\"booking-btn\">\n <i class=\"fas fa-calendar-plus\"><\/i> Reservar Ahora\n <\/a>\n <\/div>\n <\/header>\n\n <!-- HERO SECTION -->\n <section class=\"hero-section\" id=\"home\">\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">Descubre el Legado Ichma y la Naturaleza de Punta Negra<\/h1>\n <p class=\"hero-subtitle\">Explora sitios arqueol\u00f3gicos milenarios, playas v\u00edrgenes y reservas naturales \u00fanicas con gu\u00edas expertos<\/p>\n \n <div class=\"hero-buttons\">\n <a href=\"#services\" class=\"hero-btn btn-primary\">\n <i class=\"fas fa-binoculars\"><\/i> Ver Tours Disponibles\n <\/a>\n <a href=\"#culture\" class=\"hero-btn btn-secondary\">\n <i class=\"fas fa-history\"><\/i> Conocer Cultura Ichma\n <\/a>\n <\/div>\n \n <div class=\"map-preview\">\n <i class=\"fas fa-map-marked-alt\"><\/i> Ubicaci\u00f3n privilegiada en la costa central del Per\u00fa\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SERVICES SECTION -->\n <section class=\"services-section\" id=\"services\">\n <h2 class=\"section-title\">Nuestros Tours Exclusivos<\/h2>\n \n <div class=\"services-grid\">\n <!-- TOUR 1 -->\n <div class=\"service-card\">\n <span class=\"badge popular-badge\">M\u00e1s Popular<\/span>\n <div class=\"service-icon\">\n <i class=\"fas fa-landmark\"><\/i>\n <\/div>\n <div class=\"service-content\">\n <h3 class=\"service-title\">Tour Arqueol\u00f3gico Ichma<\/h3>\n <p class=\"service-description\">Descubre los secretos del Reino Ichma con visitas guiadas a sitios arqueol\u00f3gicos milenarios.<\/p>\n \n <ul class=\"service-features\">\n <li><i class=\"fas fa-check-circle\"><\/i> Visita a Mirador del Reino Ichma<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Gu\u00eda arque\u00f3logo especializado<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Explicaci\u00f3n de jerogl\u00edficos<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Fotograf\u00eda arqueol\u00f3gica permitida<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Duraci\u00f3n: 4 horas<\/li>\n <\/ul>\n \n <div class=\"service-price\">\n <i class=\"fas fa-tag\"><\/i> Desde S\/ 120 por persona\n <\/div>\n \n <a href=\"#booking\" class=\"service-btn\">\n <i class=\"fas fa-calendar-check\"><\/i> Reservar este Tour\n <\/a>\n <\/div>\n <\/div>\n \n <!-- TOUR 2 -->\n <div class=\"service-card\">\n <span class=\"badge eco-badge\">Eco-Turismo<\/span>\n <div class=\"service-icon\">\n <i class=\"fas fa-mountain\"><\/i>\n <\/div>\n <div class=\"service-content\">\n <h3 class=\"service-title\">Aventura en Lomas de Lima<\/h3>\n <p class=\"service-description\">Explora el ecosistema \u00fanico de las Lomas, h\u00e1bitat de especies end\u00e9micas y paisajes surrealistas.<\/p>\n \n <ul class=\"service-features\">\n <li><i class=\"fas fa-check-circle\"><\/i> Gu\u00eda naturalista certificado<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Observaci\u00f3n de flora y fauna<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Caminata ecol\u00f3gica guiada<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Fotograf\u00eda de paisajes<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Duraci\u00f3n: 5 horas<\/li>\n <\/ul>\n \n <div class=\"service-price\">\n <i class=\"fas fa-tag\"><\/i> Desde S\/ 150 por persona\n <\/div>\n \n <a href=\"#booking\" class=\"service-btn\">\n <i class=\"fas fa-calendar-check\"><\/i> Reservar este Tour\n <\/a>\n <\/div>\n <\/div>\n \n <!-- TOUR 3 -->\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <i class=\"fas fa-water\"><\/i>\n <\/div>\n <div class=\"service-content\">\n <h3 class=\"service-title\">Surf & Playas del Litoral<\/h3>\n <p class=\"service-description\">Aprende a surfear en las mejores playas de Punta Negra con instructores profesionales.<\/p>\n \n <ul class=\"service-features\">\n <li><i class=\"fas fa-check-circle\"><\/i> Clases para todos los niveles<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Equipo incluido (tabla, traje)<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Instructor certificado ISA<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Seguridad garantizada<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Duraci\u00f3n: 3 horas<\/li>\n <\/ul>\n \n <div class=\"service-price\">\n <i class=\"fas fa-tag\"><\/i> Desde S\/ 180 por persona\n <\/div>\n \n <a href=\"#booking\" class=\"service-btn\">\n <i class=\"fas fa-calendar-check\"><\/i> Reservar este Tour\n <\/a>\n <\/div>\n <\/div>\n \n <!-- TOUR 4 -->\n <div class=\"service-card\">\n <div class=\"service-icon\">\n <i class=\"fas fa-sun\"><\/i>\n <\/div>\n <div class=\"service-content\">\n <h3 class=\"service-title\">Tour Completo Punta Negra<\/h3>\n <p class=\"service-description\">Experiencia completa: cultura Ichma, playas y naturaleza en un solo d\u00eda inolvidable.<\/p>\n \n <ul class=\"service-features\">\n <li><i class=\"fas fa-check-circle\"><\/i> Visita arqueol\u00f3gica Ichma<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Tour por playas principales<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Caminata en Lomas de Lima<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Almuerzo t\u00edpico incluido<\/li>\n <li><i class=\"fas fa-check-circle\"><\/i> Duraci\u00f3n: 8 horas<\/li>\n <\/ul>\n \n <div class=\"service-price\">\n <i class=\"fas fa-tag\"><\/i> Desde S\/ 250 por persona\n <\/div>\n \n <a href=\"#booking\" class=\"service-btn\">\n <i class=\"fas fa-calendar-check\"><\/i> Reservar este Tour\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CULTURE SECTION -->\n <section class=\"culture-section\" id=\"culture\">\n <h2 class=\"section-title\">El Reino Ichma: Nuestra Herencia<\/h2>\n \n <div class=\"culture-content\">\n <div class=\"culture-text\">\n <h3 style=\"font-size: 32px; color: var(--dark); margin-bottom: 20px;\">Descubre una Civilizaci\u00f3n Milenaria<\/h3>\n <p style=\"font-size: 18px; margin-bottom: 25px; line-height: 1.8;\">\n El <strong>Reino Ichma<\/strong> fue una importante civilizaci\u00f3n preincaica que floreci\u00f3 en la costa central del Per\u00fa entre los a\u00f1os 1000 y 1470 d.C. Su influencia se extendi\u00f3 por los valles de Lur\u00edn y R\u00edmac, dejando un legado arqueol\u00f3gico fascinante.\n <\/p>\n \n <div style=\"background: rgba(255, 215, 0, 0.1); padding: 25px; border-radius: 15px; border-left: 5px solid var(--primary); margin-bottom: 25px;\">\n <h4 style=\"color: var(--dark); margin-bottom: 15px;\"><i class=\"fas fa-gem\"><\/i> \u00bfQu\u00e9 incluyen nuestros tours culturales?<\/h4>\n <ul style=\"list-style: none;\">\n <li style=\"padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1); display: flex; align-items: center; gap: 10px;\">\n <i class=\"fas fa-map-marker-alt\" style=\"color: var(--primary);\"><\/i>\n Visita a sitios arqueol\u00f3gicos documentados\n <\/li>\n <li style=\"padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.1); display: flex; align-items: center; gap: 10px;\">\n <i class=\"fas fa-user-graduate\" style=\"color: var(--primary);\"><\/i>\n Gu\u00edas especializados en arqueolog\u00eda\n <\/li>\n <li style=\"padding: 10px 0; display: flex; align-items: center; gap: 10px;\">\n <i class=\"fas fa-camera\" style=\"color: var(--primary);\"><\/i>\n Sesi\u00f3n fotogr\u00e1fica en locaciones hist\u00f3ricas\n <\/li>\n <\/ul>\n <\/div>\n \n <a href=\"#booking\" class=\"service-btn\" style=\"display: inline-flex; width: auto; padding: 15px 30px;\">\n <i class=\"fas fa-history\"><\/i> Reservar Tour Cultural\n <\/a>\n <\/div>\n \n <div class=\"culture-image\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1548013146-72479768bada?auto=format&fit=crop&w=800\" alt=\"Sitio Arqueol\u00f3gico Ichma\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- TESTIMONIALS -->\n <section class=\"testimonials-section\" id=\"testimonials\">\n <h2 class=\"section-title\">Lo que Dicen Nuestros Visitantes<\/h2>\n \n <div class=\"testimonials-grid\">\n <div class=\"testimonial-card\">\n <p class=\"testimonial-text\">\n \"El tour del Reino Ichma fue incre\u00edble. Nuestro gu\u00eda conoc\u00eda cada detalle de la historia. \u00a1Totalmente recomendado!\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">MP<\/div>\n <div>\n <strong>Mar\u00eda P\u00e9rez<\/strong>\n <div style=\"color: var(--primary); font-size: 14px;\">Turista de Espa\u00f1a<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"testimonial-card\">\n <p class=\"testimonial-text\">\n \"Las clases de surf fueron excelentes. En solo 3 d\u00edas ya estaba par\u00e1ndome en la tabla. Los instructores son profesionales.\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">JG<\/div>\n <div>\n <strong>Juan G\u00f3mez<\/strong>\n <div style=\"color: var(--primary); font-size: 14px;\">Visitante de Argentina<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"testimonial-card\">\n <p class=\"testimonial-text\">\n \"Las Lomas de Lima son m\u00e1gicas. La biodiversidad y los paisajes son \u00fanicos. Un para\u00edso para los amantes de la naturaleza.\"\n <\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">LC<\/div>\n <div>\n <strong>Laura Castro<\/strong>\n <div style=\"color: var(--primary); font-size: 14px;\">Bi\u00f3loga de Colombia<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- BOOKING SECTION -->\n <section class=\"booking-section\" id=\"booking\">\n <h2 class=\"section-title\" style=\"color: white;\">Reserva tu Experiencia<\/h2>\n \n <div class=\"booking-container\">\n <form class=\"booking-form\" id=\"bookingForm\">\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"name\"><i class=\"fas fa-user\"><\/i> Nombre Completo<\/label>\n <input type=\"text\" id=\"name\" class=\"form-input\" placeholder=\"Tu nombre\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"email\"><i class=\"fas fa-envelope\"><\/i> Correo Electr\u00f3nico<\/label>\n <input type=\"email\" id=\"email\" class=\"form-input\" placeholder=\"tu@email.com\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"phone\"><i class=\"fas fa-phone\"><\/i> Tel\u00e9fono<\/label>\n <input type=\"tel\" id=\"phone\" class=\"form-input\" placeholder=\"+51 999 888 777\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"tour\"><i class=\"fas fa-map-marked-alt\"><\/i> Tour de Inter\u00e9s<\/label>\n <select id=\"tour\" class=\"form-select\" required>\n <option value=\"\">Selecciona un tour<\/option>\n <option value=\"ichma\">Tour Arqueol\u00f3gico Ichma<\/option>\n <option value=\"lomas\">Aventura en Lomas de Lima<\/option>\n <option value=\"surf\">Surf & Playas del Litoral<\/option>\n <option value=\"completo\">Tour Completo Punta Negra<\/option>\n <\/select>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"date\"><i class=\"fas fa-calendar-alt\"><\/i> Fecha Preferida<\/label>\n <input type=\"date\" id=\"date\" class=\"form-input\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"people\"><i class=\"fas fa-users\"><\/i> N\u00famero de Personas<\/label>\n <input type=\"number\" id=\"people\" class=\"form-input\" min=\"1\" max=\"20\" value=\"1\" required>\n <\/div>\n \n <div class=\"form-group full-width\">\n <label class=\"form-label\" for=\"message\"><i class=\"fas fa-comment-alt\"><\/i> Mensaje Adicional<\/label>\n <textarea id=\"message\" class=\"form-textarea\" placeholder=\"Comentarios, requerimientos especiales, etc.\"><\/textarea>\n <\/div>\n \n <button type=\"submit\" class=\"submit-btn\">\n <i class=\"fas fa-paper-plane\"><\/i> Enviar Reserva\n <\/button>\n <\/form>\n <\/div>\n <\/section>\n\n <!-- FOOTER -->\n <footer class=\"footer\" id=\"contact\">\n <div class=\"footer-content\">\n <div class=\"footer-column\">\n <h3>Punta Negra Tur\u00edstico<\/h3>\n <p style=\"color: #ddd; margin-bottom: 20px;\">\n Conectamos a los visitantes con la riqueza cultural, natural y aventurera de Punta Negra.\n <\/p>\n <div class=\"social-icons\">\n <a href=\"#\" class=\"social-icon\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"social-icon\"><i class=\"fab fa-instagram\"><\/i><\/a>\n <a href=\"#\" class=\"social-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n <a href=\"#\" class=\"social-icon\"><i class=\"fab fa-youtube\"><\/i><\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Tours Populares<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#\"><i class=\"fas fa-arrow-right\"><\/i> Tour Arqueol\u00f3gico Ichma<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-arrow-right\"><\/i> Aventura en Lomas de Lima<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-arrow-right\"><\/i> Clases de Surf Profesional<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-arrow-right\"><\/i> Tour Completo Punta Negra<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Contacto<\/h3>\n <ul class=\"footer-links\">\n <li><a href=\"#\"><i class=\"fas fa-map-marker-alt\"><\/i> Punta Negra, Lima, Per\u00fa<\/a><\/li>\n <li><a href=\"tel:+34666013015\"><i class=\"fas fa-phone\"><\/i> +34 666 013 015<\/a><\/li>\n <li><a href=\"mailto:info@puntanegrinos.org\"><i class=\"fas fa-envelope\"><\/i> info@puntanegrinos.org<\/a><\/li>\n <li><a href=\"#\"><i class=\"fas fa-clock\"><\/i> Lun-Dom: 7:00 AM - 8:00 PM<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Suscr\u00edbete<\/h3>\n <p style=\"color: #ddd; margin-bottom: 15px;\">\n Recibe ofertas especiales y novedades sobre nuestros tours.\n <\/p>\n <div style=\"display: flex; gap: 10px;\">\n <input type=\"email\" placeholder=\"Tu email\" style=\"flex: 1; padding: 12px; border-radius: 5px; border: none; background: rgba(255,255,255,0.1); color: white;\">\n <button style=\"background: var(--primary); color: var(--dark); border: none; padding: 0 20px; border-radius: 5px; cursor: pointer; font-weight: bold;\">\n <i class=\"fas fa-paper-plane\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p>\u00a9 2024 Punta Negra Tur\u00edstico. Todos los derechos reservados. | <a href=\"#\" style=\"color: var(--primary); text-decoration: none;\">Pol\u00edtica de Privacidad<\/a> | <a href=\"#\" style=\"color: var(--primary); text-decoration: none;\">T\u00e9rminos y Condiciones<\/a><\/p>\n <\/div>\n <\/footer>\n\n <!-- FLOATING WHATSAPP -->\n <a href=\"https:\/\/wa.link\/reneescobar\" class=\"whatsapp-float\" target=\"_blank\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <div class=\"whatsapp-text\">\u00bfNecesitas ayuda?<\/div>\n <\/a>\n\n <script>\n \/\/ MOBILE MENU TOGGLE\n const mobileMenuBtn = document.getElementById('mobileMenuBtn');\n const navMenu = document.getElementById('navMenu');\n \n mobileMenuBtn.addEventListener('click', () => {\n navMenu.classList.toggle('active');\n mobileMenuBtn.innerHTML = navMenu.classList.contains('active') \n ? '<i class=\"fas fa-times\"><\/i>' \n : '<i class=\"fas fa-bars\"><\/i>';\n });\n \n \/\/ CLOSE MENU ON CLICK OUTSIDE\n document.addEventListener('click', (e) => {\n if (!navMenu.contains(e.target) && !mobileMenuBtn.contains(e.target)) {\n navMenu.classList.remove('active');\n mobileMenuBtn.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\n }\n });\n \n \/\/ HEADER SCROLL EFFECT\n window.addEventListener('scroll', () => {\n const header = document.getElementById('header');\n if (window.scrollY > 100) {\n header.style.padding = '10px 0';\n header.style.boxShadow = '0 4px 20px rgba(0,0,0,0.3)';\n } else {\n header.style.padding = '20px 0';\n header.style.boxShadow = '0 4px 20px rgba(0,0,0,0.1)';\n }\n });\n \n \/\/ COUNTDOWN TIMER\n function updateCountdown() {\n const now = new Date();\n const target = new Date();\n target.setDate(target.getDate() + 7); \/\/ 7 days from now\n \n const diff = target - now;\n \n const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n const minutes = Math.floor((diff % (1000 * 60 * 60)) \/ (1000 * 60));\n const seconds = Math.floor((diff % (1000 * 60)) \/ 1000);\n \n document.getElementById('days').textContent = days.toString().padStart(2, '0');\n document.getElementById('hours').textContent = hours.toString().padStart(2, '0');\n document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');\n document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');\n }\n \n setInterval(updateCountdown, 1000);\n updateCountdown();\n \n \/\/ FORM SUBMISSION\n document.getElementById('bookingForm').addEventListener('submit', (e) => {\n e.preventDefault();\n \n \/\/ Get form data\n const formData = {\n name: document.getElementById('name').value,\n email: document.getElementById('email').value,\n phone: document.getElementById('phone').value,\n tour: document.getElementById('tour').value,\n date: document.getElementById('date').value,\n people: document.getElementById('people').value,\n message: document.getElementById('message').value\n };\n \n \/\/ Here you would normally send data to server\n \/\/ For demo, we'll just show an alert\n alert(`\u00a1Reserva enviada con \u00e9xito!\\n\\n${formData.name}, te contactaremos pronto para confirmar tu tour \"${formData.tour}\" para ${formData.people} personas el ${formData.date}.`);\n \n \/\/ Reset form\n document.getElementById('bookingForm').reset();\n });\n \n \/\/ SMOOTH SCROLLING\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 window.scrollTo({\n top: targetElement.offsetTop - 80,\n behavior: 'smooth'\n });\n \n \/\/ Close mobile menu if open\n navMenu.classList.remove('active');\n mobileMenuBtn.innerHTML = '<i class=\"fas fa-bars\"><\/i>';\n }\n });\n });\n \n \/\/ SET MINIMUM DATE TO TODAY\n const today = new Date().toISOString().split('T')[0];\n document.getElementById('date').min = today;\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>Punta Negra Tur\u00edstico – Cultura, Aventura y Conservaci\u00f3n \u00a1Oferta Especial! 20% de descuento en tu primera reserva – V\u00e1lido por 00 D\u00edas 00 Horas 00 Min 00 Seg \ud83c\udfdd\ufe0f Punta Negra Tur\u00edstico Inicio Tours Cultura Ichma Testimonios Reservas Contacto Reservar Ahora Descubre el Legado Ichma y la Naturaleza de Punta Negra Explora sitios arqueol\u00f3gicos milenarios, […]<\/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:\/\/puntanegrinos.org\/servicios\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/puntanegrinos.org\/servicios\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/puntanegrinos.org\/servicios\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/puntanegrinos.org\/servicios\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/puntanegrinos.org\/servicios\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":10,"href":"https:\/\/puntanegrinos.org\/servicios\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/puntanegrinos.org\/servicios\/wp-json\/wp\/v2\/pages\/2\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/puntanegrinos.org\/servicios\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}