:root{
  --bg:#07111f;
  --panel:#0d1a2f;
  --panel-2:#101f39;
  --text:#f4f7ff;
  --muted:#b9c7df;
  --blue:#57a6ff;
  --blue2:#7bc0ff;
  --gold:#f0b44b;
  --gold2:#ffd98b;
  --line:rgba(255,255,255,.09);
  --shadow:0 24px 80px rgba(0,0,0,.35);
  --max:1180px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:'Inter',Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 10%, rgba(87,166,255,.16), transparent 22%),
    radial-gradient(circle at 90% 20%, rgba(240,180,75,.11), transparent 20%),
    linear-gradient(180deg, #08111d 0%, #07111f 45%, #050c16 100%);
}
a{color:inherit}
.container{max-width:var(--max);margin:0 auto;padding:0 24px}
.site-header{
  position:sticky;top:0;z-index:20;
  backdrop-filter:blur(12px);
  background:rgba(5,12,22,.72);
  border-bottom:1px solid var(--line);
}
.site-header__inner{
  max-width:var(--max);margin:0 auto;padding:18px 24px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
}
.logo{text-decoration:none;font-weight:900;letter-spacing:.02em}
.logo span{color:var(--blue2)}
.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nav a{
  text-decoration:none;color:#d2def3;padding:10px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);
}
.nav a.active{border-color:rgba(123,192,255,.35);color:#fff}
.nav a.cta{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1b1304;border-color:transparent;font-weight:800}
.blog-hero{padding:56px 0 18px}
.eyebrow{display:inline-block;color:var(--gold2);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.blog-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:-.04em;margin:0 0 14px}
.blog-hero p{max-width:760px;color:var(--muted);font-size:20px;line-height:1.6;margin:0}
.posts-section{padding:28px 0 72px}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card{
  display:block;text-decoration:none;padding:26px;border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid var(--line); box-shadow:var(--shadow); height:100%; transition:.2s ease;
}
.post-card:hover{transform:translateY(-3px);border-color:rgba(123,192,255,.35)}
.post-card__tag{display:inline-block;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(87,166,255,.12);color:var(--blue2);font-size:13px;font-weight:700}
.post-card h2{margin:0 0 12px;font-size:28px;line-height:1.15;letter-spacing:-.03em}
.post-card p{margin:0;color:var(--muted);line-height:1.65}
.post-card__meta{margin-top:18px;display:flex;gap:14px;flex-wrap:wrap;color:#d2def3;font-size:14px}
.article{max-width:820px;margin:0 auto;padding:36px 24px 72px}
.back-link{display:inline-block;margin-bottom:16px;color:var(--blue2);text-decoration:none}
.article__tag{display:inline-block;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(87,166,255,.12);color:var(--blue2);font-size:13px;font-weight:700}
.article__title{font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.04em;margin:0 0 14px}
.article__meta{display:flex;gap:14px;flex-wrap:wrap;color:#d2def3;font-size:14px;margin-bottom:24px}
.article__body{color:#e8efff;font-size:19px;line-height:1.8}
.article__body h2{font-size:32px;line-height:1.15;letter-spacing:-.03em;margin:34px 0 14px;color:#fff}
.article__body h3{font-size:24px;margin:24px 0 10px;color:#fff}
.article__body p, .article__body ul, .article__body ol, .article__body blockquote{margin:0 0 18px}
.article__body li{margin-bottom:8px}
.article__body strong{color:#fff}
.key-callout{
  padding:18px 20px;border-radius:20px;background:rgba(87,166,255,.08);border:1px solid rgba(123,192,255,.2);margin:24px 0;color:#eef4ff;
}
blockquote{padding:18px 20px;border-left:4px solid var(--gold);background:rgba(255,255,255,.03);border-radius:0 14px 14px 0}
@media (max-width:980px){.posts-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.posts-grid{grid-template-columns:1fr}.site-header__inner{padding:14px 18px}.blog-hero p,.article__body{font-size:17px}}


.newsletter__embed {
  margin: 1.25rem 0 0;
}

.newsletter__embed iframe {
  width: 100%;
  min-height: 305px;
  border: 0;
  border-radius: 12px;
  background: transparent;
}


/* ===== Barra de compartir ===== */
.share-bar {
  margin: 36px 0 28px;
  padding: 22px 24px;
  border-radius: 20px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--line);
}
.share-bar__label {
  margin: 0 0 14px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--gold2);
}
.share-bar__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.share-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  color: #d2def3;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: .2s ease;
  font-family: inherit;
}
.share-btn:hover {
  background: rgba(123,192,255,.12);
  border-color: rgba(123,192,255,.4);
  color: #fff;
  transform: translateY(-1px);
}
.share-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.share-btn--linkedin:hover { background: rgba(0,119,181,.18); border-color: #0077b5; }
.share-btn--x:hover        { background: rgba(255,255,255,.1); border-color: #fff; }
.share-btn--whatsapp:hover { background: rgba(37,211,102,.18); border-color: #25d366; }
.share-btn--facebook:hover { background: rgba(24,119,242,.18); border-color: #1877f2; }
.share-btn--copy.copied {
  background: rgba(240,180,75,.18);
  border-color: var(--gold);
  color: var(--gold2);
}
@media (max-width: 600px) {
  .share-bar { padding: 18px; }
  .share-btn { font-size: 13px; padding: 9px 13px; }
}