/* Subpaginas de morfeoacademy.com — mismo sistema que el landing */
@font-face { font-family:'Anthropic Serif'; src:url('/assets/fonts/69971a1551eb6cda0d656e8a_AnthropicSerif-Roman-Web.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Anthropic Sans';  src:url('/assets/fonts/69971a00a3295036497e1a28_AnthropicSans-Roman-Web.woff2')  format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Anthropic Mono';  src:url('/assets/fonts/69971a2e55d24d61bc045b1a_AnthropicMono-Roman-Web.woff2')  format('woff2'); font-weight:400; font-display:swap; }

:root {
  --ivory:#FAF9F5; --slate:#141413; --ink:#1F1E1C; --muted:#6E6C64;
  --clay:#D97757; --rust:#C6613F; --clay-ink:#AE5130; --green:#788C5D;
  --border:#E4E2D8; --card:#FFFFFF;
  --serif:'Anthropic Serif',Georgia,serif;
  --sans:'Anthropic Sans','Helvetica Neue',sans-serif;
  --mono:'Anthropic Mono','SF Mono',monospace;
  --ease:cubic-bezier(0.16,1,0.3,1);
  color-scheme:light;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; overflow-x:clip; }
body { background:var(--ivory); color:var(--ink); font-family:var(--sans);
       font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
::selection { background:var(--clay); color:var(--ivory); }
:focus-visible { outline:2px solid var(--clay); outline-offset:3px; }
p { text-wrap:pretty; }
h1,h2,h3 { text-wrap:balance; font-weight:400; }
img { max-width:100%; display:block; }

.ambient { position:fixed; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
.ambient::before { content:''; position:absolute; top:-20%; right:-10%; width:70vw; height:70vw;
  background:radial-gradient(circle,rgba(217,119,87,0.05) 0%,transparent 60%);
  animation:drift 26s ease-in-out infinite alternate; }
@keyframes drift { from{transform:translate(0,0) scale(1);} to{transform:translate(-8vw,10vh) scale(1.15);} }
.ambient::after { content:''; position:absolute; inset:0; opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E"); }
main,nav,footer { position:relative; z-index:1; }

.wrap { max-width:1060px; margin:0 auto; padding-left:28px; padding-right:28px; }

nav { position:sticky; top:0; z-index:50; background:rgba(250,249,245,0.9);
      -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border-bottom:1px solid var(--border); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; padding:16px 0; }
.wordmark { font-family:var(--mono); font-size:15px; letter-spacing:.32em; text-decoration:none; color:var(--slate); }
.wordmark::before { content:'✳ '; color:var(--clay); }

.btn { display:inline-block; font-family:var(--mono); font-size:13px; letter-spacing:.08em;
  text-transform:uppercase; text-decoration:none; padding:16px 30px; border:1px solid var(--slate);
  border-radius:6px; transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease); cursor:pointer; }
.btn:active { transform:scale(0.98); }
.btn-solid { background:var(--slate); color:var(--ivory); }
.btn-solid:hover { background:var(--rust); border-color:var(--rust); }
.btn-ghost { background:transparent; color:var(--slate); }
.btn-ghost:hover { border-color:var(--rust); color:var(--rust); }
.btn-sm { padding:10px 18px; font-size:11px; }

.kicker { font-family:var(--mono); font-size:12px; letter-spacing:.18em; text-transform:uppercase;
          color:var(--muted); display:flex; align-items:flex-start; gap:10px; }
/* flex-start para que el asterisco quede sobre la PRIMERA linea cuando el texto
   envuelve en mobile, no centrado contra el bloque entero */
.kicker::before { content:'✳'; color:var(--clay); line-height:inherit; }
.crumb { font-family:var(--mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); }
.crumb a { color:var(--muted); text-decoration:none; border-bottom:1px solid var(--border); }
.crumb a:hover { color:var(--rust); border-bottom-color:var(--rust); }

.hero { padding:76px 0 46px; }
.hero h1 { font-family:var(--serif); font-size:clamp(44px,7vw,82px); line-height:1.02;
           letter-spacing:-.02em; margin:22px 0 20px; }
.hero .lede { font-size:19px; color:var(--muted); max-width:60ch; }
.rule { height:1px; background:var(--border); }

.meta { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.tag { font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase;
       color:var(--slate); border:1px solid var(--border); background:var(--card);
       border-radius:100px; padding:8px 16px; }
.tag.accent { color:var(--clay-ink); border-color:rgba(217,119,87,.4); }

/* ---------- indice de presentaciones ---------- */
.plist { display:grid; gap:26px; padding:16px 0 96px; }
.pcard { display:grid; grid-template-columns:400px 1fr; gap:0;
  border:1px solid var(--border); border-radius:14px; background:var(--card);
  overflow:hidden; text-decoration:none; color:inherit;
  transition:border-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease); }
.pcard:hover { border-color:var(--clay); transform:translateY(-3px);
               box-shadow:0 14px 40px rgba(20,20,19,.07); }
.pcard img { width:100%; height:100%; object-fit:cover; aspect-ratio:16/9; background:var(--ivory); }
.pcard-body { padding:34px 36px; display:flex; flex-direction:column; justify-content:center; }
.pcard h2 { font-family:var(--serif); font-size:36px; line-height:1.1; margin:14px 0 12px; }
.pcard p { color:var(--muted); font-size:16px; }
.pcard .go { font-family:var(--mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase;
             color:var(--clay-ink); margin-top:20px; }
.pcard:hover .go .arr { transform:translateX(4px); }
.go .arr { display:inline-block; transition:transform .2s var(--ease); }

/* ---------- pagina de clase ---------- */
.cover-wrap { padding:6px 0 8px; }
.cover-wrap img { width:100%; border:1px solid var(--border); border-radius:14px; }
.cta-row { display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin:30px 0 8px; }
.cta-note { font-family:var(--mono); font-size:11px; letter-spacing:.12em;
            text-transform:uppercase; color:var(--muted); }

.sec { padding:56px 0 0; }
.sec-head { display:flex; align-items:baseline; justify-content:space-between; gap:16px;
            padding-bottom:20px; flex-wrap:wrap; }
.sec-head h2 { font-family:var(--serif); font-size:46px; line-height:1; color:var(--clay); }
.sec-head .n { font-family:var(--mono); font-size:12px; letter-spacing:.14em;
               text-transform:uppercase; color:var(--muted); }

.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding:26px 0 10px; }
.post { border:1px solid var(--border); border-radius:12px; overflow:hidden; background:var(--card);
        text-decoration:none; color:inherit; display:flex; flex-direction:column;
        transition:border-color .25s var(--ease), transform .25s var(--ease); }
.post:hover { border-color:var(--clay); transform:translateY(-2px); }
.post img { width:100%; aspect-ratio:16/10; object-fit:cover; background:var(--ivory); }
.post-body { padding:16px 18px 18px; display:flex; flex-direction:column; gap:8px; flex:1; }
.post .who { font-family:var(--mono); font-size:12px; letter-spacing:.06em; color:var(--clay-ink); }
.post .txt { font-size:14.5px; line-height:1.5; color:var(--ink); }
.post .foot { margin-top:auto; font-family:var(--mono); font-size:11px; letter-spacing:.1em;
              text-transform:uppercase; color:var(--muted); display:flex; justify-content:space-between; gap:10px; }

.closing { padding:70px 0 96px; }
.closing .rule { margin-bottom:30px; }
.closing p { color:var(--muted); font-size:15px; max-width:66ch; }

footer { background:var(--slate); padding:56px 0 64px; margin-top:40px; }
.foot-inner { display:flex; justify-content:space-between; align-items:center; font-family:var(--mono);
  font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:rgba(250,249,245,.55);
  flex-wrap:wrap; gap:12px; }
.foot-inner a { color:rgba(250,249,245,.55); text-decoration:none; }
.foot-inner a:hover { color:var(--clay); }

@media (max-width:860px) {
  .pcard { grid-template-columns:1fr; }
  .pcard img { aspect-ratio:16/9; }
  .grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px) {
  .grid { grid-template-columns:1fr; }
  .hero { padding:52px 0 34px; }
  .sec-head h2 { font-size:36px; }
}
@media (prefers-reduced-motion:reduce) {
  * { animation:none !important; transition:none !important; }
  html { scroll-behavior:auto; }
}