/* Página de servicio: blog-single
   Generado por _trabajo/construir-css.js — no editar a mano.
   Todo el CSS cuelga de .ksrv para no tocar el header/footer de Elementor. */
.ksrv{--orange:#FF5B00;
    --orange-dark:#e64f00;
    --peach:#FFF1E6;
    --black:#0B0C0E;
    --carbon:#21272A;
    --gray:#6B7280;
    --gray-light:#9CA3AF;
    --bg:#F5F6F8;
    --bg2:#F1F2F5;
    --border:#E7E8EC;}
.ksrv .article-breadcrumbs-bar{background:#fff;
    border-bottom:1px solid var(--border);
    padding:14px 0;
    font-size:13.5px;}
.ksrv .breadcrumbs{display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:var(--gray);}
.ksrv .breadcrumbs a{color:var(--carbon);
    font-weight:500;
    transition:color .2s;}
.ksrv .breadcrumbs a:hover{color:var(--orange);}
.ksrv .bc-sep{color:var(--gray-light);}
.ksrv .bc-curr{color:var(--gray);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:320px;}
.ksrv .article-header{padding:50px 0 30px;
    background:#fff;}
.ksrv .article-header-box{max-width:820px;
    margin:0 auto;}
.ksrv .cat-pill{display:inline-block;
    background:var(--peach);
    color:var(--orange-dark);
    font-size:12px;
    font-weight:700;
    padding:5px 14px;
    border-radius:20px;
    text-transform:uppercase;
    letter-spacing:.03em;
    margin-bottom:18px;}
.ksrv .article-title{font-size:38px;
    font-weight:800;
    line-height:1.25;
    letter-spacing:-.02em;
    color:var(--black);
    margin-bottom:24px;}
.ksrv .article-meta-row{display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
    padding-top:18px;
    border-top:1px solid var(--border);}
.ksrv .author-block{display:flex;
    align-items:center;
    gap:14px;}
.ksrv .author-avatar-img{width:46px;
    height:46px;
    border-radius:50%;
    background:var(--peach);
    color:var(--orange);
    font-weight:800;
    font-size:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #FFD9BC;}
.ksrv .author-name{font-size:15px;
    font-weight:700;
    color:var(--black);}
.ksrv .author-role{font-size:13px;
    color:var(--gray);}
.ksrv .meta-right{display:flex;
    align-items:center;
    gap:18px;
    font-size:13px;
    color:var(--gray);}
.ksrv .meta-item{display:inline-flex;
    align-items:center;
    gap:6px;}
.ksrv .article-featured-hero{background:#fff;
    padding-bottom:40px;}
.ksrv .featured-banner-wrap{max-width:920px;
    margin:0 auto;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(0,0,0,.06);
    background:var(--carbon);}
.ksrv .featured-hero-img{width:100%;
    max-height:480px;
    object-fit:cover;
    object-position:center top !important;
    display:block;}
.ksrv .article-content-section{padding:20px 0 70px;
    background:#fff;}
.ksrv .article-reading-container{max-width:760px;
    margin:0 auto;}
.ksrv .social-share-bar{display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
    padding:14px 20px;
    background:var(--bg);
    border-radius:12px;
    margin-bottom:36px;}
.ksrv .share-label{font-size:13px;
    font-weight:700;
    color:var(--carbon);}
.ksrv .share-buttons{display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;}
.ksrv .share-btn{display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12.5px;
    font-weight:600;
    padding:6px 12px;
    border-radius:8px;
    background:#fff;
    border:1px solid var(--border);
    color:var(--carbon);
    cursor:pointer;
    transition:all .2s;
    font-family:inherit;}
.ksrv .share-btn:hover{border-color:var(--orange);
    color:var(--orange);}
.ksrv .share-btn.linkedin:hover{background:#0077b5; color:#fff; border-color:#0077b5;}
.ksrv .share-btn.twitter:hover{background:#000; color:#fff; border-color:#000;}
.ksrv .share-btn.whatsapp:hover{background:#25D366; color:#fff; border-color:#25D366;}
.ksrv .article-body-entry{font-size:17px;
    line-height:1.75;
    color:#2B2F38;}
.ksrv .lead-paragraph{font-size:20px;
    line-height:1.65;
    color:var(--carbon);
    font-weight:500;
    margin-bottom:28px;}
.ksrv .article-body-entry h2{font-size:27px;
    font-weight:800;
    line-height:1.3;
    color:var(--black);
    margin:40px 0 16px;
    letter-spacing:-.01em;}
.ksrv .article-body-entry h3{font-size:21px;
    font-weight:700;
    line-height:1.35;
    color:var(--black);
    margin:30px 0 12px;}
.ksrv .article-body-entry p{margin-bottom:20px;}
.ksrv .article-body-entry ul, .ksrv .article-body-entry ol{margin:0 0 24px 24px;}
.ksrv .article-body-entry li{margin-bottom:10px;
    line-height:1.65;}
.ksrv .article-body-entry strong{color:var(--black);}
.ksrv .article-body-entry blockquote{margin:32px 0;
    padding:20px 26px;
    background:var(--peach);
    border-left:4px solid var(--orange);
    border-radius:0 12px 12px 0;
    font-size:18px;
    font-style:italic;
    line-height:1.6;
    color:#732600;}
.ksrv .callout-box{margin:32px 0;
    padding:24px 28px;
    background:var(--bg2);
    border:1px solid var(--border);
    border-radius:14px;}
.ksrv .callout-title{display:flex;
    align-items:center;
    gap:8px;
    font-size:16px;
    font-weight:800;
    color:var(--carbon);
    margin-bottom:10px;}
.ksrv .callout-title svg{color:var(--orange);}
.ksrv .callout-box p{font-size:15px;
    line-height:1.6;
    margin-bottom:0;
    color:var(--carbon);}
.ksrv .article-author-card{display:flex;
    align-items:flex-start;
    gap:22px;
    background:var(--bg);
    border:1px solid var(--border);
    border-radius:16px;
    padding:28px;
    margin:48px 0 40px;}
.ksrv .author-card-avatar{width:64px;
    height:64px;
    border-radius:50%;
    background:var(--peach);
    color:var(--orange);
    font-size:22px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #FFD9BC;
    flex-shrink:0;}
.ksrv .author-card-bio h4{font-size:18px;
    font-weight:800;
    color:var(--black);
    margin-bottom:4px;}
.ksrv .author-badge{font-size:13px;
    font-weight:600;
    color:var(--orange);
    margin-bottom:10px;}
.ksrv .author-card-bio p{font-size:14px;
    line-height:1.6;
    color:var(--gray);
    margin-bottom:0;}
.ksrv .article-cta-box{background:linear-gradient(135deg, var(--carbon) 0%, #111417 100%);
    color:#fff;
    border-radius:18px;
    padding:40px;
    text-align:center;
    position:relative;
    overflow:hidden;
    box-shadow:0 12px 36px rgba(0,0,0,.1);
    margin-bottom:20px;}
.ksrv .article-cta-box .dots{top:0;
    right:0;
    width:160px;
    height:160px;
    opacity:.12;}
.ksrv .cta-badge{display:inline-block;
    background:rgba(255,91,0,.2);
    color:var(--orange);
    border:1px solid rgba(255,91,0,.4);
    font-size:11.5px;
    font-weight:700;
    padding:4px 12px;
    border-radius:20px;
    margin-bottom:14px;
    text-transform:uppercase;}
.ksrv .article-cta-box h3{font-size:24px;
    font-weight:800;
    line-height:1.3;
    margin-bottom:12px;}
.ksrv .article-cta-box p{font-size:15px;
    line-height:1.6;
    color:#B0B7C3;
    max-width:580px;
    margin:0 auto 24px;}
.ksrv .cta-btns-row{display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;}
.ksrv .related-posts-section{padding:60px 0 80px;
    background:var(--bg);
    border-top:1px solid var(--border);}
.ksrv .related-header{display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:32px;}
.ksrv .related-header .section-title{margin-bottom:0; font-size:28px;}
.ksrv .see-all-link{color:var(--orange);
    font-weight:700;
    font-size:14.5px;}
.ksrv .related-grid{display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;}
.ksrv .related-grid .blog-card{background:#fff;
    border:1px solid var(--border);
    border-radius:16px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-shadow:0 3px 12px rgba(0,0,0,.02);
    transition:transform .3s, box-shadow .3s;}
.ksrv .related-grid .blog-card:hover{transform:translateY(-4px);
    box-shadow:0 10px 24px rgba(0,0,0,.06);}
.ksrv .related-grid .card-img-wrap{position:relative;
    width:100%;
    height:180px;
    overflow:hidden;
    background:var(--carbon);}
.ksrv .related-grid .card-img{width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top !important;
    display:block;
    transition:transform .4s cubic-bezier(.25,.46,.45,.94);}
.ksrv .related-grid .blog-card:hover .card-img{transform:scale(1.05);}
.ksrv .related-grid .cat-badge{position:absolute;
    top:12px;
    left:12px;
    background:rgba(255,91,0,.92);
    color:#fff;
    font-size:11px;
    font-weight:700;
    padding:4px 10px;
    border-radius:14px;
    text-transform:uppercase;}
.ksrv .related-grid .card-content{padding:18px;
    display:flex;
    flex-direction:column;
    flex:1;}
.ksrv .related-grid .post-meta{font-size:12px;
    color:var(--gray);
    margin-bottom:8px;}
.ksrv .related-grid .card-title{font-size:16px;
    font-weight:700;
    line-height:1.35;
    color:var(--black);
    margin-bottom:8px;}
.ksrv .related-grid .card-title a{color:inherit; transition:color .2s;}
.ksrv .related-grid .card-title a:hover{color:var(--orange);}
.ksrv .related-grid .card-excerpt{font-size:13.5px;
    line-height:1.55;
    color:var(--gray);
    margin-bottom:14px;
    flex:1;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;}
.ksrv .related-grid .card-footer{padding-top:12px;
    border-top:1px solid var(--border);}
.ksrv .related-grid .read-more{color:var(--orange);
    font-weight:700;
    font-size:13.5px;
    display:inline-flex;
    align-items:center;
    gap:4px;}
@media(max-width:900px){
.ksrv .article-header{padding:30px 0 20px;}
.ksrv .article-title{font-size:26px;}
.ksrv .article-meta-row{flex-direction:column; align-items:flex-start; gap:12px;}
.ksrv .social-share-bar{flex-direction:column; align-items:flex-start;}
.ksrv .share-buttons{width:100%;}
.ksrv .share-btn{flex:1; justify-content:center; font-size:12px;}
.ksrv .lead-paragraph{font-size:18px;}
.ksrv .article-body-entry h2{font-size:22px;}
.ksrv .article-body-entry h3{font-size:18px;}
.ksrv .article-author-card{flex-direction:column; gap:16px; padding:20px;}
.ksrv .article-cta-box{padding:26px 20px;}
.ksrv .article-cta-box h3{font-size:20px;}
.ksrv .cta-btns-row .cta-btn{width:100%; justify-content:center;}
.ksrv .related-grid{grid-template-columns:1fr !important; gap:20px;}
}


