/* blog-post.css — solo lo único del detalle de artículo. Variables/botones/cartel/modal → global.css */

body { background:var(--gris); }

.post-hero { position:relative; background:linear-gradient(135deg,var(--azul) 0%,#0b5ea8 60%,var(--cyan) 100%); padding:72px 0 56px; color:#fff; text-align:center; overflow:hidden; }
.post-hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
.post-hero .container { position:relative; z-index:2; max-width:800px; margin:0 auto; padding:0 24px; }
.post-hero .categoria-tag { display:inline-block; background:rgba(12,186,225,.20); color:var(--cyan); border:1px solid rgba(12,186,225,.45); font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:2px; padding:4px 16px; border-radius:var(--radius-pill); margin-bottom:18px; font-family:'DM Sans',sans-serif; }
.post-hero h1 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(1.8rem,4vw,2.8rem); font-weight:800; color:#fff; max-width:750px; margin:0 auto 16px; line-height:1.15; }
.post-hero .post-fecha { font-size:.88rem; color:rgba(255,255,255,.70); display:flex; align-items:center; justify-content:center; gap:6px; }

.post-imagen { width:100%; max-height:460px; object-fit:cover; display:block; }

.post-body { padding:64px 0 80px; background:var(--gris); }
.post-body .container { max-width:840px; margin:0 auto; padding:0 24px; }

.post-content { background:#fff; border-radius:var(--radius-lg); padding:48px 44px; box-shadow:var(--sombra); font-size:1rem; line-height:1.85; color:var(--texto); }
.post-content h2 { font-family:'Barlow Condensed',sans-serif; font-size:1.55rem; font-weight:800; color:var(--azul); margin:36px 0 14px; line-height:1.2; }
.post-content h3 { font-family:'Barlow Condensed',sans-serif; font-size:1.2rem; font-weight:700; color:var(--azul); margin:28px 0 10px; }
.post-content p  { margin-bottom:16px; }
.post-content ul { padding-left:0; list-style:none; margin-bottom:16px; }
.post-content ul li { position:relative; padding-left:20px; margin-bottom:10px; }
.post-content ul li::before { content:''; position:absolute; left:0; top:9px; width:8px; height:8px; border-radius:50%; background:var(--cyan); }
.post-content ol { padding-left:20px; margin-bottom:16px; }
.post-content ol li { margin-bottom:10px; padding-left:6px; }
.post-content ol li::marker { color:var(--cyan); font-weight:700; font-family:'Barlow Condensed',sans-serif; }
.post-content a { color:var(--gris); font-weight:500; text-decoration:none; border-bottom:1px solid rgba(12,186,225,.35); transition:border-color .2s; }
.post-content a:hover { border-bottom-color:var(--cyan); }
.post-content strong { font-weight:500; color:var(--azul); }
.post-content blockquote { border-left:3px solid var(--cyan); margin:24px 0; padding:12px 24px; background:var(--cyan-light); border-radius:0 8px 8px 0; color:var(--muted); font-style:italic; }
.post-content img { width:100%; border-radius:10px; margin:20px 0; display:block; }
.post-content hr { border:none; border-top:.5px solid #e8edf3; margin:36px 0; }

.volver-blog { display:inline-flex; align-items:center; gap:6px; color:var(--cyan); font-weight:500; font-size:.88rem; text-decoration:none; margin-bottom:32px; transition:gap .2s; }
.volver-blog:hover { gap:10px; color:var(--azul); }

.post-cta { background:linear-gradient(135deg,var(--azul) 0%,#0b5ea8 60%,var(--cyan) 100%); border-radius:var(--radius-lg); padding:40px 36px; text-align:center; margin-top:48px; position:relative; overflow:hidden; }
.post-cta::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
.post-cta h3 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(1.3rem,2.5vw,1.7rem); font-weight:800; color:#fff; margin-bottom:10px; position:relative; }
.post-cta p  { color:rgba(255,255,255,.80); font-size:.95rem; margin-bottom:24px; position:relative; line-height:1.6; }
.btn-cta { display:inline-flex; align-items:center; gap:8px; background:var(--cyan); color:#fff; border-radius:var(--radius-pill); padding:13px 32px; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:.95rem; text-decoration:none; transition:all .2s; position:relative; }
.btn-cta:hover { background:#0aaad0; color:#fff; transform:translateY(-2px); }

@media (max-width:768px) { .post-hero { padding:48px 0 40px; } .post-content { padding:32px 24px; } .post-cta { padding:32px 24px; } .post-imagen { max-height:280px; } }
@media (max-width:480px) { .post-content { padding:24px 16px; } }