/* Štýl SEO podstránok (ústredne a témy).
   Písmo aj paleta sú tie isté ako na úvodnej stránke - viď tarifon_sk.html;
   tu sú v spoločnom súbore, lebo podstránok je dvanásť v šiestich jazykoch a
   sedemdesiatdva kópií toho istého bloku by sa pri prvej zmene rozišlo. */

@font-face {
  font-family:"IBM Plex Sans"; font-style:normal; font-weight:100 700; font-display:swap;
  src:url(/fonts/ibm-plex-sans-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family:"IBM Plex Sans"; font-style:normal; font-weight:100 700; font-display:swap;
  src:url(/fonts/ibm-plex-sans-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root { --pri:#0b3f6e; --pri-svetla:#145a92; --tmava:#0b2033; --alt:#f4f7fa; --linka:#dde4ec; }
* { box-sizing:border-box; }
body { margin:0; background:#fff; color:#1a2129; font-size:16px; line-height:1.6;
       font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.wrap { max-width:1040px; margin:0 auto; padding:0 24px; }

.hlavicka { display:flex; align-items:center; gap:16px; padding:12px 24px; }
.znacka { display:flex; align-items:center; gap:9px; font-size:20px; font-weight:700;
          color:var(--pri); text-decoration:none; flex:none; }
.znacka img { height:26px; width:auto; flex:none; }
.langy { font-size:13px; white-space:nowrap; flex:none; }
.langy a { color:#6b7785; text-decoration:none; margin-left:8px; }
.langy strong { margin-left:8px; color:var(--pri); }

.hero { background:linear-gradient(135deg,var(--pri),var(--pri-svetla)); color:#fff; padding:44px 0 38px; }
.hero h1 { font-size:30px; font-weight:600; letter-spacing:-.015em; margin:0 0 12px; max-width:820px; }
.hero p.sub { font-size:18px; margin:0; color:rgba(255,255,255,.93); max-width:700px; }

section { padding:34px 0; }
section.alt { background:var(--alt); }
section p, section ol, section ul { max-width:700px; }
section h2 { font-size:22px; font-weight:600; margin:0 0 14px; }
section h2 + p { margin-top:0; }
li { margin:0 0 9px; }
code { background:var(--alt); border:1px solid var(--linka); border-radius:4px;
       padding:1px 5px; font-size:14px; }
/* Príkaz na viac riadkov (napr. GRANT pre FreePBX) sa na mobile nesmie
   rozťahovať cez okraj - preto vlastný rám s vodorovným posuvom. */
pre { max-width:700px; overflow-x:auto; background:var(--alt); border:1px solid var(--linka);
      border-radius:6px; padding:12px 14px; font-size:13.5px; line-height:1.5; margin:0 0 14px; }
pre code { background:none; border:0; padding:0; }
a { color:var(--pri); }

.faq h3 { font-size:17px; font-weight:600; margin:18px 0 5px; max-width:700px; }
.faq p { margin:0; }
.faq h3:first-child { margin-top:0; }

.cta { display:inline-block; background:var(--pri); color:#fff; text-decoration:none;
       border-radius:6px; font-size:16px; font-weight:600; padding:12px 26px; margin:4px 10px 0 0; }
.cta:hover { background:var(--pri-svetla); }
.pozn { font-size:13px; color:#77838f; line-height:1.6; margin:14px 0 0; max-width:700px; }
.pozn a { color:var(--pri); }
.stiahni { font-size:14.5px; margin:18px 0 0; }   /* odkaz na PDF pod CTA, ako na hlavnej stránke */
.stiahni a { color:var(--pri); }

.suvisiace { font-size:15px; }
.suvisiace p { max-width:none; }
.suvisiace a { display:inline-block; margin:0 14px 6px 0; }

footer { background:var(--tmava); color:#aebccb; padding:30px 0; font-size:14px; margin-top:10px; }
footer a { color:#8fc0ea; text-decoration:none; }

/* Tabuľky (stránka s cenou). Rovnaké hodnoty ako na úvodnej stránke,
   aby cenník vyzeral na oboch miestach rovnako. */
.tabulka { overflow-x:auto; max-width:700px; }
table { width:100%; border-collapse:collapse; font-size:15px; background:#fff; }
th, td { padding:11px 13px; border-bottom:1px solid var(--linka); text-align:left; }
th { background:#eaf1f8; color:var(--pri); font-weight:600; font-size:13.5px; }
td.ok { color:#2e7d32; font-weight:600; white-space:nowrap; }
.cennik { max-width:620px; }
.cennik td.cena { text-align:right; font-weight:600; white-space:nowrap; font-variant-numeric:tabular-nums; }
.cennik td.kup { text-align:right; white-space:nowrap; width:1%; }
.cennik td.kup a { display:inline-block; background:var(--pri); color:#fff; text-decoration:none;
                   border-radius:6px; font-size:14.5px; font-weight:600; padding:8px 16px; }
.cennik td.kup a.dopyt { background:#fff; color:var(--pri); border:1px solid var(--pri); padding:7px 15px; }
section.alt .tabulka table, section.alt table { background:#fff; }