/* ==========================================================================
   ithero.css – spoločné štýly webu IT Hero
   Komponenty, ktoré sa opakujú na viacerých stránkach (päta, cenník, paušály,
   stránky služieb, formuláre…). Prehliadač si súbor uloží do cache.
   Pri zmene zvýš verziu ?v= v <link> na stránkach.
   ========================================================================== */

/* ===== Päta (inc/footer.php) ===== */
.ih-footer { background: #0f172a; color: #94a3b8; font-size: 15px; line-height: 1.7; padding: 64px 0 0; position: relative; z-index: 1; }
.ih-footer a { color: #cbd5e1; text-decoration: none; transition: color .2s; }
.ih-footer a:hover, .ih-footer a:focus { color: #1fb6ea; text-decoration: none; }
.ih-footer .ih-f-title { color: #fff; font-size: 15px; font-weight: 700; letter-spacing: .02em; margin: 0 0 16px; text-transform: none; line-height: 1.4; }
.ih-footer .ih-f-logo img { width: 106px; height: auto; max-height: none; margin-bottom: 16px; }
.ih-footer .ih-f-about { margin: 0 0 18px; max-width: 320px; }
.ih-footer ul { list-style: none; margin: 0; padding: 0; }
.ih-footer li { margin-bottom: 8px; }
.ih-footer .ih-f-contact li { display: flex; gap: 10px; align-items: flex-start; }
.ih-footer .ih-f-contact .fa { color: #1fb6ea; width: 16px; text-align: center; margin-top: 6px; flex-shrink: 0; }
.ih-footer .ih-f-rating { display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; padding: 8px 14px; margin-bottom: 18px; color: #e2e8f0; }
.ih-footer .ih-f-rating:hover { border-color: #1fb6ea; color: #fff; }
.ih-footer .ih-f-rating strong { font-size: 18px; color: #fff; }
.ih-footer .ih-f-stars { color: #fbbf24; letter-spacing: 1px; }
.ih-footer .ih-f-social a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(255,255,255,.08); color: #fff; margin-right: 8px; font-size: 16px; }
.ih-footer .ih-f-social a:hover { background: #1fb6ea; color: #fff; }
.ih-footer .ih-f-hl { color: #fff; font-weight: 600; }
.ih-footer .ih-f-company { margin-top: 18px; font-size: 13px; line-height: 1.6; color: #7c8aa0; }
.ih-footer .ih-f-col { margin-bottom: 36px; }
.ih-footer .ih-f-bottom { border-top: 1px solid rgba(255,255,255,.08); margin-top: 12px; padding: 20px 0; font-size: 13px; color: #7c8aa0; }
.ih-footer .ih-f-bottom .container { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; align-items: center; }
.ih-footer .ih-f-bottom nav a { margin-left: 20px; color: #94a3b8; }
.ih-footer .ih-f-bottom nav a:first-child { margin-left: 0; }
@media (max-width: 767px) {
.ih-footer { padding-top: 44px; text-align: left; }
.ih-footer .ih-f-bottom { padding-bottom: 100px; } /* koniec stránky sa nezakryje plávajúcimi tlačidlami */
.ih-footer .ih-f-bottom .container { flex-direction: column; align-items: flex-start; }
.ih-footer .ih-f-bottom nav a { display: inline-block; margin: 0 16px 6px 0; }
}

/* ===== Cenník (inc/cennik.php) ===== */
            .ih-price-grid { margin-left: -12px; margin-right: -12px; max-width: 1080px; margin: 0 auto; }
            .ih-price-grid > .ih-price-col { padding: 0 12px; margin-bottom: 24px; }
            .ih-price-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; padding: 28px 24px 24px; height: 100%; display: flex; flex-direction: column; box-shadow: 0 2px 14px rgba(0,0,0,.05); scroll-margin-top: 110px; }
            .ih-price-head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
            .ih-price-icon { width: 44px; height: 44px; border-radius: 12px; background: #1fb6ea; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; box-shadow: 0 4px 14px rgba(31,182,234,.3); }
            .ih-price-head h3 { font-size: 1.05rem; font-weight: 700; color: #0f172a; margin: 0; line-height: 1.3; }
            .ih-price-list { list-style: none; margin: 0 0 20px; padding: 0; flex: 1; }
            .ih-price-list li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #e2e8f0; font-size: .92rem; line-height: 1.45; color: #475569; }
            .ih-price-list li:last-child { border-bottom: 0; }
            .ih-price-list span { flex: 1 1 auto; min-width: 0; }
            .ih-price-list strong { color: #0f172a; font-weight: 700; text-align: right; white-space: nowrap; flex: 0 0 auto; }
            .ih-price-list strong.ih-price-long { white-space: normal; flex: 0 1 auto; max-width: 55%; } /* dlhý text ceny sa zalomí, nepretečie */
            .ih-price-list strong.ih-price-free { color: #15803d; }
            .ih-price-list span a { color: #0d6e91; font-weight: 600; }
            .ih-price-cta { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; font-size: .9rem; font-weight: 700; color: #0d6e91; text-decoration: none; transition: gap .18s; }
            .ih-price-cta:hover { gap: 12px; color: #0d8fbf; text-decoration: none; }
            .ih-price-single { max-width: 640px; margin: 0 auto 8px; }
            .ih-price-note { text-align: center; color: #64748b; font-size: .92rem; line-height: 1.6; max-width: 720px; margin: 8px auto 0; }
            .ih-price-note .fa { color: #1fb6ea; margin-right: 4px; }

            .ih-price-teaser { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0 auto 18px; max-width: 1000px; }
            .ih-pt-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 22px 16px; text-align: center; box-shadow: 0 2px 12px rgba(0,0,0,.04); }
            .ih-pt-item strong { display: block; font-size: 1.6rem; font-weight: 800; color: #0f172a; line-height: 1.15; margin-bottom: 6px; }
            .ih-pt-item:first-child strong { color: #15803d; }
            .ih-pt-item strong small { font-size: .55em; font-weight: 700; color: #64748b; margin-left: 2px; }
            .ih-pt-item strong { white-space: nowrap; }
            .ih-pt-item span { color: #64748b; font-size: .9rem; line-height: 1.4; display: block; }
            @media (max-width: 991px) { .ih-price-teaser { grid-template-columns: repeat(2, 1fr); } }
            @media (max-width: 400px) { .ih-pt-item strong { font-size: 1.35rem; } .ih-pt-item { padding: 18px 10px; } }

/* ===== Ako to prebieha (inc/proces.php) ===== */
            .ih-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; counter-reset: ihstep; margin: 0 0 28px; padding: 0; list-style: none; }
            .ih-step { position: relative; background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; padding: 30px 22px 24px; box-shadow: 0 2px 14px rgba(0,0,0,.04); }
            .ih-step-num { position: absolute; top: 16px; right: 18px; font-size: 2.6rem; font-weight: 800; color: #e8f6fc; line-height: 1; }
            .ih-step-icon { width: 50px; height: 50px; border-radius: 14px; background: #1fb6ea; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 21px; margin-bottom: 16px; box-shadow: 0 4px 14px rgba(31,182,234,.3); position: relative; }
            .ih-step h3 { font-size: 1.05rem; font-weight: 700; color: #0f172a; margin: 0 0 8px; line-height: 1.35; }
            .ih-step p { color: #64748b; font-size: .92rem; line-height: 1.6; margin: 0; }
            .ih-ways { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 12px; margin: 0; padding: 0; list-style: none; }
            .ih-ways li { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #d0edf9; border-radius: 40px; padding: 8px 16px; font-size: .9rem; font-weight: 600; color: #0f172a; }
            .ih-ways .fa { color: #1fb6ea; }
            .ih-ways-title { text-align: center; color: #64748b; font-size: .92rem; margin: 0 0 12px; }
            @media (max-width: 991px) { .ih-steps { grid-template-columns: repeat(2, 1fr); } }
            @media (max-width: 575px) { .ih-steps { grid-template-columns: 1fr; gap: 14px; } .ih-step { padding: 22px 20px 20px; display: grid; grid-template-columns: 50px 1fr; column-gap: 16px; } .ih-step-icon { margin: 0; grid-row: span 2; } .ih-step-num { font-size: 2rem; } }

/* ===== IT paušály (inc/pausaly.php) ===== */
            .ih-plans { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: stretch; }
            .ih-plan { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid #e2e8f0; border-radius: 18px; padding: 28px 22px 24px; box-shadow: 0 2px 14px rgba(0,0,0,.04); }
            .ih-plan-top { border: 2px solid #1fb6ea; box-shadow: 0 14px 40px rgba(31,182,234,.18); }
            .ih-plan-flag { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); background: #1fb6ea; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; padding: 4px 14px; border-radius: 20px; white-space: nowrap; }
            .ih-plan h3 { font-size: 1.25rem; font-weight: 800; color: #0f172a; margin: 0 0 4px; }
            .ih-plan-for { font-size: .88rem; color: #64748b; margin: 0 0 16px; line-height: 1.4; min-height: 2.5em; }
            .ih-plan-price { display: flex; align-items: baseline; gap: 6px; margin-bottom: 2px; }
            .ih-plan-price strong { font-size: 2.4rem; font-weight: 800; color: #0f172a; line-height: 1; }
            .ih-plan-price span { color: #64748b; font-size: .95rem; }
            .ih-plan-pcs { font-size: .88rem; color: #0f172a; font-weight: 600; margin: 6px 0 2px; }
            .ih-plan-extra { font-size: .8rem; color: #64748b; margin: 0 0 18px; }
            .ih-plan ul { list-style: none; margin: 0 0 18px; padding: 18px 0 0; border-top: 1px solid #eef2f6; flex: 1; }
            .ih-plan li { position: relative; padding-left: 24px; margin-bottom: 10px; font-size: .9rem; line-height: 1.45; color: #334155; }
            .ih-plan li::before { content: ""; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; background-color: #15803d; -webkit-mask: var(--ih-ico-check) no-repeat center / contain; mask: var(--ih-ico-check) no-repeat center / contain; }
            .ih-plan li:first-child { font-weight: 600; color: #0f172a; }
            .ih-plan-rate { font-size: .85rem; color: #475569; background: #f8fafc; border-radius: 10px; padding: 9px 12px; margin-bottom: 16px; }
            .ih-plan-rate strong { color: #0f172a; }
            .ih-plan-btn { display: block; text-align: center; font-weight: 700; font-size: .95rem; padding: 12px 16px; border-radius: 10px; text-decoration: none; border: 2px solid #1fb6ea; color: #0d6e91; transition: background .2s, color .2s; }
            .ih-plan-btn:hover { background: #1fb6ea; color: #fff; text-decoration: none; }
            .ih-plan-top .ih-plan-btn { background: #1fb6ea; color: #fff; }
            .ih-plan-top .ih-plan-btn:hover { background: #0d9ecf; border-color: #0d9ecf; }
            .ih-plan-custom { display: flex; align-items: center; gap: 22px; margin-top: 26px; background: #f1f9fd; border: 1.5px dashed #9fdcf3; border-radius: 18px; padding: 24px 28px; }
            .ih-plan-custom-icon { width: 54px; height: 54px; flex-shrink: 0; border-radius: 14px; background: #1fb6ea; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: 0 4px 14px rgba(31,182,234,.3); }
            .ih-plan-custom-text { flex: 1; }
            .ih-plan-custom-text h3 { font-size: 1.15rem; font-weight: 800; color: #0f172a; margin: 0 0 6px; }
            .ih-plan-custom-text p { margin: 0; color: #475569; font-size: .95rem; line-height: 1.6; }
            .ih-plan-custom-btns { display: flex; flex-direction: column; align-items: center; gap: 8px; flex-shrink: 0; }
            .ih-plan-btn.ih-plan-btn-solid { background: #1fb6ea; color: #fff; padding: 12px 22px; white-space: nowrap; }
            .ih-plan-btn.ih-plan-btn-solid:hover { background: #0d9ecf; border-color: #0d9ecf; }
            .ih-plan-custom-tel { font-weight: 700; color: #0f172a; font-size: .92rem; text-decoration: none; }
            .ih-plan-custom-tel:hover { color: #0d6e91; text-decoration: none; }
            .ih-plan-custom-tel .fa { color: #1fb6ea; }
            @media (max-width: 767px) { .ih-plan-custom { flex-direction: column; text-align: center; padding: 22px 20px; } .ih-plan-custom-btns { width: 100%; } .ih-plan-btn.ih-plan-btn-solid { width: 100%; } }
            .ih-plans-note { max-width: 860px; margin: 30px auto 0; padding: 0; list-style: none; }
            .ih-plans-note li { position: relative; padding-left: 22px; margin-bottom: 8px; font-size: .9rem; color: #64748b; line-height: 1.55; }
            .ih-plans-note li::before { content: ""; position: absolute; left: 0; top: 4px; width: 15px; height: 15px; background-color: #1fb6ea; -webkit-mask: var(--ih-ico-info) no-repeat center / contain; mask: var(--ih-ico-info) no-repeat center / contain; }
            @media (max-width: 1199px) { .ih-plans { grid-template-columns: repeat(2, 1fr); gap: 26px 20px; } }
            @media (max-width: 575px)  { .ih-plans { grid-template-columns: 1fr; } .ih-plan-for { min-height: 0; } }

/* ===== Stránky služieb (servis, kamery, weby, IT pre firmy) ===== */
/* ===== Stránka služby (servis PC, kamery, …) ===== */
.svcp-hero { background: linear-gradient(180deg, #f1f9fd 0%, #f8fafc 100%); padding: 56px 0 64px; }
.svcp-bc { font-size: 13px; color: #64748b; margin-bottom: 18px; }
.svcp-bc a { color: #0d6e91; text-decoration: none; }
.svcp-bc a:hover { text-decoration: underline; }
.svcp-badge { display: inline-block; background: #ddf3fc; color: #0a6d90; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 5px 16px; border-radius: 30px; margin-bottom: 14px; }
.svcp-hero h1 { font-size: clamp(1.75rem, 3.6vw, 2.6rem); font-weight: 800; color: #0f172a; line-height: 1.2; margin: 0 0 16px; }
.svcp-lead { font-size: 1.08rem; color: #475569; line-height: 1.7; margin: 0 0 22px; max-width: 620px; }
.svcp-checks { list-style: none; padding: 0; margin: 0 0 28px; }
.svcp-checks li { display: flex; gap: 10px; align-items: flex-start; font-size: 1rem; color: #0f172a; line-height: 1.5; margin-bottom: 10px; }
.svcp-checks .fa { color: #15803d; margin-top: 4px; }
.svcp-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.svcp-btn { display: inline-flex; align-items: center; gap: 9px; font-size: 1rem; font-weight: 700; padding: 14px 26px; border-radius: 10px; text-decoration: none; transition: background .2s, transform .15s, border-color .2s; }
.svcp-btn-primary { background: #1fb6ea; color: #fff; box-shadow: 0 4px 18px rgba(31,182,234,.3); }
.svcp-btn-primary:hover { background: #0d9ecf; color: #fff; text-decoration: none; transform: translateY(-2px); }
.svcp-btn-ghost { background: #fff; color: #0f172a; border: 1.5px solid #cbd5e1; }
.svcp-btn-ghost:hover { border-color: #1fb6ea; color: #0f172a; text-decoration: none; }
.svcp-rating { display: inline-flex; align-items: center; gap: 8px; font-size: .92rem; color: #475569; text-decoration: none; }
.svcp-rating strong { color: #0f172a; font-size: 1.05rem; }
.svcp-rating .svcp-stars { color: #fbbf24; letter-spacing: 1px; }
.svcp-rating:hover { color: #0d6e91; text-decoration: none; }
.svcp-hero-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 28px 26px; box-shadow: 0 10px 40px rgba(15,23,42,.06); }
.svcp-hero-card h2 { font-size: 1.1rem; font-weight: 700; color: #0f172a; margin: 0 0 14px; }
.svcp-hero-card ul { list-style: none; padding: 0; margin: 0 0 18px; }
.svcp-hero-card li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px dashed #e2e8f0; font-size: .95rem; color: #475569; }
.svcp-hero-card li:last-child { border-bottom: 0; }
.svcp-hero-card li span { flex: 1 1 auto; min-width: 0; }
.svcp-hero-card li strong { color: #0f172a; white-space: nowrap; text-align: right; flex: 0 0 auto; }
.svcp-hero-card li strong.svcp-long { white-space: normal; flex: 0 1 auto; max-width: 55%; } /* dlhý text ceny sa zalomí */
.svcp-hero-card .svcp-free { color: #15803d; }
.svcp-hero-card a { font-weight: 700; color: #0d6e91; text-decoration: none; font-size: .92rem; }

.svcp-sec { padding: 72px 0; }
.svcp-sec-white { background: #fff; }
.svcp-sec-grey { background: #f8fafc; }
.svcp-head { text-align: center; max-width: 680px; margin: 0 auto 40px; }
.svcp-head h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 800; color: #0f172a; margin: 0 0 10px; line-height: 1.25; }
.svcp-head p { color: #64748b; font-size: 1rem; line-height: 1.65; margin: 0; }

.svcp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.svcp-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 24px 22px; }
.svcp-sec-white .svcp-item { background: #f8fafc; }
.svcp-item .fa { width: 44px; height: 44px; border-radius: 12px; background: #1fb6ea; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 19px; margin-bottom: 14px; box-shadow: 0 4px 14px rgba(31,182,234,.28); }
.svcp-item[id], .svcp-sec[id] { scroll-margin-top: 110px; }
.svcp-item h3 { font-size: 1.02rem; font-weight: 700; color: #0f172a; margin: 0 0 8px; line-height: 1.35; }
.svcp-item p { font-size: .93rem; color: #64748b; line-height: 1.6; margin: 0; }

.svcp-text { max-width: 780px; margin: 0 auto; color: #334155; font-size: 1rem; line-height: 1.8; }
.svcp-text h3 { font-size: 1.15rem; font-weight: 700; color: #0f172a; margin: 28px 0 8px; }
.svcp-text p { margin-bottom: 14px; }
.svcp-text ul { padding-left: 22px; margin-bottom: 16px; }
.svcp-text li { margin-bottom: 6px; }
.svcp-text a { color: #0d6e91; text-decoration: underline; }
.svcp-tip { background: #f1f9fd; border: 1px solid #d0edf9; border-radius: 14px; padding: 18px 22px; margin: 20px 0; }

.svcp-why { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.svcp-why div { text-align: center; padding: 22px 16px; border-radius: 16px; background: #f8fafc; border: 1px solid #e2e8f0; }
.svcp-why strong { display: block; font-size: 1.7rem; font-weight: 800; color: #0f172a; line-height: 1.1; margin-bottom: 6px; }
.svcp-why span { font-size: .9rem; color: #64748b; line-height: 1.45; display: block; }

.svcp-quote { max-width: 760px; margin: 36px auto 0; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 24px 26px; text-align: center; }
.svcp-quote p { font-style: italic; color: #334155; font-size: 1.02rem; line-height: 1.7; margin: 0 0 10px; }
.svcp-quote cite { font-style: normal; font-weight: 700; color: #0f172a; font-size: .92rem; }
.svcp-quote .svcp-stars { color: #fbbf24; display: block; margin-bottom: 8px; letter-spacing: 2px; }

.svcp-faq { max-width: 820px; margin: 0 auto; }
.svcp-faq details { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; margin-bottom: 12px; overflow: hidden; }
.svcp-faq summary { cursor: pointer; list-style: none; padding: 18px 54px 18px 22px; font-weight: 700; color: #0f172a; font-size: 1rem; line-height: 1.45; position: relative; }
.svcp-faq summary::-webkit-details-marker { display: none; }
.svcp-faq summary::after { content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%); font-size: 22px; font-weight: 400; color: #1fb6ea; }
.svcp-faq details[open] summary::after { content: "–"; }
.svcp-faq details p { padding: 0 22px 18px; margin: 0; color: #475569; line-height: 1.7; font-size: .97rem; }

.svcp-works { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.svcp-work { display: block; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; overflow: hidden; text-decoration: none; transition: transform .2s, box-shadow .2s, border-color .2s; }
.svcp-work:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(15,23,42,.1); border-color: #1fb6ea; text-decoration: none; }
.svcp-work img { display: block; width: 100%; height: auto; aspect-ratio: 800 / 436; object-fit: cover; background: #eef2f6; }
.svcp-work span { display: flex; justify-content: space-between; gap: 10px; padding: 14px 18px; font-weight: 700; color: #0f172a; font-size: .95rem; }
.svcp-work em { font-style: normal; font-weight: 600; font-size: .78rem; color: #0a6d90; background: #ddf3fc; border-radius: 20px; padding: 2px 10px; }
.svcp-more { text-align: center; margin-top: 26px; }
.svcp-more a { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: #0d6e91; border: 2px solid #1fb6ea; border-radius: 50px; padding: 10px 24px; text-decoration: none; }
.svcp-more a:hover { background: #1fb6ea; color: #fff; text-decoration: none; }

.svcp-area { text-align: center; max-width: 820px; margin: 0 auto; color: #475569; line-height: 1.8; }
.svcp-area strong { color: #0f172a; }

.svcp-cta { background: #0f172a; background-image: radial-gradient(ellipse at 65% 50%, rgba(31,182,234,.1) 0%, transparent 55%); padding: 72px 0; text-align: center; }
.svcp-cta h2 { color: #fff; font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 800; margin: 0 0 12px; }
.svcp-cta p { color: #94a3b8; font-size: 1.02rem; line-height: 1.65; max-width: 580px; margin: 0 auto 28px; }
.svcp-cta .svcp-ctas { justify-content: center; margin-bottom: 0; }
.svcp-cta .svcp-btn-ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.25); }
.svcp-cta .svcp-btn-ghost:hover { border-color: #1fb6ea; color: #fff; }

@media (max-width: 991px) {
.svcp-grid { grid-template-columns: repeat(2, 1fr); }
.svcp-why { grid-template-columns: repeat(2, 1fr); }
.svcp-works { grid-template-columns: repeat(2, 1fr); }
.svcp-hero-card { margin-top: 30px; }
}
@media (max-width: 575px) {
.svcp-hero { padding: 32px 0 44px; }
.svcp-sec { padding: 52px 0; }
.svcp-grid { grid-template-columns: 1fr; gap: 14px; }
.svcp-works { grid-template-columns: 1fr; }
.svcp-btn { flex: 1 1 100%; justify-content: center; }
.svcp-why strong { font-size: 1.4rem; }
}

/* ===== Formuláre (domov, kontakt) ===== */
/* ===== Jednotný štýl formulárov (domov + kontakt) ===== */
.ih-form .ih-field { margin-bottom: 16px; text-align: left; }
.ih-form label { display: block; font-size: 14px; font-weight: 600; line-height: 1.4; color: #0f172a; margin: 0 0 6px; letter-spacing: 0; text-transform: none; }
.ih-form .ih-req { color: #d61f4a; }
.ih-form.ih-form input[type="text"],
.ih-form.ih-form input[type="email"],
.ih-form.ih-form input[type="tel"],
.ih-form.ih-form select,
.ih-form.ih-form textarea {
display: block; width: 100%; height: 50px; margin: 0;
padding: 0 16px; box-sizing: border-box;
font-family: inherit; font-size: 16px; /* 16px = iPhone pri ťuknutí nepriblíži stránku */
font-weight: 400; line-height: 1.4; color: #0f172a;
text-align: left; text-transform: none; letter-spacing: 0;
background-color: #fafafa; border: 1.5px solid #dbe2ea; border-radius: 9px;
box-shadow: none; outline: none; transition: border-color .2s, box-shadow .2s, background-color .2s;
}
.ih-form.ih-form textarea { height: auto; min-height: 130px; padding: 12px 16px; resize: vertical; }
.ih-form.ih-form select {
-webkit-appearance: none; appearance: none; cursor: pointer; padding-right: 44px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23475569' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right 16px center;
}
.ih-form.ih-form input:focus, .ih-form.ih-form select:focus, .ih-form.ih-form textarea:focus {
border-color: #1fb6ea; background-color: #fff; box-shadow: 0 0 0 3px rgba(31,182,234,.18);
}
.ih-form ::placeholder { color: #94a3b8; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: 0; text-transform: none; text-align: left; opacity: 1; }
.ih-form .ih-hint { font-size: 13px; color: #64748b; line-height: 1.5; margin: -6px 0 16px; }
.ih-form .ih-privacy { font-size: 13px; color: #64748b; line-height: 1.55; margin: 14px 0 0; text-align: center; }
.ih-form .ih-privacy a { color: #0d6e91; text-decoration: underline; }
.ih-form .row { margin-left: -8px; margin-right: -8px; }
.ih-form .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.form-honeypot { display: none; }

/* ===== Sekcie cenník + ako to prebieha (domov, služby) ===== */
/* ===== CENNÍK + AKO TO PREBIEHA ===== */
.ih-sec { padding: 80px 0 70px; }
.ih-sec-white { background: #fff; }
.ih-sec-grey { background: #f8fafc; }
.ih-sec-head { text-align: center; max-width: 640px; margin: 0 auto 44px; }
.ih-sec-head .badge-label { display: inline-block; background: #ddf3fc; color: #0a6d90; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 5px 18px; border-radius: 30px; margin-bottom: 12px; }
.ih-sec-head h2 { font-size: 2rem; font-weight: 800; color: #0f172a; margin: 0 0 10px; line-height: 1.25; }
.ih-sec-head p { color: #64748b; font-size: 1rem; line-height: 1.6; margin: 0; }
.ih-sec-more { text-align: center; margin-top: 22px; }
.ih-sec-more a { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; color: #0d6e91; border: 2px solid #1fb6ea; border-radius: 50px; padding: 10px 24px; text-decoration: none; transition: background .2s, color .2s; }
.ih-sec-more a:hover { background: #1fb6ea; color: #fff; text-decoration: none; }
@media (max-width: 767px) { .ih-sec { padding: 56px 0 50px; } .ih-sec-head { margin-bottom: 30px; } .ih-sec-head h2 { font-size: 1.6rem; } }

/* ===== Plávajúce tlačidlo Zavolať (všetky stránky) ===== */
.call-float{display:none}
@media (max-width:767px){
.call-float{display:inline-flex;align-items:center;gap:8px;position:fixed;right:16px;bottom:24px;z-index:9998;background:#1fb6ea;color:#fff;font-size:16px;font-weight:700;line-height:1;padding:16px 22px;border-radius:50px;box-shadow:0 4px 16px rgba(0,0,0,.25);text-decoration:none;animation:callPulse 2.4s ease-out 3s 2}
.call-float:hover,.call-float:focus{color:#fff;background:#0d9ecf;text-decoration:none}
.call-float .fa{font-size:18px}
.whatsapp-float{left:16px!important;bottom:24px!important}
}
@keyframes callPulse{0%{box-shadow:0 0 0 0 rgba(31,182,234,.6)}70%{box-shadow:0 0 0 16px rgba(31,182,234,0)}100%{box-shadow:0 0 0 0 rgba(31,182,234,0)}}
@media (prefers-reduced-motion:reduce){.call-float{animation:none}}

/* ==========================================================================
   DIZAJN SYSTÉM IT HERO – tokeny, typografia, tlačidlá, hlavička
   Prebíja štýly pôvodnej šablóny (main.css), aby celý web pôsobil jednotne.
   ========================================================================== */

/* ===== Tokeny ===== */
:root {
	--ih-ink: #0f172a;          /* nadpisy, tmavé plochy */
	--ih-text: #334155;         /* bežný text */
	--ih-muted: #64748b;        /* popisy, drobný text */
	--ih-line: #e2e8f0;         /* okraje */
	--ih-bg: #ffffff;
	--ih-bg-soft: #f8fafc;      /* svetlé sekcie */
	--ih-accent: #1fb6ea;       /* značková modrá */
	--ih-accent-hover: #12a3d6;
	--ih-link: #0d6e91;         /* odkazy – dostatočný kontrast na bielej */
	--ih-on-accent: #0f172a;    /* text na modrom tlačidle (kontrast 7:1) */
	--ih-star: #fbbf24;         /* hviezdičky hodnotenia */
	--ih-radius-btn: 10px;
	--ih-radius-card: 16px;
	--ih-radius-pill: 999px;
}

/* ===== Typografia ===== */
body { font-weight: 400; color: var(--ih-text); }
main p, main li { font-weight: 400; }
main h1 { font-size: clamp(30px, 3.6vw, 46px); font-weight: 800; line-height: 1.15; letter-spacing: -0.01em; color: var(--ih-ink); }
.ds main h1, main .ds h1 { color: #fff; }
main h2 { font-weight: 800; line-height: 1.25; letter-spacing: -0.005em; }
main h3 { line-height: 1.35; }
/* Úvodný nadpis domovskej stránky (bol menší ako nadpisy sekcií) */
.hp-svc-heading h1 { font-size: clamp(26px, 2.8vw, 36px); margin-bottom: 12px; max-width: 900px; margin-left: auto; margin-right: auto; }
/* Texty v kartách – čitateľnejšie (predtým 14 px, hrúbka 300) */
.hp-svc-card p, .svcp-item p, .service-card .sc-desc, .service-features li, .ih-step p, .ih-pt-item span { font-size: 15px !important; font-weight: 400; line-height: 1.6; }
.hp-svc-card p, .svcp-item p, .service-card .sc-desc, .ih-step p { color: var(--ih-muted); }

/* ===== Tlačidlá – jeden systém pre celý web ===== */
/* Základ: zaoblenie 10 px, normálne písmo (bez VEĽKÝCH písmen a rozostupov) */
.btn,
.hp-btn-primary, .hp-btn-ghost, .hp-submit, .hp-g-btn, .ih-sec-more a,
.svcp-btn, .ih-plan-btn, .sl-custom-btn, .pf-outro-btn, .btn-service, .ih-map-btn, .ih-price-cta {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-family: inherit;
}
.btn, .hp-btn-primary, .hp-btn-ghost, .hp-submit, .hp-g-btn, .ih-sec-more a,
.svcp-btn, .ih-plan-btn, .sl-custom-btn, .pf-outro-btn, .btn-service, .ih-map-btn {
	border-radius: var(--ih-radius-btn) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}
.btn {
	font-size: 16px !important;
	padding: 13px 28px !important;
	border-width: 2px !important;
	border-style: solid !important;
}
/* Primárne – značková modrá, tmavý text */
.btn.btn-maincolor, .hp-btn-primary, .hp-submit, .svcp-btn-primary, .ih-plan-btn.ih-plan-btn-solid,
.ih-plan-top .ih-plan-btn, .sl-custom-btn, .pf-outro-btn:not(.pf-outro-btn-ghost),
.sc-actions .btn-service.btn-service-more, .ih-map-btn {
	background-color: var(--ih-accent) !important;
	border-color: var(--ih-accent) !important;
	color: var(--ih-on-accent) !important;
}
.btn.btn-maincolor:hover, .hp-btn-primary:hover, .hp-submit:hover, .svcp-btn-primary:hover, .ih-plan-btn.ih-plan-btn-solid:hover,
.ih-plan-top .ih-plan-btn:hover, .sl-custom-btn:hover, .pf-outro-btn:not(.pf-outro-btn-ghost):hover,
.sc-actions .btn-service.btn-service-more:hover, .ih-map-btn:hover {
	background-color: var(--ih-accent-hover) !important;
	border-color: var(--ih-accent-hover) !important;
	color: var(--ih-on-accent) !important;
}
/* Sekundárne – obrys (na tmavom pozadí biely obrys) */
.btn.btn-outline-maincolor, .btn.btn-outline-dark {
	background-color: transparent !important;
	border-color: rgba(255,255,255,.55) !important;
	color: #fff !important;
}
.btn.btn-outline-maincolor:hover, .btn.btn-outline-dark:hover {
	background-color: rgba(255,255,255,.1) !important;
	border-color: #fff !important;
	color: #fff !important;
}
/* Obrysové tlačidlá na svetlom pozadí (O nás, Služby, články…) */
.ls .btn.btn-outline-maincolor, main section:not(.ds):not(.page_slider):not(.hp-cta-section):not(.svcp-cta) .btn.btn-outline-maincolor {
	border-color: #cbd5e1 !important;
	color: var(--ih-ink) !important;
}
.ls .btn.btn-outline-maincolor:hover, main section:not(.ds):not(.page_slider):not(.hp-cta-section):not(.svcp-cta) .btn.btn-outline-maincolor:hover {
	border-color: var(--ih-accent) !important;
	background-color: transparent !important;
	color: var(--ih-ink) !important;
}
/* Ovály (pilulky) → rovnaké zaoblenie ako ostatné tlačidlá */
.hp-g-btn, .ih-sec-more a { border-radius: var(--ih-radius-btn) !important; }
/* Tlačidlá v úvodnom banneri a mobilnom úvode */
.page_slider .btn, .mobile-hero-cta .btn { min-width: 0; }
.mobile-hero-cta .btn { font-size: 15px !important; padding: 12px 22px !important; }
/* Tlačidlá v okne nastavení cookies */
.ih-cc-overlay button { text-transform: none !important; letter-spacing: 0 !important; }

/* ===== Hviezdičky – vždy žlté ===== */
.ih-f-stars, .hp-g-stars, .svcp-stars, .svcp-rating .svcp-stars { color: var(--ih-star) !important; }

/* ===== Hlavička ===== */
/* Logo o niečo väčšie */
.page_header .logo img { height: 60px !important; width: auto !important; max-width: none !important; max-height: none !important; aspect-ratio: 251 / 130; }
/* Menu: normálne písmo namiesto VEĽKÝCH písmen s rozostupmi */
.page_header .sf-menu > li > a,
.page_header .top-nav .sf-menu > li > a {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
}
.page_header .sf-menu > li > a { color: #e2e8f0; }
.page_header .sf-menu > li > a:hover, .page_header .sf-menu > li.active > a { color: var(--ih-accent) !important; }
/* Telefón ako výrazné tlačidlo (najdôležitejšia konverzia na desktope) */
.header_phone { margin-left: 0; display: flex; justify-content: flex-end; }
.page_header .header_phone_link {
	display: inline-flex !important;
	align-items: center;
	gap: 9px;
	background: var(--ih-accent);
	color: var(--ih-on-accent) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	padding: 12px 18px !important;
	border-radius: var(--ih-radius-btn);
	white-space: nowrap;
	transition: background .2s;
}
.page_header .header_phone_link::before { content: ""; width: 17px; height: 17px; flex-shrink: 0; background-color: currentColor; -webkit-mask: var(--ih-ico-phone) no-repeat center / contain; mask: var(--ih-ico-phone) no-repeat center / contain; }
.page_header .header_phone_link span { color: inherit !important; }
.page_header .header_phone_link:hover, .page_header .header_phone_link:focus { background: var(--ih-accent-hover); color: var(--ih-on-accent) !important; }
@media (min-width: 992px) and (max-width: 1199px) {
	.page_header .header_phone_link { font-size: 14px !important; padding: 10px 12px !important; }
	.page_header .header_phone_link span { display: none; }   /* bez predvoľby +421, aby sa tlačidlo zmestilo */
	.page_header .sf-menu > li > a { padding-left: 11px !important; padding-right: 11px !important; }
}
/* Mobilné menu (prekrytie) – väčšie a čitateľnejšie položky */
@media (max-width: 991px) {
	.page_header .sf-menu > li > a { font-size: 18px !important; color: var(--ih-ink) !important; }   /* mobilné menu má biele pozadie */
	.page_header .sf-menu > li.active > a, .page_header .sf-menu > li > a:hover { color: var(--ih-accent) !important; }
	.page_header .logo img { height: 54px !important; }
}

/* ===== Oprava šablóny: medzi 992 a 1199 px menu chýbalo úplne (ani menu, ani tlačidlo MENU) ===== */
@media (min-width: 992px) and (max-width: 1199px) {
	.page_header .top-nav {
		position: static !important; opacity: 1 !important; visibility: visible !important;
		background: transparent !important; display: flex !important; align-items: center; justify-content: center;
	}
	.page_header .top-nav .sf-menu {
		display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center;
		opacity: 1 !important; position: static !important; background: transparent !important;
		width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important;
		border: 0 !important; overflow: visible !important; transform: none !important;
	}
	.page_header .top-nav .sf-menu > li { display: block !important; float: none !important; border: 0 !important; width: auto !important; }
	.page_header .top-nav .sf-menu > li > a {
		display: block; padding: 24px 10px !important; color: #e2e8f0 !important; background: transparent !important;
	}
	.page_header .top-nav .sf-menu > li.active > a, .page_header .top-nav .sf-menu > li > a:hover { color: var(--ih-accent) !important; }
	.page_header .toggle_menu { display: none !important; }
}
.page_header .sf-menu > li > a { white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1099px) {
	.page_header .top-nav .sf-menu > li > a { padding-left: 7px !important; padding-right: 7px !important; font-size: 14px !important; }
	.page_header .logo img { height: 54px !important; }
}

/* ===== Domov – pás dôvery pod bannerom ===== */
.ih-trust { background: #fff; border-bottom: 1px solid var(--ih-line); padding: 22px 0; position: relative; z-index: 2; }
.ih-trust-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; text-align: center; }
.ih-trust-list li, .ih-trust-list li a { display: flex; flex-direction: column; align-items: center; gap: 2px; text-decoration: none; }
.ih-trust-list strong { font-size: 26px; font-weight: 800; color: var(--ih-ink); line-height: 1.15; }
.ih-trust-list span { font-size: 14px; color: var(--ih-muted); line-height: 1.35; }
.ih-trust-list .ih-trust-star { color: var(--ih-star); font-size: 22px; }
.ih-trust-list li + li { border-left: 1px solid var(--ih-line); }
.ih-trust-list a:hover span { color: var(--ih-link); text-decoration: underline; }
@media (max-width: 767px) {
	.ih-trust { padding: 16px 0; }
	.ih-trust-list { grid-template-columns: repeat(2, 1fr); gap: 14px 8px; }
	.ih-trust-list li + li { border-left: 0; }
	.ih-trust-list li:first-child { grid-column: 1 / -1; }
	.ih-trust-list strong { font-size: 22px; }
	.ih-trust-list span { font-size: 13px; }
}

/* ===== Domov – sekcia O mne ===== */
.ih-about { background: #fff; padding: 80px 0; }
.ih-about-grid { display: grid; grid-template-columns: 340px 1fr; gap: 56px; align-items: center; max-width: 1000px; margin: 0 auto; }
.ih-about-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 24px; box-shadow: 0 20px 50px rgba(15,23,42,.15); }
.ih-about-text .badge-label { display: inline-block; background: #ddf3fc; color: #0a6d90; font-size: 11px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; padding: 5px 16px; border-radius: var(--ih-radius-pill); margin-bottom: 12px; }
.ih-about-text h2 { font-size: clamp(26px, 3vw, 34px); color: var(--ih-ink); margin: 0 0 16px; }
.ih-about-text p { font-size: 17px; line-height: 1.7; color: var(--ih-text); margin: 0 0 14px; }
.ih-about-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 22px; }
.ih-about-link { font-weight: 700; color: var(--ih-link); text-decoration: none; }
.ih-about-link:hover { color: var(--ih-accent); text-decoration: none; }
@media (max-width: 767px) {
	.ih-about { padding: 56px 0; }
	.ih-about-grid { grid-template-columns: 1fr; gap: 28px; text-align: center; }
	.ih-about-photo { max-width: 240px; margin: 0 auto; }
	.ih-about-btns { justify-content: center; }
}

/* ===== Úvod podstránok (Blog, Kontakt, O nás) – rovnaký štýl ako stránky služieb ===== */
.page-hero { padding: 44px 0 52px; }
.page-hero h1 { margin-bottom: 14px; }
.page-hero .svcp-lead { max-width: 720px; margin-bottom: 0; }
.page-hero-contacts { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; }
.page-hero-contact { display: inline-flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--ih-line); border-radius: 14px; padding: 12px 18px 12px 14px; text-decoration: none; color: var(--ih-ink); font-weight: 700; box-shadow: 0 2px 10px rgba(15,23,42,.04); transition: border-color .2s, box-shadow .2s; }
.page-hero-contact:hover { border-color: var(--ih-accent); box-shadow: 0 8px 22px rgba(31,182,234,.15); color: var(--ih-ink); text-decoration: none; }
.page-hero-contact .fa { width: 40px; height: 40px; border-radius: 10px; background: var(--ih-accent); color: var(--ih-on-accent); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; }
.page-hero-contact span { display: flex; flex-direction: column; line-height: 1.3; }
.page-hero-contact small { font-size: 12px; font-weight: 600; color: var(--ih-muted); }
/* O nás */
.onas-hero p { font-size: 16.5px; line-height: 1.75; color: var(--ih-text); }
.onas-hero .onas-role { color: var(--ih-link); font-weight: 600; font-size: 17px; margin: -4px 0 18px; }
.onas-photo-big { position: relative; max-width: 380px; margin: 0 auto 24px; }
.onas-photo-big img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 24px; box-shadow: 0 24px 60px rgba(15,23,42,.18); }
.onas-photo-card { position: absolute; left: -18px; bottom: -18px; background: #fff; border: 1px solid var(--ih-line); border-radius: 14px; padding: 12px 16px; box-shadow: 0 10px 30px rgba(15,23,42,.12); display: flex; flex-direction: column; gap: 6px; }
.onas-photo-card a { color: var(--ih-ink); font-weight: 600; font-size: 14px; text-decoration: none; white-space: nowrap; }
.onas-photo-card a:hover { color: var(--ih-link); }
.onas-photo-card .fa { color: var(--ih-accent); width: 18px; }
@media (max-width: 991px) { .onas-photo-big { max-width: 300px; margin-bottom: 40px; } .onas-photo-card { left: 50%; transform: translateX(-50%); bottom: -26px; } }
@media (max-width: 575px) { .page-hero { padding: 28px 0 36px; } .page-hero-contact { flex: 1 1 100%; } }

/* ===== Ikony – Lucide (ISC) a Simple Icons (CC0) ako SVG maska; nahrádzajú Font Awesome (−77 KB písma) =====
   Triedy v HTML ostávajú rovnaké (fa fa-phone…). Farba = currentColor, veľkosť = font-size. */
.fa { display: inline-block; font-style: normal; font-weight: normal; line-height: 1; text-rendering: auto; }
.fa::before { content: ""; display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; background-color: currentColor; -webkit-mask: var(--ih-i) no-repeat center / contain; mask: var(--ih-i) no-repeat center / contain; }
.fa-phone { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%22 /%3E%3C/svg%3E"); }
.fa-arrow-right { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M5 12h14%22 /%3E%3Cpath d=%22m12 5 7 7-7 7%22 /%3E%3C/svg%3E"); }
.fa-check { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M20 6 9 17l-5-5%22 /%3E%3C/svg%3E"); }
.fa-search { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22 /%3E%3Cpath d=%22m21 21-4.3-4.3%22 /%3E%3C/svg%3E"); }
.fa-file-text-o { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z%22 /%3E%3Cpath d=%22M14 2v4a2 2 0 0 0 2 2h4%22 /%3E%3Cpath d=%22M10 9H8%22 /%3E%3Cpath d=%22M16 13H8%22 /%3E%3Cpath d=%22M16 17H8%22 /%3E%3C/svg%3E"); }
.fa-laptop { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16%22 /%3E%3C/svg%3E"); }
.fa-envelope { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Crect width=%2220%22 height=%2216%22 x=%222%22 y=%224%22 rx=%222%22 /%3E%3Cpath d=%22m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%22 /%3E%3C/svg%3E"); }
.fa-envelope-o { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Crect width=%2220%22 height=%2216%22 x=%222%22 y=%224%22 rx=%222%22 /%3E%3Cpath d=%22m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%22 /%3E%3C/svg%3E"); }
.fa-desktop { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Crect width=%2220%22 height=%2214%22 x=%222%22 y=%223%22 rx=%222%22 /%3E%3Cline x1=%228%22 x2=%2216%22 y1=%2221%22 y2=%2221%22 /%3E%3Cline x1=%2212%22 x2=%2212%22 y1=%2217%22 y2=%2221%22 /%3E%3C/svg%3E"); }
.fa-cog { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z%22 /%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22 /%3E%3C/svg%3E"); }
.fa-clock-o { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpolyline points=%2212 6 12 12 16 14%22 /%3E%3C/svg%3E"); }
.fa-wrench { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z%22 /%3E%3C/svg%3E"); }
.fa-video-camera { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M16.75 12h3.632a1 1 0 0 1 .894 1.447l-2.034 4.069a1 1 0 0 1-1.708.134l-2.124-2.97%22 /%3E%3Cpath d=%22M17.106 9.053a1 1 0 0 1 .447 1.341l-3.106 6.211a1 1 0 0 1-1.342.447L3.61 12.3a2.92 2.92 0 0 1-1.3-3.91L3.69 5.6a2.92 2.92 0 0 1 3.92-1.3z%22 /%3E%3Cpath d=%22M2 19h3.76a2 2 0 0 0 1.8-1.1L9 15%22 /%3E%3Cpath d=%22M2 21v-4%22 /%3E%3Cpath d=%22M7 9h.01%22 /%3E%3C/svg%3E"); }
.fa-map-marker { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0%22 /%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22 /%3E%3C/svg%3E"); }
.fa-check-circle { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpath d=%22m9 12 2 2 4-4%22 /%3E%3C/svg%3E"); }
.fa-building-o { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z%22 /%3E%3Cpath d=%22M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2%22 /%3E%3Cpath d=%22M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2%22 /%3E%3Cpath d=%22M10 6h4%22 /%3E%3Cpath d=%22M10 10h4%22 /%3E%3Cpath d=%22M10 14h4%22 /%3E%3Cpath d=%22M10 18h4%22 /%3E%3C/svg%3E"); }
.fa-heartbeat { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%22 /%3E%3Cpath d=%22M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27%22 /%3E%3C/svg%3E"); }
.fa-handshake-o { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m11 17 2 2a1 1 0 1 0 3-3%22 /%3E%3Cpath d=%22m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4%22 /%3E%3Cpath d=%22m21 3 1 11h-2%22 /%3E%3Cpath d=%22M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3%22 /%3E%3Cpath d=%22M3 4h8%22 /%3E%3C/svg%3E"); }
.fa-graduation-cap { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z%22 /%3E%3Cpath d=%22M22 10v6%22 /%3E%3Cpath d=%22M6 12.5V16a6 3 0 0 0 12 0v-3.5%22 /%3E%3C/svg%3E"); }
.fa-exchange { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M8 3 4 7l4 4%22 /%3E%3Cpath d=%22M4 7h16%22 /%3E%3Cpath d=%22m16 21 4-4-4-4%22 /%3E%3Cpath d=%22M20 17H4%22 /%3E%3C/svg%3E"); }
.fa-car { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2%22 /%3E%3Ccircle cx=%227%22 cy=%2217%22 r=%222%22 /%3E%3Cpath d=%22M9 17h6%22 /%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%222%22 /%3E%3C/svg%3E"); }
.fa-briefcase { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16%22 /%3E%3Crect width=%2220%22 height=%2214%22 x=%222%22 y=%226%22 rx=%222%22 /%3E%3C/svg%3E"); }
.fa-sitemap { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Crect x=%2216%22 y=%2216%22 width=%226%22 height=%226%22 rx=%221%22 /%3E%3Crect x=%222%22 y=%2216%22 width=%226%22 height=%226%22 rx=%221%22 /%3E%3Crect x=%229%22 y=%222%22 width=%226%22 height=%226%22 rx=%221%22 /%3E%3Cpath d=%22M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3%22 /%3E%3Cpath d=%22M12 12V8%22 /%3E%3C/svg%3E"); }
.fa-info-circle { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpath d=%22M12 16v-4%22 /%3E%3Cpath d=%22M12 8h.01%22 /%3E%3C/svg%3E"); }
.fa-home { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8%22 /%3E%3Cpath d=%22M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z%22 /%3E%3C/svg%3E"); }
.fa-calendar { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M8 2v4%22 /%3E%3Cpath d=%22M16 2v4%22 /%3E%3Crect width=%2218%22 height=%2218%22 x=%223%22 y=%224%22 rx=%222%22 /%3E%3Cpath d=%22M3 10h18%22 /%3E%3C/svg%3E"); }
.fa-user { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2%22 /%3E%3Ccircle cx=%2212%22 cy=%227%22 r=%224%22 /%3E%3C/svg%3E"); }
.fa-trophy { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M6 9H4.5a2.5 2.5 0 0 1 0-5H6%22 /%3E%3Cpath d=%22M18 9h1.5a2.5 2.5 0 0 0 0-5H18%22 /%3E%3Cpath d=%22M4 22h16%22 /%3E%3Cpath d=%22M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22%22 /%3E%3Cpath d=%22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22%22 /%3E%3Cpath d=%22M18 2H6v7a6 6 0 0 0 12 0V2Z%22 /%3E%3C/svg%3E"); }
.fa-spinner { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M12 2v4%22 /%3E%3Cpath d=%22m16.2 7.8 2.9-2.9%22 /%3E%3Cpath d=%22M18 12h4%22 /%3E%3Cpath d=%22m16.2 16.2 2.9 2.9%22 /%3E%3Cpath d=%22M12 18v4%22 /%3E%3Cpath d=%22m4.9 19.1 2.9-2.9%22 /%3E%3Cpath d=%22M2 12h4%22 /%3E%3Cpath d=%22m4.9 4.9 2.9 2.9%22 /%3E%3C/svg%3E"); }
.fa-shield { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z%22 /%3E%3Cpath d=%22m9 12 2 2 4-4%22 /%3E%3C/svg%3E"); }
.fa-newspaper-o { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2%22 /%3E%3Cpath d=%22M18 14h-8%22 /%3E%3Cpath d=%22M15 18h-5%22 /%3E%3Cpath d=%22M10 6h8v4h-8V6Z%22 /%3E%3C/svg%3E"); }
.fa-external-link { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M15 3h6v6%22 /%3E%3Cpath d=%22M10 14 21 3%22 /%3E%3Cpath d=%22M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6%22 /%3E%3C/svg%3E"); }
.fa-comments { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z%22 /%3E%3Cpath d=%22M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1%22 /%3E%3C/svg%3E"); }
.fa-bolt { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z%22 /%3E%3C/svg%3E"); }
.fa-youtube-play { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17%22 /%3E%3Cpath d=%22m10 15 5-3-5-3z%22 /%3E%3C/svg%3E"); }
.fa-twitter { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z%22 /%3E%3C/svg%3E"); }
.fa-linkedin { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z%22 /%3E%3Crect width=%224%22 height=%2212%22 x=%222%22 y=%229%22 /%3E%3Ccircle cx=%224%22 cy=%224%22 r=%222%22 /%3E%3C/svg%3E"); }
.fa-facebook { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z%22 /%3E%3C/svg%3E"); }
.fa-instagram { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Crect width=%2220%22 height=%2220%22 x=%222%22 y=%222%22 rx=%225%22 ry=%225%22 /%3E%3Cpath d=%22M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z%22 /%3E%3Cline x1=%2217.5%22 x2=%2217.51%22 y1=%226.5%22 y2=%226.5%22 /%3E%3C/svg%3E"); }
.fa-google { --ih-i: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%224%22 /%3E%3Cline x1=%2221.17%22 x2=%2212%22 y1=%228%22 y2=%228%22 /%3E%3Cline x1=%223.95%22 x2=%228.54%22 y1=%226.06%22 y2=%2214%22 /%3E%3Cline x1=%2210.88%22 x2=%2215.46%22 y1=%2221.94%22 y2=%2214%22 /%3E%3C/svg%3E"); }
.fa-whatsapp { --ih-i: url("data:image/svg+xml,%3Csvg fill=%22%23000%22 viewBox=%220 0 24 24%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z%22/%3E%3C/svg%3E"); }
:root { --ih-ico-check: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M20 6 9 17l-5-5%22 /%3E%3C/svg%3E"); --ih-ico-info: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpath d=%22M12 16v-4%22 /%3E%3Cpath d=%22M12 8h.01%22 /%3E%3C/svg%3E"); --ih-ico-phone: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%22 /%3E%3C/svg%3E"); }