@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;600&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,700;1,8..60,400&display=swap');

/* Library surface: uses the canonical NOMADIA tokens and shared header/footer. */
body { background: var(--paper); color: var(--ink); }
body:has(.resource-detail) .header-nav a[href*="#sobre"], body:has(.form-layout) .header-nav a[href*="#sobre"], body:has(.delivery-layout) .header-nav a[href*="#sobre"], body:has(.resource-detail) .mobile-nav a[href*="#sobre"], body:has(.form-layout) .mobile-nav a[href*="#sobre"], body:has(.delivery-layout) .mobile-nav a[href*="#sobre"] { display: none; }
.colophon .lang-toggle { display: flex; }
.colophon .lang-btn[data-lang="EN"] { order: 1; }
.colophon .lang-btn[data-lang="FR"] { order: 2; }
.colophon .lang-btn[data-lang="ES"] { order: 3; }
.colophon .lang-btn[data-lang="BR"] { order: 4; }
.library-masthead { padding: var(--space-13) 0 0; border-bottom: 0; }
.library-masthead-inner, .library-masthead-rule, .library-intro, .resource-section, .library-note { max-width: var(--grid-max); margin: 0 auto; }
.library-breadcrumb { display: flex; gap: var(--space-3); margin: 0 0 var(--space-9); font: 600 var(--text-xs)/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--stone-400); }
.library-breadcrumb a { color: inherit; text-decoration: none; }
.library-breadcrumb a:hover { color: var(--ink); }
.library-masthead h1 em { color: var(--brass); font-style: italic; }
.library-tagline { margin: var(--space-4) 0 0; color: var(--stone-400); font: italic var(--text-md)/1.2 var(--font-editorial); white-space: nowrap; }
.library-intro { display: grid; grid-template-columns: 220px 1fr; gap: var(--space-9); padding: var(--space-12) var(--grid-margin); }
.library-section-label { display: flex; gap: var(--space-5); font: 600 var(--text-xs)/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--stone-400); }
.library-intro-body { max-width: 760px; }
.library-intro h2, .resource-section-head h2, .library-note h2 { margin: 0 0 var(--space-4); font: 500 clamp(2.2rem, 4vw, 3.6rem)/1 var(--font-editorial); letter-spacing: -.035em; }
.library-intro p, .library-note p { max-width: 590px; margin: 0; color: var(--slate); font: var(--text-md)/1.6 var(--font-ui); }
.library-categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-6); margin-top: var(--space-8); border-top: 1px solid var(--stone-200); }
.library-categories a { display: flex; justify-content: space-between; padding: var(--space-4) 0; border-bottom: 1px solid var(--stone-200); color: var(--ink); font: 500 var(--text-md)/1.2 var(--font-ui); text-decoration: none; }
.library-categories a:hover { color: var(--brass); }
.library-categories span { color: var(--stone-400); font: var(--text-xs)/1 var(--font-mono); }
.resource-section { padding: var(--space-11) var(--grid-margin); border-top: 1px solid var(--stone-200); }
.resource-section-head { display: grid; grid-template-columns: 220px 1fr; gap: var(--space-9); margin-bottom: var(--space-7); }
.section-kicker, .resource-status { margin: 0; color: var(--stone-400); font: 600 var(--text-xs)/1.2 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.resource-card { display: grid; grid-template-columns: minmax(220px, .9fr) 1.1fr; min-height: 300px; border: 1px solid var(--stone-200); background: var(--stone-50); }
.resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.resource-grid .resource-card { display: flex; flex-direction: column; min-height: 430px; }
.resource-grid .resource-visual { min-height: 0; aspect-ratio: 4 / 3; }
.resource-grid .resource-copy h3 { font-size: clamp(1.45rem, 2.1vw, 2rem); }
.resource-grid-single { grid-template-columns: minmax(0, 760px); }
.resource-card-muted { display: block; min-height: auto; background: transparent; border-style: dashed; }
.resource-visual { position: relative; min-height: 260px; overflow: hidden; background: var(--slate); color: var(--paper); }
.visual-video { display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 70% 35%, #b8a57a 0 8%, transparent 9%), linear-gradient(135deg, #202a32 0%, #4b5e65 46%, #a88758 100%); }
.visual-video::after { content: ''; position: absolute; inset: 16%; border: 1px solid rgba(242,238,229,.45); transform: rotate(-8deg); }
.visual-index, .visual-caption, .visual-prompt span, .visual-workflow span { position: absolute; font: 600 var(--text-xs)/1 var(--font-mono); letter-spacing: .08em; }
.visual-index { top: var(--space-5); left: var(--space-5); }
.visual-caption { right: var(--space-5); bottom: var(--space-5); }
.visual-mark { position: relative; z-index: 1; font: 3rem/1 var(--font-editorial); color: var(--paper); }
.visual-prompt, .visual-workflow { display: flex; align-items: flex-end; justify-content: flex-end; padding: var(--space-5); background: var(--ink); color: inherit; text-decoration: none; }
.resource-card:first-child .visual-prompt { background-image: url('assets/idea-clarifier.jpg'); background-position: center; background-size: cover; }
.resource-card:nth-child(2) .resource-visual { background-image: url('assets/course-idea-researcher.jpg'); background-position: center; background-size: cover; }
.resource-card:nth-child(3) .resource-visual { background-image: url('assets/course-idea-developer.jpg'); background-position: center; background-size: cover; }
.resource-card:nth-child(4) .resource-visual { background-image: url('assets/video-topic-generator.jpg'); background-position: center; background-size: cover; }
.resource-card:nth-child(5) .resource-visual { background-image: url('assets/short-video-scriptwriter.jpg'); background-position: center; background-size: cover; }
.resource-card:nth-child(6) .resource-visual { background-image: url('assets/creative-project-organizer.jpg'); background-position: center; background-size: cover; }
.visual-prompt strong, .visual-workflow strong { font: 7rem/.75 var(--font-editorial); color: var(--brass); letter-spacing: -.08em; }
.resource-card .visual-prompt > span, .resource-card .visual-workflow > span { top: var(--space-5); left: var(--space-5); padding: 7px 12px; background: var(--brass); color: var(--ink); }
.resource-detail-visual .visual-caption { top: var(--space-5); right: auto; bottom: auto; left: var(--space-5); padding: 7px 12px; background: var(--brass); color: var(--ink); }
.visual-workflow { background: var(--brass); color: var(--ink); }
.visual-workflow strong { color: var(--ink); }
.visual-workflow span { color: rgba(14,17,22,.7); }
.resource-copy { display: flex; flex-direction: column; align-items: flex-start; padding: var(--space-7); }
.resource-copy h3 { margin: var(--space-4) 0 var(--space-3); font: 500 clamp(1.8rem, 3vw, 2.6rem)/1 var(--font-editorial); letter-spacing: -.025em; }
.resource-copy p:not(.resource-status) { max-width: 530px; margin: 0; color: var(--slate); font: var(--text-md)/1.5 var(--font-ui); }
.resource-meta { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-6); }
.resource-meta span { padding: 5px 8px; border: 1px solid var(--stone-200); color: var(--stone-500); font: var(--text-xs)/1 var(--font-mono); }
.resource-link { margin-top: auto; padding-top: var(--space-7); color: var(--ink); font: 600 var(--text-sm)/1 var(--font-ui); text-decoration: none; }
.resource-link span { margin-left: var(--space-2); color: var(--brass); }
.resource-link.is-disabled { color: var(--stone-400); cursor: default; }
.resource-section-compact { padding-top: var(--space-9); padding-bottom: var(--space-9); }
.resource-section-compact .resource-card-muted .resource-copy { padding: var(--space-6); }
.library-note { margin: var(--space-7) auto var(--space-13); padding: var(--space-9) var(--grid-margin); border-top: 1px solid var(--stone-300); }
.library-note h2 { max-width: 650px; margin-top: var(--space-4); }
.resource-detail { max-width: var(--grid-max); margin: 0 auto; padding: var(--space-13) var(--grid-margin); }
.resource-detail-grid { display: grid; grid-template-columns: minmax(260px, .82fr) 1.18fr; gap: var(--space-10); align-items: start; }
.resource-detail-visual { min-height: 430px; background-image: url('assets/idea-clarifier.jpg'); background-position: center; background-size: cover; }
.resource-detail-visual img { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.resource-detail-visual::after { content: ''; position: absolute; inset: 0; z-index: 0; background: rgba(14,17,22,.14); }
.resource-detail-visual > span { z-index: 1; }
.product-visual-pesquisador { background-image: url('assets/course-idea-researcher.jpg'); }
.product-visual-desenvolvedor { background-image: url('assets/course-idea-developer.jpg'); }
.product-visual-pautas { background-image: url('assets/video-topic-generator.jpg'); }
.product-visual-roteirizador { background-image: url('assets/short-video-scriptwriter.jpg'); }
.product-visual-organizador { background-image: url('assets/creative-project-organizer.jpg'); }
.resource-detail-copy { max-width: 680px; }
.resource-detail-copy h1 { margin: var(--space-4) 0 var(--space-5); color: var(--brass); font: 500 clamp(3rem, 6vw, 6.4rem)/.95 var(--font-editorial); letter-spacing: -.05em; }
.resource-detail-copy > p { max-width: 590px; color: var(--slate); font: var(--text-lg)/1.55 var(--font-ui); }
.resource-detail-copy h2 { margin: var(--space-10) 0 var(--space-3); font: 500 clamp(1.8rem, 3vw, 2.8rem)/1 var(--font-editorial); letter-spacing: -.03em; }
.detail-list { display: grid; gap: 0; margin: 0; padding: 0; border-top: 1px solid var(--stone-200); list-style: none; }
.detail-list li { padding: var(--space-4) 0; border-bottom: 1px solid var(--stone-200); color: var(--slate); font: var(--text-md)/1.45 var(--font-ui); }
.detail-list strong { display: block; margin-bottom: var(--space-1); color: var(--ink); font: 600 var(--text-xs)/1.2 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.detail-cta { display: inline-flex; margin-top: var(--space-8); padding: var(--space-4) var(--space-6); background: var(--ink); color: var(--paper); font: 600 var(--text-sm)/1 var(--font-ui); text-decoration: none; }
.detail-cta:hover { background: var(--brass); color: var(--ink); }
.resource-detail-process { margin-top: var(--space-13); padding-top: var(--space-6); border-top: 1px solid var(--stone-300); }
.process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8); margin-top: var(--space-5); }
.process-grid > div { display: grid; gap: var(--space-3); align-content: start; }
.process-grid strong { color: var(--brass); font: 600 var(--text-xs)/1 var(--font-mono); letter-spacing: .08em; }
.process-grid span { max-width: 270px; color: var(--slate); font: var(--text-md)/1.45 var(--font-ui); }
.form-layout, .delivery-layout { max-width: 760px; margin: 0 auto; padding: var(--space-13) var(--grid-margin); }
.form-layout h1, .delivery-layout h1 { max-width: 650px; margin: var(--space-4) 0; font: 500 clamp(3rem, 6vw, 6rem)/.95 var(--font-editorial); letter-spacing: -.05em; }
.form-layout > p, .delivery-layout > p { max-width: 580px; color: var(--slate); font: var(--text-lg)/1.55 var(--font-ui); }
.signup-form { max-width: 560px; margin-top: var(--space-9); padding-top: var(--space-7); border-top: 1px solid var(--stone-300); }
.signup-form label { display: block; margin-bottom: var(--space-2); color: var(--ink); font: 600 var(--text-xs)/1.2 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.signup-form input[type="email"] { width: 100%; padding: var(--space-4) 0; border: 0; border-bottom: 1px solid var(--stone-400); border-radius: 0; outline: 0; background: transparent; color: var(--ink); font: var(--text-lg)/1.2 var(--font-ui); }
.signup-form input[type="email"]:focus { border-bottom-color: var(--brass); }
.consent { display: flex !important; gap: var(--space-3); align-items: flex-start; margin: var(--space-6) 0 0; color: var(--slate) !important; font: var(--text-sm)/1.45 var(--font-ui) !important; letter-spacing: 0 !important; text-transform: none !important; }
.consent input { flex: 0 0 auto; margin-top: 3px; accent-color: var(--brass); }
.privacy-note { margin: var(--space-5) 0 0; color: var(--stone-500); font: var(--text-sm)/1.45 var(--font-ui); }
.privacy-note a, .back-link { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.form-submit { margin-top: var(--space-7); border: 0; cursor: pointer; }
.draft-note { margin-top: var(--space-7); color: var(--stone-500); font: var(--text-xs)/1.5 var(--font-mono); }
.delivery-panel { margin-top: var(--space-9); padding: var(--space-7); border: 1px solid var(--stone-300); background: var(--stone-50); }
.delivery-panel h2 { margin: 0 0 var(--space-3); color: var(--brass); font: 500 clamp(2rem, 4vw, 3.4rem)/1 var(--font-editorial); letter-spacing: -.035em; }
.delivery-panel p { max-width: 560px; margin: 0; color: var(--slate); font: var(--text-md)/1.55 var(--font-ui); }
.delivery-note { margin-top: var(--space-5); color: var(--stone-500); font: var(--text-sm)/1.5 var(--font-ui) !important; }
.back-link { display: inline-block; margin-top: var(--space-8); color: var(--ink); font: 600 var(--text-sm)/1 var(--font-ui); }
@media (max-width: 800px) { .library-masthead, .library-intro, .resource-section { padding-left: var(--space-5); padding-right: var(--space-5); } .library-masthead { padding-top: 128px; } .library-masthead h1 { font-size: clamp(3.5rem, 17vw, 6rem); } .library-masthead-rule { flex-direction: column; gap: var(--space-3); margin-left: var(--space-5); margin-right: var(--space-5); } .library-intro, .resource-section-head { display: block; } .library-section-label, .resource-section-head .section-kicker { margin-bottom: var(--space-6); } .library-categories, .resource-grid { grid-template-columns: 1fr; } .resource-card, .resource-grid .resource-card { display: block; } .resource-visual { min-height: 220px; } .resource-copy { padding: var(--space-6); } .library-note { margin-left: var(--space-5); margin-right: var(--space-5); padding-left: 0; padding-right: 0; } }
@media (max-width: 800px) { .resource-detail, .form-layout, .delivery-layout { padding-left: var(--space-5); padding-right: var(--space-5); } .resource-detail-grid { display: block; } .resource-detail-visual { min-height: 280px; margin-bottom: var(--space-8); } }
@media (max-width: 800px) { .process-grid { grid-template-columns: 1fr; gap: var(--space-5); } }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }