{"id":49180,"date":"2025-10-09T12:20:33","date_gmt":"2025-10-09T12:20:33","guid":{"rendered":"https:\/\/azud.com\/projects\/"},"modified":"2026-07-13T11:27:48","modified_gmt":"2026-07-13T11:27:48","slug":"projects","status":"publish","type":"page","link":"https:\/\/azud.com\/en\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"49180\" class=\"elementor elementor-49180 elementor-33723\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a9da65 section e-flex e-con-boxed e-con e-parent\" data-id=\"0a9da65\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8eba068 e-con-full e-flex e-con e-child\" data-id=\"8eba068\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1c9006 elementor-widget elementor-widget-jet-breadcrumbs\" data-id=\"b1c9006\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jet-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-jet-breadcrumbs jet-blocks\">\n\t\t<div class=\"jet-breadcrumbs\">\n\t\t<div class=\"jet-breadcrumbs__content\">\n\t\t<div class=\"jet-breadcrumbs__wrap\"><div class=\"jet-breadcrumbs__item\"><a href=\"https:\/\/azud.com\/en\/\" class=\"jet-breadcrumbs__item-link is-home\" rel=\"home\" title=\"AZUD\">AZUD<\/a><\/div>\n\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af8a63c elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"af8a63c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Discover it now<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48ed967 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"48ed967\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">A new way to <br> work on projects<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2275a2b e-con-full e-flex e-con e-child\" data-id=\"2275a2b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8e8ec5 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d8e8ec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">You set the challenge; we provide the technology and our AZUD EXPERT network to ensure flawless execution. <br>\nAgile, cost-effective, sustainable projects supported from start to finish.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dafe89 btn elementor-invisible elementor-widget elementor-widget-button\" data-id=\"8dafe89\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#formulario\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tell us about your project<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fd63a1b section e-con-full e-flex e-con e-parent\" data-id=\"fd63a1b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-f7711c9 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"f7711c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a92aa34 elementor-widget elementor-widget-heading\" data-id=\"a92aa34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Our Value Proposition<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fe0e06 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6fe0e06\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2372861 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2372861\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Do a Project<br><span style=\"color: #85e0d2\">It changes everything<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d112f9 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"9d112f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Every project is an opportunity to improve efficiency, sustainability, and profitability from the very beginning. That is why we take a comprehensive approach that combines a big-picture perspective with hands-on execution.<\/p><p>The result is clear: <strong>better projects for clients and more opportunities for the professional ecosystem<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67af014 e-con-full e-flex e-con e-child\" data-id=\"67af014\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-c76835a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"c76835a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-037695a elementor-widget elementor-widget-html\" data-id=\"037695a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"card-scene conocimiento\" id=\"card\">\r\n    <div class=\"card-hover\">\r\n \r\n      <!-- FRENTE -->\r\n      <div class=\"card-face card-face--front\">\r\n        <div class=\"card-titulo\">\r\n          <h3>Global Knowledge<\/h3>\r\n        <\/div>\r\n        <div class=\"card-textos\">\r\n          <p class=\"card-subtitulo\">\r\n            Sustainability and Profitability <br> as a cornerstone of our projects\r\n <\/p>\r\n        <\/div>\r\n        <div class=\"flecha-larga\"><\/div>\r\n      <\/div>\r\n \r\n      <!-- REVERSO -->\r\n      <div class=\"card-face card-face--back\">\r\n        <div class=\"card-descripcion\">\r\n          <p>\r\n            At AZUD, we are involved throughout the entire process\u2014from the initial analysis to defining the solution and evaluating the system\u2014ensuring sound decisions from the very beginning\r\n <\/p>\r\n        <\/div>\r\n      <\/div>\r\n \r\n    <\/div>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3724c30 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3724c30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f96adbe elementor-widget elementor-widget-html\" data-id=\"f96adbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"card-scene conocimiento\" id=\"card\">\r\n    <div class=\"card-hover\">\r\n \r\n      <!-- FRENTE -->\r\n      <div class=\"card-face card-face--front\">\r\n        <div class=\"card-titulo\">\r\n          <h3>Local Service<\/h3>\r\n        <\/div>\r\n        <div class=\"card-textos\">\r\n          <p class=\"card-subtitulo\">\r\n            Our partners: AZUD EXPERT<br> They make it happen \r\n <\/p>\r\n        <\/div>\r\n        <div class=\"flecha-larga\"><\/div>\r\n      <\/div>\r\n \r\n      <!-- REVERSO -->\r\n      <div class=\"card-face card-face--back\">\r\n        <div class=\"card-descripcion\">\r\n          <p>\r\n            They are responsible for the detailed project definition (P.E.M.), its execution, and its launch, ensuring a streamlined, precise implementation tailored to each environment.\r\n <\/p>\r\n        <\/div>\r\n      <\/div>\r\n \r\n    <\/div>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ec8b1c section e-con-full e-flex e-con e-parent\" data-id=\"3ec8b1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-d282fc4 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"d282fc4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adc7b9f elementor-widget elementor-widget-heading\" data-id=\"adc7b9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">How We Do It<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d55295 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6d55295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef41ec5 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"ef41ec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">From diagnosis to <span style=\"color: #85e0d2\">result<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-309aec3 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"309aec3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7696609 elementor-widget__width-inherit elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"7696609\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"rosco-scroll\" id=\"azud-phases-scroll\">\r\n  <div class=\"rosco-sticky\">\r\n<section class=\"section view-full\" id=\"azud-phases-section\">\r\n    \r\n    <div class=\"layout\">\r\n      <div class=\"circle-area\">\r\n        <div class=\"circle-wrap\" id=\"circleWrap\">\r\n          <svg class=\"donut-svg\" viewBox=\"0 0 420 420\" aria-hidden=\"true\">\r\n            <g class=\"segments\" transform=\"translate(210 210)\">\r\n              <path class=\"segment\" data-phase=\"1\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"2\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"3\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"4\" data-owner=\"azud\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"5\" data-owner=\"expert\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"6\" data-owner=\"expert\" d=\"\" \/>\r\n              <path class=\"segment\" data-phase=\"7\" data-owner=\"expert\" d=\"\" \/>\r\n            <\/g>\r\n          <\/svg>\r\n\r\n          <div class=\"donut-center\">\r\n            <span><b>7<\/b>PHASES<\/span>\r\n            <em id=\"donutPhaseNumber\"><\/em>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"detail-blob\"><\/div>\r\n          <div class=\"detail-rolling-wedge\"><\/div>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"1\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/diagnostico.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <button class=\"phase-hotspot\" data-phase=\"2\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/propuesta.svg\" alt=\"\" aria-hidden=\"true\">\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"3\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/propuesta-tecnica.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <button class=\"phase-hotspot\" data-phase=\"4\" data-owner=\"azud\">\r\n            <span class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/plan-economico2.svg\" alt=\"\" aria-hidden=\"true\">\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"5\" data-owner=\"expert\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/presupuesto.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <button class=\"phase-hotspot\" data-phase=\"6\" data-owner=\"expert\">\r\n            <span class=\"icon\">\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/ejecucion.svg\" alt=\"\" aria-hidden=\"true\">\r\n            <\/span>\r\n          <\/button>\r\n\r\n          <button class=\"phase-hotspot\" data-phase=\"7\" data-owner=\"expert\">\r\n            <span class=\"icon\">\r\n              <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/acompanamiento.svg\" alt=\"\" aria-hidden=\"true\">\r\n <\/span>\r\n <\/button>\r\n\r\n <div class=\"phase-label\" data-phase=\"1\"><strong>1<\/strong> Diagnosis<\/div>\r\n          <div class=\"phase-label\" data-phase=\"2\"><strong>2<\/strong> Proposal<br>water efficiency<\/div>\r\n <div class=\"phase-label\" data-phase=\"3\"><strong>3<\/strong> Technical Proposal<\/div>\r\n          <div class=\"phase-label\" data-phase=\"4\"><strong>4<\/strong> Economic and Financial Plan<\/div>\r\n <div class=\"phase-label\" data-phase=\"5\">Operating Budget<strong>5<\/strong><\/div>\r\n          <div class=\"phase-label\" data-phase=\"6\">Execution <strong>6<\/strong><\/div>\r\n <div class=\"phase-label\" data-phase=\"7\">Support <strong>7<\/strong><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n      <div class=\"content-area\">\r\n <div class=\"mobile-phase-nav\" aria-label=\"Project Phases\">\r\n <div class=\"mobile-phase-nav-track\">\r\n            <button class=\"mobile-phase-chip\" data-phase=\"1\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">1<\/span>\r\n <span class=\"mobile-phase-chip-label\">Diagnosis<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"2\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">2<\/span>\r\n <span class=\"mobile-phase-chip-label\">Water Efficiency<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"3\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">3<\/span>\r\n <span class=\"mobile-phase-chip-label\">Technical Proposal<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"4\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">4<\/span>\r\n <span class=\"mobile-phase-chip-label\">Economic Plan<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"5\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">5<\/span>\r\n <span class=\"mobile-phase-chip-label\">Budget<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"6\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">6<\/span>\r\n <span class=\"mobile-phase-chip-label\">Execution<\/span>\r\n            <\/button>\r\n <button class=\"mobile-phase-chip\" data-phase=\"7\" type=\"button\">\r\n <span class=\"mobile-phase-chip-number\">7<\/span>\r\n <span class=\"mobile-phase-chip-label\">Support<\/span>\r\n            <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"panel\" data-panel=\"detail\">\r\n <article class=\"detail-card\">\r\n <div class=\"detail-layout\">\r\n <figure class=\"detail-media\">\r\n                <img decoding=\"async\" id=\"detailImage\" class=\"detail-phase-image\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/proyectos-diagnostico-2.webp\" alt=\"\" aria-hidden=\"true\">\r\n              <\/figure>\r\n\r\n              <div class=\"detail-copy\">\r\n                <div class=\"phase-group-heading\" id=\"detailGroupHeading\"><\/div>\r\n                <h2 class=\"detail-title\" id=\"detailTitle\">\r\n                  <span>Phase <span id=\"detailPhaseNumber\"><\/span>:<\/span>\r\n                  <span id=\"detailPhaseName\"><\/span>\r\n                <\/h2>\r\n                <p id=\"detailText\"><\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n        <div class=\"phase-detail-sources\" hidden aria-hidden=\"true\">\r\n          <article class=\"phase-detail-source\" data-phase=\"1\">\r\n            <div class=\"phase-group-heading\">Global Knowledge: AZUD<\/div>\r\n            <h3>Diagnosis<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-1.webp\" alt=\"\">\r\n <p>The assessment is the starting point of the project. At AZUD, we analyze the entire context: client needs, efficiency goals, and technical, operational, and environmental constraints\u2014both current and anticipated.<\/p>\r\n <\/article>\r\n <article class=\"phase-detail-source\" data-phase=\"2\">\r\n <div class=\"phase-group-heading\">Global Knowledge: AZUD<\/div>\r\n            <h3>Water Efficiency Proposal<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-2.webp\" alt=\"\">\r\n            <p>We define a strategy for efficient water use tailored to the project's objectives and needs, identifying opportunities for improvement and criteria for optimization.<\/p>\r\n          <\/article>\r\n          <article class=\"phase-detail-source\" data-phase=\"3\">\r\n            <div class=\"phase-group-heading\">Global Knowledge: AZUD<\/div>\r\n            <h3>Technical Proposal<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-3.webp\" alt=\"\">\r\n <p>We design the most appropriate technical solution, integrating AZUD technology to maximize the system&apos;s efficiency, reliability, and overall performance.<\/p>\r\n <\/article>\r\n <article class=\"phase-detail-source\" data-phase=\"4\">\r\n <div class=\"phase-group-heading\">Global Knowledge: AZUD<\/div>\r\n            <h3>Economic and Financial Plan<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-4.webp\" alt=\"\">\r\n            <p>We assess the economic and financial feasibility of the project, optimizing the investment to ensure profitability and reduce uncertainty in decision-making.<\/p>\r\n          <\/article>\r\n          <article class=\"phase-detail-source\" data-phase=\"5\">\r\n             <div class=\"phase-group-heading phase-group-heading--expert\">Local Service: AZUD EXPERT<\/div>\r\n            <h3>Material Implementation Budget<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-5.webp\" alt=\"\">\r\n <P>Once the project&apos;s feasibility has been assessed, one of our experts will prepare the Material budget, detailing the final scope of the project and adapting it to the technical and operational conditions of the site.<\/p>\r\n <\/article>\r\n <article class=\"phase-detail-source\" data-phase=\"6\">\r\n <div class=\"phase-group-heading phase-group-heading--expert\">Local Service: AZUD EXPERT<\/div>\r\n            <h3>Execution<\/h3>\r\n <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/06\/FASE-6.webp\" alt=\"\">\r\n            <p>Our network of EXPERT installers carries out the project, ensuring a correct and reliable installation that meets the defined objectives.<\/p>\r\n          <\/article>\r\n          <article class=\"phase-detail-source\" data-phase=\"7\">\r\n             <div class=\"phase-group-heading phase-group-heading--expert\">Local Service: AZUD EXPERT<\/div>\r\n            <h3>Support<\/h3>\r\n            <img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/proyectos-diagnostico-2.webp\" alt=\"\">\r\n            <p>Local EXPERTS are responsible for system maintenance, monitoring, and support, providing personalized and ongoing service.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n   \r\n  <\/section>\r\n   <\/div>\r\n    <\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b718fd4 e-con-full e-flex e-con e-parent\" data-id=\"b718fd4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-07522e8 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"07522e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-da1c5bd e-con-full e-flex e-con e-child\" data-id=\"da1c5bd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-a1aa6f5 e-con-full e-flex e-con e-child\" data-id=\"a1aa6f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47ec4a6 elementor-widget elementor-widget-heading\" data-id=\"47ec4a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">In addition, we're taking a step <strong>extra<\/strong><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73ebdfb elementor-widget elementor-widget-text-editor\" data-id=\"73ebdfb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">We carry out <\/span><strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">technical system audits<\/span><\/strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\"> to verify its performance, detect potential deviations, and propose optimization measures<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6badf3 elementor-widget elementor-widget-button\" data-id=\"d6badf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#formulario\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Tell us about your project<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7324839 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"7324839\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9e295c elementor-widget elementor-widget-image\" data-id=\"c9e295c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/azud.com\/wp-content\/uploads\/2026\/05\/Diseno-sin-titulo-15.webp\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85dbec8 e-flex e-con-boxed e-con e-parent\" data-id=\"85dbec8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-031eecf elementor-widget elementor-widget-template\" data-id=\"031eecf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"71308\" class=\"elementor elementor-71308 elementor-71090 elementor-71090\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e8b73b e-flex e-con-boxed e-con e-parent\" data-id=\"2e8b73b\" data-element_type=\"container\" data-e-type=\"container\" id=\"formulario\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-79d9fc6 e-con-full e-flex e-con e-child\" data-id=\"79d9fc6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t<div class=\"elementor-element elementor-element-659619b e-con-full e-flex e-con e-child\" data-id=\"659619b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a928667 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"a928667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tell us about your <span style=\"color:#85E0D2\">project<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36afcff elementor-widget-laptop__width-initial elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"36afcff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Turn your idea into a project that makes a difference<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b302fa e-con-full e-flex e-con e-child\" data-id=\"3b302fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce59cc elementor-widget elementor-widget-template\" data-id=\"1ce59cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"71270\" class=\"elementor elementor-71270 elementor-69304 elementor-69304 elementor-69304\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b03cf0 e-flex e-con-boxed e-con e-parent\" data-id=\"5b03cf0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17030c6 elementor-widget elementor-widget-html\" data-id=\"17030c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe \r\n  name=\"pagina_puente_iframe\" \r\n  id=\"pagina_puente_iframe\" \r\n  class=\"iframe-responsive-crm F7\"\r\n  scrolling=\"yes\"\r\n><\/iframe>\r\n\r\n<form id=\"form_hacia_puente\" action=\"https:\/\/awgapi.azud.com\/api_form_CRM\/iframe_formCD.php\" method=\"POST\" target=\"pagina_puente_iframe\" style=\"display:none;\">\r\n  <input type=\"hidden\" name=\"dato_session\" id=\"input_session\" value=\"\">\r\n  \r\n  <input type=\"hidden\" name=\"tipo_form\" value=\"F7\">\r\n  \r\n<input type=\"hidden\" name=\"lang\" id=\"input_lang\" value=\"es\">\r\n\r\n <input type=\"hidden\" name=\"url_name\" id=\"input_url_name\" value=\"\">\r\n\r\n<\/form>\r\n\r\n<script>\r\n  (function() {\r\n    function detectarIdioma() {\r\n      const path = window.location.pathname.toLowerCase();\r\n\r\n      if (path.startsWith('\/en\/')) return 'en';\r\n      if (path.startsWith('\/fr\/')) return 'fr';\r\n      if (path.startsWith('\/pt-pt\/')) return 'pt';\r\n      if (path.startsWith('\/it\/')) return 'it';\r\n      if (path.startsWith('\/de\/')) return 'de';\r\n\r\n      return 'es';\r\n    }\r\n\r\n    function enviarFormularioPuente() {\r\n      const valorSession = sessionStorage.getItem('azud_tracking_menu'); \r\n      const input = document.getElementById('input_session');\r\n      const inputLang = document.getElementById('input_lang');\r\n\t  const inputUrlName = document.getElementById('input_url_name');\r\n      const form = document.getElementById('form_hacia_puente');\r\n\r\n const hasConsent = typeof cmplz_has_consent === 'function' ? cmplz_has_consent('marketing') : false;\r\n      \r\n        \r\n      if (inputLang) {\r\n        inputLang.value = detectarIdioma();\r\n      }\r\n\r\n      if (input && form) {\r\n\t  \r\n\t\tif (hasConsent){\r\n\t\t\tif (valorSession) {\r\n\t\t\t\tinput.value = valorSession;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (inputUrlName) {\r\n\t\t\t\tinputUrlName.value = window.location.href;\r\n\t\t\t}\r\n\t\t\t\t\r\n\t\t}\r\n\t\tform.action = \"https:\/\/awgapi.azud.com\/api_form_CRM\/iframe_formCD.php?v=\" + new Date().getTime() + \"&consent=\" + hasConsent;\r\n\t\tform.submit();\r\n      }\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n        \r\n      document.addEventListener(\"DOMContentLoaded\", function() {\r\n        setTimeout(enviarFormularioPuente, 100);\r\n      });\r\n    } else {\r\n      setTimeout(enviarFormularioPuente, 100);\r\n      \r\n    }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67f3385 e-flex e-con-boxed e-con e-parent\" data-id=\"67f3385\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e65cbda elementor-widget elementor-widget-html\" data-id=\"e65cbda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n(() => {\r\n  const section = document.getElementById(\"azud-phases-section\");\r\n  const scrollSection = document.getElementById(\"azud-phases-scroll\");\r\n\r\n  if (!section || !scrollSection) return;\r\n\r\n  const circleWrap = section.querySelector(\"#circleWrap\");\r\n  const detailPanel = section.querySelector('.panel[data-panel=\"detail\"]');\r\n  const donutCenter = section.querySelector(\".donut-center\");\r\n  const hotspots = [...section.querySelectorAll(\".phase-hotspot\")];\r\n  const segments = [...section.querySelectorAll(\".segment\")];\r\n  const mobilePhaseChips = [...section.querySelectorAll(\".mobile-phase-chip\")];\r\n\r\n  const detailGroupHeading = section.querySelector(\"#detailGroupHeading\");\r\n  const detailPhaseNumber = section.querySelector(\"#detailPhaseNumber\");\r\n  const detailPhaseName = section.querySelector(\"#detailPhaseName\");\r\n  const detailText = section.querySelector(\"#detailText\");\r\n  const detailImage = section.querySelector(\"#detailImage, .detail-phase-image, .detail-media img\");\r\n\r\n  const phaseSources = [...section.querySelectorAll(\".phase-detail-source\")].reduce((acc, item) => {\r\n    acc[Number(item.dataset.phase)] = item;\r\n    return acc;\r\n  }, {});\r\n\r\n  const phaseColors = {\r\n    1: \"var(--azul-oscuro)\",\r\n    2: \"var(--azul-2)\",\r\n    3: \"var(--azul-claro)\",\r\n    4: \"var(--azul-gris)\",\r\n    5: \"var(--verde-oscuro)\",\r\n    6: \"var(--verde-medio)\",\r\n    7: \"var(--verde-claro)\"\r\n  };\r\n\r\n  const phaseRollAngles = {\r\n    1: \"22.5deg\",\r\n    2: \"67.5deg\",\r\n    3: \"112.5deg\",\r\n    4: \"157.5deg\",\r\n    5: \"210deg\",\r\n    6: \"270deg\",\r\n    7: \"330deg\"\r\n  };\r\n\r\n  const phaseAngles = {\r\n    1: [0, 45],\r\n    2: [45, 90],\r\n    3: [90, 135],\r\n    4: [135, 180],\r\n    5: [180, 240],\r\n    6: [240, 300],\r\n    7: [300, 360]\r\n  };\r\n\r\n  const config = {\r\n    stickyTop: 150,\r\n    pinOffset: 20,\r\n    exitScrollDistance: 600,\r\n    exitReleaseTime: 700,\r\n    wheelThreshold: 10,\r\n    firstViewThreshold: 10,\r\n    exitThreshold: 10,\r\n    wheelLockTime: 750,\r\n    initialPinLockTime: 350,\r\n    maxWheelStep: 45,\r\n    wheelResetTime: 260,\r\n    mobileBreakpoint: 980\r\n  };\r\n\r\n  const targetTop = config.stickyTop + config.pinOffset;\r\n\r\n  let currentView = \"full\";\r\n  let selectedPhase = null;\r\n\r\n  let scrollSpinTimeout = null;\r\n  let rollingTimeout = null;\r\n  let wheelBufferTimeout = null;\r\n\r\n  let wheelLockUntil = 0;\r\n  let wheelDeltaBuffer = 0;\r\n  let exitDeltaBuffer = 0;\r\n  let lastIntent = 0;\r\n  let roscoHasPinned = false;\r\n  let pinJustActivatedUntil = 0;\r\n  let isExitingRosco = false;\r\n  let ignoreRoscoDirection = 0;\r\n\r\n  const isMobile = () => window.matchMedia(`(max-width: ${config.mobileBreakpoint}px)`).matches;\r\n  const getHalfViewForPhase = phase => Number(phase) <= 4 ? \"half-1\" : \"half-2\";\r\n\r\n  function polarToCartesian(radius, angle) {\r\n    const radians = (angle - 90) * Math.PI \/ 180;\r\n    return {\r\n      x: radius * Math.cos(radians),\r\n      y: radius * Math.sin(radians)\r\n    };\r\n  }\r\n\r\n  function describeArcSegment(startAngle, endAngle, outerRadius, innerRadius) {\r\n    const outerStart = polarToCartesian(outerRadius, endAngle);\r\n    const outerEnd = polarToCartesian(outerRadius, startAngle);\r\n    const innerStart = polarToCartesian(innerRadius, startAngle);\r\n    const innerEnd = polarToCartesian(innerRadius, endAngle);\r\n    const largeArcFlag = endAngle - startAngle <= 180 ? \"0\" : \"1\";\r\n\r\n    return [\r\n      \"M\", outerStart.x, outerStart.y,\r\n      \"A\", outerRadius, outerRadius, 0, largeArcFlag, 0, outerEnd.x, outerEnd.y,\r\n      \"L\", innerStart.x, innerStart.y,\r\n      \"A\", innerRadius, innerRadius, 0, largeArcFlag, 1, innerEnd.x, innerEnd.y,\r\n      \"Z\"\r\n    ].join(\" \");\r\n  }\r\n\r\n  function drawSegments() {\r\n    const outerRadius = 190;\r\n    const innerRadius = 95;\r\n    const gap = 0.8;\r\n\r\n    segments.forEach(segment => {\r\n      const phase = Number(segment.dataset.phase);\r\n      const angles = phaseAngles[phase];\r\n      if (!angles) return;\r\n\r\n      segment.setAttribute(\r\n        \"d\",\r\n        describeArcSegment(\r\n          angles[0] + gap,\r\n          angles[1] - gap,\r\n          outerRadius,\r\n          innerRadius\r\n        )\r\n      );\r\n    });\r\n  }\r\n\r\n  function clearSelectedPhase() {\r\n    selectedPhase = null;\r\n    delete circleWrap.dataset.selectedPhase;\r\n  }\r\n\r\n  function resetToInitialState(options = {}) {\r\n    clearSelectedPhase();\r\n    \r\n    const donutNum = section.querySelector(\"#donutPhaseNumber\");\r\nif (donutNum) donutNum.textContent = \"\";\r\n\r\n    setView(\"full\");\r\n\r\n    if (options.animate) {\r\n      playScrollSpin();\r\n    }\r\n\r\n    setHotspotInteractivity(isMobile());\r\n    updateMobilePhaseChips();\r\n  }\r\n\r\n  function updateVisiblePhases() {\r\n    const activePhase = Number(selectedPhase);\r\n    const visualItems = [...hotspots, ...segments];\r\n    const mobileMode = isMobile();\r\n\r\n    visualItems.forEach(item => {\r\n      const phase = Number(item.dataset.phase);\r\n\r\n      item.classList.remove(\"hidden-by-view\", \"dimmed\", \"selected\");\r\n\r\n      if (!mobileMode && currentView === \"half-1\" && phase > 4) {\r\n        item.classList.add(\"hidden-by-view\");\r\n      }\r\n\r\n      if (!mobileMode && currentView === \"half-2\" && phase < 5) {\r\n        item.classList.add(\"hidden-by-view\");\r\n      }\r\n\r\n      if (selectedPhase && phase !== activePhase && !item.classList.contains(\"hidden-by-view\")) {\r\n        item.classList.add(\"dimmed\");\r\n      }\r\n\r\n      if (selectedPhase && phase === activePhase) {\r\n        item.classList.add(\"selected\");\r\n      }\r\n    });\r\n  }\r\n\r\n  function setView(view) {\r\n  currentView = view;\r\n\r\n  section.classList.remove(\"view-full\", \"view-half-1\", \"view-half-2\");\r\n  section.classList.add(`view-${view}`);\r\n\r\n  if (!section.classList.contains(\"section\")) {\r\n    section.classList.add(\"section\");\r\n  }\r\n\r\n  if (detailPanel) {\r\n    detailPanel.classList.toggle(\"active\", selectedPhase !== null);\r\n  }\r\n\r\n  updateVisiblePhases();\r\n}\r\n\r\n  function setHotspotInteractivity(isInteractive) {\r\n    hotspots.forEach(hotspot => {\r\n      hotspot.tabIndex = isInteractive ? 0 : -1;\r\n      hotspot.setAttribute(\"aria-hidden\", isInteractive ? \"false\" : \"true\");\r\n      hotspot.setAttribute(\"aria-pressed\", selectedPhase === Number(hotspot.dataset.phase) ? \"true\" : \"false\");\r\n    });\r\n  }\r\n\r\n  function updateMobilePhaseChips() {\r\n    mobilePhaseChips.forEach(chip => {\r\n      const isSelected = selectedPhase === Number(chip.dataset.phase);\r\n      chip.classList.toggle(\"is-selected\", isSelected);\r\n      chip.setAttribute(\"aria-pressed\", isSelected ? \"true\" : \"false\");\r\n    });\r\n  }\r\n\r\n  function restartClassAnimation(className, duration, timeoutRefSetter) {\r\n    circleWrap.classList.remove(className);\r\n    void circleWrap.offsetWidth;\r\n    circleWrap.classList.add(className);\r\n\r\n    timeoutRefSetter(\r\n      window.setTimeout(() => {\r\n        circleWrap.classList.remove(className);\r\n      }, duration)\r\n    );\r\n  }\r\n\r\n  function playScrollSpin() {\r\n    window.clearTimeout(scrollSpinTimeout);\r\n    restartClassAnimation(\"is-scroll-spinning\", 850, timeout => {\r\n      scrollSpinTimeout = timeout;\r\n    });\r\n  }\r\n\r\n  function playRollingEffect() {\r\n    window.clearTimeout(rollingTimeout);\r\n    restartClassAnimation(\"is-rolling\", 1000, timeout => {\r\n      rollingTimeout = timeout;\r\n    });\r\n  }\r\n\r\n  function renderDetailPhase(phase, options = {}) {\r\n    const nextPhase = Number(phase);\r\n    const source = phaseSources[nextPhase];\r\n    if (!source) return;\r\n\r\n    const groupHeading = source.querySelector(\".phase-group-heading\");\r\n    const title = source.querySelector(\"h3\")?.textContent?.trim() || \"\";\r\n    const text = source.querySelector(\"p\")?.textContent?.trim() || \"\";\r\n    const image = source.querySelector(\"img\")?.getAttribute(\"src\") || \"\";\r\n\r\n    selectedPhase = nextPhase;\r\n    circleWrap.dataset.selectedPhase = String(selectedPhase);\r\n    \r\n    const donutNum = section.querySelector(\"#donutPhaseNumber\");\r\nif (donutNum) donutNum.textContent = String(nextPhase);\r\n    \r\n    circleWrap.style.setProperty(\"--detail-color\", phaseColors[selectedPhase]);\r\n    circleWrap.style.setProperty(\"--roll-start\", phaseRollAngles[selectedPhase]);\r\n\r\n    if (detailGroupHeading) {\r\n      detailGroupHeading.textContent = groupHeading?.textContent?.trim() || \"\";\r\n      detailGroupHeading.className = groupHeading?.className || \"phase-group-heading\";\r\n      detailGroupHeading.id = \"detailGroupHeading\";\r\n    }\r\n\r\n    if (detailPhaseNumber) {\r\n      detailPhaseNumber.textContent = String(selectedPhase);\r\n    }\r\n\r\n    if (detailPhaseName) {\r\n      detailPhaseName.textContent = title;\r\n    }\r\n\r\n    if (detailText) {\r\n      detailText.textContent = text;\r\n    }\r\n\r\n    if (detailImage && image) {\r\n      detailImage.src = image;\r\n    }\r\n\r\n    if (options.roll) {\r\n      playRollingEffect();\r\n    }\r\n\r\n    setHotspotInteractivity(isMobile());\r\n    updateMobilePhaseChips();\r\n  }\r\n\r\n  function resetWheelState() {\r\n    wheelDeltaBuffer = 0;\r\n    exitDeltaBuffer = 0;\r\n    lastIntent = 0;\r\n  }\r\n\r\n  function getPinY() {\r\n    const rect = scrollSection.getBoundingClientRect();\r\n    return window.scrollY + rect.top - targetTop;\r\n  }\r\n\r\n  function isRoscoInActivationZone() {\r\n    const rect = scrollSection.getBoundingClientRect();\r\n    const viewportHeight = window.innerHeight || document.documentElement.clientHeight;\r\n\r\n    return rect.top <= viewportHeight * 0.95 && rect.bottom >= viewportHeight * 0.15;\r\n  }\r\n\r\n  function pinRosco() {\r\n    window.scrollTo({\r\n      top: getPinY(),\r\n      behavior: \"auto\"\r\n    });\r\n\r\n    roscoHasPinned = true;\r\n    pinJustActivatedUntil = Date.now() + config.initialPinLockTime;\r\n    resetWheelState();\r\n  }\r\n\r\n  function moveSequence(direction) {\r\n    if (direction > 0 && selectedPhase === 7) return false;\r\n    if (direction < 0 && selectedPhase === null) return false;\r\n\r\n    const nextPhase =\r\n      direction > 0\r\n        ? (selectedPhase === null ? 1 : selectedPhase + 1)\r\n        : selectedPhase - 1;\r\n\r\n    if (!nextPhase || nextPhase < 1) {\r\n      resetToInitialState({ animate: true });\r\n      return true;\r\n    }\r\n\r\n    renderDetailPhase(nextPhase, { roll: true });\r\n    setView(getHalfViewForPhase(nextPhase));\r\n    playScrollSpin();\r\n\r\n    return true;\r\n  }\r\n\r\n  function releaseRosco(direction) {\r\n    resetWheelState();\r\n\r\n    roscoHasPinned = false;\r\n    isExitingRosco = true;\r\n\r\n    ignoreRoscoDirection = direction;\r\n\r\n    window.scrollBy({\r\n      top: direction > 0 ? config.exitScrollDistance : -config.exitScrollDistance,\r\n      behavior: \"smooth\"\r\n    });\r\n\r\n    window.setTimeout(() => {\r\n      isExitingRosco = false;\r\n    }, config.exitReleaseTime);\r\n  }\r\n\r\n  function shouldIgnoreReentry(direction) {\r\n    if (!ignoreRoscoDirection) return false;\r\n\r\n    \/\/ After releasing the rosco, keep blocking capture while the user\r\n    \/\/ continues in the same direction. Re-enable only after they reverse.\r\n    if (direction === ignoreRoscoDirection) {\r\n      return true;\r\n    }\r\n\r\n    ignoreRoscoDirection = 0;\r\n    return false;\r\n  }\r\n\r\n  function resetBuffersSoon() {\r\n    window.clearTimeout(wheelBufferTimeout);\r\n    wheelBufferTimeout = window.setTimeout(resetWheelState, config.wheelResetTime);\r\n  }\r\n\r\n  function handleComponentWheel(event) {\r\n  if (isMobile() || event.ctrlKey) return;\r\n\r\n  const direction = Math.sign(event.deltaY);\r\n  if (!direction) return;\r\n\r\n  if (shouldIgnoreReentry(direction)) return;\r\n  if (isExitingRosco || !isRoscoInActivationZone()) return;\r\n\r\n  event.preventDefault();\r\n\r\n  const rect = scrollSection.getBoundingClientRect();\r\n\r\n  if (!roscoHasPinned || Math.abs(rect.top - targetTop) > 24) {\r\n    pinRosco();\r\n    return;\r\n  }\r\n\r\n  const now = Date.now();\r\n  if (now < pinJustActivatedUntil || now < wheelLockUntil) return;\r\n\r\n  if (lastIntent && lastIntent !== direction) {\r\n    resetWheelState();\r\n  }\r\n\r\n  lastIntent = direction;\r\n\r\n  const normalizedDelta = Math.min(Math.abs(event.deltaY), config.maxWheelStep);\r\n  const isTryingToExitDown = direction > 0 && selectedPhase === 7;\r\n  const isTryingToExitUp = direction < 0 && selectedPhase === null;\r\n\r\n  if (isTryingToExitDown || isTryingToExitUp) {\r\n    exitDeltaBuffer += normalizedDelta;\r\n    resetBuffersSoon();\r\n\r\n    if (exitDeltaBuffer >= config.exitThreshold) {\r\n      releaseRosco(direction);\r\n    }\r\n\r\n    return;\r\n  }\r\n\r\n  const activeThreshold = currentView === \"full\" && direction > 0\r\n    ? config.firstViewThreshold\r\n    : config.wheelThreshold;\r\n\r\n  wheelDeltaBuffer += normalizedDelta;\r\n  resetBuffersSoon();\r\n\r\n  if (wheelDeltaBuffer < activeThreshold) return;\r\n\r\n  resetWheelState();\r\n\r\n  if (moveSequence(direction)) {\r\n    wheelLockUntil = now + config.wheelLockTime;\r\n  }\r\n}\r\n\r\n  function handleHotspotSelection(phase) {\r\n    renderDetailPhase(phase, { roll: !isMobile() });\r\n    setView(isMobile() ? \"full\" : getHalfViewForPhase(phase));\r\n    playScrollSpin();\r\n  }\r\n\r\n  function handleMobileChipActivate(event) {\r\n    event.preventDefault();\r\n    handleHotspotSelection(event.currentTarget.dataset.phase);\r\n  }\r\n\r\n  function handleHotspotActivate(event) {\r\n  if (!isMobile()) return;\r\n\r\n  event.preventDefault();\r\n\r\n  handleHotspotSelection(event.currentTarget.dataset.phase);\r\n}\r\n\r\n  function handleHotspotKeydown(event) {\r\n    if (!isMobile()) return;\r\n    if (event.key !== \"Enter\" && event.key !== \" \") return;\r\n\r\n    event.preventDefault();\r\n    handleHotspotSelection(event.currentTarget.dataset.phase);\r\n  }\r\n\r\n  function handleDonutCenterActivate(event) {\r\n    event.preventDefault();\r\n\r\n    if (selectedPhase === null) return;\r\n    resetToInitialState({ animate: true });\r\n  }\r\n\r\n  function syncResponsiveState() {\r\n    if (isMobile()) {\r\n      roscoHasPinned = false;\r\n      pinJustActivatedUntil = 0;\r\n      wheelLockUntil = 0;\r\n      isExitingRosco = false;\r\n      ignoreRoscoDirection = 0;\r\n      resetWheelState();\r\n      setHotspotInteractivity(true);\r\n      updateMobilePhaseChips();\r\n      setView(\"full\");\r\n      return;\r\n    }\r\n\r\n    setHotspotInteractivity(false);\r\n    updateMobilePhaseChips();\r\n\r\n    if (selectedPhase !== null) {\r\n      setView(getHalfViewForPhase(selectedPhase));\r\n      return;\r\n    }\r\n\r\n    setView(\"full\");\r\n  }\r\n\r\n  function init() {\r\n    drawSegments();\r\n    hotspots.forEach(hotspot => {\r\n      hotspot.addEventListener(\"click\", handleHotspotActivate);\r\n      hotspot.addEventListener(\"keydown\", handleHotspotKeydown);\r\n    });\r\n    mobilePhaseChips.forEach(chip => {\r\n      chip.addEventListener(\"click\", handleMobileChipActivate);\r\n    });\r\n    if (donutCenter) {\r\n      donutCenter.tabIndex = 0;\r\n      donutCenter.setAttribute(\"role\", \"button\");\r\n      donutCenter.setAttribute(\"aria-label\", \"Volver al estado inicial\");\r\n      donutCenter.addEventListener(\"click\", handleDonutCenterActivate);\r\n      donutCenter.addEventListener(\"keydown\", event => {\r\n        if (event.key !== \"Enter\" && event.key !== \" \") return;\r\n        handleDonutCenterActivate(event);\r\n      });\r\n    }\r\n\r\n    document.addEventListener(\"wheel\", handleComponentWheel, {\r\n      passive: false,\r\n      capture: true\r\n    });\r\n\r\n    window.addEventListener(\"resize\", syncResponsiveState);\r\n    syncResponsiveState();\r\n  }\r\n\r\n  init();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>AZUD Discover it now A new way to work on projects You set the challenge; we provide the technology and our AZUD EXPERT network to ensure flawless execution. Agile, cost-effective, sustainable projects supported from start to finish. Tell us about your project Our Value Proposition How to Do a ProjectIt changes everything Every project is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-49180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/azud.com\/en\/wp-json\/wp\/v2\/pages\/49180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/azud.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/azud.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/azud.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/azud.com\/en\/wp-json\/wp\/v2\/comments?post=49180"}],"version-history":[{"count":8,"href":"https:\/\/azud.com\/en\/wp-json\/wp\/v2\/pages\/49180\/revisions"}],"predecessor-version":[{"id":78848,"href":"https:\/\/azud.com\/en\/wp-json\/wp\/v2\/pages\/49180\/revisions\/78848"}],"wp:attachment":[{"href":"https:\/\/azud.com\/en\/wp-json\/wp\/v2\/media?parent=49180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}