{"id":27,"date":"2025-06-27T07:57:07","date_gmt":"2025-06-27T07:57:07","guid":{"rendered":"https:\/\/hopeful-mahavira.46-231-5-246.plesk.page\/?page_id=27"},"modified":"2026-06-22T12:42:11","modified_gmt":"2026-06-22T12:42:11","slug":"inicio","status":"publish","type":"page","link":"https:\/\/fira.onda.es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d754e9 e-con-full e-flex e-con e-parent\" data-id=\"8d754e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81f90cf elementor-widget elementor-widget-html\" data-id=\"81f90cf\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Fira d'Onda 2026<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800;900&family=Open+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --blue-950: #061b45;\r\n            --blue-900: #073e91;\r\n            --blue-700: #006bd6;\r\n            --blue-500: #00a7e6;\r\n            --blue-100: #e8f7ff;\r\n            --cyan: #47d6ff;\r\n            --white: #ffffff;\r\n            --ink: #17304f;\r\n            --muted: #5d728c;\r\n            --line: rgba(0, 119, 214, 0.16);\r\n            --shadow: 0 22px 60px rgba(6, 27, 69, 0.18);\r\n            --radius: 8px;\r\n        }\r\n\r\n        * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            margin: 0;\r\n            font-family: \"Open Sans\", Arial, sans-serif;\r\n            color: var(--ink);\r\n            background: #f5fbff;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        img,\r\n        iframe {\r\n            max-width: 100%;\r\n        }\r\n\r\n        a {\r\n            color: inherit;\r\n            text-decoration: none;\r\n        }\r\n\r\n        h1,\r\n        h2,\r\n        h3 {\r\n            font-family: \"Montserrat\", Arial, sans-serif;\r\n            letter-spacing: 0;\r\n            line-height: 1.05;\r\n            margin: 0;\r\n        }\r\n\r\n        p {\r\n            margin: 0;\r\n        }\r\n\r\n        .page {\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .container {\r\n            width: min(1160px, calc(100% - 32px));\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .button {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            min-height: 44px;\r\n            border-radius: 999px;\r\n            border: 1px solid rgba(255, 255, 255, 0.28);\r\n            padding: 0 20px;\r\n            font-weight: 800;\r\n            font: inherit;\r\n            cursor: pointer;\r\n            transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .button.primary {\r\n            background: linear-gradient(135deg, var(--cyan), var(--blue-700));\r\n            color: var(--white);\r\n            box-shadow: 0 16px 32px rgba(0, 107, 214, 0.28);\r\n        }\r\n\r\n        .button.secondary {\r\n            background: rgba(255, 255, 255, 0.12);\r\n            color: var(--white);\r\n        }\r\n\r\n        .button.light {\r\n            background: var(--white);\r\n            color: var(--blue-900);\r\n            border: 1px solid rgba(0, 107, 214, 0.18);\r\n        }\r\n\r\n        .button:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 14px 28px rgba(6, 27, 69, 0.22);\r\n        }\r\n\r\n        .hero {\r\n            position: relative;\r\n            min-height: 92vh;\r\n            display: grid;\r\n            align-items: center;\r\n            padding: 64px 0 56px;\r\n            color: var(--white);\r\n            background:\r\n                linear-gradient(125deg, rgba(0, 171, 229, 0.94), rgba(0, 93, 188, 0.92) 52%, rgba(4, 45, 110, 0.96)),\r\n                url(\"https:\/\/d31u1w5651ly23.cloudfront.net\/articulos\/articulos-160322.jpg\") center \/ cover;\r\n        }\r\n\r\n        .hero::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            inset: auto 0 0 0;\r\n            height: 140px;\r\n            background: linear-gradient(180deg, rgba(245, 251, 255, 0), #f5fbff 92%);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .hero-grid {\r\n            position: relative;\r\n            z-index: 1;\r\n            display: grid;\r\n            grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);\r\n            align-items: center;\r\n            gap: 32px;\r\n        }\r\n\r\n        .eyebrow {\r\n            display: inline-flex;\r\n            width: fit-content;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 8px 12px;\r\n            border-radius: 999px;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            border: 1px solid rgba(255, 255, 255, 0.22);\r\n            font-size: 0.86rem;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .hero h1 {\r\n            margin-top: 22px;\r\n            font-size: clamp(3.4rem, 8vw, 7.2rem);\r\n            text-transform: uppercase;\r\n            color: var(--white);\r\n            text-shadow: 0 14px 34px rgba(6, 27, 69, 0.22);\r\n        }\r\n\r\n        .hero h1 span {\r\n            display: block;\r\n            color: transparent;\r\n            -webkit-text-stroke: 2px rgba(255, 255, 255, 0.86);\r\n            text-shadow: none;\r\n        }\r\n\r\n        .hero-copy {\r\n            max-width: 650px;\r\n            margin: 22px 0 30px;\r\n            font-size: clamp(1.05rem, 2vw, 1.32rem);\r\n            color: rgba(255, 255, 255, 0.9);\r\n        }\r\n\r\n        .hero-actions {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 14px;\r\n        }\r\n\r\n        .hero-panel {\r\n            width: min(100%, 390px);\r\n            justify-self: start;\r\n            border: 1px solid rgba(255, 255, 255, 0.25);\r\n            background: rgba(255, 255, 255, 0.14);\r\n            box-shadow: var(--shadow);\r\n            backdrop-filter: blur(18px);\r\n            border-radius: var(--radius);\r\n            padding: 22px;\r\n        }\r\n\r\n        .hero-carousel {\r\n            position: relative;\r\n            display: grid;\r\n            justify-items: center;\r\n        }\r\n\r\n        .hero-carousel-track {\r\n            position: relative;\r\n            width: min(100%, 344px);\r\n            overflow: hidden;\r\n            border-radius: var(--radius);\r\n            box-shadow: 0 18px 40px rgba(6, 27, 69, 0.28);\r\n            background: rgba(255, 255, 255, 0.12);\r\n            padding: 14px;\r\n        }\r\n\r\n        .hero-slide {\r\n            display: none;\r\n            min-height: 524px;\r\n        }\r\n\r\n        .hero-slide.is-active {\r\n            display: grid;\r\n            align-content: start;\r\n            justify-items: center;\r\n        }\r\n\r\n        .hero-slide img {\r\n            display: block;\r\n            width: 100%;\r\n            max-height: 460px;\r\n            border-radius: var(--radius);\r\n            object-fit: contain;\r\n            object-position: center top;\r\n        }\r\n\r\n        .hero-slide-caption {\r\n            position: static;\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 12px;\r\n            margin-top: 10px;\r\n            padding: 12px 14px;\r\n            border-radius: var(--radius);\r\n            background: rgba(6, 27, 69, 0.78);\r\n            color: var(--white);\r\n            backdrop-filter: blur(10px);\r\n        }\r\n\r\n        .hero-slide-caption strong {\r\n            display: block;\r\n            font-family: \"Montserrat\", Arial, sans-serif;\r\n            font-size: 1rem;\r\n            line-height: 1.1;\r\n        }\r\n\r\n        .hero-slide-caption span {\r\n            color: rgba(255, 255, 255, 0.8);\r\n            font-size: 0.84rem;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .hero-carousel-controls {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            margin-top: 14px;\r\n        }\r\n\r\n        .carousel-dot {\r\n            border: 0;\r\n            color: var(--white);\r\n            cursor: pointer;\r\n            font: inherit;\r\n        }\r\n\r\n        .carousel-dots {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .carousel-dot {\r\n            width: 11px;\r\n            height: 11px;\r\n            border-radius: 50%;\r\n            padding: 0;\r\n            background: rgba(255, 255, 255, 0.38);\r\n        }\r\n\r\n        .carousel-dot.is-active {\r\n            background: var(--white);\r\n            box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.18);\r\n        }\r\n\r\n        .poster-teaser {\r\n            min-height: 420px;\r\n            display: grid;\r\n            place-items: center;\r\n            text-align: center;\r\n            border-radius: var(--radius);\r\n            background:\r\n                linear-gradient(160deg, rgba(255, 255, 255, 0.92), rgba(232, 247, 255, 0.88)),\r\n                radial-gradient(circle at 50% 12%, rgba(71, 214, 255, 0.46), transparent 34%);\r\n            color: var(--blue-950);\r\n            box-shadow: 0 18px 40px rgba(6, 27, 69, 0.28);\r\n            padding: 30px;\r\n        }\r\n\r\n        .poster-question {\r\n            display: block;\r\n            font-family: \"Montserrat\", Arial, sans-serif;\r\n            font-size: clamp(7rem, 16vw, 12rem);\r\n            font-weight: 900;\r\n            line-height: 0.82;\r\n            color: var(--blue-700);\r\n        }\r\n\r\n        .poster-teaser strong {\r\n            display: block;\r\n            margin-top: 18px;\r\n            font-family: \"Montserrat\", Arial, sans-serif;\r\n            font-size: clamp(1.4rem, 3vw, 2.1rem);\r\n            line-height: 1.05;\r\n        }\r\n\r\n        .poster-teaser span:last-child {\r\n            display: block;\r\n            max-width: 360px;\r\n            margin: 12px auto 0;\r\n            color: var(--muted);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .hero-slide .poster-teaser {\r\n            width: 100%;\r\n            min-height: 524px;\r\n            box-shadow: none;\r\n        }\r\n\r\n        .badge-row {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 10px;\r\n            margin-top: 16px;\r\n        }\r\n\r\n        .mini-badge {\r\n            padding: 14px;\r\n            border-radius: var(--radius);\r\n            background: rgba(255, 255, 255, 0.14);\r\n            border: 1px solid rgba(255, 255, 255, 0.18);\r\n        }\r\n\r\n        .mini-badge strong {\r\n            display: block;\r\n            font-family: \"Montserrat\", Arial, sans-serif;\r\n            font-size: 1.35rem;\r\n        }\r\n\r\n        .mini-badge span {\r\n            display: block;\r\n            color: rgba(255, 255, 255, 0.82);\r\n            font-size: 0.88rem;\r\n        }\r\n\r\n        section {\r\n            position: relative;\r\n            padding: 84px 0;\r\n        }\r\n\r\n        .section-head {\r\n            display: grid;\r\n            grid-template-columns: minmax(0, 0.8fr) minmax(260px, 0.7fr);\r\n            gap: 32px;\r\n            align-items: end;\r\n            margin-bottom: 34px;\r\n        }\r\n\r\n        .section-kicker {\r\n            color: var(--blue-700);\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            font-size: 0.84rem;\r\n            letter-spacing: 0;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .section-head h2,\r\n        .section-title {\r\n            color: var(--blue-950);\r\n            font-size: clamp(2rem, 4vw, 3.6rem);\r\n        }\r\n\r\n        .section-head p {\r\n            color: var(--muted);\r\n            font-size: 1.04rem;\r\n        }\r\n\r\n        .countdown-section {\r\n            padding-top: 22px;\r\n        }\r\n\r\n        .countdown-shell {\r\n            position: relative;\r\n            z-index: 2;\r\n            margin-top: -72px;\r\n            padding: 24px;\r\n            border-radius: var(--radius);\r\n            background: var(--white);\r\n            border: 1px solid var(--line);\r\n            box-shadow: var(--shadow);\r\n        }\r\n\r\n        .countdown-title {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 16px;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .countdown-title h2 {\r\n            color: var(--blue-950);\r\n            font-size: clamp(1.5rem, 3vw, 2.2rem);\r\n        }\r\n\r\n        .countdown-title p {\r\n            color: var(--muted);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .countdown-timer {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, minmax(0, 1fr));\r\n            gap: 12px;\r\n        }\r\n\r\n        .countdown-item {\r\n            min-height: 130px;\r\n            display: grid;\r\n            place-items: center;\r\n            text-align: center;\r\n            border-radius: var(--radius);\r\n            background: linear-gradient(145deg, var(--blue-900), var(--blue-500));\r\n            color: var(--white);\r\n            box-shadow: 0 14px 30px rgba(0, 107, 214, 0.22);\r\n        }\r\n\r\n        .countdown-number {\r\n            display: block;\r\n            font-family: \"Montserrat\", Arial, sans-serif;\r\n            font-size: clamp(2.1rem, 5vw, 4.2rem);\r\n            font-weight: 900;\r\n            line-height: 1;\r\n        }\r\n\r\n        .countdown-label {\r\n            display: block;\r\n            margin-top: 8px;\r\n            font-size: 0.85rem;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            color: rgba(255, 255, 255, 0.78);\r\n        }\r\n\r\n        .history {\r\n            background: #f5fbff;\r\n        }\r\n\r\n        .story-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            gap: 18px;\r\n        }\r\n\r\n        .story-card,\r\n        .moment-card,\r\n        .traffic-card {\r\n            border-radius: var(--radius);\r\n            background: var(--white);\r\n            border: 1px solid var(--line);\r\n            box-shadow: 0 16px 42px rgba(6, 27, 69, 0.08);\r\n        }\r\n\r\n        .story-card {\r\n            padding: 26px;\r\n        }\r\n\r\n        .story-card.featured {\r\n            grid-column: 1 \/ -1;\r\n            display: grid;\r\n            grid-template-columns: minmax(0, 0.75fr) minmax(260px, 0.55fr);\r\n            gap: 24px;\r\n            align-items: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .story-card h3,\r\n        .moment-card h3,\r\n        .poster-info h3 {\r\n            color: var(--blue-950);\r\n            font-size: 1.45rem;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .story-card p,\r\n        .moment-card p,\r\n        .poster-info p,\r\n        .traffic-card p,\r\n        .traffic-card li {\r\n            color: var(--muted);\r\n        }\r\n\r\n        .story-card img {\r\n            display: block;\r\n            width: 100%;\r\n            height: 330px;\r\n            object-fit: cover;\r\n            border-radius: var(--radius);\r\n        }\r\n\r\n        .moments-band {\r\n            background: linear-gradient(135deg, var(--blue-950), var(--blue-700));\r\n            color: var(--white);\r\n        }\r\n\r\n        .moments-band .section-kicker,\r\n        .moments-band .section-head p,\r\n        .moments-band h2 {\r\n            color: var(--white);\r\n        }\r\n\r\n        .moments-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, minmax(0, 1fr));\r\n            gap: 14px;\r\n        }\r\n\r\n        .moment-card {\r\n            min-height: 210px;\r\n            padding: 22px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-color: rgba(255, 255, 255, 0.18);\r\n            display: block;\r\n        }\r\n\r\n        .moment-card h3 {\r\n            color: var(--white);\r\n        }\r\n\r\n        .moment-card p {\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        .moment-link {\r\n            transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;\r\n        }\r\n\r\n        .moment-link:hover {\r\n            transform: translateY(-3px);\r\n            background: rgba(255, 255, 255, 0.16);\r\n            border-color: rgba(255, 255, 255, 0.34);\r\n        }\r\n\r\n        .hymn-trigger {\r\n            margin-top: 16px;\r\n            background: rgba(255, 255, 255, 0.14);\r\n            color: var(--white);\r\n        }\r\n\r\n        .hymn-text {\r\n            display: grid;\r\n            gap: 16px;\r\n            margin-top: 14px;\r\n            color: rgba(255, 255, 255, 0.86);\r\n            font-size: 0.92rem;\r\n            line-height: 1.55;\r\n        }\r\n\r\n        .hymn-text strong {\r\n            color: var(--white);\r\n            font-family: \"Montserrat\", Arial, sans-serif;\r\n            font-size: 0.88rem;\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .hymn-dialog {\r\n            width: min(760px, calc(100% - 32px));\r\n            max-height: min(82vh, 760px);\r\n            border: 0;\r\n            border-radius: var(--radius);\r\n            padding: 0;\r\n            box-shadow: 0 28px 80px rgba(6, 27, 69, 0.34);\r\n            color: var(--ink);\r\n        }\r\n\r\n        .hymn-dialog::backdrop {\r\n            background: rgba(6, 27, 69, 0.62);\r\n            backdrop-filter: blur(4px);\r\n        }\r\n\r\n        .hymn-dialog-inner {\r\n            display: grid;\r\n            grid-template-rows: auto minmax(0, 1fr);\r\n            max-height: inherit;\r\n            background: var(--white);\r\n        }\r\n\r\n        .hymn-dialog-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 18px;\r\n            padding: 22px 24px;\r\n            border-bottom: 1px solid var(--line);\r\n        }\r\n\r\n        .hymn-dialog-header h3 {\r\n            color: var(--blue-950);\r\n            font-size: clamp(1.35rem, 3vw, 2rem);\r\n        }\r\n\r\n        .hymn-close {\r\n            width: 42px;\r\n            height: 42px;\r\n            display: grid;\r\n            place-items: center;\r\n            border: 1px solid var(--line);\r\n            border-radius: 50%;\r\n            background: var(--blue-100);\r\n            color: var(--blue-950);\r\n            font: inherit;\r\n            font-size: 1.4rem;\r\n            font-weight: 800;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .hymn-dialog .hymn-text {\r\n            max-height: 64vh;\r\n            overflow: auto;\r\n            padding: 24px;\r\n            color: var(--ink);\r\n        }\r\n\r\n        .hymn-dialog .hymn-text p {\r\n            color: var(--ink);\r\n        }\r\n\r\n        .hymn-dialog .hymn-text strong {\r\n            color: var(--blue-950);\r\n        }\r\n\r\n        .poster {\r\n            background: var(--white);\r\n        }\r\n\r\n        .poster-layout {\r\n            display: grid;\r\n            grid-template-columns: minmax(280px, 0.62fr) minmax(0, 0.8fr);\r\n            gap: 34px;\r\n            align-items: center;\r\n        }\r\n\r\n        .poster-frame {\r\n            border-radius: var(--radius);\r\n            background: linear-gradient(145deg, var(--blue-100), var(--white));\r\n            padding: 18px;\r\n            border: 1px solid var(--line);\r\n            box-shadow: var(--shadow);\r\n        }\r\n\r\n        .poster-frame img {\r\n            display: block;\r\n            width: 100%;\r\n            border-radius: var(--radius);\r\n        }\r\n\r\n        .poster-info {\r\n            display: grid;\r\n            gap: 18px;\r\n        }\r\n\r\n        .notice {\r\n            padding: 20px;\r\n            border-radius: var(--radius);\r\n            background: #eaf8ff;\r\n            border: 1px solid rgba(0, 167, 230, 0.28);\r\n        }\r\n\r\n        .notice strong {\r\n            display: block;\r\n            margin-bottom: 6px;\r\n            color: var(--blue-950);\r\n            font-family: \"Montserrat\", Arial, sans-serif;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .video-section {\r\n            background: #eef8ff;\r\n        }\r\n\r\n        .video-wrap {\r\n            overflow: hidden;\r\n            border-radius: var(--radius);\r\n            background: var(--blue-950);\r\n            box-shadow: var(--shadow);\r\n            aspect-ratio: 16 \/ 9;\r\n        }\r\n\r\n        .video-wrap iframe {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n        }\r\n\r\n        .traffic {\r\n            background: var(--white);\r\n        }\r\n\r\n        .traffic-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, minmax(0, 1fr));\r\n            gap: 14px;\r\n        }\r\n\r\n        .traffic-card {\r\n            padding: 22px;\r\n        }\r\n\r\n        .traffic-card h3 {\r\n            color: var(--blue-950);\r\n            font-size: 1.25rem;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .traffic-card ul {\r\n            margin: 14px 0 0;\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .traffic-card li + li {\r\n            margin-top: 8px;\r\n        }\r\n\r\n        .traffic-card details {\r\n            margin-top: 16px;\r\n            border-top: 1px solid var(--line);\r\n            padding-top: 12px;\r\n        }\r\n\r\n        .traffic-card summary {\r\n            cursor: pointer;\r\n            color: var(--blue-700);\r\n            font-weight: 800;\r\n        }\r\n\r\n        .traffic-card summary::marker {\r\n            color: var(--blue-500);\r\n        }\r\n\r\n        .cta {\r\n            padding: 80px 0;\r\n            color: var(--white);\r\n            background:\r\n                linear-gradient(135deg, rgba(0, 167, 230, 0.94), rgba(0, 67, 154, 0.96)),\r\n                url(\"https:\/\/d31u1w5651ly23.cloudfront.net\/articulos\/articulos-160322.jpg\") center \/ cover;\r\n        }\r\n\r\n        .cta-inner {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 28px;\r\n        }\r\n\r\n        .cta h2 {\r\n            color: var(--white);\r\n            font-size: clamp(2rem, 4vw, 3.4rem);\r\n        }\r\n\r\n        .cta p {\r\n            max-width: 700px;\r\n            margin-top: 12px;\r\n            color: rgba(255, 255, 255, 0.84);\r\n            font-size: 1.08rem;\r\n        }\r\n\r\n        @media (max-width: 980px) {\r\n            .hero-grid,\r\n            .section-head,\r\n            .story-card.featured,\r\n            .poster-layout,\r\n            .cta-inner {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .moments-grid,\r\n            .traffic-grid {\r\n                grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            }\r\n\r\n            .cta-inner {\r\n                display: grid;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 720px) {\r\n            .container {\r\n                width: min(100% - 24px, 1160px);\r\n            }\r\n\r\n            .hero {\r\n                min-height: auto;\r\n                padding: 48px 0 92px;\r\n            }\r\n\r\n            .hero h1 {\r\n                font-size: clamp(3rem, 16vw, 5rem);\r\n            }\r\n\r\n            .hero h1 span {\r\n                -webkit-text-stroke-width: 1px;\r\n            }\r\n\r\n            .hero-panel {\r\n                justify-self: center;\r\n            }\r\n\r\n            .hero-slide-caption {\r\n                margin-top: 10px;\r\n            }\r\n\r\n            .badge-row,\r\n            .countdown-timer,\r\n            .story-grid,\r\n            .moments-grid,\r\n            .traffic-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .countdown-shell {\r\n                margin-top: -54px;\r\n                padding: 16px;\r\n            }\r\n\r\n            .countdown-title {\r\n                display: grid;\r\n            }\r\n\r\n            .countdown-item {\r\n                min-height: 104px;\r\n            }\r\n\r\n            section {\r\n                padding: 58px 0;\r\n            }\r\n\r\n            .story-card,\r\n            .moment-card,\r\n            .traffic-card {\r\n                padding: 20px;\r\n            }\r\n\r\n            .story-card img {\r\n                height: 240px;\r\n            }\r\n\r\n            .hero-actions {\r\n                display: grid;\r\n            }\r\n\r\n            .button {\r\n                width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"page\">\r\n        <main id=\"inicio\">\r\n            <section class=\"hero\" aria-labelledby=\"hero-title\">\r\n                <div class=\"container hero-grid\">\r\n                    <div>\r\n                        <div class=\"eyebrow\">Fiesta de Inter\u00e9s Tur\u00edstico Auton\u00f3mico<\/div>\r\n                        <h1 id=\"hero-title\">Fira d'Onda <span>2026<\/span><\/h1>\r\n                        <p class=\"hero-copy\">M\u00e1s de 750 a\u00f1os de historia, cultura popular y vida en la calle. Una celebraci\u00f3n que une tradici\u00f3n, m\u00fasica, gastronom\u00eda, pe\u00f1as, patrimonio y emoci\u00f3n ondense.<\/p>\r\n                        <div class=\"hero-actions\">\r\n                            <a class=\"button primary\" href=\"#contador\">Ver cuenta atr\u00e1s<\/a>\r\n                            <a class=\"button secondary\" href=\"#cartel\">Convocatoria cartel<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <aside class=\"hero-panel\" aria-label=\"Carteles destacados de la Fira d'Onda 2026\">\r\n                        <div class=\"hero-carousel\" data-hero-carousel>\r\n                            <div class=\"hero-carousel-track\">\r\n                                <article class=\"hero-slide is-active\" data-carousel-slide>\r\n                                    <img decoding=\"async\" src=\"https:\/\/fira.onda.es\/wp-content\/uploads\/2026\/06\/Conciertos-Fira.png\" alt=\"Cartel de conciertos de la Fira d'Onda 2026\">\r\n                                    <div class=\"hero-slide-caption\">\r\n                                        <div>\r\n                                            <strong>Conciertos Fira d'Onda<\/strong>\r\n                                            <span>Programaci\u00f3n musical 2026<\/span>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/article>\r\n                                <article class=\"hero-slide\" data-carousel-slide>\r\n                                    <div class=\"poster-teaser\">\r\n                                        <div>\r\n                                            <span class=\"poster-question\">?<\/span>\r\n                                            <strong>Cartel 2026 por descubrir<\/strong>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/article>\r\n                            <\/div>\r\n                            <div class=\"hero-carousel-controls\" aria-label=\"Controles del carrusel\">\r\n                                <div class=\"carousel-dots\" role=\"tablist\" aria-label=\"Carteles destacados\">\r\n                                    <button class=\"carousel-dot is-active\" type=\"button\" data-carousel-dot aria-label=\"Ver cartel de conciertos\" aria-current=\"true\"><\/button>\r\n                                    <button class=\"carousel-dot\" type=\"button\" data-carousel-dot aria-label=\"Ver cartel 2026 por descubrir\"><\/button>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"badge-row\">\r\n                            <div class=\"mini-badge\">\r\n                                <strong>1267<\/strong>\r\n                                <span>Origen hist\u00f3rico<\/span>\r\n                            <\/div>\r\n                            <div class=\"mini-badge\">\r\n                                <strong>+200.000<\/strong>\r\n                                <span>Visitantes cada a\u00f1o<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/aside>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"contador\" class=\"countdown-section\" aria-labelledby=\"countdown-heading\">\r\n                <div class=\"container countdown-shell\">\r\n                    <div class=\"countdown-title\">\r\n                        <div>\r\n                            <div class=\"section-kicker\">Cuenta atr\u00e1s<\/div>\r\n                            <h2 id=\"countdown-heading\">Lo que queda para la Fira<\/h2>\r\n                        <\/div>\r\n                        <p>16 de octubre de 2026 \u00b7 23.00 h<\/p>\r\n                    <\/div>\r\n                    <div id=\"countdown\" class=\"countdown-timer\" aria-live=\"polite\">\r\n                        <div class=\"countdown-item\">\r\n                            <span id=\"days\" class=\"countdown-number\">--<\/span>\r\n                            <span class=\"countdown-label\">D\u00edas<\/span>\r\n                        <\/div>\r\n                        <div class=\"countdown-item\">\r\n                            <span id=\"hours\" class=\"countdown-number\">--<\/span>\r\n                            <span class=\"countdown-label\">Horas<\/span>\r\n                        <\/div>\r\n                        <div class=\"countdown-item\">\r\n                            <span id=\"minutes\" class=\"countdown-number\">--<\/span>\r\n                            <span class=\"countdown-label\">Minutos<\/span>\r\n                        <\/div>\r\n                        <div class=\"countdown-item\">\r\n                            <span id=\"seconds\" class=\"countdown-number\">--<\/span>\r\n                            <span class=\"countdown-label\">Segundos<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"historia\" class=\"history\" aria-labelledby=\"history-heading\">\r\n                <div class=\"container\">\r\n                    <div class=\"section-head\">\r\n                        <div>\r\n                            <div class=\"section-kicker\">Conoce la Fira d'Onda<\/div>\r\n                            <h2 id=\"history-heading\">Una fiesta con ra\u00edz, calle y futuro<\/h2>\r\n                        <\/div>\r\n                        <p>La celebraci\u00f3n m\u00e1s emblem\u00e1tica de Onda naci\u00f3 como feria anual concedida por Jaume I y ha evolucionado hasta convertirse en una gran fiesta popular.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"story-grid\">\r\n                        <article class=\"story-card featured\">\r\n                            <div>\r\n                                <h3>M\u00e1s de 750 a\u00f1os de historia<\/h3>\r\n                                <p>Desde 1267, la Fira d'Onda ha sabido adaptarse a los tiempos sin perder su esencia. En el siglo XIX se consolid\u00f3 como fiesta patronal, incorporando actos religiosos, culturales y l\u00fadicos. Hoy combina tradici\u00f3n y modernidad con conciertos, actividades infantiles, pasacalles, gastronom\u00eda, exposiciones, actos religiosos y una intensa agenda taurina.<\/p>\r\n                            <\/div>\r\n                            <img decoding=\"async\" src=\"https:\/\/d31u1w5651ly23.cloudfront.net\/articulos\/articulos-160322.jpg\" alt=\"Ambiente de la Fira d'Onda\">\r\n                        <\/article>\r\n\r\n                        <article class=\"story-card\">\r\n                            <h3>Una fiesta que une generaciones<\/h3>\r\n                            <p>Cada a\u00f1o, la Fira congrega a m\u00e1s de 200.000 personas y genera un impacto econ\u00f3mico superior a 10 millones de euros, dinamizando el comercio, la hosteler\u00eda y la vida cultural del municipio.<\/p>\r\n                        <\/article>\r\n\r\n                        <article class=\"story-card\">\r\n                            <h3>Patrimonio y proyecci\u00f3n<\/h3>\r\n                            <p>La Fira se desarrolla en el casco hist\u00f3rico de Onda, declarado Bien de Relevancia Local, y es un escaparate del patrimonio, la cultura y la hospitalidad de la ciudad.<\/p>\r\n                        <\/article>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section class=\"moments-band\" aria-labelledby=\"moments-heading\">\r\n                <div class=\"container\">\r\n                    <div class=\"section-head\">\r\n                        <div>\r\n                            <div class=\"section-kicker\">Momentos singulares<\/div>\r\n                            <h2 id=\"moments-heading\">Tradiciones que hacen \u00fanica la Fira<\/h2>\r\n                        <\/div>\r\n                        <p>Actos populares, m\u00fasica, fuego, memoria y participaci\u00f3n ciudadana llenan las calles durante los d\u00edas grandes.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"moments-grid\">\r\n                        <article class=\"moment-card\">\r\n                            <h3>Himno al Sant\u00edsimo Salvador<\/h3>\r\n                            <p>El canto colectivo durante la procesi\u00f3n del primer domingo de fiestas.<\/p>\r\n                            <button class=\"button hymn-trigger\" type=\"button\" data-open-hymn>Ver letra del himno<\/button>\r\n                        <\/article>\r\n                        <a class=\"moment-card moment-link\" href=\"https:\/\/fira.onda.es\/index.php\/encierros\/\" target=\"_blank\" rel=\"noopener\">\r\n                            <h3>Bou de Fira<\/h3>\r\n                            <p>Encierros de toros cerriles y actos taurinos ligados a la identidad festiva.<\/p>\r\n                        <\/a>\r\n                        <article class=\"moment-card\">\r\n                            <h3>Homenaje a las personas mayores<\/h3>\r\n                            <p>Un gesto propio dentro del calendario festivo valenciano.<\/p>\r\n                        <\/article>\r\n                        <article class=\"moment-card\">\r\n                            <h3>Calles llenas de vida<\/h3>\r\n                            <p>Desfiles, carrozas, masclet\u00e0, correfocs, conciertos y espect\u00e1culos.<\/p>\r\n                        <\/article>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"cartel\" class=\"poster\" aria-labelledby=\"poster-heading\">\r\n                <div class=\"container poster-layout\">\r\n                    <div class=\"poster-frame\">\r\n                        <img decoding=\"async\" id=\"posterImage\" src=\"https:\/\/fira.onda.es\/wp-content\/uploads\/2025\/10\/El-punt-de-la-festa-OK-low.jpg\" alt=\"Cartel El Punt de la Festa de la Fira d'Onda 2025\">\r\n                    <\/div>\r\n\r\n                    <div class=\"poster-info\">\r\n                        <div>\r\n                            <div class=\"section-kicker\">Cartel Fira d'Onda<\/div>\r\n                            <h2 id=\"poster-heading\" class=\"section-title\">\u00a1Buscamos la imagen de la Fira d\u2019Onda 2026! <\/h2>\r\n                        <\/div>\r\n            \r\n                        <div class=\"notice\">\r\n                            <strong>Convocatoria abierta para el nuevo cartel<\/strong>\r\n                            Ya est\u00e1 abierta la inscripci\u00f3n para crear el cartel de la pr\u00f3xima Fira d'Onda. El mejor dise\u00f1o se llevar\u00e1 un premio \u00fanico de 700 \u20ac. Las personas interesadas pueden apuntarse en el apartado oficial de inscripciones.\r\n                        <\/div>\r\n                        <div class=\"hero-actions\">\r\n                            <a class=\"button primary\" href=\"https:\/\/fira.onda.es\/index.php\/inscripciones\/\" target=\"_blank\" rel=\"noopener\">Apuntarse<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"video\" class=\"video-section\" aria-labelledby=\"video-heading\">\r\n                <div class=\"container\">\r\n                    <div class=\"section-head\">\r\n                        <div>\r\n                            <div class=\"section-kicker\">Final de fiesta<\/div>\r\n                            <h2 id=\"video-heading\">Un castillo de fuegos artificiales cierra la Fira d'Onda <\/h2>\r\n                        <\/div>\r\n                        <p>El final de las fiestas se vive mirando al cielo, con el color y la emoci\u00f3n de los fuegos artificiales.<\/p>\r\n                    <\/div>\r\n                    <div class=\"video-wrap\">\r\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/CmgYhKWuncQ\" title=\"Fuegos artificiales final Fira d'Onda\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section id=\"trafico\" class=\"traffic\" aria-labelledby=\"traffic-heading\">\r\n                <div class=\"container\">\r\n                    <div class=\"section-head\">\r\n                        <div>\r\n                            <div class=\"section-kicker\">Informaci\u00f3n pr\u00e1ctica<\/div>\r\n                            <h2 id=\"traffic-heading\">Medidas de tr\u00e1fico y circulaci\u00f3n<\/h2>\r\n                        <\/div>\r\n                        <p>Durante la Fira, la mayor concentraci\u00f3n de personas y veh\u00edculos se producir\u00e1 en zona centro, Casal del Tord, Mes\u00f3n del Vino, Recinto Ferial y Recinto Multiusos.<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"traffic-grid\">\r\n                        <article class=\"traffic-card\">\r\n                            <h3>Zona Centro y recinto taurino<\/h3>\r\n                            <p>El Pla, calle Calatrava, Raval de San Jos\u00e9 y alrededores permanecer\u00e1n cerrados al tr\u00e1fico y sin estacionamiento desde el viernes 17 a las 18:00 h hasta el domingo 26 de octubre a las 24:00 h.<\/p>\r\n                            <details>\r\n                                <summary>Ver calles y avisos<\/summary>\r\n                                <ul>\r\n                                    <li>Salvador Barri, Ecce Homo, Cervantes, Virgen de Los \u00c1ngeles, La Safona, Raval de San Jos\u00e9 y Santa Isabel tendr\u00e1n cortes con vallas m\u00f3viles en puntos concretos.<\/li>\r\n                                    <li>Padre Salvador Barri tambi\u00e9n estar\u00e1 cortada a la altura de la avenida Pa\u00eds Valenci\u00e0.<\/li>\r\n                                    <li>Por el montaje de la Cena de Pe\u00f1as, la zona centro se cerrar\u00e1 por completo del martes 21 a las 6:00 h al mi\u00e9rcoles 22 a las 8:00 h.<\/li>\r\n                                <\/ul>\r\n                            <\/details>\r\n                        <\/article>\r\n                        <article class=\"traffic-card\">\r\n                            <h3>Carga y descarga<\/h3>\r\n                            <p>Zonas habilitadas en Puerta del Sol, Ayuntamiento, Pasaje Alguer\u00f3 y Raval de San Jos\u00e9.<\/p>\r\n                            <details>\r\n                                <summary>Ver horarios<\/summary>\r\n                                <ul>\r\n                                    <li>Viernes 17, lunes 20, martes 21 y mi\u00e9rcoles 22: de 6:00 a 10:00 h.<\/li>\r\n                                    <li>Jueves 23, viernes 24 y s\u00e1bado 25: de 6:00 a 9:00 h por el montaje de barreras de los encierros.<\/li>\r\n                                    <li>Puerta del Sol dar\u00e1 servicio a Font de Dins, La Safona, calle San Roque y Plaza Rey Don Jaime.<\/li>\r\n                                    <li>Ayuntamiento, Pasaje Alguer\u00f3 y Raval de San Jos\u00e9 cubrir\u00e1n las zonas comerciales pr\u00f3ximas.<\/li>\r\n                                <\/ul>\r\n                            <\/details>\r\n                        <\/article>\r\n                        <article class=\"traffic-card\">\r\n                            <h3>Otros puntos de inter\u00e9s<\/h3>\r\n                            <p>Tasca del Tord en Avenida Montendre, mercado exterior en el parking del Pabell\u00f3n V\u00edctor Cabedo, cortes en Recinto Multiusos y posible regulaci\u00f3n en Recinto Ferial seg\u00fan afluencia.<\/p>\r\n                            <details>\r\n                                <summary>Ver ubicaciones<\/summary>\r\n                                <ul>\r\n                                    <li>Las calles transversales a la avenida Pa\u00eds Valenci\u00e0 deben permanecer libres para veh\u00edculos de emergencia.<\/li>\r\n                                    <li>El Recinto Multiusos estar\u00e1 cortado en la intersecci\u00f3n de avenida Montanejos con calle Torrechiva.<\/li>\r\n                                    <li>La venta ambulante se ubicar\u00e1 en el bulevar de la avenida Sierra de Espad\u00e1n.<\/li>\r\n                                <\/ul>\r\n                            <\/details>\r\n                        <\/article>\r\n                    <\/div>\r\n\r\n                    <div style=\"margin-top: 24px;\">\r\n                        <a class=\"button primary\" href=\"https:\/\/fira.onda.es\/wp-content\/uploads\/2025\/09\/MEDIDAS-DE-TRAFICO-DE-LA-FIRA-2025.pdf\" target=\"_blank\" rel=\"noopener\">Descargar PDF de tr\u00e1fico 2025<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <section class=\"cta\" aria-labelledby=\"cta-heading\">\r\n                <div class=\"container cta-inner\">\r\n                    <div>\r\n                        <h2 id=\"cta-heading\">\u00bfListo para vivir la Fira?<\/h2>\r\n                        <p>Mantente al d\u00eda de las novedades y participa en una celebraci\u00f3n que ya es Fiesta de Inter\u00e9s Tur\u00edstico Auton\u00f3mico.<\/p>\r\n                    <\/div>\r\n                    <a class=\"button light\" href=\"https:\/\/fira.onda.es\/index.php\/inscripciones\/\" target=\"_blank\" rel=\"noopener\">Ver inscripciones<\/a>\r\n                <\/div>\r\n            <\/section>\r\n        <\/main>\r\n\r\n        <dialog class=\"hymn-dialog\" id=\"hymnDialog\" aria-labelledby=\"hymnDialogTitle\">\r\n            <div class=\"hymn-dialog-inner\">\r\n                <div class=\"hymn-dialog-header\">\r\n                    <h3 id=\"hymnDialogTitle\">Himno del Sant\u00edsimo Salvador<\/h3>\r\n                    <button class=\"hymn-close\" type=\"button\" data-close-hymn aria-label=\"Cerrar himno\">\u00d7<\/button>\r\n                <\/div>\r\n                <div class=\"hymn-text\">\r\n                    <p><strong>ESTRIBILLO<\/strong><br>Mostremos ondenses la fe y el cari\u00f1o<br>que el alma atesora y el pueblo hered\u00f3,<br>al rico venero de paz y ventura,<br>la imagen bendita del gran Salvador.<\/p>\r\n                    <p>Hoy es d\u00eda de alegr\u00eda<br>y de gozo singular,<br>pues el Papa desde Roma<br>nuestra fe quiere alentar;<br>cual soldados aguerridos<br>de las huestes de la fe<br>al Salvador aclamemos<br>nuestro Padre y nuestro Rey.<\/p>\r\n                    <p>De la monta\u00f1a a la cumbre<br>nos espera el Salvador,<br>con la mano levantada<br>para dar la bendici\u00f3n.<\/p>\r\n                    <p><strong>ESTRIBILLO<\/strong><br>Mostremos ondenses la fe y el cari\u00f1o<br>que el alma atesora y el pueblo hered\u00f3,<br>al rico venero de paz y ventura,<br>la imagen bendita del gran Salvador.<\/p>\r\n                    <p>La ventura y la bonanza,<br>el consuelo en el dolor,<br>todo es prenda del auxilio<br>del Divino Salvador;<br>nuestros cat\u00f3licos padres,<br>de una virtud ejemplar,<br>nos han legado en herencia<br>su honradez y su piedad.<\/p>\r\n                    <p>Ondenses, para sentirnos<br>de entusiasmo enardecer,<br>basta evocar el recuerdo<br>de nuestra dulce ni\u00f1ez.<\/p>\r\n                    <p><strong>ESTRIBILLO<\/strong><br>Mostremos ondenses la fe y el cari\u00f1o<br>que el alma atesora y el pueblo hered\u00f3,<br>al rico venero de paz y ventura,<br>la imagen bendita del gran Salvador.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/dialog>\r\n\r\n    <\/div>\r\n\r\n    <script>\r\n        (function () {\r\n            function setupHeroCarousel() {\r\n                var carousel = document.querySelector(\"[data-hero-carousel]\");\r\n\r\n                if (!carousel) {\r\n                    return;\r\n                }\r\n\r\n                var slides = Array.prototype.slice.call(carousel.querySelectorAll(\"[data-carousel-slide]\"));\r\n                var dots = Array.prototype.slice.call(carousel.querySelectorAll(\"[data-carousel-dot]\"));\r\n                var currentIndex = 0;\r\n                var intervalId;\r\n\r\n                if (slides.length < 2) {\r\n                    return;\r\n                }\r\n\r\n                function showSlide(index) {\r\n                    currentIndex = (index + slides.length) % slides.length;\r\n\r\n                    slides.forEach(function (slide, slideIndex) {\r\n                        slide.classList.toggle(\"is-active\", slideIndex === currentIndex);\r\n                    });\r\n\r\n                    dots.forEach(function (dot, dotIndex) {\r\n                        var isActive = dotIndex === currentIndex;\r\n                        dot.classList.toggle(\"is-active\", isActive);\r\n\r\n                        if (isActive) {\r\n                            dot.setAttribute(\"aria-current\", \"true\");\r\n                        } else {\r\n                            dot.removeAttribute(\"aria-current\");\r\n                        }\r\n                    });\r\n                }\r\n\r\n                function restartAutoplay() {\r\n                    window.clearInterval(intervalId);\r\n                    intervalId = window.setInterval(function () {\r\n                        showSlide(currentIndex + 1);\r\n                    }, 5200);\r\n                }\r\n\r\n                dots.forEach(function (dot, dotIndex) {\r\n                    dot.addEventListener(\"click\", function () {\r\n                        showSlide(dotIndex);\r\n                        restartAutoplay();\r\n                    });\r\n                });\r\n\r\n                carousel.addEventListener(\"mouseenter\", function () {\r\n                    window.clearInterval(intervalId);\r\n                });\r\n\r\n                carousel.addEventListener(\"mouseleave\", restartAutoplay);\r\n                restartAutoplay();\r\n            }\r\n\r\n            function setupHymnDialog() {\r\n                var dialog = document.getElementById(\"hymnDialog\");\r\n                var openButton = document.querySelector(\"[data-open-hymn]\");\r\n                var closeButton = document.querySelector(\"[data-close-hymn]\");\r\n\r\n                if (!dialog || !openButton || !closeButton) {\r\n                    return;\r\n                }\r\n\r\n                openButton.addEventListener(\"click\", function () {\r\n                    if (typeof dialog.showModal === \"function\") {\r\n                        dialog.showModal();\r\n                    } else {\r\n                        dialog.setAttribute(\"open\", \"\");\r\n                    }\r\n                });\r\n\r\n                closeButton.addEventListener(\"click\", function () {\r\n                    dialog.close();\r\n                });\r\n\r\n                dialog.addEventListener(\"click\", function (event) {\r\n                    if (event.target === dialog) {\r\n                        dialog.close();\r\n                    }\r\n                });\r\n            }\r\n\r\n            function startFiraCountdown() {\r\n                var countdownDate = new Date(2026, 9, 16, 23, 0, 0).getTime();\r\n                var countdown = document.getElementById(\"countdown\");\r\n                var daysEl = document.getElementById(\"days\");\r\n                var hoursEl = document.getElementById(\"hours\");\r\n                var minutesEl = document.getElementById(\"minutes\");\r\n                var secondsEl = document.getElementById(\"seconds\");\r\n\r\n                if (!countdown || !daysEl || !hoursEl || !minutesEl || !secondsEl) {\r\n                    return;\r\n                }\r\n\r\n                function padNumber(number) {\r\n                    return number < 10 ? \"0\" + number : String(number);\r\n                }\r\n\r\n                function updateCountdown() {\r\n                    var now = new Date().getTime();\r\n                    var distance = countdownDate - now;\r\n\r\n                    if (distance < 0) {\r\n                        countdown.innerHTML = \"<div class='countdown-item' style='grid-column: 1 \/ -1;'><span class='countdown-number'>S\u00ed, s\u00ed, s\u00ed<\/span><span class='countdown-label'>La Fira ja est\u00e0 ac\u00ed!<\/span><\/div>\";\r\n                        return;\r\n                    }\r\n\r\n                    var days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n                    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n                    var minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n                    var seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n                    daysEl.textContent = days;\r\n                    hoursEl.textContent = padNumber(hours);\r\n                    minutesEl.textContent = padNumber(minutes);\r\n                    secondsEl.textContent = padNumber(seconds);\r\n                }\r\n\r\n                updateCountdown();\r\n                window.setInterval(updateCountdown, 1000);\r\n            }\r\n\r\n            function showConsoleSignature() {\r\n                if (!window.console || typeof window.console.log !== \"function\") {\r\n                    return;\r\n                }\r\n\r\n                window.console.log(\r\n                    \"%cAjuntament d'Onda\",\r\n                    \"font-size:28px;font-weight:900;color:#1f5961;font-family:Arial,sans-serif;line-height:1.15;\"\r\n                );\r\n                window.console.log(\r\n                    \"%cWeb desarrollada por el Ayuntamiento de Onda.\",\r\n                    \"font-size:13px;color:#17304f;font-family:Arial,sans-serif;line-height:1.5;\"\r\n                );\r\n                window.console.log(\r\n                    \"%cDepartamento de Prensa\",\r\n                    \"font-size:13px;font-weight:700;color:#17304f;font-family:Arial,sans-serif;border-top:1px solid #9bbdc3;padding-top:6px;line-height:1.5;\"\r\n                );\r\n            }            if (document.readyState === \"loading\") {\r\n                document.addEventListener(\"DOMContentLoaded\", function () {\r\n                    setupHeroCarousel();\r\n                    setupHymnDialog();\r\n                    startFiraCountdown();\r\n                    showConsoleSignature();\r\n                });\r\n            } else {\r\n                setupHeroCarousel();\r\n                setupHymnDialog();\r\n                startFiraCountdown();\r\n                showConsoleSignature();\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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","protected":false},"excerpt":{"rendered":"<p>Fira d&#8217;Onda 2026 Fiesta de Inter\u00e9s Tur\u00edstico Auton\u00f3mico Fira d&#8217;Onda 2026 M\u00e1s de 750 a\u00f1os de historia, cultura popular y vida en la calle. Una celebraci\u00f3n que une tradici\u00f3n, m\u00fasica, gastronom\u00eda, pe\u00f1as, patrimonio y emoci\u00f3n ondense. Ver cuenta atr\u00e1s Convocatoria cartel Conciertos Fira d&#8217;Onda Programaci\u00f3n musical 2026 ? Cartel 2026 por descubrir 1267 Origen hist\u00f3rico&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Inicio - Fira d&#039;Onda 2026<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fira.onda.es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inicio - Fira d&#039;Onda 2026\" \/>\n<meta property=\"og:description\" content=\"Fira d&#8217;Onda 2026 Fiesta de Inter\u00e9s Tur\u00edstico Auton\u00f3mico Fira d&#8217;Onda 2026 M\u00e1s de 750 a\u00f1os de historia, cultura popular y vida en la calle. Una celebraci\u00f3n que une tradici\u00f3n, m\u00fasica, gastronom\u00eda, pe\u00f1as, patrimonio y emoci\u00f3n ondense. Ver cuenta atr\u00e1s Convocatoria cartel Conciertos Fira d&#8217;Onda Programaci\u00f3n musical 2026 ? Cartel 2026 por descubrir 1267 Origen hist\u00f3rico...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fira.onda.es\/\" \/>\n<meta property=\"og:site_name\" content=\"Fira d&#039;Onda 2026\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-22T12:42:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fira.onda.es\/wp-content\/uploads\/2026\/06\/Conciertos-Fira.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fira.onda.es\\\/\",\"url\":\"https:\\\/\\\/fira.onda.es\\\/\",\"name\":\"Inicio - Fira d&#039;Onda 2026\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fira.onda.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Conciertos-Fira.png\",\"datePublished\":\"2025-06-27T07:57:07+00:00\",\"dateModified\":\"2026-06-22T12:42:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fira.onda.es\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fira.onda.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Conciertos-Fira.png\",\"contentUrl\":\"https:\\\/\\\/fira.onda.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Conciertos-Fira.png\",\"width\":1414,\"height\":2000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/fira.onda.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#website\",\"url\":\"https:\\\/\\\/fira.onda.es\\\/\",\"name\":\"Fira d&#039;Onda 2026\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fira.onda.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#organization\",\"name\":\"Fira d&#039;Onda 2026\",\"url\":\"https:\\\/\\\/fira.onda.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/fira.onda.es\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-AJUNTAMENT-ONDA-NEGRE.png\",\"contentUrl\":\"https:\\\/\\\/fira.onda.es\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/cropped-AJUNTAMENT-ONDA-NEGRE.png\",\"width\":888,\"height\":402,\"caption\":\"Fira d&#039;Onda 2026\"},\"image\":{\"@id\":\"https:\\\/\\\/fira.onda.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Inicio - Fira d&#039;Onda 2026","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fira.onda.es\/","og_locale":"es_ES","og_type":"article","og_title":"Inicio - Fira d&#039;Onda 2026","og_description":"Fira d&#8217;Onda 2026 Fiesta de Inter\u00e9s Tur\u00edstico Auton\u00f3mico Fira d&#8217;Onda 2026 M\u00e1s de 750 a\u00f1os de historia, cultura popular y vida en la calle. Una celebraci\u00f3n que une tradici\u00f3n, m\u00fasica, gastronom\u00eda, pe\u00f1as, patrimonio y emoci\u00f3n ondense. Ver cuenta atr\u00e1s Convocatoria cartel Conciertos Fira d&#8217;Onda Programaci\u00f3n musical 2026 ? Cartel 2026 por descubrir 1267 Origen hist\u00f3rico...","og_url":"https:\/\/fira.onda.es\/","og_site_name":"Fira d&#039;Onda 2026","article_modified_time":"2026-06-22T12:42:11+00:00","og_image":[{"url":"https:\/\/fira.onda.es\/wp-content\/uploads\/2026\/06\/Conciertos-Fira.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fira.onda.es\/","url":"https:\/\/fira.onda.es\/","name":"Inicio - Fira d&#039;Onda 2026","isPartOf":{"@id":"https:\/\/fira.onda.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fira.onda.es\/#primaryimage"},"image":{"@id":"https:\/\/fira.onda.es\/#primaryimage"},"thumbnailUrl":"https:\/\/fira.onda.es\/wp-content\/uploads\/2026\/06\/Conciertos-Fira.png","datePublished":"2025-06-27T07:57:07+00:00","dateModified":"2026-06-22T12:42:11+00:00","breadcrumb":{"@id":"https:\/\/fira.onda.es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fira.onda.es\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/fira.onda.es\/#primaryimage","url":"https:\/\/fira.onda.es\/wp-content\/uploads\/2026\/06\/Conciertos-Fira.png","contentUrl":"https:\/\/fira.onda.es\/wp-content\/uploads\/2026\/06\/Conciertos-Fira.png","width":1414,"height":2000},{"@type":"BreadcrumbList","@id":"https:\/\/fira.onda.es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/fira.onda.es\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@type":"WebSite","@id":"https:\/\/fira.onda.es\/#website","url":"https:\/\/fira.onda.es\/","name":"Fira d&#039;Onda 2026","description":"","publisher":{"@id":"https:\/\/fira.onda.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fira.onda.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/fira.onda.es\/#organization","name":"Fira d&#039;Onda 2026","url":"https:\/\/fira.onda.es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/fira.onda.es\/#\/schema\/logo\/image\/","url":"https:\/\/fira.onda.es\/wp-content\/uploads\/2025\/07\/cropped-AJUNTAMENT-ONDA-NEGRE.png","contentUrl":"https:\/\/fira.onda.es\/wp-content\/uploads\/2025\/07\/cropped-AJUNTAMENT-ONDA-NEGRE.png","width":888,"height":402,"caption":"Fira d&#039;Onda 2026"},"image":{"@id":"https:\/\/fira.onda.es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/fira.onda.es\/index.php\/wp-json\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fira.onda.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fira.onda.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fira.onda.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fira.onda.es\/index.php\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":260,"href":"https:\/\/fira.onda.es\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":1311,"href":"https:\/\/fira.onda.es\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/1311"}],"wp:attachment":[{"href":"https:\/\/fira.onda.es\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}