{"id":178,"date":"2025-11-26T17:29:27","date_gmt":"2025-11-26T17:29:27","guid":{"rendered":"https:\/\/5.olasdevida.es\/?page_id=178"},"modified":"2025-11-26T17:30:07","modified_gmt":"2025-11-26T17:30:07","slug":"parnert2","status":"publish","type":"page","link":"https:\/\/5.olasdevida.es\/index.php\/parnert2\/","title":{"rendered":"parnert2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"178\" class=\"elementor elementor-178\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f817e4 e-con-full e-flex e-con e-parent\" data-id=\"1f817e4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d658d5d elementor-widget elementor-widget-html\" data-id=\"d658d5d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Olas de Vida - Una Causa, Una Oportunidad \u00danica<\/title>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');\r\n        \r\n        :root {\r\n            --hope-purple: #6A0DAD;\r\n            --life-green: #00A896;\r\n            --energy-orange: #FF6B35;\r\n            --support-blue: #0096B2;\r\n            --light-bg: #F8FAFC;\r\n            --pure-white: #FFFFFF;\r\n            --dark-text: #1E293B;\r\n        }\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            background: linear-gradient(135deg, var(--light-bg) 0%, #ffffff 100%);\r\n            color: var(--dark-text);\r\n            line-height: 1.7;\r\n        }\r\n        \r\n        .cause-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            background: var(--pure-white);\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.08);\r\n        }\r\n        \r\n        \/* Hero Section con Enfoque de Causa *\/\r\n        .cause-hero {\r\n            background: linear-gradient(135deg, var(--hope-purple) 0%, var(--support-blue) 100%);\r\n            color: white;\r\n            padding: 80px 40px;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n        \r\n        .cause-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" fill=\"rgba(255,255,255,0.05)\"><path d=\"M500 50Q600 0 700 50T900 50T1000 0V100H0V0Q100 50 300 50T500 50Z\"\/><\/svg>');\r\n            background-size: cover;\r\n        }\r\n        \r\n        .cause-logo {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            margin-bottom: 1rem;\r\n            background: linear-gradient(135deg, #FFD700, #FFFFFF);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n        \r\n        .cause-tagline {\r\n            font-size: 1.4rem;\r\n            opacity: 0.9;\r\n            margin-bottom: 2rem;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        \r\n        .opportunity-badge {\r\n            background: rgba(255,255,255,0.2);\r\n            color: white;\r\n            padding: 15px 30px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            display: inline-block;\r\n            backdrop-filter: blur(10px);\r\n            border: 2px solid rgba(255,255,255,0.3);\r\n        }\r\n        \r\n        \/* Secci\u00f3n de la Historia *\/\r\n        .story-section {\r\n            padding: 80px 40px;\r\n            background: var(--pure-white);\r\n            text-align: center;\r\n        }\r\n        \r\n        .section-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2.8rem;\r\n            margin-bottom: 3rem;\r\n            color: var(--hope-purple);\r\n        }\r\n        \r\n        .patient-story {\r\n            background: linear-gradient(135deg, #FFF0F5, #F0F8FF);\r\n            padding: 50px 40px;\r\n            border-radius: 20px;\r\n            margin: 3rem 0;\r\n            border-left: 5px solid var(--energy-orange);\r\n        }\r\n        \r\n        .story-quote {\r\n            font-size: 1.3rem;\r\n            font-style: italic;\r\n            margin-bottom: 2rem;\r\n            color: var(--hope-purple);\r\n        }\r\n        \r\n        \/* Secci\u00f3n de Oportunidad \u00danica *\/\r\n        .opportunity-section {\r\n            padding: 80px 40px;\r\n            background: linear-gradient(135deg, var(--light-bg), #E8F4F8);\r\n        }\r\n        \r\n        .opportunity-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n            margin: 3rem 0;\r\n        }\r\n        \r\n        .opportunity-card {\r\n            background: var(--pure-white);\r\n            padding: 40px 30px;\r\n            border-radius: 15px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n            text-align: center;\r\n        }\r\n        \r\n        .card-icon {\r\n            font-size: 3rem;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        .card-title {\r\n            font-size: 1.5rem;\r\n            color: var(--hope-purple);\r\n            margin-bottom: 1rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        \/* Inversi\u00f3n con Prop\u00f3sito *\/\r\n        .investment-section {\r\n            padding: 80px 40px;\r\n            background: var(--pure-white);\r\n            text-align: center;\r\n        }\r\n        \r\n        .investment-explanation {\r\n            max-width: 800px;\r\n            margin: 0 auto 3rem;\r\n            font-size: 1.2rem;\r\n            line-height: 1.8;\r\n        }\r\n        \r\n        .cost-breakdown {\r\n            background: linear-gradient(135deg, var(--life-green), #02C39A);\r\n            color: white;\r\n            padding: 50px 40px;\r\n            border-radius: 20px;\r\n            margin: 3rem 0;\r\n        }\r\n        \r\n        .breakdown-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n            text-align: left;\r\n        }\r\n        \r\n        .breakdown-item {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 1rem 0;\r\n            border-bottom: 1px solid rgba(255,255,255,0.2);\r\n        }\r\n        \r\n        .breakdown-item:last-child {\r\n            border-bottom: none;\r\n            font-weight: 800;\r\n            font-size: 1.3rem;\r\n        }\r\n        \r\n        .total-investment {\r\n            font-size: 3rem;\r\n            font-weight: 800;\r\n            margin: 2rem 0;\r\n            color: var(--energy-orange);\r\n        }\r\n        \r\n        \/* Lo que Recibe la Empresa *\/\r\n        .benefits-section {\r\n            padding: 80px 40px;\r\n            background: linear-gradient(135deg, var(--hope-purple), #7B1FA2);\r\n            color: white;\r\n        }\r\n        \r\n        .benefits-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n            margin: 3rem 0;\r\n        }\r\n        \r\n        .benefit-card {\r\n            background: rgba(255,255,255,0.1);\r\n            padding: 30px 25px;\r\n            border-radius: 15px;\r\n            backdrop-filter: blur(10px);\r\n            text-align: center;\r\n        }\r\n        \r\n        \/* CTA Final *\/\r\n        .cta-section {\r\n            padding: 80px 40px;\r\n            background: var(--pure-white);\r\n            text-align: center;\r\n        }\r\n        \r\n        .cta-buttons {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            margin: 3rem 0;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .cta-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            background: linear-gradient(135deg, var(--energy-orange), #FF8C00);\r\n            color: white;\r\n            padding: 15px 30px;\r\n            text-decoration: none;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        \r\n        .cta-btn:hover {\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .btn-icon {\r\n            margin-right: 10px;\r\n        }\r\n        \r\n        \/* Footer *\/\r\n        .cause-footer {\r\n            background: var(--hope-purple);\r\n            color: white;\r\n            padding: 50px 40px;\r\n            text-align: center;\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .opportunity-grid,\r\n            .breakdown-grid,\r\n            .benefits-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .cause-logo {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"cause-container\">\r\n        <!-- Hero Section -->\r\n        <section class=\"cause-hero\">\r\n            <div class=\"cause-logo\">Olas de Vida<\/div>\r\n            <div class=\"cause-tagline\">\r\n                De un paciente de c\u00e1ncer para todos los que necesitan esperanza\r\n            <\/div>\r\n            <div class=\"opportunity-badge\">\r\n                Una Oportunidad \u00danica para Una Empresa con Coraz\u00f3n\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- La Historia Real -->\r\n        <section class=\"story-section\">\r\n            <h2 class=\"section-title\">Esta No Es Una Venta. Es Una Causa.<\/h2>\r\n            \r\n            <div class=\"patient-story\">\r\n                <div class=\"story-quote\">\r\n                    \"Durante mi tratamiento contra el c\u00e1ncer, entend\u00ed que la tecnolog\u00eda pod\u00eda ser el puente entre la medicina y la esperanza. Cre\u00e9 Olas de Vida no para vender, sino para regalar esperanza.\"\r\n                <\/div>\r\n                <p><strong>El problema:<\/strong> El trabajo est\u00e1 hecho, el coraz\u00f3n est\u00e1 puesto, pero las licencias de software, programadores y servidores necesitan financiaci\u00f3n.<\/p>\r\n                <p><strong>La soluci\u00f3n:<\/strong> Una empresa que quiera hacer posible este regalo para miles de pacientes.<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Oportunidad \u00danica -->\r\n        <section class=\"opportunity-section\">\r\n            <h2 class=\"section-title\">Oportunidad \u00danica de Impacto Real<\/h2>\r\n            \r\n            <div class=\"opportunity-grid\">\r\n                <div class=\"opportunity-card\">\r\n                    <div class=\"card-icon\">\ud83c\udf81<\/div>\r\n                    <h3 class=\"card-title\">Regalo, No Venta<\/h3>\r\n                    <p>El proyecto Olas de Vida se regalar\u00e1 gratuitamente a pacientes y hospitales. Tu empresa hace posible este regalo.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"opportunity-card\">\r\n                    <div class=\"card-icon\">\u26a1<\/div>\r\n                    <h3 class=\"card-title\">Energ\u00eda que Transforma<\/h3>\r\n                    <p>No es compasi\u00f3n, es energ\u00eda positiva que transforma la experiencia del paciente en esperanza activa.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Inversi\u00f3n con Prop\u00f3sito -->\r\n        <section class=\"investment-section\">\r\n            <h2 class=\"section-title\">Los N\u00fameros Detr\u00e1s de la Esperanza<\/h2>\r\n            \r\n            <div class=\"investment-explanation\">\r\n                <p>Los <strong>\u20ac48.700 anuales<\/strong> no son un precio, son el costo de hacer posible que Olas de Vida llegue gratuitamente a quienes m\u00e1s lo necesitan.<\/p>\r\n                <p>Esto cubre exclusivamente licencias de software, servidores, mantenimiento y el programador necesario para mantener la plataforma viva.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cost-breakdown\">\r\n                <h3 style=\"margin-bottom: 2rem;\">Desglose de lo que hace posible tu inversi\u00f3n:<\/h3>\r\n                \r\n                <div class=\"breakdown-grid\">\r\n                    <div>\r\n                        <div class=\"breakdown-item\">\r\n                            <span>Licencias de software especializado<\/span>\r\n                            <span>\u20ac18.000<\/span>\r\n                        <\/div>\r\n                        <div class=\"breakdown-item\">\r\n                            <span>Servidores y hosting m\u00e9dico<\/span>\r\n                            <span>\u20ac12.000<\/span>\r\n                        <\/div>\r\n                        <div class=\"breakdown-item\">\r\n                            <span>Programador dedicado<\/span>\r\n                            <span>\u20ac15.000<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div>\r\n                        <div class=\"breakdown-item\">\r\n                            <span>Dominios y seguridad<\/span>\r\n                            <span>\u20ac2.200<\/span>\r\n                        <\/div>\r\n                        <div class=\"breakdown-item\">\r\n                            <span>Mantenimiento 24\/7<\/span>\r\n                            <span>\u20ac1.500<\/span>\r\n                        <\/div>\r\n                        <div class=\"breakdown-item\">\r\n                            <span>TOTAL INVERSI\u00d3N ANUAL<\/span>\r\n                            <span>\u20ac48.700<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"total-investment\">\u20ac48.700<\/div>\r\n                <p>Para hacer posible que Olas de Vida sea <strong>completamente gratuito<\/strong> para pacientes y hospitales<\/p>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Lo que Recibe la Empresa -->\r\n        <section class=\"benefits-section\">\r\n            <h2 class=\"section-title\" style=\"color: white;\">Lo que Recibe la Empresa que Hace Esto Posible<\/h2>\r\n            \r\n            <div class=\"benefits-grid\">\r\n                <div class=\"benefit-card\">\r\n                    <div class=\"card-icon\">\ud83c\udf1f<\/div>\r\n                    <h3 class=\"card-title\">Exclusividad Total<\/h3>\r\n                    <p>Ser\u00e1s el \u00fanico partner de Olas de Vida. Tu marca estar\u00e1 vinculada a esta causa de por vida.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"benefit-card\">\r\n                    <div class=\"card-icon\">\ud83d\udc9d<\/div>\r\n                    <h3 class=\"card-title\">Legado de Esperanza<\/h3>\r\n                    <p>Cada paciente ayudado llevar\u00e1 tu nombre en su coraz\u00f3n. Impacto real medible en vidas.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"benefit-card\">\r\n                    <div class=\"card-icon\">\ud83d\ude80<\/div>\r\n                    <h3 class=\"card-title\">Plataforma Completa<\/h3>\r\n                    <p>Ces\u00ed\u00f3n total de olasdevida.es durante la vigencia del acuerdo. Todo incluido, todo gestionado.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- CTA Final -->\r\n        <section class=\"cta-section\">\r\n            <h2 class=\"section-title\">\u00bfUna Empresa, Una Oportunidad, Eternas Olas de Vida?<\/h2>\r\n            <p style=\"font-size: 1.2rem; margin-bottom: 2rem; max-width: 600px; margin-left: auto; margin-right: auto;\">\r\n                Esta no es una compra. Es la oportunidad de que tu empresa sea recordada como la que hizo posible la esperanza.\r\n            <\/p>\r\n            \r\n            <div class=\"cta-buttons\">\r\n                <a href=\"#\" class=\"cta-btn\">\r\n                    <span class=\"btn-icon\">\ud83d\udc8c<\/span>\r\n                    Conocer la Historia Completa\r\n                <\/a>\r\n                <a href=\"#\" class=\"cta-btn\">\r\n                    <span class=\"btn-icon\">\ud83c\udf0a<\/span>\r\n                    Ver Olas de Vida en Acci\u00f3n\r\n                <\/a>\r\n                <a href=\"#\" class=\"cta-btn\">\r\n                    <span class=\"btn-icon\">\ud83e\udd1d<\/span>\r\n                    Ser el Partner de la Esperanza\r\n                <\/a>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- Footer -->\r\n        <footer class=\"cause-footer\">\r\n            <div class=\"cause-logo\" style=\"font-size: 2.5rem;\">Olas de Vida<\/div>\r\n            <p style=\"opacity: 0.8; margin-top: 1rem; max-width: 500px; margin-left: auto; margin-right: auto;\">\r\n                Un proyecto del coraz\u00f3n, hecho posible por empresas con alma. \r\n                El regalo de la esperanza, financiado por la generosidad.\r\n            <\/p>\r\n        <\/footer>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Olas de Vida &#8211; Una Causa, Una Oportunidad \u00danica Olas de Vida De un paciente de c\u00e1ncer para todos los que necesitan esperanza Una Oportunidad \u00danica para Una Empresa con Coraz\u00f3n Esta No Es Una Venta. Es Una Causa. \u00abDurante mi tratamiento contra el c\u00e1ncer, entend\u00ed que la tecnolog\u00eda pod\u00eda ser el puente entre la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/5.olasdevida.es\/index.php\/wp-json\/wp\/v2\/pages\/178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/5.olasdevida.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/5.olasdevida.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/5.olasdevida.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/5.olasdevida.es\/index.php\/wp-json\/wp\/v2\/comments?post=178"}],"version-history":[{"count":4,"href":"https:\/\/5.olasdevida.es\/index.php\/wp-json\/wp\/v2\/pages\/178\/revisions"}],"predecessor-version":[{"id":182,"href":"https:\/\/5.olasdevida.es\/index.php\/wp-json\/wp\/v2\/pages\/178\/revisions\/182"}],"wp:attachment":[{"href":"https:\/\/5.olasdevida.es\/index.php\/wp-json\/wp\/v2\/media?parent=178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}