:root{
  --bg:#07111f;
  --bg2:#0a1628;
  --panel:#0f1e33;
  --panel2:#12253e;
  --line:rgba(148,163,184,.18);
  --text:#f8fafc;
  --muted:#9fb0c5;
  --soft:#cbd5e1;
  --blue:#3b82f6;
  --cyan:#22d3ee;
  --white:#fff;
  --ink:#0b1220;
  --light:#f5f7fb;
  --light2:#edf2f8;
  --radius:24px;
  --shadow:0 28px 80px rgba(0,0,0,.24);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--light);line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(1160px,calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.12)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;color:white;font-size:19px;font-weight:700;letter-spacing:-.03em}
.signature-badge{width:44px;height:44px;border-radius:50%;background:#F5F4F0;display:inline-grid;place-items:center;flex:0 0 44px;box-shadow:inset 0 0 0 1px rgba(11,18,32,.06)}.signature-badge img{width:34px;height:26px;object-fit:contain;filter:none;opacity:1}.brand-name{white-space:nowrap}
.brand span{display:inline-flex;gap:5px}.brand strong{font-weight:800}
.navlinks{display:flex;align-items:center;gap:28px;color:#cbd5e1;font-size:14px}
.navlinks a:hover{color:white}.menu{display:none;border:1px solid rgba(255,255,255,.18);color:white;background:transparent;border-radius:10px;padding:8px 10px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid rgba(148,163,184,.26);border-radius:999px;font-size:14px;font-weight:750;background:rgba(255,255,255,.06);color:inherit;cursor:pointer;transition:.2s ease}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.4)}
.btn.primary,.btn.blue{background:linear-gradient(135deg,var(--blue),#1d4ed8);border-color:transparent;color:white;box-shadow:0 10px 30px rgba(37,99,235,.25)}
.hero{position:relative;overflow:hidden;padding:112px 0 92px;color:white;background:
radial-gradient(circle at 85% 18%,rgba(59,130,246,.28),transparent 24%),
radial-gradient(circle at 72% 70%,rgba(34,211,238,.12),transparent 30%),
linear-gradient(135deg,#07111f 0%,#0a1628 58%,#0c1c31 100%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent)}
.hero .wrap{position:relative;z-index:1}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:850;color:#60a5fa}
h1,h2,h3{line-height:1.06;letter-spacing:-.04em;margin-top:0}
h1{font-size:clamp(48px,7vw,84px);max-width:940px;margin:18px 0 24px}
h2{font-size:clamp(34px,4.4vw,56px)}h3{font-size:22px}.lead{font-size:20px;max-width:800px;color:#c2cddd}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero .btn:not(.primary){color:white;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.05)}

section{padding:80px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}.section-head p{max-width:580px;color:#64748b}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.post,.principle{background:white;border:1px solid #dbe3ec;border-radius:var(--radius);padding:28px;box-shadow:0 12px 40px rgba(15,23,42,.05)}.card{transition:.2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(15,23,42,.09)}.card p,.post p,.principle p{color:#64748b}.num,.meta{font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#2563eb}.link{font-weight:800;color:#2563eb}
.feature-shell{background:linear-gradient(180deg,#f5f7fb,#edf2f8)}
.feature{position:relative;overflow:hidden;color:white;background:linear-gradient(135deg,#0a1628,#0d2038 58%,#0c2a4a);border:1px solid rgba(96,165,250,.2);border-radius:32px;padding:46px;box-shadow:var(--shadow)}
.feature:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-140px;background:radial-gradient(circle,rgba(59,130,246,.33),transparent 65%)}.feature>*{position:relative;z-index:1}.feature p{color:#cbd5e1;max-width:900px}.route{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.step{display:flex;gap:11px;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035)}.step b{color:#67e8f9}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.visual-card{min-height:250px;position:relative;overflow:hidden}.visual-card:after{display:none}
.statement{color:white;background:linear-gradient(135deg,#08111e,#0b1a2d);position:relative;overflow:hidden}.statement:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(59,130,246,.2),transparent 24%)}.statement .wrap{position:relative;z-index:1}.quote{font-size:clamp(34px,4.5vw,58px);line-height:1.12;letter-spacing:-.045em;max-width:1040px}.statement .btn{color:white}
.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.subscribe-section{background:linear-gradient(180deg,#eef3f9,#f7f9fc)}.subscribe{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;padding:44px;border-radius:30px;background:white;border:1px solid #dbe3ec;box-shadow:0 18px 60px rgba(15,23,42,.07)}.formrow{display:flex;gap:10px}.input,textarea{width:100%;padding:14px 15px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;background:white}.tiny{font-size:12px;color:#7b8796}.status{font-size:13px;margin-top:8px}
.page-hero{padding:86px 0 54px;color:white;background:radial-gradient(circle at 82% 16%,rgba(59,130,246,.24),transparent 26%),linear-gradient(135deg,#07111f,#0b1b30)}.page-hero p{max-width:780px;color:#b7c4d4;font-size:19px}.page-hero h1{font-size:clamp(48px,7vw,76px)}
.filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.pill{border:1px solid #dbe3ec;background:white;padding:9px 14px;border-radius:999px;cursor:pointer}.pill.active{background:#0b1220;color:white}
.formstack{display:grid;gap:12px;max-width:760px}.article{width:min(780px,calc(100% - 40px));margin:auto}.article-hero{padding:86px 0 40px;color:white;background:radial-gradient(circle at 80% 16%,rgba(59,130,246,.2),transparent 22%),linear-gradient(135deg,#07111f,#0b1b30)}.article-hero h1{font-size:clamp(44px,6vw,70px)}.article-hero .lead{color:#b9c6d6}.article p,.article li{font-size:18px;color:#334155}.article h2{font-size:36px;margin-top:58px}.article h3{margin-top:34px}.article blockquote{margin:38px 0;padding:26px 30px;border-left:4px solid #2563eb;border-radius:0 18px 18px 0;background:#eef4fb;font-size:22px;font-weight:700}.series-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.series-nav a{padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#d7e2ef;background:rgba(255,255,255,.05)}.comments{margin-top:50px;padding-top:34px;border-top:1px solid #dbe3ec}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
footer{padding:48px 0;color:#aebdd0;background:#07111f;border-top:1px solid rgba(148,163,184,.12)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-sign{display:flex;align-items:center;gap:14px}.footer-sign strong{color:white}.footer-sign small{display:block}.footlinks{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}
@media(max-width:820px){.navlinks{display:none;position:absolute;top:78px;left:0;right:0;padding:22px;background:#07111f;border-bottom:1px solid rgba(148,163,184,.12);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.grid3,.posts,.principles,.route,.related{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.subscribe{grid-template-columns:1fr}.formrow{flex-direction:column}.footer-grid{flex-direction:column;align-items:flex-start}.hero{padding-top:82px}.signature-mark{align-items:flex-start;flex-direction:column}.signature-badge{width:40px;height:40px;flex-basis:40px}.signature-badge img{width:31px;height:24px}}

/* V5: identidad + publicación + feedback */
.publisher-section{padding-top:10px}.publisher-card{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center;padding:34px;border-radius:26px;color:white;background:linear-gradient(135deg,#0a1628,#0c2745);border:1px solid rgba(96,165,250,.2);box-shadow:var(--shadow)}.publisher-card p{color:#cbd5e1;max-width:720px}.publisher-card .actions{justify-content:flex-end;margin-top:0}.editor-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:28px;align-items:start}.editor-panel,.editor-help{background:white;border:1px solid #dbe3ec;border-radius:24px;padding:28px;box-shadow:0 12px 40px rgba(15,23,42,.05)}.editor-panel label{display:grid;gap:7px;font-weight:750}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-help{position:sticky;top:100px}.editor-help ol{padding-left:20px;color:#475569}.editor-help code{background:#eef2f7;padding:2px 6px;border-radius:6px}.editor-preview-section{background:#fff;border-top:1px solid #dbe3ec}.preview-content h2{margin-top:40px;font-size:30px}.preview-content blockquote{padding:18px 22px;border-left:4px solid #2563eb;background:#eef4fb}.feedback{margin-top:60px;padding-top:38px;border-top:1px solid #dbe3ec}.feedback-head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.feedback-head p{font-size:16px}.rating-box{min-width:210px;padding:20px;border:1px solid #dbe3ec;border-radius:20px;background:#f8fafc;text-align:center}.rating-summary strong{font-size:38px;letter-spacing:-.05em}.rating-summary span{color:#64748b}.stars{display:flex;gap:4px;justify-content:center;margin:8px 0}.stars button{border:0;background:transparent;color:#cbd5e1;font-size:29px;line-height:1;cursor:pointer;padding:2px}.stars button.active,.stars button:hover{color:#f59e0b}.opinion-list{display:grid;gap:12px;margin-top:28px}.opinion{padding:18px;border:1px solid #dbe3ec;border-radius:16px;background:white}.opinion-head{display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:13px}.opinion p{margin-bottom:0;font-size:16px}.footer-sign .signature-badge{width:48px;height:48px;flex-basis:48px}.footer-sign .signature-badge img{width:37px;height:28px}@media(max-width:820px){.publisher-card,.editor-layout,.feedback-head{grid-template-columns:1fr}.publisher-card .actions{justify-content:flex-start}.editor-grid{grid-template-columns:1fr}.editor-help{position:static}}

/* V6: autenticación estática, editor enriquecido y compartir */
.auth-section{background:linear-gradient(180deg,#eef3f9,#f7f9fc)}
.auth-card{max-width:760px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start;padding:34px;border-radius:26px;background:white;border:1px solid #dbe3ec;box-shadow:0 18px 60px rgba(15,23,42,.08)}
.auth-card h2{margin-bottom:10px}.auth-card p{color:#64748b}.editor-topline{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.editor-topline h2{margin-bottom:0}
.html-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:9px;border:1px solid #cbd5e1;border-bottom:0;border-radius:14px 14px 0 0;background:#f8fafc;position:sticky;top:78px;z-index:5}
.html-toolbar button{border:1px solid #d7dee8;background:white;color:#0f172a;border-radius:8px;padding:7px 9px;min-height:34px;cursor:pointer;font:inherit;font-size:13px}.html-toolbar button:hover{border-color:#93a4b8;background:#eef4fb}.toolbar-sep{width:1px;height:26px;background:#d8e0ea;margin:0 2px}
.rich-editor,.html-source{min-height:430px;width:100%;padding:22px;border:1px solid #cbd5e1;border-radius:0 0 14px 14px;background:white;font:inherit;line-height:1.7;outline:none;overflow:auto}.rich-editor:focus,.html-source:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.rich-editor:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.html-source{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;resize:vertical}
.rich-editor table,.article-body table,.preview-content table{width:100%;border-collapse:collapse;margin:24px 0}.rich-editor th,.rich-editor td,.article-body th,.article-body td,.preview-content th,.preview-content td{border:1px solid #cbd5e1;padding:10px 12px;text-align:left;vertical-align:top}.rich-editor th,.article-body th,.preview-content th{background:#eef3f9;font-weight:800}.rich-editor hr,.article-body hr,.preview-content hr{border:0;border-top:1px solid #dbe3ec;margin:32px 0}.rich-editor a,.article-body a,.preview-content a{color:#2563eb;text-decoration:underline}.rich-editor blockquote{padding:18px 22px;border-left:4px solid #2563eb;background:#eef4fb;border-radius:0 12px 12px 0}
.share-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px}.share-bar>span:first-child{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#93a4b8;font-weight:800;margin-right:4px}.share-btn{border:1px solid rgba(255,255,255,.18);color:#dce6f2;background:rgba(255,255,255,.055);border-radius:999px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.share-btn:hover{background:rgba(255,255,255,.11);color:white}.share-status{font-size:12px;color:#7dd3fc;min-height:1em}
@media(max-width:820px){.auth-card{grid-template-columns:1fr}.editor-topline{flex-direction:column}.html-toolbar{top:78px}.rich-editor,.html-source{min-height:360px}}