/* ============================================================
   Blog — Innovación Inteligente
   Hereda los design tokens de la web principal
   ============================================================ */
:root {
  --teal-900:#1a4f4e; --teal-700:#2d8180; --teal-600:#3d9a99;
  --teal-500:#4aa3a2; --teal-400:#63bfbe; --teal-300:#87d0cf;
  --teal-200:#a8dedd; --teal-100:#c9eeed; --teal-50:#e8f7f7;
  --teal: #63bfbe; --teal-dark:#4aa3a2; --teal-light:#a8dedd;
  --gray-900:#1a2e2e; --gray-800:#253c3c; --gray-700:#375050;
  --gray-600:#5a7070; --gray-500:#7a9090; --gray-400:#9bb0b0;
  --gray-300:#c8d8d8; --gray-200:#e2e8e8; --gray-100:#f0f4f4;
  --gray-50:#f8fafb; --white:#ffffff;
  --font:'Nunito',sans-serif; --mono:'JetBrains Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);color:var(--gray-900);background:var(--white);line-height:1.7;}
a{color:var(--teal-dark);}

/* NAV (idéntica a la web) */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:68px;}
.nav-logo img{height:36px;display:block;}
.nav-links{display:flex;gap:28px;list-style:none;}
.nav-links a{font-size:13px;font-weight:600;color:var(--gray-600);text-decoration:none;transition:color 150ms;white-space:nowrap;}
.nav-links a:hover{color:var(--teal-dark);}
.nav-cta{background:var(--teal);color:var(--white);border:none;border-radius:6px;padding:10px 22px;font-size:14px;font-weight:700;cursor:pointer;transition:background 150ms;text-decoration:none;}
.nav-cta:hover{background:var(--teal-dark);}

main{padding-top:68px;min-height:70vh;}

/* CONTENEDOR */
.container{max-width:760px;margin:0 auto;padding:0 24px;}
.container-wide{max-width:1080px;margin:0 auto;padding:0 24px;}

/* CABECERA DE SECCIÓN BLOG */
.blog-hero{background:linear-gradient(135deg,var(--teal-50),var(--white));padding:72px 0 48px;border-bottom:1px solid var(--gray-100);}
.blog-hero .eyebrow{font-family:var(--mono);font-size:13px;color:var(--teal-dark);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;}
.blog-hero h1{font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1.1;color:var(--gray-900);margin-bottom:16px;}
.blog-hero p{font-size:18px;color:var(--gray-600);max-width:600px;}

/* LISTA DE ARTÍCULOS */
.post-list{display:grid;gap:28px;padding:48px 0 72px;}
.post-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--gray-200);border-radius:12px;padding:28px 32px;transition:border-color 150ms,box-shadow 150ms,transform 150ms;background:var(--white);}
.post-card:hover{border-color:var(--teal-300);box-shadow:0 8px 30px rgba(99,191,190,0.12);transform:translateY(-2px);}
.post-card .post-meta{font-family:var(--mono);font-size:12px;color:var(--gray-500);margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px;}
.post-card h2{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:10px;line-height:1.25;}
.post-card p{color:var(--gray-600);font-size:16px;}
.post-card .tags{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap;}
.tag{font-size:12px;background:var(--teal-50);color:var(--teal-700);padding:4px 12px;border-radius:20px;font-weight:600;}

/* ARTÍCULO */
article.post{padding:56px 0 72px;}
.post-header{margin-bottom:40px;}
.post-header .post-meta{font-family:var(--mono);font-size:13px;color:var(--gray-500);margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;}
.post-header h1{font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.12;color:var(--gray-900);margin-bottom:16px;text-wrap:pretty;}
.post-header .lead{font-size:19px;color:var(--gray-600);line-height:1.6;}
.post-cover{width:100%;border-radius:12px;margin:32px 0;}

/* CONTENIDO MARKDOWN */
.prose{font-size:17px;color:var(--gray-800);}
.prose h2{font-size:28px;font-weight:800;color:var(--gray-900);margin:40px 0 16px;line-height:1.2;}
.prose h3{font-size:22px;font-weight:700;color:var(--gray-900);margin:32px 0 12px;}
.prose p{margin-bottom:20px;}
.prose ul,.prose ol{margin:0 0 20px 24px;}
.prose li{margin-bottom:8px;}
.prose a{color:var(--teal-dark);text-decoration:underline;text-underline-offset:2px;}
.prose a:hover{color:var(--teal-700);}
.prose blockquote{border-left:4px solid var(--teal-300);padding:8px 0 8px 24px;margin:24px 0;color:var(--gray-600);font-style:italic;background:var(--teal-50);border-radius:0 8px 8px 0;}
.prose code{font-family:var(--mono);font-size:14px;background:var(--gray-100);padding:2px 6px;border-radius:4px;}
.prose pre{background:var(--gray-900);color:#e8f7f7;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0;}
.prose pre code{background:none;padding:0;color:inherit;}
.prose img{max-width:100%;border-radius:8px;margin:24px 0;}
.prose strong{font-weight:700;color:var(--gray-900);}
.prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px;}
.prose th,.prose td{border:1px solid var(--gray-200);padding:10px 14px;text-align:left;}
.prose th{background:var(--teal-50);font-weight:700;}

/* CTA AL FINAL DEL ARTÍCULO */
.post-cta{margin-top:56px;padding:36px;background:linear-gradient(135deg,var(--teal-50),var(--teal-100));border-radius:16px;text-align:center;}
.post-cta h3{font-size:22px;font-weight:800;color:var(--gray-900);margin-bottom:12px;}
.post-cta p{color:var(--gray-600);margin-bottom:20px;}
.btn-primary{background:var(--teal);color:var(--white);border-radius:6px;padding:14px 28px;font-size:15px;font-weight:700;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:background 150ms;}
.btn-primary:hover{background:var(--teal-dark);}
.back-link{display:inline-block;margin-bottom:32px;color:var(--gray-500);text-decoration:none;font-size:14px;font-weight:600;}
.back-link:hover{color:var(--teal-dark);}

/* FOOTER (idéntico a la web) */
footer{background:var(--gray-900);color:rgba(255,255,255,0.65);padding:64px 48px 32px;margin-top:0;}
.footer-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.1);}
.footer-logo img{height:40px;filter:brightness(0) invert(1);opacity:0.9;}
.footer-col h5{color:var(--white);font-size:14px;font-weight:700;margin-bottom:16px;}
.footer-col a{display:block;color:rgba(255,255,255,0.6);text-decoration:none;font-size:14px;margin-bottom:10px;transition:color 150ms;}
.footer-col a:hover{color:var(--teal-light);}
.footer-contact{font-size:13px;line-height:1.8;}
.footer-bottom{max-width:1080px;margin:0 auto;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.footer-copy{font-size:13px;}
.footer-legal{display:flex;gap:20px;}
.footer-legal a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:13px;}
.footer-legal a:hover{color:var(--teal-light);}

/* RESPONSIVE */
@media(max-width:768px){
  nav{padding:0 20px;}
  .nav-links{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .blog-hero{padding:48px 0 32px;}
}