{"id":135,"date":"2026-01-22T20:43:00","date_gmt":"2026-01-22T20:43:00","guid":{"rendered":"https:\/\/develop.sitios24x7.com\/?page_id=135"},"modified":"2026-01-22T23:33:30","modified_gmt":"2026-01-22T23:33:30","slug":"nova-planes-de-prevision","status":"publish","type":"page","link":"https:\/\/develop.sitios24x7.com\/index.php\/nova-planes-de-prevision\/","title":{"rendered":"NOVA PLANES DE PREVISION"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"135\" class=\"elementor elementor-135\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62b5363 e-con-full e-flex e-con e-parent\" data-id=\"62b5363\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf914e7 elementor-widget elementor-widget-html\" data-id=\"cf914e7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* =========================================\r\n       1. VARIABLES Y ESTILOS GLOBALES (HEREDADOS)\r\n       ========================================= *\/\r\n    :root {\r\n        --primary: #001940;    \r\n        --primary-gradient: linear-gradient(180deg, #001940 0%, #003366 100%);\r\n        --accent: #D4AF37;     \r\n        --accent-dark: #b5952f;\r\n        --light: #F8F9FA;      \r\n        --text: #333333;       \r\n        --text-light: #666666; \r\n        --white: #FFFFFF;      \r\n        --hero-overlay: rgba(0, 25, 64, 0.85); \r\n        --shadow-sm: 0 2px 5px rgba(0,0,0,0.1);\r\n        --shadow-md: 0 4px 15px rgba(0,0,0,0.1);\r\n        --shadow-lg: 0 10px 30px rgba(0,0,0,0.15);\r\n        --transition: all 0.3s ease;\r\n        --top-bar-height: 46px; \r\n        --header-height: 90px;\r\n    }\r\n\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n    \/* Contenedor Principal (Simulaci\u00f3n de Body) *\/\r\n    .page-wrapper {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: var(--text);\r\n        line-height: 1.6;\r\n        background-color: var(--white);\r\n        overflow-x: hidden;\r\n        padding-top: var(--top-bar-height); \r\n    }\r\n\r\n    h1, h2, h3, h4 { font-family: 'Playfair Display', serif; font-weight: 700; color: var(--primary); }\r\n    a { text-decoration: none; color: inherit; transition: var(--transition); }\r\n    img { max-width: 100%; display: block; height: auto; }\r\n    ul { list-style: none; }\r\n\r\n    .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; width: 100%; }\r\n    .section-padding { padding: 100px 0; }\r\n    .text-center { text-align: center; }\r\n    \r\n    .section-title { font-size: 2.5rem; color: var(--primary); margin-bottom: 1.5rem; position: relative; display: inline-block; }\r\n    .section-title::after { content: ''; display: block; width: 80px; height: 3px; background: var(--accent); margin: 15px auto 0; border-radius: 2px; }\r\n\r\n    \/* ANIMACIONES *\/\r\n    @keyframes breathe {\r\n        0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7); }\r\n        50% { transform: scale(1.05); box-shadow: 0 0 15px 10px rgba(212, 175, 55, 0); }\r\n        100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(212, 175, 55, 0); }\r\n    }\r\n    .pulse-effect { animation: breathe 2s infinite ease-in-out; }\r\n\r\n    @keyframes slideRightToLeft {\r\n        0% { transform: translateX(50px); opacity: 0; }\r\n        10% { transform: translateX(0); opacity: 1; }\r\n        90% { transform: translateX(0); opacity: 1; }\r\n        100% { transform: translateX(-50px); opacity: 0; }\r\n    }\r\n    .slide-animate { animation: slideRightToLeft 4.5s cubic-bezier(0.4, 0, 0.2, 1) forwards; }\r\n\r\n    @keyframes move-forever { 0% { transform: translate3d(-90px, 0, 0); } 100% { transform: translate3d(85px, 0, 0); } }\r\n\r\n    \/* =========================================\r\n       ESTILOS ESPEC\u00cdFICOS: PLANES DE PREVISI\u00d3N\r\n       ========================================= *\/\r\n    \r\n    \/* Beneficios (Grid Cards) *\/\r\n    .benefits-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; }\r\n    .benefit-card { \r\n        background: var(--white); padding: 40px 25px; border-radius: 8px; \r\n        box-shadow: var(--shadow-md); text-align: center; transition: var(--transition); \r\n        border-bottom: 3px solid transparent;\r\n    }\r\n    .benefit-card:hover { transform: translateY(-10px); border-bottom-color: var(--accent); box-shadow: var(--shadow-lg); }\r\n    .benefit-icon { font-size: 3rem; color: var(--accent); margin-bottom: 20px; }\r\n    .benefit-card h3 { font-size: 1.3rem; margin-bottom: 15px; font-family: 'Montserrat', sans-serif; font-weight: 700; }\r\n\r\n    \/* Secci\u00f3n Planes (Pricing) *\/\r\n    .pricing-section { background-color: var(--light); position: relative; }\r\n    .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 60px; }\r\n    .pricing-card { \r\n        background: var(--white); border-radius: 12px; overflow: hidden; \r\n        box-shadow: var(--shadow-md); transition: var(--transition); position: relative; \r\n        display: flex; flex-direction: column;\r\n    }\r\n    .pricing-card:hover { transform: scale(1.03); box-shadow: var(--shadow-lg); z-index: 2; }\r\n    \r\n    .pricing-header { \r\n        background: var(--primary); color: white; padding: 30px 20px; text-align: center; \r\n        position: relative; overflow: hidden;\r\n    }\r\n    .pricing-header h3 { color: white; margin: 0; font-size: 1.5rem; letter-spacing: 1px; }\r\n    .pricing-price { font-size: 2.5rem; font-weight: 700; color: var(--accent); margin-top: 10px; display: block; font-family: 'Playfair Display'; }\r\n    .pricing-period { font-size: 0.9rem; opacity: 0.8; font-weight: 400; }\r\n    \r\n    .pricing-body { padding: 30px; flex-grow: 1; }\r\n    .pricing-features li { margin-bottom: 15px; display: flex; align-items: start; font-size: 0.95rem; color: var(--text-light); }\r\n    .pricing-features i { color: var(--accent); margin-right: 10px; margin-top: 4px; }\r\n    \r\n    .pricing-footer { padding: 0 30px 30px; text-align: center; }\r\n    .btn-plan { width: 100%; display: block; text-align: center; border-radius: 50px; }\r\n\r\n    \/* Etiqueta \"M\u00e1s Popular\" *\/\r\n    .popular-tag { \r\n        position: absolute; top: 15px; right: -30px; transform: rotate(45deg); \r\n        background: var(--accent); color: var(--primary); font-weight: 700; \r\n        font-size: 0.8rem; padding: 5px 30px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); \r\n    }\r\n\r\n    \/* Secci\u00f3n Reflexi\u00f3n (Fixed Background) *\/\r\n    .reflection-section {\r\n        background: linear-gradient(rgba(0, 25, 64, 0.7), rgba(0, 25, 64, 0.7)), \r\n                    url('https:\/\/images.unsplash.com\/photo-1445633629932-0029acc44e88?q=80&w=2574&auto=format&fit=crop');\r\n        background-attachment: fixed;\r\n        background-position: center;\r\n        background-size: cover;\r\n        background-repeat: no-repeat;\r\n        padding: 120px 0;\r\n        text-align: center;\r\n        color: white;\r\n    }\r\n    .reflection-text { max-width: 800px; margin: 0 auto; font-size: 1.5rem; font-style: italic; font-family: 'Playfair Display'; }\r\n\r\n    \/* MODAL (Estilos) *\/\r\n    .modal {\r\n        display: none; position: fixed; z-index: 3000; left: 0; top: 0; \r\n        width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8);\r\n        backdrop-filter: blur(5px);\r\n    }\r\n    .modal-content {\r\n        background-color: #fefefe; margin: 10% auto; padding: 0; border: 1px solid #888; \r\n        width: 90%; max-width: 600px; border-radius: 10px; position: relative;\r\n        animation: fadeIn 0.4s;\r\n    }\r\n    .modal-header { background: var(--primary); color: white; padding: 20px; border-radius: 10px 10px 0 0; display: flex; justify-content: space-between; align-items: center; }\r\n    .close-modal { color: white; font-size: 28px; font-weight: bold; cursor: pointer; transition: 0.3s; }\r\n    .close-modal:hover { color: var(--accent); }\r\n    .modal-body { padding: 30px; }\r\n    .modal-body h4 { font-family: 'Montserrat'; font-size: 1.1rem; margin-bottom: 10px; color: var(--primary); font-weight: 700; }\r\n    .modal-body ul { margin-bottom: 20px; }\r\n    .modal-body li { margin-bottom: 8px; font-size: 0.95rem; }\r\n\r\n    \/* =========================================\r\n       ESTILOS HEREDADOS (HEADER, FOOTER, ETC)\r\n       ========================================= *\/\r\n    .top-bar { position: fixed; top: 0; left: 0; width: 100%; height: var(--top-bar-height); background: var(--primary-gradient); color: var(--white); z-index: 1005; display: flex; align-items: center; font-size: 0.9rem; border-bottom: 1px solid rgba(255,255,255,0.1); box-shadow: var(--shadow-sm); }\r\n    .top-bar-content { display: flex; justify-content: space-between; align-items: center; width: 100%; overflow: hidden; }\r\n    .carousel-wrapper { flex: 1; position: relative; height: 30px; display: flex; align-items: center; overflow: hidden; }\r\n    .text-carousel { font-weight: 500; letter-spacing: 0.5px; white-space: nowrap; position: absolute; left: 0; opacity: 0; }\r\n    .social-icons { display: flex; align-items: center; z-index: 2; background: transparent; padding-left: 20px; }\r\n    .social-icons a { color: var(--white); margin-left: 20px; font-size: 1.2rem; transition: color 0.3s; }\r\n    .social-icons a:hover { color: var(--accent); }\r\n\r\n    .header { position: fixed; top: var(--top-bar-height); left: 0; width: 100%; z-index: 1000; background: transparent; padding: 15px 0; transition: all 0.4s ease; }\r\n    .header.scrolled { background: var(--white); box-shadow: var(--shadow-md); padding: 10px 0; }\r\n    .header.scrolled .logo a { color: var(--primary); text-shadow: none; }\r\n    .header.scrolled .desktop-nav a { color: var(--text); text-shadow: none; }\r\n    .header.scrolled .hamburger { color: var(--primary); }\r\n    \r\n    .nav-container { display: flex; justify-content: space-between; align-items: center; }\r\n    .logo { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 700; letter-spacing: 1px; z-index: 1002; margin-right: 50px; }\r\n    .logo a { color: var(--white); text-decoration: none; text-shadow: 0 2px 4px rgba(0,0,0,0.3); transition: color 0.3s; }\r\n            \/* LOGOTIPO *\/\r\n        .logo {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 1.6rem;\r\n            color: var(--white);\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n            z-index: 1002;\r\n            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\r\n            margin-right: 50px;\r\n            \/* Separaci\u00f3n del men\u00fa *\/\r\n        }\r\n        \r\n        \/* Contenedor principal para centrar y fondo (opcional) *\/\r\n        .nova-logo-wrapper {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            padding: 10px;\r\n            \/* Fondo blanco como en la imagen *\/\r\n        }\r\n\r\n        .nova-logo-box {\r\n            text-align: center;\r\n            line-height: 1;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Texto \"nova\" *\/\r\n        .nova-text {\r\n            font-family: 'Playfair Display', serif;\r\n            font-weight: 700;\r\n            \/* Bold *\/\r\n            font-size: 3rem;\r\n            \/* Tama\u00f1o grande *\/\r\n            margin: 0;\r\n            letter-spacing: -2px;\r\n            \/* Juntar letras para estilo elegante *\/\r\n            color: var(--white);\r\n            \/* Color base negro *\/\r\n            position: relative;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* La letra 'a' y partes del texto con degradado azul\/morado *\/\r\n        .nova-text {\r\n            background: -webkit-linear-gradient(45deg, var(--white) 30%, #3a3abf 70%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        \/* La estrella (\u2726) *\/\r\n        .nova-star {\r\n            font-size: 2rem;\r\n            \/* Tama\u00f1o de la estrella *\/\r\n            color: var(--white);\r\n            \/* Azul oscuro *\/\r\n            position: absolute;\r\n            top: -5px;\r\n            \/* Ajuste vertical *\/\r\n            right: 10px;\r\n            \/* Ajuste horizontal sobre la 'a' *\/\r\n            -webkit-text-fill-color: var(--white);\r\n            \/* Forzar color s\u00f3lido sobre el degradado *\/\r\n            animation: twinkle 3s infinite ease-in-out;\r\n            \/* Peque\u00f1a animaci\u00f3n opcional *\/\r\n        }\r\n\r\n        \/* Texto \"memorial\" *\/\r\n        .nova-subtitle {\r\n            font-family: 'Montserrat', sans-serif;\r\n            font-size: 1rem;\r\n            color: var(--white);\r\n            \/* Azul gris\u00e1ceo *\/\r\n            letter-spacing: 0.5px;\r\n            margin-top: -10px;\r\n            \/* Subir para pegar al texto principal *\/\r\n            text-align: left;\r\n            \/* Alineado a la izquierda visualmente *\/\r\n            padding-left: 1px;\r\n        }\r\n\r\n        .header.scrolled .nova-text {\r\n            background: -webkit-linear-gradient(45deg, #000000 30%, #3a3abf 70%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        .header.scrolled .nova-subtitle {\r\n            color: #333366;\r\n        }\r\n        .header.scrolled .nova-star {\r\n             color: #001940;\r\n            \/* Ajuste horizontal sobre la 'a' *\/\r\n            -webkit-text-fill-color: #001940;\r\n        }\r\n\r\n        \/* Animaci\u00f3n sutil para la estrella *\/\r\n        @keyframes twinkle {\r\n\r\n            0%,\r\n            100% {\r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n\r\n            50% {\r\n                opacity: 0.8;\r\n                transform: scale(1.1);\r\n            }\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .nova-text {\r\n                font-size: 3.5rem;\r\n            }\r\n\r\n            .nova-star {\r\n                font-size: 1.5rem;\r\n                right: 10px;\r\n                top: -2px;\r\n            }\r\n\r\n            .nova-subtitle {\r\n                font-size: 0.9rem;\r\n                margin-top: -5px;\r\n            }\r\n        }\r\n\r\n    .desktop-nav { display: none; }\r\n    @media (min-width: 992px) {\r\n        .desktop-nav { display: flex; gap: 35px; align-items: center; flex-grow: 1; justify-content: flex-end; }\r\n        .desktop-nav a { color: var(--white); font-weight: 500; font-size: 0.9rem; text-shadow: 0 1px 2px rgba(0,0,0,0.5); position: relative; padding-bottom: 8px; }\r\n        .desktop-nav a::after { content: ''; position: absolute; width: 0; height: 3px; bottom: 0; left: 0; background-color: var(--accent); transition: width 0.3s ease; }\r\n        .header:not(.scrolled) .desktop-nav a:hover { color: var(--accent) !important; }\r\n        .header.scrolled .desktop-nav a:hover { color: #000000 !important; }\r\n        .desktop-nav a:hover::after { width: 100%; }\r\n    }\r\n\r\n    .btn-emergency-header { background-color: var(--primary); color: var(--white) !important; padding: 10px 24px; border-radius: 50px; font-weight: 600; font-size: 0.85rem; text-transform: uppercase; box-shadow: 0 4px 10px rgba(0,0,0,0.2); transition: all 0.3s; display: none; border: 2px solid var(--primary); margin-left: 20px; }\r\n    .btn-emergency-header:hover { background-color: var(--white); color: var(--primary) !important; }\r\n    .header.scrolled .btn-emergency-header { background-color: var(--primary); color: var(--white) !important; }\r\n    .header.scrolled .btn-emergency-header:hover { background-color: var(--white); color: var(--primary) !important; border-color: var(--primary); }\r\n    @media (min-width: 992px) { .btn-emergency-header { display: inline-block; } }\r\n    .desktop-nav .btn-emergency-header::after { display: none !important; }\r\n\r\n    \/* Mobile Menu *\/\r\n    .hamburger { display: block; cursor: pointer; z-index: 2005; color: var(--white); font-size: 1.8rem; }\r\n    .mobile-menu-overlay.active ~ .header .hamburger, body.menu-open .hamburger { color: var(--primary) !important; }\r\n    .mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 80%; max-width: 350px; height: 100vh; background: #FFFFFF; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 40px 30px; z-index: 2000; transform: translateX(-100%); transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); box-shadow: 5px 0 30px rgba(0,0,0,0.2); }\r\n    .mobile-menu-overlay.active { transform: translateX(0); }\r\n    .mobile-logo { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 700; color: var(--primary); margin-bottom: 40px; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 20px; }\r\n    .mobile-nav-links { width: 100%; display: flex; flex-direction: column; gap: 20px; }\r\n    .mobile-nav-links a { font-family: 'Montserrat', sans-serif; font-size: 1.2rem; font-weight: 600; color: #000000; text-align: left; transition: all 0.3s; display: block; padding: 5px 0; }\r\n    .mobile-nav-links a:hover { color: var(--primary); padding-left: 10px; border-left: 3px solid var(--accent); }\r\n    #close-btn { position: absolute; top: 20px; right: 20px; color: var(--primary); font-size: 1.5rem; cursor: pointer; }\r\n    @media (min-width: 992px) { .hamburger { display: none; } .mobile-menu-overlay { display: none; } }\r\n\r\n    \/* Hero (Plans Page) *\/\r\n    \/* =========================================\r\n       HERO CON CARRUSEL DE FONDO (ACTUALIZADO)\r\n       ========================================= *\/\r\n    .hero { \r\n        height: 90vh; \r\n        position: relative; \r\n        \/* Eliminamos el background directo de aqu\u00ed *\/\r\n        display: flex; \r\n        align-items: center; \r\n        justify-content: center; \r\n        text-align: center; \r\n        color: var(--white); \r\n        margin-top: calc(var(--top-bar-height) * -1); \r\n        overflow: hidden; \r\n    }\r\n\r\n    \/* Contenedor de las diapositivas detr\u00e1s del texto *\/\r\n    .hero-bg-slider {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        z-index: 0; \/* Detr\u00e1s del contenido *\/\r\n    }\r\n\r\n    \/* Cada diapositiva individual *\/\r\n    .hero-slide {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-attachment: fixed; \/* Efecto Fijado *\/\r\n        opacity: 0; \/* Oculto por defecto *\/\r\n        transition: opacity 2s ease-in-out; \/* Transici\u00f3n suave de 2 segundos *\/\r\n    }\r\n\r\n    \/* Clase para mostrar la diapositiva actual *\/\r\n    .hero-slide.active {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Ajuste de capas para el contenido *\/\r\n    .hero-content { \r\n        max-width: 900px; \r\n        padding: 0 20px; \r\n        position: relative; \r\n        z-index: 2; \/* Encima del slider *\/\r\n    }\r\n    \r\n    .hero h1 { color: #FFFFFF !important; font-size: 4rem; margin-bottom: 1rem; text-shadow: 0 4px 8px rgba(0,0,0,0.6); }\r\n    .hero p { font-size: 1.3rem; font-weight: 400; text-shadow: 0 2px 4px rgba(0,0,0,0.6); }\r\n    \r\n    \/* Ajuste de capas para las olas *\/\r\n    .hero-waves-container { \r\n        position: absolute; \r\n        bottom: 0; \r\n        left: 0; \r\n        width: 100%; \r\n        height: 100px; \r\n        overflow: hidden; \r\n        line-height: 0; \r\n        z-index: 3; \/* Encima de todo *\/\r\n    }\r\n\r\n    \/* Ajuste Responsive *\/\r\n    @media (max-width: 767px) {\r\n        .hero h1 { font-size: 2.8rem; }\r\n        \/* En m\u00f3viles a veces \"fixed\" falla, lo pasamos a scroll para evitar errores visuales *\/\r\n        .hero-slide { background-attachment: scroll; } \r\n    }\r\n    .btn { display: inline-block; padding: 16px 45px; background-color: var(--primary); color: var(--white); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-radius: 4px; transition: var(--transition); border: 2px solid var(--primary); box-shadow: 0 4px 15px rgba(0, 25, 64, 0.4); cursor: pointer; }\r\n    .btn:hover { background-color: transparent; color: var(--white); border-color: var(--white); transform: translateY(-3px); }\r\n    .hero-waves-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; overflow: hidden; line-height: 0; z-index: 5; }\r\n    .waves { position: relative; width: 100%; height: 100%; margin-bottom: -7px; min-height: 100px; max-height: 150px; }\r\n    .parallax > use { animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite; }\r\n    .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; }\r\n    .parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; }\r\n    .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; }\r\n    .parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; }\r\n\r\n    \/* Footer & Components *\/\r\n    footer { background: var(--primary-gradient); color: #ccc; padding: 100px 0 40px; }\r\n    .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 60px; margin-bottom: 60px; }\r\n    .footer-col h4 { color: var(--white); margin-bottom: 30px; letter-spacing: 1px; font-size: 1.4rem; }\r\n    .footer-links li { margin-bottom: 15px; }\r\n    .footer-links a { transition: 0.3s; color: #ddd; }\r\n    .footer-links a:hover { color: var(--accent); padding-left: 8px; }\r\n    .copyright { text-align: center; padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; color: rgba(255,255,255,0.5); }\r\n    \r\n    \/* FAQ Section Styles (Reused) *\/\r\n    .accordion-item { border-bottom: 1px solid #ddd; margin-bottom: 15px; }\r\n    .accordion-header { width: 100%; text-align: left; padding: 25px; background: white; border: 1px solid transparent; border-radius: 4px; outline: none; cursor: pointer; font-size: 1.1rem; font-weight: 600; color: var(--primary); display: flex; justify-content: space-between; align-items: center; font-family: 'Montserrat', sans-serif; transition: 0.3s; }\r\n    .accordion-header:hover { background: #f9f9f9; color: var(--accent); }\r\n    .accordion-header.active { background: #fff; border-bottom: 1px solid transparent; color: var(--accent); }\r\n    .accordion-header.active i { transform: rotate(180deg); }\r\n    .accordion-content { padding: 0 25px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; background-color: #fff; }\r\n    .accordion-content p { padding-bottom: 25px; color: var(--text-light); }\r\n\r\n    \/* Contact Iframe Styles *\/\r\n    .contact-iframe-container { background: var(--white); padding: 20px; box-shadow: var(--shadow-lg); border-radius: 12px; border-top: 5px solid var(--accent); overflow: hidden; width: 100%; }\r\n    .contact-iframe-container iframe { width: 100% !important; display: block; }\r\n\r\n    \/* =========================================\r\n           14. BOT\u00d3N FLOTANTE (SCROLL TOP)\r\n           ========================================= *\/\r\n        .scroll-top-btn {\r\n            position: fixed;\r\n            bottom: 100px;\r\n            right: 30px;\r\n            width: 50px;\r\n            height: 50px;\r\n            background-color: var(--primary);\r\n            color: white;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            font-size: 1.2rem;\r\n            cursor: pointer;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: all 0.3s;\r\n            z-index: 9999;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .scroll-top-btn.visible {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        .scroll-top-btn:hover {\r\n            background-color: #b5952f;\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n    @media (min-width: 768px) {\r\n        .hero h1 { font-size: 4rem; }\r\n        .benefits-grid { grid-template-columns: repeat(3, 1fr); }\r\n        .pricing-grid { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n    @media (max-width: 767px) {\r\n        .hero h1 { font-size: 2.5rem; }\r\n        .benefits-grid, .pricing-grid { grid-template-columns: 1fr; }\r\n        .logo { margin-right: 0; }\r\n        .counters-section { background-attachment: scroll !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"page-wrapper\">\r\n\r\n    <div class=\"top-bar\">\r\n        <div class=\"container top-bar-content\">\r\n            <div class=\"carousel-wrapper\">\r\n                <div class=\"text-carousel\" id=\"top-msg\">Planes Transferibles - Cobertura Nacional - Atenci\u00f3n 24\/7<\/div>\r\n            <\/div>\r\n            <div class=\"social-icons\">\r\n                <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n                <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n                <a href=\"#\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <header class=\"header\" id=\"main-header\">\r\n        <div class=\"container nav-container\">\r\n            <div class=\"nova-logo-wrapper\">\r\n                <link\r\n                    href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400&family=Playfair+Display:wght@700&display=swap\"\r\n                    rel=\"stylesheet\">\r\n\r\n                <div class=\"nova-logo-box\">\r\n                    <a href=\"https:\/\/develop.sitios24x7.com\/index.php\/nova-inicio\">\r\n                    <div class=\"nova-title-container\">\r\n                        <h1 class=\"nova-text\">\r\n                            nov<span class=\"last-letter\">a<\/span>\r\n                            <span class=\"nova-star\">\u2726<\/span>\r\n                        <\/h1>\r\n                    <\/div>\r\n                    <div class=\"nova-subtitle\">\r\n                        memorial\r\n                    <\/div>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <nav class=\"desktop-nav\">\r\n                <a href=\"https:\/\/develop.sitios24x7.com\/index.php\/nova-inicio\" class=\"nav-link\">Inicio<\/a>\r\n                <a href=\"#beneficios\" class=\"nav-link\">Beneficios<\/a>\r\n                <a href=\"#planes\" class=\"nav-link\">Nuestros Planes<\/a>\r\n                <a href=\"#faq\" class=\"nav-link\">Preguntas<\/a>\r\n                <a href=\"#contacto\" class=\"nav-link\">Contacto<\/a>\r\n                <a href=\"https:\/\/develop.sitios24x7.com\/index.php\/nova-nosotros\" class=\"nav-link\">Sobre Nosotros<\/a>\r\n                <a href=\"tel:+522311505793\" class=\"btn-emergency-header pulse-effect nav-link-btn\">\r\n                    <i class=\"fas fa-phone-alt\"><\/i> Emergencia\r\n                <\/a>\r\n            <\/nav>\r\n\r\n            <div class=\"hamburger\" id=\"hamburger-btn\">\r\n                <i class=\"fas fa-bars\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <div class=\"mobile-menu-overlay\" id=\"mobile-menu\">\r\n        <div class=\"hamburger\" id=\"close-btn\" style=\"color: var(--primary) !important;\"><i class=\"fas fa-times\"><\/i><\/div>\r\n        <div class=\"mobile-logo\">NOVA MEMORIAL<\/div>\r\n        <nav class=\"mobile-nav-links\">\r\n            <a href=\"https:\/\/develop.sitios24x7.com\/index.php\/nova-inicio\" class=\"nav-link\">Inicio<\/a>\r\n            <a href=\"#beneficios\" onclick=\"toggleMenu()\" class=\"nav-link\">Beneficios<\/a>\r\n            <a href=\"#planes\" onclick=\"toggleMenu()\" class=\"nav-link\">Nuestros Planes<\/a>\r\n            <a href=\"#faq\" onclick=\"toggleMenu()\" class=\"nav-link\">Preguntas<\/a>\r\n            <a href=\"#contacto\" onclick=\"toggleMenu()\" class=\"nav-link\">Contacto<\/a>\r\n            <a href=\"https:\/\/develop.sitios24x7.com\/index.php\/nova-nosotros\" onclick=\"toggleMenu()\" class=\"nav-link\">Sobre Nosotros<\/a>\r\n            <a href=\"tel:+522311505793\"onclick=\"toggleMenu()\" class=\"nav-link\">\r\n                <i class=\"fas fa-phone-alt\"><\/i> Emergencia\r\n            <\/a>\r\n        <\/nav>\r\n    <\/div>\r\n\r\n<section class=\"hero\">\r\n        \r\n        <div class=\"hero-bg-slider\" id=\"heroSlider\">\r\n            <div class=\"hero-slide active\" style=\"background-image: linear-gradient(var(--hero-overlay), var(--hero-overlay)), url('https:\/\/images.unsplash.com\/photo-1542037104857-ffbb0b9155fb?q=80&w=2554&auto=format&fit=crop');\"><\/div>\r\n            \r\n            <div class=\"hero-slide\" style=\"background-image: linear-gradient(var(--hero-overlay), var(--hero-overlay)), url('https:\/\/images.unsplash.com\/photo-1475924156734-496f6cac6ec1?q=80&w=2670&auto=format&fit=crop');\"><\/div>\r\n            \r\n            <div class=\"hero-slide\" style=\"background-image: linear-gradient(var(--hero-overlay), var(--hero-overlay)), url('https:\/\/images.unsplash.com\/photo-1470252649378-9c29740c9fa8?q=80&w=2670&auto=format&fit=crop');\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-content\">\r\n            <h1 data-aos=\"fade-up\">M\u00e1s que una Funeraria, una Familia<\/h1>\r\n            <p data-aos=\"fade-up\" data-aos-delay=\"200\">Desde 1997, dedicados a honrar la memoria de quienes amas con dignidad, respeto y calidez humana.<\/p>\r\n            <button onclick=\"openModal('modal-video')\" class=\"btn nav-link-btn\" data-aos=\"fade-up\" data-aos-delay=\"400\"><i class=\"fas fa-play\"><\/i> Con\u00f3cenos<\/button>\r\n        <\/div>\r\n\r\n        <div class=\"hero-waves-container\">\r\n            <svg class=\"waves\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\" shape-rendering=\"auto\">\r\n                <defs><path id=\"gentle-wave\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/><\/defs>\r\n                <g class=\"parallax\">\r\n                    <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"0\" fill=\"rgba(255,255,255,0.7)\" \/>\r\n                    <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"3\" fill=\"rgba(255,255,255,0.5)\" \/>\r\n                    <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"5\" fill=\"rgba(255,255,255,0.3)\" \/>\r\n                    <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"7\" fill=\"#fff\" \/>\r\n                <\/g>\r\n            <\/svg>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section-padding\" style=\"background: #fff;\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center\" style=\"max-width: 800px; margin: 0 auto 60px;\">\r\n                <h2 class=\"section-title\" data-aos=\"fade-up\">\u00bfPor qu\u00e9 elegir un Plan de Previsi\u00f3n?<\/h2>\r\n                <p data-aos=\"fade-up\" style=\"font-size: 1.1rem; color: #666;\">Adquirir un plan a futuro no es atraer la fatalidad, es un acto de responsabilidad y amor. Evita a tus seres queridos la carga financiera y emocional de tomar decisiones complejas en momentos de dolor.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"beneficios\" class=\"section-padding\" style=\"background: var(--light);\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title text-center\" data-aos=\"fade-up\">Beneficios Exclusivos<\/h2>\r\n            <div class=\"benefits-grid\">\r\n                <div class=\"benefit-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <i class=\"fas fa-hand-holding-usd benefit-icon\"><\/i>\r\n                    <h3>Precio Congelado<\/h3>\r\n                    <p>Al contratar hoy, congelas el costo del servicio evitando la inflaci\u00f3n futura.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <i class=\"fas fa-exchange-alt benefit-icon\"><\/i>\r\n                    <h3>100% Transferible<\/h3>\r\n                    <p>Puedes ceder los derechos de tu plan a cualquier familiar o amigo que lo necesite.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <i class=\"fas fa-map-marked-alt benefit-icon\"><\/i>\r\n                    <h3>Cobertura Nacional<\/h3>\r\n                    <p>Gracias a nuestra red de aliados, te respaldamos en cualquier parte del pa\u00eds.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <i class=\"fas fa-file-contract benefit-icon\"><\/i>\r\n                    <h3>Tr\u00e1mites Incluidos<\/h3>\r\n                    <p>Nos encargamos de toda la gesti\u00f3n legal y administrativa necesaria.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                    <i class=\"fas fa-infinity benefit-icon\"><\/i>\r\n                    <h3>Vigencia Vitalicia<\/h3>\r\n                    <p>Tu plan no tiene fecha de caducidad. Es una inversi\u00f3n para siempre.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n                    <i class=\"fas fa-piggy-bank benefit-icon\"><\/i>\r\n                    <h3>Facilidades de Pago<\/h3>\r\n                    <p>Planes de financiamiento a tu medida, con mensualidades accesibles.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"reflection-section\">\r\n        <div class=\"container\">\r\n            <p class=\"reflection-text\" data-aos=\"zoom-in\">\"La previsi\u00f3n es la huella de amor que dejamos a quienes m\u00e1s queremos, regal\u00e1ndoles paz cuando m\u00e1s la necesitan.\"<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"planes\" class=\"section-padding pricing-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title text-center\" data-aos=\"fade-up\">Nuestros Planes a Futuro<\/h2>\r\n            <div class=\"pricing-grid\">\r\n                \r\n                <div class=\"pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"pricing-header\">\r\n                        <h3>PLAN B\u00c1SICO<\/h3>\r\n                        <span class=\"pricing-price\">$15,000<\/span>\r\n                        <span class=\"pricing-period\">Pago \u00fanico o 12 meses<\/span>\r\n                    <\/div>\r\n                    <div class=\"pricing-body\">\r\n                        <ul class=\"pricing-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Recolecci\u00f3n del cuerpo<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Arreglo est\u00e9tico b\u00e1sico<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Ata\u00fad met\u00e1lico est\u00e1ndar<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Sala de velaci\u00f3n (12 hrs)<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Tr\u00e1mites legales b\u00e1sicos<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"pricing-footer\">\r\n                        <button class=\"btn btn-plan pulse-effect\" onclick=\"openModal('modal-basico')\">Ver Detalles<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"200\" style=\"border: 2px solid var(--accent);\">\r\n                    <div class=\"popular-tag\">Popular<\/div>\r\n                    <div class=\"pricing-header\" style=\"background: var(--primary-gradient);\">\r\n                        <h3>PLAN EST\u00c1NDAR<\/h3>\r\n                        <span class=\"pricing-price\">$28,000<\/span>\r\n                        <span class=\"pricing-period\">Pago \u00fanico o 24 meses<\/span>\r\n                    <\/div>\r\n                    <div class=\"pricing-body\">\r\n                        <ul class=\"pricing-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Todo lo del Plan B\u00e1sico<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Ata\u00fad de madera fina<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Sala de velaci\u00f3n VIP (24 hrs)<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Servicio de cafeter\u00eda ilimitado<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Carroza de lujo para cortejo<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"pricing-footer\">\r\n                        <button class=\"btn btn-plan pulse-effect\" onclick=\"openModal('modal-estandar')\" style=\"background-color: var(--accent); border-color: var(--accent);\">Ver Detalles<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"pricing-header\">\r\n                        <h3>PLAN CREMACI\u00d3N<\/h3>\r\n                        <span class=\"pricing-price\">$22,000<\/span>\r\n                        <span class=\"pricing-period\">Pago \u00fanico o 18 meses<\/span>\r\n                    <\/div>\r\n                    <div class=\"pricing-body\">\r\n                        <ul class=\"pricing-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Recolecci\u00f3n y tr\u00e1mites<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Ata\u00fad en renta para velaci\u00f3n<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Servicio de cremaci\u00f3n certificado<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Urna de madera o m\u00e1rmol<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Opci\u00f3n de nicho temporal<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <div class=\"pricing-footer\">\r\n                        <button class=\"btn btn-plan pulse-effect\" onclick=\"openModal('modal-cremacion')\">Ver Detalles<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"faq\" class=\"section-padding\" style=\"background-color: #fff;\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title text-center\" data-aos=\"fade-up\">Preguntas Frecuentes<\/h2>\r\n            <br>\r\n            <div class=\"faq-container\">\r\n                <div class=\"accordion-item\" data-aos=\"fade-up\">\r\n                    <button class=\"accordion-header\">\u00bfQu\u00e9 pasa si me mudo de ciudad? <i class=\"fas fa-chevron-down\"><\/i><\/button>\r\n                    <div class=\"accordion-content\"><p>Gracias a nuestra red nacional de aliados, su cobertura se mantiene. Solo necesitamos coordinar el traslado o la asignaci\u00f3n de una agencia filial en su nueva residencia (pueden aplicar costos de traslado).<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\" data-aos=\"fade-up\">\r\n                    <button class=\"accordion-header\">\u00bfPuedo transferir mi plan a otra persona? <i class=\"fas fa-chevron-down\"><\/i><\/button>\r\n                    <div class=\"accordion-content\"><p>S\u00ed, todos nuestros planes de previsi\u00f3n son 100% transferibles a familiares o amigos en caso de necesidad inmediata, sin penalizaciones.<\/p><\/div>\r\n                <\/div>\r\n                <div class=\"accordion-item\" data-aos=\"fade-up\">\r\n                    <button class=\"accordion-header\">\u00bfQu\u00e9 formas de pago aceptan? <i class=\"fas fa-chevron-down\"><\/i><\/button>\r\n                    <div class=\"accordion-content\"><p>Aceptamos tarjetas de cr\u00e9dito, d\u00e9bito, transferencias y pagos en efectivo. Ofrecemos financiamiento directo a meses sin intereses seg\u00fan la promoci\u00f3n vigente.<\/p><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"contacto\" class=\"section-padding\" style=\"background: var(--light);\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title text-center\">Solicita tu cotizaci\u00f3n<\/h2>\r\n            <p class=\"text-center\" style=\"max-width: 600px; margin: 0 auto 50px auto;\">Llena el siguiente formulario y un asesor te contactar\u00e1 para dise\u00f1ar un plan a tu medida.<\/p>\r\n            <div class=\"contact-iframe-container\" style=\"max-width: 800px; margin: 0 auto;\">\r\n                <iframe scrolling=\"auto\" src=\"https:\/\/sales.portal24x7.com\/document.php?module=form&option=optin&action=show&parm1=689&parm2=2\" frameborder=\"0\" height=\"500\" width=\"100%\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer>\r\n        <div class=\"container\">\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-col\"><h4>NOVA MEMORIAL<\/h4><p style=\"opacity: 0.8; line-height: 1.8;\">Una historia de compromiso y excelencia humana, brindando luz en los momentos dif\u00edciles desde 1997.<\/p><\/div>\r\n                <div class=\"footer-col\"><h4>Enlaces R\u00e1pidos<\/h4><ul class=\"footer-links\"><li><a href=\"https:\/\/develop.sitios24x7.com\/index.php\/nova-inicio\">Inicio<\/a><\/li><li><a href=\"#beneficios\">Beneficios<\/a><\/li><li><a href=\"#planes\">Nuestros Planes<\/a><\/li><li><a href=\"#contacto\">Contacto<\/a><\/li><\/ul><\/div>\r\n                <div class=\"footer-col\"><h4>S\u00edguenos<\/h4><div style=\"font-size: 1.8rem; margin-top: 15px;\"><a href=\"#\" style=\"color: #fff; margin-right: 20px;\"><i class=\"fab fa-facebook\"><\/i><\/a><a href=\"#\" style=\"color: #fff; margin-right: 20px;\"><i class=\"fab fa-instagram\"><\/i><\/a><a href=\"#\" style=\"color: #fff;\"><i class=\"fab fa-whatsapp\"><\/i><\/a><\/div><\/div>\r\n            <\/div>\r\n            <div class=\"copyright\"><p>\u00a9 2026 Nova Memorial. Todos los derechos reservados.<\/p><\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <div class=\"scroll-top-btn pulse-effect\" id=\"scrollTopBtn\"><i class=\"fas fa-arrow-up\"><\/i><\/div>\r\n\r\n    <div id=\"modal-basico\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\"><h3>Detalles Plan B\u00e1sico<\/h3><span class=\"close-modal\" onclick=\"closeModal('modal-basico')\">&times;<\/span><\/div>\r\n            <div class=\"modal-body\">\r\n                <h4>Incluye:<\/h4>\r\n                <ul>\r\n                    <li>\u2714 Atenci\u00f3n y asesor\u00eda las 24 horas.<\/li>\r\n                    <li>\u2714 Traslado inicial (dentro de la ciudad).<\/li>\r\n                    <li>\u2714 Preparaci\u00f3n est\u00e9tica del cuerpo.<\/li>\r\n                    <li>\u2714 Ata\u00fad met\u00e1lico modelo est\u00e1ndar.<\/li>\r\n                    <li>\u2714 Uso de sala de velaci\u00f3n por 12 horas.<\/li>\r\n                    <li>\u2714 Servicio de cafeter\u00eda b\u00e1sico (caf\u00e9 y agua).<\/li>\r\n                <\/ul>\r\n                <p><strong>Nota:<\/strong> No incluye traslados for\u00e1neos ni derechos de cementerio.<\/p>\r\n                <button class=\"btn btn-plan\" style=\"margin-top: 20px;\" onclick=\"closeModal('modal-basico'); window.location.href='#contacto';\">Cotizar Ahora<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"modal-estandar\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\"><h3>Detalles Plan Est\u00e1ndar<\/h3><span class=\"close-modal\" onclick=\"closeModal('modal-estandar')\">&times;<\/span><\/div>\r\n            <div class=\"modal-body\">\r\n                <h4>Incluye:<\/h4>\r\n                <ul>\r\n                    <li>\u2714 Todo lo del Plan B\u00e1sico.<\/li>\r\n                    <li>\u2714 Embalsamamiento profesional.<\/li>\r\n                    <li>\u2714 Ata\u00fad de madera fina o met\u00e1lico superior.<\/li>\r\n                    <li>\u2714 Sala de velaci\u00f3n VIP por 24 horas.<\/li>\r\n                    <li>\u2714 Cafeter\u00eda ilimitada con galletas y pan.<\/li>\r\n                    <li>\u2714 Carroza de lujo para cortejo f\u00fanebre.<\/li>\r\n                    <li>\u2714 Cami\u00f3n para acompa\u00f1antes (1 unidad).<\/li>\r\n                <\/ul>\r\n                <button class=\"btn btn-plan\" style=\"margin-top: 20px;\" onclick=\"closeModal('modal-estandar'); window.location.href='#contacto';\">Cotizar Ahora<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"modal-cremacion\" class=\"modal\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\"><h3>Detalles Plan Cremaci\u00f3n<\/h3><span class=\"close-modal\" onclick=\"closeModal('modal-cremacion')\">&times;<\/span><\/div>\r\n            <div class=\"modal-body\">\r\n                <h4>Incluye:<\/h4>\r\n                <ul>\r\n                    <li>\u2714 Traslado y tr\u00e1mites legales de defunci\u00f3n.<\/li>\r\n                    <li>\u2714 Renta de ata\u00fad para velaci\u00f3n (si se requiere).<\/li>\r\n                    <li>\u2714 Servicio de cremaci\u00f3n en horno propio.<\/li>\r\n                    <li>\u2714 Urna de madera, m\u00e1rmol o metal a elegir.<\/li>\r\n                    <li>\u2714 Certificado de cremaci\u00f3n.<\/li>\r\n                    <li>\u2714 Opci\u00f3n de nicho temporal en nuestras instalaciones.<\/li>\r\n                <\/ul>\r\n                <button class=\"btn btn-plan\" style=\"margin-top: 20px;\" onclick=\"closeModal('modal-cremacion'); window.location.href='#contacto';\">Cotizar Ahora<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    (function (d, t) {\r\n        var BASE_URL = \"https:\/\/chat.portal24x7.cloud\";\r\n        var g = d.createElement(t), s = d.getElementsByTagName(t)[0];\r\n        g.src = BASE_URL + \"\/packs\/js\/sdk.js\";\r\n        g.async = true;\r\n        s.parentNode.insertBefore(g, s);\r\n        g.onload = function () {\r\n            window.chatwootSDK.run({\r\n                websiteToken: 'M6BdQiVyJ4GHpT6ZTvaDFiEX',\r\n                baseUrl: BASE_URL\r\n            })\r\n        }\r\n    })(document, \"script\");\r\n<\/script>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n    \/\/ Inicializar AOS\r\n    AOS.init({ once: true, duration: 800 });\r\n\r\n    \/\/ --- L\u00d3GICA SCROLL, HEADER Y ACTIVE LINKS ---\r\n    const header = document.getElementById('main-header');\r\n    const scrollBtn = document.getElementById('scrollTopBtn');\r\n    \r\n    window.addEventListener('scroll', () => {\r\n        if (window.scrollY > 50) header.classList.add('scrolled'); else header.classList.remove('scrolled');\r\n        if (window.scrollY > 300) scrollBtn.classList.add('visible'); else scrollBtn.classList.remove('visible');\r\n    });\r\n\r\n    scrollBtn.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: \"smooth\" }); });\r\n\r\n    \/\/ --- CARRUSEL TOP BAR ---\r\n    const msgElement = document.getElementById('top-msg');\r\n    const messages = [\"Planes Transferibles\", \"Atenci\u00f3n 24 Horas\", \"Facilidades de Pago\"];\r\n    let msgIndex = 0;\r\n    function animateText() {\r\n        msgElement.classList.remove('slide-animate');\r\n        void msgElement.offsetWidth;\r\n        msgElement.innerText = messages[msgIndex];\r\n        msgElement.classList.add('slide-animate');\r\n        msgIndex = (msgIndex + 1) % messages.length;\r\n    }\r\n    animateText();\r\n    setInterval(animateText, 4500);\r\n\r\n    \/\/ --- MEN\u00da M\u00d3VIL ---\r\n    const hamburgerBtn = document.getElementById('hamburger-btn');\r\n    const closeBtn = document.getElementById('close-btn');\r\n    const mobileMenu = document.getElementById('mobile-menu');\r\n    function toggleMenu() { \r\n        mobileMenu.classList.toggle('active');\r\n        if(mobileMenu.classList.contains('active')) document.body.classList.add('menu-open');\r\n        else document.body.classList.remove('menu-open');\r\n    }\r\n    hamburgerBtn.addEventListener('click', toggleMenu);\r\n    closeBtn.addEventListener('click', toggleMenu);\r\n    document.querySelectorAll('.mobile-nav-links a').forEach(link => link.addEventListener('click', toggleMenu));\r\n    \r\n    \/\/ --- CERRAR MEN\u00da AL PULSAR ENLACE (M\u00d3VIL) ---\r\n    \/\/ 1. Seleccionamos todos los enlaces dentro del men\u00fa m\u00f3vil\r\n    const menuLinks = document.querySelectorAll('.mobile-nav-links a');\r\n\r\n    \/\/ 2. A cada enlace le agregamos un \"o\u00eddo\" para detectar el clic\r\n    menuLinks.forEach(link => {\r\n        link.addEventListener('click', () => {\r\n            \/\/ Si el men\u00fa est\u00e1 abierto (tiene la clase active), ci\u00e9rralo\r\n            if (mobileMenu.classList.contains('active')) {\r\n                toggleMenu(); \r\n            }\r\n        });\r\n    });\r\n    \r\n    \/\/ --- L\u00d3GICA CARRUSEL HERO (BACKGROUND) ---\r\n        const heroSlides = document.querySelectorAll('.hero-slide');\r\n        let currentHeroSlide = 0;\r\n        const slideIntervalTime = 5000; \/\/ Cambia cada 5 segundos\r\n\r\n        function nextHeroSlide() {\r\n            \/\/ Quitar clase active de la actual\r\n            heroSlides[currentHeroSlide].classList.remove('active');\r\n            \r\n            \/\/ Calcular siguiente \u00edndice (bucle infinito)\r\n            currentHeroSlide = (currentHeroSlide + 1) % heroSlides.length;\r\n            \r\n            \/\/ A\u00f1adir clase active a la siguiente\r\n            heroSlides[currentHeroSlide].classList.add('active');\r\n        }\r\n\r\n        \/\/ Iniciar el intervalo autom\u00e1tico\r\n        setInterval(nextHeroSlide, slideIntervalTime);\r\n\r\n    \/\/ --- ACORDE\u00d3N ---\r\n    document.querySelectorAll(\".accordion-header\").forEach(acc => {\r\n        acc.addEventListener(\"click\", function() {\r\n            this.classList.toggle(\"active\");\r\n            const panel = this.nextElementSibling;\r\n            if (panel.style.maxHeight) panel.style.maxHeight = null; else panel.style.maxHeight = panel.scrollHeight + \"px\";\r\n        });\r\n    });\r\n\r\n    \/\/ --- L\u00d3GICA MODALES ---\r\n    function openModal(modalId) {\r\n        document.getElementById(modalId).style.display = \"block\";\r\n        document.body.style.overflow = \"hidden\"; \/\/ Bloquear scroll\r\n    }\r\n    function closeModal(modalId) {\r\n        document.getElementById(modalId).style.display = \"none\";\r\n        document.body.style.overflow = \"auto\"; \/\/ Activar scroll\r\n    }\r\n    \/\/ Cerrar al hacer clic fuera del contenido\r\n    window.onclick = function(event) {\r\n        if (event.target.classList.contains('modal')) {\r\n            event.target.style.display = \"none\";\r\n            document.body.style.overflow = \"auto\";\r\n        }\r\n    }\r\n<\/script>\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>Planes Transferibles &#8211; Cobertura Nacional &#8211; Atenci\u00f3n 24\/7 nova \u2726 memorial Inicio Beneficios Nuestros Planes Preguntas Contacto Sobre Nosotros Emergencia NOVA MEMORIAL Inicio Beneficios Nuestros Planes Preguntas Contacto Sobre Nosotros Emergencia M\u00e1s que una Funeraria, una Familia Desde 1997, dedicados a honrar la memoria de quienes amas con dignidad, respeto y calidez humana. Con\u00f3cenos \u00bfPor [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-135","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/comments?post=135"}],"version-history":[{"count":22,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/135\/revisions\/202"}],"wp:attachment":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/media?parent=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}