.kzblog {
--kzblog-accent: #5c718c;
--kzblog-radius: 7px;
--kzblog-max: 1300px;
--kzblog-ink: #626971;
--kzblog-muted: #8495ad;
--kzblog-line: #e8ebf0;
width: min(100%, var(--kzblog-max));
margin: 0 auto;
padding: 22px 0 48px;
font-family: inherit;
font-size: 15px;
color: var(--kzblog-ink);
box-sizing: border-box;
}
.kzblog *, .kzblog *::before, .kzblog *::after { box-sizing: border-box; }
.kzblog a { text-decoration: none; }
.kzblog a:focus-visible { outline: 3px solid var(--kzblog-accent); outline-offset: 4px; }
.kzblog__section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 21px; }
.kzblog__section-head h2 {
font-size: clamp(19px, 2.2vw, 24px) !important;
line-height: 1.3 !important;
margin: 0 !important;
padding: 0 !important;
color: #373d47 !important;
font-weight: 750 !important;
letter-spacing: -.03em;
}
.kzblog__authors-block { margin-bottom: 34px; }
.kzblog__authors {
display: flex;
flex-wrap: wrap;
align-items: start;
gap: 17px 24px;
padding: 2px 0 5px;
}
.kzblog__author {
flex: 0 0 99px;
max-width: 99px;
min-width: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 11px;
padding: 1px 0 5px;
color: #626d7b !important;
text-align: center;
background: transparent;
border: 0;
transition: transform .2s ease;
}
.kzblog__author:hover { transform: translateY(-3px); }
.kzblog__avatar {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 79px;
height: 79px;
border: 3px solid transparent;
border-radius: 50%;
background: #e9edf2;
color: #697b90;
box-shadow: 0 2px 13px rgba(24, 38, 66, .08);
padding: 3px;
overflow: hidden;
transition: border-color .2s ease, box-shadow .2s ease;
}
.kzblog__avatar img {
display: block;
width: 100% !important;
height: 100% !important;
min-height: 0;
max-width: none;
border-radius: 50%;
object-fit: cover;
}
.kzblog__avatar--all { background: #f1f4f8; }
.kzblog__avatar svg { width: 35px; height: 35px; }
.kzblog__initial { font-size: 28px; font-weight: 800; text-transform: uppercase; }
.kzblog__author.is-active .kzblog__avatar,
.kzblog__author:hover .kzblog__avatar { border-color: var(--kzblog-accent); box-shadow: 0 5px 22px rgba(25, 42, 65, .13); }
.kzblog__author-name {
font-size: 12px;
line-height: 1.35;
font-weight: 650;
overflow-wrap: anywhere;
}
.kzblog__author.is-active .kzblog__author-name { color: var(--kzblog-accent); }
.kzblog__categories-block { margin-bottom: 24px; }
.kzblog__categories { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.kzblog__category {
display: inline-flex;
min-height: 38px;
justify-content: center;
align-items: center;
white-space: nowrap;
border: 1px solid #e6e9ee;
border-radius: 6px;
padding: 9px 17px;
background: #fff;
color: #727f8f !important;
font-size: 12px;
font-weight: 750;
line-height: 1.3;
transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.kzblog__category:hover { border-color: var(--kzblog-accent); color: var(--kzblog-accent) !important; transform: translateY(-1px); }
.kzblog__category.is-active { background: var(--kzblog-accent); color: #fff !important; border-color: var(--kzblog-accent); }
.kzblog__results { position: relative; min-height: 90px; transition: opacity .2s ease; }
.kzblog__results[aria-busy="true"] { opacity: .46; pointer-events: none; }
.kzblog__cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 38px; }
.kzblog__card {
display: flex;
gap: 28px;
min-height: 179px;
align-items: stretch;
width: 100%;
padding: 30px;
background: #fff;
border: 1px solid rgba(242, 243, 246, .68);
border-radius: var(--kzblog-radius);
box-shadow: 0 13px 36px rgba(28, 49, 82, .075);
transition: box-shadow .22s ease, transform .22s ease;
}
.kzblog__card:hover { box-shadow: 0 17px 40px rgba(28, 49, 82, .11); transform: translateY(-2px); }
.kzblog__photo {
flex: 0 0 240px;
max-width: 240px;
min-height: 155px;
border-radius: max(4px, calc(var(--kzblog-radius) - 2px));
overflow: hidden;
background: #f0f1f4;
}
.kzblog__photo img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .35s ease; }
.kzblog__card:hover .kzblog__photo img { transform: scale(1.04); }
.kzblog__card-content { display: flex; flex: 1; min-width: 0; flex-direction: column; align-items: flex-start; justify-content: center; }
.kzblog__badge {
display: inline-block;
margin: 0 0 18px;
padding: 6px 9px 5px;
border-radius: 3px;
background: #646464;
color: #fff;
font-size: 11px;
line-height: 1.2;
font-weight: 750;
text-transform: uppercase;
letter-spacing: -.015em;
}
.kzblog__post-title {
margin: 0 0 16px !important;
padding: 0 !important;
font-size: clamp(19px, 2vw, 25px) !important;
line-height: 1.25 !important;
font-weight: 800 !important;
letter-spacing: -.03em;
overflow-wrap: anywhere;
}
.kzblog__post-title a { color: #67696c !important; text-decoration: none !important; transition: color .18s ease; }
.kzblog__post-title a:hover { color: var(--kzblog-accent) !important; }
.kzblog__excerpt {
margin: 0 !important;
padding: 0 !important;
color: var(--kzblog-muted) !important;
font-size: 15px !important;
font-weight: 400;
line-height: 1.65 !important;
letter-spacing: 0;
overflow-wrap: anywhere;
}
.kzblog__meta { display: flex; align-items: center; gap: 10px; margin-top: 18px; color: #9aa3ae; font-size: 12px; line-height: 1.4; }
.kzblog__meta-dot { font-size: 17px; }
.kzblog__pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 9px; padding: 33px 0 4px; }
.kzblog__page {
min-width: 39px;
min-height: 39px;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 8px 11px;
border: 1px solid #e6eaf0;
border-radius: 6px;
background: #fff;
color: #687889 !important;
font-size: 13px;
font-weight: 700;
transition: background .2s ease, color .2s ease;
}
.kzblog__page:hover, .kzblog__page.is-active { background: var(--kzblog-accent); color: #fff !important; border-color: var(--kzblog-accent); }
.kzblog__page--arrow { font-size: 23px; line-height: 1; }
.kzblog__dots { padding: 0 3px; }
.kzblog__empty { padding: 50px 28px; text-align: center; background: #fff; border-radius: var(--kzblog-radius); box-shadow: 0 13px 36px rgba(28,49,82,.075); }
.kzblog__empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%; background: #f1f4f8; font-size: 27px; color: var(--kzblog-accent); }
.kzblog__empty h3 { margin: 14px 0 7px !important; font-size: 22px !important; color: #434a52 !important; }
.kzblog__empty p { margin: 0 auto !important; max-width: 470px; color: var(--kzblog-muted) !important; }
.kzblog__status { margin: 6px 0 0; font-size: 13px; color: #a23d3d; }
.kzblog__status:empty { display: none; }
@media (max-width: 1024px) {
.kzblog { padding: 16px 0 35px; }
.kzblog__cards { gap: 23px; }
.kzblog__card { padding: 25px; }
.kzblog__photo { flex-basis: 210px; max-width: 210px; }
}
@media (max-width: 767px) {
.kzblog { width: 100%; padding: 14px 0 30px; }
.kzblog__section-head { margin-bottom: 16px; }
.kzblog__authors-block { margin-bottom: 26px; }
.kzblog__authors { flex-wrap: nowrap; overflow-x: auto; gap: 11px; padding: 3px 3px 10px; scrollbar-width: thin; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
.kzblog__author { flex: 0 0 81px; max-width: 81px; scroll-snap-align: start; }
.kzblog__avatar { width: 67px; height: 67px; }
.kzblog__author-name { font-size: 11px; }
.kzblog__categories-block { margin-bottom: 20px; }
.kzblog__categories { flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding: 2px 2px 9px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.kzblog__category { min-height: 36px; padding: 8px 13px; font-size: 11px; flex-shrink: 0; }
.kzblog__cards { gap: 18px; }
.kzblog__card { min-height: 150px; padding: 24px 21px; gap: 17px; }
.kzblog__card--with-image { flex-direction: column; }
.kzblog__photo { flex: 0 0 auto; width: 100%; max-width: none; height: 210px; }
.kzblog__badge { margin-bottom: 13px; }
.kzblog__post-title { margin-bottom: 11px !important; font-size: 20px !important; }
.kzblog__excerpt { font-size: 13px !important; line-height: 1.6 !important; }
.kzblog__pagination { padding-top: 26px; }
}
@media (max-width: 390px) {
.kzblog__card { padding: 21px 17px; }
.kzblog__post-title { font-size: 19px !important; }
.kzblog__photo { height: 175px; }
}
@media (prefers-reduced-motion: reduce) {
.kzblog *, .kzblog *::before, .kzblog *::after { transition: none !important; scroll-behavior: auto !important; }
}.sova-ab-buttons,.sova-ab-buttons *{box-sizing:border-box}
.sova-ab-buttons{
position:fixed!important;z-index:var(--ab-z,99999)!important;
display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;
gap:var(--ab-gap,10px);width:max-content;
bottom:calc(var(--ab-bottom,26px) + env(safe-area-inset-bottom,0px));
margin:0!important;padding:0!important;
}
.sova-ab-buttons--right{right:var(--ab-side,20px);left:auto}
.sova-ab-buttons--left{left:var(--ab-side,20px);right:auto}
.sova-ab-buttons .sova-ab-btn{
appearance:none;-webkit-appearance:none;flex:0 0 auto;
display:inline-flex!important;align-items:center;justify-content:center;
width:var(--ab-size,68px)!important;height:var(--ab-size,68px)!important;
min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;
border:0!important;border-radius:var(--ab-radius,50%)!important;
text-decoration:none!important;color:var(--ab-icon,#fff)!important;
box-shadow:0 6px 17px rgba(0,0,0,.17);
transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;
line-height:1!important;cursor:pointer;
}
.sova-ab-buttons .sova-ab-call{background:var(--ab-call,#218CE9)!important}
.sova-ab-buttons .sova-ab-whatsapp{background:var(--ab-wa,#39DE6C)!important}
.sova-ab-buttons .sova-ab-call:hover,.sova-ab-buttons .sova-ab-call:focus-visible{background:var(--ab-call-hover,#1475C6)!important}
.sova-ab-buttons .sova-ab-whatsapp:hover,.sova-ab-buttons .sova-ab-whatsapp:focus-visible{background:var(--ab-wa-hover,#24BD56)!important}
.sova-ab-buttons .sova-ab-btn:hover{transform:translateY(-3px);box-shadow:0 9px 22px rgba(0,0,0,.23)}
.sova-ab-buttons .sova-ab-btn:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important}
.sova-ab-buttons .sova-ab-icon{display:block;position:static;flex:0 0 auto;width:58%!important;height:58%!important;fill:currentColor!important;color:inherit!important;max-width:100%;max-height:100%}
.sova-ab-mobile-spacer{display:none}
@media(min-width:768px){.sova-ab-buttons[data-show-desktop="0"]{display:none!important}}
@media(max-width:767px){
.sova-ab-buttons[data-show-mobile="0"]{display:none!important}
.sova-ab-buttons[data-mobile-layout="floating"]{
bottom:calc(var(--ab-mobile-bottom,22px) + env(safe-area-inset-bottom,0px));
}
.sova-ab-buttons[data-mobile-layout="floating"].sova-ab-buttons--right{right:var(--ab-mobile-side,14px)}
.sova-ab-buttons[data-mobile-layout="floating"].sova-ab-buttons--left{left:var(--ab-mobile-side,14px)}
.sova-ab-buttons[data-mobile-layout="floating"] .sova-ab-btn{
width:var(--ab-mobile-size,58px)!important;height:var(--ab-mobile-size,58px)!important;
}
.sova-ab-buttons[data-mobile-layout="bar"]{
left:0!important;right:0!important;bottom:0!important;
display:flex!important;flex-direction:row!important;justify-content:stretch!important;
width:100%!important;max-width:none!important;gap:0!important;
padding-bottom:env(safe-area-inset-bottom,0px)!important;
background:#fff;
}
.sova-ab-buttons[data-mobile-layout="bar"] .sova-ab-btn{
flex:1 1 auto;min-width:0!important;
width:auto!important;height:var(--ab-mobile-height,52px)!important;
border-radius:0!important;box-shadow:none!important;
}
.sova-ab-buttons[data-mobile-layout="bar"] .sova-ab-icon{width:24px!important;height:24px!important}
.sova-ab-buttons[data-mobile-layout="bar"] .sova-ab-btn:hover{transform:none;box-shadow:none}
.sova-ab-mobile-spacer[data-show-mobile="1"]{
display:block!important;height:calc(var(--ab-mobile-height,52px) + env(safe-area-inset-bottom,0px));
}
}
@media(prefers-reduced-motion:reduce){.sova-ab-buttons .sova-ab-btn{transition:none}}.sova-mm-enabled{
position:relative!important;
}
.sova-mm-enabled > .sub-menu{
--sova-mm-cols:2;
--sova-mm-width:580px;
position:absolute!important;
top:calc(100% + var(--sova-hmm-top-offset,18px))!important;
width:var(--sova-mm-width)!important;
max-width:calc(100vw - 32px)!important;
margin:0!important;
padding:var(--sova-hmm-padding,18px)!important;
display:grid!important;
grid-template-columns:repeat(var(--sova-mm-cols),minmax(0,1fr))!important;
grid-auto-flow:row!important;
column-gap:var(--sova-hmm-col-gap,46px)!important;
row-gap:var(--sova-hmm-row-gap,4px)!important;
list-style:none!important;
background:var(--sova-hmm-panel-bg,#fff)!important;
border:0!important;
border-radius:var(--sova-hmm-radius,0)!important;
box-shadow:var(--sova-hmm-shadow,0 12px 30px rgba(14,22,35,.12))!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
z-index:99999!important;
transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;
} .sova-mm-enabled > .sub-menu::before{
content:""!important;
position:absolute!important;
left:0!important;
right:0!important;
top:calc((var(--sova-hmm-top-offset,18px) + 10px) * -1)!important;
height:calc(var(--sova-hmm-top-offset,18px) + 10px)!important;
background:transparent!important;
pointer-events:auto!important;
}
.sova-mm-cols-2 > .sub-menu{--sova-mm-cols:2;}
.sova-mm-cols-3 > .sub-menu{--sova-mm-cols:3;}
.sova-mm-cols-4 > .sub-menu{--sova-mm-cols:4;}
.sova-mm-width-520 > .sub-menu{--sova-mm-width:520px;}
.sova-mm-width-580 > .sub-menu{--sova-mm-width:580px;}
.sova-mm-width-680 > .sub-menu{--sova-mm-width:680px;}
.sova-mm-width-780 > .sub-menu{--sova-mm-width:780px;}
.sova-mm-width-900 > .sub-menu{--sova-mm-width:900px;}
.sova-mm-width-1080 > .sub-menu{--sova-mm-width:1080px;}
.sova-mm-align-left > .sub-menu{
left:0!important;
right:auto!important;
transform:translateY(8px)!important;
}
.sova-mm-align-center > .sub-menu{
left:50%!important;
right:auto!important;
transform:translate(-50%,8px)!important;
}
.sova-mm-align-right > .sub-menu{
left:auto!important;
right:0!important;
transform:translateY(8px)!important;
}
.sova-mm-enabled:hover > .sub-menu,
.sova-mm-enabled:focus-within > .sub-menu,
.sova-mm-enabled.sova-mm-open > .sub-menu{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.sova-mm-align-left:hover > .sub-menu,
.sova-mm-align-left:focus-within > .sub-menu,
.sova-mm-align-left.sova-mm-open > .sub-menu,
.sova-mm-align-right:hover > .sub-menu,
.sova-mm-align-right:focus-within > .sub-menu,
.sova-mm-align-right.sova-mm-open > .sub-menu{
transform:translateY(0)!important;
}
.sova-mm-align-center:hover > .sub-menu,
.sova-mm-align-center:focus-within > .sub-menu,
.sova-mm-align-center.sova-mm-open > .sub-menu{
transform:translate(-50%,0)!important;
}
.sova-mm-enabled > .sub-menu > li{
min-width:0!important;
width:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
list-style:none!important;
}
.sova-mm-enabled > .sub-menu > li > a{
min-width:0!important;
min-height:39px!important;
width:100%!important;
padding:8px 0!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
color:var(--sova-hmm-text,#071747)!important;
background:transparent!important;
border:0!important;
font-size:var(--sova-hmm-font-size,14px)!important;
line-height:1.4!important;
font-weight:400!important;
text-decoration:none!important;
white-space:normal!important;
transition:color .18s ease,transform .18s ease!important;
}
.sova-mm-enabled > .sub-menu > li > a:hover,
.sova-mm-enabled > .sub-menu > li.current-menu-item > a{
color:var(--sova-hmm-hover,#177b6e)!important;
transform:translateX(3px);
}
.sova-mm-enabled > .sub-menu > li > .sub-menu{
display:none!important;
}
.sova-mm-thumb{
width:42px;
height:42px;
flex:0 0 42px;
border-radius:8px;
object-fit:cover;
}
.sova-mm-link-text{
min-width:0;
flex:1 1 auto;
}
.sova-mm-badge{
flex:0 0 auto;
padding:4px 7px;
border-radius:999px;
background:color-mix(in srgb,var(--sova-hmm-accent,#177b6e) 12%,transparent);
color:var(--sova-hmm-accent,#177b6e);
font-size:9px;
line-height:1;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
}
.sova-mm-has-promo.sova-mm-promo-right > .sub-menu{
grid-template-columns:repeat(var(--sova-mm-cols),minmax(0,1fr)) minmax(190px,var(--sova-hmm-promo-width,250px))!important;
}
.sova-mm-has-promo.sova-mm-promo-left > .sub-menu{
grid-template-columns:minmax(190px,var(--sova-hmm-promo-width,250px)) repeat(var(--sova-mm-cols),minmax(0,1fr))!important;
}
.sova-mm-promo-card{
position:relative!important;
min-height:100%!important;
overflow:hidden!important;
border-radius:max(0px,calc(var(--sova-hmm-radius,0px) - 2px))!important;
background:#111!important;
}
.sova-mm-promo-right .sova-mm-promo-card{
grid-column:-2/-1!important;
grid-row:1/span 999!important;
}
.sova-mm-promo-left .sova-mm-promo-card{
grid-column:1/2!important;
grid-row:1/span 999!important;
}
.sova-mm-promo-card a{
position:relative!important;
width:100%!important;
height:100%!important;
min-height:250px!important;
padding:0!important;
display:block!important;
overflow:hidden!important;
color:#fff!important;
border-radius:inherit!important;
}
.sova-mm-promo-card img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}
.sova-mm-promo-overlay{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:20px;
background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.08) 68%);
}
.sova-mm-promo-title{
margin:0 0 7px;
color:#fff;
font-size:19px;
line-height:1.15;
font-weight:700;
}
.sova-mm-promo-text{
margin:0 0 13px;
color:rgba(255,255,255,.78);
font-size:12px;
line-height:1.55;
}
.sova-mm-promo-cta{
color:#fff;
font-size:11px;
font-weight:700;
} .sova-hmm-widget-shell{position:relative;min-width:0;}
.sova-hmm-widget-nav{display:block;}
.sova-hmm-widget-menu{
margin:0!important;
padding:0!important;
display:flex;
align-items:center;
gap:28px;
list-style:none!important;
}
.sova-hmm-widget-menu > li{margin:0!important;padding:0!important;list-style:none!important;}
.sova-hmm-widget-menu > li > a{
display:flex;
align-items:center;
min-height:48px;
padding:0!important;
color:#071747;
font-size:15px;
line-height:1.2;
text-decoration:none!important;
}
.sova-hmm-mobile-toggle{display:none;}
@media (max-width:1024px){
.sova-hmm-widget-shell .sova-hmm-mobile-toggle{
width:44px;
height:44px;
padding:10px;
display:flex;
flex-direction:column;
justify-content:center;
gap:5px;
border:1px solid rgba(0,0,0,.12);
border-radius:8px;
background:#fff;
cursor:pointer;
}
.sova-hmm-mobile-toggle span{display:block;width:100%;height:2px;background:#111;}
.sova-hmm-widget-shell .sova-hmm-widget-nav{display:none;margin-top:10px;}
.sova-hmm-widget-shell.sova-mobile-open .sova-hmm-widget-nav{display:block;}
.sova-hmm-widget-menu{display:block!important;padding:8px 0!important;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12);}
.sova-hmm-widget-menu > li > a{min-height:48px;padding:0 18px!important;}
.sova-hmm-widget-shell .sova-mm-enabled > .sub-menu{
position:static!important;
width:auto!important;
max-width:none!important;
margin:0 12px 10px!important;
display:none!important;
grid-template-columns:1fr!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:none!important;
box-shadow:none!important;
border:1px solid rgba(0,0,0,.08)!important;
}
.sova-hmm-widget-shell .sova-mm-enabled.sova-mm-open > .sub-menu{display:grid!important;}
.sova-hmm-widget-shell .sova-mm-has-promo > .sub-menu{grid-template-columns:1fr!important;}
.sova-hmm-widget-shell .sova-mm-promo-card{grid-column:auto!important;grid-row:auto!important;min-height:220px!important;}
}