:root{--wine:#76263d;--ink:#402e32;--paper:#fbf7f0;--orange:#d97940;--line:#e1d4c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.6}header,main,footer{max-width:1120px;margin:auto}header{padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}header img{object-fit:contain;width:155px;height:88px;mix-blend-mode:normal}a{color:var(--wine)}.login{font-size:.9rem;text-decoration:none;border-bottom:1px solid var(--wine);padding:5px 0}main{padding:0 32px}.intro{padding:68px 0 64px;max-width:820px}.eyebrow{font-size:.78rem;font-weight:bold;letter-spacing:.16em;color:var(--wine)}h1,h2,h3{font-family:Georgia,serif;color:var(--wine);font-weight:normal;line-height:1.12}h1{font-size:clamp(2.6rem,6vw,4.5rem);margin:22px 0 28px}h1 em{color:var(--orange)}.intro p{max-width:630px;font-size:1.1rem}.primary{display:inline-flex;gap:30px;background:var(--wine);color:white;text-decoration:none;padding:14px 24px;border-radius:8px;margin-top:14px}.spaces{border-top:1px solid var(--line);padding:42px 0 64px}.section-heading{display:flex;align-items:end;gap:50px;margin-bottom:30px}.section-heading>div{flex:1}.section-heading>p{max-width:310px;font-size:.95rem}h2{font-size:2.2rem;margin:14px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{font:inherit;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fffcf8;padding:28px 25px;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-4px);border-color:var(--wine)}.number{font-size:.75rem;letter-spacing:.1em;color:var(--wine);font-weight:bold}.card h3{font-size:1.85rem;min-height:66px;margin:24px 0 12px}.card p{margin:0 0 24px}.detail{font-size:.82rem;margin-top:auto}.open{color:var(--wine);font-weight:bold;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.contact{border-radius:16px;background:#eee1d5;padding:42px;margin-bottom:50px}.signature{margin-top:25px;color:var(--wine)}.signature span{font-size:.88rem}footer{padding:25px 32px;border-top:1px solid var(--line);font-size:.8rem;display:flex;justify-content:space-between;gap:20px}dialog{width:min(720px,calc(100% - 24px));max-height:90dvh;padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#302126b5}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-top button{font:inherit;cursor:pointer;background:white;color:var(--wine);border:1px solid var(--line);border-radius:7px;padding:7px 12px}dialog h2{margin-top:30px}.sample{background:white;border:1px solid var(--line);border-radius:10px;padding:25px;margin:24px 0}.sample h3{font-size:1.5rem;margin-top:0}.sample p:last-child{margin-bottom:0}.note{font-size:.88rem;color:#66545a}.tag{display:inline-block;background:#eee1d5;color:var(--wine);padding:4px 12px;border-radius:20px;font-size:.8rem}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}body.modal-open{overflow:hidden}@media(max-width:700px){header{padding:12px 20px}header img{width:120px;height:76px}.login{font-size:.8rem;max-width:140px}main{padding:0 20px}.intro{padding:42px 0}h1{font-size:2.65rem}.section-heading{display:block}.section-heading>p{max-width:none}.cards{grid-template-columns:1fr}.card h3{min-height:0}.card{padding:24px}.contact{padding:26px}h2{font-size:1.9rem}footer{padding:22px 20px;display:block}footer span{display:block}dialog{padding:22px}.sample{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
/* Presentación cercana al diario personal */
body{background:#f8f3eb;font-family:"Trebuchet MS",Arial,sans-serif}header{border:0;padding:18px 32px}header img{width:225px;height:auto;filter:none;mix-blend-mode:normal;display:block}.header-label{color:#796468;font-size:.88rem}h1,h2,h3{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:700;letter-spacing:-.035em}h1 em{font-style:normal;color:#ae5533}.intro{max-width:900px;margin:auto;text-align:center;padding:40px 0 48px}.intro p{margin:16px auto;max-width:680px}.intro h1{font-size:clamp(2.6rem,5.8vw,4.4rem);color:#552331}.primary{border-radius:24px;padding:12px 25px}.spaces{border-top:0;padding-top:28px}.section-heading h2{font-size:1.9rem}.cards{gap:22px}.card{position:relative;border:1px solid transparent;border-radius:22px;box-shadow:0 8px 24px #63283c09;padding:28px;min-height:365px}.card[data-view=bitacora]{background:#fffdf9;border-color:#e5d7cd}.card[data-view=ejercicios]{background:#fffdf9;border-color:#e5d7cd}.card[data-view=mochila]{background:#fffdf9;border-color:#e5d7cd}.card h3{font-size:1.8rem;min-height:0;margin:20px 0 14px}.space-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#f0dce2;color:#76263d;margin-bottom:20px}.space-icon svg{width:28px;height:28px}.card[data-view=ejercicios] .space-icon{color:#d95312;background:#ffe0cc}.card[data-view=mochila] .space-icon{color:#795e26;background:#f2e4be}.card p{font-size:1rem;line-height:1.7}.number{font-size:.78rem}.open{border-color:#7656442b}.detail{font-size:.86rem;color:#614e51}.journey-note{max-width:760px;text-align:center;margin:36px auto 0;color:#6f6063}.journey-note p{margin:8px 0}.journey-note strong{color:#76263d}.contact{background:#f0e6dd;border:1px solid #e3d1c2;border-radius:24px;text-align:center}.signature{line-height:1.8}.signature span{font-size:.92rem}.contact h2{font-size:2rem}dialog{border-radius:24px;padding:30px;--space-color:#f0dce2}dialog[data-space=ejercicios]{--space-color:#ffe0cc}dialog[data-space=mochila]{--space-color:#f2e4be}dialog h2{border-bottom:6px solid var(--space-color);padding-bottom:18px}.sample{border-radius:16px;border-color:#e1d3ca;box-shadow:0 6px 20px #63283c06}.sample h3{margin-top:18px;font-size:1.45rem;letter-spacing:-.02em}dialog[data-space=bitacora] .sample>p{background:repeating-linear-gradient(transparent 0,transparent 31px,#e9dfe5 32px);line-height:32px}.tag{background:var(--space-color,#eee1d5)}@media(max-width:700px){header{padding:14px 20px}header img{width:180px}.header-label{max-width:90px;text-align:right;font-size:.8rem}.intro{padding:24px 0 34px}.intro h1{font-size:2.6rem}.card{min-height:0}.space-icon{margin-bottom:14px}.contact h2{font-size:1.8rem}dialog{padding:22px}.section-heading h2{font-size:1.8rem}}