/* Rise & Ruin — hoja de estilo compartida por toda la web */
:root{
  --bg:#ECEFE9;--surface:#F6F8F2;--surface-2:#E1E6DC;--ink:#14201B;--muted:#55625A;--line:#D0D6CB;
  --green:#1C5540;--green-soft:#2E7D5B;--gold:#8A6A16;--gold-bright:#C8A24B;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:ui-monospace,'Cascadia Code',Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root{--bg:#0D1512;--surface:#141F1A;--surface-2:#1B2721;--ink:#E9EDE7;--muted:#9BA89F;--line:#263630;--green:#3E9E78;--green-soft:#58BA90;--gold:#D4B45C;--gold-bright:#E7CD80;}}
:root[data-theme="dark"]{--bg:#0D1512;--surface:#141F1A;--surface-2:#1B2721;--ink:#E9EDE7;--muted:#9BA89F;--line:#263630;--green:#3E9E78;--green-soft:#58BA90;--gold:#D4B45C;--gold-bright:#E7CD80;}
:root[data-theme="light"]{--bg:#ECEFE9;--surface:#F6F8F2;--surface-2:#E1E6DC;--ink:#14201B;--muted:#55625A;--line:#D0D6CB;--green:#1C5540;--green-soft:#2E7D5B;--gold:#8A6A16;--gold-bright:#C8A24B;}

*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

/* barra superior + nav */
.topnote{background:var(--ink);color:var(--bg);text-align:center;font-family:var(--mono);font-size:11.5px;letter-spacing:0.05em;padding:7px 12px;}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);z-index:5;}
.nav{max-width:1080px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.brand{font-family:var(--serif);font-weight:700;font-size:21px;letter-spacing:-0.01em;display:flex;align-items:center;gap:9px;}
.brand .amp{color:var(--gold);font-style:italic;}
.brand .mk{width:26px;height:26px;flex:0 0 26px;}
.navlinks{display:flex;gap:22px;font-size:14px;color:var(--muted);}
.navlinks a:hover{color:var(--gold);}
.navlinks a.hot{color:var(--gold);font-weight:600;}
@media (max-width:720px){.navlinks{display:none;}}

/* hero */
.hero{padding:72px 0 56px;border-bottom:1px solid var(--line);}
.hero .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin:0 0 20px;}
.hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(38px,7vw,68px);line-height:1.02;letter-spacing:-0.02em;margin:0 0 22px;max-width:15ch;text-wrap:balance;}
.hero h1 em{color:var(--gold);font-style:italic;}
.hero p{font-size:clamp(17px,2.3vw,20px);color:var(--muted);max-width:56ch;margin:0 0 28px;}
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:13px 22px;border-radius:8px;background:var(--green);color:#fff;}
.btn:hover{background:var(--green-soft);}

/* secciones */
.sec{padding:56px 0;border-bottom:1px solid var(--line);}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--green-soft);margin:0 0 10px;}
.sec h2{font-family:var(--serif);font-size:clamp(24px,3.4vw,32px);font-weight:700;margin:0 0 26px;letter-spacing:-0.01em;}

/* pilares */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media (max-width:860px){.pillars{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.pillars{grid-template-columns:1fr;}}
.pillar{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px 20px;transition:border-color .15s,transform .15s;display:block;}
.pillar:hover{border-color:var(--gold-bright);transform:translateY(-2px);}
.pillar .ic{font-size:22px;}
.pillar h3{font-size:16px;margin:12px 0 6px;}
.pillar p{font-size:13.5px;color:var(--muted);margin:0;}

/* rejilla de artículos (portada) */
.arts{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start;}
@media (max-width:780px){.arts{grid-template-columns:1fr;}}
.feature{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:block;}
.feature:hover{border-color:var(--gold-bright);}
.feature .ph{aspect-ratio:16/9;background:radial-gradient(120% 120% at 80% 0%,color-mix(in srgb,var(--gold-bright) 40%,transparent),transparent 55%),linear-gradient(160deg,var(--green) 0%,var(--ink) 100%);display:flex;align-items:flex-end;padding:18px;}
.feature .ph .cat{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-bright);background:rgba(0,0,0,.35);padding:4px 10px;border-radius:20px;}
.feature .txt{padding:22px;}
.feature h3{font-family:var(--serif);font-size:24px;line-height:1.2;margin:0 0 10px;}
.feature p{color:var(--muted);font-size:15px;margin:0;}
.list{display:flex;flex-direction:column;gap:16px;}
.item{border-bottom:1px dashed var(--line);padding-bottom:16px;display:block;}
.item:last-child{border-bottom:none;}
.item .cat{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--green-soft);}
.item h4{font-family:var(--serif);font-size:17px;margin:5px 0 0;line-height:1.25;}
.item:hover h4{color:var(--gold);}
.empty{color:var(--muted);font-size:15px;font-style:italic;}

