:root{--color-primary: #2ecc71;--color-primary-dark: #27ae60;--color-primary-light: #a9dfbf;--color-secondary: #0b5345;--color-secondary-light: #1a7a6a;--color-bg: #f0f2f0;--color-bg-card: #ffffff;--color-text: #1a1a2e;--color-text-light: #555;--color-text-muted: #888;--color-border: #ddd;--font-heading: "PT Serif", Georgia, serif;--font-body: Inter, system-ui, -apple-system, sans-serif;--font-accent: "PT Serif", Georgia, serif;--header-height: 64px;--max-width: 720px;--radius: 8px;--transition: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.7;padding-top:var(--header-height);min-height:100vh}.skip-link{position:absolute;top:-100%;left:8px;background:var(--color-secondary);color:#fff;padding:8px 16px;border-radius:0 0 var(--radius) var(--radius);z-index:200;font-family:var(--font-body);font-size:.9rem;transition:top .2s}.skip-link:focus{top:0}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition)}a:hover,a:focus-visible{color:var(--color-primary-dark);text-decoration:underline}button:focus-visible,.btn:focus-visible,.nav-toggle:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}img{max-width:100%;height:auto;display:block;border-radius:var(--radius)}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--color-primary);z-index:100;display:flex;align-items:center}.nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.nav-brand{font-family:var(--font-heading);font-size:1.4rem}.nav-brand a{color:#fff;text-decoration:none}.nav-brand a:hover{color:#fff;opacity:.9}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px}.nav-menu{display:flex;gap:24px;list-style:none;align-items:center}.nav-menu a{color:var(--color-secondary);font-family:var(--font-body);font-size:.9rem;font-weight:600;padding:8px 12px;border-radius:var(--radius);transition:background var(--transition),color var(--transition);text-decoration:none}.nav-menu a:hover,.nav-menu a:focus-visible,.nav-menu a.active{color:#fff;background-color:var(--color-primary-dark)}.footer{background-color:var(--color-primary);color:#fff;text-align:center;padding:20px;margin-top:60px;font-size:.85rem}.footer a{color:var(--color-secondary);font-weight:600}.footer a:hover{color:#fff}.page-container{max-width:1100px;margin:0 auto;padding:40px 24px;min-height:calc(100vh - var(--header-height) - 70px)}.page-container--narrow{max-width:var(--max-width)}.hero{text-align:center;padding:60px 20px 40px}.hero h1{font-family:var(--font-heading);font-size:4rem;color:var(--color-primary);line-height:1.1;margin-bottom:16px}.hero p{font-size:1.2rem;color:var(--color-text-light);max-width:500px;margin:0 auto}.btn-group{display:flex;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background-color:var(--color-primary);color:#fff;font-family:var(--font-body);font-size:1.1rem;font-weight:700;border-radius:var(--radius);transition:background var(--transition),transform var(--transition);text-decoration:none;border:none;cursor:pointer}.btn:hover{background-color:var(--color-primary-dark);color:#fff;transform:translateY(-2px);text-decoration:none}.story-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.story-card{background:var(--color-bg-card);border-radius:var(--radius);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition);box-shadow:0 1px 3px #00000014}.story-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.story-card-image{width:100%;height:200px;object-fit:cover;border-radius:0}.story-card-body{padding:20px}.story-card-title{font-family:var(--font-heading);font-size:1.2rem;color:var(--color-text);margin-bottom:8px;line-height:1.3}.story-card-title a{color:inherit;text-decoration:none}.story-card-title a:hover{color:var(--color-primary-dark)}.story-card-date{font-size:.8rem;color:var(--color-text-muted);margin-bottom:8px}.story-card-description{font-size:.9rem;color:var(--color-text-light);line-height:1.5}.story-header{margin-bottom:32px}.story-title{font-family:var(--font-heading);font-size:2.2rem;line-height:1.2;color:var(--color-text);margin-bottom:8px}.story-meta{font-size:.85rem;color:var(--color-text-muted)}.story-image{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius);margin-bottom:32px}.story-content{font-family:Roboto Mono,monospace;font-size:1rem;line-height:1.8;color:var(--color-text)}.story-content p{margin-bottom:1.2em}.story-content h2,.story-content h3{font-family:var(--font-heading);margin-top:1.5em;margin-bottom:.5em}.story-content img{margin:1.5em auto;border-radius:var(--radius)}.story-nav{margin-top:48px;padding-top:24px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.story-nav a{font-size:.9rem}.notas-list{display:flex;flex-direction:column;gap:16px}.nota-item{background:var(--color-bg-card);border-radius:var(--radius);padding:24px;box-shadow:0 1px 3px #0000000f}.nota-item p{font-size:1rem;line-height:1.7}.nota-item .nota-date{font-size:.78rem;color:var(--color-text-muted);margin-top:8px}.nota-item img,.nota-item video,.nota-item iframe{margin-top:12px;border-radius:var(--radius)}.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){.nav-toggle{display:block}.nav-menu{position:fixed;top:var(--header-height);left:100%;width:100%;height:calc(100vh - var(--header-height));background-color:var(--color-primary);flex-direction:column;gap:0;padding:20px 0;transition:left .3s ease;overflow-y:auto}.nav-menu--open{left:0}.nav-menu a{font-size:1.1rem;padding:16px 24px;width:100%;text-align:center;border-radius:0}.hero h1{font-size:2.8rem}.hero p{font-size:1rem}.story-grid{grid-template-columns:1fr}.story-title{font-size:1.6rem}.page-container{padding:24px 16px}.btn{padding:14px 28px;font-size:1rem}}@media (max-width: 480px){.hero h1{font-size:2.2rem}.btn-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}}