YebboSports | FIFA Hydration Break Guide<\/title>\n <meta name=\"description\" content=\"YebboSports multilingual educational guide explaining FIFA hydration breaks in English, Amharic, Spanish, French, Arabic, Chinese, Hindi, Portuguese, and Russian.\" \/>\n <style>\n :root {\n --blue-950: #061b49;\n --blue-900: #082764;\n --blue-800: #0b3f91;\n --blue-700: #0d57bd;\n --cyan: #57d7ff;\n --green: #179446;\n --yellow: #ffd21f;\n --red: #e12b2b;\n --white: #ffffff;\n --ink: #0b1633;\n --muted: #65738b;\n --panel: rgba(255,255,255,0.92);\n --shadow: 0 24px 70px rgba(3, 24, 69, 0.25);\n --radius: 28px;\n }\n\n * { box-sizing: border-box; }\n\n body {\n margin: 0;\n font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\n color: var(--ink);\n background:\n radial-gradient(circle at top right, rgba(87, 215, 255, 0.22), transparent 32rem),\n linear-gradient(180deg, #f3f8ff 0%, #ffffff 50%, #edf5ff 100%);\n line-height: 1.6;\n }\n\n body.lang-am,\n .amharic,\n [lang=\"am\"] {\n font-family: \"Noto Sans Ethiopic\", \"Abyssinica SIL\", \"Segoe UI\", Arial, sans-serif;\n }\n\n [dir=\"rtl\"] {\n font-family: \"Noto Sans Arabic\", \"Segoe UI\", Arial, sans-serif;\n }\n\n a { color: inherit; }\n\n .page {\n width: min(1180px, calc(100% - 32px));\n margin: 0 auto;\n }\n\n .topbar {\n padding: 18px 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n }\n\n .brand {\n display: inline-flex;\n flex-direction: column;\n gap: 4px;\n font-weight: 900;\n letter-spacing: -0.04em;\n font-size: clamp(1.5rem, 3vw, 2.2rem);\n color: var(--blue-950);\n line-height: 0.95;\n }\n\n .brand span {\n display: inline-block;\n }\n\n .brand-bars {\n display: flex;\n gap: 5px;\n height: 7px;\n width: 170px;\n max-width: 100%;\n transform: skewX(-12deg);\n }\n\n .brand-bars i {\n display: block;\n flex: 1;\n border-radius: 999px;\n }\n\n .brand-bars i:nth-child(1) { background: var(--green); }\n .brand-bars i:nth-child(2) { background: var(--yellow); }\n .brand-bars i:nth-child(3) { background: var(--red); }\n\n .pill {\n border: 1px solid rgba(8, 39, 100, 0.14);\n color: var(--blue-900);\n background: rgba(255,255,255,0.75);\n border-radius: 999px;\n padding: 9px 14px;\n font-size: 0.9rem;\n font-weight: 700;\n box-shadow: 0 10px 30px rgba(8, 39, 100, 0.08);\n }\n\n .hero {\n position: relative;\n overflow: hidden;\n min-height: 520px;\n border-radius: 38px;\n background:\n linear-gradient(112deg, rgba(5, 28, 77, 0.98) 0%, rgba(7, 56, 139, 0.98) 53%, rgba(255,255,255,0) 53.5%),\n radial-gradient(circle at 80% 24%, rgba(255, 255, 255, 0.9), transparent 10rem),\n linear-gradient(135deg, #dcecff 0%, #98cef7 45%, #45a766 100%);\n box-shadow: var(--shadow);\n isolation: isolate;\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(circle, rgba(255,255,255,0.16) 1.2px, transparent 1.2px);\n background-size: 18px 18px;\n mask-image: linear-gradient(90deg, black 0%, black 34%, transparent 56%);\n opacity: 0.5;\n z-index: -1;\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n inset: auto -8% -20% 4%;\n height: 210px;\n background:\n linear-gradient(165deg, transparent 0 40%, rgba(255,255,255,0.96) 40.5% 48%, var(--green) 48.5% 63%, transparent 63.5%);\n opacity: 0.95;\n z-index: -1;\n transform: rotate(-2deg);\n }\n\n .hero-inner {\n display: grid;\n grid-template-columns: 1.03fr 0.97fr;\n min-height: 520px;\n }\n\n .hero-copy {\n padding: clamp(34px, 5vw, 64px);\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: center;\n max-width: 720px;\n }\n\n .hero-brand {\n width: fit-content;\n margin-bottom: 28px;\n font-weight: 900;\n letter-spacing: -0.04em;\n font-size: clamp(1.45rem, 2.4vw, 2rem);\n text-shadow: 0 6px 18px rgba(0,0,0,0.16);\n }\n\n .hero-brand .brand-bars {\n width: 150px;\n height: 8px;\n margin-top: 5px;\n }\n\n .hero h1 {\n margin: 0;\n line-height: 0.98;\n letter-spacing: -0.07em;\n font-weight: 950;\n font-size: clamp(3rem, 7.2vw, 6.9rem);\n text-wrap: balance;\n }\n\n .underline {\n width: 160px;\n height: 6px;\n margin: 30px 0 26px;\n border-radius: 999px;\n background: var(--cyan);\n box-shadow: 0 0 22px rgba(87, 215, 255, 0.55);\n }\n\n .hero p {\n margin: 0;\n font-size: clamp(1.35rem, 2.65vw, 2.55rem);\n line-height: 1.22;\n font-weight: 800;\n max-width: 820px;\n }\n\n .hero-visual {\n position: relative;\n min-height: 460px;\n display: grid;\n place-items: center;\n overflow: hidden;\n }\n\n .stadium {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0) 38%),\n radial-gradient(circle at 83% 14%, rgba(255, 205, 112, 0.95), transparent 11rem),\n linear-gradient(180deg, rgba(255,255,255,0) 0 44%, #72b74a 44% 100%);\n z-index: -1;\n }\n\n .stadium::before {\n content: \"\";\n position: absolute;\n left: 5%;\n right: 0;\n top: 62px;\n height: 155px;\n border-top: 20px solid rgba(19, 45, 82, 0.28);\n border-radius: 50% 50% 0 0;\n background:\n repeating-linear-gradient(90deg, rgba(13, 28, 54, 0.18) 0 7px, transparent 7px 28px),\n linear-gradient(180deg, rgba(27, 59, 103, 0.22), rgba(255,255,255,0.12));\n transform: skewY(-4deg);\n opacity: 0.9;\n }\n\n .field-lines {\n position: absolute;\n inset: auto 0 0 0;\n height: 42%;\n background:\n linear-gradient(15deg, rgba(255,255,255,0.32) 1px, transparent 2px) 0 0 \/ 100px 60px,\n linear-gradient(180deg, rgba(53, 136, 35, 0.2), rgba(6, 77, 29, 0.35));\n opacity: 0.75;\n }\n\n .player-wrap {\n position: relative;\n width: min(480px, 82%);\n aspect-ratio: 1 \/ 1;\n margin-top: 48px;\n }\n\n .cooler {\n position: absolute;\n width: 150px;\n height: 86px;\n left: 3%;\n bottom: 12%;\n background: linear-gradient(180deg, #eef7ff 0 28%, #0b3f91 28% 100%);\n border-radius: 10px 10px 15px 15px;\n box-shadow: 0 18px 28px rgba(0,0,0,0.25);\n }\n\n .cooler::before {\n content: \"\";\n position: absolute;\n left: 16px;\n right: 16px;\n top: -38px;\n height: 42px;\n background:\n linear-gradient(90deg, transparent 0 7%, rgba(255,255,255,0.9) 7% 17%, transparent 17% 23%),\n linear-gradient(90deg, transparent 22%, rgba(255,255,255,0.9) 22% 32%, transparent 32% 39%),\n linear-gradient(90deg, transparent 40%, rgba(255,255,255,0.9) 40% 50%, transparent 50% 57%),\n linear-gradient(90deg, transparent 58%, rgba(255,255,255,0.9) 58% 68%, transparent 68% 75%),\n linear-gradient(90deg, transparent 76%, rgba(255,255,255,0.9) 76% 86%, transparent 86%);\n filter: drop-shadow(0 8px 7px rgba(0,0,0,0.15));\n }\n\n .player {\n position: absolute;\n right: 3%;\n bottom: 8%;\n width: 260px;\n height: 380px;\n }\n\n .player .head {\n position: absolute;\n width: 55px;\n height: 55px;\n right: 44px;\n top: 10px;\n background: #b86f48;\n border-radius: 50%;\n box-shadow: inset -8px 0 0 rgba(85, 42, 31, 0.12);\n }\n\n .player .hair {\n position: absolute;\n width: 62px;\n height: 32px;\n right: 42px;\n top: 3px;\n background: #251a1c;\n border-radius: 60% 60% 45% 45%;\n transform: rotate(-9deg);\n }\n\n .player .body {\n position: absolute;\n width: 122px;\n height: 150px;\n right: 60px;\n top: 76px;\n background: linear-gradient(145deg, #0a2f6c, #09204d);\n border-radius: 26px 26px 42px 35px;\n transform: rotate(8deg);\n box-shadow: 0 22px 35px rgba(0,0,0,0.25);\n }\n\n .player .body::after {\n content: \"7\";\n position: absolute;\n color: white;\n opacity: 0.9;\n font-weight: 950;\n font-size: 70px;\n right: 34px;\n top: 22px;\n transform: rotate(-3deg);\n }\n\n .player .arm {\n position: absolute;\n width: 34px;\n height: 132px;\n background: #b86f48;\n border-radius: 999px;\n right: 66px;\n top: 54px;\n transform: rotate(-50deg);\n transform-origin: bottom;\n box-shadow: 0 8px 18px rgba(0,0,0,0.16);\n }\n\n .player .bottle {\n position: absolute;\n width: 22px;\n height: 82px;\n right: 10px;\n top: 3px;\n background: linear-gradient(90deg, rgba(255,255,255,0.9), rgba(87,215,255,0.58), rgba(255,255,255,0.72));\n border: 2px solid rgba(255,255,255,0.82);\n border-radius: 9px;\n transform: rotate(70deg);\n box-shadow: 0 0 18px rgba(255,255,255,0.55);\n }\n\n .player .leg-a, .player .leg-b {\n position: absolute;\n background: #09265c;\n border-radius: 999px;\n box-shadow: 0 12px 18px rgba(0,0,0,0.22);\n }\n\n .player .leg-a {\n width: 42px;\n height: 150px;\n right: 117px;\n bottom: 12px;\n transform: rotate(22deg);\n }\n\n .player .leg-b {\n width: 44px;\n height: 170px;\n right: 39px;\n bottom: 0;\n transform: rotate(-38deg);\n transform-origin: top;\n }\n\n .screen {\n position: absolute;\n right: 5%;\n top: 27%;\n width: 170px;\n height: 92px;\n border-radius: 10px;\n background: rgba(5, 42, 105, 0.86);\n border: 3px solid rgba(255,255,255,0.28);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n box-shadow: 0 18px 32px rgba(0,0,0,0.22);\n }\n\n .screen svg { width: 42px; height: 42px; }\n\n .mini-players {\n position: absolute;\n left: 12%;\n bottom: 18%;\n display: flex;\n align-items: end;\n gap: 64px;\n opacity: 0.86;\n transform: scale(0.78);\n transform-origin: bottom left;\n }\n\n .mini {\n width: 58px;\n height: 210px;\n position: relative;\n }\n\n .mini::before {\n content: \"\";\n position: absolute;\n width: 42px;\n height: 72px;\n left: 8px;\n top: 34px;\n background: #082764;\n border-radius: 14px 14px 20px 20px;\n }\n\n .mini::after {\n content: attr(data-no);\n position: absolute;\n top: 48px;\n left: 19px;\n color: rgba(255,255,255,0.88);\n font-weight: 950;\n font-size: 28px;\n }\n\n .mini i {\n position: absolute;\n width: 24px;\n height: 24px;\n left: 17px;\n top: 2px;\n background: #9d664a;\n border-radius: 50%;\n }\n\n .mini b {\n position: absolute;\n width: 16px;\n height: 104px;\n background: #082764;\n bottom: 0;\n border-radius: 999px;\n }\n\n .mini b:nth-of-type(1) { left: 8px; transform: rotate(4deg); }\n .mini b:nth-of-type(2) { right: 8px; transform: rotate(-4deg); }\n\n .language-tools {\n margin: 26px 0;\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 16px;\n align-items: center;\n background: var(--panel);\n border: 1px solid rgba(8, 39, 100, 0.12);\n border-radius: 24px;\n padding: 18px;\n box-shadow: 0 18px 50px rgba(8,39,100,0.08);\n backdrop-filter: blur(10px);\n }\n\n .language-tools strong {\n display: block;\n color: var(--blue-950);\n font-size: 1.05rem;\n margin-bottom: 3px;\n }\n\n .language-tools span {\n color: var(--muted);\n font-size: 0.95rem;\n }\n\n select {\n appearance: none;\n border: 2px solid rgba(13, 87, 189, 0.18);\n background: white;\n color: var(--blue-950);\n border-radius: 18px;\n padding: 14px 46px 14px 16px;\n font-weight: 800;\n min-width: 240px;\n box-shadow: 0 12px 26px rgba(8,39,100,0.08);\n background-image: linear-gradient(45deg, transparent 50%, var(--blue-800) 50%), linear-gradient(135deg, var(--blue-800) 50%, transparent 50%);\n background-position: calc(100% - 22px) 21px, calc(100% - 14px) 21px;\n background-size: 8px 8px, 8px 8px;\n background-repeat: no-repeat;\n }\n\n .section {\n padding: 40px 0;\n }\n\n .section h2 {\n margin: 0 0 14px;\n font-size: clamp(2rem, 4vw, 3.3rem);\n line-height: 1.05;\n letter-spacing: -0.05em;\n color: var(--blue-950);\n }\n\n .lead {\n margin: 0 0 24px;\n color: var(--muted);\n font-size: 1.15rem;\n max-width: 850px;\n }\n\n .info-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin-top: 24px;\n }\n\n .card {\n background: white;\n border: 1px solid rgba(8, 39, 100, 0.10);\n border-radius: var(--radius);\n padding: 24px;\n box-shadow: 0 18px 45px rgba(8,39,100,0.08);\n }\n\n .card-icon {\n width: 58px;\n height: 58px;\n display: grid;\n place-items: center;\n border-radius: 20px;\n background: linear-gradient(135deg, rgba(87,215,255,0.22), rgba(13,87,189,0.12));\n margin-bottom: 16px;\n }\n\n .card-icon svg {\n width: 34px;\n height: 34px;\n stroke: var(--blue-800);\n }\n\n .card h3 {\n margin: 0 0 9px;\n color: var(--blue-950);\n font-size: 1.28rem;\n line-height: 1.2;\n }\n\n .card p { margin: 0; color: var(--muted); }\n\n .translations {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n margin-top: 24px;\n }\n\n .translation-card {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.88));\n border: 1px solid rgba(8, 39, 100, 0.10);\n border-radius: 24px;\n padding: 22px;\n box-shadow: 0 15px 38px rgba(8,39,100,0.07);\n }\n\n .translation-card .lang-name {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: var(--blue-800);\n font-weight: 900;\n font-size: 0.88rem;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n margin-bottom: 12px;\n }\n\n .translation-card h3 {\n margin: 0 0 10px;\n color: var(--blue-950);\n font-size: clamp(1.25rem, 2.2vw, 1.9rem);\n line-height: 1.15;\n }\n\n .translation-card p {\n margin: 0;\n color: #28364f;\n font-size: 1.05rem;\n }\n\n .cta {\n margin: 38px 0 52px;\n border-radius: 32px;\n background:\n linear-gradient(135deg, var(--blue-950), var(--blue-800));\n color: white;\n padding: 34px;\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 22px;\n align-items: center;\n box-shadow: var(--shadow);\n position: relative;\n overflow: hidden;\n }\n\n .cta::after {\n content: \"\";\n position: absolute;\n width: 240px;\n height: 240px;\n border-radius: 50%;\n right: -70px;\n top: -80px;\n background: radial-gradient(circle, rgba(87,215,255,0.22), transparent 70%);\n }\n\n .cta h2 {\n margin: 0 0 7px;\n color: white;\n font-size: clamp(1.7rem, 3.3vw, 2.8rem);\n line-height: 1.05;\n }\n\n .cta p {\n margin: 0;\n color: rgba(255,255,255,0.82);\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 52px;\n padding: 12px 18px;\n border-radius: 999px;\n background: rgba(255,255,255,0.12);\n border: 1px solid rgba(255,255,255,0.24);\n font-weight: 900;\n white-space: nowrap;\n z-index: 1;\n }\n\n footer {\n padding: 30px 0 44px;\n color: var(--muted);\n text-align: center;\n font-size: 0.95rem;\n }\n\n @media (max-width: 980px) {\n .hero {\n background:\n linear-gradient(180deg, rgba(5, 28, 77, 0.98) 0%, rgba(7, 56, 139, 0.97) 62%, rgba(10, 88, 64, 0.7) 100%),\n linear-gradient(135deg, #dcecff, #45a766);\n }\n\n .hero-inner {\n grid-template-columns: 1fr;\n }\n\n .hero-copy {\n max-width: none;\n }\n\n .hero-visual {\n min-height: 360px;\n }\n\n .info-grid,\n .translations {\n grid-template-columns: 1fr;\n }\n\n .language-tools,\n .cta {\n grid-template-columns: 1fr;\n }\n\n select {\n width: 100%;\n }\n }\n\n @media (max-width: 560px) {\n .page {\n width: min(100% - 20px, 1180px);\n }\n\n .topbar {\n align-items: flex-start;\n flex-direction: column;\n }\n\n .hero {\n border-radius: 24px;\n }\n\n .hero-copy {\n padding: 30px 22px;\n }\n\n .hero h1 {\n font-size: clamp(2.55rem, 15vw, 4.2rem);\n }\n\n .hero p {\n font-size: 1.25rem;\n }\n\n .player-wrap {\n width: 92%;\n }\n\n .screen {\n width: 130px;\n height: 78px;\n right: 3%;\n }\n\n .mini-players {\n transform: scale(0.58);\n }\n\n .card,\n .translation-card,\n .cta {\n border-radius: 22px;\n padding: 20px;\n }\n }\n\n @media print {\n body { background: white; }\n .language-tools, .cta { display: none; }\n .hero, .card, .translation-card { box-shadow: none; }\n .hero { break-inside: avoid; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"page\">\n <header class=\"topbar\" aria-label=\"Site header\">\n <div class=\"brand\" aria-label=\"YebboSports\">\n <span>YebboSports<\/span>\n <span class=\"brand-bars\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\n <\/div>\n <div class=\"pill\">Educational Football Safety Guide<\/div>\n <\/header>\n\n <main>\n <section class=\"hero\" aria-label=\"YebboSports hydration break web banner\">\n <div class=\"hero-inner\">\n <div class=\"hero-copy\" id=\"heroCopy\">\n <div class=\"hero-brand\" aria-label=\"YebboSports banner label\">\n YebboSports\n <span class=\"brand-bars\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\n <\/div>\n <h1 id=\"heroTitle\">FIFA Hydration Break<\/h1>\n <div class=\"underline\" aria-hidden=\"true\"><\/div>\n <p id=\"heroSubtitle\">A short break during hot weather so players can drink water and cool down.<\/p>\n <\/div>\n\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"stadium\"><\/div>\n <div class=\"field-lines\"><\/div>\n <div class=\"screen\">\n <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M32 7C23 20 15 30 15 41a17 17 0 0 0 34 0C49 30 41 20 32 7Z\" fill=\"#57d7ff\" stroke=\"white\" stroke-width=\"3\"\/>\n <path d=\"M24 44c4 4 12 4 16 0\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M29 9a7 7 0 0 1 14 0v28a15 15 0 1 1-14 0V9Z\" stroke=\"white\" stroke-width=\"5\" stroke-linejoin=\"round\"\/>\n <path d=\"M43 13h9M43 22h7M43 31h9\" stroke=\"#57d7ff\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"mini-players\">\n <span class=\"mini\" data-no=\"11\"><i><\/i><b><\/b><b><\/b><\/span>\n <span class=\"mini\" data-no=\"8\"><i><\/i><b><\/b><b><\/b><\/span>\n <\/div>\n <div class=\"player-wrap\">\n <div class=\"cooler\"><\/div>\n <div class=\"player\">\n <span class=\"hair\"><\/span>\n <span class=\"head\"><\/span>\n <span class=\"arm\"><\/span>\n <span class=\"bottle\"><\/span>\n <span class=\"body\"><\/span>\n <span class=\"leg-a\"><\/span>\n <span class=\"leg-b\"><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"language-tools\" aria-label=\"Language selector\">\n <div>\n <strong>Change banner language<\/strong>\n <span>Select a language to update the main YebboSports banner text.<\/span>\n <\/div>\n <label>\n <span class=\"sr-only\">Language<\/span>\n <select id=\"languageSelect\" aria-label=\"Choose banner language\">\n <option value=\"en\">English<\/option>\n <option value=\"am\">Amharic \/ \u12a0\u121b\u122d\u129b<\/option>\n <option value=\"es\">Spanish \/ Espa\u00f1ol<\/option>\n <option value=\"fr\">French \/ Fran\u00e7ais<\/option>\n <option value=\"ar\">Arabic \/ \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/option>\n <option value=\"zh\">Chinese \/ \u4e2d\u6587<\/option>\n <option value=\"hi\">Hindi \/ \u0939\u093f\u0928\u094d\u0926\u0940<\/option>\n <option value=\"pt\">Portuguese \/ Portugu\u00eas<\/option>\n <option value=\"ru\">Russian \/ \u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/option>\n <\/select>\n <\/label>\n <\/section>\n\n <section class=\"section\">\n <h2>What is a hydration break?<\/h2>\n <p class=\"lead\">\n A hydration break is a short pause used in hot or demanding match conditions so players can drink water, receive quick guidance, and lower heat stress before play resumes.\n <\/p>\n\n <div class=\"info-grid\">\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M32 7C23 20 15 30 15 41a17 17 0 0 0 34 0C49 30 41 20 32 7Z\" stroke=\"currentColor\" stroke-width=\"5\" fill=\"none\"\/>\n <path d=\"M23 47c6 5 13 5 19 0\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Drink water<\/h3>\n <p>Players get a safe, organized moment to hydrate without leaving the flow of the match unmanaged.<\/p>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M28 9a8 8 0 0 1 16 0v29a16 16 0 1 1-16 0V9Z\" stroke=\"currentColor\" stroke-width=\"5\"\/>\n <path d=\"M44 15h9M44 24h7M44 33h9\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Cool down<\/h3>\n <p>In high heat, breaks help reduce heat strain and support player welfare during intense competition.<\/p>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M14 18h36M14 32h28M14 46h36\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <path d=\"M52 12v12M52 40v12\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Resume play<\/h3>\n <p>The referee manages the pause, and the time lost is normally added back at the end of the half.<\/p>\n <\/article>\n <\/div>\n <\/section>\n\n <section class=\"section\" aria-label=\"Main world language translations\">\n <h2>Main world languages<\/h2>\n <p class=\"lead\">Use these translations for web banners, social posts, stadium screens, or educational graphics.<\/p>\n\n <div class=\"translations\">\n <article class=\"translation-card\" lang=\"en\">\n <div class=\"lang-name\">English<\/div>\n <h3>FIFA Hydration Break<\/h3>\n <p>A short break during hot weather so players can drink water and cool down.<\/p>\n <\/article>\n\n <article class=\"translation-card amharic\" lang=\"am\">\n <div class=\"lang-name\">Amharic \/ \u12a0\u121b\u122d\u129b<\/div>\n <h3>\u12e8\u134a\u134b \u12e8\u12cd\u1203 \u12a5\u1228\u134d\u1275<\/h3>\n <p>\u1260\u121e\u1243\u1275 \u12e8\u12a0\u12e8\u122d \u1201\u1294\u1273 \u1270\u132b\u12cb\u127e\u127d \u12cd\u1203 \u12a5\u1295\u12f2\u1320\u1321 \u12a5\u1293 \u12a5\u1295\u12f2\u1240\u12dd\u1240\u12d9 \u12e8\u121a\u12f0\u1228\u130d \u12a0\u132d\u122d \u12a5\u1228\u134d\u1275\u1362<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"es\">\n <div class=\"lang-name\">Spanish \/ Espa\u00f1ol<\/div>\n <h3>Pausa de Hidrataci\u00f3n de la FIFA<\/h3>\n <p>Una breve pausa durante el calor para que los jugadores beban agua y se refresquen.<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"fr\">\n <div class=\"lang-name\">French \/ Fran\u00e7ais<\/div>\n <h3>Pause d\u2019hydratation de la FIFA<\/h3>\n <p>Une courte pause par temps chaud pour permettre aux joueurs de boire de l\u2019eau et de se rafra\u00eechir.<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"ar\" dir=\"rtl\">\n <div class=\"lang-name\">Arabic \/ \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/div>\n <h3>\u0627\u0633\u062a\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0631\u0637\u064a\u0628 \u0641\u064a \u0627\u0644\u0641\u064a\u0641\u0627<\/h3>\n <p>\u0627\u0633\u062a\u0631\u0627\u062d\u0629 \u0642\u0635\u064a\u0631\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0637\u0642\u0633 \u0627\u0644\u062d\u0627\u0631 \u0644\u064a\u0634\u0631\u0628 \u0627\u0644\u0644\u0627\u0639\u0628\u0648\u0646 \u0627\u0644\u0645\u0627\u0621 \u0648\u064a\u0628\u0631\u062f\u0648\u0627 \u0623\u062c\u0633\u0627\u0645\u0647\u0645.<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"zh-Hans\">\n <div class=\"lang-name\">Chinese \/ \u4e2d\u6587<\/div>\n <h3>\u56fd\u9645\u8db3\u8054\u8865\u6c34\u6682\u505c<\/h3>\n <p>\u5728\u708e\u70ed\u5929\u6c14\u4e2d\uff0c\u7403\u5458\u77ed\u6682\u505c\u4e0b\u6765\u559d\u6c34\u548c\u964d\u6e29\u3002<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"hi\">\n <div class=\"lang-name\">Hindi \/ \u0939\u093f\u0928\u094d\u0926\u0940<\/div>\n <h3>\u092b\u0940\u092b\u093e \u0939\u093e\u0907\u0921\u094d\u0930\u0947\u0936\u0928 \u092c\u094d\u0930\u0947\u0915<\/h3>\n <p>\u0917\u0930\u094d\u092e \u092e\u094c\u0938\u092e \u092e\u0947\u0902 \u0916\u093f\u0932\u093e\u0921\u093c\u093f\u092f\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u092a\u093e\u0928\u0940 \u092a\u0940\u0928\u0947 \u0914\u0930 \u0920\u0902\u0921\u093e \u0939\u094b\u0928\u0947 \u0915\u093e \u090f\u0915 \u091b\u094b\u091f\u093e \u0935\u093f\u0930\u093e\u092e\u0964<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"pt\">\n <div class=\"lang-name\">Portuguese \/ Portugu\u00eas<\/div>\n <h3>Pausa para Hidrata\u00e7\u00e3o da FIFA<\/h3>\n <p>Uma breve pausa em clima quente para que os jogadores bebam \u00e1gua e se refresquem.<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"ru\">\n <div class=\"lang-name\">Russian \/ \u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/div>\n <h3>\u041f\u0430\u0443\u0437\u0430 \u0424\u0418\u0424\u0410 \u043d\u0430 \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u044e<\/h3>\n <p>\u041a\u043e\u0440\u043e\u0442\u043a\u0430\u044f \u043f\u0430\u0443\u0437\u0430 \u0432 \u0436\u0430\u0440\u043a\u0443\u044e \u043f\u043e\u0433\u043e\u0434\u0443, \u0447\u0442\u043e\u0431\u044b \u0438\u0433\u0440\u043e\u043a\u0438 \u043c\u043e\u0433\u043b\u0438 \u043f\u043e\u043f\u0438\u0442\u044c \u0432\u043e\u0434\u044b \u0438 \u043e\u0445\u043b\u0430\u0434\u0438\u0442\u044c\u0441\u044f.<\/p>\n <\/article>\n <\/div>\n <\/section>\n\n <section class=\"cta\" aria-label=\"YebboSports callout\">\n <div>\n <h2>YebboSports: Educate fans. Protect players.<\/h2>\n <p>Use this multilingual banner page to explain hydration breaks clearly to football audiences around the world.<\/p>\n <\/div>\n <div class=\"badge\">Powered by YebboSports<\/div>\n <\/section>\n <\/main>\n\n <footer>\n \u00a9 2026 YebboSports. Educational content only. This page does not use or claim any official FIFA logo or endorsement.\n <\/footer>\n <\/div>\n\n <script>\n const translations = {\n en: {\n title: \"FIFA Hydration Break\",\n subtitle: \"A short break during hot weather so players can drink water and cool down.\",\n lang: \"en\",\n dir: \"ltr\"\n },\n am: {\n title: \"\u12e8\u134a\u134b \u12e8\u12cd\u1203 \u12a5\u1228\u134d\u1275\",\n subtitle: \"\u1260\u121e\u1243\u1275 \u12e8\u12a0\u12e8\u122d \u1201\u1294\u1273 \u1270\u132b\u12cb\u127e\u127d \u12cd\u1203 \u12a5\u1295\u12f2\u1320\u1321 \u12a5\u1293 \u12a5\u1295\u12f2\u1240\u12dd\u1240\u12d9 \u12e8\u121a\u12f0\u1228\u130d \u12a0\u132d\u122d \u12a5\u1228\u134d\u1275\u1362\",\n lang: \"am\",\n dir: \"ltr\"\n },\n es: {\n title: \"Pausa de Hidrataci\u00f3n de la FIFA\",\n subtitle: \"Una breve pausa durante el calor para que los jugadores beban agua y se refresquen.\",\n lang: \"es\",\n dir: \"ltr\"\n },\n fr: {\n title: \"Pause d\u2019hydratation de la FIFA\",\n subtitle: \"Une courte pause par temps chaud pour permettre aux joueurs de boire de l\u2019eau et de se rafra\u00eechir.\",\n lang: \"fr\",\n dir: \"ltr\"\n },\n ar: {\n title: \"\u0627\u0633\u062a\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0631\u0637\u064a\u0628 \u0641\u064a \u0627\u0644\u0641\u064a\u0641\u0627\",\n subtitle: \"\u0627\u0633\u062a\u0631\u0627\u062d\u0629 \u0642\u0635\u064a\u0631\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0637\u0642\u0633 \u0627\u0644\u062d\u0627\u0631 \u0644\u064a\u0634\u0631\u0628 \u0627\u0644\u0644\u0627\u0639\u0628\u0648\u0646 \u0627\u0644\u0645\u0627\u0621 \u0648\u064a\u0628\u0631\u062f\u0648\u0627 \u0623\u062c\u0633\u0627\u0645\u0647\u0645.\",\n lang: \"ar\",\n dir: \"rtl\"\n },\n zh: {\n title: \"\u56fd\u9645\u8db3\u8054\u8865\u6c34\u6682\u505c\",\n subtitle: \"\u5728\u708e\u70ed\u5929\u6c14\u4e2d\uff0c\u7403\u5458\u77ed\u6682\u505c\u4e0b\u6765\u559d\u6c34\u548c\u964d\u6e29\u3002\",\n lang: \"zh-Hans\",\n dir: \"ltr\"\n },\n hi: {\n title: \"\u092b\u0940\u092b\u093e \u0939\u093e\u0907\u0921\u094d\u0930\u0947\u0936\u0928 \u092c\u094d\u0930\u0947\u0915\",\n subtitle: \"\u0917\u0930\u094d\u092e \u092e\u094c\u0938\u092e \u092e\u0947\u0902 \u0916\u093f\u0932\u093e\u0921\u093c\u093f\u092f\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u092a\u093e\u0928\u0940 \u092a\u0940\u0928\u0947 \u0914\u0930 \u0920\u0902\u0921\u093e \u0939\u094b\u0928\u0947 \u0915\u093e \u090f\u0915 \u091b\u094b\u091f\u093e \u0935\u093f\u0930\u093e\u092e\u0964\",\n lang: \"hi\",\n dir: \"ltr\"\n },\n pt: {\n title: \"Pausa para Hidrata\u00e7\u00e3o da FIFA\",\n subtitle: \"Uma breve pausa em clima quente para que os jogadores bebam \u00e1gua e se refresquem.\",\n lang: \"pt\",\n dir: \"ltr\"\n },\n ru: {\n title: \"\u041f\u0430\u0443\u0437\u0430 \u0424\u0418\u0424\u0410 \u043d\u0430 \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u044e\",\n subtitle: \"\u041a\u043e\u0440\u043e\u0442\u043a\u0430\u044f \u043f\u0430\u0443\u0437\u0430 \u0432 \u0436\u0430\u0440\u043a\u0443\u044e \u043f\u043e\u0433\u043e\u0434\u0443, \u0447\u0442\u043e\u0431\u044b \u0438\u0433\u0440\u043e\u043a\u0438 \u043c\u043e\u0433\u043b\u0438 \u043f\u043e\u043f\u0438\u0442\u044c \u0432\u043e\u0434\u044b \u0438 \u043e\u0445\u043b\u0430\u0434\u0438\u0442\u044c\u0441\u044f.\",\n lang: \"ru\",\n dir: \"ltr\"\n }\n };\n\n const select = document.getElementById(\"languageSelect\");\n const title = document.getElementById(\"heroTitle\");\n const subtitle = document.getElementById(\"heroSubtitle\");\n const copy = document.getElementById(\"heroCopy\");\n\n select.addEventListener(\"change\", () => {\n const item = translations[select.value];\n title.textContent = item.title;\n subtitle.textContent = item.subtitle;\n copy.setAttribute(\"lang\", item.lang);\n copy.setAttribute(\"dir\", item.dir);\n document.body.classList.toggle(\"lang-am\", select.value === \"am\");\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-1024x439.png\" alt=\"\" class=\"wp-image-881\" srcset=\"http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-1024x439.png 1024w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-300x129.png 300w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-768x329.png 768w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-1536x658.png 1536w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-400x171.png 400w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-800x343.png 800w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2.png 1916w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>YebboSports | FIFA Hydration Break Guide YebboSports Educational Football Safety Guide YebboSports FIFA Hydration Break A short break during hot […]<\/p>\n","protected":false},"author":1,"featured_media":878,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[48],"tags":[],"class_list":["post-877","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-world-cup"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8nzgb-e9","jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/comments?post=877"}],"version-history":[{"count":3,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/877\/revisions"}],"predecessor-version":[{"id":883,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/877\/revisions\/883"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/media\/878"}],"wp:attachment":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/media?parent=877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/categories?post=877"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/tags?post=877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":877,"date":"2026-06-13T18:44:37","date_gmt":"2026-06-13T18:44:37","guid":{"rendered":"https:\/\/yebbo.com\/ethiodiego\/?p=877"},"modified":"2026-06-13T19:32:47","modified_gmt":"2026-06-13T19:32:47","slug":"hydrationbreak","status":"publish","type":"post","link":"http:\/\/yebbo.com\/ethiodiego\/hydrationbreak\/","title":{"rendered":"What Is FIFA\u2019s Hydration Break? \u12e8\u12cd\u1203 \u12a5\u1228\u134d\u1275 \u121d\u1295\u12f5\u1295 \u1290\u12cd?"},"content":{"rendered":"\n\n\n\n\n \n \n YebboSports | FIFA Hydration Break Guide<\/title>\n <meta name=\"description\" content=\"YebboSports multilingual educational guide explaining FIFA hydration breaks in English, Amharic, Spanish, French, Arabic, Chinese, Hindi, Portuguese, and Russian.\" \/>\n <style>\n :root {\n --blue-950: #061b49;\n --blue-900: #082764;\n --blue-800: #0b3f91;\n --blue-700: #0d57bd;\n --cyan: #57d7ff;\n --green: #179446;\n --yellow: #ffd21f;\n --red: #e12b2b;\n --white: #ffffff;\n --ink: #0b1633;\n --muted: #65738b;\n --panel: rgba(255,255,255,0.92);\n --shadow: 0 24px 70px rgba(3, 24, 69, 0.25);\n --radius: 28px;\n }\n\n * { box-sizing: border-box; }\n\n body {\n margin: 0;\n font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\n color: var(--ink);\n background:\n radial-gradient(circle at top right, rgba(87, 215, 255, 0.22), transparent 32rem),\n linear-gradient(180deg, #f3f8ff 0%, #ffffff 50%, #edf5ff 100%);\n line-height: 1.6;\n }\n\n body.lang-am,\n .amharic,\n [lang=\"am\"] {\n font-family: \"Noto Sans Ethiopic\", \"Abyssinica SIL\", \"Segoe UI\", Arial, sans-serif;\n }\n\n [dir=\"rtl\"] {\n font-family: \"Noto Sans Arabic\", \"Segoe UI\", Arial, sans-serif;\n }\n\n a { color: inherit; }\n\n .page {\n width: min(1180px, calc(100% - 32px));\n margin: 0 auto;\n }\n\n .topbar {\n padding: 18px 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n }\n\n .brand {\n display: inline-flex;\n flex-direction: column;\n gap: 4px;\n font-weight: 900;\n letter-spacing: -0.04em;\n font-size: clamp(1.5rem, 3vw, 2.2rem);\n color: var(--blue-950);\n line-height: 0.95;\n }\n\n .brand span {\n display: inline-block;\n }\n\n .brand-bars {\n display: flex;\n gap: 5px;\n height: 7px;\n width: 170px;\n max-width: 100%;\n transform: skewX(-12deg);\n }\n\n .brand-bars i {\n display: block;\n flex: 1;\n border-radius: 999px;\n }\n\n .brand-bars i:nth-child(1) { background: var(--green); }\n .brand-bars i:nth-child(2) { background: var(--yellow); }\n .brand-bars i:nth-child(3) { background: var(--red); }\n\n .pill {\n border: 1px solid rgba(8, 39, 100, 0.14);\n color: var(--blue-900);\n background: rgba(255,255,255,0.75);\n border-radius: 999px;\n padding: 9px 14px;\n font-size: 0.9rem;\n font-weight: 700;\n box-shadow: 0 10px 30px rgba(8, 39, 100, 0.08);\n }\n\n .hero {\n position: relative;\n overflow: hidden;\n min-height: 520px;\n border-radius: 38px;\n background:\n linear-gradient(112deg, rgba(5, 28, 77, 0.98) 0%, rgba(7, 56, 139, 0.98) 53%, rgba(255,255,255,0) 53.5%),\n radial-gradient(circle at 80% 24%, rgba(255, 255, 255, 0.9), transparent 10rem),\n linear-gradient(135deg, #dcecff 0%, #98cef7 45%, #45a766 100%);\n box-shadow: var(--shadow);\n isolation: isolate;\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(circle, rgba(255,255,255,0.16) 1.2px, transparent 1.2px);\n background-size: 18px 18px;\n mask-image: linear-gradient(90deg, black 0%, black 34%, transparent 56%);\n opacity: 0.5;\n z-index: -1;\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n inset: auto -8% -20% 4%;\n height: 210px;\n background:\n linear-gradient(165deg, transparent 0 40%, rgba(255,255,255,0.96) 40.5% 48%, var(--green) 48.5% 63%, transparent 63.5%);\n opacity: 0.95;\n z-index: -1;\n transform: rotate(-2deg);\n }\n\n .hero-inner {\n display: grid;\n grid-template-columns: 1.03fr 0.97fr;\n min-height: 520px;\n }\n\n .hero-copy {\n padding: clamp(34px, 5vw, 64px);\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: center;\n max-width: 720px;\n }\n\n .hero-brand {\n width: fit-content;\n margin-bottom: 28px;\n font-weight: 900;\n letter-spacing: -0.04em;\n font-size: clamp(1.45rem, 2.4vw, 2rem);\n text-shadow: 0 6px 18px rgba(0,0,0,0.16);\n }\n\n .hero-brand .brand-bars {\n width: 150px;\n height: 8px;\n margin-top: 5px;\n }\n\n .hero h1 {\n margin: 0;\n line-height: 0.98;\n letter-spacing: -0.07em;\n font-weight: 950;\n font-size: clamp(3rem, 7.2vw, 6.9rem);\n text-wrap: balance;\n }\n\n .underline {\n width: 160px;\n height: 6px;\n margin: 30px 0 26px;\n border-radius: 999px;\n background: var(--cyan);\n box-shadow: 0 0 22px rgba(87, 215, 255, 0.55);\n }\n\n .hero p {\n margin: 0;\n font-size: clamp(1.35rem, 2.65vw, 2.55rem);\n line-height: 1.22;\n font-weight: 800;\n max-width: 820px;\n }\n\n .hero-visual {\n position: relative;\n min-height: 460px;\n display: grid;\n place-items: center;\n overflow: hidden;\n }\n\n .stadium {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0) 38%),\n radial-gradient(circle at 83% 14%, rgba(255, 205, 112, 0.95), transparent 11rem),\n linear-gradient(180deg, rgba(255,255,255,0) 0 44%, #72b74a 44% 100%);\n z-index: -1;\n }\n\n .stadium::before {\n content: \"\";\n position: absolute;\n left: 5%;\n right: 0;\n top: 62px;\n height: 155px;\n border-top: 20px solid rgba(19, 45, 82, 0.28);\n border-radius: 50% 50% 0 0;\n background:\n repeating-linear-gradient(90deg, rgba(13, 28, 54, 0.18) 0 7px, transparent 7px 28px),\n linear-gradient(180deg, rgba(27, 59, 103, 0.22), rgba(255,255,255,0.12));\n transform: skewY(-4deg);\n opacity: 0.9;\n }\n\n .field-lines {\n position: absolute;\n inset: auto 0 0 0;\n height: 42%;\n background:\n linear-gradient(15deg, rgba(255,255,255,0.32) 1px, transparent 2px) 0 0 \/ 100px 60px,\n linear-gradient(180deg, rgba(53, 136, 35, 0.2), rgba(6, 77, 29, 0.35));\n opacity: 0.75;\n }\n\n .player-wrap {\n position: relative;\n width: min(480px, 82%);\n aspect-ratio: 1 \/ 1;\n margin-top: 48px;\n }\n\n .cooler {\n position: absolute;\n width: 150px;\n height: 86px;\n left: 3%;\n bottom: 12%;\n background: linear-gradient(180deg, #eef7ff 0 28%, #0b3f91 28% 100%);\n border-radius: 10px 10px 15px 15px;\n box-shadow: 0 18px 28px rgba(0,0,0,0.25);\n }\n\n .cooler::before {\n content: \"\";\n position: absolute;\n left: 16px;\n right: 16px;\n top: -38px;\n height: 42px;\n background:\n linear-gradient(90deg, transparent 0 7%, rgba(255,255,255,0.9) 7% 17%, transparent 17% 23%),\n linear-gradient(90deg, transparent 22%, rgba(255,255,255,0.9) 22% 32%, transparent 32% 39%),\n linear-gradient(90deg, transparent 40%, rgba(255,255,255,0.9) 40% 50%, transparent 50% 57%),\n linear-gradient(90deg, transparent 58%, rgba(255,255,255,0.9) 58% 68%, transparent 68% 75%),\n linear-gradient(90deg, transparent 76%, rgba(255,255,255,0.9) 76% 86%, transparent 86%);\n filter: drop-shadow(0 8px 7px rgba(0,0,0,0.15));\n }\n\n .player {\n position: absolute;\n right: 3%;\n bottom: 8%;\n width: 260px;\n height: 380px;\n }\n\n .player .head {\n position: absolute;\n width: 55px;\n height: 55px;\n right: 44px;\n top: 10px;\n background: #b86f48;\n border-radius: 50%;\n box-shadow: inset -8px 0 0 rgba(85, 42, 31, 0.12);\n }\n\n .player .hair {\n position: absolute;\n width: 62px;\n height: 32px;\n right: 42px;\n top: 3px;\n background: #251a1c;\n border-radius: 60% 60% 45% 45%;\n transform: rotate(-9deg);\n }\n\n .player .body {\n position: absolute;\n width: 122px;\n height: 150px;\n right: 60px;\n top: 76px;\n background: linear-gradient(145deg, #0a2f6c, #09204d);\n border-radius: 26px 26px 42px 35px;\n transform: rotate(8deg);\n box-shadow: 0 22px 35px rgba(0,0,0,0.25);\n }\n\n .player .body::after {\n content: \"7\";\n position: absolute;\n color: white;\n opacity: 0.9;\n font-weight: 950;\n font-size: 70px;\n right: 34px;\n top: 22px;\n transform: rotate(-3deg);\n }\n\n .player .arm {\n position: absolute;\n width: 34px;\n height: 132px;\n background: #b86f48;\n border-radius: 999px;\n right: 66px;\n top: 54px;\n transform: rotate(-50deg);\n transform-origin: bottom;\n box-shadow: 0 8px 18px rgba(0,0,0,0.16);\n }\n\n .player .bottle {\n position: absolute;\n width: 22px;\n height: 82px;\n right: 10px;\n top: 3px;\n background: linear-gradient(90deg, rgba(255,255,255,0.9), rgba(87,215,255,0.58), rgba(255,255,255,0.72));\n border: 2px solid rgba(255,255,255,0.82);\n border-radius: 9px;\n transform: rotate(70deg);\n box-shadow: 0 0 18px rgba(255,255,255,0.55);\n }\n\n .player .leg-a, .player .leg-b {\n position: absolute;\n background: #09265c;\n border-radius: 999px;\n box-shadow: 0 12px 18px rgba(0,0,0,0.22);\n }\n\n .player .leg-a {\n width: 42px;\n height: 150px;\n right: 117px;\n bottom: 12px;\n transform: rotate(22deg);\n }\n\n .player .leg-b {\n width: 44px;\n height: 170px;\n right: 39px;\n bottom: 0;\n transform: rotate(-38deg);\n transform-origin: top;\n }\n\n .screen {\n position: absolute;\n right: 5%;\n top: 27%;\n width: 170px;\n height: 92px;\n border-radius: 10px;\n background: rgba(5, 42, 105, 0.86);\n border: 3px solid rgba(255,255,255,0.28);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n box-shadow: 0 18px 32px rgba(0,0,0,0.22);\n }\n\n .screen svg { width: 42px; height: 42px; }\n\n .mini-players {\n position: absolute;\n left: 12%;\n bottom: 18%;\n display: flex;\n align-items: end;\n gap: 64px;\n opacity: 0.86;\n transform: scale(0.78);\n transform-origin: bottom left;\n }\n\n .mini {\n width: 58px;\n height: 210px;\n position: relative;\n }\n\n .mini::before {\n content: \"\";\n position: absolute;\n width: 42px;\n height: 72px;\n left: 8px;\n top: 34px;\n background: #082764;\n border-radius: 14px 14px 20px 20px;\n }\n\n .mini::after {\n content: attr(data-no);\n position: absolute;\n top: 48px;\n left: 19px;\n color: rgba(255,255,255,0.88);\n font-weight: 950;\n font-size: 28px;\n }\n\n .mini i {\n position: absolute;\n width: 24px;\n height: 24px;\n left: 17px;\n top: 2px;\n background: #9d664a;\n border-radius: 50%;\n }\n\n .mini b {\n position: absolute;\n width: 16px;\n height: 104px;\n background: #082764;\n bottom: 0;\n border-radius: 999px;\n }\n\n .mini b:nth-of-type(1) { left: 8px; transform: rotate(4deg); }\n .mini b:nth-of-type(2) { right: 8px; transform: rotate(-4deg); }\n\n .language-tools {\n margin: 26px 0;\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 16px;\n align-items: center;\n background: var(--panel);\n border: 1px solid rgba(8, 39, 100, 0.12);\n border-radius: 24px;\n padding: 18px;\n box-shadow: 0 18px 50px rgba(8,39,100,0.08);\n backdrop-filter: blur(10px);\n }\n\n .language-tools strong {\n display: block;\n color: var(--blue-950);\n font-size: 1.05rem;\n margin-bottom: 3px;\n }\n\n .language-tools span {\n color: var(--muted);\n font-size: 0.95rem;\n }\n\n select {\n appearance: none;\n border: 2px solid rgba(13, 87, 189, 0.18);\n background: white;\n color: var(--blue-950);\n border-radius: 18px;\n padding: 14px 46px 14px 16px;\n font-weight: 800;\n min-width: 240px;\n box-shadow: 0 12px 26px rgba(8,39,100,0.08);\n background-image: linear-gradient(45deg, transparent 50%, var(--blue-800) 50%), linear-gradient(135deg, var(--blue-800) 50%, transparent 50%);\n background-position: calc(100% - 22px) 21px, calc(100% - 14px) 21px;\n background-size: 8px 8px, 8px 8px;\n background-repeat: no-repeat;\n }\n\n .section {\n padding: 40px 0;\n }\n\n .section h2 {\n margin: 0 0 14px;\n font-size: clamp(2rem, 4vw, 3.3rem);\n line-height: 1.05;\n letter-spacing: -0.05em;\n color: var(--blue-950);\n }\n\n .lead {\n margin: 0 0 24px;\n color: var(--muted);\n font-size: 1.15rem;\n max-width: 850px;\n }\n\n .info-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 18px;\n margin-top: 24px;\n }\n\n .card {\n background: white;\n border: 1px solid rgba(8, 39, 100, 0.10);\n border-radius: var(--radius);\n padding: 24px;\n box-shadow: 0 18px 45px rgba(8,39,100,0.08);\n }\n\n .card-icon {\n width: 58px;\n height: 58px;\n display: grid;\n place-items: center;\n border-radius: 20px;\n background: linear-gradient(135deg, rgba(87,215,255,0.22), rgba(13,87,189,0.12));\n margin-bottom: 16px;\n }\n\n .card-icon svg {\n width: 34px;\n height: 34px;\n stroke: var(--blue-800);\n }\n\n .card h3 {\n margin: 0 0 9px;\n color: var(--blue-950);\n font-size: 1.28rem;\n line-height: 1.2;\n }\n\n .card p { margin: 0; color: var(--muted); }\n\n .translations {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n margin-top: 24px;\n }\n\n .translation-card {\n background:\n linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.88));\n border: 1px solid rgba(8, 39, 100, 0.10);\n border-radius: 24px;\n padding: 22px;\n box-shadow: 0 15px 38px rgba(8,39,100,0.07);\n }\n\n .translation-card .lang-name {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n color: var(--blue-800);\n font-weight: 900;\n font-size: 0.88rem;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n margin-bottom: 12px;\n }\n\n .translation-card h3 {\n margin: 0 0 10px;\n color: var(--blue-950);\n font-size: clamp(1.25rem, 2.2vw, 1.9rem);\n line-height: 1.15;\n }\n\n .translation-card p {\n margin: 0;\n color: #28364f;\n font-size: 1.05rem;\n }\n\n .cta {\n margin: 38px 0 52px;\n border-radius: 32px;\n background:\n linear-gradient(135deg, var(--blue-950), var(--blue-800));\n color: white;\n padding: 34px;\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 22px;\n align-items: center;\n box-shadow: var(--shadow);\n position: relative;\n overflow: hidden;\n }\n\n .cta::after {\n content: \"\";\n position: absolute;\n width: 240px;\n height: 240px;\n border-radius: 50%;\n right: -70px;\n top: -80px;\n background: radial-gradient(circle, rgba(87,215,255,0.22), transparent 70%);\n }\n\n .cta h2 {\n margin: 0 0 7px;\n color: white;\n font-size: clamp(1.7rem, 3.3vw, 2.8rem);\n line-height: 1.05;\n }\n\n .cta p {\n margin: 0;\n color: rgba(255,255,255,0.82);\n }\n\n .badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 52px;\n padding: 12px 18px;\n border-radius: 999px;\n background: rgba(255,255,255,0.12);\n border: 1px solid rgba(255,255,255,0.24);\n font-weight: 900;\n white-space: nowrap;\n z-index: 1;\n }\n\n footer {\n padding: 30px 0 44px;\n color: var(--muted);\n text-align: center;\n font-size: 0.95rem;\n }\n\n @media (max-width: 980px) {\n .hero {\n background:\n linear-gradient(180deg, rgba(5, 28, 77, 0.98) 0%, rgba(7, 56, 139, 0.97) 62%, rgba(10, 88, 64, 0.7) 100%),\n linear-gradient(135deg, #dcecff, #45a766);\n }\n\n .hero-inner {\n grid-template-columns: 1fr;\n }\n\n .hero-copy {\n max-width: none;\n }\n\n .hero-visual {\n min-height: 360px;\n }\n\n .info-grid,\n .translations {\n grid-template-columns: 1fr;\n }\n\n .language-tools,\n .cta {\n grid-template-columns: 1fr;\n }\n\n select {\n width: 100%;\n }\n }\n\n @media (max-width: 560px) {\n .page {\n width: min(100% - 20px, 1180px);\n }\n\n .topbar {\n align-items: flex-start;\n flex-direction: column;\n }\n\n .hero {\n border-radius: 24px;\n }\n\n .hero-copy {\n padding: 30px 22px;\n }\n\n .hero h1 {\n font-size: clamp(2.55rem, 15vw, 4.2rem);\n }\n\n .hero p {\n font-size: 1.25rem;\n }\n\n .player-wrap {\n width: 92%;\n }\n\n .screen {\n width: 130px;\n height: 78px;\n right: 3%;\n }\n\n .mini-players {\n transform: scale(0.58);\n }\n\n .card,\n .translation-card,\n .cta {\n border-radius: 22px;\n padding: 20px;\n }\n }\n\n @media print {\n body { background: white; }\n .language-tools, .cta { display: none; }\n .hero, .card, .translation-card { box-shadow: none; }\n .hero { break-inside: avoid; }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"page\">\n <header class=\"topbar\" aria-label=\"Site header\">\n <div class=\"brand\" aria-label=\"YebboSports\">\n <span>YebboSports<\/span>\n <span class=\"brand-bars\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\n <\/div>\n <div class=\"pill\">Educational Football Safety Guide<\/div>\n <\/header>\n\n <main>\n <section class=\"hero\" aria-label=\"YebboSports hydration break web banner\">\n <div class=\"hero-inner\">\n <div class=\"hero-copy\" id=\"heroCopy\">\n <div class=\"hero-brand\" aria-label=\"YebboSports banner label\">\n YebboSports\n <span class=\"brand-bars\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\n <\/div>\n <h1 id=\"heroTitle\">FIFA Hydration Break<\/h1>\n <div class=\"underline\" aria-hidden=\"true\"><\/div>\n <p id=\"heroSubtitle\">A short break during hot weather so players can drink water and cool down.<\/p>\n <\/div>\n\n <div class=\"hero-visual\" aria-hidden=\"true\">\n <div class=\"stadium\"><\/div>\n <div class=\"field-lines\"><\/div>\n <div class=\"screen\">\n <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M32 7C23 20 15 30 15 41a17 17 0 0 0 34 0C49 30 41 20 32 7Z\" fill=\"#57d7ff\" stroke=\"white\" stroke-width=\"3\"\/>\n <path d=\"M24 44c4 4 12 4 16 0\" stroke=\"white\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M29 9a7 7 0 0 1 14 0v28a15 15 0 1 1-14 0V9Z\" stroke=\"white\" stroke-width=\"5\" stroke-linejoin=\"round\"\/>\n <path d=\"M43 13h9M43 22h7M43 31h9\" stroke=\"#57d7ff\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <div class=\"mini-players\">\n <span class=\"mini\" data-no=\"11\"><i><\/i><b><\/b><b><\/b><\/span>\n <span class=\"mini\" data-no=\"8\"><i><\/i><b><\/b><b><\/b><\/span>\n <\/div>\n <div class=\"player-wrap\">\n <div class=\"cooler\"><\/div>\n <div class=\"player\">\n <span class=\"hair\"><\/span>\n <span class=\"head\"><\/span>\n <span class=\"arm\"><\/span>\n <span class=\"bottle\"><\/span>\n <span class=\"body\"><\/span>\n <span class=\"leg-a\"><\/span>\n <span class=\"leg-b\"><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"language-tools\" aria-label=\"Language selector\">\n <div>\n <strong>Change banner language<\/strong>\n <span>Select a language to update the main YebboSports banner text.<\/span>\n <\/div>\n <label>\n <span class=\"sr-only\">Language<\/span>\n <select id=\"languageSelect\" aria-label=\"Choose banner language\">\n <option value=\"en\">English<\/option>\n <option value=\"am\">Amharic \/ \u12a0\u121b\u122d\u129b<\/option>\n <option value=\"es\">Spanish \/ Espa\u00f1ol<\/option>\n <option value=\"fr\">French \/ Fran\u00e7ais<\/option>\n <option value=\"ar\">Arabic \/ \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/option>\n <option value=\"zh\">Chinese \/ \u4e2d\u6587<\/option>\n <option value=\"hi\">Hindi \/ \u0939\u093f\u0928\u094d\u0926\u0940<\/option>\n <option value=\"pt\">Portuguese \/ Portugu\u00eas<\/option>\n <option value=\"ru\">Russian \/ \u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/option>\n <\/select>\n <\/label>\n <\/section>\n\n <section class=\"section\">\n <h2>What is a hydration break?<\/h2>\n <p class=\"lead\">\n A hydration break is a short pause used in hot or demanding match conditions so players can drink water, receive quick guidance, and lower heat stress before play resumes.\n <\/p>\n\n <div class=\"info-grid\">\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M32 7C23 20 15 30 15 41a17 17 0 0 0 34 0C49 30 41 20 32 7Z\" stroke=\"currentColor\" stroke-width=\"5\" fill=\"none\"\/>\n <path d=\"M23 47c6 5 13 5 19 0\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Drink water<\/h3>\n <p>Players get a safe, organized moment to hydrate without leaving the flow of the match unmanaged.<\/p>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M28 9a8 8 0 0 1 16 0v29a16 16 0 1 1-16 0V9Z\" stroke=\"currentColor\" stroke-width=\"5\"\/>\n <path d=\"M44 15h9M44 24h7M44 33h9\" stroke=\"currentColor\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Cool down<\/h3>\n <p>In high heat, breaks help reduce heat strain and support player welfare during intense competition.<\/p>\n <\/article>\n\n <article class=\"card\">\n <div class=\"card-icon\">\n <svg viewBox=\"0 0 64 64\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M14 18h36M14 32h28M14 46h36\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <path d=\"M52 12v12M52 40v12\" stroke=\"currentColor\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Resume play<\/h3>\n <p>The referee manages the pause, and the time lost is normally added back at the end of the half.<\/p>\n <\/article>\n <\/div>\n <\/section>\n\n <section class=\"section\" aria-label=\"Main world language translations\">\n <h2>Main world languages<\/h2>\n <p class=\"lead\">Use these translations for web banners, social posts, stadium screens, or educational graphics.<\/p>\n\n <div class=\"translations\">\n <article class=\"translation-card\" lang=\"en\">\n <div class=\"lang-name\">English<\/div>\n <h3>FIFA Hydration Break<\/h3>\n <p>A short break during hot weather so players can drink water and cool down.<\/p>\n <\/article>\n\n <article class=\"translation-card amharic\" lang=\"am\">\n <div class=\"lang-name\">Amharic \/ \u12a0\u121b\u122d\u129b<\/div>\n <h3>\u12e8\u134a\u134b \u12e8\u12cd\u1203 \u12a5\u1228\u134d\u1275<\/h3>\n <p>\u1260\u121e\u1243\u1275 \u12e8\u12a0\u12e8\u122d \u1201\u1294\u1273 \u1270\u132b\u12cb\u127e\u127d \u12cd\u1203 \u12a5\u1295\u12f2\u1320\u1321 \u12a5\u1293 \u12a5\u1295\u12f2\u1240\u12dd\u1240\u12d9 \u12e8\u121a\u12f0\u1228\u130d \u12a0\u132d\u122d \u12a5\u1228\u134d\u1275\u1362<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"es\">\n <div class=\"lang-name\">Spanish \/ Espa\u00f1ol<\/div>\n <h3>Pausa de Hidrataci\u00f3n de la FIFA<\/h3>\n <p>Una breve pausa durante el calor para que los jugadores beban agua y se refresquen.<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"fr\">\n <div class=\"lang-name\">French \/ Fran\u00e7ais<\/div>\n <h3>Pause d\u2019hydratation de la FIFA<\/h3>\n <p>Une courte pause par temps chaud pour permettre aux joueurs de boire de l\u2019eau et de se rafra\u00eechir.<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"ar\" dir=\"rtl\">\n <div class=\"lang-name\">Arabic \/ \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/div>\n <h3>\u0627\u0633\u062a\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0631\u0637\u064a\u0628 \u0641\u064a \u0627\u0644\u0641\u064a\u0641\u0627<\/h3>\n <p>\u0627\u0633\u062a\u0631\u0627\u062d\u0629 \u0642\u0635\u064a\u0631\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0637\u0642\u0633 \u0627\u0644\u062d\u0627\u0631 \u0644\u064a\u0634\u0631\u0628 \u0627\u0644\u0644\u0627\u0639\u0628\u0648\u0646 \u0627\u0644\u0645\u0627\u0621 \u0648\u064a\u0628\u0631\u062f\u0648\u0627 \u0623\u062c\u0633\u0627\u0645\u0647\u0645.<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"zh-Hans\">\n <div class=\"lang-name\">Chinese \/ \u4e2d\u6587<\/div>\n <h3>\u56fd\u9645\u8db3\u8054\u8865\u6c34\u6682\u505c<\/h3>\n <p>\u5728\u708e\u70ed\u5929\u6c14\u4e2d\uff0c\u7403\u5458\u77ed\u6682\u505c\u4e0b\u6765\u559d\u6c34\u548c\u964d\u6e29\u3002<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"hi\">\n <div class=\"lang-name\">Hindi \/ \u0939\u093f\u0928\u094d\u0926\u0940<\/div>\n <h3>\u092b\u0940\u092b\u093e \u0939\u093e\u0907\u0921\u094d\u0930\u0947\u0936\u0928 \u092c\u094d\u0930\u0947\u0915<\/h3>\n <p>\u0917\u0930\u094d\u092e \u092e\u094c\u0938\u092e \u092e\u0947\u0902 \u0916\u093f\u0932\u093e\u0921\u093c\u093f\u092f\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u092a\u093e\u0928\u0940 \u092a\u0940\u0928\u0947 \u0914\u0930 \u0920\u0902\u0921\u093e \u0939\u094b\u0928\u0947 \u0915\u093e \u090f\u0915 \u091b\u094b\u091f\u093e \u0935\u093f\u0930\u093e\u092e\u0964<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"pt\">\n <div class=\"lang-name\">Portuguese \/ Portugu\u00eas<\/div>\n <h3>Pausa para Hidrata\u00e7\u00e3o da FIFA<\/h3>\n <p>Uma breve pausa em clima quente para que os jogadores bebam \u00e1gua e se refresquem.<\/p>\n <\/article>\n\n <article class=\"translation-card\" lang=\"ru\">\n <div class=\"lang-name\">Russian \/ \u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/div>\n <h3>\u041f\u0430\u0443\u0437\u0430 \u0424\u0418\u0424\u0410 \u043d\u0430 \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u044e<\/h3>\n <p>\u041a\u043e\u0440\u043e\u0442\u043a\u0430\u044f \u043f\u0430\u0443\u0437\u0430 \u0432 \u0436\u0430\u0440\u043a\u0443\u044e \u043f\u043e\u0433\u043e\u0434\u0443, \u0447\u0442\u043e\u0431\u044b \u0438\u0433\u0440\u043e\u043a\u0438 \u043c\u043e\u0433\u043b\u0438 \u043f\u043e\u043f\u0438\u0442\u044c \u0432\u043e\u0434\u044b \u0438 \u043e\u0445\u043b\u0430\u0434\u0438\u0442\u044c\u0441\u044f.<\/p>\n <\/article>\n <\/div>\n <\/section>\n\n <section class=\"cta\" aria-label=\"YebboSports callout\">\n <div>\n <h2>YebboSports: Educate fans. Protect players.<\/h2>\n <p>Use this multilingual banner page to explain hydration breaks clearly to football audiences around the world.<\/p>\n <\/div>\n <div class=\"badge\">Powered by YebboSports<\/div>\n <\/section>\n <\/main>\n\n <footer>\n \u00a9 2026 YebboSports. Educational content only. This page does not use or claim any official FIFA logo or endorsement.\n <\/footer>\n <\/div>\n\n <script>\n const translations = {\n en: {\n title: \"FIFA Hydration Break\",\n subtitle: \"A short break during hot weather so players can drink water and cool down.\",\n lang: \"en\",\n dir: \"ltr\"\n },\n am: {\n title: \"\u12e8\u134a\u134b \u12e8\u12cd\u1203 \u12a5\u1228\u134d\u1275\",\n subtitle: \"\u1260\u121e\u1243\u1275 \u12e8\u12a0\u12e8\u122d \u1201\u1294\u1273 \u1270\u132b\u12cb\u127e\u127d \u12cd\u1203 \u12a5\u1295\u12f2\u1320\u1321 \u12a5\u1293 \u12a5\u1295\u12f2\u1240\u12dd\u1240\u12d9 \u12e8\u121a\u12f0\u1228\u130d \u12a0\u132d\u122d \u12a5\u1228\u134d\u1275\u1362\",\n lang: \"am\",\n dir: \"ltr\"\n },\n es: {\n title: \"Pausa de Hidrataci\u00f3n de la FIFA\",\n subtitle: \"Una breve pausa durante el calor para que los jugadores beban agua y se refresquen.\",\n lang: \"es\",\n dir: \"ltr\"\n },\n fr: {\n title: \"Pause d\u2019hydratation de la FIFA\",\n subtitle: \"Une courte pause par temps chaud pour permettre aux joueurs de boire de l\u2019eau et de se rafra\u00eechir.\",\n lang: \"fr\",\n dir: \"ltr\"\n },\n ar: {\n title: \"\u0627\u0633\u062a\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0631\u0637\u064a\u0628 \u0641\u064a \u0627\u0644\u0641\u064a\u0641\u0627\",\n subtitle: \"\u0627\u0633\u062a\u0631\u0627\u062d\u0629 \u0642\u0635\u064a\u0631\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0637\u0642\u0633 \u0627\u0644\u062d\u0627\u0631 \u0644\u064a\u0634\u0631\u0628 \u0627\u0644\u0644\u0627\u0639\u0628\u0648\u0646 \u0627\u0644\u0645\u0627\u0621 \u0648\u064a\u0628\u0631\u062f\u0648\u0627 \u0623\u062c\u0633\u0627\u0645\u0647\u0645.\",\n lang: \"ar\",\n dir: \"rtl\"\n },\n zh: {\n title: \"\u56fd\u9645\u8db3\u8054\u8865\u6c34\u6682\u505c\",\n subtitle: \"\u5728\u708e\u70ed\u5929\u6c14\u4e2d\uff0c\u7403\u5458\u77ed\u6682\u505c\u4e0b\u6765\u559d\u6c34\u548c\u964d\u6e29\u3002\",\n lang: \"zh-Hans\",\n dir: \"ltr\"\n },\n hi: {\n title: \"\u092b\u0940\u092b\u093e \u0939\u093e\u0907\u0921\u094d\u0930\u0947\u0936\u0928 \u092c\u094d\u0930\u0947\u0915\",\n subtitle: \"\u0917\u0930\u094d\u092e \u092e\u094c\u0938\u092e \u092e\u0947\u0902 \u0916\u093f\u0932\u093e\u0921\u093c\u093f\u092f\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u092a\u093e\u0928\u0940 \u092a\u0940\u0928\u0947 \u0914\u0930 \u0920\u0902\u0921\u093e \u0939\u094b\u0928\u0947 \u0915\u093e \u090f\u0915 \u091b\u094b\u091f\u093e \u0935\u093f\u0930\u093e\u092e\u0964\",\n lang: \"hi\",\n dir: \"ltr\"\n },\n pt: {\n title: \"Pausa para Hidrata\u00e7\u00e3o da FIFA\",\n subtitle: \"Uma breve pausa em clima quente para que os jogadores bebam \u00e1gua e se refresquem.\",\n lang: \"pt\",\n dir: \"ltr\"\n },\n ru: {\n title: \"\u041f\u0430\u0443\u0437\u0430 \u0424\u0418\u0424\u0410 \u043d\u0430 \u0433\u0438\u0434\u0440\u0430\u0442\u0430\u0446\u0438\u044e\",\n subtitle: \"\u041a\u043e\u0440\u043e\u0442\u043a\u0430\u044f \u043f\u0430\u0443\u0437\u0430 \u0432 \u0436\u0430\u0440\u043a\u0443\u044e \u043f\u043e\u0433\u043e\u0434\u0443, \u0447\u0442\u043e\u0431\u044b \u0438\u0433\u0440\u043e\u043a\u0438 \u043c\u043e\u0433\u043b\u0438 \u043f\u043e\u043f\u0438\u0442\u044c \u0432\u043e\u0434\u044b \u0438 \u043e\u0445\u043b\u0430\u0434\u0438\u0442\u044c\u0441\u044f.\",\n lang: \"ru\",\n dir: \"ltr\"\n }\n };\n\n const select = document.getElementById(\"languageSelect\");\n const title = document.getElementById(\"heroTitle\");\n const subtitle = document.getElementById(\"heroSubtitle\");\n const copy = document.getElementById(\"heroCopy\");\n\n select.addEventListener(\"change\", () => {\n const item = translations[select.value];\n title.textContent = item.title;\n subtitle.textContent = item.subtitle;\n copy.setAttribute(\"lang\", item.lang);\n copy.setAttribute(\"dir\", item.dir);\n document.body.classList.toggle(\"lang-am\", select.value === \"am\");\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-1024x439.png\" alt=\"\" class=\"wp-image-881\" srcset=\"http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-1024x439.png 1024w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-300x129.png 300w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-768x329.png 768w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-1536x658.png 1536w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-400x171.png 400w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2-800x343.png 800w, http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275-2.png 1916w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>YebboSports | FIFA Hydration Break Guide YebboSports Educational Football Safety Guide YebboSports FIFA Hydration Break A short break during hot […]<\/p>\n","protected":false},"author":1,"featured_media":878,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[48],"tags":[],"class_list":["post-877","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-world-cup"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"http:\/\/yebbo.com\/ethiodiego\/wp-content\/uploads\/2026\/06\/\u12e8\u12cd\u1203-\u12a5\u1228\u134d\u1275.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8nzgb-e9","jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/877","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/comments?post=877"}],"version-history":[{"count":3,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/877\/revisions"}],"predecessor-version":[{"id":883,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/877\/revisions\/883"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/media\/878"}],"wp:attachment":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/media?parent=877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/categories?post=877"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/tags?post=877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}