{"id":2337,"date":"2025-10-05T02:41:49","date_gmt":"2025-10-05T02:41:49","guid":{"rendered":"https:\/\/ycmcap.com\/?page_id=2337"},"modified":"2025-10-08T02:26:01","modified_gmt":"2025-10-08T02:26:01","slug":"cfo-dashboard","status":"publish","type":"page","link":"https:\/\/ycmcap.com\/es\/cfo-dashboard\/","title":{"rendered":"CFO Dashboard"},"content":{"rendered":"<!-- SECTION: Reports Hero -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@700;800&#038;family=Manrope:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<section id=\"reports-hero\" style=\"background:linear-gradient(135deg,#0a0f24 0%,#102a5e 45%,#0048ff 100%); color:#fff; padding:220px 24px 220px; font-family:'Manrope',sans-serif; text-align:center; position:relative; overflow:hidden;\">\n  <div class=\"hero-inner\" style=\"max-width:1100px; margin:0 auto; position:relative; z-index:2; padding-top:60px;\">\n    \n    <!-- Hero Title -->\n    <h1 style=\"font-family:'Raleway',sans-serif; font-weight:800; font-size:clamp(42px,6vw,68px); margin-bottom:28px; color:#ffffff; text-shadow:0 0 25px rgba(0,114,255,0.5); animation:fadeDown 1.2s ease-out;\">\n      Visualice su negocio como un verdadero CEO\n    <\/h1>\n    \n    <!-- Hero Subtitle -->\n    <p style=\"font-size:20px; color:rgba(255,255,255,0.9); max-width:820px; margin-left:auto; margin-right:auto; line-height:1.7; animation:fadeUp 1.4s ease-out;\">\n      Tus finanzas no son solo n\u00fameros. Representan decisiones, oportunidades y riesgos, y te las mostramos todas en un solo lugar, de forma clara, visual y pr\u00e1ctica.\n    <\/p>\n    \n    <!-- Decorative Divider Line -->\n    <div style=\"width:120px; height:4px; background:linear-gradient(90deg,#1E40FF,#60a5fa); margin:60px auto 0; border-radius:4px; animation:expandLine 1.5s ease-out;\"><\/div>\n  <\/div>\n\n  <!-- Decorative Glow Circles -->\n  <div style=\"position:absolute; top:-150px; left:-150px; width:420px; height:420px; background:radial-gradient(circle, rgba(96,165,250,0.3), transparent 70%); border-radius:50%; filter:blur(140px); animation:pulseGlow 6s infinite alternate;\"><\/div>\n  <div style=\"position:absolute; bottom:-180px; right:-180px; width:420px; height:420px; background:radial-gradient(circle, rgba(30,64,255,0.35), transparent 70%); border-radius:50%; filter:blur(140px); animation:pulseGlow 8s infinite alternate;\"><\/div>\n\n  <style>\n    @keyframes fadeDown { from {opacity:0; transform:translateY(-30px);} to {opacity:1; transform:translateY(0);} }\n    @keyframes fadeUp { from {opacity:0; transform:translateY(30px);} to {opacity:1; transform:translateY(0);} }\n    @keyframes expandLine { from {width:0; opacity:0;} to {width:120px; opacity:1;} }\n    @keyframes pulseGlow { from {transform:scale(1);} to {transform:scale(1.15);} }\n\n    \/* Responsive *\/\n    @media(max-width:768px){\n      #reports-hero h1 { font-size: clamp(36px,8vw,60px); }\n      #reports-hero p { font-size: 16px; }\n      #reports-hero .hero-inner { padding-top:40px; padding-bottom:40px; }\n    }\n  <\/style>\n<\/section>\n\n\n\n<!-- SECTION: Monthly Dashboard -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@700;800&#038;family=Manrope:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<section id=\"monthly-dashboard\" style=\"background:linear-gradient(135deg,#ffffff 0%,#1E40FF 100%); color:#0a1f44; padding:160px 24px; font-family:'Manrope',sans-serif; overflow:hidden; position:relative;\">\n  <div class=\"dashboard-inner\" style=\"display:flex; align-items:center; justify-content:space-between; gap:60px; max-width:1200px; margin:0 auto; flex-wrap:wrap;\">\n\n    <!-- Text Content -->\n    <div class=\"dashboard-text\" style=\"flex:1; min-width:320px; animation:fadeLeft 1.2s ease-out; opacity:0;\">\n      <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:16px;\">\n        <div style=\"width:44px; height:44px; background:rgba(30,64,255,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center;\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"#1E40FF\" style=\"width:22px; height:22px;\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 3v18h18M7 13l3 3 7-7\" \/>\n          <\/svg>\n        <\/div>\n        <h3 style=\"font-family:'Raleway',sans-serif; font-weight:800; font-size:clamp(28px,4vw,40px); margin:0;\">Panel Mensual<\/h3>\n      <\/div>\n\n      <p style=\"font-size:18px; line-height:1.8; color:rgba(10,31,68,0.9); max-width:520px;\">\n        Flujo de caja, m\u00e1rgenes y ventas: todo en un solo lugar.  \n        <strong>Analice su negocio en segundos, no en semanas.<\/strong>\n      <\/p>\n    <\/div>\n\n    <!-- Image -->\n    <div class=\"dashboard-image\" style=\"flex:1; min-width:340px; text-align:center; animation:fadeRight 1.2s ease-out; opacity:0;\">\n      <img decoding=\"async\" src=\"https:\/\/ycmcap.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-4-2025-10_39_31-PM.png\" alt=\"Business Dashboard\" style=\"width:100%; max-width:540px; border-radius:20px; box-shadow:0 15px 50px rgba(0,0,0,0.25);\">\n    <\/div>\n  <\/div>\n\n  <style>\n    @keyframes fadeLeft {\n      from { opacity:0; transform:translateX(-60px); }\n      to { opacity:1; transform:translateX(0); }\n    }\n    @keyframes fadeRight {\n      from { opacity:0; transform:translateX(60px); }\n      to { opacity:1; transform:translateX(0); }\n    }\n\n    \/* Scroll-trigger animation *\/\n    .dashboard-text.visible, .dashboard-image.visible {\n      opacity:1 !important;\n      transform:translateX(0) !important;\n      transition:all 1s ease-out;\n    }\n\n    @media(max-width:900px){\n      #monthly-dashboard .dashboard-inner { flex-direction:column; text-align:center; }\n      #monthly-dashboard .dashboard-text { animation:fadeUp 1s ease-out; }\n      #monthly-dashboard .dashboard-image { animation:fadeUp 1.2s ease-out; }\n    }\n\n    @keyframes fadeUp {\n      from {opacity:0; transform:translateY(60px);}\n      to {opacity:1; transform:translateY(0);}\n    }\n  <\/style>\n\n  <script>\n    \/\/ Fade animation on scroll\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if(entry.isIntersecting){\n          entry.target.classList.add('visible');\n        }\n      });\n    }, { threshold: 0.3 });\n\n    document.querySelectorAll('.dashboard-text, .dashboard-image').forEach(el => observer.observe(el));\n  <\/script>\n<\/section>\n\n\n\n<!-- SECTION: KPI Analysis -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@700;800&#038;family=Manrope:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<section id=\"kpi-analysis\" style=\"background:linear-gradient(135deg,#0a1f44 0%,#1a2a6c 50%,#0072ff 100%); color:#ffffff; padding:160px 24px; font-family:'Manrope',sans-serif; overflow:hidden; position:relative;\">\n  <div class=\"kpi-inner\" style=\"display:flex; align-items:center; justify-content:space-between; gap:60px; max-width:1200px; margin:0 auto; flex-wrap:wrap;\">\n\n    <!-- Image -->\n    <div class=\"kpi-image\" style=\"flex:1; min-width:340px; text-align:center; animation:fadeLeft 1.2s ease-out; opacity:0;\">\n      <img decoding=\"async\" src=\"https:\/\/ycmcap.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-04-222718-1.jpg\" alt=\"KPI Dashboard\" style=\"width:100%; max-width:540px; border-radius:20px; box-shadow:0 15px 50px rgba(0,0,0,0.4);\">\n    <\/div>\n\n    <!-- Text Content -->\n    <div class=\"kpi-text\" style=\"flex:1; min-width:320px; animation:fadeRight 1.2s ease-out; opacity:0;\">\n      <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:16px;\">\n        <div class=\"kpi-icon\" style=\"width:50px; height:50px; background:rgba(255,255,255,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:all 0.4s ease;\">\n          <!-- Improved KPI Icon -->\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"#ffffff\" style=\"width:24px; height:24px;\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 17l6-6 4 4 8-8\" \/>\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 5h8v8\" \/>\n          <\/svg>\n        <\/div>\n        <h3 style=\"font-family:'Raleway',sans-serif; font-weight:800; font-size:clamp(28px,4vw,40px); margin:0; color:#ffffff;\">\n          An\u00e1lisis de KPI\n        <\/h3>\n      <\/div>\n\n      <p style=\"font-size:18px; line-height:1.8; color:rgba(255,255,255,0.9); max-width:520px;\">\n        No solo ves los n\u00fameros \u2014  \n        <strong>Entiendes lo que significan y qu\u00e9 acciones tomar.<\/strong>\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <style>\n    @keyframes fadeLeft {\n      from { opacity:0; transform:translateX(-60px); }\n      to { opacity:1; transform:translateX(0); }\n    }\n    @keyframes fadeRight {\n      from { opacity:0; transform:translateX(60px); }\n      to { opacity:1; transform:translateX(0); }\n    }\n\n    \/* Scroll-trigger animation *\/\n    .kpi-text.visible, .kpi-image.visible {\n      opacity:1 !important;\n      transform:translateX(0) !important;\n      transition:all 1s ease-out;\n    }\n\n    \/* Icon hover glow *\/\n    .kpi-icon:hover {\n      background:rgba(255,255,255,0.2);\n      box-shadow:0 0 15px rgba(96,165,250,0.5);\n      transform:scale(1.05);\n    }\n\n    @media(max-width:900px){\n      #kpi-analysis .kpi-inner { flex-direction:column; text-align:center; }\n      #kpi-analysis .kpi-text { animation:fadeUp 1s ease-out; }\n      #kpi-analysis .kpi-image { animation:fadeUp 1.2s ease-out; }\n    }\n\n    @keyframes fadeUp {\n      from {opacity:0; transform:translateY(60px);}\n      to {opacity:1; transform:translateY(0);}\n    }\n  <\/style>\n\n  <script>\n    \/\/ Fade animation on scroll\n    const kpiObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if(entry.isIntersecting){\n          entry.target.classList.add('visible');\n        }\n      });\n    }, { threshold: 0.3 });\n\n    document.querySelectorAll('.kpi-text, .kpi-image').forEach(el => kpiObserver.observe(el));\n  <\/script>\n<\/section>\n\n\n\n<!-- SECTION: Early Alerts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@700;800&#038;family=Manrope:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<section id=\"early-alerts\" style=\"background:linear-gradient(135deg,#ffffff 0%,#1E40FF 100%); color:#0a1f44; padding:160px 24px; font-family:'Manrope',sans-serif; overflow:hidden; position:relative;\">\n  <div class=\"alerts-inner\" style=\"display:flex; align-items:center; justify-content:space-between; gap:60px; max-width:1200px; margin:0 auto; flex-wrap:wrap;\">\n\n    <!-- Text Content -->\n    <div class=\"alerts-text\" style=\"flex:1; min-width:320px; animation:fadeLeft 1.2s ease-out; opacity:0;\">\n      <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:16px;\">\n        <div style=\"width:44px; height:44px; background:rgba(10,31,68,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center;\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"#1E40FF\" style=\"width:22px; height:22px;\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 9v2m0 4h.01M12 5.5a7.5 7.5 0 100 15 7.5 7.5 0 000-15z\" \/>\n          <\/svg>\n        <\/div>\n        <h3 style=\"font-family:'Raleway',sans-serif; font-weight:800; font-size:clamp(28px,4vw,40px); margin:0; color:#0a1f44;\">\n          Alertas Tempranas\n        <\/h3>\n      <\/div>\n\n      <p style=\"font-size:18px; line-height:1.8; color:rgba(10,31,68,0.9); max-width:520px;\">\n        Detectamos desviaciones presupuestarias, ca\u00eddas de ventas o aumentos de costes.  \n        <strong>antes de que se conviertan en problemas reales.<\/strong>\n      <\/p>\n    <\/div>\n\n    <!-- Image -->\n    <div class=\"alerts-image\" style=\"flex:1; min-width:340px; text-align:center; animation:fadeRight 1.2s ease-out; opacity:0;\">\n      <img decoding=\"async\" src=\"https:\/\/ycmcap.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-7-2025-06_54_55-PM.png\" \n           alt=\"Early Alerts Dashboard\"\n           style=\"width:100%; max-width:420px; border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,0.1); transition:transform 0.6s ease, box-shadow 0.6s ease;\">\n    <\/div>\n  <\/div>\n\n  <style>\n    @keyframes fadeLeft {\n      from { opacity:0; transform:translateX(-60px); }\n      to { opacity:1; transform:translateX(0); }\n    }\n    @keyframes fadeRight {\n      from { opacity:0; transform:translateX(60px); }\n      to { opacity:1; transform:translateX(0); }\n    }\n\n    \/* Scroll-trigger animation *\/\n    .alerts-text.visible, .alerts-image.visible {\n      opacity:1 !important;\n      transform:translateX(0) !important;\n      transition:all 1s ease-out;\n    }\n\n    \/* Hover effect on image *\/\n    .alerts-image img:hover {\n      transform:scale(1.04);\n      box-shadow:0 15px 40px rgba(0,0,0,0.15);\n    }\n\n    @media(max-width:900px){\n      #early-alerts .alerts-inner { flex-direction:column; text-align:center; }\n      #early-alerts .alerts-text { animation:fadeUp 1s ease-out; }\n      #early-alerts .alerts-image { animation:fadeUp 1.2s ease-out; }\n      #early-alerts .alerts-image img { max-width:320px; }\n    }\n\n    @keyframes fadeUp {\n      from {opacity:0; transform:translateY(60px);}\n      to {opacity:1; transform:translateY(0);}\n    }\n  <\/style>\n\n  <script>\n    \/\/ Fade animation on scroll\n    const alertsObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if(entry.isIntersecting){\n          entry.target.classList.add('visible');\n        }\n      });\n    }, { threshold: 0.3 });\n\n    document.querySelectorAll('.alerts-text, .alerts-image').forEach(el => alertsObserver.observe(el));\n  <\/script>\n<\/section>\n\n\n\n\n<!-- SECTION: Future Projections -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@700;800&#038;family=Manrope:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<section id=\"future-projections\" style=\"background:linear-gradient(135deg, #0a1f44 0%, #1a2a6c 50%, #0072ff 100%); color:#ffffff; padding:160px 24px; font-family:'Manrope',sans-serif; overflow:hidden; position:relative;\">\n  <div class=\"projections-inner\" style=\"display:flex; align-items:center; justify-content:space-between; gap:60px; max-width:1200px; margin:0 auto; flex-wrap:wrap;\">\n\n    <!-- Image Left -->\n    <div class=\"projections-image\" style=\"flex:1; min-width:340px; text-align:center; animation:fadeLeft 1.2s ease-out; opacity:0;\">\n      <img decoding=\"async\" src=\"https:\/\/ycmcap.com\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-04-230120.jpg\"\n           alt=\"Business projections dashboard\"\n           style=\"width:100%; max-width:420px; border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,0.3); transition:transform 0.6s ease, box-shadow 0.6s ease;\">\n    <\/div>\n\n    <!-- Text Right -->\n    <div class=\"projections-text\" style=\"flex:1; min-width:320px; animation:fadeRight 1.2s ease-out; opacity:0;\">\n      <div style=\"display:flex; align-items:center; gap:12px; margin-bottom:16px;\">\n        <div style=\"width:44px; height:44px; background:rgba(255,255,255,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center;\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.8\" stroke=\"#ffffff\" style=\"width:22px; height:22px;\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n          <\/svg>\n        <\/div>\n        <h3 style=\"font-family:'Raleway',sans-serif; font-weight:800; font-size:clamp(28px,4vw,40px); margin:0; color:#ffffff;\">\n          Proyecciones y Escenarios Futuros\n        <\/h3>\n      <\/div>\n\n      <p style=\"font-size:18px; line-height:1.8; color:rgba(255,255,255,0.85); max-width:520px;\">\n        Utilizamos sus datos financieros reales para <strong>Simular hacia d\u00f3nde se dirige su negocio<\/strong> \u2014 Con y sin decisiones estrat\u00e9gicas. Visualice diferentes resultados y tome decisiones informadas con claridad y confianza.\n      <\/p>\n    <\/div>\n  <\/div>\n\n  <style>\n    @keyframes fadeLeft {\n      from { opacity:0; transform:translateX(-60px); }\n      to { opacity:1; transform:translateX(0); }\n    }\n    @keyframes fadeRight {\n      from { opacity:0; transform:translateX(60px); }\n      to { opacity:1; transform:translateX(0); }\n    }\n\n    \/* Scroll-trigger animation *\/\n    .projections-text.visible, .projections-image.visible {\n      opacity:1 !important;\n      transform:translateX(0) !important;\n      transition:all 1s ease-out;\n    }\n\n    \/* Hover effect on image *\/\n    .projections-image img:hover {\n      transform:scale(1.04);\n      box-shadow:0 15px 45px rgba(0,0,0,0.4);\n    }\n\n    @media(max-width:900px){\n      #future-projections .projections-inner { flex-direction:column-reverse; text-align:center; }\n      #future-projections .projections-text { animation:fadeUp 1s ease-out; }\n      #future-projections .projections-image { animation:fadeUp 1.2s ease-out; }\n      #future-projections .projections-image img { max-width:320px; }\n    }\n\n    @keyframes fadeUp {\n      from {opacity:0; transform:translateY(60px);}\n      to {opacity:1; transform:translateY(0);}\n    }\n  <\/style>\n\n  <script>\n    \/\/ Fade animation on scroll\n    const projectionsObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if(entry.isIntersecting){\n          entry.target.classList.add('visible');\n        }\n      });\n    }, { threshold: 0.3 });\n\n    document.querySelectorAll('.projections-text, .projections-image').forEach(el => projectionsObserver.observe(el));\n  <\/script>\n<\/section>\n\n\n\n\n<!-- SECTION: Personalized Monthly Session (Updated Image Size) -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@700;800&#038;family=Manrope:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<section id=\"monthly-session\" style=\"background:linear-gradient(135deg, #ffffff 0%, #1E40FF 100%); color:#0a1f44; padding:160px 24px; font-family:'Manrope',sans-serif; overflow:hidden; position:relative;\">\n  <div class=\"session-inner\" style=\"display:flex; align-items:center; justify-content:space-between; gap:60px; max-width:1200px; margin:0 auto; flex-wrap:wrap;\">\n\n    <!-- Text Content -->\n    <div class=\"session-text\" style=\"flex:1; min-width:320px; animation:fadeLeft 1.2s ease-out; opacity:0;\">\n      <div style=\"display:flex; align-items:center; gap:14px; margin-bottom:18px;\">\n        <div class=\"session-icon\" style=\"width:64px; height:64px; background:rgba(255,255,255,0.35); border-radius:20px; display:flex; align-items:center; justify-content:center; box-shadow:inset 0 0 10px rgba(255,255,255,0.3), 0 4px 12px rgba(0,0,0,0.1); transition:all 0.4s ease;\">\n          <!-- Premium Icon: People discussing analytics -->\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#0a1f44\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:30px; height:30px;\">\n            <!-- Monitor -->\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"12\" rx=\"2\" ry=\"2\"\/>\n            <line x1=\"8\" y1=\"20\" x2=\"16\" y2=\"20\"\/>\n            <line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"20\"\/>\n            <!-- Data bars -->\n            <line x1=\"7\" y1=\"10\" x2=\"7\" y2=\"7\"\/>\n            <line x1=\"12\" y1=\"10\" x2=\"12\" y2=\"5\"\/>\n            <line x1=\"17\" y1=\"10\" x2=\"17\" y2=\"8\"\/>\n            <!-- Two people silhouettes under screen -->\n            <path d=\"M7 22a3 3 0 0 1 6 0\"\/>\n            <path d=\"M11 22a3 3 0 0 1 6 0\"\/>\n          <\/svg>\n        <\/div>\n        <h3 style=\"font-family:'Raleway',sans-serif; font-weight:800; font-size:clamp(28px,4vw,40px); margin:0; color:#0a1f44;\">\n          Sesi\u00f3n Mensual Personalizada\n        <\/h3>\n      <\/div>\n\n      <p style=\"font-size:18px; line-height:1.8; color:rgba(10,31,68,0.9); max-width:520px;\">\n        Nosotros no solo enviamos informes  \u2014  \n        <strong>Nos sentamos con usted para explicarle cada idea clave y guiarle en su pr\u00f3ximo movimiento estrat\u00e9gico.<\/strong>  \n        Olv\u00eddate de recibir una hoja de c\u00e1lculo y quedarte solo.\n      <\/p>\n    <\/div>\n\n    <!-- Image -->\n    <div class=\"session-image\" style=\"flex:1; min-width:340px; text-align:center; animation:fadeRight 1.2s ease-out; opacity:0;\">\n      <img decoding=\"async\" src=\"https:\/\/ycmcap.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-7-2025-08_02_00-PM.png\" \n           alt=\"Personalized Session\" \n           style=\"width:100%; max-width:420px; border-radius:20px; box-shadow:0 10px 35px rgba(0,0,0,0.2); transition:transform 0.6s ease, box-shadow 0.6s ease;\">\n    <\/div>\n  <\/div>\n\n  <style>\n    @keyframes fadeLeft {\n      from { opacity:0; transform:translateX(-60px); }\n      to { opacity:1; transform:translateX(0); }\n    }\n    @keyframes fadeRight {\n      from { opacity:0; transform:translateX(60px); }\n      to { opacity:1; transform:translateX(0); }\n    }\n\n    .session-text.visible, .session-image.visible {\n      opacity:1 !important;\n      transform:translateX(0) !important;\n      transition:all 1s ease-out;\n    }\n\n    \/* Icon hover animation *\/\n    .session-icon:hover {\n      transform:scale(1.1) rotate(3deg);\n      box-shadow:0 0 25px rgba(255,255,255,0.6), 0 6px 20px rgba(0,0,0,0.15);\n      background:rgba(255,255,255,0.45);\n    }\n\n    \/* Hover effect on image *\/\n    .session-image img:hover {\n      transform:scale(1.04);\n      box-shadow:0 15px 45px rgba(0,0,0,0.25);\n    }\n\n    @media(max-width:900px){\n      #monthly-session .session-inner { flex-direction:column-reverse; text-align:center; }\n      #monthly-session .session-text { animation:fadeUp 1s ease-out; }\n      #monthly-session .session-image { animation:fadeUp 1.2s ease-out; }\n      #monthly-session .session-image img { max-width:320px; }\n    }\n\n    @keyframes fadeUp {\n      from {opacity:0; transform:translateY(60px);}\n      to {opacity:1; transform:translateY(0);}\n    }\n  <\/style>\n\n  <script>\n    const sessionObserver = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if(entry.isIntersecting){\n          entry.target.classList.add('visible');\n        }\n      });\n    }, { threshold: 0.3 });\n\n    document.querySelectorAll('.session-text, .session-image').forEach(el => sessionObserver.observe(el));\n  <\/script>\n<\/section>\n\n\n\n\n<!-- FOOTER COMPLETO -->\n<footer id=\"footer\" class=\"fs-section\" style=\"padding:80px 24px 120px 24px; width:100%; box-sizing:border-box; overflow:hidden; position:relative;\">\n  <div class=\"fs-inner\" style=\"max-width:1200px; margin:0 auto; display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:50px;\">\n\n    <!-- Logo + descripci\u00f3n -->\n    <div class=\"footer-block\">\n      <h2 style=\"font-family:'Raleway',sans-serif; font-size:28px; font-weight:700; margin-bottom:16px; letter-spacing:1px; text-transform:uppercase; color:#fff;\">YCM Capital<\/h2>\n      <p style=\"font-family:'Manrope',sans-serif; font-size:15px; line-height:1.8; color:rgba(255,255,255,0.9); margin-bottom:12px;\" class=\"translation-block\">En YCM Capital, brindamos consultor\u00eda financiera estrat\u00e9gica que permite a las empresas maximizar el crecimiento, optimizar las operaciones y tomar decisiones informadas.<\/p>\n      <p style=\"font-family:'Manrope',sans-serif; font-size:14px; line-height:1.8; color:rgba(255,255,255,0.85);\" class=\"translation-block\">Nuestra misi\u00f3n es simplificar las finanzas complejas y guiar a nuestros clientes hacia el \u00e9xito sostenible.<\/p>\n    <\/div>\n\n    <!-- Quick Links con botones -->\n    <div class=\"footer-block\">\n      <h3 style=\"font-family:'Raleway',sans-serif; font-size:20px; font-weight:600; margin-bottom:16px; letter-spacing:0.5px; color:#fff;\">Enlaces r\u00e1pidos<\/h3>\n      <div class=\"footer-buttons\">\n        <a href=\"https:\/\/ycmcap.com\/es\/services\/\" class=\"footer-btn\">Servicios<\/a>\n        <a href=\"https:\/\/ycmcap.com\/es\/features\/\" class=\"footer-btn\">Funciones<\/a>\n        <a href=\"https:\/\/ycmcap.com\/es\/pricing\/\" class=\"footer-btn\">Planes<\/a>\n        <a href=\"https:\/\/ycmcap.com\/es\/contact\/\" class=\"footer-btn\">Contacto<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Contact Info -->\n    <div class=\"footer-block\">\n      <h3 style=\"font-family:'Raleway',sans-serif; font-size:20px; font-weight:600; margin-bottom:16px; letter-spacing:0.5px; color:#fff;\">Contacto<\/h3>\n      <p style=\"font-family:'Manrope',sans-serif; font-size:14px; line-height:1.8; color:#fff; margin:4px 0;\">\n        <i class=\"fas fa-envelope\"><\/i> <a href=\"mailto:admin@ycmcap.com\" class=\"footer-link\">admin@ycmcap.com<\/a>\n      <\/p>\n      <p style=\"font-family:'Manrope',sans-serif; font-size:14px; line-height:1.8; color:#fff; margin:4px 0;\">\n        <i class=\"fas fa-phone\"><\/i> <strong>+57 321 3956236<\/strong>\n      <\/p>\n      <p style=\"font-family:'Manrope',sans-serif; font-size:14px; line-height:1.8; color:#fff; margin:4px 0;\">\n        Estados Unidos\n      <\/p>\n    <\/div>\n\n    <!-- Contact Direct Icons -->\n    <div class=\"footer-block\">\n      <h3 style=\"font-family:'Raleway',sans-serif; font-size:20px; font-weight:600; margin-bottom:16px; letter-spacing:0.5px; color:#fff;\">Comun\u00edquese con nosotros directamente<\/h3>\n      <div style=\"display:flex; gap:16px; justify-content:flex-start; align-items:center;\">\n        <a href=\"https:\/\/wa.me\/573213956236\" target=\"_blank\" class=\"social-icon\" title=\"Chat via WhatsApp\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/733\/733585.png\" alt=\"WhatsApp\" style=\"width:28px; height:28px;\">\n        <\/a>\n        <a href=\"mailto:admin@ycmcap.com\" class=\"social-icon\" title=\"Send us an Email\">\n          <img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/732\/732200.png\" alt=\"Email\" style=\"width:28px; height:28px;\">\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Bottom -->\n  <div style=\"text-align:center; margin-top:50px; font-family:'Manrope',sans-serif; font-size:12px; color:rgba(255,255,255,0.7); letter-spacing:0.5px;\">\n    \u00a9 2025 YCM Capital. All Rights Reserved.\n  <\/div>\n\n  <!-- Easter Egg: Firma K -->\n  <div class=\"easter-egg-k\">K<\/div>\n<\/footer>\n\n<style>\n\/* Fondo degradado animado que ocupa todo el footer *\/\n@keyframes bgGradient {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n#footer {\n  background: linear-gradient(135deg, #0a1f44 0%, #1a2a6c 35%, #0072ff 70%, #22d3ee 100%);\n  background-size: 200% 200%;\n  animation: bgGradient 20s ease infinite;\n  min-height: 100%; \/* asegura cubrir todo el contenedor *\/\n  position: relative;\n}\n\n\/* Botones Quick Links *\/\n.footer-buttons {\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n}\n.footer-btn {\n  display:inline-block;\n  padding:10px 20px;\n  border-radius:12px;\n  font-family:'Manrope',sans-serif;\n  font-size:14px;\n  font-weight:600;\n  text-decoration:none;\n  color:#fff;\n  background: linear-gradient(135deg, #0a1f44 0%, #1a2a6c 35%, #0072ff 70%, #22d3ee 100%);\n  box-shadow:0 4px 12px rgba(0,0,0,0.25);\n  transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;\n}\n.footer-btn:hover {\n  transform: translateY(-4px) scale(1.05);\n  box-shadow:0 8px 20px rgba(0,0,0,0.35);\n  filter: brightness(1.2);\n}\n\n\/* Links hover *\/\n.footer-link {\n  color:#fff;\n  text-decoration:none;\n  transition: color 0.3s, text-shadow 0.3s;\n}\n.footer-link:hover {\n  color:#e0f7ff;\n  text-shadow: 0 0 6px rgba(255,255,255,0.5);\n}\n\n\/* Social Media \/ Contact Icons flotante *\/\n@keyframes floatIcon {\n  0% { transform: translateY(0); }\n  50% { transform: translateY(-6px); }\n  100% { transform: translateY(0); }\n}\n.social-icon {\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:44px;\n  height:44px;\n  border-radius:14px;\n  background: linear-gradient(135deg, #0a1f44 0%, #1a2a6c 35%, #0072ff 70%, #22d3ee 100%);\n  color:#fff;\n  font-size:20px;\n  animation: floatIcon 3s ease-in-out infinite;\n  transition: transform 0.4s, filter 0.4s;\n}\n.social-icon:hover {\n  transform: translateY(-8px) scale(1.1);\n  filter: brightness(1.3);\n}\n\n\/* Animaci\u00f3n de entrada de bloques *\/\n.footer-block {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeSlideIn 1s forwards;\n}\n.footer-block:nth-child(1){ animation-delay:0.2s; }\n.footer-block:nth-child(2){ animation-delay:0.4s; }\n.footer-block:nth-child(3){ animation-delay:0.6s; }\n.footer-block:nth-child(4){ animation-delay:0.8s; }\n\n@keyframes fadeSlideIn {\n  to { opacity:1; transform: translateY(0); }\n}\n\n\/* Easter Egg K visible con desaparici\u00f3n al pasar el cursor *\/\n.easter-egg-k {\n  position:absolute;\n  bottom:12px;\n  right:12px;\n  font-family:'Raleway',sans-serif;\n  font-weight:900;\n  font-size:14px;\n  color:#fff;\n  opacity:0.35;\n  cursor:default;\n  z-index:9999;\n  pointer-events:auto;\n  transition: opacity 0.5s, transform 0.5s;\n}\n.easter-egg-k:hover {\n  opacity:0;\n  transform: scale(1.2);\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Visualize Your Business Like a True CEO Your finances are not just numbers. They represent decisions, opportunities, and risks \u2014 and we show them all in one place, clearly, visually, and actionable. Monthly Dashboard Cash flow, margins, and sales \u2014 all in one place. Analyze your business in seconds, not weeks. KPI Analysis You don\u2019t&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-2337","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ycmcap.com\/es\/wp-json\/wp\/v2\/pages\/2337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ycmcap.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ycmcap.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ycmcap.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ycmcap.com\/es\/wp-json\/wp\/v2\/comments?post=2337"}],"version-history":[{"count":8,"href":"https:\/\/ycmcap.com\/es\/wp-json\/wp\/v2\/pages\/2337\/revisions"}],"predecessor-version":[{"id":2372,"href":"https:\/\/ycmcap.com\/es\/wp-json\/wp\/v2\/pages\/2337\/revisions\/2372"}],"wp:attachment":[{"href":"https:\/\/ycmcap.com\/es\/wp-json\/wp\/v2\/media?parent=2337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}