{"id":8,"date":"2026-03-20T02:24:52","date_gmt":"2026-03-20T02:24:52","guid":{"rendered":"https:\/\/displaypropanama.com\/?page_id=8"},"modified":"2026-03-25T03:56:56","modified_gmt":"2026-03-25T03:56:56","slug":"inicio","status":"publish","type":"page","link":"https:\/\/displaypropanama.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"utf-8\"\/>\n    <meta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\/>\n    <title>DisplayPro Panam\u00e1 | Pantallas T\u00e1ctiles y Digitales<\/title>\n    \n    <!-- Fuente \u00fanica: Inter -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&#038;display=swap\" rel=\"stylesheet\"\/>\n    <!-- Iconos -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&#038;display=swap\" rel=\"stylesheet\"\/>\n\n    <style>\n        \/* ==========================================================================\n           1. SISTEMA DE DISE\u00d1O (CSS PURO)\n           ========================================================================== *\/\n        :root {\n            --primary: #2563eb;\n            --primary-hover: #1d4ed8;\n            --primary-glow: rgba(37, 99, 235, 0.4);\n            --bg-body: #020617;\n            --bg-surface: #0f172a;\n            --bg-card: #0f172a;\n            --bg-card-hover: #1e293b;\n            --text-main: #f8fafc;\n            --text-muted: #94a3b8;\n            --border-color: #1e293b;\n            --border-hover: #334155;\n            --font-main: 'Inter', sans-serif;\n            --radius-md: 16px;\n            --radius-lg: 24px;\n            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        \/* ==========================================================================\n           2. RESET & BASE\n           ========================================================================== *\/\n        * { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }\n\n        body {\n            font-family: var(--font-main);\n            background-color: var(--bg-body);\n            background-image: url('https:\/\/www.transparenttextures.com\/patterns\/carbon-fibre.png');\n            color: var(--text-main);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n            overflow-x: clip;\n        }\n\n        .container { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 10; }\n        a { text-decoration: none; color: inherit; transition: var(--transition); cursor: pointer; }\n        img { max-width: 100%; height: auto; display: block; }\n\n        \/* ==========================================================================\n           3. TIPOGRAF\u00cdA Y TRADUCCI\u00d3N MASTICADA\n           ========================================================================== *\/\n        .title-main { font-size: 5.5rem; font-weight: 800; line-height: 0.95; letter-spacing: -0.03em; margin-bottom: 20px; color: white; }\n        .title-split { font-size: 2.5rem; font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 16px; color: white; }\n        .subtitle-main { font-weight: 800; font-size: 0.875rem; color: var(--primary); text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 12px; display: block; }\n        .hero-title { font-size: 5.5rem; font-weight: 800; line-height: 0.95; letter-spacing: -0.03em; margin-bottom: 20px; color: white; }\n        \n        .text-explain {\n            font-size: 0.85rem; color: var(--primary); font-weight: 600;\n            text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; display: block;\n        }\n\n        .paragraph-main { font-weight: 400; font-size: 1.125rem; color: var(--text-muted); margin-bottom: 24px; line-height: 1.6; }\n        .hero-gradient-text { \n            background: linear-gradient(30deg, #fe00bf 0%, #1627d8 50%, #00b9e5 100%); \n            -webkit-background-clip: text; \n            -webkit-text-fill-color: transparent; \n            color: transparent; \n            display: inline-block;\n        }\n\n        \/* ==========================================================================\n           4. COMPONENTES GLOBALES\n           ========================================================================== *\/\n        .btn {\n            display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n            padding: 16px 32px; border-radius: 12px; font-weight: 600; cursor: pointer; transition: var(--transition); border: none; font-size: 1rem;\n        }\n        .btn-primary { background: var(--primary); color: white; box-shadow: 0 10px 20px -10px var(--primary-glow); }\n        .btn-primary:hover { transform: translateY(-2px); background: var(--primary-hover); }\n        .btn-primary:active { transform: scale(0.95); }\n        \n        .btn-whatsapp { background-color: #25D366; color: white; font-weight: 800; }\n        .btn-whatsapp:hover { background-color: #128C7E; transform: scale(1.05); }\n        .btn-whatsapp svg { width: 20px; height: 20px; fill: currentColor; }\n\n        .btn-outline { background: transparent; color: white; border: 1px solid var(--primary); }\n        .btn-outline:hover { background: var(--bg-card-hover); border-color: var(--primary-hover); }\n\n        .navbar {\n            position: fixed; left: 0; right: 0; top: 0; width: 100%; background: rgba(2, 6, 23, 0.85);\n            backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\n            border-bottom: 1px solid var(--border-color); z-index: 1000; padding: 12px 0;\n        }\n        .nav-container { display: flex; justify-content: space-between; align-items: center; }\n\n        .bar-bg { width: 100%; height: 6px; background: rgba(255,255,255,0.05); border-radius: 10px; margin-top: 8px; overflow: hidden; }\n        .bar-fill { height: 100%; background: var(--primary); border-radius: 10px; box-shadow: 0 0 10px var(--primary); }\n\n        .glass-panel {\n            background: rgba(30, 41, 59, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.05); border-radius: var(--radius-lg); padding: 40px; position: relative;\n        }\n\n        .section { padding: 100px 0; position: relative; overflow: hidden; }\n        .section-alt { background-color: transparent; border-top: 1px solid rgba(255,255,255,0.02); border-bottom: 1px solid rgba(255,255,255,0.02); }\n\n        \/* --- FONDOS AMBIENTALES (LUCES) --- *\/\n        .bg-ambient { position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }\n        .glow-blue { position: absolute; background: rgba(22, 39, 216, 0.2); filter: blur(150px); border-radius: 50%; }\n        .glow-cyan { position: absolute; background: rgba(0, 185, 229, 0.15); filter: blur(150px); border-radius: 50%; }\n        .glow-magenta { position: absolute; background: rgba(254, 0, 191, 0.12); filter: blur(150px); border-radius: 50%; }\n\n        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }\n        .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px; }\n        .grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; }\n\n        \/* ==========================================================================\n           5. SECCIONES\n           ========================================================================== *\/\n        \n        \/* HERO AREA *\/\n        .hero-v2 { position: relative; min-height: 90vh; display: flex; align-items: center; padding: 100px 0 60px 0; overflow: hidden; }\n        .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; position: relative; z-index: 10; }\n        .hero-bg-v2 { position: absolute; inset: 0; z-index: 0; }\n        .hero-glow-1 { position: absolute; top: -20%; left: -10%; width: 800px; height: 800px; border-radius: 50%; background: rgba(22, 39, 216, 0.25); filter: blur(150px); }\n        .hero-glow-2 { position: absolute; bottom: -20%; right: -10%; width: 600px; height: 600px; border-radius: 50%; background: rgba(0, 185, 229, 0.2); filter: blur(150px); }\n        .hero-scanline { position: absolute; inset: 0; opacity: 0.15; pointer-events: none; background: linear-gradient(to bottom, transparent 50%, rgba(37, 99, 235, 0.05) 51%, transparent 100%); background-size: 100% 4px; }\n        \n        .hero-visual { position: relative; border-radius: var(--radius-lg); overflow: visible; }\n        .hero-img-wrapper { border-radius: var(--radius-lg); overflow: hidden; border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 50px 100px -20px rgba(0,0,0,0.5); }\n        .hero-status-tag { position: absolute; top: 24px; left: 24px; display: flex; align-items: center; gap: 8px; z-index: 20; }\n        .status-dot-container { position: relative; width: 8px; height: 8px; display: flex; align-items: center; justify-content: center; }\n        .status-dot-ping { position: absolute; width: 100%; height: 100%; border-radius: 50%; background: #34d399; opacity: 0.75; animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite; }\n        .status-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #10b981; }\n        .status-text { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: #34d399; }\n        @keyframes ping { 75%, 100% { transform: scale(2.5); opacity: 0; } }\n\n        .hero-action-buttons { display: flex; gap: 16px; flex-wrap: wrap; justify-content: flex-start; }\n        .hero-stats-row { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 20px; margin-top: 40px; border-top: 1px solid var(--border-color); padding-top: 24px; width: 100%; }\n        .stat-item { flex: 1; min-width: 0; text-align: left; }\n        .stat-item h3 { font-size: 2.5rem; font-weight: 800; color: white; margin-bottom: 4px; }\n        .stat-item p { font-size: 0.65rem; color: var(--text-muted); text-transform: uppercase; font-weight: 800; letter-spacing: 0.05em; white-space: normal; line-height: 1.2; }\n\n        \/* IMPACTO BENTO GRID *\/\n        .bento-grid { display: grid; grid-template-columns: 1fr; gap: 24px; position: relative; z-index: 10; width: 100%; }\n        @media (min-width: 992px) {\n            .bento-grid { grid-template-columns: repeat(12, 1fr); }\n            .bento-col-8 { grid-column: span 8; }\n            .bento-col-4 { grid-column: span 4; }\n            .bento-col-7 { grid-column: span 7; }\n            .bento-col-5 { grid-column: span 5; }\n        }\n\n        .card-gauge-bg-icon { position: absolute; top: 20px; right: 20px; font-size: 120px; color: rgba(255,255,255,0.05); pointer-events: none; }\n        .card-title { font-size: 1.5rem; font-weight: 800; margin-bottom: 8px; line-height: 1.2; word-wrap: break-word; color: white; }\n        .gauge-content { display: flex; flex-direction: column; gap: 32px; margin-top: 32px; width: 100%; }\n        @media (min-width: 768px) { .gauge-content { flex-direction: row; align-items: flex-end; } }\n        \n        .gauge-wrapper { position: relative; width: 160px; height: 160px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n        .svg-gauge { width: 100%; height: 100%; transform: rotate(-90deg); overflow: visible; }\n        .svg-gauge circle { fill: transparent; stroke-width: 12; }\n        .svg-gauge-bg { stroke: rgba(255,255,255,0.05); }\n        .svg-gauge-fg { stroke: var(--primary); stroke-dasharray: 597; stroke-dashoffset: 120; stroke-linecap: round; }\n        .gauge-text { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n        .gauge-number { font-size: 2.5rem; font-weight: 900; color: white; line-height: 1; }\n        \n        .progress-section { flex: 1; display: flex; flex-direction: column; gap: 20px; width: 100%; min-width: 0; }\n        .progress-header { display: flex; justify-content: space-between; font-size: 0.8rem; font-weight: 600; margin-bottom: 8px; flex-wrap: wrap; gap: 4px; }\n        .progress-value { color: var(--primary); font-weight: 800; }\n\n        .card-roi { background-color: var(--primary); border-radius: var(--radius-lg); padding: 40px; display: flex; flex-direction: column; justify-content: space-between; color: white; overflow: hidden; position: relative; z-index: 1;}\n        .roi-value { font-size: 4rem; font-weight: 900; line-height: 1; margin-bottom: 8px; letter-spacing: -0.05em; }\n        \n        .card-testimonial .quote-icon { position: absolute; top: 40px; right: 40px; font-size: 4rem; color: rgba(37,99,235,0.2); pointer-events: none; }\n        .testimonial-text { font-size: 1.5rem; font-weight: 300; font-style: italic; line-height: 1.6; margin-bottom: 32px; max-width: 90%; word-wrap: break-word; color: white; }\n        .profile-container { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }\n        .profile-img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }\n        \n        .audience-list { display: flex; flex-direction: column; gap: 24px; margin-top: 32px; width: 100%; }\n        .audience-item { display: flex; justify-content: space-between; align-items: center; gap: 16px; }\n        .audience-item.bordered { border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 16px; }\n        .audience-label { display: flex; align-items: center; gap: 12px; font-size: 0.875rem; font-weight: 600; min-width: 0; }\n        .audience-label span:last-child { white-space: normal; line-height: 1.2; word-wrap: break-word; color: var(--text-muted); }\n        .audience-label .material-symbols-outlined { color: var(--primary); flex-shrink: 0; }\n        .audience-value { font-weight: 800; font-size: 1.125rem; color: white; flex-shrink: 0; }\n        \n        .btn-report { width: 100%; margin-top: 32px; padding: 16px; background: var(--surface-variant); border: 1px solid rgba(255,255,255,0.1); color: white; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.75rem; border-radius: 8px; display: flex; justify-content: center; align-items: center; gap: 8px; cursor: pointer; transition: var(--transition); }\n        .btn-report:hover { background: var(--primary); }\n\n        .data-strip { margin-top: 60px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.05); display: flex; flex-direction: column; gap: 24px; align-items: center; width: 100%; position: relative; z-index: 10;}\n        @media (min-width: 768px) { .data-strip { flex-direction: row; justify-content: space-between; } }\n        .stats-group { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; gap: 8px; width: 100%; }\n        .stat-strip-label { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 800; color: var(--text-muted); margin-bottom: 4px; display: block; white-space: normal; line-height: 1.2; word-wrap: break-word; }\n        .stat-strip-value { font-size: 1.5rem; font-weight: 800; color: white; line-height: 1; display: block; }\n\n        \/* ARQUITECTURA DE HARDWARE *\/\n        .card-hw { background-color: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 32px; transition: var(--transition); display: flex; flex-direction: column; height: 100%; position: relative; z-index: 1;}\n        .card-hw:hover { transform: translateY(-8px); border-color: var(--primary); box-shadow: 0 10px 30px -10px var(--primary-glow); background-color: var(--bg-card-hover); }\n        .card-icon-box { width: 48px; height: 48px; border-radius: 12px; background-color: rgba(37, 99, 235, 0.1); color: var(--primary); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: transform 0.3s ease; }\n        .card-icon-box .material-symbols-outlined { font-size: 1.75rem; }\n        .card-hw:hover .card-icon-box { transform: scale(1.1); background-color: var(--primary); color: white; }\n        .feature-list { list-style: none; margin-top: 24px; display: flex; flex-direction: column; gap: 20px; }\n        .feature-item { display: flex; align-items: flex-start; gap: 16px; }\n        .feature-item .material-symbols-outlined { color: var(--primary); font-size: 24px; flex-shrink: 0; }\n\n        \/* PRECIOS Y TABLA COMPARATIVA *\/\n        .price-list { list-style: none; text-align: left; margin: 24px 0 32px 0; flex-grow: 1; display: flex; flex-direction: column; gap: 16px; }\n        .price-list li { display: flex; align-items: flex-start; gap: 12px; font-weight: 600; font-size: 0.95rem; color: var(--text-muted); line-height: 1.4; }\n        .price-list .material-symbols-outlined { color: var(--primary); font-size: 1.25rem; flex-shrink: 0; }\n        .price-list .disabled-icon { color: var(--border-hover); }\n        \n        .price-value { font-size: 3rem; font-weight: 800; color: white; line-height: 1; margin: 16px 0; letter-spacing: -0.05em; }\n        .price-period { font-size: 1rem; color: var(--text-muted); font-weight: 600; letter-spacing: normal; }\n\n        .table-wrapper { overflow-x: auto; margin-top: 40px; border-radius: var(--radius-md); border: 1px solid var(--border-color); background: rgba(15, 23, 42, 0.5); position: relative; z-index: 10;}\n        .pricing-table { width: 100%; border-collapse: collapse; text-align: left; min-width: 800px; }\n        .pricing-table th, .pricing-table td { padding: 20px 24px; border-bottom: 1px solid var(--border-color); }\n        .pricing-table th { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); font-weight: 800; }\n        .pricing-table th.header-main { color: white; font-size: 1.125rem; text-transform: none; letter-spacing: normal; }\n        .pricing-table th.header-featured { color: var(--primary); font-size: 1.125rem; text-transform: none; letter-spacing: normal; }\n        .pricing-table td { color: white; font-size: 0.95rem; font-weight: 600; }\n        .pricing-table td.label-col { color: var(--text-muted); font-weight: 600; }\n        .pricing-table th:nth-child(3), .pricing-table td:nth-child(3) { background-color: rgba(37, 99, 235, 0.05); }\n        .pricing-table tr:last-child td { border-bottom: none; }\n\n        \/* PREGUNTAS FRECUENTES (FAQ) *\/\n        .faq-container { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 10;}\n        .faq-item { background: rgba(30, 41, 59, 0.3); border: 1px solid var(--border-color); border-radius: var(--radius-md); overflow: hidden; transition: var(--transition); }\n        .faq-item:hover { border-color: var(--primary); box-shadow: 0 4px 20px rgba(37, 99, 235, 0.1); }\n        .faq-summary { display: flex; justify-content: space-between; align-items: center; padding: 24px; cursor: pointer; list-style: none; font-weight: 600; color: white; font-size: 1.125rem; }\n        .faq-summary::-webkit-details-marker { display: none; } \n        .expand-icon { color: var(--primary); transition: transform 0.3s ease; }\n        details[open] .expand-icon { transform: rotate(180deg); }\n        .faq-content { padding: 0 24px 24px 24px; border-top: 1px solid rgba(255,255,255,0.05); margin-top: 16px; padding-top: 24px; color: var(--text-muted); line-height: 1.6; }\n\n        \/* ==========================================================================\n           6. EXCELENCIA DIGITAL (BENEFICIOS)\n           ========================================================================== *\/\n        .benefit-card { display: flex; flex-direction: column; gap: 1.5rem; position: relative; z-index: 1;}\n        .benefit-icon-box {\n            width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center;\n            border-radius: 0.75rem; background-color: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(255, 255, 255, 0.1); transition: var(--transition);\n        }\n        .benefit-card:hover .benefit-icon-box { border-color: var(--primary); transform: scale(1.1); background-color: rgba(37, 99, 235, 0.1); }\n        .benefit-icon-box span { color: var(--primary); font-size: 1.875rem; }\n        \n        .benefit-title { font-size: 1.25rem; font-weight: 800; color: white; margin-bottom: 0.5rem; letter-spacing: -0.02em; }\n        .benefit-desc { color: var(--text-muted); font-weight: 400; line-height: 1.6; font-size: 1rem; }\n        \n        .cta-section {\n            margin-top: 80px; padding-top: 48px; border-top: 1px solid rgba(255, 255, 255, 0.05);\n            display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 32px;\n            position: relative; z-index: 10;\n        }\n        .cta-text { color: var(--text-muted); font-size: 1.125rem; max-width: 500px; text-align: center; line-height: 1.6; }\n        \n        @media (min-width: 768px) {\n            .cta-section { flex-direction: row; text-align: left; }\n            .cta-text { text-align: left; margin-bottom: 0; }\n        }\n\n        \/* ==========================================================================\n           7. FOOTER, MODAL LEGAL, WHATSAPP Y COOKIES\n           ========================================================================== *\/\n        .footer-new { background-color: rgba(2, 6, 23, 0.9); padding: 48px 0; border-top: 1px solid var(--border-color); width: 100%; position: relative; z-index: 10;}\n        .footer-container { display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 24px; text-align: center; }\n        .footer-brand { display: flex; flex-direction: column; gap: 12px; align-items: center; }\n        .footer-logo-img { height: 36px; width: auto; object-fit: contain; }\n        .footer-copyright { font-size: 0.875rem; color: var(--text-muted); }\n        \n        .footer-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; }\n        .footer-nav a { font-size: 0.875rem; color: var(--text-muted); cursor: pointer; transition: var(--transition); }\n        .footer-nav a:hover { color: var(--primary); }\n\n        @media (min-width: 768px) {\n            .footer-container { flex-direction: row; text-align: left; }\n            .footer-brand { align-items: flex-start; }\n        }\n\n        \/* Modal Legal *\/\n        .modal-overlay {\n            display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(2, 6, 23, 0.85); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);\n            z-index: 2000; align-items: center; justify-content: center; padding: 24px;\n            opacity: 0; pointer-events: none; transition: opacity 0.3s ease;\n        }\n        .modal-overlay.active { opacity: 1; pointer-events: auto; display: flex; }\n        \n        .modal-content {\n            background-color: var(--bg-surface); border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: var(--radius-lg); width: 100%; max-width: 600px; max-height: 85vh;\n            display: flex; flex-direction: column; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n            transform: translateY(20px); transition: transform 0.3s ease;\n        }\n        .modal-overlay.active .modal-content { transform: translateY(0); }\n        \n        .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 24px 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }\n        .modal-title { font-size: 1.25rem; font-weight: 800; color: white; margin: 0; }\n        .close-btn { background: none; border: none; color: var(--text-muted); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 4px; border-radius: 8px; transition: var(--transition); }\n        .close-btn:hover { color: white; background-color: rgba(255, 255, 255, 0.05); }\n        \n        .modal-body { padding: 32px; overflow-y: auto; color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; }\n        .modal-body h4 { color: white; font-weight: 800; margin: 24px 0 8px 0; font-size: 1.125rem; }\n        .modal-body h4:first-child { margin-top: 0; }\n\n        \/* Bot\u00f3n WA Flotante con Pulso Infinito (Sin Box-Shadow) *\/\n        @keyframes wa-pulse-anim {\n            0% { transform: scale(1); }\n            50% { transform: scale(1.2); }\n            100% { transform: scale(1); }\n        }\n        \n        .whatsapp-float {\n            position: fixed; bottom: 32px; right: 32px; width: 3.5rem; height: 3.5rem;\n            background-color: #25D366; color: white; border-radius: 50%; display: flex;\n            align-items: center; justify-content: center;\n            z-index: 1500; transition: var(--transition);\n            animation: wa-pulse-anim 1s infinite ease-in-out;\n        }\n        .whatsapp-float:hover { \n            transform: scale(1.1) translateY(-4px); \n            background-color: #20b858; \n            animation-play-state: paused; \n        }\n        .whatsapp-float svg { width: 1.75rem; height: 1.75rem; fill: currentColor; }\n\n        \/* Banner de Cookies *\/\n        .cookie-banner { \n            position: fixed; bottom: 0; left: 0; width: 100%; \n            background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);\n            border-top: 1px solid var(--border-color); padding: 20px 24px; \n            display: flex; justify-content: space-between; align-items: center; \n            z-index: 2500; flex-wrap: wrap; gap: 16px; \n            transform: translateY(100%); opacity: 0; visibility: hidden; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 -10px 40px rgba(0,0,0,0.5);\n        }\n        .cookie-banner.show { transform: translateY(0); opacity: 1; visibility: visible; }\n\n        \/* ==========================================================================\n           8. RESPONSIVE AUDIT (M\u00d3VIL GLOBAL)\n           ========================================================================== *\/\n        @media (max-width: 1024px) {\n            .hero-grid { grid-template-columns: 1fr; gap: 40px; text-align: center; }\n            .hero-visual { max-width: 600px; margin: 0 auto; }\n            .hero-title, .title-main { font-size: 4rem; }\n            .title-split { font-size: 2rem; }\n            .hero-text { display: flex; flex-direction: column; align-items: center; }\n            .hero-stats-row { justify-content: center; text-align: center; }\n            .testimonial-text { font-size: 1.25rem; max-width: 100%; }\n        }\n\n        @media (max-width: 992px) {\n            .grid-2 { grid-template-columns: 1fr; gap: 40px; }\n            .grid-3 { grid-template-columns: 1fr; gap: 32px; }\n        }\n\n        @media (max-width: 768px) {\n            \/* Header Ajustes M\u00f3vil *\/\n            .navbar { padding: 16px 0; }\n            .logo img { max-height: 32px !important; }\n            .navbar .btn-whatsapp { padding: 10px 16px; font-size: 0.85rem; border-radius: 10px; }\n\n            .title-main { font-size: 2.5rem; }\n            .hero-title { font-size: 2.75rem; }\n            .title-split { font-size: 2rem; }\n            .section { padding: 60px 0; }\n            \n            .glass-panel, .card-roi { padding: 24px 20px; width: 100%; overflow: hidden; }\n            .card-testimonial .quote-icon { top: 20px; right: 20px; font-size: 3rem; }\n            .testimonial-text { font-size: 1.125rem; }\n\n            \/* Botones del Hero M\u00f3vil *\/\n            .hero-action-buttons { flex-direction: column; width: 100%; max-width: 320px; margin: 0 auto; gap: 12px; }\n            .hero-action-buttons .btn { width: 100%; justify-content: center; }\n\n            \/* Fijar Stats del Hero en 1 sola l\u00ednea horizontal - Ajustado *\/\n            .hero-stats-row { gap: 12px; width: 100%; justify-content: space-between; flex-wrap: nowrap; }\n            .stat-item { display: flex; flex-direction: column; align-items: center; text-align: center; }\n            .stat-item h3 { font-size: 1.75rem !important; margin-bottom: 4px; }\n            .stat-item p { font-size: 0.65rem !important; white-space: normal; line-height: 1.2; max-width: 90px; margin: 0 auto; }\n\n            .bento-grid { gap: 16px; }\n            .gauge-wrapper { width: 120px; height: 120px; }\n            .gauge-number { font-size: 2rem; }\n            \n            .audience-label span:last-child { font-size: 0.75rem; line-height: 1.2; }\n            .audience-value { font-size: 1rem; }\n\n            \/* Fijar Tira de Datos Inferior en 1 sola l\u00ednea horizontal *\/\n            .data-strip { padding-top: 24px; margin-top: 40px; gap: 20px; }\n            .stat-strip-value { font-size: 1.1rem; margin-top: 4px; }\n            .stat-strip-label { font-size: 0.5rem; letter-spacing: 0; }\n\n            \/* Hardware Section Mobile *\/\n            .grid-4 { grid-template-columns: 1fr; gap: 16px; }\n            .card-hw { padding: 24px 20px; }\n\n            \/* Fix Pricing & FAQ Mobile *\/\n            .price-value { font-size: 2.5rem; }\n            .faq-summary { font-size: 1rem; padding: 20px; gap: 16px; }\n\n            \/* Fijar Enlaces del Footer en 1 sola l\u00ednea *\/\n            .footer-nav { flex-wrap: nowrap; gap: 12px; }\n            .footer-nav a { font-size: 0.75rem; white-space: nowrap; }\n            \n            \/* WA Button Mobile Ajuste *\/\n            .whatsapp-float { bottom: 24px; right: 24px; width: 3rem; height: 3rem; }\n            .whatsapp-float svg { width: 1.5rem; height: 1.5rem; }\n\n            \/* Cookie Banner Mobile (Acomodado para no chocar con WA) *\/\n            .cookie-banner { flex-direction: column; text-align: center; padding-bottom: 90px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Header Fijo (Sticky para todas las versiones) -->\n    <nav class=\"navbar\">\n        <div class=\"container nav-container\">\n            <div class=\"logo\">\n                <img decoding=\"async\" src=\"https:\/\/displaypropanama.com\/wp-content\/uploads\/2026\/03\/logo-displaypro.webp\" alt=\"DisplayPro Panam\u00e1\" style=\"max-height: 36px; width: auto;\">\n            <\/div>\n            <a href=\"https:\/\/wa.me\/50768392972?text=Hola,%20me%20gustar%C3%ADa%20cotizar%20pantallas.\" target=\"_blank\" class=\"btn btn-whatsapp\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/><\/svg>\n                Contactar\n            <\/a>\n        <\/div>\n    <\/nav>\n\n    <!-- SECCI\u00d3N HERO -->\n    <header class=\"hero-v2\">\n        <div class=\"hero-bg-v2\">\n            <div class=\"hero-glow-1\"><\/div><div class=\"hero-glow-2\"><\/div>\n            <div class=\"hero-scanline\"><\/div>\n        <\/div>\n        <div class=\"container hero-grid\">\n            <div class=\"hero-visual\">\n                <div class=\"hero-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/displaypropanama.com\/wp-content\/uploads\/2026\/03\/img-hero.webp\" alt=\"Mupi Digital\">\n                <\/div>\n                <div class=\"hero-status-tag\">\n                    <div class=\"status-dot-container\"><span class=\"status-dot-ping\"><\/span><span class=\"status-dot\"><\/span><\/div>\n                    <span class=\"status-text\">Canal Activo: PTY-01<\/span>\n                <\/div>\n                <div class=\"glass-panel hero-floating-card\" style=\"padding: 24px; background: rgba(15, 23, 42, 0.75);\">\n                    <div style=\"display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;\">\n                        <span style=\"font-size:0.75rem; color:#ffffff; font-weight:800;\">M\u00e9trica de Impacto<\/span>\n                        <div style=\"color:#10b981; font-size:0.65rem; font-weight:800;\">82% CRECIMIENTO<\/div>\n                    <\/div>\n                    <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width:82%;\"><\/div><\/div>\n                    <div style=\"display:flex; justify-content:space-between; margin-top:12px; font-size:0.6rem; font-weight:800;\">\n                        <span style=\"color:#e2e8f0;\">LUZ INTELIGENTE<\/span>\n                        <span style=\"color:#ffffff;\">AUTO-ADAPTATIVO<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"hero-text\">\n                <h1 class=\"text-explain\" style=\"margin-bottom: 16px; color: #ffffff;\">Pantallas digitales t\u00e1ctiles e interactivas en Panam\u00e1<\/h1>\n                <h2 class=\"hero-title hero-gradient-text\" style=\"margin-top: 0;\">Dominio <br>Visual Urbano<\/h2>\n                <p class=\"paragraph-main\">Display Pro redefine el Indoor y Outdoor en Panam\u00e1. Pantallas de ultra-brillo dise\u00f1adas para capturar cada mirada en las calles m\u00e1s transitadas, adem\u00e1s de vivir la mejor experiencia.<\/p>\n                <div class=\"hero-action-buttons\">\n                    <a href=\"https:\/\/wa.me\/50768392972?text=Hola,%20me%20gustar%C3%ADa%20cotizar%20pantallas.\" target=\"_blank\" class=\"btn btn-primary\">Iniciar Canal Activo<\/a>\n                    <a href=\"#comparativa\" class=\"btn btn-outline\">Ver Ficha T\u00e9cnica<\/a>\n                <\/div>\n                <div class=\"hero-stats-row\">\n                    <div class=\"stat-item\"><h3>4K<\/h3><p>Ultra Alta Definici\u00f3n<\/p><\/div>\n                    <div class=\"stat-item\"><h3>5000<\/h3><p>Nits de Brillo<\/p><\/div>\n                    <div class=\"stat-item\"><h3>99.9%<\/h3><p>Tiempo Activo<\/p><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- SECCI\u00d3N IMPACTO MEDIBLE (BENTO GRID) -->\n    <section class=\"section section-alt\">\n        <div class=\"bg-ambient\">\n            <div class=\"glow-blue\" style=\"width: 600px; height: 600px; top: -10%; right: -10%;\"><\/div>\n            <div class=\"glow-magenta\" style=\"width: 500px; height: 500px; bottom: -10%; left: -10%;\"><\/div>\n        <\/div>\n        \n        <div class=\"container\">\n            <header style=\"margin-bottom: 60px; text-align: left;\">\n                <span class=\"subtitle-main\">M\u00e9tricas de Rendimiento<\/span>\n                <h2 class=\"title-main\">Impacto Medible <br\/><span class=\"hero-gradient-text\">en Retail<\/span><\/h2>\n                <span class=\"text-explain\">Resultados reales y financieros para tu tienda f\u00edsica<\/span>\n                <p class=\"paragraph-main\" style=\"max-width: 800px;\">\n                    Transformamos puntos de venta en ecosistemas din\u00e1micos de datos. Nuestra tecnolog\u00eda de carteler\u00eda digital no solo muestra contenido, genera resultados tangibles a trav\u00e9s de optimizaci\u00f3n inteligente.\n                <\/p>\n            <\/header>\n\n            <div class=\"bento-grid\">\n                <!-- Tarjeta 1: Gr\u00e1fico de Incremento -->\n                <div class=\"glass-panel bento-col-8\">\n                    <span class=\"material-symbols-outlined card-gauge-bg-icon\">query_stats<\/span>\n                    \n                    <div style=\"position: relative; z-index: 2;\">\n                        <h3 class=\"card-title\">Incremento de Ventas Proyectado<\/h3>\n                        <span class=\"text-explain\">Rendimiento de la Red Comercial<\/span>\n                        \n                        <div class=\"gauge-content\">\n                            <div class=\"gauge-wrapper\">\n                                <svg class=\"svg-gauge\" viewBox=\"0 0 220 220\">\n                                    <circle class=\"svg-gauge-bg\" cx=\"110\" cy=\"110\" fill=\"transparent\" r=\"95\"><\/circle>\n                                    <circle class=\"svg-gauge-fg\" cx=\"110\" cy=\"110\" fill=\"transparent\" r=\"95\"><\/circle>\n                                <\/svg>\n                                <div class=\"gauge-text\">\n                                    <span class=\"gauge-number\">8%<\/span>\n                                    <span style=\"font-size: 0.65rem; color: var(--primary); font-weight: 800; letter-spacing: 0.1em; margin-top: 4px;\">MAX LIFT<\/span>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"progress-section\">\n                                <div>\n                                    <div class=\"progress-header\">\n                                        <span>Conversi\u00f3n en Punto de Venta<\/span>\n                                        <span class=\"progress-value\">+12.4%<\/span>\n                                    <\/div>\n                                    <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width: 72%;\"><\/div><\/div>\n                                <\/div>\n                                \n                                <div>\n                                    <div class=\"progress-header\">\n                                        <span>Retenci\u00f3n de Audiencia<\/span>\n                                        <span class=\"progress-value\">88%<\/span>\n                                    <\/div>\n                                    <div class=\"bar-bg\"><div class=\"bar-fill\" style=\"width: 88%;\"><\/div><\/div>\n                                <\/div>\n                                \n                                <div style=\"display: flex; align-items: center; gap: 8px; color: var(--text-muted); font-size: 0.75rem; margin-top: 16px;\">\n                                    <span class=\"material-symbols-outlined\" style=\"color: var(--primary); font-size: 1.25rem;\">verified<\/span>\n                                    Datos certificados por agencias de Retail en Panam\u00e1.\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tarjeta 2: ROI -->\n                <div class=\"card-roi bento-col-4\">\n                    <div>\n                        <span class=\"material-symbols-outlined\" style=\"font-size: 2.5rem; margin-bottom: 24px;\">account_balance_wallet<\/span>\n                        <h3 class=\"title-split\" style=\"color: white; margin-bottom: 8px;\">ROI <br\/>Instant\u00e1neo<\/h3>\n                        <p style=\"color: rgba(255,255,255,0.8); font-size: 0.875rem;\">Retorno de inversi\u00f3n promedio basado en campa\u00f1as de publicidad din\u00e1mica.<\/p>\n                    <\/div>\n                    <div style=\"margin-top: 32px;\">\n                        <div class=\"roi-value\">4.2x<\/div>\n                        <div class=\"bar-bg\" style=\"background: rgba(255,255,255,0.2); height: 4px;\"><div class=\"bar-fill\" style=\"width: 75%; background: white;\"><\/div><\/div>\n                        <p style=\"font-size: 0.65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 12px;\">Multiplicador de Valor<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Tarjeta 3: Testimonio -->\n                <div class=\"glass-panel bento-col-7 card-testimonial\" style=\"display: flex; flex-direction: column; justify-content: center;\">\n                    <span class=\"material-symbols-outlined quote-icon\">format_quote<\/span>\n                    <div style=\"position: relative; z-index: 2;\">\n                        <p class=\"testimonial-text\">\n                            &#8220;La implementaci\u00f3n de contenido din\u00e1mico de DisplayPro increment\u00f3 nuestro ticket promedio en un 15% durante las horas pico. Es la herramienta de ventas m\u00e1s potente que hemos instalado.&#8221;\n                        <\/p>\n                        <div class=\"profile-container\">\n                            <img decoding=\"async\" class=\"profile-img\" alt=\"Perfil Ejecutivo\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuBWpm_v55JF0637ha3p7_NDvRYVrBkdESxfNInuGlJdNcG_8Uw8oXRcWyXmmIK4lv1qorlXPN-rQ5m9kOJsdlKdUHFZcnxIjoB51_xG06LhD5JxF3QFU4USAQqITw0YrHuVA9CZetwCl9hzr9hO2G2xwty0mIvEdCqU3MhSCrJy8_0uTtctXGVBDV4KYxQymNnQPCWXuvS9jBKOFz19xIbwS3SgAYscHcpH51O66-v8PhUN6QDlBgUNj7OyDbEPiT_d7XMf7tQGk04\"\/>\n                            <div>\n                                <h4 style=\"font-weight: 800; font-size: 0.875rem;\">Ender Ca\u00f1izales<\/h4>\n                                <p style=\"font-size: 0.75rem; color: var(--text-muted);\">CEO Carne en Vara PTY<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Tarjeta 4: Audiencia -->\n                <div class=\"glass-panel bento-col-5\">\n                    <div>\n                        <h3 class=\"card-title\">Audiencia en Tiempo Real<\/h3>\n                        <span class=\"text-explain\" style=\"margin-bottom: 24px;\">Conoce a tu cliente ideal<\/span>\n                        \n                        <div class=\"audience-list\">\n                            <div class=\"audience-item bordered\">\n                                <div class=\"audience-label\">\n                                    <span class=\"material-symbols-outlined\">groups<\/span>\n                                    <span>Tr\u00e1fico Mensual<\/span>\n                                <\/div>\n                                <span class=\"audience-value\">1.2M+<\/span>\n                            <\/div>\n                            \n                            <div class=\"audience-item bordered\">\n                                <div class=\"audience-label\">\n                                    <span class=\"material-symbols-outlined\">schedule<\/span>\n                                    <span>Tiempo Medio de Permanencia<\/span>\n                                <\/div>\n                                <span class=\"audience-value\">45s<\/span>\n                            <\/div>\n                            \n                            <div class=\"audience-item\">\n                                <div class=\"audience-label\">\n                                    <span class=\"material-symbols-outlined\">ads_click<\/span>\n                                    <span>Interacci\u00f3n Digital<\/span>\n                                <\/div>\n                                <span class=\"audience-value\">22%<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <button class=\"btn-report\">\n                        Ver Reporte Completo\n                        <span class=\"material-symbols-outlined\" style=\"font-size: 1rem;\">arrow_forward<\/span>\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Footer Strip -->\n            <div class=\"data-strip\">\n                <div class=\"stats-group\">\n                    <div class=\"stat-item\">\n                        <span class=\"stat-strip-label\">Precisi\u00f3n Data<\/span>\n                        <span class=\"stat-strip-value\">99.8%<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span class=\"stat-strip-label\">Uptime Red<\/span>\n                        <span class=\"stat-strip-value\">24\/7<\/span>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <span class=\"stat-strip-label\">Actualizaci\u00f3n<\/span>\n                        <span class=\"stat-strip-value\">Tiempo Real<\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"badge\" style=\"gap: 8px; margin: 0; flex-shrink: 0; white-space: nowrap;\">\n                    <span class=\"pulse-indicator\"><\/span>\n                    Live Feed: Activo\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECCI\u00d3N ARQUITECTURA DE HARDWARE -->\n    <section class=\"section\">\n        <div class=\"bg-ambient\">\n            <div class=\"glow-cyan\" style=\"width: 700px; height: 700px; top: 20%; left: -20%;\"><\/div>\n        <\/div>\n\n        <div class=\"container\">\n            <div class=\"section-header\" style=\"text-align: left; margin-bottom: 60px;\">\n                <span class=\"subtitle-main\">Ingenier\u00eda de Vanguardia<\/span>\n                <h2 class=\"title-main\">Arquitectura de <br\/><span class=\"hero-gradient-text\">Hardware<\/span><\/h2>\n                <span class=\"text-explain\">Equipos fabricados para resistir y destacar en la ciudad<\/span>\n            <\/div>\n\n            <div class=\"grid-4\" style=\"margin-bottom: 80px;\">\n                <article class=\"card-hw glass-panel\">\n                    <div class=\"card-icon-box\"><span class=\"material-symbols-outlined\">touch_app<\/span><\/div>\n                    <div style=\"flex-grow: 1;\">\n                        <h3 class=\"card-title\" style=\"font-size: 1.25rem; margin-bottom: 4px;\">Multit\u00e1ctil de 43&#8243;<\/h3>\n                        <span class=\"text-explain\" style=\"font-size: 0.65rem; margin-bottom: 12px;\">Superficie Interactiva<\/span>\n                        <p class=\"paragraph-main\" style=\"font-size: 0.875rem; margin-bottom: 0;\">Interfaz t\u00e1ctil capacitiva de 10 puntos con vidrio arquitect\u00f3nico antirreflejo para una respuesta perfecta.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"card-hw glass-panel\">\n                    <div class=\"card-icon-box\"><span class=\"material-symbols-outlined\">high_quality<\/span><\/div>\n                    <div style=\"flex-grow: 1;\">\n                        <h3 class=\"card-title\" style=\"font-size: 1.25rem; margin-bottom: 4px;\">Resoluci\u00f3n Full HD<\/h3>\n                        <span class=\"text-explain\" style=\"font-size: 0.65rem; margin-bottom: 12px;\">Densidad de P\u00edxeles<\/span>\n                        <p class=\"paragraph-main\" style=\"font-size: 0.875rem; margin-bottom: 0;\">Orientaci\u00f3n vertical (1080&#215;1920) optimizada para reproducir medios digitales exteriores de alto impacto visual.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"card-hw glass-panel\">\n                    <div class=\"card-icon-box\"><span class=\"material-symbols-outlined\">memory<\/span><\/div>\n                    <div style=\"flex-grow: 1;\">\n                        <h3 class=\"card-title\" style=\"font-size: 1.25rem; margin-bottom: 4px;\">Android 11 Industrial<\/h3>\n                        <span class=\"text-explain\" style=\"font-size: 0.65rem; margin-bottom: 12px;\">N\u00facleo del Sistema<\/span>\n                        <p class=\"paragraph-main\" style=\"font-size: 0.875rem; margin-bottom: 0;\">Unidad de procesamiento de cuatro n\u00facleos dise\u00f1ada para un funcionamiento continuo 24\/7 sin cortes ni demoras.<\/p>\n                    <\/div>\n                <\/article>\n\n                <article class=\"card-hw glass-panel\">\n                    <div class=\"card-icon-box\"><span class=\"material-symbols-outlined\">wifi_tethering<\/span><\/div>\n                    <div style=\"flex-grow: 1;\">\n                        <h3 class=\"card-title\" style=\"font-size: 1.25rem; margin-bottom: 4px;\">Conexi\u00f3n H\u00edbrida<\/h3>\n                        <span class=\"text-explain\" style=\"font-size: 0.65rem; margin-bottom: 12px;\">Flujo de Datos<\/span>\n                        <p class=\"paragraph-main\" style=\"font-size: 0.875rem; margin-bottom: 0;\">Cambio fluido y autom\u00e1tico entre conectividad Wi-Fi de doble banda y red cableada LAN Gigabit.<\/p>\n                    <\/div>\n                <\/article>\n            <\/div>\n\n            <div class=\"grid-2\" style=\"align-items: center;\">\n                <div class=\"hero-visual-wrapper\" style=\"aspect-ratio: 4\/3;\">\n                    <img decoding=\"async\" src=\"https:\/\/displaypropanama.com\/wp-content\/uploads\/2026\/03\/freepik__mejora-img1-a-imagen-hiperrealista-8k-asgnale-un-f__26825-scaled.jpeg\" alt=\"Hardware DisplayPro Panama\" style=\"width: 100%; height: 100%; object-fit: cover; opacity: 0.8;\">\n                    <div class=\"hero-visual-gradient\" style=\"background: linear-gradient(to top, rgba(2,6,23,0.9), transparent);\"><\/div>\n                <\/div>\n                \n                <div>\n                    <h3 class=\"title-split\">Dise\u00f1ado para el <br\/><span class=\"hero-gradient-text\">entorno urbano<\/span><\/h3>\n                    <p class=\"paragraph-main\">El hardware de nuestro Mupi Digital est\u00e1 fabricado espec\u00edficamente para soportar la humedad y las altas temperaturas de nuestro clima tropical, asegurando un rendimiento impecable todo el a\u00f1o.<\/p>\n                    \n                    <ul class=\"feature-list\" style=\"list-style: none; margin-top: 24px; display: flex; flex-direction: column; gap: 20px;\">\n                        <li style=\"display: flex; align-items: flex-start; gap: 16px;\">\n                            <span class=\"material-symbols-outlined\" style=\"color: var(--primary); font-size: 24px; flex-shrink: 0;\">check_circle<\/span>\n                            <div>\n                                <h4 class=\"card-title\" style=\"font-size: 1.125rem; margin-bottom: 4px;\">Gesti\u00f3n T\u00e9rmica<\/h4>\n                                <p class=\"paragraph-main\" style=\"font-size: 0.9rem; margin-bottom: 0;\">Sistema de enfriamiento activo con ventiladores de grado industrial que regulan la temperatura autom\u00e1ticamente.<\/p>\n                            <\/div>\n                        <\/li>\n                        <li style=\"display: flex; align-items: flex-start; gap: 16px;\">\n                            <span class=\"material-symbols-outlined\" style=\"color: var(--primary); font-size: 24px; flex-shrink: 0;\">check_circle<\/span>\n                            <div>\n                                <h4 class=\"card-title\" style=\"font-size: 1.125rem; margin-bottom: 4px;\">Alta Luminancia<\/h4>\n                                <p class=\"paragraph-main\" style=\"font-size: 0.9rem; margin-bottom: 0;\">Pantalla 100% visible bajo luz solar directa gracias a su potente panel con capacidad de m\u00e1s de 2500 nits.<\/p>\n                            <\/div>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECCI\u00d3N PRECIOS -->\n    <section class=\"section section-alt\">\n        <div class=\"bg-ambient\">\n            <div class=\"glow-blue\" style=\"width: 800px; height: 800px; top: -20%; left: 50%; transform: translateX(-50%);\"><\/div>\n            <div class=\"glow-magenta\" style=\"width: 400px; height: 400px; bottom: 10%; right: -10%;\"><\/div>\n        <\/div>\n\n        <div class=\"container\">\n            <div class=\"section-header\" style=\"text-align: center; margin-bottom: 60px;\">\n                <span class=\"subtitle-main\">Planes de Suscripci\u00f3n<\/span>\n                <h2 class=\"title-main\">Inversi\u00f3n en <br\/><span class=\"hero-gradient-text\">Impacto Visual<\/span><\/h2>\n                <span class=\"text-explain\" style=\"justify-content: center; display: flex;\">Soluciones llave en mano sin costos ocultos<\/span>\n                <p class=\"paragraph-main\" style=\"max-width: 600px; margin: 0 auto;\">Despliegue inmediato, soporte local y tecnolog\u00eda de vanguardia para el mercado paname\u00f1o.<\/p>\n            <\/div>\n            \n            <div class=\"grid-3\">\n                <div class=\"glass-panel\" style=\"padding: 40px 32px; display: flex; flex-direction: column;\">\n                    <span class=\"text-explain\" style=\"margin-bottom: 8px;\">Para Empezar<\/span>\n                    <h3 class=\"card-title\">Plan Inicial<\/h3>\n                    <div class=\"price-value\">$350.00 <span class=\"price-period\">\/mes<\/span><\/div>\n                    <ul class=\"price-list\">\n                        <li><span class=\"material-symbols-outlined\">check_circle<\/span> Pantalla 43&#8243; B\u00e1sica<\/li>\n                        <li><span class=\"material-symbols-outlined\">check_circle<\/span> Gesti\u00f3n Remota Est\u00e1ndar<\/li>\n                        <li><span class=\"material-symbols-outlined disabled-icon\">check_circle<\/span> Soporte Limitado (Email)<\/li>\n                        <li><span class=\"material-symbols-outlined disabled-icon\">check_circle<\/span> Instalaci\u00f3n Est\u00e1ndar<\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/wa.me\/50768392972?text=Hola,%20me%20gustar%C3%ADa%20cotizar%20pantallas.\" target=\"_blank\" class=\"btn btn-outline\" style=\"width: 100%; margin-top: auto;\">Probar Demo<\/a>\n                <\/div>\n\n                <div class=\"glass-panel\" style=\"padding: 40px 32px; border-color: var(--primary); box-shadow: 0 10px 40px -10px var(--primary-glow); transform: scale(1.05); z-index: 10; display: flex; flex-direction: column;\">\n                    <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;\">\n                        <span class=\"text-explain\" style=\"margin-bottom: 0;\">El M\u00e1s Buscado<\/span>\n                        <span style=\"background: var(--primary); color: white; font-size: 0.65rem; font-weight: 800; padding: 4px 12px; border-radius: 99px; text-transform: uppercase; letter-spacing: 0.1em;\">Recomendado<\/span>\n                    <\/div>\n                    <h3 class=\"card-title\">Plan Ejecutivo<\/h3>\n                    <div class=\"price-value\">$450.00 <span class=\"price-period\">\/mes<\/span><\/div>\n                    <ul class=\"price-list\">\n                        <li><span class=\"material-symbols-outlined\" style=\"font-variation-settings: 'FILL' 1;\">verified<\/span> Full HD 43&#8243; MUPI Premium<\/li>\n                        <li><span class=\"material-symbols-outlined\" style=\"font-variation-settings: 'FILL' 1;\">verified<\/span> Android 11 OS Integrado<\/li>\n                        <li><span class=\"material-symbols-outlined\" style=\"font-variation-settings: 'FILL' 1;\">verified<\/span> Soporte Pro y T\u00e9cnico Local<\/li>\n                        <li><span class=\"material-symbols-outlined\" style=\"font-variation-settings: 'FILL' 1;\">verified<\/span> Modelo OpEx (Sin Inversi\u00f3n Inicial)<\/li>\n                        <li><span class=\"material-symbols-outlined\" style=\"font-variation-settings: 'FILL' 1;\">verified<\/span> Actualizaciones OTA<\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/wa.me\/50768392972?text=Hola,%20me%20gustar%C3%ADa%20cotizar%20pantallas.\" target=\"_blank\" class=\"btn btn-primary\" style=\"width: 100%; margin-top: auto;\">Cotizar Ahora<\/a>\n                <\/div>\n\n                <div class=\"glass-panel\" style=\"padding: 40px 32px; display: flex; flex-direction: column;\">\n                    <span class=\"text-explain\" style=\"margin-bottom: 8px;\">Gran Escala<\/span>\n                    <h3 class=\"card-title\">Plan Corporativo<\/h3>\n                    <div class=\"price-value\" style=\"font-size: 2.5rem;\">A Medida<\/div>\n                    <ul class=\"price-list\">\n                        <li><span class=\"material-symbols-outlined\">settings_suggest<\/span> Despliegues Masivos<\/li>\n                        <li><span class=\"material-symbols-outlined\">settings_suggest<\/span> Software Marca Blanca<\/li>\n                        <li><span class=\"material-symbols-outlined\">settings_suggest<\/span> Soporte Dedicado 24\/7<\/li>\n                        <li><span class=\"material-symbols-outlined\">settings_suggest<\/span> API e Integraci\u00f3n de Datos<\/li>\n                    <\/ul>\n                    <a href=\"https:\/\/wa.me\/50768392972?text=Hola,%20me%20gustar%C3%ADa%20cotizar%20pantallas.\" target=\"_blank\" class=\"btn btn-outline\" style=\"width: 100%; margin-top: auto;\">Contactar Ventas<\/a>\n                <\/div>\n            <\/div>\n\n            <div id=\"comparativa\" class=\"section-header\" style=\"margin-top: 100px; margin-bottom: 40px; text-align: center;\">\n                <h2 class=\"title-main\">Comparativa <br\/><span class=\"hero-gradient-text\">Detallada<\/span><\/h2>\n            <\/div>\n            <div class=\"table-wrapper custom-scrollbar\">\n                <table class=\"pricing-table\">\n                    <thead>\n                        <tr>\n                            <th>Caracter\u00edstica<\/th>\n                            <th class=\"header-main\">Plan Inicial<\/th>\n                            <th class=\"header-featured\">Plan Ejecutivo<\/th>\n                            <th class=\"header-main\">Plan Corporativo<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td class=\"label-col\">Hardware<\/td>\n                            <td>Pantalla 43&#8243; B\u00e1sica<\/td>\n                            <td style=\"font-weight: 800;\">43&#8243; MUPI Premium<\/td>\n                            <td>Despliegue Masivo Personalizado<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"label-col\">Resoluci\u00f3n<\/td>\n                            <td>Full HD (1080&#215;1920)<\/td>\n                            <td>Full HD <span style=\"display: block; font-size: 0.65rem; color: var(--primary); text-transform: uppercase; letter-spacing: 0.1em; margin-top: 4px;\">Premium Panel<\/span><\/td>\n                            <td>Full HD (1080&#215;1920)<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"label-col\">Sistema Operativo<\/td>\n                            <td>\u2014<\/td>\n                            <td>Android 11 Integrado<\/td>\n                            <td>Android 11 Integrado<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"label-col\">Soporte<\/td>\n                            <td>Remoto Est\u00e1ndar<\/td>\n                            <td>Soporte Pro y Local<\/td>\n                            <td>Dedicado 24\/7<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"label-col\">Modelo Financiero<\/td>\n                            <td>Renta Mensual <span style=\"display: block; font-size: 0.65rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.1em; margin-top: 4px;\">Sin CAPEX<\/span><\/td>\n                            <td>Renta Mensual <span style=\"display: block; font-size: 0.65rem; color: var(--primary); text-transform: uppercase; letter-spacing: 0.1em; margin-top: 4px;\">Sin CAPEX<\/span><\/td>\n                            <td>Renta Mensual <span style=\"display: block; font-size: 0.65rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.1em; margin-top: 4px;\">Sin CAPEX<\/span><\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"label-col\">Instalaci\u00f3n<\/td>\n                            <td>Est\u00e1ndar<\/td>\n                            <td style=\"font-weight: 800;\">Profesional<\/td>\n                            <td>Marca Blanca<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECCI\u00d3N PREGUNTAS FRECUENTES (FAQ) -->\n    <section class=\"section\">\n        <div class=\"bg-ambient\">\n            <div class=\"glow-cyan\" style=\"width: 600px; height: 600px; top: 10%; right: -10%;\"><\/div>\n        <\/div>\n\n        <div class=\"container\">\n            <div class=\"section-header\" style=\"text-align: center;\">\n                <span class=\"subtitle-main\">Centro de Ayuda<\/span>\n                <h2 class=\"title-main\">Preguntas <br\/><span class=\"hero-gradient-text\">Frecuentes<\/span><\/h2>\n                <span class=\"text-explain\" style=\"justify-content: center; display: flex;\">Todo lo que necesitas saber antes de invertir<\/span>\n            <\/div>\n            \n            <div class=\"faq-container\">\n                <details class=\"faq-item\">\n                    <summary class=\"faq-summary\">\n                        <span>\u00bfQu\u00e9 incluye exactamente el modelo de Renta Integral?<\/span>\n                        <span class=\"material-symbols-outlined expand-icon\">expand_more<\/span>\n                    <\/summary>\n                    <div class=\"faq-content\">\n                        Nuestro modelo incluye el hardware (pantallas de \u00faltima generaci\u00f3n), la instalaci\u00f3n profesional en sitio, soporte t\u00e9cnico preventivo y correctivo, y mantenimiento regular de los equipos. Sin costos ocultos.\n                    <\/div>\n                <\/details>\n\n                <details class=\"faq-item\">\n                    <summary class=\"faq-summary\">\n                        <span>\u00bfC\u00f3mo se gestiona el contenido de las pantallas?<\/span>\n                        <span class=\"material-symbols-outlined expand-icon\">expand_more<\/span>\n                    <\/summary>\n                    <div class=\"faq-content\">\n                        La gesti\u00f3n es 100% remota a trav\u00e9s de nuestra plataforma en la nube. Puedes actualizar im\u00e1genes, videos y programaciones desde cualquier lugar con acceso a internet.\n                    <\/div>\n                <\/details>\n\n                <details class=\"faq-item\">\n                    <summary class=\"faq-summary\">\n                        <span>\u00bfCu\u00e1l es el tiempo promedio de instalaci\u00f3n?<\/span>\n                        <span class=\"material-symbols-outlined expand-icon\">expand_more<\/span>\n                    <\/summary>\n                    <div class=\"faq-content\">\n                        El despliegue se realiza entre 3 y 7 d\u00edas h\u00e1biles tras la validaci\u00f3n de la ubicaci\u00f3n y firma del contrato, garantizando una puesta en marcha r\u00e1pida de tu estrategia visual.\n                    <\/div>\n                <\/details>\n\n                <details class=\"faq-item\">\n                    <summary class=\"faq-summary\">\n                        <span>\u00bfQu\u00e9 sucede si el equipo requiere mantenimiento?<\/span>\n                        <span class=\"material-symbols-outlined expand-icon\">expand_more<\/span>\n                    <\/summary>\n                    <div class=\"faq-content\">\n                        No debes preocuparte. Contamos con soporte t\u00e9cnico local inmediato en Ciudad de Panam\u00e1. Ante cualquier incidencia, nuestro equipo se desplaza para resolverla sin costos adicionales.\n                    <\/div>\n                <\/details>\n\n                <details class=\"faq-item\">\n                    <summary class=\"faq-summary\">\n                        <span>\u00bfEs posible escalar el n\u00famero de pantallas?<\/span>\n                        <span class=\"material-symbols-outlined expand-icon\">expand_more<\/span>\n                    <\/summary>\n                    <div class=\"faq-content\">\n                        S\u00ed, el modelo es 100% escalable. Puedes a\u00f1adir m\u00e1s pantallas a tu red en cualquier momento sin necesidad de una inversi\u00f3n inicial de capital (CAPEX), manteniendo la agilidad financiera de tu negocio.\n                    <\/div>\n                <\/details>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECCI\u00d3N EXCELENCIA DIGITAL (BENEFICIOS) Y CTA -->\n    <section class=\"section section-alt\">\n        <div class=\"bg-ambient\">\n            <div class=\"glow-magenta\" style=\"width: 500px; height: 500px; top: -10%; left: -10%;\"><\/div>\n            <div class=\"glow-blue\" style=\"width: 600px; height: 600px; bottom: -20%; right: -10%;\"><\/div>\n        <\/div>\n\n        <div class=\"container\">\n            <div class=\"section-header\" style=\"text-align: left;\">\n                <span class=\"subtitle-main\">Excelencia Digital<\/span>\n                <h2 class=\"title-main\">\u00bfPor qu\u00e9 elegir <br\/><span class=\"hero-gradient-text\">DisplayPro?<\/span><\/h2>\n                <span class=\"text-explain\">Razones claras para transformar tu estrategia visual<\/span>\n            <\/div>\n\n            <div class=\"grid-3\">\n                <!-- Beneficio 1 -->\n                <div class=\"benefit-card\">\n                    <div class=\"benefit-icon-box\">\n                        <span class=\"material-symbols-outlined\">visibility<\/span>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">Impacto Visual<\/h3>\n                        <p class=\"benefit-desc\">\n                            Pantallas de alta definici\u00f3n con tecnolog\u00eda MUPI que garantizan que tu mensaje brille con claridad absoluta bajo cualquier condici\u00f3n de luz en Panam\u00e1.\n                        <\/p>\n                    <\/div>\n                    <div style=\"margin-top: auto; padding-top: 16px;\">\n                        <span class=\"text-explain\" style=\"margin: 0; font-size: 0.65rem;\">Tecnolog\u00eda de Pantalla Premium<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Beneficio 2 -->\n                <div class=\"benefit-card\">\n                    <div class=\"benefit-icon-box\">\n                        <span class=\"material-symbols-outlined\">location_on<\/span>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">Ubicaciones Estrat\u00e9gicas<\/h3>\n                        <p class=\"benefit-desc\">\n                            Presencia en los puntos de mayor tr\u00e1fico y centros comerciales clave de la ciudad, asegurando que miles de personas vean tu marca a diario.\n                        <\/p>\n                    <\/div>\n                    <div style=\"margin-top: auto; padding-top: 16px;\">\n                        <span class=\"text-explain\" style=\"margin: 0; font-size: 0.65rem;\">Nodos de Alto Tr\u00e1fico<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Beneficio 3 -->\n                <div class=\"benefit-card\">\n                    <div class=\"benefit-icon-box\">\n                        <span class=\"material-symbols-outlined\">support_agent<\/span>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">Soporte 24\/7<\/h3>\n                        <p class=\"benefit-desc\">\n                            Monitoreo constante y asistencia t\u00e9cnica dedicada para garantizar que tu campa\u00f1a nunca se detenga. Nuestra fiabilidad es tu tranquilidad.\n                        <\/p>\n                    <\/div>\n                    <div style=\"margin-top: auto; padding-top: 16px;\">\n                        <span class=\"text-explain\" style=\"margin: 0; font-size: 0.65rem;\">Confiabilidad Permanente<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Llamado a la Acci\u00f3n (CTA) -->\n            <div class=\"cta-section\">\n                <p class=\"cta-text\">\n                   Estas listo para llevar la presencia de tu marca al siguiente nivel en el mercado paname\u00f1o con soluciones de se\u00f1alizaci\u00f3n digital de grado corporativo.\n                <\/p>\n                <a href=\"https:\/\/wa.me\/50768392972?text=Hola,%20me%20gustar%C3%ADa%20cotizar%20pantallas.\" target=\"_blank\" class=\"btn btn-primary\" style=\"padding: 16px 40px; font-size: 1.125rem;\">\n                    Solicitar Propuesta\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER REDISE\u00d1ADO -->\n    <footer class=\"footer-new\">\n        <div class=\"container footer-container\">\n            <div class=\"footer-brand\">\n                <img decoding=\"async\" src=\"https:\/\/displaypropanama.com\/wp-content\/uploads\/2026\/03\/logo-displaypro.webp\" alt=\"DisplayPro Panam\u00e1\" class=\"footer-logo-img\">\n                <p class=\"footer-copyright\">\u00a9 2026 DisplayPro Panam\u00e1. Soluciones Indoor y Outdoor de Alto Impacto.<\/p>\n            <\/div>\n            <nav class=\"footer-nav\">\n                <a onclick=\"openModal('Pol\u00edticas de Privacidad')\">Pol\u00edticas de Privacidad<\/a>\n                <a onclick=\"openModal('T\u00e9rminos y Condiciones')\">T\u00e9rminos y Condiciones<\/a>\n            <\/nav>\n        <\/div>\n    <\/footer>\n\n    <!-- MODAL LEGAL UNIFICADO Y REDISE\u00d1ADO -->\n    <div id=\"legalModal\" class=\"modal-overlay\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h2 id=\"modalTitle\" class=\"modal-title\">T\u00edtulo Modal<\/h2>\n                <button class=\"close-btn\" onclick=\"closeModal()\" aria-label=\"Cerrar modal\">\n                    <span class=\"material-symbols-outlined\">close<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <h4 style=\"margin-top: 0;\">1. Uso del Servicio<\/h4>\n                <p>Al interactuar con nuestros servicios y plataformas de publicidad digital, usted acepta acatar las regulaciones locales e internacionales establecidas para el uso responsable de medios.<\/p>\n                \n                <h4>2. Privacidad y Datos<\/h4>\n                <p>Nos comprometemos a salvaguardar cualquier informaci\u00f3n de contacto proporcionada, utiliz\u00e1ndola estrictamente con fines comerciales relacionados a su solicitud, de acuerdo con las leyes de protecci\u00f3n de datos vigentes en la Rep\u00fablica de Panam\u00e1.<\/p>\n                \n                <h4>3. Soporte y Mantenimiento<\/h4>\n                <p>Los tiempos de respuesta del soporte t\u00e9cnico se manejan dentro de los acuerdos de nivel de servicio (SLA) firmados. Las intervenciones en sitio est\u00e1n sujetas a validaci\u00f3n t\u00e9cnica inicial v\u00eda remota.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- BOT\u00d3N WHATSAPP FLOTANTE REDISE\u00d1ADO -->\n    <a href=\"https:\/\/wa.me\/50768392972?text=Hola,%20me%20gustar%C3%ADa%20cotizar%20pantallas.\" class=\"whatsapp-float\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Contactar por WhatsApp\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\">\n            <path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157.1zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/>\n        <\/svg>\n    <\/a>\n\n    <!-- BANNER DE COOKIES (NUEVO) -->\n    <div id=\"cookieConsent\" class=\"cookie-banner\">\n        <div>\n            <span style=\"font-size: 1.125rem; font-weight: 800; color: white; display: block; margin-bottom: 4px;\">Uso de Cookies<\/span>\n            <p style=\"margin: 0; font-size: 0.875rem; color: var(--text-muted);\">Utilizamos cookies para personalizar tu experiencia de navegaci\u00f3n. Al continuar, aceptas nuestra pol\u00edtica de uso.<\/p>\n        <\/div>\n        <button id=\"btnAceptarCookies\" class=\"btn btn-primary\" style=\"padding: 10px 24px;\">Aceptar<\/button>\n    <\/div>\n\n    <!-- L\u00d3GICA JS: MODALES Y COOKIES -->\n    <script>\n        \/\/ L\u00f3gica de Modales\n        const modal = document.getElementById('legalModal');\n        const modalTitle = document.getElementById('modalTitle');\n\n        function openModal(title) {\n            modalTitle.innerText = title;\n            modal.style.display = 'flex';\n            setTimeout(() => { modal.classList.add('active'); }, 10);\n            document.body.style.overflow = 'hidden'; \n        }\n\n        function closeModal() {\n            modal.classList.remove('active');\n            setTimeout(() => { \n                modal.style.display = 'none'; \n                document.body.style.overflow = 'auto'; \n            }, 300);\n        }\n\n        window.onclick = function(event) {\n            if (event.target == modal) { closeModal(); }\n        }\n\n        document.addEventListener('keydown', function(event) {\n            if (event.key === \"Escape\" && modal.style.display === 'flex') { closeModal(); }\n        });\n\n        \/\/ L\u00f3gica de Cookies\n        const cookieBanner = document.getElementById(\"cookieConsent\");\n        const btnAccept = document.getElementById(\"btnAceptarCookies\");\n        \n        \/\/ Verifica si ya se aceptaron las cookies\n        if (!localStorage.getItem(\"cookiesAceptadas\")) {\n            \/\/ Muestra el banner despu\u00e9s de 1 segundo de entrar a la p\u00e1gina\n            setTimeout(() => { \n                cookieBanner.classList.add(\"show\"); \n            }, 1000);\n        }\n\n        btnAccept.addEventListener(\"click\", () => {\n            localStorage.setItem(\"cookiesAceptadas\", \"true\");\n            cookieBanner.classList.remove(\"show\");\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>DisplayPro Panam\u00e1 | Pantallas T\u00e1ctiles y Digitales Contactar Canal Activo: PTY-01 M\u00e9trica de Impacto 82% CRECIMIENTO LUZ INTELIGENTE AUTO-ADAPTATIVO Pantallas digitales t\u00e1ctiles e interactivas en Panam\u00e1 Dominio Visual Urbano Display Pro redefine el Indoor y Outdoor en Panam\u00e1. Pantallas de ultra-brillo dise\u00f1adas para capturar cada mirada en las calles m\u00e1s transitadas, adem\u00e1s de vivir la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/displaypropanama.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/displaypropanama.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/displaypropanama.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/displaypropanama.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/displaypropanama.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":28,"href":"https:\/\/displaypropanama.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/displaypropanama.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/displaypropanama.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}