{"id":11,"date":"2026-07-14T17:03:54","date_gmt":"2026-07-14T17:03:54","guid":{"rendered":"https:\/\/sauco.si4.es\/?page_id=11"},"modified":"2026-07-15T17:07:02","modified_gmt":"2026-07-15T17:07:02","slug":"sauco","status":"publish","type":"page","link":"https:\/\/sauco.si4.es\/","title":{"rendered":"Sauco"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0d4b90 e-con-full e-flex e-con e-parent\" data-id=\"a0d4b90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b2c6fe elementor-widget elementor-widget-html\" data-id=\"8b2c6fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght=300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n    body {\r\n        font-family: 'Plus Jakarta Sans', sans-serif;\r\n    }\r\n\r\n    \/* CONTROL DE IDIOMA ULTRA-SEGURO (Evita duplicados en cualquier resoluci\u00f3n) *\/\r\n    @media (min-width: 768px) {\r\n        .lang-flotante-movil {\r\n            display: none !important; \/* Oculta por completo el flotante en escritorio *\/\r\n        }\r\n        .lang-cabecera-desktop {\r\n            display: flex !important; \/* Muestra el del men\u00fa superior en escritorio *\/\r\n        }\r\n    }\r\n    @media (max-width: 767px) {\r\n        .lang-flotante-movil {\r\n            display: flex !important; \/* Muestra el flotante abajo a la derecha en m\u00f3vil *\/\r\n        }\r\n        .lang-cabecera-desktop {\r\n            display: none !important; \/* Oculta el del men\u00fa superior en m\u00f3vil *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"fixed top-0 left-0 w-full bg-white\/80 backdrop-blur-md z-50 border-b border-gray-100 transition-all duration-500\">\r\n    <div class=\"w-full px-6 lg:px-12 h-20 flex items-center justify-between gap-4\">\r\n        \r\n        <div class=\"flex items-center shrink-0\">\r\n            <a href=\"#\" class=\"flex items-center gap-2 group\">\r\n                <img decoding=\"async\" src=\"https:\/\/sauco.si4.es\/wp-content\/uploads\/2026\/07\/saucologotest3-2.png\" \r\n                     alt=\"SAUCO\" \r\n                     width=\"140\" \r\n                     style=\"width: 140px; max-width: 140px; height: auto; display: block;\" \r\n                     class=\"h-7 object-contain object-left transition-all duration-300\">\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hidden md:flex flex-1 max-w-5xl mx-auto items-center justify-between gap-8\">\r\n            <nav class=\"flex items-center gap-8 lg:gap-10 shrink-0\">\r\n                <a href=\"#servicios\" class=\"text-sm font-medium tracking-wide text-[#0A192F]\/70 hover:text-[#0A192F] transition-all duration-300\">\r\n                    <span class=\"lang-es\">Servicios<\/span><span class=\"lang-va hidden\">Serveis<\/span>\r\n                <\/a>\r\n                <a href=\"#como-funciona\" class=\"text-sm font-medium tracking-wide text-[#0A192F]\/70 hover:text-[#0A192F] transition-all duration-300\">\r\n                    <span class=\"lang-es\">C\u00f3mo funciona<\/span><span class=\"lang-va hidden\">Com funciona<\/span>\r\n                <\/a>\r\n                <a href=\"#por-que-sauco\" class=\"text-sm font-medium tracking-wide text-[#0A192F]\/70 hover:text-[#0A192F] transition-all duration-300\">\r\n                    <span class=\"lang-es\">Por qu\u00e9 Sauco<\/span><span class=\"lang-va hidden\">Per qu\u00e8 Sauco<\/span>\r\n                <\/a>\r\n                <a href=\"#calculadora\" class=\"text-sm font-medium tracking-wide text-[#0A192F]\/70 hover:text-[#0A192F] transition-all duration-300\">\r\n                    <span class=\"lang-es\">Asistente<\/span><span class=\"lang-va hidden\">Assistent<\/span>\r\n                <\/a>\r\n            <\/nav>\r\n\r\n            <div class=\"flex items-center gap-3 lg:gap-4 shrink-0\">\r\n                <a href=\"tel:+34650588500\" class=\"hidden lg:inline-flex text-sm font-medium tracking-wide text-[#0A192F]\/80 hover:text-[#0A192F] transition-all duration-300\">\r\n                    650 58 85 00\r\n                <\/a>\r\n                \r\n                <a href=\"#contacto\" class=\"bg-[#0A192F] text-white px-4 lg:px-5 py-2.5 lg:py-3 rounded-full text-[11px] lg:text-xs font-semibold tracking-wider uppercase hover:bg-[#219EBC] transition-all duration-300 whitespace-nowrap\">\r\n                    <span class=\"lang-es\">Solicitar informaci\u00f3n<\/span><span class=\"lang-va hidden\">Sol\u00b7licitar informaci\u00f3<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"#catalogo\" class=\"border border-[#0A192F] text-[#0A192F] px-4 lg:px-5 py-2.5 lg:py-3 rounded-full text-[11px] lg:text-xs font-semibold tracking-wider uppercase hover:bg-[#0A192F] hover:text-white transition-all duration-300 whitespace-nowrap\">\r\n                    <span class=\"lang-es\">Ver cat\u00e1logo<\/span><span class=\"lang-va hidden\">Veure cat\u00e0leg<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"flex items-center gap-3 shrink-0\">\r\n            <!-- BOT\u00d3N EN M\u00d3VIL AJUSTADO A CAT\u00c1LOGO -->\r\n            <a href=\"#catalogo\" class=\"md:hidden bg-[#0A192F] text-white px-4 py-2.5 rounded-full text-[11px] font-semibold tracking-wider uppercase hover:bg-[#219EBC] transition-all duration-300\">\r\n                <span class=\"lang-es\">Cat\u00e1logo<\/span><span class=\"lang-va hidden\">Cat\u00e0leg<\/span>\r\n            <\/a>\r\n\r\n            <div class=\"lang-cabecera-desktop items-center gap-1 bg-[#0A192F]\/5 p-1 rounded-full\">\r\n                <button id=\"btn-lang-es\" onclick=\"setLanguage('es')\" class=\"px-3 py-1.5 rounded-full transition-all duration-300 bg-[#0A192F] text-white text-[11px] font-bold tracking-wider\">\r\n                    ES\r\n                <\/button>\r\n                <button id=\"btn-lang-va\" onclick=\"setLanguage('va')\" class=\"px-3 py-1.5 rounded-full transition-all duration-300 text-[#0A192F]\/60 hover:text-[#0A192F] text-[11px] font-bold tracking-wider\">\r\n                    VAL\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <button id=\"btn-menu-open\" onclick=\"toggleMenu(true)\" class=\"md:hidden flex items-center justify-center w-10 h-10 rounded-full bg-[#0A192F]\/5 text-[#0A192F] hover:bg-[#0A192F]\/10 transition-all duration-300 focus:outline-none\" aria-label=\"Abrir men\u00fa\">\r\n                <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"h-20\"><\/div>\r\n\r\n<div class=\"lang-flotante-movil fixed bottom-6 right-6 z-50 items-center gap-1 bg-white\/95 p-1.5 rounded-full shadow-xl border border-gray-100 backdrop-blur-md\">\r\n    <button id=\"btn-lang-es-mobile\" onclick=\"setLanguage('es')\" class=\"px-3 py-1.5 rounded-full transition-all duration-300 bg-[#0A192F] text-white text-[11px] font-bold tracking-wider\">\r\n        ES\r\n    <\/button>\r\n    <button id=\"btn-lang-va-mobile\" onclick=\"setLanguage('va')\" class=\"px-3 py-1.5 rounded-full transition-all duration-300 text-[#0A192F]\/60 hover:text-[#0A192F] text-[11px] font-bold tracking-wider\">\r\n        VAL\r\n    <\/button>\r\n<\/div>\r\n\r\n<div id=\"mobile-menu\" class=\"fixed inset-0 z-50 transform translate-x-full transition-transform duration-300 ease-out pointer-events-none\">\r\n    <div id=\"mobile-menu-backdrop\" onclick=\"toggleMenu(false)\" class=\"absolute inset-0 bg-[#0A192F]\/40 opacity-0 transition-opacity duration-300 pointer-events-none backdrop-blur-sm\"><\/div>\r\n    \r\n    <div class=\"absolute right-0 top-0 h-full w-[280px] sm:w-[320px] bg-[#0A192F] text-white shadow-2xl flex flex-col justify-between p-8 pointer-events-auto\">\r\n        <div class=\"flex items-center justify-between border-b border-white\/10 pb-6\">\r\n            <span class=\"text-lg font-bold tracking-wider\">SAUCO<\/span>\r\n            <button onclick=\"toggleMenu(false)\" class=\"w-8 h-8 rounded-full bg-white\/10 flex items-center justify-center hover:bg-white\/20 transition-all duration-300 focus:outline-none\" aria-label=\"Cerrar men\u00fa\">\r\n                <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path>\r\n                <\/svg>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <nav class=\"flex flex-col gap-6 my-auto\">\r\n            <a href=\"#servicios\" onclick=\"toggleMenu(false)\" class=\"text-lg font-light tracking-wide hover:text-[#219EBC] transition-all duration-300 py-1\">\r\n                <span class=\"lang-es\">Servicios<\/span><span class=\"lang-va hidden\">Serveis<\/span>\r\n            <\/a>\r\n            <a href=\"#como-funciona\" onclick=\"toggleMenu(false)\" class=\"text-lg font-light tracking-wide hover:text-[#219EBC] transition-all duration-300 py-1\">\r\n                <span class=\"lang-es\">C\u00f3mo funciona<\/span><span class=\"lang-va hidden\">Com funciona<\/span>\r\n            <\/a>\r\n            <a href=\"#por-que-sauco\" onclick=\"toggleMenu(false)\" class=\"text-lg font-light tracking-wide hover:text-[#219EBC] transition-all duration-300 py-1\">\r\n                <span class=\"lang-es\">Por qu\u00e9 Sauco<\/span><span class=\"lang-va hidden\">Per qu\u00e8 Sauco<\/span>\r\n            <\/a>\r\n            <a href=\"#calculadora\" onclick=\"toggleMenu(false)\" class=\"text-lg font-light tracking-wide hover:text-[#219EBC] transition-all duration-300 py-1\">\r\n                <span class=\"lang-es\">Asistente<\/span><span class=\"lang-va hidden\">Assistent<\/span>\r\n            <\/a>\r\n            <a href=\"#catalogo\" onclick=\"toggleMenu(false)\" class=\"text-lg font-light tracking-wide hover:text-[#219EBC] transition-all duration-300 py-1 border-t border-white\/10 pt-4\">\r\n                <span class=\"lang-es\">Ver cat\u00e1logo<\/span><span class=\"lang-va hidden\">Veure cat\u00e0leg<\/span>\r\n            <\/a>\r\n            <a href=\"#contacto\" onclick=\"toggleMenu(false)\" class=\"text-lg font-light tracking-wide hover:text-[#219EBC] transition-all duration-300 py-1\">\r\n                <span class=\"lang-es\">Contacto<\/span><span class=\"lang-va hidden\">Contacte<\/span>\r\n            <\/a>\r\n        <\/nav>\r\n\r\n        <div class=\"border-t border-white\/10 pt-6\">\r\n            <p class=\"text-[10px] uppercase font-bold tracking-widest text-white\/40 mb-2\">\r\n                <span class=\"lang-es\">Atenci\u00f3n Telef\u00f3nica<\/span><span class=\"lang-va hidden\">Atenci\u00f3 Telef\u00f2nica<\/span>\r\n            <\/p>\r\n            <a href=\"tel:+34650588500\" class=\"text-xl font-medium hover:text-[#219EBC] transition-all duration-300 block\">\r\n                650 58 85 00\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ FUNCIONALIDAD DE CONTROL DEL MEN\u00da M\u00d3VIL\r\n    function toggleMenu(open) {\r\n        const menu = document.getElementById('mobile-menu');\r\n        const backdrop = document.getElementById('mobile-menu-backdrop');\r\n        \r\n        if (open) {\r\n            menu.classList.remove('translate-x-full');\r\n            menu.classList.add('translate-x-0');\r\n            backdrop.classList.remove('opacity-0', 'pointer-events-none');\r\n            backdrop.classList.add('opacity-100', 'pointer-events-auto');\r\n            document.body.classList.add('overflow-hidden');\r\n        } else {\r\n            menu.classList.remove('translate-x-0');\r\n            menu.classList.add('translate-x-full');\r\n            backdrop.classList.remove('opacity-100', 'pointer-events-auto');\r\n            backdrop.classList.add('opacity-0', 'pointer-events-none');\r\n            document.body.classList.remove('overflow-hidden');\r\n        }\r\n    }\r\n\r\n    \/\/ FUNCIONALIDAD DE IDIOMA MULTILING\u00dcE (Sincroniza botones de escritorio y m\u00f3vil)\r\n    function setLanguage(lang) {\r\n        const isEs = lang === 'es';\r\n        \r\n        \/\/ Mostrar\/ocultar los elementos con traducci\u00f3n\r\n        document.querySelectorAll('.lang-es').forEach(el => el.classList.toggle('hidden', !isEs));\r\n        document.querySelectorAll('.lang-va').forEach(el => el.classList.toggle('hidden', isEs));\r\n        \r\n        \/\/ Estilos para el selector de escritorio\r\n        document.getElementById('btn-lang-es').className = isEs \r\n            ? \"px-3 py-1.5 rounded-full transition-all duration-300 bg-[#0A192F] text-white text-[11px] font-bold tracking-wider\" \r\n            : \"px-3 py-1.5 rounded-full transition-all duration-300 text-[#0A192F]\/60 hover:text-[#0A192F] text-[11px] font-bold tracking-wider\";\r\n            \r\n        document.getElementById('btn-lang-va').className = isEs \r\n            ? \"px-3 py-1.5 rounded-full transition-all duration-300 text-[#0A192F]\/60 hover:text-[#0A192F] text-[11px] font-bold tracking-wider\" \r\n            : \"px-3 py-1.5 rounded-full transition-all duration-300 bg-[#0A192F] text-white text-[11px] font-bold tracking-wider\";\r\n\r\n        \/\/ Estilos para el selector m\u00f3vil flotante\r\n        document.getElementById('btn-lang-es-mobile').className = isEs \r\n            ? \"px-3 py-1.5 rounded-full transition-all duration-300 bg-[#0A192F] text-white text-[11px] font-bold tracking-wider\" \r\n            : \"px-3 py-1.5 rounded-full transition-all duration-300 text-[#0A192F]\/60 hover:text-[#0A192F] text-[11px] font-bold tracking-wider\";\r\n            \r\n        document.getElementById('btn-lang-va-mobile').className = isEs \r\n            ? \"px-3 py-1.5 rounded-full transition-all duration-300 text-[#0A192F]\/60 hover:text-[#0A192F] text-[11px] font-bold tracking-wider\" \r\n            : \"px-3 py-1.5 rounded-full transition-all duration-300 bg-[#0A192F] text-white text-[11px] font-bold tracking-wider\";\r\n\r\n        if(typeof window.calculatePlan === 'function') {\r\n            window.calculatePlan(window.currentPlanOption || '1-3', lang);\r\n        }\r\n        window.currentLanguage = lang;\r\n    }\r\n    window.currentLanguage = 'es';\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57b1622 elementor-widget elementor-widget-html\" data-id=\"57b1622\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Imagen de fondo adaptativa: m\u00f3vil por defecto, escritorio en pantallas medianas (md: 768px) *\/\r\n    .hero-bg {\r\n        background-image: url('https:\/\/sauco.si4.es\/wp-content\/uploads\/2026\/07\/homebackroundmvl-1.jpg');\r\n    }\r\n    \r\n    @media (min-width: 768px) {\r\n        .hero-bg {\r\n            background-image: url('https:\/\/sauco.si4.es\/wp-content\/uploads\/2026\/07\/homebackround-1.jpg');\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"bg-[#F4F7F6] text-[#0A192F]\">\r\n\r\n    <div class=\"overflow-x-hidden\">\r\n\r\n        <section class=\"hero-bg relative min-h-[95vh] flex items-center overflow-hidden bg-cover bg-center bg-no-repeat pb-36 lg:pb-48\">\r\n            \r\n            <div class=\"relative z-20 max-w-7xl mx-auto px-6 lg:px-12 w-full py-24\">\r\n                <div class=\"max-w-xl lg:max-w-2xl\">\r\n                    <div class=\"inline-flex items-center gap-1.5 bg-white px-3 py-1 rounded-full border border-gray-100 mb-6 shadow-sm\">\r\n                        <span class=\"flex text-yellow-400 text-[10px]\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n                        <span class=\"text-[9px] font-bold text-[#0A192F] tracking-wider uppercase\">\r\n                            <span class=\"lang-es\">4.5 EN GOOGLE<\/span><span class=\"lang-va hidden\">4.5 A GOOGLE<\/span>\r\n                        <\/span>\r\n                    <\/div>\r\n                    \r\n                    <h1 class=\"text-4xl sm:text-5xl lg:text-5xl font-light text-[#0A192F] leading-[1.15] tracking-tight mb-6\">\r\n                        <span class=\"lang-es\">La forma m\u00e1s c\u00f3moda<br>de disfrutar de agua en<br><span class=\"font-bold\">casa<\/span> y en tu <span class=\"font-bold\">empresa<\/span>.<\/span>\r\n                        <span class=\"lang-va hidden\">La forma m\u00e9s c\u00f2moda<br>de gaudir d'aigua a<br><span class=\"font-bold\">casa<\/span> i a la teua <span class=\"font-bold\">empresa<\/span>.<\/span>\r\n                    <\/h1>\r\n                    \r\n                    <p class=\"text-sm text-[#0A192F]\/70 font-normal leading-relaxed mb-8 max-w-lg\">\r\n                        <span class=\"lang-es\">M\u00e1s de 25 a\u00f1os llevando agua y bebidas a hogares, empresas y negocios de la comarca de La Ribera con un servicio cercano, r\u00e1pido y de confianza.<\/span>\r\n                        <span class=\"lang-va hidden\">M\u00e9s de 25 anys portant aigua i begudes a llars, empreses i negocis de la comarca de La Ribera amb un servei proper, r\u00e0pid i de confian\u00e7a.<\/span>\r\n                    <\/p>\r\n\r\n                    <div class=\"flex items-center gap-4 mb-16\">\r\n                        <a href=\"#contacto\" class=\"bg-[#0A192F] text-white px-6 py-3 rounded-full text-xs font-bold tracking-wider uppercase text-center hover:bg-[#219EBC] transition-all duration-300\">\r\n                            <span class=\"lang-es\">Solicitar informaci\u00f3n<\/span><span class=\"lang-va hidden\">Sol\u00b7licitar informaci\u00f3<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex flex-col md:flex-row md:flex-wrap items-start md:items-center gap-y-3.5 gap-x-8\">\r\n                        <div class=\"flex items-center gap-2\">\r\n                              <svg class=\"w-4 h-4  shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n                            <span class=\"text-[11px] font-medium text-[#0A192F]\/80\">\r\n                                <span class=\"lang-es\"> Servicio de reparto<\/span><span class=\"lang-va hidden\">Servei de repartiment<\/span>\r\n                            <\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-2\">\r\n                              <svg class=\"w-4 h-4  shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n                            <span class=\"text-[11px] font-medium text-[#0A192F]\/80\">\r\n                                <span class=\"lang-es\">Atenci\u00f3n personalizada<\/span><span class=\"lang-va hidden\">Atenci\u00f3 personalitzada<\/span>\r\n                            <\/span>\r\n                        <\/div>\r\n                        <div class=\"flex items-center gap-2\">\r\n                              <svg class=\"w-4 h-4  shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n                            <span class=\"text-[11px] font-medium text-[#0A192F]\/80\">\r\n                                <span class=\"lang-es\">+25 a\u00f1os de experiencia<\/span><span class=\"lang-va hidden\">+25 anys d'experi\u00e8ncia<\/span>\r\n                            <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"absolute bottom-0 left-0 w-full z-10 pointer-events-none select-none overflow-hidden h-[15vw] max-h-[200px] min-h-[60px]\">\r\n                <svg viewBox=\"0 0 1920 1190\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"xMidYMin slice\" class=\"w-full h-full min-w-full block\">\r\n                    <path d=\"M1920 1190H0V39.4718C0 39.4718 70 0 314.5 0C559 0 886.5 79.6744 1295 135.227C1703.5 190.78 1920 55.5529 1920 55.5529V1190Z\" fill=\"white\"><\/path>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98cf58d elementor-widget elementor-widget-html\" data-id=\"98cf58d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 2. SECCI\u00d3N SERVICIOS -->\r\n        <section id=\"servicios\" class=\"py-24 lg:py-32 bg-white\">\r\n            <div class=\"max-w-7xl mx-auto px-6 lg:px-12\">\r\n                <!-- Cabecera de la Secci\u00f3n -->\r\n                <div class=\"max-w-3xl mb-16\">\r\n                    <h2 class=\"text-3xl lg:text-5xl font-light tracking-tight text-[#0A192F] leading-tight\">\r\n                        <span class=\"lang-es\">Soluciones a medida para<br>cada necesidad<\/span>\r\n                        <span class=\"lang-va hidden\">Solucions a mida per a<br>cada necessitat<\/span>\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-12 lg:gap-10\">\r\n                    <!-- Hogar -->\r\n                    <div class=\"group flex flex-col justify-between\">\r\n                        <div class=\"w-full\">\r\n                            <div class=\"w-full overflow-hidden mb-8 rounded-[2rem] h-[260px] shadow-sm bg-gray-50 flex items-center justify-center\">\r\n                                <img decoding=\"async\" src=\"https:\/\/sauco.si4.es\/wp-content\/uploads\/2026\/07\/diamond-rehab-thailand-KZ0AkzzXD_Y-unsplash-1.jpg\" \r\n                                     alt=\"Hogar\" \r\n                                     class=\"w-full h-full min-w-full min-h-full object-cover object-center transition-all duration-700 group-hover:scale-105\">\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-normal text-[#0A192F] mb-4 tracking-tight\">\r\n                                <span class=\"lang-es\">Hogar<\/span><span class=\"lang-va hidden\">Llar<\/span>\r\n                            <\/h3>\r\n                            <p class=\"text-sm text-[#0A192F]\/70 font-light leading-relaxed mb-6\">\r\n                                <span class=\"lang-es\">Agua, dispensadores modernos y un reparto peri\u00f3dico c\u00f3modo para que disfrutes de agua de calidad siempre disponible en casa.<\/span>\r\n                                <span class=\"lang-va hidden\">Aigua, dispensadors moderns i un repartiment peri\u00f2dic c\u00f2mode perqu\u00e8 gaudis d'aigua de qualitat sempre disponible a casa.<\/span>\r\n                            <\/p>\r\n                        <\/div>\r\n                        <a href=\"#contacto\" class=\"inline-flex items-center gap-1.5 text-xs font-bold tracking-widest uppercase text-[#0A192F] hover:text-[#219EBC] transition-all duration-300\">\r\n                            <span class=\"lang-es\">Saber m\u00e1s<\/span><span class=\"lang-va hidden\">Saber-ne m\u00e9s<\/span>\r\n                            <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Empresa -->\r\n                    <div class=\"group flex flex-col justify-between\">\r\n                        <div class=\"w-full\">\r\n                            <div class=\"w-full overflow-hidden mb-8 rounded-[2rem] h-[260px] shadow-sm bg-gray-50 flex items-center justify-center\">\r\n                                <img decoding=\"async\" src=\"https:\/\/sauco.si4.es\/wp-content\/uploads\/2026\/07\/giorgio-trovato-jQByTGUtTuo-unsplash-1.jpg\" \r\n                                     alt=\"Empresa\" \r\n                                     class=\"w-full h-full min-w-full min-h-full object-cover object-center transition-all duration-700 group-hover:scale-105\">\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-normal text-[#0A192F] mb-4 tracking-tight\">\r\n                                <span class=\"lang-es\">Empresa<\/span><span class=\"lang-va hidden\">Empresa<\/span>\r\n                            <\/h3>\r\n                            <p class=\"text-sm text-[#0A192F]\/70 font-light leading-relaxed mb-6\">\r\n                                <span class=\"lang-es\">Soluciones eficientes de hidrataci\u00f3n para oficinas, espacios de trabajo y centros profesionales de La Ribera.<\/span>\r\n                                <span class=\"lang-va hidden\">Solucions eficients d'hidrataci\u00f3 per a oficines, espais de treball i centres professionals de La Ribera.<\/span>\r\n                            <\/p>\r\n                        <\/div>\r\n                        <a href=\"#contacto\" class=\"inline-flex items-center gap-1.5 text-xs font-bold tracking-widest uppercase text-[#0A192F] hover:text-[#219EBC] transition-all duration-300\">\r\n                            <span class=\"lang-es\">Saber m\u00e1s<\/span><span class=\"lang-va hidden\">Saber-ne m\u00e9s<\/span>\r\n                            <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- Hosteler\u00eda (Con correcci\u00f3n de zoom para eliminar bandas blancas nativas) -->\r\n                    <div class=\"group flex flex-col justify-between\">\r\n                        <div class=\"w-full\">\r\n                            <div class=\"w-full overflow-hidden mb-8 rounded-[2rem] h-[260px] shadow-sm bg-gray-50 flex items-center justify-center\">\r\n                                <img decoding=\"async\" src=\"https:\/\/sauco.si4.es\/wp-content\/uploads\/2026\/07\/b07c0eb5-daed-48ec-b7c6-a69791a82a55-1.jpg\" \r\n                                     alt=\"Hosteler\u00eda\" \r\n                                     class=\"w-full h-full min-w-full min-h-full object-cover scale-135 object-center transition-all duration-700 group-hover:scale-[1.45]\">\r\n                            <\/div>\r\n                            <h3 class=\"text-2xl font-normal text-[#0A192F] mb-4 tracking-tight\">\r\n                                <span class=\"lang-es\">Hosteler\u00eda<\/span><span class=\"lang-va hidden\">Hostaleria<\/span>\r\n                            <\/h3>\r\n                            <p class=\"text-sm text-[#0A192F]\/70 font-light leading-relaxed mb-6\">\r\n                                <span class=\"lang-es\">Distribuci\u00f3n \u00e1gil de agua, refrescos, cerveza y otras bebidas seleccionadas para bares, restaurantes y negocios del sector Horeca.<\/span>\r\n                                <span class=\"lang-va hidden\">Distribuci\u00f3 \u00e0gil d'aigua, refrescos, cervesa i altres begudes seleccionades per a bars, restaurants i negocis del sector Horeca.<\/span>\r\n                            <\/p>\r\n                        <\/div>\r\n                        <a href=\"#contacto\" class=\"inline-flex items-center gap-1.5 text-xs font-bold tracking-widest uppercase text-[#0A192F] hover:text-[#219EBC] transition-all duration-300\">\r\n                            <span class=\"lang-es\">Saber m\u00e1s<\/span><span class=\"lang-va hidden\">Saber-ne m\u00e9s<\/span>\r\n                            <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" stroke-width=\"2.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11063ad elementor-widget elementor-widget-html\" data-id=\"11063ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"como-funciona\" class=\"relative w-full overflow-hidden bg-white pt-0 pb-0\">\r\n            \r\n      <div class=\"absolute inset-0 z-0 flex flex-col justify-between pointer-events-none select-none\">\r\n                <div class=\"w-full aspect-[1920\/1061] min-h-[140px] max-h-[360px] relative shrink-0 overflow-hidden\">\r\n                    <svg \r\n                        viewBox=\"0 0 1920 1061\" \r\n                        fill=\"none\" \r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        preserveAspectRatio=\"xMidYMin slice\"\r\n                        class=\"w-full h-full min-w-full block\"\r\n                    >\r\n                        <path d=\"M0 1061H1920V35.1929C1920 35.1929 1850 0 1605.5 0C1361 0 1033.5 71.0374 625 120.568C216.5 170.099 0 49.5307 0 49.5307V1061Z\" fill=\"#CAF5FE\"\/>\r\n                    <\/svg>\r\n                <\/div>\r\n                \r\n                <div class=\"w-full flex-grow bg-[#CAF5FE]\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"relative max-w-7xl mx-auto px-6 lg:px-12 z-10 pt-28 sm:pt-26 lg:pt-44 pb-48 md:pb-44 lg:pb-20\">\r\n                \r\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center mb-16 lg:mb-24\">\r\n                    <div class=\"lg:col-span-7\">\r\n                        <span class=\"text-xs font-bold tracking-widest uppercase text-[#219EBC] block mb-4\">\r\n                            <span class=\"lang-es\">Tu comodidad es lo primero<\/span>\r\n                            <span class=\"lang-va hidden\">La teua comoditat \u00e9s el primer<\/span>\r\n                        <\/span>\r\n                        <h2 class=\"text-4xl lg:text-5xl font-light tracking-tight text-[#0A192F] leading-[1.15]\">\r\n                            <span class=\"lang-es\">As\u00ed de f\u00e1cil gestionamos<br>tus entregas<\/span>\r\n                            <span class=\"lang-va hidden\">Aix\u00ed de f\u00e0cil gestionem<br>les teues entregues<\/span>\r\n                        <\/h2>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"lg:col-span-5  flex justify-center lg:justify-end\">\r\n                        <div class=\"w-64 p-2 h-64 sm:w-72 sm:h-72 lg:w-[360px] lg:h-[360px]\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sauco.si4.es\/wp-content\/uploads\/2026\/07\/Vector-1.png\" \r\n                                 alt=\"Gota de agua Sauco\" \r\n                                 class=\"w-full h-full object-contain pointer-events-none\">\r\n                        <\/div>\r\n                        \r\n                        <div class=\"w-64 h-64 sm:w-72 sm:h-72 lg:w-[560px] lg:h-[360px]\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sauco.si4.es\/wp-content\/uploads\/2026\/07\/Vector.png\" \r\n                                 alt=\"Gota de agua Sauco\" \r\n                                 class=\"w-full h-full object-contain pointer-events-none\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8\">\r\n                    <div class=\"flex flex-col\">\r\n                        <div class=\"w-9 h-9 flex items-center justify-center bg-white\/60 border border-[#0A192F]\/10 rounded-full mb-6 text-[#0A192F] font-semibold text-xs\">\r\n                            01\r\n                        <\/div>\r\n                        <h3 class=\"text-md font-semibold text-[#0A192F] mb-3 tracking-wide\">\r\n                            <span class=\"lang-es\">Elige cantidad y ritmo<\/span>\r\n                            <span class=\"lang-va hidden\">Tria quantitat i ritme<\/span>\r\n                        <\/h3>\r\n                        <p class=\"text-xs text-[#0A192F]\/70 font-light leading-relaxed\">\r\n                            <span class=\"lang-es\">Elige la cantidad de agua y el ritmo de entrega que mejor se adapte a ti o a tu equipo.<\/span>\r\n                            <span class=\"lang-va hidden\">Tria la quantitat d'aigua i el ritme d'entrega que millor s'adapte a tu o al teu equip.<\/span>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex flex-col\">\r\n                        <div class=\"w-9 h-9 flex items-center justify-center bg-white\/60 border border-[#0A192F]\/10 rounded-full mb-6 text-[#0A192F] font-semibold text-xs\">\r\n                            02\r\n                        <\/div>\r\n                        <h3 class=\"text-md font-semibold text-[#0A192F] mb-3 tracking-wide\">\r\n                            <span class=\"lang-es\">T\u00fa marcas las horas<\/span>\r\n                            <span class=\"lang-va hidden\">Tu marques les hores<\/span>\r\n                        <\/h3>\r\n                        <p class=\"text-xs text-[#0A192F]\/70 font-light leading-relaxed\">\r\n                            <span class=\"lang-es\">Selecciona el d\u00eda y la franja horaria en la que prefieres recibir tu pedido de forma \u00f3ptima.<\/span>\r\n                            <span class=\"lang-va hidden\">Selecciona el dia i la franja hor\u00e0ria en qu\u00e8 prefereixes rebre la teua comanda de forma \u00f2ptima.<\/span>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex flex-col\">\r\n                        <div class=\"w-9 h-9 flex items-center justify-center bg-white\/60 border border-[#0A192F]\/10 rounded-full mb-6 text-[#0A192F] font-semibold text-xs\">\r\n                            03\r\n                        <\/div>\r\n                        <h3 class=\"text-md font-semibold text-[#0A192F] mb-3 tracking-wide\">\r\n                            <span class=\"lang-es\">Entrega sin esfuerzo<\/span>\r\n                            <span class=\"lang-va hidden\">Entrega sense esfor\u00e7<\/span>\r\n                        <\/h3>\r\n                        <p class=\"text-xs text-[#0A192F]\/70 font-light leading-relaxed\">\r\n                            <span class=\"lang-es\">Recibe tus botellas peri\u00f3dicamente y sin preocupaciones, directamente en tu hogar o negocio.<\/span>\r\n                            <span class=\"lang-va hidden\">Reb les teues botelles peri\u00f2dicament i sense preocupacions, directament a la teua llar o negoci.<\/span>\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex flex-col\">\r\n                        <div class=\"w-9 h-9 flex items-center justify-center bg-white\/60 border border-[#0A192F]\/10 rounded-full mb-6 text-[#0A192F] font-semibold text-xs\">\r\n                            04\r\n                        <\/div>\r\n                        <h3 class=\"text-md font-semibold text-[#0A192F] mb-3 tracking-wide\">\r\n                            <span class=\"lang-es\">Flexibilidad absoluta<\/span>\r\n                            <span class=\"lang-va hidden\">Flexibilitat absoluta<\/span>\r\n                        <\/h3>\r\n                        <p class=\"text-xs text-[#0A192F]\/70 font-light leading-relaxed\">\r\n                            <span class=\"lang-es\">Gestiona tus pedidos cuando quieras: cambia cantidades, modifica fechas o ajusta la frecuencia f\u00e1cilmente.<\/span>\r\n                            <span class=\"lang-va hidden\">Gestiona les teues comandes quan vulgues: canvia quantitats, modifica dates o ajusta la freq\u00fc\u00e8ncia f\u00e0cilment.<\/span>\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <div class=\"w-full aspect-[1920\/1321] min-h-[120px] max-h-[220px] relative shrink-0 overflow-hidden\">\r\n    <svg \r\n        viewBox=\"0 0 1920 1321\" \r\n        fill=\"none\" \r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        preserveAspectRatio=\"xMidYMin slice\"\r\n        class=\"w-full h-full min-w-full block\"\r\n    >\r\n        <path d=\"M1920 1321H0V43.8169C0 43.8169 70 0 314.5 0C559 0 886.5 88.4453 1295 150.114C1703.5 211.782 1920 61.6682 1920 61.6682V1321Z\" fill=\"#E2E5F8\"\/>\r\n    <\/svg>\r\n<\/div>\r\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2def6e elementor-widget elementor-widget-html\" data-id=\"c2def6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"calculadora\" class=\"relative w-full overflow-hidden bg-[#E2E5F8] pt-0 pb-0\">\r\n            \r\n            <div class=\"absolute inset-0 z-0 flex flex-col justify-between pointer-events-none select-none\">\r\n                <div class=\"w-full flex-grow\"><\/div>\r\n                \r\n                \r\n            <\/div>\r\n\r\n            <div class=\"relative max-w-7xl mx-auto px-6 lg:px-12 z-10 pb-24 md:pb-16\">\r\n                \r\n               \r\n                <div class=\"text-center max-w-2xl mx-auto mb-12 lg:mb-16 relative z-10\">\r\n                    <span class=\"text-xs font-bold tracking-widest uppercase text-[#219EBC] block mb-3\">\r\n                        <span class=\"lang-es\">Recomendador de Hidrataci\u00f3n<\/span>\r\n                        <span class=\"lang-va hidden\">Recomanador d'Hidrataci\u00f3<\/span>\r\n                    <\/span>\r\n                    <h2 class=\"text-3xl lg:text-5xl font-light tracking-tight text-[#0A192F]\">\r\n                        <span class=\"lang-es\">\u00bfQu\u00e9 plan de distribuci\u00f3n necesitas?<\/span>\r\n                        <span class=\"lang-va hidden\">Quin pla de distribuci\u00f3 necessites?<\/span>\r\n                    <\/h2>\r\n                <\/div>\r\n                \r\n                <div class=\"relative z-10 bg-white p-8 lg:p-12 rounded-[32px] border border-white\/40 shadow-2xl shadow-[#0A192F]\/5 max-w-3xl mx-auto\">\r\n                    \r\n                    <p class=\"text-xs tracking-wider uppercase font-semibold text-[#0A192F]\/60 text-center mb-6\">\r\n                        <span class=\"lang-es\">\u00bfCu\u00e1ntas personas van a consumir agua?<\/span>\r\n                        <span class=\"lang-va hidden\">Quantes persones van a consumir aigua?<\/span>\r\n                    <\/p>\r\n                    \r\n                    <div class=\"grid grid-cols-2 md:grid-cols-4 gap-3 mb-10\">\r\n                        <button type=\"button\" onclick=\"calculatePlan('1-3', window.currentLanguage)\" id=\"btn-1-3\" class=\"calc-btn border border-[#0A192F]\/10 py-4 px-4 rounded-2xl text-xs font-bold tracking-wide transition-all duration-300 bg-white text-[#0A192F] hover:border-[#219EBC]\/50\">1-3 pers.<\/button>\r\n                        <button type=\"button\" onclick=\"calculatePlan('4-8', window.currentLanguage)\" id=\"btn-4-8\" class=\"calc-btn border border-[#0A192F]\/10 py-4 px-4 rounded-2xl text-xs font-bold tracking-wide transition-all duration-300 bg-white text-[#0A192F] hover:border-[#219EBC]\/50\">4-8 pers.<\/button>\r\n                        <button type=\"button\" onclick=\"calculatePlan('10-25', window.currentLanguage)\" id=\"btn-10-25\" class=\"calc-btn border border-[#0A192F]\/10 py-4 px-4 rounded-2xl text-xs font-bold tracking-wide transition-all duration-300 bg-white text-[#0A192F] hover:border-[#219EBC]\/50\">10-25 pers.<\/button>\r\n                        <button type=\"button\" onclick=\"calculatePlan('+25', window.currentLanguage)\" id=\"btn-+25\" class=\"calc-btn border border-[#0A192F]\/10 py-4 px-4 rounded-2xl text-xs font-bold tracking-wide transition-all duration-300 bg-white text-[#0A192F] hover:border-[#219EBC]\/50\">+25 pers.<\/button>\r\n                    <\/div>\r\n\r\n                    <div class=\"border-t border-[#0A192F]\/5 pt-8\">\r\n                        <div class=\"flex flex-col md:flex-row md:items-start justify-between gap-6 mb-8\">\r\n                            <div>\r\n                                <span class=\"text-[10px] font-bold text-[#219EBC] tracking-widest uppercase mb-1 block\">\r\n                                    <span class=\"lang-es\">Propuesta recomendada<\/span>\r\n                                    <span class=\"lang-va hidden\">Proposta recomanada<\/span>\r\n                                <\/span>\r\n                                <h4 class=\"text-2xl font-semibold text-[#0A192F] mb-3\" id=\"plan-title\">Plan Hogar Esencial<\/h4>\r\n                                <p class=\"text-sm text-[#0A192F]\/70 font-light leading-relaxed max-w-md\" id=\"plan-desc\">Pensado para familias peque\u00f1as de La Ribera. Suministro c\u00f3modo de agua y dispensador silencioso.<\/p>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"bg-[#F4F7F6] p-6 rounded-2xl min-w-[180px] text-center md:text-right shrink-0\">\r\n                                <span class=\"block text-[10px] font-bold text-[#0A192F]\/50 tracking-wider uppercase mb-1\">\r\n                                    <span class=\"lang-es\">Estimaci\u00f3n Mensual<\/span>\r\n                                    <span class=\"lang-va hidden\">Estimaci\u00f3 Mensual<\/span>\r\n                                <\/span>\r\n                                <div class=\"text-3xl font-light text-[#0A192F]\"><span class=\"font-semibold\" id=\"plan-price\">19,90<\/span>\u20ac<\/div>\r\n                                <span class=\"text-[10px] text-[#0A192F]\/40 block mt-1\" id=\"plan-bottles\">Incluye 2 botellas\/mes<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"bg-[#F4F7F6]\/80 rounded-2xl p-6 mb-8\">\r\n                            <p class=\"text-[11px] font-bold tracking-wider uppercase text-[#0A192F]\/70 mb-4\">\r\n                                <span class=\"lang-es\">Servicios Premium Incluidos a 0\u20ac:<\/span>\r\n                                <span class=\"lang-va hidden\">Serveis Premium Inclosos a 0\u20ac:<\/span>\r\n                            <\/p>\r\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 text-xs text-[#0A192F]\/80 font-medium\">\r\n                                <div class=\"flex items-center gap-2.5\">\r\n                                    <svg class=\"w-4 h-4 shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n                                    <span id=\"service-dispensador\">Dispensador moderno gratis<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2.5\">\r\n                                    <svg class=\"w-4 h-4  shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n                                    <span class=\"lang-es\">Reparto directo en La Ribera<\/span>\r\n                                    <span class=\"lang-va hidden\">Repartiment directe a La Ribera<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2.5\">\r\n                                    <svg class=\"w-4 h-4 text-[#219EBC] shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n                                    <span class=\"lang-es font-semibold text-[#219EBC]\">Sin permanencia m\u00ednima<\/span>\r\n                                    <span class=\"lang-va hidden font-semibold text-[#219EBC]\">Sense perman\u00e8ncia m\u00ednima<\/span>\r\n                                <\/div>\r\n                                <div class=\"flex items-center gap-2.5\">\r\n                                    <svg class=\"w-4 h-4  shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n                                    <span class=\"lang-es\">Mantenimiento higi\u00e9nico anual<\/span>\r\n                                    <span class=\"lang-va hidden\">Manteniment higi\u00e8nic anual<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"text-center\">\r\n                            <a href=\"#contacto\" class=\"inline-block bg-[#0A192F] text-white text-xs font-bold tracking-widest uppercase py-4 px-10 rounded-full hover:bg-[#219EBC] transition-all duration-300 shadow-md shadow-[#0A192F]\/10\">\r\n                                <span class=\"lang-es\">Quiero esta propuesta<\/span>\r\n                                <span class=\"lang-va hidden\">Vull aquesta proposta<\/span>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n         <div class=\"w-full aspect-[1920\/321] min-h-[100px] max-h-[220px] relative shrink-0 overflow-hidden\">\r\n    <svg \r\n        viewBox=\"0 0 1920 1061\" \r\n        fill=\"none\" \r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        preserveAspectRatio=\"xMidYMin slice\"\r\n        class=\"w-full h-full min-w-full block\"\r\n    >\r\n        <path d=\"M0 1061H1920V35.1929C1920 35.1929 1850 0 1605.5 0C1361 0 1033.5 71.0374 625 120.568C216.5 170.099 0 49.5307 0 49.5307V1061Z\" fill=\"#FEFEFE\"\/>\r\n    <\/svg>\r\n<\/div>\r\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e3197a elementor-widget elementor-widget-html\" data-id=\"0e3197a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 6. SECCI\u00d3N TESTIMONIOS -->\r\n        <section id=\"testimonios\" class=\"relative w-full overflow-hidden bg-white pt-0 pb-0\">\r\n            \r\n            <!-- Contenido Principal -->\r\n            <div class=\"relative max-w-7xl mx-auto px-6 lg:px-12 z-10 pb-32 md:pb-44 lg:pb-20\">\r\n                \r\n                <!-- Cabecera -->\r\n                <div class=\"max-w-2xl mb-16 lg:mb-20\">\r\n                    <span class=\"text-xs font-bold tracking-widest uppercase text-[#219EBC] block mb-3\">\r\n                        <span class=\"lang-es\">Testimonios de Confianza<\/span>\r\n                        <span class=\"lang-va hidden\">Testimonis de Confian\u00e7a<\/span>\r\n                    <\/span>\r\n                    <h2 class=\"text-3xl lg:text-5xl font-light tracking-tight text-[#0A192F]\">\r\n                        <span class=\"lang-es\">La experiencia real de nuestros clientes<\/span>\r\n                        <span class=\"lang-va hidden\">L'experi\u00e8ncia real dels nostres clients<\/span>\r\n                    <\/h2>\r\n                <\/div>\r\n\r\n                <!-- Rejilla de Testimonios -->\r\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-8 items-stretch\">\r\n                    \r\n                    <!-- Marta -->\r\n                    <div class=\"flex flex-col justify-between bg-[#F4F7F6]\/50 p-8 rounded-3xl border border-gray-100\/80 shadow-sm relative\">\r\n                        <!-- Detalle decorativo de comilla premium -->\r\n                        <span class=\"absolute top-6 right-8 text-6xl text-[#219EBC]\/10 font-serif pointer-events-none select-none\">\u201c<\/span>\r\n                        \r\n                        <p class=\"text-sm text-[#0A192F]\/80 font-light leading-relaxed mb-8 italic relative z-10\">\r\n                            <span class=\"lang-es\">\"Encontrar un servicio tan r\u00e1pido, educado y puntual en Castell\u00f3 ha sido genial. Con Sauco no nos tenemos que preocupar de cargar garrafas de agua nunca m\u00e1s.\"<\/span>\r\n                            <span class=\"lang-va hidden\">\"Trobar un servei tan r\u00e0pid, educat i puntual a Castell\u00f3 ha sigut genial. Amb Sauco no ens hem de preocupar de carregar garrafes d'aigua mai m\u00e9s.\"<\/span>\r\n                        <\/p>\r\n                        <div class=\"flex items-center gap-4 border-t border-[#0A192F]\/5 pt-4\">\r\n                            <img decoding=\"async\" class=\"w-11 h-11 rounded-full object-cover shadow-inner shrink-0\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&fit=crop&q=80&w=200\" alt=\"Cliente Sauco\">\r\n                            <div>\r\n                                <h4 class=\"text-sm font-semibold text-[#0A192F]\">Marta Albelda<\/h4>\r\n                                <span class=\"text-xs text-[#0A192F]\/50 block mt-0.5\">\r\n                                    <span class=\"lang-es\">Hogar (X\u00e0tiva)<\/span>\r\n                                    <span class=\"lang-va hidden\">Llar (X\u00e0tiva)<\/span>\r\n                                <\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Vicent -->\r\n                    <div class=\"flex flex-col justify-between bg-[#F4F7F6]\/50 p-8 rounded-3xl border border-gray-100\/80 shadow-sm relative\">\r\n                        <span class=\"absolute top-6 right-8 text-6xl text-[#219EBC]\/10 font-serif pointer-events-none select-none\">\u201c<\/span>\r\n                        \r\n                        <p class=\"text-sm text-[#0A192F]\/80 font-light leading-relaxed mb-8 italic relative z-10\">\r\n                            <span class=\"lang-es\">\"La comodidad de tener dispensadores en la oficina cerca de Pobla Llarga ha cambiado nuestra rutina de trabajo. Agua pura y un trato excelente siempre.\"<\/span>\r\n                            <span class=\"lang-va hidden\">\"La comoditat de tindre dispensadors a l'oficina prop de Pobla Llarga ha canviat la nostra rutina de treball. Aigua pura i un tracte excel\u00b7lent sempre.\"<\/span>\r\n                        <\/p>\r\n                        <div class=\"flex items-center gap-4 border-t border-[#0A192F]\/5 pt-4\">\r\n                            <img decoding=\"async\" class=\"w-11 h-11 rounded-full object-cover shadow-inner shrink-0\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=200\" alt=\"Cliente Sauco\">\r\n                            <div>\r\n                                <h4 class=\"text-sm font-semibold text-[#0A192F]\">Vicent Sanchis<\/h4>\r\n                                <span class=\"text-xs text-[#0A192F]\/50 block mt-0.5\">\r\n                                    <span class=\"lang-es\">Director \u2014 Sanchis Tech<\/span>\r\n                                    <span class=\"lang-va hidden\">Director \u2014 Sanchis Tech<\/span>\r\n                                <\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Laura -->\r\n                    <div class=\"flex flex-col justify-between bg-[#F4F7F6]\/50 p-8 rounded-3xl border border-gray-100\/80 shadow-sm relative\">\r\n                        <span class=\"absolute top-6 right-8 text-6xl text-[#219EBC]\/10 font-serif pointer-events-none select-none\">\u201c<\/span>\r\n                        \r\n                        <p class=\"text-sm text-[#0A192F]\/80 font-light leading-relaxed mb-8 italic relative z-10\">\r\n                            <span class=\"lang-es\">\"Son nuestros distribuidores de confianza para todo el cat\u00e1logo de refrescos y agua del restaurante. Un soporte y disponibilidad de diez.\"<\/span>\r\n                            <span class=\"lang-va hidden\">\"S\u00f3n els nostres distribu\u00efdors de confian\u00e7a per a tot el cat\u00e0leg de refrescos i aigua del restaurant. Un suport i disponibilitat de deu.\"<\/span>\r\n                        <\/p>\r\n                        <div class=\"flex items-center gap-4 border-t border-[#0A192F]\/5 pt-4\">\r\n                            <img decoding=\"async\" class=\"w-11 h-11 rounded-full object-cover shadow-inner shrink-0\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&q=80&w=200\" alt=\"Cliente Sauco\">\r\n                            <div>\r\n                                <h4 class=\"text-sm font-semibold text-[#0A192F]\">Laura Ortiz<\/h4>\r\n                                <span class=\"text-xs text-[#0A192F]\/50 block mt-0.5\">\r\n                                    <span class=\"lang-es\">Propietaria \u2014 Gastrotasca Ribera<\/span>\r\n                                    <span class=\"lang-va hidden\">Propiet\u00e0ria \u2014 Gastrotasca Ribera<\/span>\r\n                                <\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n          \r\n\r\n        <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43bb68c elementor-widget elementor-widget-html\" data-id=\"43bb68c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Imagen de fondo adaptativa para la secci\u00f3n de contacto *\/\r\n    .bg-contacto-mvl {\r\n        background-image: url('https:\/\/sauco.si4.es\/wp-content\/uploads\/2026\/07\/daniele-levis-pelusi-QHSuZvRUZXY-unsplash3-1.jpg');\r\n    }\r\n    \r\n    @media (min-width: 768px) {\r\n        .bg-contacto-mvl {\r\n            background-image: url('https:\/\/sauco.si4.es\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-15-jul-2026-19_03_21-1.jpg');\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"contacto\" class=\"relative w-full overflow-hidden bg-[#029cd5] py-0 flex flex-col justify-between min-h-screen\">\r\n    \r\n    <div class=\"bg-contacto-mvl absolute inset-0 z-0 bg-cover bg-center bg-no-repeat select-none pointer-events-none\"><\/div>\r\n\r\n    <div class=\"absolute top-0 left-0 w-full z-10 pointer-events-none select-none\">\r\n        <div class=\"w-full aspect-[1920\/120] relative\">\r\n            <svg viewBox=\"0 0 1920 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\" class=\"w-full h-full block\">\r\n                <path d=\"M0 0H1920V40C1920 40 1720 120 1420 120C1120 120 800 20 400 20C150 20 0 80 0 80V0Z\" fill=\"#FFFFFF\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"relative z-20 max-w-7xl mx-auto px-6 lg:px-12 pt-32 pb-40 w-full\">\r\n        \r\n        <div class=\"text-center max-w-4xl mx-auto mt-16 mb-16 lg:mb-20\">\r\n            <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-light tracking-tight text-white leading-tight\">\r\n                <span class=\"lang-es\">Empieza hoy a disfrutar de un servicio c\u00f3modo, r\u00e1pido y de confianza.<\/span>\r\n                <span class=\"lang-va hidden\">Comen\u00e7a hui a gaudir d'un servei c\u00f2mode, r\u00e0pid i de confian\u00e7a.<\/span>\r\n            <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 max-w-5xl mx-auto items-stretch\">\r\n            \r\n            <div class=\"backdrop-blur-xl bg-white\/10 border border-white\/20 rounded-[32px] p-8 lg:p-12 text-white flex flex-col justify-between shadow-2xl shadow-black\/10\">\r\n                <div>\r\n                    <span class=\"text-[10px] font-bold tracking-widest uppercase text-white\/70 block mb-3\">\r\n                        <span class=\"lang-es\">Atenci\u00f3n Directa<\/span>\r\n                        <span class=\"lang-va hidden\">Atenci\u00f3 Directa<\/span>\r\n                    <\/span>\r\n                    <h3 class=\"text-3xl lg:text-4xl font-light tracking-tight mb-6\">\r\n                        <span class=\"lang-es\">\u00bfHablamos? Estamos muy cerca de ti<\/span>\r\n                        <span class=\"lang-va hidden\">Parlem? Estem molt prop de tu<\/span>\r\n                    <\/h3>\r\n                    <p class=\"text-white\/85 font-light text-sm leading-relaxed mb-10\">\r\n                        <span class=\"lang-es\">Si tienes cualquier duda, quieres ajustar un servicio o concertar una entrega, ponte en contacto con nuestro equipo local en Castell\u00f3 (Valencia).<\/span>\r\n                        <span class=\"lang-va hidden\">Si tens qualsevol dubte, vols ajustar un servei o concertar una entrega, posa't en contacte amb el nostre equip local a Castell\u00f3 (Val\u00e8ncia).<\/span>\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"space-y-6 pt-6 border-t border-white\/10\">\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <span class=\"w-10 h-10 rounded-full bg-white flex items-center justify-center text-[#0A192F] shrink-0 shadow-md\">\r\n                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.94.725l.548 2.2a1 1 0 01-.321.988l-1.305.98a10.582 10.582 0 004.872 4.872l.98-1.305a1 1 0 01.988-.321l2.2.548a1 1 0 01.725.94V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <div>\r\n                            <h4 class=\"text-[10px] font-bold tracking-wider uppercase text-white\/60\">\r\n                                <span class=\"lang-es\">Llama directamente<\/span>\r\n                                <span class=\"lang-va hidden\">Flama directament<\/span>\r\n                            <\/h4>\r\n                            <p class=\"text-base font-semibold\">650 58 85 00<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"flex items-center gap-4\">\r\n                        <span class=\"w-10 h-10 rounded-full bg-white flex items-center justify-center text-[#0A192F] shrink-0 shadow-md\">\r\n                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path>\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\r\n                            <\/svg>\r\n                        <\/span>\r\n                        <div>\r\n                            <h4 class=\"text-[10px] font-bold tracking-wider uppercase text-white\/60\">\r\n                                <span class=\"lang-es\">Nuestra Sede<\/span>\r\n                                <span class=\"lang-va hidden\">La nostra Seu<\/span>\r\n                            <\/h4>\r\n                            <p class=\"text-sm font-medium text-white\/90\">Ctra. Pobla Llarga\/Sumac\u00e0rcer, s\/n, 46270 Castell\u00f3, Valencia<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"backdrop-blur-xl bg-white\/10 border border-white\/20 rounded-[32px] p-8 lg:p-12 text-white shadow-2xl shadow-black\/10\">\r\n                <h3 class=\"text-2xl font-normal mb-8 tracking-tight\">\r\n                    <span class=\"lang-es\">Solicita informaci\u00f3n<\/span>\r\n                    <span class=\"lang-va hidden\">Sol\u00b7licita informaci\u00f3<\/span>\r\n                <\/h3>\r\n                \r\n                <form onsubmit=\"handleFormSubmit(event)\" class=\"space-y-6\">\r\n                    <div>\r\n                        <label class=\"block text-[10px] font-semibold tracking-wider uppercase text-white\/80 mb-2\">\r\n                            <span class=\"lang-es\">Nombre completo<\/span>\r\n                            <span class=\"lang-va hidden\">Nom complet<\/span>\r\n                        <\/label>\r\n                        <input type=\"text\" required class=\"w-full bg-white text-[#0A192F] placeholder-gray-400 rounded-xl px-5 py-3.5 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-white\/40 transition-all duration-300\" placeholder=\"Ana G\u00f3mez\">\r\n                    <\/div>\r\n                    \r\n                    <div>\r\n                        <label class=\"block text-[10px] font-semibold tracking-wider uppercase text-white\/80 mb-2\">\r\n                            <span class=\"lang-es\">Tel\u00e9fono de contacto<\/span>\r\n                            <span class=\"lang-va hidden\">Tel\u00e8fon de contacte<\/span>\r\n                        <\/label>\r\n                        <input type=\"tel\" required class=\"w-full bg-white text-[#0A192F] placeholder-gray-400 rounded-xl px-5 py-3.5 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-white\/40 transition-all duration-300\" placeholder=\"650588500\">\r\n                    <\/div>\r\n                    \r\n                    <div>\r\n                        <label class=\"block text-[10px] font-semibold tracking-wider uppercase text-white\/80 mb-2\">\r\n                            <span class=\"lang-es\">Poblaci\u00f3n (La Ribera)<\/span>\r\n                            <span class=\"lang-va hidden\">Poblaci\u00f3 (La Ribera)<\/span>\r\n                        <\/label>\r\n                        <input type=\"text\" required class=\"w-full bg-white text-[#0A192F] placeholder-gray-400 rounded-xl px-5 py-3.5 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-white\/40 transition-all duration-300\" placeholder=\"X\u00e0tiva, Castell\u00f3...\">\r\n                    <\/div>\r\n                    \r\n                    <div>\r\n                        <label class=\"block text-[10px] font-semibold tracking-wider uppercase text-white\/80 mb-2\">\r\n                            <span class=\"lang-es\">Tipo de servicio<\/span>\r\n                            <span class=\"lang-va hidden\">Tipus de servei<\/span>\r\n                        <\/label>\r\n                        <select id=\"form-service\" class=\"w-full bg-white text-[#0A192F] rounded-xl px-5 py-3.5 text-sm font-medium focus:outline-none focus:ring-2 focus:ring-white\/40 transition-all duration-300\">\r\n                            <option value=\"hogar\">Hogar (Dispensador &amp; Agua) \/ Llar<\/option>\r\n                            <option value=\"empresa\">Empresa \/ Oficinas \/ Oficines<\/option>\r\n                            <option value=\"hosteleria\">Hosteler\u00eda \/ Hostaler\u00eda<\/option>\r\n                        <\/select>\r\n                    <\/div>\r\n                    \r\n                    <button type=\"submit\" class=\"w-full bg-[#031A4C] text-white text-xs font-semibold tracking-widest uppercase py-4 rounded-xl hover:bg-[#0A192F] transition-all duration-300 shadow-lg shadow-black\/10\">\r\n                        <span class=\"lang-es\">Enviar Solicitud<\/span>\r\n                        <span class=\"lang-va hidden\">Enviar Sol\u00b7licitud<\/span>\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"absolute bottom-0 left-0 w-full z-10 pointer-events-none select-none\">\r\n        <div class=\"w-full aspect-[1920\/120] relative\">\r\n            <svg viewBox=\"0 0 1920 120\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\" class=\"w-full h-full block\">\r\n                <path d=\"M0 120H1920V40C1920 40 1720 0 1420 0C1120 0 800 100 400 100C150 100 0 40 0 40V120Z\" fill=\"#00053E\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bff772 elementor-widget elementor-widget-html\" data-id=\"3bff772\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n    <!-- CONTROLADORES L\u00d3GICOS (LENGUAJE + CALCULADORA) -->\r\n    <script>\r\n        \/\/ Variables de Control Global\r\n        window.currentLanguage = 'es';\r\n        window.currentPlanOption = '1-3';\r\n\r\n        \/\/ Base de Datos Estructurada de la Calculadora Biling\u00fce Premium\r\n        const planDatabase = {\r\n            '1-3': {\r\n                price: '19,90',\r\n                es: { \r\n                    t: 'Plan Hogar Esencial', \r\n                    d: 'Pensado para n\u00facleos familiares peque\u00f1os de La Ribera. Tu dispensador silencioso de alta calidad y de 2 a 3 botellas mensuales con entrega coordinada.',\r\n                    b: 'Incluye 2 botellas\/mes',\r\n                    disp: 'Dispensador Hogar incluido'\r\n                },\r\n                va: { \r\n                    t: 'Pla Llar Essencial', \r\n                    d: 'Pensat per a nuclis familiars petits de La Ribera. El teu dispensador silenci\u00f3s d\\'alta qualitat i de 2 a 3 botelles mensuals amb entrega coordinada.',\r\n                    b: 'Inclou 2 botelles\/mes',\r\n                    disp: 'Dispensador Llar incl\u00f2s'\r\n                }\r\n            },\r\n            '4-8': {\r\n                price: '29,50',\r\n                es: { \r\n                    t: 'Plan Familia Confort', \r\n                    d: 'Nuestra propuesta ideal para el hogar mediterr\u00e1neo activo. Dispensador ergon\u00f3mico de f\u00e1cil uso y entre 4 y 6 botellas de agua pura cada mes sin cargar peso.',\r\n                    b: 'Incluye 4 botellas\/mes',\r\n                    disp: 'Dispensador Familiar incluido'\r\n                },\r\n                va: { \r\n                    t: 'Pla Fam\u00edlia Confort', \r\n                    d: 'La nostra proposta ideal per a la llar mediterr\u00e0nia activa. Dispensador ergon\u00f2mic de f\u00e0cil \u00fas i entre 4 i 6 botelles d\\'aigua pura cada mes sense carregar pes.',\r\n                    b: 'Inclou 4 botelles\/mes',\r\n                    disp: 'Dispensador Familiar incl\u00f2s'\r\n                }\r\n            },\r\n            '10-25': {\r\n                price: '44,90',\r\n                es: { \r\n                    t: 'Plan Profesional Oficina', \r\n                    d: 'Incrementa el bienestar de tu equipo en oficinas y cl\u00ednicas de tama\u00f1o medio. Equipamiento moderno de dispensaci\u00f3n de agua fresca de forma peri\u00f3dica.',\r\n                    b: 'Incluye 6 botellas\/mes',\r\n                    disp: 'Dispensador de Pedestal Profesional'\r\n                },\r\n                va: { \r\n                    t: 'Pla Professional Oficina', \r\n                    d: 'Incrementa el benestar del teu equip en oficines i cl\u00edniques de grand\u00e0ria mitjana. Equipament modern de dispensaci\u00f3 d\\'aigua fresca de forma peri\u00f2dica.',\r\n                    b: 'Inclou 6 botelles\/mes',\r\n                    disp: 'Dispensador de Pedestall Professional'\r\n                }\r\n            },\r\n            '+25': {\r\n                price: 'Cons\u00faltanos',\r\n                es: { \r\n                    t: 'Plan Log\u00edstica a Medida', \r\n                    d: 'Estudio de hidrataci\u00f3n personalizado para industrias, colegios, grandes superficies y restauraci\u00f3n en Valencia. M\u00e1xima flexibilidad de abastecimiento.',\r\n                    b: 'Consumo flexible a demanda',\r\n                    disp: 'M\u00faltiples equipos a presupuesto'\r\n                },\r\n                va: { \r\n                    t: 'Pla Log\u00edstica a Mida', \r\n                    d: 'Estudi d\\'hidrataci\u00f3 personalitzat per a ind\u00fastries, col\u00b7legis, grans superf\u00edcies i restauraci\u00f3 a Val\u00e8ncia. M\u00e0xima flexibilitat d\\'abastiment.',\r\n                    b: 'Consum flexible a demanda',\r\n                    disp: 'M\u00faltiples equips a pressupost'\r\n                }\r\n            }\r\n        };\r\n\r\n        \/\/ Funci\u00f3n para cambiar de Idioma Din\u00e1micamente\r\n        function switchLanguage(lang) {\r\n            window.currentLanguage = lang;\r\n            \r\n            \/\/ Actualizar botones de idioma flotantes\r\n            const btnEs = document.getElementById('btn-lang-es');\r\n            const btnVa = document.getElementById('btn-lang-va');\r\n            if(lang === 'es') {\r\n                btnEs.className = \"px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider transition-all duration-300 bg-[#0A192F] text-white\";\r\n                btnVa.className = \"px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider transition-all duration-300 text-[#0A192F] hover:bg-gray-100\";\r\n            } else {\r\n                btnVa.className = \"px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider transition-all duration-300 bg-[#0A192F] text-white\";\r\n                btnEs.className = \"px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-wider transition-all duration-300 text-[#0A192F] hover:bg-gray-100\";\r\n            }\r\n\r\n            \/\/ Alternar los elementos de texto en el DOM\r\n            document.querySelectorAll('.lang-es').forEach(el => {\r\n                lang === 'es' ? el.classList.remove('hidden') : el.classList.add('hidden');\r\n            });\r\n            document.querySelectorAll('.lang-va').forEach(el => {\r\n                lang === 'va' ? el.classList.remove('hidden') : el.classList.add('hidden');\r\n            });\r\n\r\n            \/\/ Re-evaluar los planes de la calculadora con el nuevo idioma\r\n            calculatePlan(window.currentPlanOption, lang);\r\n        }\r\n\r\n        \/\/ L\u00f3gica de c\u00e1lculo y render de la propuesta\r\n        function calculatePlan(option, lang) {\r\n            window.currentPlanOption = option;\r\n            lang = lang || window.currentLanguage || 'es';\r\n            \r\n            \/\/ Manejar los estados activos de los botones\r\n            document.querySelectorAll('.calc-btn').forEach(btn => {\r\n                btn.classList.remove('bg-[#0A192F]', 'text-white', 'border-transparent');\r\n                btn.classList.add('bg-white', 'text-[#0A192F]', 'border-[#0A192F]\/10');\r\n            });\r\n\r\n            const activeBtn = document.getElementById('btn-' + option);\r\n            if (activeBtn) {\r\n                activeBtn.classList.remove('bg-white', 'text-[#0A192F]', 'border-[#0A192F]\/10');\r\n                activeBtn.classList.add('bg-[#0A192F]', 'text-white', 'border-transparent');\r\n            }\r\n\r\n            \/\/ Capturar elementos din\u00e1micos\r\n            const title = document.getElementById('plan-title');\r\n            const desc = document.getElementById('plan-desc');\r\n            const price = document.getElementById('plan-price');\r\n            const bottles = document.getElementById('plan-bottles');\r\n            const disp = document.getElementById('service-dispensador');\r\n\r\n            \/\/ Renderizado interactivo\r\n            if (planDatabase[option]) {\r\n                title.innerText = planDatabase[option][lang].t;\r\n                desc.innerText = planDatabase[option][lang].d;\r\n                price.innerText = planDatabase[option].price;\r\n                bottles.innerText = planDatabase[option][lang].b;\r\n                disp.innerText = planDatabase[option][lang].disp;\r\n            }\r\n        }\r\n\r\n        \/\/ Funci\u00f3n de aviso personalizado al enviar formulario seg\u00fan el idioma activo\r\n        function handleFormSubmit(event) {\r\n            event.preventDefault();\r\n            if(window.currentLanguage === 'es') {\r\n                alert('Solicitud enviada con \u00e9xito. Un asesor de Distribuciones de bebidas Sauco se pondr\u00e1 en contacto a la mayor brevedad.');\r\n            } else {\r\n                alert('Sol\u00b7licitud enviada amb \u00e8xit. Un assessor de Distribucions de begudes Sauco es posar\u00e0 en contacte el m\u00e9s prompte possible.');\r\n            }\r\n        }\r\n\r\n        \/\/ Carga inicial\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            switchLanguage('es');\r\n        });\r\n    <\/script>\r\n    <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29e804d elementor-widget elementor-widget-html\" data-id=\"29e804d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FOOTER (SAUCO MULTIDIOMA) -->\r\n<footer class=\"bg-[#00053E] text-white pt-20 pb-12 border-white\/10\">\r\n    <div class=\"max-w-7xl mx-auto px-6 lg:px-12 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8 mb-16\">\r\n        <!-- Columna 1 -->\r\n        <div>\r\n         \r\n            <p class=\"text-xs text-white\/60 leading-relaxed font-light mb-6\">\r\n                <strong class=\"text-white\/100\">Distribuciones de bebidas Sauco, S.L.<\/strong><br>\r\n                <span class=\"lang-es\">Suministro y reparto premium de agua embotellada y bebidas cerca de X\u00e0tiva y toda La Ribera.<\/span>\r\n                <span class=\"lang-va hidden\">Subministrament i repartiment premium d'aigua embotellada i begudes prop de X\u00e0tiva i tota La Ribera.<\/span>\r\n            <\/p>\r\n            <p class=\"text-xs text-[#219EBC] font-medium tracking-wide\">\r\n                \u2605\u2605\u2605\u2605\u2605 <span class=\"text-white\/70\">4.5 <\/span>\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Columna 2 -->\r\n        <div>\r\n            <h4 class=\"text-sm font-semibold tracking-wider uppercase mb-6\"><span class=\"lang-es\">D\u00f3nde Estamos<\/span><span class=\"lang-va hidden\">On Estem<\/span><\/h4>\r\n            <p class=\"text-xs text-white\/60 font-light mb-2\"><span class=\"lang-es\">Sede Central:<\/span><span class=\"lang-va hidden\">Seu Central:<\/span><\/p>\r\n            <p class=\"text-sm font-medium mb-6 text-white\/90\">Ctra. Pobla Llarga\/Sumac\u00e0rcer, s\/n<br>46270 Castell\u00f3, Valencia<\/p>\r\n        <\/div>\r\n\r\n        <!-- Columna 3 -->\r\n        <div>\r\n            <h4 class=\"text-sm font-semibold tracking-wider uppercase mb-6\"><span class=\"lang-es\">Servicios<\/span><span class=\"lang-va hidden\">Serveis<\/span><\/h4>\r\n            <ul class=\"space-y-4 text-xs font-light text-white\/70\">\r\n                <li><a href=\"#servicios\" class=\"hover:text-white transition-all duration-300\"><span class=\"lang-es\">Agua para el Hogar<\/span><span class=\"lang-va hidden\">Aigua per a la Llar<\/span><\/a><\/li>\r\n                <li><a href=\"#servicios\" class=\"hover:text-white transition-all duration-300\"><span class=\"lang-es\">Soluciones para Empresas<\/span><span class=\"lang-va hidden\">Solucions per a Empreses<\/span><\/a><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- Columna 4 -->\r\n        <div>\r\n            <h4 class=\"text-sm font-semibold tracking-wider uppercase mb-6\"><span class=\"lang-es\">Calidad Certificada<\/span><span class=\"lang-va hidden\">Qualitat Certificada<\/span><\/h4>\r\n            <p class=\"text-xs text-white\/60 leading-relaxed font-light mb-6\">\r\n                <span class=\"lang-es\">Ofrecemos un servicio higi\u00e9nico certificado con estrictos controles de seguridad alimentaria.<\/span>\r\n                <span class=\"lang-va hidden\">Oferim un servei higi\u00e8nic certificat amb estrictes controls de seguretat aliment\u00e0ria.<\/span>\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"max-w-7xl mx-auto px-6 lg:px-12 border-t border-white\/10 pt-8 flex flex-col md:flex-row items-center justify-between text-xs font-light text-white\/50 gap-4\">\r\n        <p>\u00a9 2026 Distribuciones de bebidas Sauco, S.L.<\/p>\r\n    <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ServiciosServeis C\u00f3mo funcionaCom funciona Por qu\u00e9 SaucoPer qu\u00e8 Sauco AsistenteAssistent 650 58 85 00 Solicitar informaci\u00f3nSol\u00b7licitar informaci\u00f3 Ver cat\u00e1logoVeure cat\u00e0leg Cat\u00e1logoCat\u00e0leg ES VAL ES VAL SAUCO ServiciosServeis C\u00f3mo funcionaCom funciona Por qu\u00e9 SaucoPer qu\u00e8 Sauco AsistenteAssistent Ver cat\u00e1logoVeure cat\u00e0leg ContactoContacte Atenci\u00f3n Telef\u00f3nicaAtenci\u00f3 Telef\u00f2nica 650 58 85 00 \u2605\u2605\u2605\u2605\u2605 4.5 EN GOOGLE4.5 A GOOGLE La forma [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sauco.si4.es\/index.php\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sauco.si4.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sauco.si4.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sauco.si4.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sauco.si4.es\/index.php\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":145,"href":"https:\/\/sauco.si4.es\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/sauco.si4.es\/index.php\/wp-json\/wp\/v2\/pages\/11\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/sauco.si4.es\/index.php\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}