{"id":144,"date":"2026-01-22T22:36:19","date_gmt":"2026-01-22T22:36:19","guid":{"rendered":"https:\/\/develop.sitios24x7.com\/?page_id=144"},"modified":"2026-01-22T23:42:05","modified_gmt":"2026-01-22T23:42:05","slug":"nova-nosotros","status":"publish","type":"page","link":"https:\/\/develop.sitios24x7.com\/index.php\/nova-nosotros\/","title":{"rendered":"NOVA NOSOTROS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"144\" class=\"elementor elementor-144\">\n\t\t\t\t<div class=\"elementor-element elementor-element-763817a e-con-full e-flex e-con e-parent\" data-id=\"763817a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d0e116 elementor-widget elementor-widget-html\" data-id=\"8d0e116\" 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. 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    .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: NOSOTROS\r\n       ========================================= *\/\r\n    \r\n    \/* Historia (Grid Alternado) *\/\r\n    .history-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-bottom: 80px; }\r\n    .history-text h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--accent); }\r\n    .history-img { position: relative; border-radius: 10px; overflow: hidden; box-shadow: var(--shadow-lg); }\r\n    .history-img::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 25, 64, 0.2); transition: var(--transition); }\r\n    .history-img:hover::before { background: rgba(0,0,0,0); }\r\n\r\n    \/* Misi\u00f3n, Visi\u00f3n, Valores (Tarjetas con Iconos Flotantes) *\/\r\n    .mvv-section { background-color: var(--light); position: relative; }\r\n    .mvv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }\r\n    .mvv-card { \r\n        background: var(--white); padding: 40px 30px; border-radius: 8px; text-align: center; \r\n        box-shadow: var(--shadow-md); transition: var(--transition); border-top: 4px solid transparent; \r\n        position: relative; overflow: hidden;\r\n    }\r\n    .mvv-card:hover { transform: translateY(-10px); border-top-color: var(--accent); box-shadow: var(--shadow-lg); }\r\n    .mvv-icon { \r\n        width: 80px; height: 80px; background: var(--primary-gradient); color: white; \r\n        border-radius: 50%; display: flex; align-items: center; justify-content: center; \r\n        font-size: 2rem; margin: 0 auto 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n    }\r\n    \r\n    \/* Timeline (L\u00ednea de Tiempo Vertical) *\/\r\n    .timeline-container { position: relative; max-width: 1000px; margin: 0 auto; padding: 40px 0; }\r\n    .timeline-container::after { content: ''; position: absolute; width: 4px; background-color: var(--accent); top: 0; bottom: 0; left: 50%; margin-left: -2px; }\r\n    .timeline-item { padding: 10px 40px; position: relative; background-color: inherit; width: 50%; }\r\n    .timeline-item::after { content: ''; position: absolute; width: 20px; height: 20px; right: -10px; background-color: var(--white); border: 4px solid var(--accent); top: 20px; border-radius: 50%; z-index: 1; }\r\n    .left { left: 0; }\r\n    .right { left: 50%; }\r\n    .right::after { left: -10px; }\r\n    .timeline-content { padding: 20px 30px; background-color: white; position: relative; border-radius: 6px; box-shadow: var(--shadow-md); }\r\n    .timeline-year { color: var(--primary); font-weight: 700; font-size: 1.5rem; font-family: 'Playfair Display'; display: block; margin-bottom: 10px; }\r\n\r\n    \/* =========================================\r\n       SECCI\u00d3N EQUIPO (CORREGIDA)\r\n       ========================================= *\/\r\n    .team-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 30px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .team-card {\r\n        position: relative;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: var(--shadow-md);\r\n        background-color: #fff;\r\n        transition: transform 0.3s ease;\r\n    }\r\n\r\n    .team-img {\r\n        width: 100%;\r\n        height: 400px; \/* Altura fija para evitar im\u00e1genes gigantes *\/\r\n        object-fit: cover; \/* Recorta la imagen para llenar el espacio sin deformar *\/\r\n        object-position: center top; \/* Enfoca las caras *\/\r\n        transition: transform 0.5s ease;\r\n        display: block;\r\n    }\r\n\r\n    .team-overlay { \r\n        position: absolute; \r\n        bottom: 0; \r\n        left: 0; \r\n        width: 100%; \r\n        background: linear-gradient(to top, rgba(0,25,64,0.95), transparent); \r\n        padding: 30px 20px 20px; \r\n        color: white; \r\n        text-align: center; \r\n        transform: translateY(10px); \r\n        transition: 0.3s; \r\n    }\r\n\r\n    .team-overlay h3 {\r\n        color: var(--white);\r\n        font-size: 1.3rem;\r\n        margin-bottom: 5px;\r\n        font-family: 'Playfair Display', serif;\r\n    }\r\n\r\n    .team-overlay p {\r\n        font-size: 0.9rem;\r\n        opacity: 0.9;\r\n        font-weight: 300;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    \/* Efectos Hover *\/\r\n    .team-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }\r\n    .team-card:hover .team-img { transform: scale(1.05); }\r\n    .team-card:hover .team-overlay { transform: translateY(0); }\r\n    \r\n    \/* Fixed Quote Section *\/\r\n    .quote-fixed {\r\n        background: linear-gradient(rgba(0, 25, 64, 0.8), rgba(0, 25, 64, 0.8)), \r\n                    url('https:\/\/images.unsplash.com\/photo-1518241353330-0f7941c2d9b5?q=80&w=2525&auto=format&fit=crop');\r\n        background-attachment: fixed;\r\n        background-position: center;\r\n        background-size: cover;\r\n        padding: 100px 0;\r\n        text-align: center;\r\n        color: white;\r\n    }\r\n    \r\n    \/* MODAL VIDEO *\/\r\n    .video-btn-container { text-align: center; margin-top: 20px; }\r\n    .play-btn { \r\n        width: 70px; height: 70px; background: var(--accent); color: white; \r\n        border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; \r\n        font-size: 1.5rem; cursor: pointer; transition: 0.3s; box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);\r\n        animation: pulse-white 2s infinite;\r\n    }\r\n    .play-btn:hover { transform: scale(1.1); background: var(--white); color: var(--accent); }\r\n\r\n    \/* Estilos del Modal (Reutilizados y adaptados) *\/\r\n    .modal { display: none; position: fixed; z-index: 3000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.9); backdrop-filter: blur(5px); }\r\n    .modal-content { margin: 5% auto; width: 80%; max-width: 900px; position: relative; animation: fadeIn 0.5s; }\r\n    .close-modal { color: white; position: absolute; top: -40px; right: 0; font-size: 35px; font-weight: bold; cursor: pointer; }\r\n    .video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }\r\n    .video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }\r\n\r\n    \/* =========================================\r\n       ESTILOS HEREDADOS (HEADER, FOOTER)\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\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.95rem;  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 (Pages) *\/\r\n    .hero { height: 90vh; position: relative; background: linear-gradient(var(--hero-overlay), var(--hero-overlay)), url('https:\/\/images.unsplash.com\/photo-1507652313519-d4e9174996dd?q=80&w=2574&auto=format&fit=crop'); background-size: cover; background-position: center; background-attachment: fixed; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--white); margin-top: calc(var(--top-bar-height) * -1); overflow: hidden; }\r\n    .hero-content { max-width: 900px; padding: 0 20px; position: relative; z-index: 10; }\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    .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: 100px; 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    \/* =========================================\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    \/* Contact Iframe Styles (Reused if needed) *\/\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    @media (min-width: 768px) {\r\n        .mvv-grid { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n    @media (max-width: 767px) {\r\n        .hero h1 { font-size: 2.8rem; }\r\n        .history-grid, .mvv-grid { grid-template-columns: 1fr; }\r\n        .logo { margin-right: 0; }\r\n        .timeline-container::after { left: 31px; }\r\n        .timeline-item { width: 100%; padding-left: 70px; padding-right: 25px; }\r\n        .timeline-item::after { left: 21px; }\r\n        .right { left: 0; }\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\">M\u00e1s de 27 a\u00f1os siendo tu apoyo en momentos dif\u00edciles<\/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=\"#historia\" class=\"nav-link\">Historia<\/a>\r\n                <a href=\"#mision\" class=\"nav-link\">Misi\u00f3n<\/a>\r\n                <a href=\"#equipo\" class=\"nav-link\">Equipo<\/a>\r\n                <a href=\"#contacto\" class=\"nav-link\">Contacto<\/a>\r\n                <a href=\"https:\/\/develop.sitios24x7.com\/index.php\/nova-planes-de-prevision\" class=\"nav-link\">Planes de prevision<\/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=\"#historia\" onclick=\"toggleMenu()\" class=\"nav-link\">Nuestra Historia<\/a>\r\n            <a href=\"#mision\" onclick=\"toggleMenu()\" class=\"nav-link\">Misi\u00f3n y Visi\u00f3n<\/a>\r\n            <a href=\"#equipo\" onclick=\"toggleMenu()\" class=\"nav-link\">Nuestro Equipo<\/a>\r\n            <a href=\"#contacto\" onclick=\"toggleMenu()\" class=\"nav-link\">Contacto<\/a>\r\n            <a href=\"https:\/\/develop.sitios24x7.com\/index.php\/nova-planes-de-prevision\" onclick=\"toggleMenu()\" class=\"nav-link\">Planes de prevision<\/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        <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        <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 id=\"historia\" class=\"section-padding\">\r\n        <div class=\"container\">\r\n            <div class=\"history-grid\">\r\n                <div class=\"history-text\" data-aos=\"fade-right\">\r\n                    <h2 class=\"section-title\">Nuestros Inicios<\/h2>\r\n                    <p>Nova Memorial naci\u00f3 en 1997 con un prop\u00f3sito claro: transformar la experiencia del duelo en un homenaje a la vida. Fundada por la familia Gonz\u00e1lez en la Ciudad de M\u00e9xico, comenzamos como una peque\u00f1a capilla con el sue\u00f1o de ofrecer un servicio que priorizara la empat\u00eda sobre el negocio.<\/p>\r\n                    <br>\r\n                    <p>A lo largo de m\u00e1s de dos d\u00e9cadas, hemos crecido gracias a la confianza de miles de familias. Hoy, combinamos la tradici\u00f3n funeraria con la innovaci\u00f3n tecnol\u00f3gica, ofreciendo desde ceremonias virtuales hasta biournas, sin perder nunca nuestra esencia humana.<\/p>\r\n                <\/div>\r\n                <div class=\"history-img\" data-aos=\"fade-left\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1582213782179-e0d53f98f2ca?q=80&w=2070&auto=format&fit=crop\" alt=\"Historia Nova Memorial\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"mision\" class=\"section-padding mvv-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title text-center\" style=\"margin-bottom: 50px;\">Nuestro Prop\u00f3sito<\/h2>\r\n            <div class=\"mvv-grid\">\r\n                <div class=\"mvv-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"mvv-icon\"><i class=\"fas fa-bullseye\"><\/i><\/div>\r\n                    <h3>Misi\u00f3n<\/h3>\r\n                    <p>Brindar acompa\u00f1amiento integral y compasivo a las familias en duelo, ofreciendo servicios funerarios de excelencia que honren la memoria de sus seres queridos y faciliten el proceso de despedida.<\/p>\r\n                <\/div>\r\n                <div class=\"mvv-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"mvv-icon\"><i class=\"fas fa-eye\"><\/i><\/div>\r\n                    <h3>Visi\u00f3n<\/h3>\r\n                    <p>Ser la red funeraria l\u00edder en M\u00e9xico, reconocida por nuestra calidad humana, innovaci\u00f3n en servicios de previsi\u00f3n y compromiso con la sustentabilidad y el respeto a la vida.<\/p>\r\n                <\/div>\r\n                <div class=\"mvv-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"mvv-icon\"><i class=\"fas fa-heart\"><\/i><\/div>\r\n                    <h3>Valores<\/h3>\r\n                    <p>Empat\u00eda, Respeto, Integridad, Innovaci\u00f3n y Compromiso. Creemos que cada historia de vida merece ser contada y recordada con dignidad.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"section-padding\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title text-center\">Nuestra Trayectoria<\/h2>\r\n            <div class=\"timeline-container\">\r\n                <div class=\"timeline-item left\" data-aos=\"fade-right\">\r\n                    <div class=\"timeline-content\">\r\n                        <span class=\"timeline-year\">1997<\/span>\r\n                        <p>Fundaci\u00f3n de Nova Memorial con la primera capilla en la colonia Roma.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"timeline-item right\" data-aos=\"fade-left\">\r\n                    <div class=\"timeline-content\">\r\n                        <span class=\"timeline-year\">2005<\/span>\r\n                        <p>Inauguraci\u00f3n del primer horno crematorio propio certificado.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"timeline-item left\" data-aos=\"fade-right\">\r\n                    <div class=\"timeline-content\">\r\n                        <span class=\"timeline-year\">2012<\/span>\r\n                        <p>Lanzamiento de los Planes de Previsi\u00f3n a Futuro transferibles.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"timeline-item right\" data-aos=\"fade-left\">\r\n                    <div class=\"timeline-content\">\r\n                        <span class=\"timeline-year\">2020<\/span>\r\n                        <p>Implementaci\u00f3n de servicios digitales y funerales virtuales.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"timeline-item left\" data-aos=\"fade-right\">\r\n                    <div class=\"timeline-content\">\r\n                        <span class=\"timeline-year\">2025<\/span>\r\n                        <p>Expansi\u00f3n a nivel nacional con red de aliados en 32 estados.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"quote-fixed\">\r\n        <div class=\"container\">\r\n            <h2 style=\"color: white; font-size: 2.5rem; margin-bottom: 20px;\" data-aos=\"zoom-in\">\"No recordamos d\u00edas, recordamos momentos.\"<\/h2>\r\n            <p style=\"font-size: 1.2rem; opacity: 0.9;\">- Cesare Pavese<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"equipo\" class=\"section-padding\" style=\"background: var(--white);\">\r\n        <div class=\"container\">\r\n            <h2 class=\"section-title text-center\" data-aos=\"fade-up\">Nuestro Equipo<\/h2>\r\n            <p class=\"text-center\" style=\"max-width: 700px; margin: 0 auto 40px;\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                Profesionales certificados en tanatolog\u00eda y direcci\u00f3n funeraria listos para servirle.\r\n            <\/p>\r\n            \r\n            <div class=\"team-grid\">\r\n                \r\n                <div class=\"team-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?q=80&w=1974&auto=format&fit=crop\" class=\"team-img\" alt=\"Director\">\r\n                    <div class=\"team-overlay\">\r\n                        <h3>Lic. Carlos M\u00e9ndez<\/h3>\r\n                        <p>Director General<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"team-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?q=80&w=1976&auto=format&fit=crop\" class=\"team-img\" alt=\"Gerente\">\r\n                    <div class=\"team-overlay\">\r\n                        <h3>Ana Paula Ruiz<\/h3>\r\n                        <p>Gerente de Atenci\u00f3n<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"team-card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?q=80&w=1974&auto=format&fit=crop\" class=\"team-img\" alt=\"Coordinador\">\r\n                    <div class=\"team-overlay\">\r\n                        <h3>Roberto Almaguer<\/h3>\r\n                        <p>Coordinador de Log\u00edstica<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\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\">Hablemos<\/h2>\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=688&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=\"#historia\">Historia<\/a><\/li><li><a href=\"#mision\">Misi\u00f3n<\/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-video\" class=\"modal\">\r\n        <div class=\"modal-content\" style=\"background: transparent; border: none; box-shadow: none;\">\r\n            <span class=\"close-modal\" onclick=\"closeModal('modal-video')\">&times;<\/span>\r\n            <div class=\"video-responsive\">\r\n                <iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/ScMzIvxBSi4?si=example\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\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 = [\"Con\u00f3cenos a fondo\", \"Transparencia Total\", \"Calidez Humana\"];\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    \/\/ --- MODAL VIDEO ---\r\n    function openModal(modalId) {\r\n        document.getElementById(modalId).style.display = \"block\";\r\n        document.body.style.overflow = \"hidden\";\r\n    }\r\n    function closeModal(modalId) {\r\n        document.getElementById(modalId).style.display = \"none\";\r\n        document.body.style.overflow = \"auto\";\r\n        \/\/ Detener video al cerrar (truco para iframes)\r\n        const iframe = document.getElementById(modalId).querySelector('iframe');\r\n        if (iframe) {\r\n            const iframeSrc = iframe.src;\r\n            iframe.src = iframeSrc; \r\n        }\r\n    }\r\n    window.onclick = function(event) {\r\n        if (event.target.classList.contains('modal')) {\r\n            closeModal(event.target.id);\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>M\u00e1s de 27 a\u00f1os siendo tu apoyo en momentos dif\u00edciles nova \u2726 memorial Inicio Historia Misi\u00f3n Equipo Contacto Planes de prevision Emergencia NOVA MEMORIAL Inicio Nuestra Historia Misi\u00f3n y Visi\u00f3n Nuestro Equipo Contacto Planes de prevision Emergencia M\u00e1s que una Funeraria, una Familia Desde 1997, dedicados a honrar la memoria de quienes amas con dignidad, [&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-144","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/144","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=144"}],"version-history":[{"count":22,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/144\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/pages\/144\/revisions\/212"}],"wp:attachment":[{"href":"https:\/\/develop.sitios24x7.com\/index.php\/wp-json\/wp\/v2\/media?parent=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}