{"id":5,"date":"2026-04-20T15:35:29","date_gmt":"2026-04-20T15:35:29","guid":{"rendered":"https:\/\/voycomunicacion.mx\/?page_id=5"},"modified":"2026-04-20T15:45:56","modified_gmt":"2026-04-20T15:45:56","slug":"voy-comunicacion","status":"publish","type":"page","link":"https:\/\/voycomunicacion.mx\/","title":{"rendered":"Voy Comunicaci\u00f3n"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<meta charset=\"UTF-8\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;900&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n\/* \u2500\u2500\u2500 RESET & BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page {\n    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;\n    color: #333; line-height: 1.65;\n    margin: 0; padding: 0;\n    box-sizing: border-box; overflow-x: hidden; scroll-behavior: smooth;\n    \/* Forzar full width fuera del contenedor de WP *\/\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    max-width: 100vw;\n}\n#voy-landing-page * { box-sizing: border-box; }\n\n\/* \u2500\u2500\u2500 OVERRIDES DE WORDPRESS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* Ocultar t\u00edtulos de p\u00e1gina por defecto de los temas m\u00e1s comunes *\/\nh1.entry-title, \n.entry-title, \n.page-title, \n.post-title,\nheader.entry-header,\n.elementor-page-title,\n.ast-single-post-order, \/* Astra *\/\n.site-main > header.page-header,\n\/* Especial para DIVI *\/\nh1.main_title,\n.et_post_meta_wrapper,\n.et_pb_title_container {\n    display: none !important;\n}\n\/* Eliminar padding\/margin extra que suelen poner los temas *\/\n.entry-content,\n.site-main,\n.site-content {\n    padding: 0 !important;\n    margin: 0 !important;\n    max-width: 100% !important;\n}\n\n\/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page {\n    --n1: #e45c2e;\n    --n2: #f9a145;\n    --am: #fec135;\n    --gr: #82868a;\n    --gd: #4a4d50;\n    --wh: #ffffff;\n    --bg: #f8f7f5;\n    --dk: #1c1c1c;\n}\n\n\/* \u2500\u2500\u2500 TIPOGRAF\u00cdA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page h1,\n#voy-landing-page h2,\n#voy-landing-page h3 { margin-top: 0; font-weight: 700; line-height: 1.2; }\n#voy-landing-page h2 { font-size: 2.4rem; color: var(--n1); margin-bottom: 1.2rem; }\n#voy-landing-page h3 { font-size: 1.5rem; color: var(--gd); margin-bottom: 0.9rem; }\n#voy-landing-page p  { margin-bottom: 1.3rem; font-size: 1.08rem; color: var(--gd); }\n#voy-landing-page ul,\n#voy-landing-page ol { margin-bottom: 1.5rem; }\n#voy-landing-page li { margin-bottom: 0.7rem; font-size: 1.08rem; color: var(--gd); }\n\n\/* \u2500\u2500\u2500 SCROLL ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.voy-reveal {\n    opacity: 0; transform: translateY(40px);\n    transition: opacity 0.7s ease, transform 0.7s ease;\n}\n.voy-reveal.voy-visible { opacity: 1; transform: translateY(0); }\n.voy-reveal-left {\n    opacity: 0; transform: translateX(-50px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n}\n.voy-reveal-left.voy-visible { opacity: 1; transform: translateX(0); }\n.voy-reveal-right {\n    opacity: 0; transform: translateX(50px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n}\n.voy-reveal-right.voy-visible { opacity: 1; transform: translateX(0); }\n.voy-delay-1 { transition-delay: 0.1s; }\n.voy-delay-2 { transition-delay: 0.22s; }\n.voy-delay-3 { transition-delay: 0.36s; }\n.voy-delay-4 { transition-delay: 0.50s; }\n.voy-delay-5 { transition-delay: 0.64s; }\n.voy-delay-6 { transition-delay: 0.78s; }\n\n\/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .header {\n    background: rgba(255,255,255,0.97);\n    backdrop-filter: blur(10px);\n    padding: 1.1rem 5%;\n    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;\n    border-bottom: 3px solid var(--n1);\n    position: sticky; top: 0; z-index: 100;\n    box-shadow: 0 2px 20px rgba(0,0,0,0.07);\n}\n#voy-landing-page .header-logo img { height: 62px; width: auto; object-fit: contain; }\n#voy-landing-page .header-text {\n    color: var(--gr); font-size: 1rem; font-weight: 700;\n    text-transform: uppercase; letter-spacing: 3px;\n}\n\n\/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .navbar {\n    background: linear-gradient(90deg, var(--am) 0%, var(--n2) 50%, var(--n1) 100%);\n    display: flex; justify-content: center; gap: 2.5rem;\n    padding: 0.85rem 5%; flex-wrap: wrap;\n}\n#voy-landing-page .navbar a {\n    color: var(--wh); text-decoration: none; font-weight: 600; font-size: 0.9rem;\n    text-transform: uppercase; letter-spacing: 1.5px;\n    position: relative; padding-bottom: 3px;\n}\n#voy-landing-page .navbar a::after {\n    content: ''; position: absolute;\n    width: 0; height: 2px; bottom: 0; left: 0;\n    background: rgba(255,255,255,0.9); transition: width 0.3s ease;\n}\n#voy-landing-page .navbar a:hover::after { width: 100%; }\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .hero {\n    position: relative;\n    \/* \u2605 PLACEHOLDER: reemplaza esta URL con la imagen definitiva del cliente *\/\n    background-image: url('https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80&w=1920');\n    background-size: cover; background-position: center; background-attachment: fixed;\n    height: 75vh; min-height: 560px;\n    display: flex; align-items: center; justify-content: flex-start;\n}\n#voy-landing-page .hero-overlay {\n    position: absolute; inset: 0;\n    \/* Gradiente naranja m\u00e1s s\u00f3lido, menos negro oscuro *\/\n    background: linear-gradient(110deg, rgba(228,92,46,0.92) 20%, rgba(254,193,53,0.7) 100%);\n}\n#voy-landing-page .hero-content {\n    position: relative; z-index: 2;\n    padding: 0 7%; max-width: 700px;\n    animation: voy-fadeIn 1.1s ease forwards;\n}\n#voy-landing-page .hero-eyebrow {\n    display: inline-flex; align-items: center; gap: 0.6rem;\n    background: rgba(254,193,53,0.15);\n    border: 1px solid rgba(254,193,53,0.4);\n    color: var(--am); font-size: 0.82rem; font-weight: 700;\n    text-transform: uppercase; letter-spacing: 2px;\n    padding: 0.4rem 1rem; border-radius: 100px;\n    margin-bottom: 1.5rem;\n}\n#voy-landing-page .hero h1 {\n    font-size: clamp(2.5rem, 5vw, 4.2rem); color: var(--wh); font-weight: 900;\n    text-shadow: 0 3px 20px rgba(0,0,0,0.3); margin-bottom: 1.5rem; letter-spacing: -1px;\n}\n#voy-landing-page .hero-accent {\n    width: 64px; height: 4px;\n    background: linear-gradient(90deg, var(--am), var(--n1));\n    border-radius: 2px;\n}\n@keyframes voy-fadeIn {\n    from { opacity:0; transform: translateX(-30px); }\n    to   { opacity:1; transform: translateX(0); }\n}\n\n\/* \u2500\u2500\u2500 QUI\u00c9NES SOMOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .quienes { background: var(--bg); padding: 6rem 5%; }\n#voy-landing-page .quienes-inner { max-width: 1100px; margin: 0 auto; }\n#voy-landing-page .section-label {\n    display: inline-flex; align-items: center; gap: 0.5rem;\n    color: var(--n1); font-size: 0.78rem; font-weight: 700;\n    text-transform: uppercase; letter-spacing: 2.5px;\n    margin-bottom: 0.8rem;\n}\n#voy-landing-page .section-label::before {\n    content: ''; display: block;\n    width: 24px; height: 2px; background: var(--n1);\n}\n#voy-landing-page .section-subtitle { max-width: 640px; font-size: 1.18rem; color: var(--gd); }\n\n#voy-landing-page .quienes-grid {\n    display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-top: 3rem;\n}\n@media(min-width: 860px) {\n    #voy-landing-page .quienes-grid { grid-template-columns: 1fr 1fr 1fr; }\n}\n#voy-landing-page .service-card {\n    background: var(--wh); border-radius: 16px; padding: 2.5rem 2rem;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.05); text-align: center;\n    position: relative; overflow: hidden;\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\n    border: 1px solid rgba(0,0,0,0.04);\n}\n#voy-landing-page .service-card:hover {\n    transform: translateY(-9px);\n    box-shadow: 0 20px 55px rgba(228,92,46,0.12);\n}\n#voy-landing-page .service-card-accent {\n    position: absolute; top:0; left:0; right:0; height:4px;\n}\n#voy-landing-page .service-card:nth-child(1) .service-card-accent { background: var(--n1); }\n#voy-landing-page .service-card:nth-child(2) .service-card-accent { background: var(--am); }\n#voy-landing-page .service-card:nth-child(3) .service-card-accent { background: var(--n2); }\n#voy-landing-page .service-icon {\n    width: 68px; height: 68px; border-radius: 14px;\n    display: flex; align-items: center; justify-content: center;\n    margin: 0 auto 1.5rem; font-size: 1.6rem;\n}\n#voy-landing-page .service-card:nth-child(1) .service-icon { background: rgba(228,92,46,0.1); color: var(--n1); }\n#voy-landing-page .service-card:nth-child(2) .service-icon { background: rgba(254,193,53,0.15); color: #c09000; }\n#voy-landing-page .service-card:nth-child(3) .service-icon { background: rgba(249,161,69,0.12); color: var(--n2); }\n#voy-landing-page .service-card h3 { font-size: 1.2rem; margin-bottom: 0.8rem; }\n#voy-landing-page .service-card:nth-child(1) h3 { color: var(--n1); }\n#voy-landing-page .service-card:nth-child(2) h3 { color: #955800; }\n#voy-landing-page .service-card:nth-child(3) h3 { color: #b05c00; }\n#voy-landing-page .service-card p  { font-size: 0.98rem; color: var(--gr); margin: 0; line-height: 1.6; }\n\n#voy-landing-page .quienes-footer {\n    margin-top: 3rem; background: var(--wh); border-radius: 16px; padding: 2rem 3rem;\n    display: flex; align-items: center; gap: 2.5rem; flex-wrap: wrap;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.04);\n}\n#voy-landing-page .quienes-stat { text-align: center; flex: 1; min-width: 120px; }\n#voy-landing-page .stat-num { font-size: 3.2rem; font-weight: 900; color: var(--n1); line-height: 1; display: block; }\n#voy-landing-page .stat-label { font-size: 0.8rem; color: var(--gr); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }\n#voy-landing-page .quienes-stat-divider { width: 1px; height: 70px; background: #e8e8e8; flex-shrink: 0; }\n\n\/* \u2500\u2500\u2500 QU\u00c9 NOS DISTINGUE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .distingue {\n    \/* Gradiente naranja c\u00e1lido en lugar de tonos caf\u00e9 oscuros *\/\n    background: linear-gradient(135deg, var(--n1) 0%, #d84511 50%, var(--n2) 100%);\n    padding: 6rem 5%; text-align: center; position: relative; overflow: hidden;\n}\n#voy-landing-page .distingue::before {\n    content: ''; position: absolute; inset: 0;\n    background: radial-gradient(ellipse at 50% 0%, rgba(254,193,53,0.3) 0%, transparent 65%);\n    pointer-events: none;\n}\n#voy-landing-page .distingue h2 { color: var(--wh); position: relative; }\n#voy-landing-page .distingue .section-label { color: var(--am); margin-bottom: 0.6rem; }\n#voy-landing-page .distingue .section-label::before { background: var(--am); }\n#voy-landing-page .distingue-intro { color: rgba(255,255,255,0.65); font-size: 1.1rem; margin-bottom: 3.5rem; }\n#voy-landing-page .valores-grid {\n    display: grid; grid-template-columns: repeat(2, 1fr);\n    gap: 1.2rem; max-width: 880px; margin: 0 auto; position: relative;\n}\n@media(min-width: 680px) {\n    #voy-landing-page .valores-grid { grid-template-columns: repeat(3, 1fr); }\n}\n#voy-landing-page .valor-item {\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.12);\n    border-radius: 14px; padding: 2rem 1.5rem;\n    display: flex; flex-direction: column; align-items: center; gap: 1rem;\n    transition: background 0.35s ease, transform 0.35s ease, border-color 0.35s ease;\n    cursor: default;\n}\n#voy-landing-page .valor-item:hover {\n    background: rgba(228,92,46,0.2);\n    border-color: rgba(228,92,46,0.4);\n    transform: translateY(-5px);\n}\n#voy-landing-page .valor-item i { font-size: 1.9rem; color: var(--am); }\n#voy-landing-page .valor-item span { color: var(--wh); font-size: 1.1rem; font-weight: 700; }\n\n\/* \u2500\u2500\u2500 VISI\u00d3N \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .vision-section {\n    background: var(--wh); padding: 5.5rem 5%;\n    display: flex; align-items: center; justify-content: center;\n}\n#voy-landing-page .vision-inner { max-width: 780px; text-align: center; }\n#voy-landing-page .vision-inner p { font-size: 1.25rem; line-height: 1.8; }\n#voy-landing-page .vision-quote-mark {\n    font-size: 5rem; color: var(--am); font-family: Georgia, serif;\n    line-height: 1; margin-bottom: -1rem; display: block; opacity: 0.6;\n}\n\n\/* \u2500\u2500\u2500 PENSAMIENTO ESTRAT\u00c9GICO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .pensamiento { background: var(--bg); padding: 6rem 5%; }\n#voy-landing-page .pensamiento-top { text-align: center; margin-bottom: 4rem; }\n#voy-landing-page .pensamiento-subtitle { font-size: 1.15rem; color: var(--gr); font-style: italic; margin: 0; }\n\n#voy-landing-page .proceso-wrapper {\n    position: relative; max-width: 1080px; margin: 0 auto;\n}\n\/* Connecting line behind steps *\/\n#voy-landing-page .proceso-line {\n    display: none;\n    position: absolute; top: 52px; left: calc(16.67% + 1rem); right: calc(16.67% + 1rem);\n    height: 2px;\n    background: linear-gradient(90deg, var(--am), var(--n2), var(--n1));\n    z-index: 0;\n}\n@media(min-width: 900px) { #voy-landing-page .proceso-line { display: block; } }\n\n#voy-landing-page .proceso-row {\n    display: flex; align-items: flex-start; justify-content: center;\n    gap: 1.5rem; flex-wrap: wrap;\n}\n@media(min-width: 900px) { #voy-landing-page .proceso-row { flex-wrap: nowrap; } }\n#voy-landing-page .proceso-step {\n    background: var(--wh); border-radius: 16px; padding: 2.5rem 2rem;\n    flex: 1; min-width: 240px; max-width: 320px;\n    box-shadow: 0 6px 28px rgba(0,0,0,0.07);\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\n    text-align: center; position: relative; z-index: 1;\n    border: 1px solid rgba(0,0,0,0.04);\n}\n#voy-landing-page .proceso-step:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 18px 50px rgba(228,92,46,0.13);\n}\n#voy-landing-page .paso-badge {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 56px; height: 56px; border-radius: 50%;\n    font-size: 1.5rem; font-weight: 900; color: var(--wh);\n    margin: 0 auto 1.5rem; box-shadow: 0 6px 18px rgba(0,0,0,0.18);\n}\n#voy-landing-page .proceso-step:nth-child(1) .paso-badge { background: linear-gradient(135deg, var(--am), #f5a800); }\n#voy-landing-page .proceso-step:nth-child(2) .paso-badge { background: linear-gradient(135deg, var(--n2), #e68000); }\n#voy-landing-page .proceso-step:nth-child(3) .paso-badge { background: linear-gradient(135deg, var(--n1), #c0390a); }\n#voy-landing-page .proceso-step h3 { font-size: 1.35rem; font-weight: 700; }\n#voy-landing-page .proceso-step:nth-child(1) h3 { color: #955800; }\n#voy-landing-page .proceso-step:nth-child(2) h3 { color: #b05c00; }\n#voy-landing-page .proceso-step:nth-child(3) h3 { color: var(--n1); }\n#voy-landing-page .proceso-step p { font-size: 0.97rem; color: var(--gr); margin: 0; line-height: 1.65; }\n\n\/* \u2500\u2500\u2500 GALLERY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .modern-gallery {\n    display: flex; flex-direction: column; background: var(--dk);\n}\n@media(min-width: 768px) {\n    #voy-landing-page .modern-gallery {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        grid-auto-rows: 280px;\n    }\n    #voy-landing-page .item-1 { grid-column: 1 \/ 3; grid-row: 1 \/ 3; }\n    #voy-landing-page .item-2 { grid-column: 3; grid-row: 1; }\n    #voy-landing-page .item-3 { grid-column: 3; grid-row: 2; }\n}\n#voy-landing-page .modern-gallery-item { overflow: hidden; position: relative; }\n#voy-landing-page .modern-gallery-item img {\n    width: 100%; height: 100%; object-fit: cover;\n    transition: transform 0.8s ease; display: block; min-height: 220px;\n}\n#voy-landing-page .modern-gallery-item:hover img { transform: scale(1.07); }\n\n\/* \u2500\u2500\u2500 FEATURE BLOCKS (ZIGZAG) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .feature-block {\n    display: flex; flex-direction: column; min-height: 500px;\n}\n@media(min-width: 900px) {\n    #voy-landing-page .feature-block { flex-direction: row; min-height: 520px; }\n    #voy-landing-page .feature-block.reverse { flex-direction: row-reverse; }\n}\n#voy-landing-page .feature-image {\n    width: 100%; min-height: 300px; overflow: hidden; flex-shrink: 0;\n    position: relative;\n}\n@media(min-width: 900px) { #voy-landing-page .feature-image { width: 50%; } }\n#voy-landing-page .feature-image img {\n    width: 100%; height: 100%; object-fit: cover;\n    transition: transform 1s ease; display: block; min-height: 300px;\n}\n#voy-landing-page .feature-block:hover .feature-image img { transform: scale(1.05); }\n\n\/* Overlay tint on feature images on hover *\/\n#voy-landing-page .feature-image::after {\n    content: ''; position: absolute; inset: 0;\n    background: linear-gradient(180deg, transparent 50%, rgba(228,92,46,0.25) 100%);\n    opacity: 0; transition: opacity 0.5s ease;\n}\n#voy-landing-page .feature-block:hover .feature-image::after { opacity: 1; }\n\n#voy-landing-page .feature-text {\n    width: 100%; padding: 4.5rem 7%;\n    display: flex; flex-direction: column; justify-content: center;\n    background: var(--wh); transition: background 0.4s ease;\n    position: relative;\n}\n#voy-landing-page .feature-text::before {\n    content: ''; position: absolute; top: 0; left: 0; bottom: 0;\n    width: 5px;\n    background: linear-gradient(180deg, var(--am), var(--n1));\n}\n#voy-landing-page .feature-block.reverse .feature-text::before { left: auto; right: 0; }\n@media(max-width: 899px) {\n    #voy-landing-page .feature-text::before,\n    #voy-landing-page .feature-block.reverse .feature-text::before { right: 0; width: 100%; height: 5px; bottom: auto; top: 0; left: 0; }\n}\n@media(min-width: 900px) { #voy-landing-page .feature-text { width: 50%; } }\n#voy-landing-page .feature-block:hover .feature-text { background: var(--bg); }\n#voy-landing-page .feature-text h2 { color: var(--n1); }\n#voy-landing-page .feature-text ol { padding-left: 22px; }\n#voy-landing-page .feature-tag {\n    display: inline-flex; align-items: center; gap: 0.4rem;\n    background: transparent; border: 1.5px solid var(--n1);\n    color: var(--n1); font-size: 0.7rem; font-weight: 700;\n    text-transform: uppercase; letter-spacing: 2px;\n    padding: 0.3rem 0.9rem; border-radius: 100px; margin-bottom: 1.2rem;\n    width: fit-content;\n}\n#voy-landing-page .feature-quote {\n    margin-top: 1.5rem; font-style: italic; color: var(--n1);\n    font-weight: 600; font-size: 1.05rem;\n    background: rgba(228,92,46,0.06);\n    border-left: 4px solid var(--am); padding: 1rem 1.2rem; border-radius: 0 8px 8px 0;\n}\n\n\/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .cta-section {\n    background: linear-gradient(135deg, var(--n2) 0%, var(--n1) 100%);\n    padding: 7rem 5%; text-align: center;\n    position: relative; overflow: hidden;\n}\n\/* Dot pattern background suave *\/\n#voy-landing-page .cta-section::before {\n    content: ''; position: absolute; inset: 0;\n    background-image: radial-gradient(rgba(255,255,255,0.1) 1.5px, transparent 1.5px);\n    background-size: 30px 30px; pointer-events: none;\n}\n#voy-landing-page .cta-section::after {\n    content: ''; position: absolute; top: -100px; left: 50%; transform: translateX(-50%);\n    width: 600px; height: 600px; border-radius: 50%;\n    background: radial-gradient(circle, rgba(254,193,53,0.3) 0%, transparent 60%);\n    pointer-events: none;\n}\n#voy-landing-page .cta-inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }\n#voy-landing-page .cta-section h2 {\n    color: var(--wh); font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1.2rem;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n#voy-landing-page .cta-section p {\n    color: rgba(255,255,255,0.9); font-size: 1.15rem; margin-bottom: 2.5rem;\n    font-weight: 400; font-family: 'Inter', sans-serif;\n}\n#voy-landing-page .cta-btn {\n    display: inline-flex; align-items: center; gap: 0.7rem;\n    background: var(--wh);\n    color: var(--n1); font-size: 1.05rem; font-weight: 700;\n    text-decoration: none; padding: 1.1rem 3.5rem; border-radius: 100px;\n    letter-spacing: 0.3px;\n    box-shadow: 0 8px 30px rgba(0,0,0,0.12);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n#voy-landing-page .cta-btn:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 45px rgba(0,0,0,0.18);\n    background: #fdfdfd;\n}\n\n\/* \u2500\u2500\u2500 MICRO-ANIMACIONES ZIGZAG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* 1. Metodolog\u00eda: Engranes (Nodos) girando *\/\n#voy-landing-page .micro-anim {\n    display: flex; gap: 10px; margin-top: 2rem; align-items: center;\n    padding-top: 1.5rem; border-top: 1px solid rgba(0,0,0,0.06);\n}\n#voy-landing-page .micro-anim-metodo span {\n    display: block; width: 12px; height: 12px;\n    background: var(--n1); border-radius: 3px;\n    animation: spinRotate 3s infinite linear;\n}\n#voy-landing-page .micro-anim-metodo span:nth-child(2) { background: var(--am); animation-direction: reverse; animation-duration: 2s; }\n#voy-landing-page .micro-anim-metodo span:nth-child(3) { background: var(--n2); animation-duration: 4s; }\n@keyframes spinRotate { 100% { transform: rotate(360deg); } }\n\n\/* 2. Entorno: Radar Ripple *\/\n#voy-landing-page .micro-anim-entorno { position: relative; width: 30px; height: 30px; }\n#voy-landing-page .micro-anim-entorno span {\n    position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);\n    width: 6px; height: 6px; border-radius: 50%; background: var(--n1);\n}\n#voy-landing-page .micro-anim-entorno span::after {\n    content:''; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);\n    width: 100%; height: 100%; border-radius: 50%; border: 1.5px solid var(--am);\n    animation: ripplePulse 2s infinite ease-out;\n}\n#voy-landing-page .micro-anim-entorno span::before {\n    content:''; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);\n    width: 100%; height: 100%; border-radius: 50%; border: 1.5px solid var(--n2);\n    animation: ripplePulse 2s infinite ease-out 1s;\n}\n@keyframes ripplePulse {\n    0% { width: 6px; height: 6px; opacity: 1; }\n    100% { width: 40px; height: 40px; opacity: 0; }\n}\n\n\/* 3. T\u00e9rminos: Balance \/ Balanza abstracta *\/\n#voy-landing-page .micro-anim-terminos { display: flex; align-items: flex-end; gap: 4px; height: 26px; }\n#voy-landing-page .micro-anim-terminos span {\n    display: block; width: 6px; border-radius: 10px; background: var(--n1);\n    animation: balanceBars 1.5s infinite alternate ease-in-out;\n}\n#voy-landing-page .micro-anim-terminos span:nth-child(1) { height: 14px; background: var(--am); animation-delay: 0s; }\n#voy-landing-page .micro-anim-terminos span:nth-child(2) { height: 22px; background: var(--n2); animation-delay: 0.5s; }\n#voy-landing-page .micro-anim-terminos span:nth-child(3) { height: 10px; background: var(--n1); animation-delay: 1s; }\n@keyframes balanceBars { 0% { height: 8px; } 100% { height: 24px; } }\n\n\/* 4. Investigaci\u00f3n: Lupa escaneando l\u00ednea *\/\n#voy-landing-page .micro-anim-investigacion { position: relative; width: 60px; height: 12px; }\n#voy-landing-page .micro-anim-investigacion::after {\n    content:''; position:absolute; top:6px; left:0; width:100%; height:2px;\n    background: rgba(0,0,0,0.1); border-radius: 2px;\n}\n#voy-landing-page .micro-anim-investigacion span {\n    position: absolute; top:0; left:0; width:12px; height:12px;\n    border: 2px solid var(--n1); border-radius: 50%; background: var(--wh); z-index: 2;\n    animation: scanLine 2.5s infinite alternate ease-in-out;\n}\n@keyframes scanLine { 0% { left: 0; } 100% { left: calc(100% - 12px); transform: scale(1.2); } }\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n#voy-landing-page .footer {\n    background: var(--n1); color: var(--wh);\n    padding: 4rem 5%;\n    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 2rem;\n    position: relative;\n}\n#voy-landing-page .footer::before {\n    content: '';\n    position: absolute; top: 0; left: 0; right: 0; height: 4px;\n    background: linear-gradient(90deg, var(--am), var(--n1));\n}\n#voy-landing-page .footer-logo img { height: 72px; width: auto; }\n#voy-landing-page .footer-right { font-size: 0.98rem; line-height: 1.9; text-align: left; }\n@media(min-width: 768px) { #voy-landing-page .footer-right { text-align: right; } }\n#voy-landing-page .footer-right strong { color: var(--am); }\n<\/style>\n\n<script>\n(function(){\n    function voyReveal(){\n        document.querySelectorAll('#voy-landing-page .voy-reveal, #voy-landing-page .voy-reveal-left, #voy-landing-page .voy-reveal-right').forEach(function(el){\n            if(el.getBoundingClientRect().top < window.innerHeight - 80){ el.classList.add('voy-visible'); }\n        });\n    }\n    window.addEventListener('scroll', voyReveal);\n    document.addEventListener('DOMContentLoaded', voyReveal);\n    setTimeout(voyReveal, 300);\n})();\n<\/script>\n\n<div id=\"voy-landing-page\">\n\n    <!-- HEADER -->\n    <div class=\"header\">\n        <div class=\"header-logo\"><img decoding=\"async\" src=\"https:\/\/enefecto.com.mx\/wp-content\/uploads\/2026\/03\/logo-A.png\" alt=\"Voy Comunicaci\u00f3n\"><\/div>\n        <div class=\"header-text\">Con Rumbo<\/div>\n    <\/div>\n\n    <!-- NAVBAR -->\n    <div class=\"navbar\">\n        <a href=\"#quienes-somos\">Qui\u00e9nes somos<\/a>\n        <a href=\"#metodologia\">Metodolog\u00eda<\/a>\n        <a href=\"#entorno\">Entorno<\/a>\n        <a href=\"#contacto\">Cont\u00e1ctanos<\/a>\n    <\/div>\n\n    <!-- HERO -->\n    <div class=\"hero\">\n        <div class=\"hero-overlay\"><\/div>\n        <div class=\"hero-content\">\n            <div class=\"hero-eyebrow\"><i class=\"fa-solid fa-circle\" style=\"font-size:.5rem;\"><\/i> Comunicaci\u00f3n estrat\u00e9gica<\/div>\n            <h1>Voy Comunicaci\u00f3n<\/h1>\n            <div class=\"hero-accent\"><\/div>\n        <\/div>\n    <\/div>\n\n    <!-- QUI\u00c9NES SOMOS -->\n    <div class=\"quienes\" id=\"quienes-somos\">\n        <div class=\"quienes-inner\">\n            <div class=\"voy-reveal\">\n                <span class=\"section-label\">Nosotros<\/span>\n                <h2>\u00bfQui\u00e9nes somos?<\/h2>\n                <p class=\"section-subtitle\">Somos una empresa de comunicaci\u00f3n estrat\u00e9gica dedicada a tres servicios:<\/p>\n            <\/div>\n\n            <div class=\"quienes-grid\">\n                <div class=\"service-card voy-reveal voy-delay-1\">\n                    <div class=\"service-card-accent\"><\/div>\n                    <div class=\"service-icon\"><i class=\"fa-solid fa-landmark\"><\/i><\/div>\n                    <h3>Asuntos P\u00fablicos<\/h3>\n                    <p>Gestionamos tu posici\u00f3n ante el gobierno, legisladores y organismos regulatorios para proteger y potenciar tus intereses institucionales.<\/p>\n                <\/div>\n                <div class=\"service-card voy-reveal voy-delay-2\">\n                    <div class=\"service-card-accent\"><\/div>\n                    <div class=\"service-icon\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/div>\n                    <h3>Posicionamiento Institucional<\/h3>\n                    <p>Construimos y proyectamos la reputaci\u00f3n de tu organizaci\u00f3n ante audiencias clave, medios de comunicaci\u00f3n y la opini\u00f3n p\u00fablica.<\/p>\n                <\/div>\n                <div class=\"service-card voy-reveal voy-delay-3\">\n                    <div class=\"service-card-accent\"><\/div>\n                    <div class=\"service-icon\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\n                    <h3>Manejo de Crisis<\/h3>\n                    <p>Respondemos con rapidez, precisi\u00f3n y estrategia ante situaciones de riesgo reputacional para minimizar el impacto en tu organizaci\u00f3n.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"quienes-footer voy-reveal\">\n                <div class=\"quienes-stat\">\n                    <span class=\"stat-num\">30+<\/span>\n                    <span class=\"stat-label\">A\u00f1os de experiencia<\/span>\n                <\/div>\n                <div class=\"quienes-stat-divider\"><\/div>\n                <div class=\"quienes-stat\">\n                    <span class=\"stat-num\">2<\/span>\n                    <span class=\"stat-label\">Sectores: p\u00fablico y privado<\/span>\n                <\/div>\n                <div class=\"quienes-stat-divider\"><\/div>\n                <div style=\"flex:2; min-width:200px;\">\n                    <p style=\"margin:0; font-size:1.05rem;\">Tenemos m\u00e1s de 30 a\u00f1os de experiencia profesional, en el sector p\u00fablico y en el sector privado.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- QU\u00c9 NOS DISTINGUE -->\n    <div class=\"distingue\">\n        <div class=\"voy-reveal\">\n            <span class=\"section-label\">Nuestros valores<\/span>\n            <h2>\u00bfQu\u00e9 nos distingue?<\/h2>\n            <p class=\"distingue-intro\">Los principios que gu\u00edan cada decisi\u00f3n que tomamos<\/p>\n        <\/div>\n        <div class=\"valores-grid\">\n            <div class=\"valor-item voy-reveal voy-delay-1\">\n                <i class=\"fa-solid fa-bolt\"><\/i>\n                <span>Eficacia<\/span>\n            <\/div>\n            <div class=\"valor-item voy-reveal voy-delay-2\">\n                <i class=\"fa-solid fa-scale-balanced\"><\/i>\n                <span>\u00c9tica<\/span>\n            <\/div>\n            <div class=\"valor-item voy-reveal voy-delay-3\">\n                <i class=\"fa-solid fa-handshake\"><\/i>\n                <span>Respeto<\/span>\n            <\/div>\n            <div class=\"valor-item voy-reveal voy-delay-4\">\n                <i class=\"fa-solid fa-chart-line\"><\/i>\n                <span>Resultados<\/span>\n            <\/div>\n            <div class=\"valor-item voy-reveal voy-delay-5\">\n                <i class=\"fa-solid fa-eye\"><\/i>\n                <span>Transparencia<\/span>\n            <\/div>\n            <div class=\"valor-item voy-reveal voy-delay-6\">\n                <i class=\"fa-solid fa-people-group\"><\/i>\n                <span>Trabajo en equipo<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- VISI\u00d3N -->\n    <div class=\"vision-section\">\n        <div class=\"vision-inner voy-reveal\">\n            <span class=\"section-label\" style=\"justify-content:center;\">Visi\u00f3n<\/span>\n            <span class=\"vision-quote-mark\">\"<\/span>\n            <h2>Visi\u00f3n<\/h2>\n            <p>Ser el aliado estrat\u00e9gico y preferido de nuestros clientes para lograr sus objetivos reputacionales y de posicionamiento institucional.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- PENSAMIENTO ESTRAT\u00c9GICO -->\n    <div class=\"pensamiento\">\n        <div class=\"pensamiento-top voy-reveal\">\n            <span class=\"section-label\" style=\"justify-content:center;\">Definiciones<\/span>\n            <h2>Pensamiento estrat\u00e9gico<\/h2>\n            <p class=\"pensamiento-subtitle\">Con capacidad de planeaci\u00f3n e implementaci\u00f3n<\/p>\n        <\/div>\n        <div class=\"proceso-wrapper\">\n            <div class=\"proceso-line\"><\/div>\n            <div class=\"proceso-row\">\n                <div class=\"proceso-step voy-reveal voy-delay-1\">\n                    <div class=\"paso-badge\">A<\/div>\n                    <h3>Estrategia<\/h3>\n                    <p>Arte, traza para dirigir un asunto. En un proceso regulable, conjunto de las reglas que aseguran una decisi\u00f3n \u00f3ptima en cada momento.<\/p>\n                <\/div>\n                <div class=\"proceso-step voy-reveal voy-delay-2\">\n                    <div class=\"paso-badge\">B<\/div>\n                    <h3>Plan<\/h3>\n                    <p>Modelo sistem\u00e1tico de una actuaci\u00f3n p\u00fablica o privada, que se elabora anticipadamente para dirigirla y encauzarla hacia los objetivos.<\/p>\n                <\/div>\n                <div class=\"proceso-step voy-reveal voy-delay-3\">\n                    <div class=\"paso-badge\">C<\/div>\n                    <h3>T\u00e1ctica<\/h3>\n                    <p>M\u00e9todo o sistema para ejecutar o conseguir algo. La acci\u00f3n concreta que traduce la estrategia y el plan en resultados medibles.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- GALER\u00cdA (im\u00e1genes para el cliente) -->\n    <!-- \u2605 PLACEHOLDER GALLERY: el cliente puede reemplazar estas tres im\u00e1genes -->\n    <div class=\"modern-gallery\">\n        <div class=\"modern-gallery-item item-1\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&#038;fit=crop&#038;q=80&#038;w=1200\" alt=\"Imagen 1 \u2014 reemplazar\">\n        <\/div>\n        <div class=\"modern-gallery-item item-2\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&#038;fit=crop&#038;q=80&#038;w=600\" alt=\"Imagen 2 \u2014 reemplazar\">\n        <\/div>\n        <div class=\"modern-gallery-item item-3\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586281380349-632531db7ed4?auto=format&#038;fit=crop&#038;q=80&#038;w=600\" alt=\"Imagen 3 \u2014 reemplazar\">\n        <\/div>\n    <\/div>\n\n    <!-- ZIGZAG BLOCKS -->\n    <div id=\"metodologia\">\n\n        <!-- 1. Metodolog\u00eda -->\n        <div class=\"feature-block\">\n            <!-- \u2605 PLACEHOLDER: reemplazar con imagen elegida por el cliente (recomendado: close-up de manos, planeaci\u00f3n, reuni\u00f3n) -->\n            <div class=\"feature-image voy-reveal-left\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517048676732-d65bc937f952?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Metodolog\u00eda \u2014 imagen placeholder\">\n            <\/div>\n            <div class=\"feature-text voy-reveal-right\">\n                <span class=\"feature-tag\"><i class=\"fa-solid fa-circle-nodes\" style=\"font-size:.75rem;\"><\/i> Proceso<\/span>\n                <h2>Metodolog\u00eda<\/h2>\n                <p>Somos rigurosos con nuestro m\u00e9todo de trabajo, que se puede sintetizar en:<\/p>\n                <ol>\n                    <li>La visi\u00f3n y el objetivo de nuestros clientes son el coraz\u00f3n de la estrategia<\/li>\n                    <li>Colaboramos para que visi\u00f3n y objetivos se reflejen en el plan de negocio\n                        <ul style=\"list-style:none; padding-left:0; margin-top:8px;\">\n                            <li style=\"padding-left:1.2rem; border-left:3px solid var(--am); color:var(--gd);\">\n                                Trabajamos para que al interior de la compa\u00f1\u00eda los colaboradores conozcan el rumbo de negocio, y cu\u00e1l es su contribuci\u00f3n para alcanzar las metas\n                            <\/li>\n                        <\/ul>\n                    <\/li>\n                    <li>Alineamos la comunicaci\u00f3n externa priorizando el valor de que las principales audiencias reconozcan el valor de nuestros clientes<\/li>\n                <\/ol>\n                <div class=\"feature-quote\">Alinear estos elementos es indispensable para que el posicionamiento de la compa\u00f1\u00eda sea claro, cre\u00edble y relevante.<\/div>\n                \n                <!-- Micro Animaci\u00f3n Metodolog\u00eda -->\n                <div class=\"micro-anim micro-anim-metodo voy-reveal voy-delay-3\">\n                    <span><\/span> <span><\/span> <span><\/span>\n                    <span style=\"font-size:0.8rem; color:var(--gr); font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-left:10px; animation: none; background:transparent; width:auto; height:auto;\">Proceso continuo<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 2. Entendemos el entorno -->\n        <div class=\"feature-block reverse\" id=\"entorno\">\n            <!-- \u2605 PLACEHOLDER: reemplazar con imagen elegida por el cliente (recomendado: ciudad, congreso, documentos) -->\n            <div class=\"feature-image voy-reveal-right\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1454165804606-c3d57bc86b40?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Entorno \u2014 imagen placeholder\">\n            <\/div>\n            <div class=\"feature-text voy-reveal-left\">\n                <span class=\"feature-tag\"><i class=\"fa-solid fa-globe\" style=\"font-size:.75rem;\"><\/i> Contexto<\/span>\n                <h2>Entendemos el entorno<\/h2>\n                <p>Somos expertos en conocer y aprovechar el entorno pol\u00edtico y social en el que nuestros clientes desarrollan sus planes de negocio.<\/p>\n                <p>Las empresas no pueden priorizar sus utilidades y resultados, atropellando los intereses de otros actores clave, sus colaboradores y proveedores, las comunidades donde operan, y las autoridades o reguladores. Colaboramos con clientes que act\u00faan con base al cumplimiento absoluto de la Ley.<\/p>\n                <p style=\"margin:0;\">Dise\u00f1amos estrategias que parten de un compromiso con un desarrollo econ\u00f3mico justo y sustentable.<\/p>\n\n                <!-- Micro Animaci\u00f3n Entorno -->\n                <div class=\"micro-anim voy-reveal voy-delay-3\" style=\"margin-top:2.5rem;\">\n                    <div class=\"micro-anim-entorno\"><span><\/span><\/div>\n                    <span style=\"font-size:0.8rem; color:var(--gr); font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-left:15px;\">Monitoreo activo<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 3. T\u00e9rminos del debate -->\n        <div class=\"feature-block\">\n            <!-- \u2605 PLACEHOLDER: reemplazar con imagen elegida por el cliente (recomendado: an\u00e1lisis, documentos, sala de juntas) -->\n            <div class=\"feature-image voy-reveal-left\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554224155-8d04cb21cd6c?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"T\u00e9rminos del debate \u2014 imagen de an\u00e1lisis o debate\" \/>\n            <\/div>\n            <div class=\"feature-text voy-reveal-right\">\n                <span class=\"feature-tag\"><i class=\"fa-solid fa-chart-bar\" style=\"font-size:.75rem;\"><\/i> An\u00e1lisis<\/span>\n                <h2>T\u00e9rminos del debate<\/h2>\n                <p>Nuestras estrategias maximizan las fortalezas de nuestros clientes y minimizar sus debilidades.<\/p>\n                <p style=\"margin:0;\">Identificamos escenarios concretos para alcanzar los objetivos del plan de negocio y las variables que deben atenderse para aprovechar las oportunidades del entorno y mitigar los riesgos.<\/p>\n\n                <!-- Micro Animaci\u00f3n T\u00e9rminos -->\n                <div class=\"micro-anim voy-reveal voy-delay-3\" style=\"margin-top:2.5rem;\">\n                    <div class=\"micro-anim-terminos\"><span><\/span><span><\/span><span><\/span><\/div>\n                    <span style=\"font-size:0.8rem; color:var(--gr); font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-left:10px;\">Balance de variables<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 4. Investigaci\u00f3n de mercado -->\n        <div class=\"feature-block reverse\" id=\"investigacion\">\n            <!-- \u2605 PLACEHOLDER: reemplazar con imagen elegida por el cliente (recomendado: datos, m\u00e9tricas, encuestas) -->\n            <div class=\"feature-image voy-reveal-right\">\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Investigaci\u00f3n de mercado \u2014 imagen placeholder\">\n            <\/div>\n            <div class=\"feature-text voy-reveal-left\">\n                <span class=\"feature-tag\"><i class=\"fa-solid fa-magnifying-glass\" style=\"font-size:.75rem;\"><\/i> Investigaci\u00f3n<\/span>\n                <h2>Investigaci\u00f3n de mercado<\/h2>\n                <p>Cuando es necesario basamos nuestras estrategias en un claro conocimiento del entorno.<\/p>\n                <p style=\"margin:0;\">Con base en investigaci\u00f3n de opini\u00f3n p\u00fablica, cualitativa y cuantitativa, refinamos los mensajes centrales para toda comunicaci\u00f3n.<\/p>\n\n                <!-- Micro Animaci\u00f3n Investigaci\u00f3n -->\n                <div class=\"micro-anim voy-reveal voy-delay-3\" style=\"margin-top:2.5rem;\">\n                    <div class=\"micro-anim-investigacion\"><span><\/span><\/div>\n                    <span style=\"font-size:0.8rem; color:var(--gr); font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-left:15px;\">An\u00e1lisis de datos<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"cta-section\">\n        <div class=\"cta-inner voy-reveal\">\n            <span class=\"section-label\" style=\"color:rgba(255,255,255,0.9); justify-content:center; margin-bottom:1.2rem;\">\n                <span style=\"background:rgba(255,255,255,0.9); width:24px; height:2px; display:inline-block;\"><\/span>\n                Pr\u00f3ximo paso\n            <\/span>\n            <h2>\u00bfListo para construir una comunicaci\u00f3n con rumbo?<\/h2>\n            <p>M\u00e1s de 30 a\u00f1os de experiencia respaldan cada estrategia que dise\u00f1amos. Hablemos sobre c\u00f3mo podemos posicionar tu organizaci\u00f3n.<\/p>\n            <a href=\"mailto:Contacto@voy.com\" class=\"cta-btn\">\n                <i class=\"fa-solid fa-paper-plane\"><\/i>\n                Inicia la conversaci\u00f3n\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <!-- FOOTER -->\n    <div class=\"footer\" id=\"contacto\">\n        <div class=\"footer-logo\"><img decoding=\"async\" src=\"https:\/\/enefecto.com.mx\/wp-content\/uploads\/2026\/03\/logo-B.png\" alt=\"Voy Comunicaci\u00f3n footer\"><\/div>\n        <div class=\"footer-right\">\n            <strong>Tel. 5555-5555<\/strong> &nbsp;|&nbsp; Contacto@voy.com\n        <\/div>\n    <\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Con Rumbo Qui\u00e9nes somos Metodolog\u00eda Entorno Cont\u00e1ctanos Comunicaci\u00f3n estrat\u00e9gica Voy Comunicaci\u00f3n Nosotros \u00bfQui\u00e9nes somos? Somos una empresa de comunicaci\u00f3n estrat\u00e9gica dedicada a tres servicios: Asuntos P\u00fablicos Gestionamos tu posici\u00f3n ante el gobierno, legisladores y organismos regulatorios para proteger y potenciar tus intereses institucionales. Posicionamiento Institucional Construimos y proyectamos la reputaci\u00f3n de tu organizaci\u00f3n ante audiencias [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"1080","footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Voy Comunicaci\u00f3n - Voy Comunicaci\u00f3n<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/voycomunicacion.mx\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Voy Comunicaci\u00f3n - Voy Comunicaci\u00f3n\" \/>\n<meta property=\"og:description\" content=\"Con Rumbo Qui\u00e9nes somos Metodolog\u00eda Entorno Cont\u00e1ctanos Comunicaci\u00f3n estrat\u00e9gica Voy Comunicaci\u00f3n Nosotros \u00bfQui\u00e9nes somos? Somos una empresa de comunicaci\u00f3n estrat\u00e9gica dedicada a tres servicios: Asuntos P\u00fablicos Gestionamos tu posici\u00f3n ante el gobierno, legisladores y organismos regulatorios para proteger y potenciar tus intereses institucionales. Posicionamiento Institucional Construimos y proyectamos la reputaci\u00f3n de tu organizaci\u00f3n ante audiencias [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/voycomunicacion.mx\/\" \/>\n<meta property=\"og:site_name\" content=\"Voy Comunicaci\u00f3n\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T15:45:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/enefecto.com.mx\/wp-content\/uploads\/2026\/03\/logo-A.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/voycomunicacion.mx\\\/\",\"url\":\"https:\\\/\\\/voycomunicacion.mx\\\/\",\"name\":\"Voy Comunicaci\u00f3n - Voy Comunicaci\u00f3n\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/voycomunicacion.mx\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/voycomunicacion.mx\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/voycomunicacion.mx\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/enefecto.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo-A.png\",\"datePublished\":\"2026-04-20T15:35:29+00:00\",\"dateModified\":\"2026-04-20T15:45:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/voycomunicacion.mx\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/voycomunicacion.mx\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/voycomunicacion.mx\\\/#primaryimage\",\"url\":\"https:\\\/\\\/enefecto.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo-A.png\",\"contentUrl\":\"https:\\\/\\\/enefecto.com.mx\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/logo-A.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/voycomunicacion.mx\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/voycomunicacion.mx\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Voy Comunicaci\u00f3n\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/voycomunicacion.mx\\\/#website\",\"url\":\"https:\\\/\\\/voycomunicacion.mx\\\/\",\"name\":\"Voy Comunicaci\u00f3n\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/voycomunicacion.mx\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Voy Comunicaci\u00f3n - Voy Comunicaci\u00f3n","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/voycomunicacion.mx\/","og_locale":"es_ES","og_type":"article","og_title":"Voy Comunicaci\u00f3n - Voy Comunicaci\u00f3n","og_description":"Con Rumbo Qui\u00e9nes somos Metodolog\u00eda Entorno Cont\u00e1ctanos Comunicaci\u00f3n estrat\u00e9gica Voy Comunicaci\u00f3n Nosotros \u00bfQui\u00e9nes somos? Somos una empresa de comunicaci\u00f3n estrat\u00e9gica dedicada a tres servicios: Asuntos P\u00fablicos Gestionamos tu posici\u00f3n ante el gobierno, legisladores y organismos regulatorios para proteger y potenciar tus intereses institucionales. Posicionamiento Institucional Construimos y proyectamos la reputaci\u00f3n de tu organizaci\u00f3n ante audiencias [&hellip;]","og_url":"https:\/\/voycomunicacion.mx\/","og_site_name":"Voy Comunicaci\u00f3n","article_modified_time":"2026-04-20T15:45:56+00:00","og_image":[{"url":"https:\/\/enefecto.com.mx\/wp-content\/uploads\/2026\/03\/logo-A.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/voycomunicacion.mx\/","url":"https:\/\/voycomunicacion.mx\/","name":"Voy Comunicaci\u00f3n - Voy Comunicaci\u00f3n","isPartOf":{"@id":"https:\/\/voycomunicacion.mx\/#website"},"primaryImageOfPage":{"@id":"https:\/\/voycomunicacion.mx\/#primaryimage"},"image":{"@id":"https:\/\/voycomunicacion.mx\/#primaryimage"},"thumbnailUrl":"https:\/\/enefecto.com.mx\/wp-content\/uploads\/2026\/03\/logo-A.png","datePublished":"2026-04-20T15:35:29+00:00","dateModified":"2026-04-20T15:45:56+00:00","breadcrumb":{"@id":"https:\/\/voycomunicacion.mx\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/voycomunicacion.mx\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/voycomunicacion.mx\/#primaryimage","url":"https:\/\/enefecto.com.mx\/wp-content\/uploads\/2026\/03\/logo-A.png","contentUrl":"https:\/\/enefecto.com.mx\/wp-content\/uploads\/2026\/03\/logo-A.png"},{"@type":"BreadcrumbList","@id":"https:\/\/voycomunicacion.mx\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/voycomunicacion.mx\/"},{"@type":"ListItem","position":2,"name":"Voy Comunicaci\u00f3n"}]},{"@type":"WebSite","@id":"https:\/\/voycomunicacion.mx\/#website","url":"https:\/\/voycomunicacion.mx\/","name":"Voy Comunicaci\u00f3n","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/voycomunicacion.mx\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/voycomunicacion.mx\/index.php?rest_route=\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/voycomunicacion.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/voycomunicacion.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/voycomunicacion.mx\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/voycomunicacion.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5"}],"version-history":[{"count":6,"href":"https:\/\/voycomunicacion.mx\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":20,"href":"https:\/\/voycomunicacion.mx\/index.php?rest_route=\/wp\/v2\/pages\/5\/revisions\/20"}],"wp:attachment":[{"href":"https:\/\/voycomunicacion.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}