{"id":10194,"date":"2026-02-20T10:56:41","date_gmt":"2026-02-20T10:56:41","guid":{"rendered":"https:\/\/www.switchfleet.com\/?page_id=10194"},"modified":"2026-02-20T11:19:44","modified_gmt":"2026-02-20T11:19:44","slug":"switchfleet-pro-herramienta-ev-zen","status":"publish","type":"page","link":"https:\/\/www.switchfleet.com\/en\/switchfleet-pro-herramienta-ev-zen\/","title":{"rendered":"SwitchFleet Pro – Herramienta EV Zen"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t

\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t
    \r\n\t\t\t\t\t\t\t\t\t
  • \r\n\t\t\t\t\t\t\tDescarboniza\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t\t\t
  • \r\n\t\t\t\t\t\t\tOptimiza\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t\t\t
  • \r\n\t\t\t\t\t\t\tMejora\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t\t\t
  • \r\n\t\t\t\t\t\t\tAhorra con\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t<\/div>\r\n\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\ttu trayecto con<\/span>\r\n\t\t\t\t<\/span>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t
    \n\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    SwitcFleet.<\/b>ZEN \ud83e\uddd8\ud83c\udffc<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

    \n\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t
    <\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n EV Tranquility - Libertad sin emisiones<\/title>\r\n <!-- Tailwind CSS for modern, responsive styling -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Google Fonts: Raleway for elegant corporate legibility -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Raleway:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <script>\r\n tailwind.config = {\r\n \/\/ \u00a1CLAVE! Scope de !important: Fuerza a Tailwind a ganar a Elementor SOLO dentro de la app\r\n important: '#ev-tranquility-app', \r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Raleway', 'sans-serif'],\r\n },\r\n colors: {\r\n brand: {\r\n light: 'var(--color-brand-light)',\r\n DEFAULT: 'var(--color-brand)',\r\n alt: 'var(--color-brand-alt)',\r\n dark: 'var(--color-brand-dark)',\r\n },\r\n accent: {\r\n DEFAULT: 'var(--color-accent)',\r\n dark: 'var(--color-accent-dark)',\r\n light: 'var(--color-accent-light)'\r\n },\r\n ui: {\r\n bg: 'var(--color-ui-bg)',\r\n card: 'var(--color-ui-card)',\r\n text: 'var(--color-ui-text)',\r\n textLight: 'var(--color-ui-text-light)'\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <style>\r\n \/* Vinculamos las variables al ID principal para m\u00e1xima prioridad sobre Elementor *\/\r\n #ev-tranquility-app {\r\n \/* ========================================================= *\/\r\n \/* \ud83c\udfa8 COLORES CORPORATIVOS SWITCH (Edita los HEX aqu\u00ed) *\/\r\n \/* ========================================================= *\/\r\n --color-brand: #018391; \/* Verde principal *\/\r\n --color-brand-dark: #314158; \/* Azul oscuro (Textos principales) *\/\r\n --color-brand-light: #86cedc; \/* Azul claro *\/\r\n --color-brand-alt: #42a5a1; \/* Otro verde *\/\r\n \r\n --color-accent: #F7D32E; \/* Amarillo Switch *\/\r\n --color-accent-dark: #D4B620; \/* Amarillo (oscuro) *\/\r\n --color-accent-light: #fefce8; \/* Amarillo muy claro (fondos avisos) *\/\r\n \r\n --color-ui-text-light: #90A1B9; \/* Gris corporativo (Textos secundarios) *\/\r\n \r\n --color-ui-bg: transparent; \/* Transparente para heredar el fondo de Elementor *\/\r\n --color-ui-card: #ffffff; \/* Fondo de las tarjetas blancas *\/\r\n --color-ui-text: #314158; \/* Texto base (Igual que Azul oscuro) *\/\r\n\r\n background-color: var(--color-ui-bg) !important;\r\n color: var(--color-ui-text) !important;\r\n -webkit-tap-highlight-color: transparent;\r\n }\r\n\r\n \/* ========================================================= *\/\r\n \/* \ud83d\udee1\ufe0f CONTRA-C\u00d3DIGO: RESET DE BOTONES (Vence al tema de WP) *\/\r\n \/* ========================================================= *\/\r\n #ev-tranquility-app button {\r\n background-color: transparent !important;\r\n background-image: none !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n \/* Custom Range Slider Styling for Mobile-First feel *\/\r\n #ev-tranquility-app input[type=range] {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n background: transparent !important;\r\n }\r\n #ev-tranquility-app input[type=range]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n height: 28px; \/* Un poco m\u00e1s grande para mejor usabilidad *\/\r\n width: 28px;\r\n border-radius: 50%;\r\n background: var(--color-brand) !important; \/* corporate green *\/\r\n cursor: pointer;\r\n margin-top: -10px;\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;\r\n }\r\n #ev-tranquility-app input[type=range]::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 8px;\r\n cursor: pointer;\r\n background: #e2e8f0 !important;\r\n border-radius: 4px;\r\n }\r\n #ev-tranquility-app input[type=range]:focus {\r\n outline: none !important;\r\n }\r\n\r\n \/* Flashcard Flip Animation *\/\r\n #ev-tranquility-app .flip-card {\r\n background-color: transparent !important;\r\n height: 220px; \/* Tarjetas ligeramente m\u00e1s altas para el texto extra *\/\r\n perspective: 1000px;\r\n cursor: pointer;\r\n }\r\n #ev-tranquility-app .flip-card-inner {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n transform-style: preserve-3d;\r\n }\r\n #ev-tranquility-app .flip-card.flipped .flip-card-inner {\r\n transform: rotateY(180deg);\r\n }\r\n #ev-tranquility-app .flip-card-front, \r\n #ev-tranquility-app .flip-card-back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n border-radius: 1rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1.5rem;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;\r\n }\r\n #ev-tranquility-app .flip-card-front {\r\n background-color: var(--color-ui-card) !important;\r\n border: 2px solid var(--color-brand-light) !important;\r\n color: var(--color-ui-text) !important; \/* Fuerza color de texto oscuro *\/\r\n }\r\n #ev-tranquility-app .flip-card-back {\r\n background-color: var(--color-brand) !important;\r\n color: #ffffff !important; \/* Fuerza texto blanco en reverso *\/\r\n transform: rotateY(180deg);\r\n }\r\n\r\n \/* Chart Animations *\/\r\n #ev-tranquility-app .bar-fill {\r\n transition: height 0.8s ease-out;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"antialiased min-h-screen\">\r\n\r\n <!-- ESCUDO ELEMENTOR: Todo el contenido va dentro de este ID para proteger sus estilos y evitar usar etiquetas <header> o <main> -->\r\n <div id=\"ev-tranquility-app\" class=\"flex flex-col min-h-screen text-base md:text-lg\">\r\n\r\n <!-- Top Navigation Area (Simulando header pero usando un div) -->\r\n <div class=\"bg-white !bg-white shadow-sm sticky top-0 z-50\">\r\n <div class=\"w-full mx-auto px-4 md:px-8 py-5 flex justify-between items-center\">\r\n <div>\r\n <h1 class=\"text-3xl font-bold text-brand-dark flex items-center gap-2\">\r\n <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n EV Tranquility\r\n <\/h1>\r\n <p class=\"text-sm text-ui-textLight mt-1\">Fluye por la carretera. Libertad sin emisiones.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Navigation Tabs -->\r\n <nav class=\"flex border-b border-gray-200\">\r\n <button onclick=\"uiController.switchTab('viaje')\" id=\"tab-viaje\" class=\"flex-1 py-4 text-center text-lg font-bold text-brand-dark border-b-[3px] border-brand transition-colors bg-transparent !bg-transparent\">Ruta Zen<\/button>\r\n <button onclick=\"uiController.switchTab('ahorro')\" id=\"tab-ahorro\" class=\"flex-1 py-4 text-center text-lg font-bold text-gray-400 border-b-[3px] border-transparent hover:text-gray-600 transition-colors bg-transparent !bg-transparent\">Ahorro<\/button>\r\n <button onclick=\"uiController.switchTab('aprende')\" id=\"tab-aprende\" class=\"flex-1 py-4 text-center text-lg font-bold text-gray-400 border-b-[3px] border-transparent hover:text-gray-600 transition-colors bg-transparent !bg-transparent\">Mitos<\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <!-- Content Area (Simulando main pero usando div) -->\r\n <div class=\"flex-1 w-full mx-auto p-4 md:p-8 pb-24\">\r\n\r\n <!-- M\u00d3DULO A: Calculadora de Viaje (Ruta Zen) -->\r\n <section id=\"sec-viaje\" class=\"space-y-8 animate-fade-in\">\r\n <div class=\"bg-white !bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100\">\r\n <h2 class=\"text-2xl font-bold mb-4 text-brand-dark\">Planificador de tranquilidad<\/h2>\r\n <p class=\"text-ui-textLight mb-8 text-base\">Descubre que llegar a tu destino es mucho m\u00e1s f\u00e1cil de lo que crees. Cero estr\u00e9s.<\/p>\r\n\r\n <div class=\"space-y-8\">\r\n <!-- Distancia -->\r\n <div>\r\n <div class=\"flex justify-between mb-2\">\r\n <label class=\"font-bold text-base text-brand-dark\">Distancia del viaje<\/label>\r\n <span id=\"val-distancia\" class=\"font-bold text-xl text-brand\">300 km<\/span>\r\n <\/div>\r\n <input type=\"range\" id=\"in-distancia\" min=\"50\" max=\"1000\" step=\"10\" value=\"300\" oninput=\"appLogic.updateViajeUI()\">\r\n <\/div>\r\n\r\n <!-- Bater\u00eda Inicial -->\r\n <div>\r\n <div class=\"flex justify-between mb-2\">\r\n <label class=\"font-bold text-base text-brand-dark\">Bater\u00eda al salir<\/label>\r\n <span id=\"val-bateria-ini\" class=\"font-bold text-xl text-brand\">100 %<\/span>\r\n <\/div>\r\n <input type=\"range\" id=\"in-bateria-ini\" min=\"10\" max=\"100\" step=\"5\" value=\"100\" oninput=\"appLogic.updateViajeUI()\">\r\n <\/div>\r\n\r\n <!-- Veh\u00edculo settings (Grid) -->\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 pt-6 border-t border-gray-100\">\r\n <div>\r\n <label class=\"block font-bold text-sm text-ui-textLight mb-2\">Capacidad Bater\u00eda (kWh)<\/label>\r\n <input type=\"number\" id=\"in-capacidad\" value=\"60\" class=\"w-full p-4 rounded-xl bg-gray-50 border border-gray-200 focus:ring-2 focus:ring-brand focus:outline-none text-xl font-bold text-brand-dark\" onchange=\"appLogic.updateViajeUI()\">\r\n <\/div>\r\n <div>\r\n <label class=\"block font-bold text-sm text-ui-textLight mb-2\">Consumo (kWh\/100km)<\/label>\r\n <input type=\"number\" id=\"in-consumo\" value=\"18\" step=\"0.5\" class=\"w-full p-4 rounded-xl bg-gray-50 border border-gray-200 focus:ring-2 focus:ring-brand focus:outline-none text-xl font-bold text-brand-dark\" onchange=\"appLogic.updateViajeUI()\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Resultado del Viaje -->\r\n <div id=\"res-viaje\" class=\"bg-brand-light !bg-brand-light rounded-2xl p-6 md:p-8 border border-brand\/20 transition-all duration-300\">\r\n <!-- Contenido inyectado por JS -->\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- M\u00d3DULO B: Calculadora de Ahorro -->\r\n <section id=\"sec-ahorro\" class=\"space-y-8 hidden\">\r\n <div class=\"bg-white !bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100\">\r\n <h2 class=\"text-2xl font-bold mb-4 text-brand-dark\">Tu libertad financiera<\/h2>\r\n <p class=\"text-ui-textLight mb-8 text-base\">Comprueba cu\u00e1nto dejas de regalar a las gasolineras cada a\u00f1o.<\/p>\r\n\r\n <div class=\"space-y-8\">\r\n <!-- KM Anuales -->\r\n <div>\r\n <div class=\"flex justify-between mb-2\">\r\n <label class=\"font-bold text-base text-brand-dark\">Kil\u00f3metros anuales<\/label>\r\n <span id=\"val-km-ano\" class=\"font-bold text-xl text-brand\">20,000 km<\/span>\r\n <\/div>\r\n <input type=\"range\" id=\"in-km-ano\" min=\"5000\" max=\"50000\" step=\"1000\" value=\"20000\" oninput=\"appLogic.updateAhorroUI()\">\r\n <\/div>\r\n\r\n <!-- H\u00e1bitos de Carga -->\r\n <div>\r\n <div class=\"flex justify-between mb-2\">\r\n <label class=\"font-bold text-base text-brand-dark\">Carga en casa vs P\u00fablica<\/label>\r\n <span id=\"val-ratio-carga\" class=\"font-bold text-xl text-brand\">80% Casa \/ 20% P\u00fablica<\/span>\r\n <\/div>\r\n <input type=\"range\" id=\"in-ratio-carga\" min=\"0\" max=\"100\" step=\"5\" value=\"80\" oninput=\"appLogic.updateAhorroUI()\">\r\n <\/div>\r\n\r\n <!-- Ajustes avanzados -->\r\n <details class=\"group bg-gray-50 !bg-gray-50 p-4 rounded-xl border border-gray-100\">\r\n <summary class=\"flex items-center cursor-pointer font-bold text-base text-brand\">\r\n <svg class=\"w-5 h-5 mr-2 transition-transform group-open:rotate-90\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\r\n Ajustar precios y consumos\r\n <\/summary>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 pt-6 mt-2 border-t border-gray-200\">\r\n <div>\r\n <label class=\"block text-sm font-semibold text-ui-textLight mb-1\">Precio Gasolina (\u20ac\/L)<\/label>\r\n <input type=\"number\" id=\"in-precio-gas\" value=\"1.45\" step=\"0.05\" class=\"w-full p-3 rounded-lg bg-white border border-gray-200 text-base font-bold text-brand-dark\" onchange=\"appLogic.updateAhorroUI()\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-semibold text-ui-textLight mb-1\">Consumo Gasolina (L\/100km)<\/label>\r\n <input type=\"number\" id=\"in-cons-gas\" value=\"7\" step=\"0.5\" class=\"w-full p-3 rounded-lg bg-white border border-gray-200 text-base font-bold text-brand-dark\" onchange=\"appLogic.updateAhorroUI()\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-semibold text-ui-textLight mb-1\">Tarifa Casa (\u20ac\/kWh)<\/label>\r\n <input type=\"number\" id=\"in-precio-casa\" value=\"0.15\" step=\"0.01\" class=\"w-full p-3 rounded-lg bg-white border border-gray-200 text-base font-bold text-brand-dark\" onchange=\"appLogic.updateAhorroUI()\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-semibold text-ui-textLight mb-1\">Tarifa P\u00fablica (\u20ac\/kWh)<\/label>\r\n <input type=\"number\" id=\"in-precio-pub\" value=\"0.60\" step=\"0.05\" class=\"w-full p-3 rounded-lg bg-white border border-gray-200 text-base font-bold text-brand-dark\" onchange=\"appLogic.updateAhorroUI()\">\r\n <\/div>\r\n <div class=\"md:col-span-2\">\r\n <label class=\"block text-sm font-semibold text-ui-textLight mb-1\">Consumo VE (kWh\/100km)<\/label>\r\n <input type=\"number\" id=\"in-cons-ve\" value=\"20\" step=\"0.5\" class=\"w-full p-3 rounded-lg bg-white border border-gray-200 text-base font-bold text-brand-dark\" onchange=\"appLogic.updateAhorroUI()\">\r\n <\/div>\r\n <\/div>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Gr\u00e1fico de Ahorro -->\r\n <div class=\"bg-white !bg-white rounded-2xl p-6 md:p-8 shadow-sm border border-gray-100 flex flex-col items-center\">\r\n <h3 class=\"text-2xl font-bold mb-8 text-brand-dark\">Gasto Anual Estimado<\/h3>\r\n <div class=\"flex items-end justify-center gap-12 h-56 w-full max-w-sm mb-6\">\r\n <!-- Barra Combusti\u00f3n -->\r\n <div class=\"flex flex-col items-center w-28\">\r\n <span id=\"lbl-gasto-gas\" class=\"font-bold text-xl text-gray-500 mb-2\">0\u20ac<\/span>\r\n <div id=\"bar-gas\" class=\"w-full bg-gray-300 rounded-t-lg bar-fill\" style=\"height: 100%;\"><\/div>\r\n <span class=\"text-base font-bold mt-3 text-gray-500\">Combusti\u00f3n<\/span>\r\n <\/div>\r\n <!-- Barra VE -->\r\n <div class=\"flex flex-col items-center w-28\">\r\n <span id=\"lbl-gasto-ve\" class=\"font-bold text-xl text-brand mb-2\">0\u20ac<\/span>\r\n <div id=\"bar-ve\" class=\"w-full bg-brand rounded-t-lg bar-fill shadow-[0_0_20px_rgba(1,131,145,0.4)]\" style=\"height: 30%;\"><\/div>\r\n <span class=\"text-base font-bold mt-3 text-brand\">El\u00e9ctrico<\/span>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"w-full text-center mt-6 p-6 bg-brand-light !bg-brand-light rounded-xl border border-brand\/20\">\r\n <p class=\"text-base font-semibold text-brand-dark mb-2\">Ahorro en tu bolsillo cada a\u00f1o<\/p>\r\n <p id=\"lbl-ahorro-total\" class=\"text-4xl font-extrabold text-brand-dark\">+0 \u20ac<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- M\u00d3DULO C: Sab\u00edas que... (Glosario Educativo) -->\r\n <section id=\"sec-aprende\" class=\"space-y-6 hidden\">\r\n <div class=\"mb-6\">\r\n <h2 class=\"text-2xl font-bold text-brand-dark\">Desmintiendo mitos<\/h2>\r\n <p class=\"text-ui-textLight text-base mt-2\">Toca las tarjetas para descubrir la verdad (con datos).<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n <!-- Tarjeta 1 -->\r\n <div class=\"flip-card\" onclick=\"this.classList.toggle('flipped')\">\r\n <div class=\"flip-card-inner\">\r\n <div class=\"flip-card-front\">\r\n <h3 class=\"font-bold text-xl text-brand-dark flex flex-col items-center gap-3\">\r\n <svg class=\"w-10 h-10 text-brand\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n \u00bfkW o kWh?\r\n <\/h3>\r\n <\/div>\r\n <div class=\"flip-card-back flex-col p-6\">\r\n <h4 class=\"font-bold text-lg mb-3\">La regla del grifo<\/h4>\r\n <p class=\"text-base\">El <strong>kW<\/strong> es la potencia (la fuerza con la que sale el agua). El <strong>kWh<\/strong> es la capacidad de la bater\u00eda (el tama\u00f1o de la ba\u00f1era que llenas).<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tarjeta 2 -->\r\n <div class=\"flip-card\" onclick=\"this.classList.toggle('flipped')\">\r\n <div class=\"flip-card-inner\">\r\n <div class=\"flip-card-front\">\r\n <h3 class=\"font-bold text-xl text-brand-dark flex flex-col items-center gap-3\">\r\n <svg class=\"w-10 h-10 text-brand\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n Eficiencia Real\r\n <\/h3>\r\n <\/div>\r\n <div class=\"flip-card-back flex-col p-6\">\r\n <h4 class=\"font-bold text-lg mb-3\">El motor antiguo derrocha<\/h4>\r\n <p class=\"text-base\">Con 50\u20ac recorres ~530 km en un gasolina (la energ\u00eda se pierde en calor). \u00a1Con el mismo dinero cargas para hacer hasta 1.449 km en un el\u00e9ctrico!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tarjeta 3 -->\r\n <div class=\"flip-card\" onclick=\"this.classList.toggle('flipped')\">\r\n <div class=\"flip-card-inner\">\r\n <div class=\"flip-card-front\">\r\n <h3 class=\"font-bold text-xl text-brand-dark flex flex-col items-center gap-3\">\r\n <svg class=\"w-10 h-10 text-brand\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\r\n Adi\u00f3s al Taller\r\n <\/h3>\r\n <\/div>\r\n <div class=\"flip-card-back flex-col p-6\">\r\n <h4 class=\"font-bold text-lg mb-3\">Simplicidad mec\u00e1nica<\/h4>\r\n <p class=\"text-base\">Mantener un VE cuesta un 30-50% menos. Olv\u00eddate de aceite, buj\u00edas o correas de distribuci\u00f3n. Menos piezas = menos aver\u00edas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tarjeta 4 -->\r\n <div class=\"flip-card\" onclick=\"this.classList.toggle('flipped')\">\r\n <div class=\"flip-card-inner\">\r\n <div class=\"flip-card-front\">\r\n <h3 class=\"font-bold text-xl text-brand-dark flex flex-col items-center gap-3\">\r\n <svg class=\"w-10 h-10 text-brand\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"><\/path><\/svg>\r\n El Rey de la Ciudad\r\n <\/h3>\r\n <\/div>\r\n <div class=\"flip-card-back flex-col p-6\">\r\n <h4 class=\"font-bold text-lg mb-3\">Frenada Inteligente<\/h4>\r\n <p class=\"text-base\">En atascos, un coche normal dispara su consumo. El el\u00e9ctrico usa la frenada para recargar. \u00a1En ciudad consume menos que en autopista!<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div> <!-- End of ev-main -->\r\n <\/div> <!-- End of ev-tranquility-app -->\r\n\r\n <!-- Core Application Logic -->\r\n <script>\r\n \/**\r\n * EV Tranquility Core Logic\r\n *\/\r\n const coreMath = {\r\n \/\/ M\u00f3dulo A: L\u00f3gica de Viaje\r\n calcularViaje: (distancia, bateriaInicialSoc, capacidadBat, consumo) => {\r\n const MARGEN_SEGURIDAD = 15; \/\/ 15% de margen al llegar\r\n const POTENCIA_CARGADOR = 100; \/\/ kW (Carga r\u00e1pida promedio realista)\r\n\r\n const energiaDisponibleActual = (capacidadBat * bateriaInicialSoc) \/ 100;\r\n const energiaNecesariaTotal = (distancia \/ 100) * consumo;\r\n const energiaReserva = (capacidadBat * MARGEN_SEGURIDAD) \/ 100;\r\n \r\n const energiaUtilizable = energiaDisponibleActual - energiaReserva;\r\n\r\n let paradas = 0;\r\n let tiempoRecargaMinutos = 0;\r\n\r\n if (energiaNecesariaTotal > energiaUtilizable) {\r\n const energiaFaltante = energiaNecesariaTotal - energiaUtilizable;\r\n \/\/ Asumimos cargar del 15% al 80% en las paradas r\u00e1pidas (65% de la bater\u00eda \u00fatil por parada)\r\n const energiaPorParada = capacidadBat * 0.65;\r\n \r\n paradas = Math.ceil(energiaFaltante \/ energiaPorParada);\r\n tiempoRecargaMinutos = Math.round((energiaFaltante \/ POTENCIA_CARGADOR) * 60);\r\n }\r\n\r\n const autonomiaMaxima = Math.round((capacidadBat \/ consumo) * 100);\r\n\r\n return {\r\n paradas,\r\n tiempoRecargaMinutos,\r\n autonomiaMaxima,\r\n llegaSinParar: paradas === 0\r\n };\r\n },\r\n\r\n \/\/ M\u00f3dulo B: L\u00f3gica de Ahorro\r\n calcularAhorro: (kmAnuales, porcentajeCasa, consumoGas, precioGas, consVe, precioCasa, precioPub) => {\r\n const porcentajePub = 100 - porcentajeCasa;\r\n\r\n const gastoGasAnual = (kmAnuales \/ 100) * consumoGas * precioGas;\r\n\r\n const gastoVeCasa = ((kmAnuales * porcentajeCasa) \/ 10000) * consVe * precioCasa;\r\n const gastoVePub = ((kmAnuales * porcentajePub) \/ 10000) * consVe * precioPub;\r\n const gastoVeTotal = gastoVeCasa + gastoVePub;\r\n\r\n const ahorroTotal = gastoGasAnual - gastoVeTotal;\r\n\r\n return {\r\n gastoGasAnual: Math.round(gastoGasAnual),\r\n gastoVeTotal: Math.round(gastoVeTotal),\r\n ahorroTotal: Math.round(ahorroTotal)\r\n };\r\n }\r\n };\r\n\r\n \/**\r\n * UI Controller\r\n *\/\r\n const uiController = {\r\n init: () => {\r\n appLogic.updateViajeUI();\r\n appLogic.updateAhorroUI();\r\n },\r\n\r\n switchTab: (tabId) => {\r\n ['viaje', 'ahorro', 'aprende'].forEach(id => {\r\n document.getElementById(`sec-${id}`).classList.add('hidden');\r\n const tabBtn = document.getElementById(`tab-${id}`);\r\n tabBtn.classList.remove('text-brand-dark', 'border-brand');\r\n tabBtn.classList.add('text-gray-400', 'border-transparent');\r\n });\r\n\r\n document.getElementById(`sec-${tabId}`).classList.remove('hidden');\r\n document.getElementById(`sec-${tabId}`).classList.add('animate-fade-in'); \r\n \r\n const activeTabBtn = document.getElementById(`tab-${tabId}`);\r\n activeTabBtn.classList.remove('text-gray-400', 'border-transparent');\r\n activeTabBtn.classList.add('text-brand-dark', 'border-brand');\r\n\r\n if(tabId === 'ahorro') {\r\n setTimeout(() => appLogic.updateAhorroUI(), 50);\r\n }\r\n }\r\n };\r\n\r\n \/**\r\n * App Logic\r\n *\/\r\n const appLogic = {\r\n updateViajeUI: () => {\r\n const distancia = parseFloat(document.getElementById('in-distancia').value);\r\n const batIni = parseFloat(document.getElementById('in-bateria-ini').value);\r\n const capacidad = parseFloat(document.getElementById('in-capacidad').value) || 60;\r\n const consumo = parseFloat(document.getElementById('in-consumo').value) || 18;\r\n\r\n document.getElementById('val-distancia').innerText = `${distancia} km`;\r\n document.getElementById('val-bateria-ini').innerText = `${batIni} %`;\r\n\r\n const res = coreMath.calcularViaje(distancia, batIni, capacidad, consumo);\r\n const contenedorRes = document.getElementById('res-viaje');\r\n \r\n if (res.llegaSinParar) {\r\n contenedorRes.innerHTML = `\r\n <div class=\"flex items-center gap-5 text-brand-dark\">\r\n <div class=\"bg-white p-4 rounded-full shadow-sm shrink-0\">\r\n <svg class=\"w-10 h-10 text-brand\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <h3 class=\"font-bold text-xl\">Viaje directo, cero estr\u00e9s<\/h3>\r\n <p class=\"text-base mt-2\">Llegas del tir\u00f3n. Te sobrar\u00e1 m\u00e1s de un 15% de bater\u00eda al llegar a tu destino.<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n contenedorRes.className = 'bg-brand-light !bg-brand-light rounded-2xl p-6 md:p-8 border border-brand\/20 transition-all duration-300';\r\n } else {\r\n contenedorRes.innerHTML = `\r\n <div class=\"flex items-start gap-5 text-ui-text\">\r\n <div class=\"bg-white p-4 rounded-full shadow-sm shrink-0\">\r\n <svg class=\"w-10 h-10 text-accent-dark\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\r\n <\/div>\r\n <div class=\"w-full\">\r\n <h3 class=\"font-bold text-xl\">Viaje tranquilo con ${res.paradas} ${res.paradas === 1 ? 'parada' : 'paradas'}<\/h3>\r\n <p class=\"text-base mt-2 mb-4 text-ui-textLight\">Para recorrer estos ${distancia} km con total seguridad, solo necesitas estirar las piernas.<\/p>\r\n <div class=\"bg-white rounded-xl p-4 flex justify-between items-center text-base shadow-sm\">\r\n <span class=\"font-bold text-ui-textLight\">Tiempo total de carga est.:<\/span>\r\n <span class=\"font-bold text-brand text-xl\">${res.tiempoRecargaMinutos} min<\/span>\r\n <\/div>\r\n <p class=\"text-sm text-ui-textLight mt-3\">*C\u00e1lculo asegurando un 15% de bater\u00eda al llegar.<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n contenedorRes.className = 'bg-accent-light !bg-accent-light rounded-2xl p-6 md:p-8 border border-accent\/20 transition-all duration-300';\r\n }\r\n },\r\n\r\n updateAhorroUI: () => {\r\n const km = parseFloat(document.getElementById('in-km-ano').value);\r\n const ratioCasa = parseFloat(document.getElementById('in-ratio-carga').value);\r\n \r\n const consGas = parseFloat(document.getElementById('in-cons-gas').value) || 7;\r\n const precGas = parseFloat(document.getElementById('in-precio-gas').value) || 1.45;\r\n const consVe = parseFloat(document.getElementById('in-cons-ve').value) || 20;\r\n const precCasa = parseFloat(document.getElementById('in-precio-casa').value) || 0.15;\r\n const precPub = parseFloat(document.getElementById('in-precio-pub').value) || 0.60;\r\n\r\n document.getElementById('val-km-ano').innerText = `${km.toLocaleString('es-ES')} km`;\r\n document.getElementById('val-ratio-carga').innerText = `${ratioCasa}% Casa \/ ${100 - ratioCasa}% P\u00fab.`;\r\n\r\n const res = coreMath.calcularAhorro(km, ratioCasa, consGas, precGas, consVe, precCasa, precPub);\r\n\r\n document.getElementById('lbl-gasto-gas').innerText = `${res.gastoGasAnual.toLocaleString('es-ES')}\u20ac`;\r\n document.getElementById('lbl-gasto-ve').innerText = `${res.gastoVeTotal.toLocaleString('es-ES')}\u20ac`;\r\n document.getElementById('lbl-ahorro-total').innerText = `+${res.ahorroTotal.toLocaleString('es-ES')} \u20ac`;\r\n\r\n const maxGasto = Math.max(res.gastoGasAnual, res.gastoVeTotal);\r\n \r\n const alturaGas = maxGasto > 0 ? (res.gastoGasAnual \/ maxGasto) * 100 : 0;\r\n const alturaVe = maxGasto > 0 ? (res.gastoVeTotal \/ maxGasto) * 100 : 0;\r\n\r\n document.getElementById('bar-gas').style.height = `${alturaGas}%`;\r\n document.getElementById('bar-ve').style.height = `${alturaVe}%`;\r\n }\r\n };\r\n\r\n document.addEventListener('DOMContentLoaded', uiController.init);\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b20b130 light-section elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b20b130\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-51294221\" data-id=\"51294221\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7b76c75 elementor-widget elementor-widget-menu-anchor\" data-id=\"7b76c75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"soporte\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ecb66c9 elementor-widget elementor-widget-heading\" data-id=\"4ecb66c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cont\u00e1ctanos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7bcd9f2e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7bcd9f2e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-56470db7\" data-id=\"56470db7\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-200e310e elementor-widget elementor-widget-hubspot-form\" data-id=\"200e310e\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"hubspot-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-element-200e310e{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20f6a51 elementor-widget elementor-widget-hubspot-form\" data-id=\"20f6a51\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"hubspot-form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t\t\t\t<script>\n\t\t\t\t\t\t\twindow.hsFormsOnReady = window.hsFormsOnReady || [];\n\t\t\t\t\t\t\twindow.hsFormsOnReady.push(()=>{\n\t\t\t\t\t\t\t\thbspt.forms.create({\n\t\t\t\t\t\t\t\t\tportalId: 144722784,\n\t\t\t\t\t\t\t\t\tformId: \"31766909-102f-4f61-adab-dc77621e8ee0\",\n\t\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1776237662000-1819006069\",\n\t\t\t\t\t\t\t\t\tregion: \"eu1\",\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t})});\n\t\t\t\t\t\t<\/script>\n\t\t\t\t\t\t<div class=\"hbspt-form\" id=\"hbspt-form-1776237662000-1819006069\"><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-14551d2\" data-id=\"14551d2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-667c9a48 elementor-widget elementor-widget-image\" data-id=\"667c9a48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"336\" src=\"https:\/\/www.switchfleet.com\/comp\/uploads\/Audi.png\" class=\"attachment-medium_large size-medium_large wp-image-6516\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50d7d51 elementor-widget elementor-widget-text-editor\" data-id=\"50d7d51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Contacto<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28e3d16 elementor-widget elementor-widget-text-editor\" data-id=\"28e3d16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>switch@switchfleet.com<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Descarboniza Optimiza Mejora Ahorra con tu trayecto con SwitcFleet.ZEN \ud83e\uddd8\ud83c\udffc EV Tranquility – Libertad sin emisiones EV Tranquility Fluye por la carretera. Libertad sin emisiones. Ruta Zen Ahorro Mitos Planificador de tranquilidad Descubre que llegar a tu destino es mucho m\u00e1s f\u00e1cil de lo que crees. Cero estr\u00e9s. Distancia del viaje 300 km Bater\u00eda al […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"content-type":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-10194","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/pages\/10194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/comments?post=10194"}],"version-history":[{"count":31,"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/pages\/10194\/revisions"}],"predecessor-version":[{"id":10226,"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/pages\/10194\/revisions\/10226"}],"wp:attachment":[{"href":"https:\/\/www.switchfleet.com\/en\/wp-json\/wp\/v2\/media?parent=10194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}