/* Guru Watch */
.guru{background:linear-gradient(155deg,#17241E 0%,#0E1613 100%);border:1px solid #2A3A33;border-radius:14px;padding:42px 34px;color:#EAEEE8;}
.guru .flag{font-family:var(--mono);font-size:11.5px;letter-spacing:0.14em;text-transform:uppercase;color:#E7B84E;display:flex;align-items:center;gap:10px;margin:0 0 16px;}
.guru .flag::before{content:"";width:8px;height:8px;border-radius:50%;background:#E0776F;box-shadow:0 0 0 4px rgba(224,119,111,.16);}
.guru h2{font-family:var(--serif);font-size:clamp(26px,4.2vw,40px);line-height:1.06;margin:0 0 14px;color:#fff;max-width:18ch;letter-spacing:-0.01em;}
.guru h2 em{color:#E7B84E;font-style:italic;}
.guru>p{color:#AEBAB1;max-width:60ch;font-size:15.5px;margin:0 0 28px;}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px;}
@media (max-width:680px){.cases{grid-template-columns:1fr;}}
.case{background:rgba(255,255,255,.045);border:1px solid #2A3A33;border-radius:10px;padding:18px;}
.case .no{font-family:var(--mono);font-size:11.5px;letter-spacing:0.05em;color:#E7B84E;}
.case h4{font-family:var(--serif);font-size:17px;margin:9px 0 6px;color:#fff;line-height:1.2;}
.case p{font-size:13px;color:#98A49B;margin:0;}
.guru .cta{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:#0E1613;background:#E7B84E;padding:12px 22px;border-radius:8px;}
.guru .cta:hover{background:#F0C871;}

/* CTA YouTube */
.yt{display:flex;gap:20px;align-items:center;background:linear-gradient(120deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:12px;padding:26px;}
@media (max-width:620px){.yt{flex-direction:column;text-align:center;}}
.yt .play{width:56px;height:56px;flex:0 0 56px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:22px;}
.yt h3{margin:0 0 4px;font-size:19px;font-family:var(--serif);}
.yt p{margin:0;color:var(--muted);font-size:14.5px;}

/* pie */
footer{padding:44px 0 60px;}
.discl{font-size:12.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:24px;}
.discl b{color:var(--ink);}
.fbtm{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);font-family:var(--mono);}

/* ===== página de categoría ===== */
.cat-head{padding:56px 0 34px;border-bottom:1px solid var(--line);}
.cat-head .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;}
.cat-head h1{font-family:var(--serif);font-weight:700;font-size:clamp(32px,5.4vw,48px);line-height:1.05;margin:0 0 14px;letter-spacing:-0.015em;}
.cat-head p{color:var(--muted);font-size:17px;max-width:60ch;margin:0;}
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:36px 0 0;}
@media (max-width:680px){.cat-grid{grid-template-columns:1fr;}}
.cat-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;display:block;transition:border-color .15s,transform .15s;}
.cat-card:hover{border-color:var(--gold-bright);transform:translateY(-2px);}
.cat-card .cat{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--green-soft);}
.cat-card h3{font-family:var(--serif);font-size:21px;line-height:1.2;margin:8px 0 8px;}
.cat-card p{color:var(--muted);font-size:14.5px;margin:0;}

/* ===== página de artículo ===== */
main.article{max-width:720px;margin:0 auto;padding:0 24px 80px;}
.art-head{padding:56px 0 28px;border-bottom:1px solid var(--line);margin-bottom:36px;}
.art-head .cat{font-family:var(--mono);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--green-soft);margin:0 0 16px;}
.art-head .cat.guru-watch{color:var(--gold);}
.art-head h1{font-family:var(--serif);font-weight:700;font-size:clamp(30px,5.2vw,46px);line-height:1.08;letter-spacing:-0.015em;margin:0 0 18px;text-wrap:balance;}
.art-head .deck{font-size:clamp(17px,2.4vw,20px);color:var(--muted);margin:0 0 22px;font-style:italic;font-family:var(--serif);}
.art-head .meta{font-family:var(--mono);font-size:12.5px;color:var(--muted);letter-spacing:0.04em;margin:0;}
article{max-width:720px;margin:0 auto;}
article h2{font-family:var(--serif);font-weight:600;font-size:clamp(21px,3vw,27px);line-height:1.2;margin:40px 0 12px;letter-spacing:-0.01em;}
article p{font-size:17.5px;line-height:1.75;margin:0 0 20px;}
article p:first-of-type::first-letter{font-family:var(--serif);font-size:3.4em;line-height:0.8;float:left;padding:6px 10px 0 0;color:var(--gold);font-weight:700;}
article ul,article ol{margin:0 0 22px;padding-left:24px;}
article li{font-size:17.5px;line-height:1.7;margin-bottom:9px;}
article strong{font-weight:650;color:var(--ink);}
.takeaways{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold-bright);border-radius:8px;padding:20px 24px;margin:40px 0;}
.takeaways h3{margin:0 0 10px;font-size:15px;font-family:var(--mono);letter-spacing:0.06em;text-transform:uppercase;color:var(--gold);}
.takeaways ul{margin:0;padding-left:20px;}
.takeaways li{margin-bottom:8px;font-size:16px;}

/* ===== mejora visual: color por seccion + pulido ===== */
.hero{position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;top:-40%;right:-12%;width:55%;height:170%;background:radial-gradient(closest-side, color-mix(in srgb,var(--gold-bright) 22%,transparent), transparent);pointer-events:none;z-index:0;}
.hero>*{position:relative;z-index:1;}
.feature,.pillar,.cat-card{box-shadow:0 1px 2px rgba(20,32,27,.05);}
.feature:hover,.cat-card:hover{box-shadow:0 12px 34px rgba(20,32,27,.12);}
.pillar:hover{box-shadow:0 8px 22px rgba(20,32,27,.10);}
/* cabeceras de imagen tintadas por categoria (dan vida, ya no todo verde) */
.ph.money-psychology{background:radial-gradient(120% 120% at 78% 0%, rgba(146,124,232,.55), transparent 55%), linear-gradient(155deg,#3a2f63,#15102a);}
.ph.book-vault{background:radial-gradient(120% 120% at 78% 0%, rgba(214,164,86,.5), transparent 55%), linear-gradient(155deg,#5a3f20,#25180a);}
.ph.tools-apps{background:radial-gradient(120% 120% at 78% 0%, rgba(78,190,188,.5), transparent 55%), linear-gradient(155deg,#124a49,#08201f);}
.ph.ruin-lessons{background:radial-gradient(120% 120% at 78% 0%, rgba(222,112,92,.5), transparent 55%), linear-gradient(155deg,#5a1f1c,#240b0a);}
.ph.guru-watch{background:radial-gradient(120% 120% at 78% 0%, rgba(231,184,78,.55), transparent 55%), linear-gradient(155deg,#1a2620,#0e1613);}
/* acento de color en tarjetas de categoria */
.cat-card{border-top:3px solid var(--line);}
.cat-card.money-psychology{border-top-color:#927ce8;}
.cat-card.book-vault{border-top-color:#d6a456;}
.cat-card.tools-apps{border-top-color:#4ebebc;}
.cat-card.ruin-lessons{border-top-color:#de705c;}
.cat-card.guru-watch{border-top-color:#e7b84e;}
/* enlaces del pie */
.fbtm a{color:var(--muted);text-decoration:underline;}
.fbtm a:hover{color:var(--gold);}
/* paginas legales / documentacion */
main.doc{max-width:720px;margin:0 auto;padding:0 24px 80px;}
.doc h1{font-family:var(--serif);font-size:clamp(30px,5vw,44px);margin:48px 0 10px;letter-spacing:-0.015em;}
.doc .lead{color:var(--muted);font-size:18px;margin:0 0 8px;font-family:var(--serif);font-style:italic;}
.doc h2{font-family:var(--serif);font-size:22px;margin:34px 0 10px;}
.doc p{font-size:17px;line-height:1.75;margin:0 0 16px;}
.doc a{color:var(--green-soft);text-decoration:underline;}
.doc ul{padding-left:22px;} .doc li{font-size:17px;line-height:1.7;margin-bottom:8px;}