{"id":2,"date":"2026-01-24T01:03:03","date_gmt":"2026-01-24T00:03:03","guid":{"rendered":"https:\/\/reneservicios.es\/cuidado-ancianos-caceres\/?page_id=2"},"modified":"2026-08-01T16:17:42","modified_gmt":"2026-08-01T14:17:42","slug":"pagina-ejemplo","status":"publish","type":"page","link":"https:\/\/reneservicios.es\/cuidado-ancianos-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 Pro Senectute - Cuidados Especializados para Mayores en C\u00e1ceres<\/title>\n \n <meta name=\"description\" content=\"Servicio profesional de cuidados para personas mayores en C\u00e1ceres. Cuidadores especializados, atenci\u00f3n personalizada, trato humano y cercano.\">\n <meta name=\"keywords\" content=\"cuidados ancianos C\u00e1ceres, cuidadores mayores, atenci\u00f3n a domicilio, cuidados personas mayores, servicios geri\u00e1tricos\">\n <meta name=\"author\" content=\"Pro Senectute - Acompa\u00f1amiento Vital\">\n <meta name=\"robots\" content=\"index, follow\">\n \n <meta name=\"geo.region\" content=\"ES-CC\">\n <meta name=\"geo.placename\" content=\"C\u00e1ceres\">\n <meta name=\"geo.position\" content=\"39.475278;-6.372222\">\n <meta name=\"ICBM\" content=\"39.475278, -6.372222\">\n \n <link rel=\"canonical\" href=\"https:\/\/reneservicios.es\">\n <link rel=\"icon\" href=\"https:\/\/img.icons8.com\/color\/48\/000000\/elderly-people.png\" type=\"image\/png\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\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=Poppins:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root {\n --primary-color: #2a6e8b;\n --secondary-color: #4CAF50;\n --accent-color: #FF9800;\n --pink-color: #E91E63;\n --purple-color: #9C27B0;\n --warning-color: #FF5252;\n --dark-color: #2c3e50;\n --gray-color: #6c757d;\n --light-gray: #f8f9fa;\n --light-blue: #e8f4fc;\n --light-green: #f0f9f0;\n --shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Open Sans', sans-serif;\n line-height: 1.7;\n color: var(--dark-color);\n background-color: #fff;\n overflow-x: hidden;\n padding-top: 70px;\n }\n\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n line-height: 1.3;\n }\n\n .container {\n width: 90%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n section {\n padding: 60px 0;\n }\n\n \/* HEADER *\/\n header {\n background-color: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 1000;\n transition: var(--transition);\n border-bottom: 1px solid rgba(0,0,0,0.05);\n }\n\n .nav-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px 0;\n min-height: 60px;\n }\n\n .logo {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .logo-icon {\n color: var(--primary-color);\n font-size: 2rem;\n }\n\n .logo-text {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--primary-color);\n letter-spacing: -0.5px;\n line-height: 1.1;\n }\n\n .logo-subtext {\n font-size: 0.7rem;\n color: var(--secondary-color);\n font-weight: 600;\n display: block;\n margin-top: 1px;\n }\n\n .header-right {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .header-phone {\n display: flex;\n align-items: center;\n gap: 8px;\n background: rgba(76, 175, 80, 0.1);\n border: 1px solid rgba(76, 175, 80, 0.2);\n padding: 6px 14px;\n border-radius: 30px;\n color: var(--secondary-color);\n font-weight: 700;\n font-size: 0.95rem;\n text-decoration: none;\n transition: var(--transition);\n }\n\n .header-phone:hover {\n background: rgba(76, 175, 80, 0.2);\n transform: scale(1.05);\n }\n\n .header-phone i {\n font-size: 0.9rem;\n }\n\n .header-phone .phone-number {\n font-weight: 700;\n }\n\n nav ul {\n display: flex;\n list-style: none;\n gap: 18px;\n }\n\n nav ul li a {\n text-decoration: none;\n color: var(--dark-color);\n font-weight: 500;\n font-size: 0.9rem;\n transition: var(--transition);\n position: relative;\n padding: 5px 0;\n }\n\n nav ul li a:hover {\n color: var(--primary-color);\n }\n\n nav ul li a::after {\n content: '';\n position: absolute;\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n bottom: 0;\n left: 0;\n transition: var(--transition);\n border-radius: 3px;\n }\n\n nav ul li a:hover::after {\n width: 100%;\n }\n\n .mobile-menu {\n display: none;\n font-size: 1.5rem;\n cursor: pointer;\n color: var(--primary-color);\n padding: 5px 10px;\n border-radius: 6px;\n background: rgba(42, 110, 139, 0.05);\n transition: var(--transition);\n z-index: 1001;\n }\n\n .mobile-menu:hover {\n background: rgba(42, 110, 139, 0.1);\n }\n\n \/* HERO - REDUCIDO EN ALTURA *\/\n .hero {\n background: linear-gradient(135deg, rgba(42, 110, 139, 0.9) 0%, rgba(76, 175, 80, 0.85) 100%), url('https:\/\/images.unsplash.com\/photo-1581579431531-5c63fbf2d1f4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n color: white;\n text-align: center;\n padding: 80px 0 50px;\n }\n\n .hero h1 {\n font-size: 3.5rem;\n margin-bottom: 10px;\n text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);\n }\n\n .hero-tagline {\n font-size: 1.6rem;\n margin-bottom: 15px;\n font-weight: 300;\n }\n\n .hero-highlight {\n color: var(--accent-color);\n font-weight: 600;\n }\n\n .hero-subtitle {\n font-size: 1.2rem;\n margin-bottom: 20px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-buttons {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .btn {\n padding: 14px 30px;\n border-radius: 50px;\n font-weight: 600;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n transition: var(--transition);\n font-size: 1rem;\n border: none;\n cursor: pointer;\n }\n\n .btn-primary {\n background: linear-gradient(135deg, var(--secondary-color), #3d8b40);\n color: white;\n box-shadow: 0 6px 15px rgba(76, 175, 80, 0.3);\n }\n\n .btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 25px rgba(76, 175, 80, 0.4);\n }\n\n .btn-secondary {\n background-color: rgba(255, 255, 255, 0.15);\n color: white;\n backdrop-filter: blur(10px);\n border: 2px solid rgba(255, 255, 255, 0.3);\n }\n\n .btn-secondary:hover {\n background-color: rgba(255, 255, 255, 0.25);\n transform: translateY(-3px);\n }\n\n \/* QUALITY STATEMENT - COMPACTADO *\/\n .quality-statement {\n background: linear-gradient(135deg, var(--light-green), var(--light-blue));\n padding: 25px 0;\n text-align: center;\n }\n\n .quality-content {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n background: white;\n border-radius: 12px;\n box-shadow: var(--shadow);\n }\n\n .quality-content h2 {\n color: var(--primary-color);\n margin-bottom: 8px;\n font-size: 1.6rem;\n }\n\n .quality-content p {\n font-size: 0.95rem;\n }\n\n .quality-highlight {\n color: var(--secondary-color);\n font-weight: 700;\n font-size: 1.1rem;\n margin: 10px 0 0;\n display: block;\n }\n\n \/* C\u00cdRCULOS ANIMADOS *\/\n .circulos-section {\n background: linear-gradient(135deg, var(--light-blue), #e3f2fd);\n padding: 25px 0 !important;\n text-align: center;\n }\n\n .circulos-container {\n position: relative;\n width: 180px;\n height: 180px;\n margin: 0 auto;\n }\n\n .circulo-exterior {\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n border: 3px dashed var(--primary-color);\n animation: rotateClockwise 20s linear infinite;\n opacity: 0.8;\n box-shadow: 0 0 0 8px rgba(42, 110, 139, 0.1);\n }\n\n .circulo-interior {\n position: absolute;\n width: 70%;\n height: 70%;\n top: 15%;\n left: 15%;\n border-radius: 50%;\n border: 2px dotted var(--secondary-color);\n animation: rotateCounterClockwise 15s linear infinite;\n opacity: 0.7;\n }\n\n .manos-centro {\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 3rem;\n color: var(--primary-color);\n animation: handsPulse 3s infinite;\n z-index: 2;\n }\n\n @keyframes rotateClockwise {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n @keyframes rotateCounterClockwise {\n from { transform: rotate(0deg); }\n to { transform: rotate(-360deg); }\n }\n\n @keyframes handsPulse {\n 0%, 100% { transform: scale(1) rotate(0deg); color: var(--primary-color); }\n 50% { transform: scale(1.1) rotate(5deg); color: var(--secondary-color); }\n }\n\n \/* SECCI\u00d3N AMOR *\/\n .amor-section {\n background: linear-gradient(135deg, #fce4ec, #f3e5f5);\n padding: 40px 0;\n text-align: center;\n }\n\n .amor-content {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .amor-icon {\n font-size: 3.5rem;\n color: var(--pink-color);\n margin-bottom: 15px;\n animation: heartBeat 1.5s infinite;\n }\n\n @keyframes heartBeat {\n 0%, 100% { transform: scale(1); }\n 25% { transform: scale(1.15); }\n 50% { transform: scale(1); }\n 75% { transform: scale(1.1); }\n }\n\n .amor-content h2 {\n font-size: 2.2rem;\n color: var(--dark-color);\n margin-bottom: 10px;\n }\n\n .amor-content h2 span {\n background: linear-gradient(135deg, var(--pink-color), #FF6B6B);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n\n .amor-content .frase {\n font-size: 1.5rem;\n font-weight: 300;\n color: var(--dark-color);\n margin: 15px 0;\n font-style: italic;\n }\n\n .amor-content .frase strong {\n color: var(--pink-color);\n font-weight: 700;\n }\n\n .amor-content .acuerdo {\n font-size: 1rem;\n color: var(--gray-color);\n max-width: 600px;\n margin: 15px auto 0;\n background: rgba(255,255,255,0.7);\n padding: 15px 20px;\n border-radius: 10px;\n border-left: 4px solid var(--pink-color);\n }\n\n \/* FEATURES *\/\n .features-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n }\n\n .feature-card {\n background: white;\n border-radius: 15px;\n padding: 30px 25px;\n box-shadow: var(--shadow);\n transition: var(--transition);\n text-align: center;\n border-top: 5px solid var(--primary-color);\n }\n\n .feature-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\n }\n\n .feature-icon {\n font-size: 2.8rem;\n color: var(--primary-color);\n margin-bottom: 15px;\n display: inline-block;\n height: 70px;\n width: 70px;\n line-height: 70px;\n border-radius: 50%;\n background-color: var(--light-blue);\n transition: var(--transition);\n }\n\n .feature-card:hover .feature-icon {\n background-color: var(--primary-color);\n color: white;\n transform: rotateY(180deg);\n }\n\n .feature-card h3 {\n font-size: 1.4rem;\n margin-bottom: 10px;\n color: var(--dark-color);\n }\n\n .feature-card p {\n color: var(--gray-color);\n font-size: 0.95rem;\n }\n\n \/* SERVICES *\/\n .services-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n }\n\n .service-category {\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: var(--transition);\n height: 100%;\n }\n\n .service-category:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\n }\n\n .category-header {\n padding: 20px;\n color: white;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .category-a .category-header {\n background: linear-gradient(135deg, var(--primary-color), #3a8db0);\n }\n\n .category-b .category-header {\n background: linear-gradient(135deg, #673AB7, #8E44AD);\n }\n\n .category-icon {\n font-size: 2rem;\n }\n\n .category-header h3 {\n font-size: 1.3rem;\n }\n\n .service-body {\n padding: 22px;\n }\n\n .service-block {\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid #eee;\n }\n\n .service-block:last-child {\n margin-bottom: 0;\n padding-bottom: 0;\n border-bottom: none;\n }\n\n .block-title {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 10px;\n font-size: 1.05rem;\n color: var(--dark-color);\n }\n\n .service-body ul {\n list-style: none;\n padding-left: 5px;\n }\n\n .service-body li {\n margin-bottom: 8px;\n padding-left: 25px;\n position: relative;\n color: var(--gray-color);\n font-size: 0.92rem;\n }\n\n .service-body li:before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--secondary-color);\n font-weight: bold;\n }\n\n \/* ESPECIALIDADES *\/\n .especialidades-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 25px;\n }\n\n .especialidad-card {\n background: white;\n border-radius: 15px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: var(--transition);\n border-top: 5px solid;\n }\n\n .especialidad-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);\n }\n\n .especialidad-card.oncologicos {\n border-top-color: var(--pink-color);\n }\n\n .especialidad-card.requerimientos {\n border-top-color: var(--purple-color);\n }\n\n .especialidad-header {\n padding: 22px;\n color: white;\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .especialidad-card.oncologicos .especialidad-header {\n background: linear-gradient(135deg, var(--pink-color), #D81B60);\n }\n\n .especialidad-card.requerimientos .especialidad-header {\n background: linear-gradient(135deg, var(--purple-color), #7B1FA2);\n }\n\n .especialidad-icon {\n font-size: 2.2rem;\n }\n\n .especialidad-header h3 {\n font-size: 1.4rem;\n }\n\n .especialidad-body {\n padding: 22px;\n }\n\n .especialidad-body p {\n color: var(--gray-color);\n margin-bottom: 15px;\n font-size: 0.95rem;\n }\n\n .especialidad-features {\n background-color: #f9f9f9;\n border-radius: 10px;\n padding: 15px;\n margin-top: 12px;\n }\n\n .especialidad-features h4 {\n color: var(--primary-color);\n margin-bottom: 10px;\n font-size: 1rem;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .especialidad-features ul {\n list-style: none;\n }\n\n .especialidad-features li {\n margin-bottom: 8px;\n padding-left: 25px;\n position: relative;\n color: var(--gray-color);\n font-size: 0.9rem;\n }\n\n .especialidad-features li:before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--secondary-color);\n font-weight: bold;\n }\n\n \/* PROCESO *\/\n .process-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 25px;\n margin-top: 20px;\n }\n\n .step {\n background: white;\n border-radius: 15px;\n padding: 25px 20px;\n box-shadow: var(--shadow);\n text-align: center;\n transition: var(--transition);\n }\n\n .step:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 35px rgba(0, 0, 0, 0.12);\n }\n\n .step-number {\n width: 55px;\n height: 55px;\n background: linear-gradient(135deg, var(--primary-color), #3a8db0);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n font-weight: 700;\n margin: 0 auto 15px;\n box-shadow: 0 6px 15px rgba(42, 110, 139, 0.3);\n }\n\n .step h3 {\n color: var(--primary-color);\n margin-bottom: 8px;\n font-size: 1.2rem;\n }\n\n .step p {\n color: var(--gray-color);\n font-size: 0.9rem;\n }\n\n \/* GUARANTEES *\/\n .guarantees {\n background: linear-gradient(135deg, var(--light-blue), var(--light-green));\n }\n\n .guarantees-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 25px;\n }\n\n .guarantee-card {\n background: white;\n border-radius: 15px;\n padding: 25px 20px;\n box-shadow: var(--shadow);\n transition: var(--transition);\n border-top: 5px solid var(--secondary-color);\n }\n\n .guarantee-card:hover {\n transform: translateY(-5px);\n }\n\n .guarantee-card.negative {\n border-top-color: #FF5252;\n }\n\n .guarantee-header {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 15px;\n }\n\n .guarantee-icon {\n font-size: 2rem;\n }\n\n .positive .guarantee-icon {\n color: var(--secondary-color);\n }\n\n .negative .guarantee-icon {\n color: #FF5252;\n }\n\n .guarantee-header h3 {\n font-size: 1.2rem;\n color: var(--dark-color);\n }\n\n .guarantee-card ul {\n list-style: none;\n }\n\n .guarantee-card li {\n margin-bottom: 8px;\n padding-left: 25px;\n position: relative;\n font-size: 0.92rem;\n }\n\n .positive li:before {\n content: '\u2705';\n position: absolute;\n left: 0;\n }\n\n .negative li:before {\n content: '\u274c';\n position: absolute;\n left: 0;\n }\n\n \/* CONTACT *\/\n .contact-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n margin-top: 30px;\n }\n\n .contact-item {\n text-align: center;\n padding: 25px 20px;\n background: white;\n border-radius: 15px;\n box-shadow: var(--shadow);\n transition: var(--transition);\n border: 1px solid rgba(0,0,0,0.05);\n }\n\n .contact-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);\n }\n\n .contact-icon {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--primary-color), #3a8db0);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n margin: 0 auto 15px;\n transition: var(--transition);\n }\n\n .contact-item:hover .contact-icon {\n transform: rotateY(180deg);\n }\n\n .contact-item h3 {\n color: var(--primary-color);\n margin-bottom: 8px;\n font-size: 1.2rem;\n }\n\n .contact-item p {\n color: var(--gray-color);\n font-size: 0.92rem;\n }\n\n \/* BOTONES FLOTANTES *\/\n .floating-btn {\n position: fixed;\n left: 15px;\n z-index: 999;\n width: 45px;\n height: 45px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.3rem;\n text-decoration: none;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\n transition: var(--transition);\n color: white;\n border: none;\n cursor: pointer;\n }\n\n .floating-btn:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);\n }\n\n .home-btn { background-color: var(--accent-color); bottom: 370px; }\n .home-btn:hover { background-color: #e68900; }\n\n .features-btn { background-color: var(--primary-color); bottom: 310px; }\n .features-btn:hover { background-color: #1e4d63; }\n\n .services-btn { background-color: var(--secondary-color); bottom: 250px; }\n .services-btn:hover { background-color: #3d8b40; }\n\n .specialties-btn { background-color: var(--pink-color); bottom: 190px; }\n .specialties-btn:hover { background-color: #C2185B; }\n\n .contact-btn { background-color: var(--warning-color); bottom: 130px; }\n .contact-btn:hover { background-color: #ff1744; }\n\n .share-btn { \n background: linear-gradient(135deg, #1DA1F2, #0D8BD9); \n bottom: 70px;\n }\n .share-btn:hover { background: linear-gradient(135deg, #0D8BD9, #1DA1F2); }\n\n .whatsapp-btn { background-color: #25D366; bottom: 10px; }\n .whatsapp-btn:hover { background-color: #1DA851; }\n\n .back-to-top {\n background: var(--primary-color);\n bottom: 430px;\n opacity: 0;\n visibility: hidden;\n }\n\n .back-to-top.visible {\n opacity: 1;\n visibility: visible;\n }\n\n .back-to-top:hover {\n background: var(--secondary-color);\n }\n\n \/* SECTION TITLE *\/\n .section-title {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .section-title h2 {\n font-size: 2.2rem;\n color: var(--primary-color);\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n\n .section-title h2::after {\n content: '';\n position: absolute;\n width: 60px;\n height: 3px;\n background: var(--secondary-color);\n bottom: -8px;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .section-title p {\n color: var(--gray-color);\n max-width: 700px;\n margin: 15px auto 0;\n font-size: 1.05rem;\n }\n\n \/* ANIMATIONS *\/\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .animate-on-scroll.animated {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* FOOTER *\/\n footer {\n background-color: #1a2c42;\n color: white;\n padding: 30px 0 15px;\n }\n\n .footer-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 20px;\n margin-bottom: 20px;\n }\n\n .footer-column h3 {\n font-size: 1rem;\n margin-bottom: 12px;\n color: var(--accent-color);\n position: relative;\n padding-bottom: 8px;\n }\n\n .footer-column h3::after {\n content: '';\n position: absolute;\n width: 35px;\n height: 2px;\n background: var(--secondary-color);\n bottom: 0;\n left: 0;\n }\n\n .footer-column ul {\n list-style: none;\n }\n\n .footer-column ul li {\n margin-bottom: 6px;\n }\n\n .footer-column ul li a {\n color: #ccc;\n text-decoration: none;\n transition: var(--transition);\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 0.85rem;\n }\n\n .footer-column ul li a:hover {\n color: white;\n padding-left: 5px;\n }\n\n .footer-contact li {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 8px;\n color: #ccc;\n font-size: 0.85rem;\n }\n\n .footer-contact i {\n color: var(--accent-color);\n font-size: 1rem;\n width: 22px;\n }\n\n .footer-credits {\n text-align: center;\n padding-top: 15px;\n border-top: 1px solid #2a3d5a;\n color: #aaa;\n font-size: 0.8rem;\n }\n\n .footer-credits .name {\n color: var(--accent-color);\n font-weight: 600;\n }\n\n \/* RESPONSIVE *\/\n @media (max-width: 992px) {\n .hero h1 { font-size: 2.8rem; }\n .hero-tagline { font-size: 1.4rem; }\n .services-container { grid-template-columns: 1fr; }\n .especialidades-grid { grid-template-columns: 1fr; }\n .amor-content h2 { font-size: 2rem; }\n }\n\n @media (max-width: 768px) {\n body { padding-top: 60px; }\n \n .mobile-menu { display: block; }\n \n nav ul {\n display: none !important;\n position: fixed;\n top: 60px;\n left: 0;\n width: 100%;\n flex-direction: column;\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(10px);\n box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);\n padding: 15px 0;\n transition: all 0.3s ease;\n z-index: 999;\n gap: 0;\n }\n \n nav ul.active { \n display: flex !important;\n }\n \n nav ul li {\n margin: 0;\n text-align: center;\n padding: 12px 0;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n }\n \n nav ul li:last-child { border-bottom: none; }\n \n .logo-text { font-size: 1.1rem; }\n .logo-subtext { font-size: 0.6rem; }\n .logo-icon { font-size: 1.6rem; }\n \n .header-phone { padding: 4px 10px; font-size: 0.8rem; }\n .header-phone .phone-number { display: none; }\n \n \/* HERO REDUCIDO EN M\u00d3VIL *\/\n .hero { padding: 60px 0 35px; }\n .hero h1 { font-size: 2.2rem; }\n .hero-tagline { font-size: 1.2rem; }\n .hero-subtitle { font-size: 1rem; }\n \n .cta-buttons { flex-direction: column; align-items: center; }\n .btn { width: 100%; max-width: 300px; }\n \n section { padding: 40px 0; }\n .section-title h2 { font-size: 1.8rem; }\n \n .features-grid { grid-template-columns: 1fr; }\n .services-container { grid-template-columns: 1fr; }\n .especialidades-grid { grid-template-columns: 1fr; }\n .process-steps { grid-template-columns: 1fr; }\n .guarantees-container { grid-template-columns: 1fr; }\n \n .floating-btn {\n width: 38px;\n height: 38px;\n font-size: 1.1rem;\n left: 10px;\n }\n \n .home-btn { bottom: 330px; }\n .features-btn { bottom: 275px; }\n .services-btn { bottom: 220px; }\n .specialties-btn { bottom: 165px; }\n .contact-btn { bottom: 110px; }\n .share-btn { bottom: 55px; }\n .whatsapp-btn { bottom: 0px; }\n .back-to-top { bottom: 385px; }\n \n .footer-content { grid-template-columns: 1fr 1fr; }\n \n .amor-content h2 { font-size: 1.8rem; }\n .amor-content .frase { font-size: 1.4rem; }\n .amor-icon { font-size: 3rem; }\n \n .quality-content h2 { font-size: 1.4rem; }\n }\n\n @media (max-width: 480px) {\n .hero { padding: 50px 0 25px; }\n .hero h1 { font-size: 1.8rem; }\n .hero-tagline { font-size: 1rem; }\n .logo-text { font-size: 0.95rem; }\n \n .footer-content { grid-template-columns: 1fr; text-align: center; }\n .footer-column h3::after { left: 50%; transform: translateX(-50%); }\n .footer-contact li { justify-content: center; }\n \n .amor-content h2 { font-size: 1.5rem; }\n .amor-content .frase { font-size: 1.2rem; }\n .amor-content .acuerdo { font-size: 0.95rem; }\n \n .circulos-container { width: 150px; height: 150px; }\n .manos-centro { font-size: 2.5rem; }\n \n .floating-btn {\n width: 34px;\n height: 34px;\n font-size: 0.95rem;\n left: 8px;\n }\n \n .home-btn { bottom: 295px; }\n .features-btn { bottom: 245px; }\n .services-btn { bottom: 195px; }\n .specialties-btn { bottom: 145px; }\n .contact-btn { bottom: 95px; }\n .share-btn { bottom: 45px; }\n .whatsapp-btn { bottom: -5px; }\n .back-to-top { bottom: 345px; }\n \n .quality-content { padding: 15px; }\n .quality-content h2 { font-size: 1.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n <!-- HEADER -->\n <header id=\"header\">\n <div class=\"container nav-container\">\n <div class=\"logo\">\n <i class=\"fas fa-hands-helping logo-icon\"><\/i>\n <div>\n <div class=\"logo-text\">Pro Senectute<\/div>\n <div class=\"logo-subtext\">Cuidados a Medida \u00b7 C\u00e1ceres<\/div>\n <\/div>\n <\/div>\n \n <div class=\"header-right\">\n <a href=\"tel:0034666013015\" class=\"header-phone\">\n <i class=\"fas fa-phone-alt\"><\/i>\n <span class=\"phone-number\">666 013 015<\/span>\n <\/a>\n <div class=\"mobile-menu\" id=\"mobileMenu\">\n <i class=\"fas fa-bars\"><\/i>\n <\/div>\n <\/div>\n \n <nav id=\"mainNav\">\n <ul>\n <li><a href=\"#inicio\">Inicio<\/a><\/li>\n <li><a href=\"#caracteristicas\">Caracter\u00edsticas<\/a><\/li>\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\n <li><a href=\"#especialidades\">Especialidades<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n <!-- HERO - REDUCIDO EN ALTURA -->\n <section id=\"inicio\" class=\"hero\">\n <div class=\"container hero-content\">\n <h1>Pro Senectute<\/h1>\n <p class=\"hero-tagline\">Cuidados Especializados para Personas Mayores en <span class=\"hero-highlight\">C\u00e1ceres<\/span><\/p>\n <p class=\"hero-subtitle\">\"Calidad en cada momento, flexibilidad en cada necesidad\"<\/p>\n \n <div class=\"cta-buttons\">\n <a href=\"#contacto\" class=\"btn btn-primary\">\n <i class=\"fas fa-calendar-check\"><\/i> Solicitar Servicio\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- QUALITY STATEMENT -->\n <section class=\"quality-statement\">\n <div class=\"container\">\n <div class=\"quality-content animate-on-scroll\">\n <h2>Pro Senectute<\/h2>\n <p>Combinamos experiencia profesional con un trato humano y cercano.<\/p>\n <span class=\"quality-highlight\">\"El cuidado que tu familia merece\"<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- C\u00cdRCULOS ANIMADOS -->\n <section class=\"circulos-section\">\n <div class=\"container\">\n <div class=\"circulos-container animate-on-scroll\">\n <div class=\"circulo-exterior\"><\/div>\n <div class=\"circulo-interior\"><\/div>\n <div class=\"manos-centro\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SECCI\u00d3N AMOR -->\n <section class=\"amor-section\">\n <div class=\"container\">\n <div class=\"amor-content animate-on-scroll\">\n <div class=\"amor-icon\">\n <i class=\"fas fa-heart\"><\/i>\n <\/div>\n <h2>El <span>amor<\/span> no tiene precio<\/h2>\n <p class=\"frase\">\"Pero s\u00ed un <strong>gran valor<\/strong>\"<\/p>\n <div class=\"acuerdo\">\n <i class=\"fas fa-handshake\" style=\"color: var(--pink-color); margin-right: 10px;\"><\/i>\n Los acuerdos de pago son personales entre contratado y contratante.\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FEATURES -->\n <section id=\"caracteristicas\" class=\"features\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>\u00bfPor Qu\u00e9 Elegirnos?<\/h2>\n <p>La combinaci\u00f3n perfecta entre experiencia, flexibilidad y trato humano<\/p>\n <\/div>\n \n <div class=\"features-grid\">\n <div class=\"feature-card animate-on-scroll\">\n <div class=\"feature-icon\"><i class=\"fas fa-user-clock\"><\/i><\/div>\n <h3>Flexibilidad Horaria<\/h3>\n <p>Servicios adaptados a tus necesidades espec\u00edficas, con horarios flexibles.<\/p>\n <\/div>\n \n <div class=\"feature-card animate-on-scroll\">\n <div class=\"feature-icon\"><i class=\"fas fa-star\"><\/i><\/div>\n <h3>Calidad Garantizada<\/h3>\n <p>Cuidadores verificados seg\u00fan el perfil de necesidad de cada persona mayor.<\/p>\n <\/div>\n \n <div class=\"feature-card animate-on-scroll\">\n <div class=\"feature-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\n <h3>Enfoque Personalizado<\/h3>\n <p>Personal cuidadosamente seleccionado y adaptado a cada situaci\u00f3n.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SERVICES -->\n <section id=\"servicios\" class=\"services\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Servicios Estructurados por Necesidad<\/h2>\n <p>Ofrecemos diferentes categor\u00edas de servicios adaptados a las necesidades espec\u00edficas.<\/p>\n <\/div>\n \n <div class=\"services-container\">\n <div class=\"service-category category-a animate-on-scroll\">\n <div class=\"category-header\">\n <i class=\"fas fa-comments category-icon\"><\/i>\n <h3>Est\u00e1ndar<\/h3>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-block\">\n <div class=\"block-title\">\n <i class=\"fas fa-clock block-icon\"><\/i>\n <span>Bloque \"Compa\u00f1\u00eda\"<\/span>\n <\/div>\n <ul>\n <li>Acompa\u00f1amiento y supervisi\u00f3n<\/li>\n <li>Ayuda en actividades diarias<\/li>\n <li>Compa\u00f1\u00eda y conversaci\u00f3n<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"service-block\">\n <div class=\"block-title\">\n <i class=\"fas fa-hospital block-icon\"><\/i>\n <span>Bloque \"Apoyo PLUS\"<\/span>\n <\/div>\n <ul>\n <li>Apoyo en movilidad y traslados<\/li>\n <li>Preparaci\u00f3n de comidas<\/li>\n <li>Supervisi\u00f3n de medicaci\u00f3n<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"service-category category-b animate-on-scroll\">\n <div class=\"category-header\">\n <i class=\"fas fa-moon category-icon\"><\/i>\n <h3>Asistencia Nocturna y Fines de Semana<\/h3>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-block\">\n <div class=\"block-title\">\n <i class=\"fas fa-bed block-icon\"><\/i>\n <span>Servicio Nocturno<\/span>\n <\/div>\n <ul>\n <li>Supervisi\u00f3n durante la noche<\/li>\n <li>Asistencia en necesidades b\u00e1sicas<\/li>\n <li>Control de seguridad<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"service-block\">\n <div class=\"block-title\">\n <i class=\"fas fa-calendar-weekend block-icon\"><\/i>\n <span>Fines de Semana Completos<\/span>\n <\/div>\n <ul>\n <li>Cuidados integrales<\/li>\n <li>Actividades de ocio adaptadas<\/li>\n <li>Comunicaci\u00f3n constante con familiares<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ESPECIALIDADES -->\n <section id=\"especialidades\" class=\"especialidades\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Cuidados Especializados<\/h2>\n <p>Atenci\u00f3n profesional para situaciones de salud espec\u00edficas<\/p>\n <\/div>\n \n <div class=\"especialidades-grid\">\n <div class=\"especialidad-card oncologicos animate-on-scroll\">\n <div class=\"especialidad-header\">\n <i class=\"fas fa-heartbeat especialidad-icon\"><\/i>\n <h3>Cuidados Oncol\u00f3gicos<\/h3>\n <\/div>\n <div class=\"especialidad-body\">\n <p>Apoyo para personas mayores en tratamiento oncol\u00f3gico, con sensibilidad y comprensi\u00f3n.<\/p>\n \n <div class=\"especialidad-features\">\n <h4><i class=\"fas fa-medkit\"><\/i> Servicios Espec\u00edficos<\/h4>\n <ul>\n <li>Acompa\u00f1amiento durante tratamientos<\/li>\n <li>Control de s\u00edntomas y efectos secundarios<\/li>\n <li>Ayuda con medicaci\u00f3n espec\u00edfica<\/li>\n <li>Apoyo emocional y compa\u00f1\u00eda<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"especialidad-card requerimientos animate-on-scroll\">\n <div class=\"especialidad-header\">\n <i class=\"fas fa-wheelchair especialidad-icon\"><\/i>\n <h3>Requerimientos Especiales<\/h3>\n <\/div>\n <div class=\"especialidad-body\">\n <p>Atenci\u00f3n personalizada para personas mayores con necesidades espec\u00edficas de movilidad o cognitivas.<\/p>\n \n <div class=\"especialidad-features\">\n <h4><i class=\"fas fa-assistive-listening-systems\"><\/i> \u00c1reas de Atenci\u00f3n<\/h4>\n <ul>\n <li>Cuidados post-operatorios<\/li>\n <li>Apoyo en movilidad reducida<\/li>\n <li>Asistencia en deterioro cognitivo<\/li>\n <li>Cuidados en enfermedades cr\u00f3nicas<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- PROCESO -->\n <section id=\"proceso\" class=\"process\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Protocolo de Servicio<\/h2>\n <p>Nuestro proceso garantiza la m\u00e1xima calidad y satisfacci\u00f3n<\/p>\n <\/div>\n \n <div class=\"process-steps\">\n <div class=\"step animate-on-scroll\">\n <div class=\"step-number\">1<\/div>\n <h3>Evaluaci\u00f3n Inicial<\/h3>\n <p>Identificaci\u00f3n de necesidades y presupuesto detallado.<\/p>\n <\/div>\n \n <div class=\"step animate-on-scroll\">\n <div class=\"step-number\">2<\/div>\n <h3>Asignaci\u00f3n de Cuidador<\/h3>\n <p>Selecci\u00f3n por perfil de necesidad y protocolos establecidos.<\/p>\n <\/div>\n \n <div class=\"step animate-on-scroll\">\n <div class=\"step-number\">3<\/div>\n <h3>Ejecuci\u00f3n del Servicio<\/h3>\n <p>Atenci\u00f3n personalizada y seguimiento continuo.<\/p>\n <\/div>\n \n <div class=\"step animate-on-scroll\">\n <div class=\"step-number\">4<\/div>\n <h3>Seguimiento<\/h3>\n <p>Evaluaci\u00f3n y ajuste seg\u00fan evoluci\u00f3n.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- GUARANTEES -->\n <section class=\"guarantees\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Garant\u00edas y Compromisos<\/h2>\n <p>Transparencia total en lo que ofrecemos y en nuestras limitaciones<\/p>\n <\/div>\n \n <div class=\"guarantees-container\">\n <div class=\"guarantee-card positive animate-on-scroll\">\n <div class=\"guarantee-header\">\n <i class=\"fas fa-shield-alt guarantee-icon\"><\/i>\n <h3>Compromiso de Calidad<\/h3>\n <\/div>\n <ul>\n <li>Cuidadores verificados y capacitados<\/li>\n <li>Protecci\u00f3n de datos garantizada<\/li>\n <li>Acuerdos transparentes<\/li>\n <\/ul>\n <\/div>\n \n <div class=\"guarantee-card negative animate-on-scroll\">\n <div class=\"guarantee-header\">\n <i class=\"fas fa-exclamation-triangle guarantee-icon\"><\/i>\n <h3>Limitaciones Claras<\/h3>\n <\/div>\n <ul>\n <li>No somos m\u00e9dicos<\/li>\n <li>No administramos medicaci\u00f3n intravenosa<\/li>\n <li>No realizamos curas complejas<\/li>\n <li>No tomamos decisiones m\u00e9dicas<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CONTACTO -->\n <section id=\"contacto\" class=\"contact\">\n <div class=\"container\">\n <div class=\"section-title\">\n <h2>Canales de Contacto<\/h2>\n <p>Estamos en C\u00e1ceres para atender todas sus necesidades de cuidados especializados.<\/p>\n <\/div>\n \n <div class=\"contact-info\">\n <div class=\"contact-item animate-on-scroll\">\n <div class=\"contact-icon\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\n <h3>WhatsApp<\/h3>\n <p>Responde en minutos<\/p>\n <p><strong>666 013 015<\/strong><\/p>\n <\/div>\n \n <div class=\"contact-item animate-on-scroll\">\n <div class=\"contact-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\n <h3>Tel\u00e9fono<\/h3>\n <p>Lunes a Domingo: 8:00 - 20:00<\/p>\n <p><strong>666 013 015<\/strong><\/p>\n <\/div>\n \n <div class=\"contact-item animate-on-scroll\">\n <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\n <h3>Email<\/h3>\n <p>info@reneservicios.es<\/p>\n <p>Respondemos en menos de 24h<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- BOTONES FLOTANTES -->\n <a href=\"https:\/\/reneservicios.es\" class=\"floating-btn home-btn\" target=\"_blank\">\n <i class=\"fas fa-home\"><\/i>\n <\/a>\n \n <a href=\"#caracteristicas\" class=\"floating-btn features-btn\">\n <i class=\"fas fa-star\"><\/i>\n <\/a>\n \n <a href=\"#servicios\" class=\"floating-btn services-btn\">\n <i class=\"fas fa-hands-helping\"><\/i>\n <\/a>\n \n <a href=\"#especialidades\" class=\"floating-btn specialties-btn\">\n <i class=\"fas fa-stethoscope\"><\/i>\n <\/a>\n \n <a href=\"#contacto\" class=\"floating-btn contact-btn\">\n <i class=\"fas fa-envelope\"><\/i>\n <\/a>\n\n <button class=\"floating-btn share-btn\" id=\"shareBtn\">\n <i class=\"fas fa-share-alt\"><\/i>\n <\/button>\n\n <a href=\"https:\/\/wa.me\/34666013015?text=Hola,%20me%20interesa%20informaci\u00f3n%20sobre%20cuidados%20para%20personas%20mayores\" class=\"floating-btn whatsapp-btn\" target=\"_blank\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/a>\n\n <a href=\"#inicio\" class=\"floating-btn back-to-top\" id=\"backToTop\">\n <i class=\"fas fa-chevron-up\"><\/i>\n <\/a>\n\n <!-- FOOTER -->\n <footer>\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-column\">\n <h3>Servicios<\/h3>\n <ul>\n <li><a href=\"#servicios\"><i class=\"fas fa-chevron-right\"><\/i> Cuidados Est\u00e1ndar<\/a><\/li>\n <li><a href=\"#servicios\"><i class=\"fas fa-chevron-right\"><\/i> Asistencia Nocturna<\/a><\/li>\n <li><a href=\"#especialidades\"><i class=\"fas fa-chevron-right\"><\/i> Cuidados Oncol\u00f3gicos<\/a><\/li>\n <li><a href=\"#especialidades\"><i class=\"fas fa-chevron-right\"><\/i> Requerimientos Especiales<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Condiciones<\/h3>\n <ul>\n <li><a href=\"#contacto\"><i class=\"fas fa-chevron-right\"><\/i> Contacto<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-column\">\n <h3>Contacto<\/h3>\n <div class=\"footer-contact\">\n <ul>\n <li><i class=\"fas fa-phone\"><\/i> 666 013 015<\/li>\n <li><i class=\"fas fa-envelope\"><\/i> info@reneservicios.es<\/li>\n <li><i class=\"fas fa-map-marker-alt\"><\/i> C\u00e1ceres, Extremadura<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"footer-credits\">\n <p><span class=\"name\">Pro Senectute<\/span> \u00b7 Cuidados a Medida \u00b7 C\u00e1ceres<\/p>\n <p style=\"font-size: 0.75rem; color: #666; margin-top: 5px;\">\n <span class=\"name\">Ren\u00e9 Escobar Empresas<\/span> \u00b7 Todos los derechos reservados\n <\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ ============================================\n \/\/ MEN\u00da M\u00d3VIL - DEFINITIVAMENTE CORREGIDO\n \/\/ ============================================\n const mobileMenu = document.getElementById('mobileMenu');\n const mainNav = document.getElementById('mainNav');\n \n if (mobileMenu && mainNav) {\n \/\/ Abrir\/cerrar men\u00fa\n mobileMenu.addEventListener('click', function(e) {\n e.stopPropagation();\n mainNav.classList.toggle('active');\n const icon = this.querySelector('i');\n if (mainNav.classList.contains('active')) {\n icon.className = 'fas fa-times';\n } else {\n icon.className = 'fas fa-bars';\n }\n });\n\n \/\/ Cerrar men\u00fa al hacer clic en un enlace\n document.querySelectorAll('#mainNav a').forEach(function(link) {\n link.addEventListener('click', function() {\n mainNav.classList.remove('active');\n const icon = mobileMenu.querySelector('i');\n if (icon) {\n icon.className = 'fas fa-bars';\n }\n });\n });\n\n \/\/ Cerrar men\u00fa al hacer clic fuera\n document.addEventListener('click', function(e) {\n if (mainNav.classList.contains('active')) {\n const isClickInside = mainNav.contains(e.target) || mobileMenu.contains(e.target);\n if (!isClickInside) {\n mainNav.classList.remove('active');\n const icon = mobileMenu.querySelector('i');\n if (icon) {\n icon.className = 'fas fa-bars';\n }\n }\n }\n });\n }\n\n \/\/ ============================================\n \/\/ BACK TO TOP\n \/\/ ============================================\n const backToTopBtn = document.getElementById('backToTop');\n \n window.addEventListener('scroll', function() {\n if (window.pageYOffset > 300) {\n backToTopBtn.classList.add('visible');\n } else {\n backToTopBtn.classList.remove('visible');\n }\n });\n\n if (backToTopBtn) {\n backToTopBtn.addEventListener('click', function() {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n }\n\n \/\/ ============================================\n \/\/ BOT\u00d3N COMPARTIR NATIVO\n \/\/ ============================================\n const shareBtn = document.getElementById('shareBtn');\n \n if (shareBtn) {\n shareBtn.addEventListener('click', function() {\n const url = window.location.href;\n const title = 'Pro Senectute - Cuidados Especializados para Mayores en C\u00e1ceres';\n const text = '\ud83d\udc74\ud83d\udc75 Servicio profesional de cuidados para personas mayores en C\u00e1ceres. \u00a1Conoce m\u00e1s!';\n \n if (navigator.share) {\n navigator.share({\n title: title,\n text: text,\n url: url\n }).catch(function(err) {\n console.log('Error al compartir:', err);\n });\n } else {\n const dummy = document.createElement('input');\n dummy.value = url;\n document.body.appendChild(dummy);\n dummy.select();\n document.execCommand('copy');\n document.body.removeChild(dummy);\n \n const btn = this;\n const originalHtml = btn.innerHTML;\n btn.innerHTML = '<i class=\"fas fa-check\"><\/i>';\n btn.style.background = 'rgba(76, 175, 80, 0.9)';\n setTimeout(function() {\n btn.innerHTML = originalHtml;\n btn.style.background = '';\n }, 2000);\n }\n });\n }\n\n \/\/ ============================================\n \/\/ SCROLL ANIMATIONS\n \/\/ ============================================\n const animateElements = document.querySelectorAll('.animate-on-scroll');\n \n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('animated');\n }\n });\n }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });\n\n animateElements.forEach(function(el) {\n observer.observe(el);\n });\n\n \/\/ ============================================\n \/\/ SCROLL SUAVE\n \/\/ ============================================\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\n anchor.addEventListener('click', function(e) {\n const href = this.getAttribute('href');\n if (href === '#') return;\n \n const target = document.querySelector(href);\n if (target) {\n e.preventDefault();\n window.scrollTo({\n top: target.offsetTop - 70,\n behavior: 'smooth'\n });\n }\n });\n });\n\n \/\/ ============================================\n \/\/ INICIALIZACI\u00d3N\n \/\/ ============================================\n document.addEventListener('DOMContentLoaded', function() {\n animateElements.forEach(function(el) {\n const rect = el.getBoundingClientRect();\n if (rect.top < window.innerHeight - 100) {\n el.classList.add('animated');\n }\n });\n });\n\n console.log('\u2705 Pro Senectute - Optimizado');\n console.log('\ud83d\udcf1 Contacto: 666 013 015');\n console.log('\u2764\ufe0f \"El amor no tiene precio, pero s\u00ed un gran valor\"');\n console.log('\ud83d\udce4 Bot\u00f3n de compartir disponible');\n console.log('\ud83d\udcf1 Men\u00fa m\u00f3vil funcionando correctamente');\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>Pro Senectute – Cuidados Especializados para Mayores en C\u00e1ceres Pro Senectute Cuidados a Medida \u00b7 C\u00e1ceres 666 013 015 Inicio Caracter\u00edsticas Servicios Especialidades Contacto Pro Senectute Cuidados Especializados para Personas Mayores en C\u00e1ceres \u00abCalidad en cada momento, flexibilidad en cada necesidad\u00bb Solicitar Servicio Pro Senectute Combinamos experiencia profesional con un trato humano y cercano. \u00abEl […]<\/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\/cuidado-ancianos-caceres\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reneservicios.es\/cuidado-ancianos-caceres\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reneservicios.es\/cuidado-ancianos-caceres\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reneservicios.es\/cuidado-ancianos-caceres\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reneservicios.es\/cuidado-ancianos-caceres\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":58,"href":"https:\/\/reneservicios.es\/cuidado-ancianos-caceres\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/reneservicios.es\/cuidado-ancianos-caceres\/wp-json\/wp\/v2\/pages\/2\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/reneservicios.es\/cuidado-ancianos-caceres\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}