{"id":15,"date":"2026-07-14T19:12:40","date_gmt":"2026-07-14T19:12:40","guid":{"rendered":"https:\/\/etalimed.com\/?page_id=15"},"modified":"2026-07-14T19:12:40","modified_gmt":"2026-07-14T19:12:40","slug":"inicio","status":"publish","type":"page","link":"https:\/\/etalimed.com\/inicio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n    <div class=\"etm-home\">\n\n        <!-- ============================================================\n             HERO \/ ENCABEZADO\n        ============================================================ -->\n        <header class=\"etm-hero\">\n            <div class=\"etm-hero-bg-shape etm-shape-1\"><\/div>\n            <div class=\"etm-hero-bg-shape etm-shape-2\"><\/div>\n\n            <div class=\"etm-container etm-hero-inner\">\n                <div class=\"etm-hero-badge\">\ud83e\ude7a Sistema de Notas M\u00e9dicas<\/div>\n\n                <h1 class=\"etm-hero-title\">\n                    Bienvenido a <span class=\"etm-brand\">EtaliMed<\/span>\n                <\/h1>\n\n                <p class=\"etm-hero-subtitle\">\n                    La forma m\u00e1s segura, r\u00e1pida y organizada de gestionar\n                    el historial cl\u00ednico de tus pacientes, desde cualquier\n                    lugar y en cualquier momento.\n                <\/p>\n\n                <div class=\"etm-hero-actions\">\n                    <!-- AQUI VA EL ENLACE DE LOGIN: reemplaza el \"#\" -->\n                    <a href=\"#\" class=\"etm-btn etm-btn-primary\">\n                        Iniciar sesi\u00f3n\n                        <span class=\"etm-btn-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n\n                <div class=\"etm-hero-trust\">\n                    <span>\ud83d\udd12 Datos cifrados<\/span>\n                    <span>\ud83d\udcf1 100% Responsivo<\/span>\n                    <span>\u26a1 Acceso instant\u00e1neo<\/span>\n                <\/div>\n            <\/div>\n        <\/header>\n\n        <!-- ============================================================\n             VENTAJAS\n        ============================================================ -->\n        <section class=\"etm-section etm-advantages\">\n            <div class=\"etm-container\">\n                <div class=\"etm-section-heading\">\n                    <span class=\"etm-eyebrow\">\u00bfPor qu\u00e9 EtaliMed?<\/span>\n                    <h2>Todo lo que necesitas para tu consulta, en un solo lugar<\/h2>\n                    <p>\n                        Dise\u00f1ado junto a m\u00e9dicos y especialistas para hacer tu\n                        d\u00eda a d\u00eda m\u00e1s simple, m\u00e1s r\u00e1pido y m\u00e1s seguro.\n                    <\/p>\n                <\/div>\n\n                <div class=\"etm-cards-grid\">\n\n                    <div class=\"etm-card\">\n                        <div class=\"etm-card-icon\" style=\"background:#e6f7f5;\">\ud83d\uddc2\ufe0f<\/div>\n                        <h3>Historial cl\u00ednico centralizado<\/h3>\n                        <p>Consulta el expediente completo de cada paciente en segundos, sin papeleo ni carpetas f\u00edsicas.<\/p>\n                    <\/div>\n\n                    <div class=\"etm-card\">\n                        <div class=\"etm-card-icon\" style=\"background:#eaf2ff;\">\ud83d\udd10<\/div>\n                        <h3>Seguridad y confidencialidad<\/h3>\n                        <p>Tus datos y los de tus pacientes est\u00e1n protegidos con altos est\u00e1ndares de seguridad y control de acceso.<\/p>\n                    <\/div>\n\n                    <div class=\"etm-card\">\n                        <div class=\"etm-card-icon\" style=\"background:#fff3e6;\">\u23f1\ufe0f<\/div>\n                        <h3>Ahorro de tiempo real<\/h3>\n                        <p>Registra notas, diagn\u00f3sticos y evoluci\u00f3n del paciente con plantillas r\u00e1pidas de captura.<\/p>\n                    <\/div>\n\n                    <div class=\"etm-card\">\n                        <div class=\"etm-card-icon\" style=\"background:#f2eaff;\">\ud83d\udcc4<\/div>\n                        <h3>Reportes en PDF al instante<\/h3>\n                        <p>Genera y comparte notas m\u00e9dicas en PDF con un dise\u00f1o profesional, listas para imprimir o enviar.<\/p>\n                    <\/div>\n\n                    <div class=\"etm-card\">\n                        <div class=\"etm-card-icon\" style=\"background:#e6f7f5;\">\ud83c\udf10<\/div>\n                        <h3>Acceso desde cualquier dispositivo<\/h3>\n                        <p>Entra desde tu computadora, tablet o celular, en el consultorio o de forma remota.<\/p>\n                    <\/div>\n\n                    <div class=\"etm-card\">\n                        <div class=\"etm-card-icon\" style=\"background:#eaf2ff;\">\ud83e\udd1d<\/div>\n                        <h3>Colaboraci\u00f3n entre especialistas<\/h3>\n                        <p>Comparte informaci\u00f3n relevante con otros profesionales de salud de forma ordenada y controlada.<\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- ============================================================\n             TESTIMONIOS\n        ============================================================ -->\n        <section class=\"etm-section etm-testimonials\">\n            <div class=\"etm-container\">\n                <div class=\"etm-section-heading\">\n                    <span class=\"etm-eyebrow\">Testimonios<\/span>\n                    <h2>M\u00e9dicos que ya conf\u00edan en EtaliMed<\/h2>\n                    <p>Esto es lo que opinan algunos de nuestros usuarios.<\/p>\n                <\/div>\n\n                <div class=\"etm-testimonials-grid\">\n\n                    <div class=\"etm-testimonial-card\">\n                        <div class=\"etm-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <p class=\"etm-quote\">\n                            \"Desde que empec\u00e9 a usar EtaliMed reduje a la mitad\n                            el tiempo que dedicaba a llenar expedientes. Todo\n                            queda ordenado y lo puedo consultar desde mi celular\n                            entre consulta y consulta.\"\n                        <\/p>\n                        <div class=\"etm-testimonial-author\">\n                            <div class=\"etm-avatar\">MR<\/div>\n                            <div>\n                                <strong>Dra. Mariana Reyes<\/strong>\n                                <span>Medicina Interna<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"etm-testimonial-card\">\n                        <div class=\"etm-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <p class=\"etm-quote\">\n                            \"Lo que m\u00e1s valoro es la seguridad. S\u00e9 que la\n                            informaci\u00f3n de mis pacientes est\u00e1 protegida y\n                            eso me da mucha tranquilidad como m\u00e9dico.\"\n                        <\/p>\n                        <div class=\"etm-testimonial-author\">\n                            <div class=\"etm-avatar\">JC<\/div>\n                            <div>\n                                <strong>Dr. Jorge Castellanos<\/strong>\n                                <span>Pediatr\u00eda<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"etm-testimonial-card\">\n                        <div class=\"etm-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                        <p class=\"etm-quote\">\n                            \"La generaci\u00f3n autom\u00e1tica de PDF me ha ahorrado\n                            much\u00edsimo tiempo. Mis pacientes reciben su nota\n                            m\u00e9dica al instante, con un dise\u00f1o muy profesional.\"\n                        <\/p>\n                        <div class=\"etm-testimonial-author\">\n                            <div class=\"etm-avatar\">LG<\/div>\n                            <div>\n                                <strong>Dra. Luc\u00eda G\u00f3mez<\/strong>\n                                <span>Nutrici\u00f3n Cl\u00ednica<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n    <style>\n        .etm-home {\n            --etm-primary: #0f9e8f;\n            --etm-primary-dark: #0b7d71;\n            --etm-secondary: #1a3c6e;\n            --etm-accent: #ff9f43;\n            --etm-bg-soft: #f7fafb;\n            --etm-text: #1f2a37;\n            --etm-text-light: #5b6b79;\n            font-family: 'Poppins', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            color: var(--etm-text);\n            overflow-x: hidden;\n\n            \/* Truco de \"full-bleed\": hace que .etm-home ocupe el 100%\n               del ancho de la ventana sin importar el ancho o el padding\n               del contenedor del tema (columna, m\u00e1rgenes laterales, etc.).\n               Usamos SOLO margin con calc() -- combinar esto con\n               left\/right:50% duplica el desplazamiento y corre todo\n               hacia un lado, as\u00ed que evitamos mezclar ambas t\u00e9cnicas. *\/\n            width: 100vw;\n            max-width: 100vw;\n            margin-left: calc(50% - 50vw);\n            margin-right: calc(50% - 50vw);\n        }\n\n        \/* Evita la barra de scroll horizontal que a veces aparece con\n           este truco (por el ancho de la propia barra de scroll vertical\n           del navegador) y que puede verse como un corrimiento hacia\n           la derecha. *\/\n        body:has(.etm-home) {\n            overflow-x: hidden;\n        }\n\n        \/* Quita el padding\/m\u00e1rgenes verticales que muchos temas de\n           WordPress agregan arriba y abajo del contenido (entry-content,\n           site-content, article, etc.) cuando contienen .etm-home.\n           Los navegadores modernos soportan :has(); si el navegador no\n           lo soporta, el script de m\u00e1s abajo hace lo mismo por JS. *\/\n        body:has(.etm-home) .entry-content,\n        body:has(.etm-home) .site-content,\n        body:has(.etm-home) .content-area,\n        body:has(.etm-home) #primary,\n        body:has(.etm-home) main,\n        body:has(.etm-home) article {\n            padding-top: 0 !important;\n            padding-bottom: 0 !important;\n            margin-top: 0 !important;\n            margin-bottom: 0 !important;\n        }\n\n        .etm-home * { box-sizing: border-box; }\n\n        .etm-container {\n            max-width: 1140px;\n            margin: 0 auto;\n            padding: 0 24px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* -------- HERO -------- *\/\n        .etm-hero {\n            position: relative;\n            background: linear-gradient(135deg, var(--etm-secondary) 0%, var(--etm-primary) 100%);\n            padding: 90px 0 100px;\n            text-align: center;\n            overflow: hidden;\n        }\n\n        .etm-hero-bg-shape {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.12;\n            background: #fff;\n        }\n\n        .etm-shape-1 {\n            width: 420px;\n            height: 420px;\n            top: -180px;\n            right: -120px;\n        }\n\n        .etm-shape-2 {\n            width: 260px;\n            height: 260px;\n            bottom: -140px;\n            left: -80px;\n        }\n\n        .etm-hero-badge {\n            display: inline-block;\n            background: rgba(255,255,255,0.15);\n            color: #fff;\n            padding: 8px 18px;\n            border-radius: 999px;\n            font-size: 14px;\n            font-weight: 500;\n            margin-bottom: 24px;\n            backdrop-filter: blur(4px);\n        }\n\n        .etm-hero-title {\n            color: #fff;\n            font-size: clamp(32px, 5vw, 52px);\n            font-weight: 700;\n            line-height: 1.15;\n            margin: 0 0 20px;\n        }\n\n        .etm-brand {\n            background: linear-gradient(90deg, #ffe9c7, var(--etm-accent));\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n        }\n\n        .etm-hero-subtitle {\n            color: rgba(255,255,255,0.9);\n            font-size: 18px;\n            max-width: 640px;\n            margin: 0 auto 36px;\n            line-height: 1.6;\n        }\n\n        .etm-hero-actions {\n            margin-bottom: 32px;\n        }\n\n        .etm-btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            text-decoration: none;\n            font-weight: 600;\n            font-size: 16px;\n            padding: 16px 34px;\n            border-radius: 12px;\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .etm-btn-primary {\n            background: var(--etm-accent);\n            color: #1f2a37;\n            box-shadow: 0 10px 24px rgba(255, 159, 67, 0.35);\n        }\n\n        .etm-btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 14px 30px rgba(255, 159, 67, 0.45);\n            color: #1f2a37;\n        }\n\n        .etm-btn-arrow {\n            transition: transform 0.2s ease;\n        }\n\n        .etm-btn-primary:hover .etm-btn-arrow {\n            transform: translateX(4px);\n        }\n\n        .etm-hero-trust {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 20px;\n            color: rgba(255,255,255,0.85);\n            font-size: 14px;\n        }\n\n        \/* -------- SECCIONES GENERALES -------- *\/\n        .etm-section {\n            padding: 90px 0;\n            background: #fff;\n        }\n\n        .etm-advantages {\n            background: var(--etm-bg-soft);\n        }\n\n        .etm-section-heading {\n            text-align: center;\n            max-width: 620px;\n            margin: 0 auto 56px;\n        }\n\n        .etm-eyebrow {\n            display: inline-block;\n            color: var(--etm-primary);\n            font-weight: 600;\n            font-size: 14px;\n            letter-spacing: 0.06em;\n            text-transform: uppercase;\n            margin-bottom: 10px;\n        }\n\n        .etm-section-heading h2 {\n            font-size: clamp(26px, 3.5vw, 34px);\n            font-weight: 700;\n            margin: 0 0 14px;\n            color: var(--etm-secondary);\n        }\n\n        .etm-section-heading p {\n            color: var(--etm-text-light);\n            font-size: 16px;\n            line-height: 1.6;\n        }\n\n        \/* -------- TARJETAS DE VENTAJAS -------- *\/\n        .etm-cards-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 28px;\n        }\n\n        .etm-card {\n            background: #fff;\n            border-radius: 16px;\n            padding: 32px 26px;\n            box-shadow: 0 4px 18px rgba(15, 41, 66, 0.06);\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\n            border: 1px solid #eef1f3;\n        }\n\n        .etm-card:hover {\n            transform: translateY(-6px);\n            box-shadow: 0 16px 34px rgba(15, 41, 66, 0.12);\n        }\n\n        .etm-card-icon {\n            width: 52px;\n            height: 52px;\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            margin-bottom: 18px;\n        }\n\n        .etm-card h3 {\n            font-size: 18px;\n            font-weight: 600;\n            margin: 0 0 10px;\n            color: var(--etm-secondary);\n        }\n\n        .etm-card p {\n            font-size: 14.5px;\n            color: var(--etm-text-light);\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        \/* -------- TESTIMONIOS -------- *\/\n        .etm-testimonials-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 28px;\n        }\n\n        .etm-testimonial-card {\n            background: var(--etm-bg-soft);\n            border-radius: 16px;\n            padding: 32px 26px;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .etm-stars {\n            color: var(--etm-accent);\n            font-size: 16px;\n            margin-bottom: 14px;\n            letter-spacing: 2px;\n        }\n\n        .etm-quote {\n            font-size: 14.5px;\n            line-height: 1.7;\n            color: var(--etm-text);\n            margin: 0 0 24px;\n            font-style: italic;\n        }\n\n        .etm-testimonial-author {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .etm-avatar {\n            width: 42px;\n            height: 42px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, var(--etm-primary), var(--etm-secondary));\n            color: #fff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-weight: 600;\n            font-size: 14px;\n            flex-shrink: 0;\n        }\n\n        .etm-testimonial-author strong {\n            display: block;\n            font-size: 14.5px;\n            color: var(--etm-secondary);\n        }\n\n        .etm-testimonial-author span {\n            font-size: 13px;\n            color: var(--etm-text-light);\n        }\n\n        \/* -------- ANIMACI\u00d3N DE ENTRADA -------- *\/\n        .etm-card,\n        .etm-testimonial-card {\n            opacity: 0;\n            transform: translateY(18px);\n            transition: opacity 0.6s ease, transform 0.6s ease;\n        }\n\n        .etm-card.etm-visible,\n        .etm-testimonial-card.etm-visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* -------- RESPONSIVO -------- *\/\n        @media (max-width: 900px) {\n            .etm-cards-grid,\n            .etm-testimonials-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 600px) {\n            .etm-hero { padding: 70px 0 80px; }\n            .etm-cards-grid,\n            .etm-testimonials-grid {\n                grid-template-columns: 1fr;\n            }\n            .etm-section { padding: 60px 0; }\n        }\n    <\/style>\n\n    <script>\n        (function() {\n            \/\/ Respaldo por si el navegador no soporta CSS :has():\n            \/\/ recorre los contenedores padres de .etm-home y les quita\n            \/\/ el padding\/margen vertical, para que el bloque llegue\n            \/\/ pegado arriba y abajo sin espacios en blanco del tema.\n            var etmRoot = document.querySelector('.etm-home');\n            if (etmRoot) {\n                var etmParent = etmRoot.parentElement;\n                var etmSteps = 0;\n                while (etmParent && etmParent !== document.body && etmSteps < 8) {\n                    etmParent.style.paddingTop = '0px';\n                    etmParent.style.paddingBottom = '0px';\n                    etmParent.style.marginTop = '0px';\n                    etmParent.style.marginBottom = '0px';\n                    etmParent = etmParent.parentElement;\n                    etmSteps++;\n                }\n            }\n        })();\n\n        (function() {\n            \/\/ Animaci\u00f3n simple de aparici\u00f3n al hacer scroll.\n            \/\/ No depende de AJAX ni de datos guardados: es solo\n            \/\/ un efecto visual sobre el HTML ya presente en la p\u00e1gina.\n            var etmObserverTargets = document.querySelectorAll(\n                '.etm-home .etm-card, .etm-home .etm-testimonial-card'\n            );\n\n            if ('IntersectionObserver' in window) {\n                var etmObserver = new IntersectionObserver(function(entries) {\n                    entries.forEach(function(entry) {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('etm-visible');\n                            etmObserver.unobserve(entry.target);\n                        }\n                    });\n                }, { threshold: 0.15 });\n\n                etmObserverTargets.forEach(function(el) {\n                    etmObserver.observe(el);\n                });\n            } else {\n                \/\/ Fallback: si el navegador no soporta IntersectionObserver,\n                \/\/ simplemente mostramos todo de inmediato.\n                etmObserverTargets.forEach(function(el) {\n                    el.classList.add('etm-visible');\n                });\n            }\n        })();\n    <\/script>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/etalimed.com\/inicio\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etalimed.com\/inicio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etalimed.com\/inicio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etalimed.com\/inicio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etalimed.com\/inicio\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":1,"href":"https:\/\/etalimed.com\/inicio\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/etalimed.com\/inicio\/wp-json\/wp\/v2\/pages\/15\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/etalimed.com\/inicio\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}