.breadcrumb{font-size:12px; color:#9A9A90; padding:16px 48px 0; max-width:1320px; margin:0 auto;}
.breadcrumb a{color:#9A9A90; text-decoration:none;}
.breadcrumb a:hover{color:var(--coral);}
.breadcrumb .sep{margin:0 7px; color:#D2D2C8;}
.breadcrumb .current{color:var(--navy); font-weight:600;}
.blog-hero{max-width:1200px; margin:0 auto; padding:64px 48px 22px;}
.blog-hero h1{font-size:44px; line-height:1.1; color:var(--navy); letter-spacing:-.02em; max-width:800px;}
.blog-hero h1 .accent{color:var(--coral);}
.blog-hero .sub{font-size:17px; color:#5C5C56; line-height:1.6; max-width:680px; margin-top:16px;}
.cat-bar{max-width:1200px; margin:0 auto; padding:8px 48px 0; display:flex; gap:10px; flex-wrap:wrap;}
.cat-chip{font-size:13px; font-weight:700; color:var(--navy); background:#fff; border:1px solid #D9DBE6; padding:9px 16px; border-radius:22px; text-decoration:none; transition:all .18s ease; display:inline-block;}
.cat-chip:hover{border-color:var(--coral); color:var(--coral);}
.cat-chip[aria-current="page"]{background:var(--navy); color:#fff; border-color:var(--navy);}
.blog-wrap{max-width:1200px; margin:0 auto; padding:30px 48px 70px;}
.blog-wrap > h2.sec{font-size:22px; color:var(--navy); margin:34px 0 0;}
.feat{position:relative; display:grid; grid-template-columns:1.25fr 1fr; border:1px solid #E4E4DE; border-radius:12px; overflow:hidden; background:#fff; transition:box-shadow .2s ease, transform .2s ease;}
.feat:hover{box-shadow:0 18px 40px rgba(38,53,112,.12); transform:translateY(-2px);}
.feat .thumb{background:linear-gradient(135deg, var(--navy) 0%, #3A4A94 55%, var(--coral) 130%); min-height:300px; display:flex; align-items:flex-end; padding:22px;}
.feat .thumb span{font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.16); padding:6px 12px; border-radius:20px;}
.feat .body{padding:34px 32px; display:flex; flex-direction:column; justify-content:center;}
.meta{font-size:12px; color:#8A8A80; font-weight:600; display:flex; gap:10px; flex-wrap:wrap; align-items:center;}
.meta .cat{color:var(--coral); text-transform:uppercase; letter-spacing:.05em; font-weight:700;}
.feat h2{font-size:26px; line-height:1.2; color:var(--navy); margin:12px 0; letter-spacing:-.01em;}
.feat h2 a, .post-card h3 a{color:inherit; text-decoration:none;}
.feat h2 a::after, .post-card h3 a::after{content:""; position:absolute; inset:0;}
.feat p{font-size:15px; color:#5C5C56; line-height:1.6;}
.post-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:22px;}
.post-card{position:relative; border:1px solid #E4E4DE; border-radius:10px; overflow:hidden; background:#fff; display:flex; flex-direction:column; transition:box-shadow .2s ease, transform .2s ease;}
.post-card:hover{box-shadow:0 14px 30px rgba(38,53,112,.11); transform:translateY(-2px);}
.post-card .thumb{aspect-ratio:16/9; background:linear-gradient(135deg,#EEF0F8,#DDE1F1);}
.post-card[data-cat="ia"] .thumb{background:linear-gradient(135deg,#E6ECFA,#C9D5F3);}
.post-card[data-cat="marketing"] .thumb{background:linear-gradient(135deg,#FCEAE8,#F7CFCB);}
.post-card[data-cat="emprendimiento"] .thumb{background:linear-gradient(135deg,#EAF4EC,#CFE6D4);}
.post-card .body{padding:20px 20px 22px; display:flex; flex-direction:column; flex:1;}
.post-card h3{font-size:17px; line-height:1.3; color:var(--navy); margin:10px 0 8px;}
.post-card p{font-size:13.5px; color:#5C5C56; line-height:1.55;}
.post-card .cat a{position:relative; z-index:2; color:inherit; text-decoration:none;}
.svc-strip{margin-top:38px; border:1px solid #E1E4F0; background:#F4F5FA; border-radius:10px; padding:22px 26px; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;}
.svc-strip p{font-size:15px; color:#3A3A36; max-width:620px; line-height:1.55;}
.svc-strip strong{color:var(--navy);}
.sub-band{background:#F4F5FA; border-top:1px solid #E4E4DE; border-bottom:1px solid #E4E4DE;}
.sub-inner{max-width:1200px; margin:0 auto; padding:54px 48px; display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:center;}
.sub-inner h2{font-size:28px; color:var(--navy); line-height:1.2;}
.sub-inner p{font-size:15px; color:#5C5C56; margin-top:10px; line-height:1.6;}
.sub-form{display:flex; gap:10px;}
.sub-form input{flex:1; font:inherit; font-size:14px; padding:13px 16px; border:1px solid #D2D2C8; border-radius:24px; background:#fff;}
.sub-form button{font:inherit; font-weight:700; font-size:14px; color:#fff; background:var(--coral); border:0; padding:13px 22px; border-radius:24px; cursor:pointer;}
.sub-form button:hover{background:var(--navy);}
.hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.form-status{font-size:13px; line-height:1.5; margin-top:10px; display:none; padding:10px 12px; border-radius:6px;}
.form-status.ok{display:block; background:#EAF6EE; color:#1E7B45; border:1px solid #CBE8D5;}
.form-status.err{display:block; background:#FBF1F0; color:#A1261E; border:1px solid #F2D4D1;}
.sub-consent{display:flex; gap:9px; align-items:flex-start; font-size:12.5px; color:#4A4A44; line-height:1.45; margin-top:12px; cursor:pointer;}
.sub-consent input{margin-top:2px; flex:none; accent-color:var(--navy);}
.sub-consent a{color:var(--coral);}
.sub-info{font-size:11px; color:#8A8A80; line-height:1.5; margin-top:8px;}
.art-head{max-width:760px; margin:0 auto; padding:56px 24px 0;}
.art-head .back{font-size:13px; font-weight:700; color:#8A8A80; text-decoration:none;}
.art-head .back:hover{color:var(--coral);}
.art-head h1{font-size:40px; line-height:1.15; color:var(--navy); letter-spacing:-.02em; margin:16px 0;}
.art-head .lead{font-size:19px; color:#5C5C56; line-height:1.6;}
.author{display:flex; align-items:center; gap:12px; margin-top:24px; padding-bottom:26px; border-bottom:1px solid #E4E4DE;}
.author img{width:44px; height:44px; border-radius:50%; object-fit:cover; object-position:50% 20%;}
.author .who{font-size:13.5px; font-weight:700; color:var(--navy); line-height:1.3;}
.author .who a{color:inherit; text-decoration:none;}
.author .who a:hover{color:var(--coral);}
.author .who span{display:block; font-weight:500; color:#8A8A80; font-size:12.5px;}
.art-cover{max-width:980px; margin:34px auto 0; padding:0 24px;}
.art-cover div{aspect-ratio:21/9; border-radius:12px; background:linear-gradient(135deg, var(--navy) 0%, #3A4A94 55%, var(--coral) 130%);}
.art-layout{max-width:980px; margin:0 auto; padding:34px 24px 60px; display:grid; grid-template-columns:200px 1fr; gap:48px;}
.toc{position:sticky; top:90px; align-self:start; font-size:13px;}
.toc h2{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#8A8A80; margin-bottom:12px; font-weight:700;}
.toc a{display:block; color:#5C5C56; text-decoration:none; padding:7px 0 7px 12px; border-left:2px solid #E4E4DE; line-height:1.35;}
.toc a:hover{color:var(--coral); border-left-color:var(--coral);}
.prose{max-width:640px;}
.prose h2{font-size:25px; line-height:1.25; color:var(--navy); margin:38px 0 12px; scroll-margin-top:90px;}
.prose h2:first-child{margin-top:0;}
.prose p{font-size:17px; line-height:1.75; color:#34342F; margin-bottom:18px;}
.prose a{color:var(--coral); text-decoration:underline; text-underline-offset:3px;}
.prose blockquote{border-left:3px solid var(--coral); padding:6px 0 6px 20px; margin:26px 0; font-size:20px; line-height:1.5; color:var(--navy); font-family:Georgia,'Times New Roman',serif;}
.prose ul{margin:0 0 18px 20px; font-size:17px; line-height:1.75; color:#34342F;}
.callout{background:#F4F5FA; border:1px solid #E1E4F0; border-radius:10px; padding:20px 22px; margin:26px 0; font-size:15px; line-height:1.6; color:#3A3A36;}
.callout strong{color:var(--navy);}
.share{display:flex; gap:10px; align-items:center; margin-top:34px; padding-top:22px; border-top:1px solid #E4E4DE; font-size:13px; color:#8A8A80; font-weight:600;}
.share a{color:var(--navy); text-decoration:none; border:1px solid #D9DBE6; padding:7px 14px; border-radius:20px; font-weight:700;}
.share a:hover{border-color:var(--coral); color:var(--coral);}
.related{background:#FAFAF8; border-top:1px solid #E4E4DE;}
.related .blog-wrap{padding-top:50px;}
.related h2{font-size:24px; color:var(--navy);}
@media (max-width:900px){
  .blog-hero{padding:40px 20px 20px;} .blog-hero h1{font-size:31px;}
  .cat-bar{padding:8px 20px 0;} .blog-wrap{padding:24px 20px 50px;}
  .feat{grid-template-columns:1fr;} .feat .thumb{min-height:170px;}
  .post-grid{grid-template-columns:1fr 1fr;}
  .sub-inner{grid-template-columns:1fr; padding:40px 20px;}
  .art-head h1{font-size:30px;}
  .art-layout{grid-template-columns:1fr; gap:10px; padding:26px 20px 44px;}
  .toc{position:static; margin-bottom:18px;}
}
@media (max-width:560px){
  .post-grid{grid-template-columns:1fr;}
  .sub-form{flex-direction:column;}
}
.crumbs{max-width:1200px; margin:0 auto; padding:22px 48px 0; font-size:12.5px; color:#6B6B62;}
.crumbs ol{list-style:none; display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0;}
.crumbs li+li::before{content:"ƒA"; margin-right:6px; color:#B9B9B0;}
.crumbs a{color:#4B4B48; text-decoration:none;}
.crumbs a:hover{color:var(--coral-ink,#C63D35); text-decoration:underline;}
.crumbs-art{max-width:760px; padding:22px 24px 0;}
.thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.art-cover img{width:100%; border-radius:12px; display:block; height:auto;}
.prose h3{font-size:20px; line-height:1.3; color:var(--navy); margin:28px 0 10px;}
.prose ol{margin:0 0 18px 22px; font-size:17px; line-height:1.75; color:#34342F;}
.prose figure{margin:28px 0;}
.prose figure img{width:100%; height:auto; border-radius:10px; display:block;}
.prose figcaption{font-size:13px; color:#6B6B62; margin-top:8px;}
.prose hr{border:0; border-top:1px solid #E4E4DE; margin:34px 0;}
.faq-art{margin-top:38px;}
.faq-art details{border-top:1px solid #E4E4DE; padding:14px 0;}
.faq-art summary{cursor:pointer; font-weight:700; color:var(--navy); font-size:16px;}
.faq-art details p{margin-top:10px;}
.topics{display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:22px;}
.topic{border:1px solid #E4E4DE; border-radius:10px; padding:24px 24px 22px; background:#fff; position:relative; transition:box-shadow .2s ease, transform .2s ease;}
.topic:hover{box-shadow:0 14px 30px rgba(38,53,112,.11); transform:translateY(-2px);}
.topic h3{font-size:20px; color:var(--navy); margin-bottom:8px;}
.topic h3 a{color:inherit; text-decoration:none;}
.topic h3 a::after{content:""; position:absolute; inset:0;}
.topic p{font-size:14.5px; color:#4B4B48; line-height:1.6;}
.empty-note{margin-top:30px; border:1px dashed #C7CAD9; background:#FAFAF8; border-radius:10px; padding:22px 26px; font-size:15.5px; line-height:1.6; color:#34342F;}
.empty-note strong{color:var(--navy);}
@media (max-width:700px){ .topics{grid-template-columns:1fr;} .crumbs{padding:18px 20px 0;} .crumbs-art{padding:18px 20px 0;} }