{"id":32205,"date":"2025-03-12T16:49:33","date_gmt":"2025-03-12T15:49:33","guid":{"rendered":"https:\/\/corahospitality.com\/calcolatore-roi\/"},"modified":"2026-07-22T10:59:18","modified_gmt":"2026-07-22T08:59:18","slug":"calculadora-de-roi","status":"publish","type":"page","link":"https:\/\/corahospitality.com\/es\/calculadora-de-roi\/","title":{"rendered":"Calcolatore ROI ES"},"content":{"rendered":"<div>\n<p>    <!DOCTYPE html><br \/>\n<html lang=\"es\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\"><br \/>\n    <title>Calculadora de Ahorro para Hoteles<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n        \/* Inline styles to ensure layout works properly *\/\n        body, html {\n            margin: 0;\n            padding: 0;\n            height: auto;\n            overflow-y: auto;\n            overflow-x: hidden;\n        }<\/p>\n<p>        .container {\n            width: 100%;\n            height: auto;\n            display: flex;\n            flex-direction: column;\n        }<\/p>\n<p>        .calculator-card {\n            flex: 0 1 auto;\n        }<\/p>\n<p>        .features-section {\n            margin-top: 20px;\n            padding: 20px;\n            position: relative;\n            background: #f7f9fc;\n            border-radius: 10px;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n            z-index: 1;\n        }<\/p>\n<p>        .loading {\n            animation: pulse 1.2s infinite;\n        }<\/p>\n<p>        .success-indicator {\n            color: #28a745;\n            margin-top: 10px;\n            font-weight: 500;\n        }<\/p>\n<p>        .btn-primary {\n            background: linear-gradient(135deg, #0056b3, #007bff);\n            color: white;\n            border: none;\n            padding: 12px 24px;\n            border-radius: 25px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }<\/p>\n<p>        .btn-primary:hover {\n            background: linear-gradient(135deg, #004494, #0062cc);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 8px rgba(0,0,0,0.15);\n        }<\/p>\n<p>        .btn-primary.disabled {\n            opacity: 0.6;\n            cursor: not-allowed;\n        }<\/p>\n<p>        .btn-secondary {\n            display: inline-block;\n            margin-left: 10px;\n            padding: 12px 24px;\n            background-color: transparent;\n            color: #007bff;\n            border: 1px solid #007bff;\n            border-radius: 25px;\n            font-weight: 600;\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }<\/p>\n<p>        .btn-secondary:hover {\n            background-color: rgba(0, 123, 255, 0.1);\n            transform: translateY(-2px);\n        }<\/p>\n<p>        .savings-card {\n            color: white;\n            background: var(--gradient);\n            border-radius: 10px;\n            padding: 20px;\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n        }<\/p>\n<p>        .savings-title {\n            color: white;\n            font-size: 1.2rem;\n            font-weight: 600;\n            text-align: center;\n        }<\/p>\n<p>        .savings-amount {\n            transition: all 0.3s ease;\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: white;\n            padding: 15px;\n            text-align: center;\n            margin: 15px 0;\n        }<\/p>\n<p>        .savings-description {\n            color: white;\n            text-align: center;\n        }<\/p>\n<p>        \/* CTA Button Styles *\/\n        .cta-demo-button {\n            display: block;\n            margin-top: 20px;\n            padding: 12px 20px;\n            background: linear-gradient(135deg, #0056b3, #007bff);\n            color: white;\n            text-align: center;\n            border-radius: 25px;\n            font-weight: 600;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        }<\/p>\n<p>        .cta-demo-button:hover {\n            background: linear-gradient(135deg, #004494, #0062cc);\n            transform: translateY(-2px);\n            box-shadow: 0 6px 8px rgba(0,0,0,0.15);\n        }<\/p>\n<p>        .cta-demo-button i {\n            margin-right: 8px;\n        }<\/p>\n<p>        \/* Benefits section always visible *\/\n        #benefits {\n            display: block !important;\n            visibility: visible !important;\n            margin-top: 20px;\n            padding: 15px;\n            background: #f8f9fa;\n            border-radius: 8px;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n        }<\/p>\n<p>        .benefit-item {\n            display: flex;\n            align-items: center;\n            margin-bottom: 15px;\n        }<\/p>\n<p>        .benefit-item i {\n            font-size: 24px;\n            color: #007bff;\n            margin-right: 15px;\n            width: 30px;\n            text-align: center;\n        }<\/p>\n<p>        .benefit-item h3 {\n            margin: 0 0 5px 0;\n            font-size: 18px;\n        }<\/p>\n<p>        .benefit-item p {\n            margin: 0;\n            color: #666;\n        }<\/p>\n<p>        @keyframes pulse {\n            0% { opacity: 0.4; }\n            50% { opacity: 1; }\n            100% { opacity: 0.4; }\n        }<\/p>\n<p>        @media (max-width: 768px) {\n            .calculator-content {\n                flex-direction: column;\n            }<\/p>\n<p>            .input-section, .results-section {\n                width: 100%;\n            }<\/p>\n<p>            .features-section {\n                margin-top: 10px;\n                padding: 15px;\n            }<\/p>\n<p>            .btn-secondary {\n                margin-left: 0;\n                margin-top: 10px;\n                width: 100%;\n                text-align: center;\n            }\n        }<\/p>\n<p>        @media (max-width: 480px) {\n            .header h1 {\n                font-size: 1.6rem;\n            }<\/p>\n<p>            .tagline {\n                font-size: 0.9rem;\n            }<\/p>\n<p>            .feature-card {\n                padding: 15px;\n                margin-bottom: 15px;\n            }<\/p>\n<p>            .benefit-item {\n                flex-direction: column;\n                text-align: center;\n                margin-bottom: 20px;\n            }<\/p>\n<p>            .benefit-item i {\n                margin-right: 0;\n                margin-bottom: 10px;\n                font-size: 28px;\n            }<\/p>\n<p>            .input-with-icon i {\n                font-size: 14px;\n            }<\/p>\n<p>            .calculator-card {\n                padding: 10px;\n            }<\/p>\n<p>            .savings-amount {\n                font-size: 2rem;\n                padding: 10px;\n            }\n        }<\/p>\n<p>        .calculator-content {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 20px;\n            margin-bottom: 20px;\n        }<\/p>\n<p>        .input-section {\n            flex: 1;\n            min-width: 300px;\n        }<\/p>\n<p>        .results-section {\n            flex: 1;\n            min-width: 300px;\n        }<\/p>\n<p>        .cta-section {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-top: 20px;\n            flex-wrap: wrap;\n            gap: 10px;\n        }<\/p>\n<p>        .email-capture .btn-primary,\n        .email-capture .btn-secondary {\n            width: 100%;\n            margin-top: 10px;\n            text-align: center;\n            margin-left: 0;\n            box-sizing: border-box;\n        }<\/p>\n<p>        .email-capture .btn-primary {\n            padding-top: 15px;\n            padding-bottom: 15px;\n            font-size: 1.1rem;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<header class=\"header\">\n<h1><span class=\"ez-toc-section\" id=\"Descubre_cuanto_puede_ahorrarte_Cora\"><\/span>Descubre cu\u00e1nto puede ahorrarte Cora<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<\/header>\n<div class=\"calculator-card\">\n<div class=\"calculator-content\">\n<div class=\"input-section\">\n<div class=\"input-group\">\n                        <label for=\"numRooms\">N\u00famero de Habitaciones<\/label><\/p>\n<div class=\"input-with-icon\">\n                            <i class=\"fas fa-hotel\"><\/i><br \/>\n                            <input type=\"number\" id=\"numRooms\" min=\"1\" value=\"50\" required>\n                        <\/div>\n<div class=\"slider-container\">\n                            <input type=\"range\" id=\"roomSlider\" min=\"1\" max=\"500\" value=\"50\" class=\"slider\"><\/p>\n<div class=\"slider-values\">\n                                <span>1<\/span><br \/>\n                                <span>500<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"input-group\">\n                        <label for=\"openDays\">D\u00edas de Apertura al A\u00f1o<\/label><\/p>\n<div class=\"input-with-icon\">\n                            <i class=\"fas fa-calendar-alt\"><\/i><br \/>\n                            <input type=\"number\" id=\"openDays\" min=\"1\" max=\"365\" value=\"365\" required>\n                        <\/div>\n<div class=\"slider-container\">\n                            <input type=\"range\" id=\"daysSlider\" min=\"1\" max=\"365\" value=\"365\" class=\"slider\"><\/p>\n<div class=\"slider-values\">\n                                <span>1<\/span><br \/>\n                                <span>365<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"email-capture\">\n<div class=\"input-group\">\n                            <label for=\"userEmail\">Tu Email para Conocer el Ahorro Anual Estimado<\/label><\/p>\n<div class=\"input-with-icon\">\n                                <i class=\"fas fa-envelope\"><\/i><br \/>\n                                <input type=\"email\" id=\"userEmail\" placeholder=\"Introduce tu correo electr\u00f3nico de empresa\" required>\n                            <\/div>\n<div class=\"consent-checkbox\">\n                                <input type=\"checkbox\" id=\"consent\" checked><br \/>\n                                <label for=\"consent\" class=\"checkbox-label\">Acepto recibir el an\u00e1lisis gratuito de ahorro y actualizaciones ocasionales<\/label>\n                            <\/div>\n<\/p><\/div>\n<p>                        <button id=\"calculateBtn\" class=\"btn-primary\">Calcula tu Ahorro<\/button><br \/>\n                        <a href=\"https:\/\/corahospitality.com\/es\/solicita-una-demo\/\" class=\"btn-secondary\">Solicita una Demo Detallada<\/a>\n                    <\/div>\n<\/p><\/div>\n<div class=\"results-section\">\n<div id=\"results-container\" class=\"hidden\">\n<div class=\"savings-card\">\n<div class=\"savings-title\">Ahorro Anual Estimado<\/div>\n<div class=\"savings-amount\">\u20ac<span id=\"savingsResult\">0<\/span><\/div>\n<div class=\"savings-description\">\n<p>Optimiza tus operaciones y reduce costes con la plataforma Cora basada en IA.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"email-teaser\" class=\"email-teaser\">\n                        <i class=\"fas fa-lock\"><\/i><\/p>\n<h3>Descubre tu Ahorro Personalizado<\/h3>\n<p>Introduce tu correo electr\u00f3nico para ver cu\u00e1nto podr\u00edas ahorrar con Cora.<\/p>\n<p class=\"guarantee\">Respetamos tu privacidad. Tu informe se enviar\u00e1 de inmediato.<\/p>\n<\/p><\/div>\n<div id=\"benefits\" class=\"benefits\">\n<div class=\"benefit-item\">\n                            <i class=\"fas fa-clock\"><\/i><\/p>\n<div>\n<h3>Tiempo Ahorrado<\/h3>\n<p>Automatiza las tareas repetitivas y optimiza las operaciones<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n                            <i class=\"fas fa-chart-line\"><\/i><\/p>\n<div>\n<h3>Aumento de la Eficiencia<\/h3>\n<p>Mejora la productividad del personal y la satisfacci\u00f3n de los hu\u00e9spedes<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"benefit-item\">\n                            <i class=\"fas fa-euro-sign\"><\/i><\/p>\n<div>\n<h3>Reducci\u00f3n de Costes<\/h3>\n<p>Reduce los gastos operativos y aumenta la rentabilidad<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><script>\nfunction initCoraCalculator() {\n    \/\/ Get DOM elements\n    const numRoomsInput = document.getElementById('numRooms');\n    const openDaysInput = document.getElementById('openDays');\n    const roomSlider = document.getElementById('roomSlider');\n    const daysSlider = document.getElementById('daysSlider');\n    const calculateBtn = document.getElementById('calculateBtn');\n    const savingsResult = document.getElementById('savingsResult');\n    const userEmail = document.getElementById('userEmail');\n    const resultsContainer = document.getElementById('results-container');\n    const emailTeaser = document.getElementById('email-teaser');\n    const benefits = document.getElementById('benefits');\n    const consentCheckbox = document.getElementById('consent');<\/p>\n<p>    \/\/ Initialize with default values\n    let numRooms = parseInt(numRoomsInput.value);\n    let openDays = parseInt(openDaysInput.value);\n    let emailProvided = false;<\/p>\n<p>    \/\/ Function to animate number with random values before showing final result\n    function animateNumber(element, finalValue, duration = 2000) {\n        const startTime = Date.now();\n        const endTime = startTime + duration;\n        const maxValue = finalValue * 2;<\/p>\n<p>        let currentValue = Math.round(Math.random() * finalValue);\n        element.textContent = formatCurrency(currentValue);<\/p>\n<p>        function updateNumber() {\n            const now = Date.now();<\/p>\n<p>            if (now >= endTime) {\n                element.textContent = formatCurrency(finalValue);\n                return;\n            }<\/p>\n<p>            const progress = (now - startTime) \/ duration;\n            const timeLeft = 1 - progress;\n            const randomFactor = Math.random() * timeLeft * maxValue * 0.5;\n            const targetValue = finalValue * progress + randomFactor;<\/p>\n<p>            if (Math.abs(currentValue - targetValue) < 1000) {\n                currentValue = Math.round(targetValue + (Math.random() * 2000 - 1000));\n            } else {\n                currentValue = Math.round(targetValue);\n            }\n\n            element.textContent = formatCurrency(currentValue);\n            requestAnimationFrame(updateNumber);\n        }\n\n        requestAnimationFrame(updateNumber);\n    }\n\n    function createCtaButton() {\n        if (document.querySelector('.cta-demo-button')) {\n            return;\n        }\n        \n        const ctaButton = document.createElement('a');\n        ctaButton.href = \"https:\/\/corahospitality.com\/richiedi-una-demo\/\";\n        ctaButton.className = \"cta-demo-button\";\n        ctaButton.innerHTML = '<i class=\"fas fa-calendar-check\"><\/i> Solicita una Demo';<\/p>\n<p>        const savingsCard = document.querySelector('.savings-card');\n        if (savingsCard) {\n            savingsCard.appendChild(ctaButton);\n        }\n    }<\/p>\n<p>function submitForm() {\n        \/\/ Stesso identico percorso del form IT, ma con l'ID del form ES\n        const emailInput = document.querySelector(\"#wpcf7-f32202-o1 > form > div.uk-grid-medium.uk-form.uk-grid.uk-grid-stack > div:nth-child(1) > p > span > input\");\n        const submitButton = document.querySelector(\"#wpcf7-f32202-o1 > form > div.uk-grid-medium.uk-form.uk-grid.uk-grid-stack > div:nth-child(2) > p > input\");<\/p>\n<p>        if (emailInput && submitButton) {\n            emailInput.value = userEmail.value;\n            submitButton.click();\n            console.log(\"Form inviato con successo\");\n        } else {\n            console.log(\"Form not found on page - continuing with calculation only\");\n        }\n    }<\/p>\n<p>    function calculateSavings(numRooms, openDays) {\n        submitForm();\n        const dailySaving1 = (((numRooms * 0.1) * 10) * 0.33) * 0.7;\n        const dailySaving2 = ((numRooms * 4) * 0.33) * 0.3;\n        const dailySaving3 = ((numRooms * 0.33 * 3)) * 0.3;<\/p>\n<p>        const totalDailySavings = dailySaving1 + dailySaving2 + dailySaving3;\n        const totalAnnualSavings = totalDailySavings * openDays;<\/p>\n<p>        return totalAnnualSavings;\n    }<\/p>\n<p>    let hasAttemptedCalculation = false;<\/p>\n<p>    function formatCurrency(amount) {\n        return Math.round(amount).toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\");\n    }<\/p>\n<p>    function isValidEmail(email) {\n        const regex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n        return regex.test(email);\n    }<\/p>\n<p>    function showEmailError() {\n        userEmail.classList.add('error');<\/p>\n<p>        let tooltip = userEmail.parentElement.querySelector('.error-tooltip');\n        if (!tooltip) {\n            tooltip = document.createElement('div');\n            tooltip.className = 'error-tooltip';\n            tooltip.innerText = 'Por favor, introduce un correo electr\u00f3nico v\u00e1lido para ver tu ahorro';\n            userEmail.parentElement.appendChild(tooltip);\n        }<\/p>\n<p>        setTimeout(() => {\n            tooltip.classList.add('show');\n        }, 10);<\/p>\n<p>        setTimeout(() => {\n            tooltip.classList.remove('show');\n        }, 3000);\n    }<\/p>\n<p>    function updateCalculation() {\n        if (!userEmail.value || !isValidEmail(userEmail.value)) {\n            hasAttemptedCalculation = true;\n            showEmailError();\n            userEmail.focus();\n            return;\n        }<\/p>\n<p>        emailProvided = true;\n        localStorage.setItem('userEmail', userEmail.value);<\/p>\n<p>        resultsContainer.classList.remove('hidden');\n        emailTeaser.classList.add('hidden');<\/p>\n<p>        const savings = calculateSavings(numRooms, openDays);<\/p>\n<p>        animateNumber(savingsResult, Math.round(savings), 1500);\n        benefits.classList.remove('hidden');<\/p>\n<p>        if (true) {\n            const resultsElement = document.querySelector('.savings-amount');\n            if (resultsElement) {\n                setTimeout(() => {\n                    resultsElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                }, 100);\n            }\n        }<\/p>\n<p>        trackEvent('lead_captured', {\n            email: userEmail.value,\n            rooms: numRooms,\n            days: openDays,\n            savings: savings\n        });\n    }<\/p>\n<p>    function trackEvent(eventName, data) {\n        console.log(`Event tracked: ${eventName}`, data);\n    }<\/p>\n<p>    function syncInputValues() {\n        numRoomsInput.value = roomSlider.value;\n        numRooms = parseInt(roomSlider.value);<\/p>\n<p>        openDaysInput.value = daysSlider.value;\n        openDays = parseInt(daysSlider.value);\n    }<\/p>\n<p>    roomSlider.addEventListener('input', function() {\n        numRoomsInput.value = this.value;\n        numRooms = parseInt(this.value);\n    });<\/p>\n<p>    daysSlider.addEventListener('input', function() {\n        openDaysInput.value = this.value;\n        openDays = parseInt(this.value);\n    });<\/p>\n<p>    numRoomsInput.addEventListener('input', function() {\n        const value = parseInt(this.value);\n        if (value >= 1 && value <= 500) {\n            roomSlider.value = value;\n            numRooms = value;\n        }\n    });\n\n    openDaysInput.addEventListener('input', function() {\n        const value = parseInt(this.value);\n        if (value >= 1 && value <= 365) {\n            daysSlider.value = value;\n            openDays = value;\n        }\n    });\n\n    calculateBtn.addEventListener('click', function() {\n        updateCalculation();\n    });\n\n    consentCheckbox.addEventListener('change', function() {\n        if (this.checked) {\n            calculateBtn.removeAttribute('disabled');\n            calculateBtn.classList.remove('disabled');\n        } else {\n            calculateBtn.setAttribute('disabled', 'disabled');\n            calculateBtn.classList.add('disabled');\n        }\n    });\n\n    const savedEmail = localStorage.getItem('userEmail');\n    if (savedEmail) {\n        userEmail.value = savedEmail;\n    }\n\n    syncInputValues();\n\n    document.querySelectorAll('button').forEach(button => {\n        button.addEventListener('mousedown', function() {\n            this.style.transform = 'scale(0.95)';\n        });<\/p>\n<p>        button.addEventListener('mouseup', function() {\n            this.style.transform = '';\n        });<\/p>\n<p>        button.addEventListener('mouseleave', function() {\n            this.style.transform = '';\n        });\n    });<\/p>\n<p>    function optimizeLayout() {\n        const featuresSection = document.querySelector('.features-section');\n        if (featuresSection) {\n            featuresSection.style.display = 'block';\n            featuresSection.style.visibility = 'visible';\n        }<\/p>\n<p>        if (benefits) {\n            benefits.classList.remove('hidden');\n            benefits.style.display = 'block';\n            benefits.style.visibility = 'visible';\n        }<\/p>\n<p>        const container = document.querySelector('.container');\n        if (container) {\n            container.style.minHeight = '100vh';\n            container.style.display = 'flex';\n            container.style.flexDirection = 'column';\n            container.style.justifyContent = 'space-between';\n        }\n    }<\/p>\n<p>    optimizeLayout();\n    window.addEventListener('resize', optimizeLayout);\n}<\/p>\n<p>if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initCoraCalculator);\n} else {\n    initCoraCalculator();\n}\n<\/script><br \/>\n<\/body><br \/>\n<\/html>\n<\/div>\n<div>\n\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f32202-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"32202\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/es\/wp-json\/wp\/v2\/pages\/32205#wpcf7-f32202-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"32202\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f32202-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"uk-grid-medium uk-form\" uk-grid>\n\t<div class=\"uk-width-1-1@m uk-width-1-1@s\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email uk-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correo electr\u00f3nico *\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"uk-width-1-1@m uk-width-1-1@s\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner uk-button\" type=\"submit\" value=\"Enviar mensaje\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"padding_top\":\"none\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"<!DOCTYPE html>\\n<html lang=\\\"es\\\">\\n<head>\\n    <meta charset=\\\"UTF-8\\\">\\n    <meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\\\">\\n    <title>Calculadora de Ahorro para Hoteles<\/title>\\n    <link rel=\\\"stylesheet\\\" href=\\\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\\\">\\n    <link href=\\\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\\\" rel=\\\"stylesheet\\\">\\n    \n\n<style>\\n        \/* Inline styles to ensure layout works properly *\/\\n        body, html {\\n            margin: 0;\\n            padding: 0;\\n            height: auto;\\n            overflow-y: auto;\\n            overflow-x: hidden;\\n        }\\n        \\n        .container {\\n            width: 100%;\\n            height: auto;\\n            display: flex;\\n            flex-direction: column;\\n        }\\n        \\n        .calculator-card {\\n            flex: 0 1 auto;\\n        }\\n        \\n        .features-section {\\n            margin-top: 20px;\\n            padding: 20px;\\n            position: relative;\\n            background: #f7f9fc;\\n            border-radius: 10px;\\n            box-shadow: 0 3px 10px rgba(0,0,0,0.05);\\n            z-index: 1;\\n        }\\n        \\n        .loading {\\n            animation: pulse 1.2s infinite;\\n        }\\n        \\n        .success-indicator {\\n            color: #28a745;\\n            margin-top: 10px;\\n            font-weight: 500;\\n        }\\n        \\n        .btn-primary {\\n            background: linear-gradient(135deg, #0056b3, #007bff);\\n            color: white;\\n            border: none;\\n            padding: 12px 24px;\\n            border-radius: 25px;\\n            font-weight: 600;\\n            cursor: pointer;\\n            transition: all 0.3s ease;\\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\\n        }\\n        \\n        .btn-primary:hover {\\n            background: linear-gradient(135deg, #004494, #0062cc);\\n            transform: translateY(-2px);\\n            box-shadow: 0 6px 8px rgba(0,0,0,0.15);\\n        }\\n        \\n        .btn-primary.disabled {\\n            opacity: 0.6;\\n            cursor: not-allowed;\\n        }\\n        \\n        .btn-secondary {\\n            display: inline-block;\\n            margin-left: 10px;\\n            padding: 12px 24px;\\n            background-color: transparent;\\n            color: #007bff;\\n            border: 1px solid #007bff;\\n            border-radius: 25px;\\n            font-weight: 600;\\n            text-decoration: none;\\n            transition: all 0.3s ease;\\n        }\\n        \\n        .btn-secondary:hover {\\n            background-color: rgba(0, 123, 255, 0.1);\\n            transform: translateY(-2px);\\n        }\\n        \\n        .savings-card {\\n            color: white;\\n            background: var(--gradient);\\n            border-radius: 10px;\\n            padding: 20px;\\n            box-shadow: 0 4px 8px rgba(0,0,0,0.1);\\n        }\\n        \\n        .savings-title {\\n            color: white;\\n            font-size: 1.2rem;\\n            font-weight: 600;\\n            text-align: center;\\n        }\\n        \\n        .savings-amount {\\n            transition: all 0.3s ease;\\n            font-size: 2.5rem;\\n            font-weight: 700;\\n            color: white;\\n            padding: 15px;\\n            text-align: center;\\n            margin: 15px 0;\\n        }\\n        \\n        .savings-description {\\n            color: white;\\n            text-align: center;\\n        }\\n        \\n        \/* CTA Button Styles *\/\\n        .cta-demo-button {\\n            display: block;\\n            margin-top: 20px;\\n            padding: 12px 20px;\\n            background: linear-gradient(135deg, #0056b3, #007bff);\\n            color: white;\\n            text-align: center;\\n            border-radius: 25px;\\n            font-weight: 600;\\n            text-decoration: none;\\n            transition: all 0.3s ease;\\n            box-shadow: 0 4px 6px rgba(0,0,0,0.1);\\n        }\\n        \\n        .cta-demo-button:hover {\\n            background: linear-gradient(135deg, #004494, #0062cc);\\n            transform: translateY(-2px);\\n            box-shadow: 0 6px 8px rgba(0,0,0,0.15);\\n        }\\n        \\n        .cta-demo-button i {\\n            margin-right: 8px;\\n        }\\n        \\n        \/* Benefits section always visible *\/\\n        #benefits {\\n            display: block !important;\\n            visibility: visible !important;\\n            margin-top: 20px;\\n            padding: 15px;\\n            background: #f8f9fa;\\n            border-radius: 8px;\\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\\n        }\\n        \\n        .benefit-item {\\n            display: flex;\\n            align-items: center;\\n            margin-bottom: 15px;\\n        }\\n        \\n        .benefit-item i {\\n            font-size: 24px;\\n            color: #007bff;\\n            margin-right: 15px;\\n            width: 30px;\\n            text-align: center;\\n        }\\n        \\n        .benefit-item h3 {\\n            margin: 0 0 5px 0;\\n            font-size: 18px;\\n        }\\n        \\n        .benefit-item p {\\n            margin: 0;\\n            color: #666;\\n        }\\n        \\n        @keyframes pulse {\\n            0% { opacity: 0.4; }\\n            50% { opacity: 1; }\\n            100% { opacity: 0.4; }\\n        }\\n        \\n        @media (max-width: 768px) {\\n            .calculator-content {\\n                flex-direction: column;\\n            }\\n            \\n            .input-section, .results-section {\\n                width: 100%;\\n            }\\n            \\n            .features-section {\\n                margin-top: 10px;\\n                padding: 15px;\\n            }\\n            \\n            .btn-secondary {\\n                margin-left: 0;\\n                margin-top: 10px;\\n                width: 100%;\\n                text-align: center;\\n            }\\n        }\\n        \\n        @media (max-width: 480px) {\\n            .header h1 {\\n                font-size: 1.6rem;\\n            }\\n            \\n            .tagline {\\n                font-size: 0.9rem;\\n            }\\n            \\n            .feature-card {\\n                padding: 15px;\\n                margin-bottom: 15px;\\n            }\\n            \\n            .benefit-item {\\n                flex-direction: column;\\n                text-align: center;\\n                margin-bottom: 20px;\\n            }\\n            \\n            .benefit-item i {\\n                margin-right: 0;\\n                margin-bottom: 10px;\\n                font-size: 28px;\\n            }\\n            \\n            .input-with-icon i {\\n                font-size: 14px;\\n            }\\n            \\n            .calculator-card {\\n                padding: 10px;\\n            }\\n            \\n            .savings-amount {\\n                font-size: 2rem;\\n                padding: 10px;\\n            }\\n        }\\n        \\n        .calculator-content {\\n            display: flex;\\n            flex-wrap: wrap;\\n            gap: 20px;\\n            margin-bottom: 20px;\\n        }\\n        \\n        .input-section {\\n            flex: 1;\\n            min-width: 300px;\\n        }\\n        \\n        .results-section {\\n            flex: 1;\\n            min-width: 300px;\\n        }\\n        \\n        .cta-section {\\n            display: flex;\\n            justify-content: center;\\n            align-items: center;\\n            margin-top: 20px;\\n            flex-wrap: wrap;\\n            gap: 10px;\\n        }\\n\\n        .email-capture .btn-primary,\\n        .email-capture .btn-secondary {\\n            width: 100%;\\n            margin-top: 10px;\\n            text-align: center;\\n            margin-left: 0;\\n            box-sizing: border-box;\\n        }\\n\\n        .email-capture .btn-primary {\\n            padding-top: 15px;\\n            padding-bottom: 15px;\\n            font-size: 1.1rem;\\n        }\\n    <\/style>\n\n\\n<\/head>\\n<body>\\n    \n\n<div class=\\\"container\\\">\\n        \n\n<header class=\\\"header\\\">\\n            \n\n<h1><span class=\"ez-toc-section\" id=\"Descubre_cuanto_puede_ahorrarte_Cora-2\"><\/span>Descubre cu\u00e1nto puede ahorrarte Cora<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\\n        <\/header>\n\n\\n        \\n        \n\n<div class=\\\"calculator-card\\\">\\n            \n\n<div class=\\\"calculator-content\\\">\\n                \n\n<div class=\\\"input-section\\\">\\n                    \n\n<div class=\\\"input-group\\\">\\n                        <label for=\\\"numRooms\\\">N\u00famero de Habitaciones<\/label>\\n                        \n\n<div class=\\\"input-with-icon\\\">\\n                            <i class=\\\"fas fa-hotel\\\"><\/i>\\n                            <input type=\\\"number\\\" id=\\\"numRooms\\\" min=\\\"1\\\" value=\\\"50\\\" required>\\n                        <\/div>\n\n\\n                        \n\n<div class=\\\"slider-container\\\">\\n                            <input type=\\\"range\\\" id=\\\"roomSlider\\\" min=\\\"1\\\" max=\\\"500\\\" value=\\\"50\\\" class=\\\"slider\\\">\\n                            \n\n<div class=\\\"slider-values\\\">\\n                                <span>1<\/span>\\n                                <span>500<\/span>\\n                            <\/div>\n\n\\n                        <\/div>\n\n\\n                    <\/div>\n\n\\n                    \\n                    \n\n<div class=\\\"input-group\\\">\\n                        <label for=\\\"openDays\\\">D\u00edas de Apertura al A\u00f1o<\/label>\\n                        \n\n<div class=\\\"input-with-icon\\\">\\n                            <i class=\\\"fas fa-calendar-alt\\\"><\/i>\\n                            <input type=\\\"number\\\" id=\\\"openDays\\\" min=\\\"1\\\" max=\\\"365\\\" value=\\\"365\\\" required>\\n                        <\/div>\n\n\\n                        \n\n<div class=\\\"slider-container\\\">\\n                            <input type=\\\"range\\\" id=\\\"daysSlider\\\" min=\\\"1\\\" max=\\\"365\\\" value=\\\"365\\\" class=\\\"slider\\\">\\n                            \n\n<div class=\\\"slider-values\\\">\\n                                <span>1<\/span>\\n                                <span>365<\/span>\\n                            <\/div>\n\n\\n                        <\/div>\n\n\\n                    <\/div>\n\n\\n                    \\n                    \n\n<div class=\\\"email-capture\\\">\\n                        \n\n<div class=\\\"input-group\\\">\\n                            <label for=\\\"userEmail\\\">Tu Email para Conocer el Ahorro Anual Estimado<\/label>\\n                            \n\n<div class=\\\"input-with-icon\\\">\\n                                <i class=\\\"fas fa-envelope\\\"><\/i>\\n                                <input type=\\\"email\\\" id=\\\"userEmail\\\" placeholder=\\\"Introduce tu correo electr\u00f3nico de empresa\\\" required>\\n                            <\/div>\n\n\\n                            \n\n<div class=\\\"consent-checkbox\\\">\\n                                <input type=\\\"checkbox\\\" id=\\\"consent\\\" checked>\\n                                <label for=\\\"consent\\\" class=\\\"checkbox-label\\\">Acepto recibir el an\u00e1lisis gratuito de ahorro y actualizaciones ocasionales<\/label>\\n                            <\/div>\n\n\\n                        <\/div>\n\n\\n                        <button id=\\\"calculateBtn\\\" class=\\\"btn-primary\\\">Calcula tu Ahorro<\/button>\\n                        <a href=\\\"https:\/\/corahospitality.com\/richiedi-una-demo\/\\\" class=\\\"btn-secondary\\\">Solicita una Demo Detallada<\/a>\\n                    <\/div>\n\n\\n                <\/div>\n\n\\n                \\n                \n\n<div class=\\\"results-section\\\">\\n                    \n\n<div id=\\\"results-container\\\" class=\\\"hidden\\\">\\n                        \n\n<div class=\\\"savings-card\\\">\\n                            \n\n<div class=\\\"savings-title\\\">Ahorro Anual Estimado<\/div>\n\n\\n                            \n\n<div class=\\\"savings-amount\\\">\u20ac<span id=\\\"savingsResult\\\">0<\/span><\/div>\n\n\\n                            \n\n<div class=\\\"savings-description\\\">\\n                                \n\n<p>Optimiza tus operaciones y reduce costes con la plataforma Cora basada en IA.<\/p>\n\n\\n                            <\/div>\n\n\\n                        <\/div>\n\n\\n                    <\/div>\n\n\\n                    \\n                    \n\n<div id=\\\"email-teaser\\\" class=\\\"email-teaser\\\">\\n                        <i class=\\\"fas fa-lock\\\"><\/i>\\n                        \n\n<h3>Descubre tu Ahorro Personalizado<\/h3>\n\n\\n                        \n\n<p>Introduce tu correo electr\u00f3nico para ver cu\u00e1nto podr\u00edas ahorrar con Cora.<\/p>\n\n\\n                        \n\n<p class=\\\"guarantee\\\">Respetamos tu privacidad. Tu informe se enviar\u00e1 de inmediato.<\/p>\n\n\\n                    <\/div>\n\n\\n                    \\n                    \n\n<div id=\\\"benefits\\\" class=\\\"benefits\\\">\\n                        \n\n<div class=\\\"benefit-item\\\">\\n                            <i class=\\\"fas fa-clock\\\"><\/i>\\n                            \n\n<div>\\n                                \n\n<h3>Tiempo Ahorrado<\/h3>\n\n\\n                                \n\n<p>Automatiza las tareas repetitivas y optimiza las operaciones<\/p>\n\n\\n                            <\/div>\n\n\\n                        <\/div>\n\n\\n                        \n\n<div class=\\\"benefit-item\\\">\\n                            <i class=\\\"fas fa-chart-line\\\"><\/i>\\n                            \n\n<div>\\n                                \n\n<h3>Aumento de la Eficiencia<\/h3>\n\n\\n                                \n\n<p>Mejora la productividad del personal y la satisfacci\u00f3n de los hu\u00e9spedes<\/p>\n\n\\n                            <\/div>\n\n\\n                        <\/div>\n\n\\n                        \n\n<div class=\\\"benefit-item\\\">\\n                            <i class=\\\"fas fa-euro-sign\\\"><\/i>\\n                            \n\n<div>\\n                                \n\n<h3>Reducci\u00f3n de Costes<\/h3>\n\n\\n                                \n\n<p>Reduce los gastos operativos y aumenta la rentabilidad<\/p>\n\n\\n                            <\/div>\n\n\\n                        <\/div>\n\n\\n                    <\/div>\n\n\\n                <\/div>\n\n\\n            <\/div>\n\n\\n        <\/div>\n\n\\n<script>\\nfunction initCoraCalculator() {\\n    \/\/ Get DOM elements\\n    const numRoomsInput = document.getElementById('numRooms');\\n    const openDaysInput = document.getElementById('openDays');\\n    const roomSlider = document.getElementById('roomSlider');\\n    const daysSlider = document.getElementById('daysSlider');\\n    const calculateBtn = document.getElementById('calculateBtn');\\n    const savingsResult = document.getElementById('savingsResult');\\n    const userEmail = document.getElementById('userEmail');\\n    const resultsContainer = document.getElementById('results-container');\\n    const emailTeaser = document.getElementById('email-teaser');\\n    const benefits = document.getElementById('benefits');\\n    const consentCheckbox = document.getElementById('consent');\\n\\n    \/\/ Initialize with default values\\n    let numRooms = parseInt(numRoomsInput.value);\\n    let openDays = parseInt(openDaysInput.value);\\n    let emailProvided = false;\\n\\n    \/\/ Function to animate number with random values before showing final result\\n    function animateNumber(element, finalValue, duration = 2000) {\\n        const startTime = Date.now();\\n        const endTime = startTime + duration;\\n        const maxValue = finalValue * 2;\\n\\n        let currentValue = Math.round(Math.random() * finalValue);\\n        element.textContent = formatCurrency(currentValue);\\n\\n        function updateNumber() {\\n            const now = Date.now();\\n\\n            if (now >= endTime) {\\n                element.textContent = formatCurrency(finalValue);\\n                return;\\n            }\\n\\n            const progress = (now - startTime) \/ duration;\\n            const timeLeft = 1 - progress;\\n            const randomFactor = Math.random() * timeLeft * maxValue * 0.5;\\n            const targetValue = finalValue * progress + randomFactor;\\n\\n            if (Math.abs(currentValue - targetValue) < 1000) {\\n                currentValue = Math.round(targetValue + (Math.random() * 2000 - 1000));\\n            } else {\\n                currentValue = Math.round(targetValue);\\n            }\\n\\n            element.textContent = formatCurrency(currentValue);\\n            requestAnimationFrame(updateNumber);\\n        }\\n\\n        requestAnimationFrame(updateNumber);\\n    }\\n\\n    function createCtaButton() {\\n        if (document.querySelector('.cta-demo-button')) {\\n            return;\\n        }\\n        \\n        const ctaButton = document.createElement('a');\\n        ctaButton.href = \\\"https:\/\/corahospitality.com\/richiedi-una-demo\/\\\";\\n        ctaButton.className = \\\"cta-demo-button\\\";\\n        ctaButton.innerHTML = '<i class=\\\"fas fa-calendar-check\\\"><\/i> Solicita una Demo';\\n\\n        const savingsCard = document.querySelector('.savings-card');\\n        if (savingsCard) {\\n            savingsCard.appendChild(ctaButton);\\n        }\\n    }\\n\\nfunction submitForm() {\\n        \/\/ Stesso identico percorso del form IT, ma con l'ID del form ES\\n        const emailInput = document.querySelector(\\\"#wpcf7-f32202-o1 > form > div.uk-grid-medium.uk-form.uk-grid.uk-grid-stack > div:nth-child(1) > p > span > input\\\");\\n        const submitButton = document.querySelector(\\\"#wpcf7-f32202-o1 > form > div.uk-grid-medium.uk-form.uk-grid.uk-grid-stack > div:nth-child(2) > p > input\\\");\\n\\n        if (emailInput && submitButton) {\\n            emailInput.value = userEmail.value;\\n            submitButton.click();\\n            console.log(\\\"Form inviato con successo\\\");\\n        } else {\\n            console.log(\\\"Form not found on page - continuing with calculation only\\\");\\n        }\\n    }\\n\\n    function calculateSavings(numRooms, openDays) {\\n        submitForm();\\n        const dailySaving1 = (((numRooms * 0.1) * 10) * 0.33) * 0.7;\\n        const dailySaving2 = ((numRooms * 4) * 0.33) * 0.3;\\n        const dailySaving3 = ((numRooms * 0.33 * 3)) * 0.3;\\n\\n        const totalDailySavings = dailySaving1 + dailySaving2 + dailySaving3;\\n        const totalAnnualSavings = totalDailySavings * openDays;\\n\\n        return totalAnnualSavings;\\n    }\\n\\n    let hasAttemptedCalculation = false;\\n\\n    function formatCurrency(amount) {\\n        return Math.round(amount).toString().replace(\/\\\\B(?=(\\\\d{3})+(?!\\\\d))\/g, \\\",\\\");\\n    }\\n\\n    function isValidEmail(email) {\\n        const regex = \/^[^\\\\s@]+@[^\\\\s@]+\\\\.[^\\\\s@]+$\/;\\n        return regex.test(email);\\n    }\\n\\n    function showEmailError() {\\n        userEmail.classList.add('error');\\n\\n        let tooltip = userEmail.parentElement.querySelector('.error-tooltip');\\n        if (!tooltip) {\\n            tooltip = document.createElement('div');\\n            tooltip.className = 'error-tooltip';\\n            tooltip.innerText = 'Por favor, introduce un correo electr\u00f3nico v\u00e1lido para ver tu ahorro';\\n            userEmail.parentElement.appendChild(tooltip);\\n        }\\n\\n        setTimeout(() => {\\n            tooltip.classList.add('show');\\n        }, 10);\\n\\n        setTimeout(() => {\\n            tooltip.classList.remove('show');\\n        }, 3000);\\n    }\\n\\n    function updateCalculation() {\\n        if (!userEmail.value || !isValidEmail(userEmail.value)) {\\n            hasAttemptedCalculation = true;\\n            showEmailError();\\n            userEmail.focus();\\n            return;\\n        }\\n\\n        emailProvided = true;\\n        localStorage.setItem('userEmail', userEmail.value);\\n\\n        resultsContainer.classList.remove('hidden');\\n        emailTeaser.classList.add('hidden');\\n\\n        const savings = calculateSavings(numRooms, openDays);\\n\\n        animateNumber(savingsResult, Math.round(savings), 1500);\\n        benefits.classList.remove('hidden');\\n\\n        if (true) {\\n            const resultsElement = document.querySelector('.savings-amount');\\n            if (resultsElement) {\\n                setTimeout(() => {\\n                    resultsElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\\n                }, 100);\\n            }\\n        }\\n\\n        trackEvent('lead_captured', {\\n            email: userEmail.value,\\n            rooms: numRooms,\\n            days: openDays,\\n            savings: savings\\n        });\\n    }\\n\\n    function trackEvent(eventName, data) {\\n        console.log(`Event tracked: ${eventName}`, data);\\n    }\\n\\n    function syncInputValues() {\\n        numRoomsInput.value = roomSlider.value;\\n        numRooms = parseInt(roomSlider.value);\\n\\n        openDaysInput.value = daysSlider.value;\\n        openDays = parseInt(daysSlider.value);\\n    }\\n\\n    roomSlider.addEventListener('input', function() {\\n        numRoomsInput.value = this.value;\\n        numRooms = parseInt(this.value);\\n    });\\n\\n    daysSlider.addEventListener('input', function() {\\n        openDaysInput.value = this.value;\\n        openDays = parseInt(this.value);\\n    });\\n\\n    numRoomsInput.addEventListener('input', function() {\\n        const value = parseInt(this.value);\\n        if (value >= 1 && value <= 500) {\\n            roomSlider.value = value;\\n            numRooms = value;\\n        }\\n    });\\n\\n    openDaysInput.addEventListener('input', function() {\\n        const value = parseInt(this.value);\\n        if (value >= 1 && value <= 365) {\\n            daysSlider.value = value;\\n            openDays = value;\\n        }\\n    });\\n\\n    calculateBtn.addEventListener('click', function() {\\n        updateCalculation();\\n    });\\n\\n    consentCheckbox.addEventListener('change', function() {\\n        if (this.checked) {\\n            calculateBtn.removeAttribute('disabled');\\n            calculateBtn.classList.remove('disabled');\\n        } else {\\n            calculateBtn.setAttribute('disabled', 'disabled');\\n            calculateBtn.classList.add('disabled');\\n        }\\n    });\\n\\n    const savedEmail = localStorage.getItem('userEmail');\\n    if (savedEmail) {\\n        userEmail.value = savedEmail;\\n    }\\n\\n    syncInputValues();\\n\\n    document.querySelectorAll('button').forEach(button => {\\n        button.addEventListener('mousedown', function() {\\n            this.style.transform = 'scale(0.95)';\\n        });\\n\\n        button.addEventListener('mouseup', function() {\\n            this.style.transform = '';\\n        });\\n\\n        button.addEventListener('mouseleave', function() {\\n            this.style.transform = '';\\n        });\\n    });\\n\\n    function optimizeLayout() {\\n        const featuresSection = document.querySelector('.features-section');\\n        if (featuresSection) {\\n            featuresSection.style.display = 'block';\\n            featuresSection.style.visibility = 'visible';\\n        }\\n\\n        if (benefits) {\\n            benefits.classList.remove('hidden');\\n            benefits.style.display = 'block';\\n            benefits.style.visibility = 'visible';\\n        }\\n\\n        const container = document.querySelector('.container');\\n        if (container) {\\n            container.style.minHeight = '100vh';\\n            container.style.display = 'flex';\\n            container.style.flexDirection = 'column';\\n            container.style.justifyContent = 'space-between';\\n        }\\n    }\\n\\n    optimizeLayout();\\n    window.addEventListener('resize', optimizeLayout);\\n}\\n\\nif (document.readyState === 'loading') {\\n    document.addEventListener('DOMContentLoaded', initCoraCalculator);\\n} else {\\n    initCoraCalculator();\\n}\\n<\/script>\\n<\/body>\\n<\/html>\",\"css\":\":root {\\n    --primary-light: #8FDDEA;\\n    --primary: #6AC5D1;\\n    --primary-dark: #47A8B5;\\n    --secondary-light: #AF8FE9;\\n    --secondary: #8C6CD7;\\n    --secondary-dark: #6D4EC0;\\n    --white: #FFFFFF;\\n    --gray-light: #F5F7FA;\\n    --gray: #E2E8F0;\\n    --gray-dark: #94A3B8;\\n    --text-dark: #334155;\\n    --text-light: #64748B;\\n    --gradient: linear-gradient(120deg, var(--primary), var(--secondary));\\n    --shadow: 0 10px 30px rgba(108, 108, 229, 0.1);\\n    --radius: 12px;\\n}\\n\\n* {\\n    box-sizing: border-box;\\n    margin: 0;\\n    padding: 0;\\n}\\n\\nbody {\\n    font-family: 'Poppins', sans-serif;\\n    color: #334155;\\n    background-color: #F5F7FA;\\n    line-height: 1.6;\\n}\\n\\n.container {\\n    max-width: 1200px;\\n    margin: 0 auto;\\n    padding: 40px 20px;\\n}\\n\\n\/* Header Styles *\/\\n.header {\\n    text-align: center;\\n    margin-bottom: 40px;\\n}\\n\\n.logo {\\n    display: inline-block;\\n    font-size: 2.5rem;\\n    font-weight: 700;\\n    margin-bottom: 20px;\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    -webkit-background-clip: text;\\n    -webkit-text-fill-color: transparent;\\n    background-clip: text;\\n}\\n\\n.logo-text {\\n    font-weight: 700;\\n}\\n\\nh1 {\\n    font-size: 2.2rem;\\n    font-weight: 600;\\n    margin-bottom: 10px;\\n    color: #334155;\\n}\\n\\n.tagline {\\n    font-size: 1.2rem;\\n    color: #64748B;\\n}\\n\\n\/* Calculator Card Styles *\/\\n.calculator-card {\\n    background-color: #FFFFFF;\\n    border-radius: 12px;\\n    box-shadow: 0 10px 30px rgba(108, 108, 229, 0.1);\\n    overflow: hidden;\\n    margin-bottom: 40px;\\n}\\n\\n.calculator-content {\\n    display: flex;\\n    flex-wrap: wrap;\\n    padding: 30px;\\n}\\n\\n.input-section {\\n    flex: 1;\\n    min-width: 300px;\\n    padding-right: 30px;\\n}\\n\\n.results-section {\\n    flex: 1;\\n    min-width: 300px;\\n}\\n\\n\/* Input Styles *\/\\n.input-group {\\n    margin-bottom: 25px;\\n}\\n\\nlabel {\\n    display: block;\\n    font-weight: 500;\\n    margin-bottom: 10px;\\n    color: #334155;\\n}\\n\\n.input-with-icon {\\n    position: relative;\\n    margin-bottom: 15px;\\n}\\n\\n.input-with-icon i {\\n    position: absolute;\\n    left: 15px;\\n    top: 50%;\\n    transform: translateY(-50%);\\n    color: #6AC5D1;\\n}\\n\\ninput[type=\\\"number\\\"], input[type=\\\"email\\\"] {\\n    width: 100%;\\n    padding: 12px 15px 12px 45px;\\n    border: 2px solid #E2E8F0;\\n    border-radius: 12px;\\n    font-size: 1rem;\\n    transition: border-color 0.3s;\\n}\\n\\ninput[type=\\\"number\\\"]:focus, input[type=\\\"email\\\"]:focus {\\n    border-color: #6AC5D1;\\n    outline: none;\\n}\\n\\n\/* Email and Consent Styles *\/\\n.email-capture {\\n    margin-top: 30px;\\n    padding-top: 15px;\\n    border-top: 1px dashed #E2E8F0;\\n}\\n\\n.consent-checkbox {\\n    display: flex;\\n    align-items: flex-start;\\n    margin-top: 10px;\\n}\\n\\n.consent-checkbox input[type=\\\"checkbox\\\"] {\\n    margin-right: 10px;\\n    margin-top: 5px;\\n}\\n\\n.checkbox-label {\\n    font-size: 0.85rem;\\n    color: #64748B;\\n    font-weight: 400;\\n    line-height: 1.4;\\n}\\n\\n\/* Email Teaser Styles *\/\\n.email-teaser {\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    border: 1px dashed #8FDDEA;\\n    border-radius: 12px;\\n    padding: 25px;\\n    text-align: center;\\n    margin-bottom: 25px;\\n}\\n\\n.email-teaser i {\\n    font-size: 2.5rem;\\n    color: #8FDDEA;\\n    margin-bottom: 15px;\\n}\\n\\n.email-teaser h3 {\\n    font-size: 1.3rem;\\n    margin-bottom: 10px;\\n    color: #FFFFFF;\\n}\\n\\n.email-teaser p {\\n    color: #FFFFFF;\\n    margin-bottom: 10px;\\n}\\n\\n.guarantee {\\n    font-size: 0.85rem;\\n    opacity: 0.8;\\n    color: #FFFFFF;\\n}\\n\\n\/* Hide\/Show Elements *\/\\n.hidden {\\n    display: none;\\n}\\n\\n.slider-container {\\n    position: relative;\\n    margin-top: 10px;\\n}\\n\\n.slider {\\n    width: 100%;\\n    height: 6px;\\n    background: #E2E8F0;\\n    border-radius: 3px;\\n    outline: none;\\n    -webkit-appearance: none;\\n    cursor: pointer;\\n}\\n\\n.slider::-webkit-slider-thumb {\\n    -webkit-appearance: none;\\n    width: 20px;\\n    height: 20px;\\n    border-radius: 50%;\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    cursor: pointer;\\n}\\n\\n.slider-values {\\n    display: flex;\\n    justify-content: space-between;\\n    margin-top: 5px;\\n    font-size: 0.8rem;\\n    color: #64748B;\\n}\\n\\n\/* Results Styles *\/\\n.savings-card {\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    color: #FFFFFF;\\n    border-radius: 12px;\\n    padding: 25px;\\n    text-align: center;\\n    margin-bottom: 25px;\\n}\\n\\n.savings-title {\\n    font-size: 1.2rem;\\n    font-weight: 500;\\n    margin-bottom: 15px;\\n}\\n\\n.savings-amount {\\n    font-size: 3rem;\\n    font-weight: 700;\\n    margin-bottom: 15px;\\n}\\n\\n.savings-description {\\n    font-size: 0.9rem;\\n    opacity: 0.9;\\n}\\n\\n.benefits {\\n    margin-top: 30px;\\n}\\n\\n.benefit-item {\\n    display: flex;\\n    align-items: flex-start;\\n    margin-bottom: 20px;\\n}\\n\\n.benefit-item i {\\n    font-size: 1.5rem;\\n    color: #8C6CD7;\\n    margin-right: 15px;\\n    margin-top: 5px;\\n}\\n\\n.benefit-item h3 {\\n    font-size: 1.1rem;\\n    font-weight: 600;\\n    margin-bottom: 5px;\\n}\\n\\n.benefit-item p {\\n    font-size: 0.9rem;\\n    color: #64748B;\\n}\\n\\n\/* CTA Section *\/\\n.cta-section {\\n    background-color: #F5F7FA;\\n    padding: 25px 30px;\\n    display: flex;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n    gap: 15px;\\n}\\n\\n.btn-primary, .btn-secondary {\\n    padding: 12px 25px;\\n    font-size: 1rem;\\n    font-weight: 500;\\n    border-radius: 30px;\\n    cursor: pointer;\\n    transition: transform 0.3s, box-shadow 0.3s;\\n    border: none;\\n}\\n\\n.btn-primary {\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    color: #FFFFFF;\\n    flex: 1;\\n    min-width: 200px;\\n}\\n\\n.btn-secondary {\\n    background-color: #FFFFFF;\\n    color: #8C6CD7;\\n    border: 2px solid #8C6CD7;\\n    flex: 1;\\n    min-width: 200px;\\n}\\n\\n.btn-primary:hover, .btn-secondary:hover {\\n    transform: translateY(-3px);\\n    box-shadow: 0 5px 15px rgba(108, 108, 229, 0.2);\\n}\\n\\n\/* Email validation styling *\/\\ninput:invalid {\\n    border-color: #ff8f8f;\\n}\\n\\n\/* Success indicator *\/\\n.success-indicator {\\n    color: #4caf50;\\n    font-size: 0.9rem;\\n    display: flex;\\n    align-items: center;\\n    margin-top: 10px;\\n}\\n\\n.success-indicator i {\\n    margin-right: 5px;\\n}\\n\\n\/* Features Section *\/\\n.features-section {\\n    margin-top: 40px;\\n    text-align: center;\\n}\\n\\n.features-section h2 {\\n    font-size: 1.8rem;\\n    margin-bottom: 30px;\\n}\\n\\n.features-grid {\\n    display: grid;\\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\\n    gap: 25px;\\n}\\n\\n.feature-card {\\n    background-color: #FFFFFF;\\n    border-radius: 12px;\\n    padding: 30px;\\n    box-shadow: 0 10px 30px rgba(108, 108, 229, 0.1);\\n    transition: transform 0.3s;\\n}\\n\\n.feature-card:hover {\\n    transform: translateY(-5px);\\n}\\n\\n.feature-card i {\\n    font-size: 2.5rem;\\n    color: #6AC5D1;\\n    margin-bottom: 20px;\\n}\\n\\n.feature-card h3 {\\n    font-size: 1.3rem;\\n    margin-bottom: 15px;\\n}\\n\\n.feature-card p {\\n    color: #64748B;\\n}\\n\\n\/* Footer *\/\\n.footer {\\n    background: linear-gradient(120deg, #6AC5D1, #8C6CD7);\\n    color: #FFFFFF;\\n    padding: 30px 0;\\n    margin-top: 60px;\\n    text-align: center;\\n}\\n\\n.footer-content {\\n    max-width: 1200px;\\n    margin: 0 auto;\\n    padding: 0 20px;\\n}\\n\\n.footer .logo {\\n    font-size: 2rem;\\n    margin-bottom: 10px;\\n    -webkit-text-fill-color: white;\\n}\\n\\n.footer-tagline {\\n    font-size: 1.2rem;\\n    opacity: 0.9;\\n}\\n\\n\/* Responsive *\/\\n@media (max-width: 1024px) {\\n    .container {\\n        max-width: 95%;\\n        padding: 30px 15px;\\n    }\\n    \\n    h1 {\\n        font-size: 2rem;\\n    }\\n    \\n    .tagline {\\n        font-size: 1.1rem;\\n    }\\n}\\n\\n@media (max-width: 768px) {\\n    .calculator-content {\\n        flex-direction: column;\\n        padding: 20px;\\n    }\\n    \\n    .input-section {\\n        padding-right: 0;\\n        margin-bottom: 30px;\\n        min-width: 100%;\\n    }\\n    \\n    .results-section {\\n        min-width: 100%;\\n    }\\n    \\n    .cta-section {\\n        flex-direction: column;\\n        align-items: stretch;\\n    }\\n    \\n    .cta-section .btn-primary,\\n    .cta-section .btn-secondary {\\n        width: 100%;\\n        margin: 5px 0;\\n        text-align: center;\\n    }\\n    \\n    .features-grid {\\n        grid-template-columns: 1fr;\\n        gap: 15px;\\n    }\\n    \\n    .feature-card {\\n        padding: 15px;\\n    }\\n    \\n    .savings-amount {\\n        font-size: 2.5rem;\\n    }\\n}\\n\\n@media (max-width: 480px) {\\n    h1 {\\n        font-size: 1.8rem;\\n    }\\n    \\n    .tagline {\\n        font-size: 1rem;\\n    }\\n    \\n    .calculator-content {\\n        padding: 15px;\\n    }\\n    \\n    input[type=\\\"number\\\"], \\n    input[type=\\\"email\\\"] {\\n        padding: 10px 10px 10px 40px;\\n        font-size: 0.9rem;\\n    }\\n    \\n    .input-with-icon i {\\n        left: 12px;\\n    }\\n    \\n    .savings-title {\\n        font-size: 1.1rem;\\n    }\\n    \\n    .savings-amount {\\n        font-size: 2.2rem;\\n        padding: 10px;\\n        margin: 10px 0;\\n    }\\n    \\n    .savings-description p {\\n        font-size: 0.9rem;\\n    }\\n    \\n    .benefit-item h3 {\\n        font-size: 1rem;\\n    }\\n    \\n    .benefit-item p {\\n        font-size: 0.85rem;\\n    }\\n    \\n    .benefit-item i {\\n        font-size: 20px;\\n        margin-right: 10px;\\n    }\\n    \\n    .feature-card i {\\n        font-size: 24px;\\n    }\\n    \\n    .feature-card h3 {\\n        font-size: 1rem;\\n    }\\n    \\n    .feature-card p {\\n        font-size: 0.85rem;\\n    }\\n    \\n    .btn-primary, \\n    .btn-secondary {\\n        padding: 10px 20px;\\n        font-size: 0.9rem;\\n    }\\n    \\n    .cta-demo-button {\\n        padding: 10px 15px;\\n        font-size: 0.9rem;\\n    }\\n}\\n\\n\/* Animation Effects - Keep fade in but remove pulse *\/\\n@keyframes fadeIn {\\n    from { opacity: 0; transform: translateY(20px); }\\n    to { opacity: 1; transform: translateY(0); }\\n}\\n\\n.savings-amount, .benefit-item, .feature-card {\\n    animation: fadeIn 0.5s ease-out forwards;\\n}\\n\\n\/* Error tooltip for email validation *\/\\n.error-tooltip {\\n    position: absolute;\\n    background: #ff8f8f;\\n    color: white;\\n    padding: 5px 10px;\\n    border-radius: 4px;\\n    font-size: 0.8rem;\\n    bottom: -30px;\\n    left: 0;\\n    z-index: 10;\\n    opacity: 0;\\n    transition: opacity 0.3s;\\n}\\n\\n.error-tooltip.show {\\n    opacity: 1;\\n}\"}},{\"type\":\"html\",\"props\":{\"content\":\"[contact-form-7 id=\\\"fc490d3\\\" title=\\\"FORM CALCOLATORE ROI ES\\\"]\",\"css\":\".el-element {\\n    display: none;\\n}\",\"id\":\"form-invisibile\"}}]}]}]}],\"version\":\"5.0.37\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de Ahorro para Hoteles Descubre cu\u00e1nto puede ahorrarte Cora N\u00famero de Habitaciones 1 500 D\u00edas de Apertura al A\u00f1o 1 365 Tu Email para Conocer el Ahorro Anual Estimado [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-32205","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/corahospitality.com\/es\/wp-json\/wp\/v2\/pages\/32205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corahospitality.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/corahospitality.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/corahospitality.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/corahospitality.com\/es\/wp-json\/wp\/v2\/comments?post=32205"}],"version-history":[{"count":0,"href":"https:\/\/corahospitality.com\/es\/wp-json\/wp\/v2\/pages\/32205\/revisions"}],"wp:attachment":[{"href":"https:\/\/corahospitality.com\/es\/wp-json\/wp\/v2\/media?parent=32205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}