/* ===================================================================== Instituto Descansar Emocional — IDE Visual do site inteiro, fiel à Home aprovada (mesma paleta, fontes, espaçamentos e layout). Todas as regras usam o prefixo .ide (classe aplicada ao pelo tema) para não conflitar com o GeneratePress. ===================================================================== */ /* ---------- 1. Tokens (paleta da Home, com modo escuro automático) ---------- */ :root { --ground:#E7E4E2; --paper:#FFFFFF; --deep:#DAD5D2; --ink:#33191F; --ink-soft:#62575A; --bordo:#5B1F2B; --vinho:#702638; --gold:#B58A3A; --rose:#C9A3A0; --sage:#52665A; --line:#D3CCC9; --on-bordo:#F7F0E8; --bordo-accent:#D9B98A; --title:#5B1F2B; --em:#702638; --btn:#5B1F2B; --btn-hover:#702638; --shadow:0 22px 44px -28px rgba(91,31,43,.45); --serif:'Cormorant Garamond', 'Iowan Old Style', Georgia, serif; --caps:'Cinzel', 'Trajan Pro', Georgia, serif; --sans:'Mulish', 'Segoe UI', system-ui, sans-serif; --ide-leaf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M20 22 C20 14 20 8 20 2' stroke='black' stroke-width='1.2' fill='none'/%3E%3Cpath d='M20 20 C12 20 6 15 4 9 C11 9 17 13 20 20Z M20 20 C28 20 34 15 36 9 C29 9 23 13 20 20Z M20 12 C16 10 15 6 16 2 C19 4 20 8 20 12Z M20 12 C24 10 25 6 24 2 C21 4 20 8 20 12Z' fill='black' opacity='.85'/%3E%3C/svg%3E"); --ide-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --ground:#1C1A1B; --paper:#252224; --deep:#2E2A2C; --ink:#F3E8DE; --ink-soft:#C4B0AC; --bordo:#3E141D; --vinho:#8A3A4C; --gold:#CFA560; --rose:#D8B4B0; --sage:#9DB3A2; --line:#3A3436; --on-bordo:#F3E8DE; --bordo-accent:#D9B98A; --title:#F0DCD4; --em:#D8B4B0; --btn:#C9A3A0; --btn-hover:#D8B4B0; --shadow:0 22px 44px -28px rgba(0,0,0,.7); } :root:not([data-theme="light"]) .ide .ide-btn--primary > .wp-block-button__link, :root:not([data-theme="light"]) .ide a.ide-btn--primary { color:#2A1016; } } :root[data-theme="dark"] { color-scheme: dark; --ground:#1C1A1B; --paper:#252224; --deep:#2E2A2C; --ink:#F3E8DE; --ink-soft:#C4B0AC; --bordo:#3E141D; --vinho:#8A3A4C; --gold:#CFA560; --rose:#D8B4B0; --sage:#9DB3A2; --line:#3A3436; --on-bordo:#F3E8DE; --bordo-accent:#D9B98A; --title:#F0DCD4; --em:#D8B4B0; --btn:#C9A3A0; --btn-hover:#D8B4B0; --shadow:0 22px 44px -28px rgba(0,0,0,.7); } :root[data-theme="dark"] .ide .ide-btn--primary > .wp-block-button__link, :root[data-theme="dark"] .ide a.ide-btn--primary { color:#2A1016; } /* ---------- 2. Base + neutralização do GeneratePress / Gutenberg ---------- */ .ide *, .ide *::before, .ide *::after { box-sizing:border-box; } html { scroll-behavior:smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } .ide *, .ide *::before { animation:none !important; transition:none !important; } } body.ide { margin:0; background:var(--ground); color:var(--ink); font-family:var(--sans); font-size:17px; line-height:1.68; } .ide a { color:inherit; } .ide :focus-visible { outline:2px solid var(--gold); outline-offset:3px; border-radius:4px; } .ide img { max-width:100%; height:auto; } /* O conteúdo das páginas "IDE — Tela cheia" ocupa a largura toda (sem o container do GeneratePress) */ .ide-fullpage .site.grid-container, .ide-fullpage #page { max-width:none !important; width:100%; padding:0 !important; margin:0 !important; background:transparent; } .ide-fullpage .site-content, .ide-fullpage #content { display:block !important; padding:0 !important; } .ide .site-footer { background:transparent; padding:0; } /* Esconde o cabeçalho/rodapé padrão do GeneratePress (o tema usa os da Home) */ .ide .site-header, .ide #site-navigation, .ide .main-navigation:not(.ide-links), .ide #mobile-header, .ide .top-bar, .ide .site-info, .ide .footer-widgets, .ide .generate-back-to-top { display:none !important; } /* Zera margens de blocos para que só o layout da Home decida os espaçamentos */ .ide-main :is(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, details) { margin:0; } .ide-main .is-layout-flow > *, .ide-main .is-layout-constrained > * { margin-block:0; } .ide-main .wp-block-group__inner-container { display:contents; } .ide-main .wp-block-image img { display:block; } .ide .ide-wrap { width:100%; max-width:1140px; margin-inline:auto; padding-inline:clamp(16px, 4vw, 40px); } .ide :is(h1, h2, h3).wp-block-heading, .ide-main :is(h1, h2, h3), .ide .ide-footer :is(h1,h2,h3) { font-family:var(--serif); font-weight:600; line-height:1.1; text-wrap:balance; color:var(--title); letter-spacing:normal; text-transform:none; } .ide .ide-eyebrow { font-family:var(--caps); font-size:.76rem; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); display:flex; align-items:center; gap:14px; line-height:1.68; } .ide .ide-eyebrow::before { content:''; height:1px; width:34px; background:currentColor; opacity:.7; flex:none; } .ide .ide-eyebrow--center { justify-content:center; } .ide .ide-eyebrow--center::after { content:''; height:1px; width:34px; background:currentColor; opacity:.7; flex:none; } .ide .ide-sprig { display:block; margin:0 auto; color:var(--gold); } /* ---------- 3. Botões (bloco "Botão" do WordPress ou link simples) ---------- */ .ide .wp-block-buttons.ide-actions { display:flex; flex-wrap:wrap; gap:12px; } .ide .wp-block-button.ide-btn { margin:0; } .ide :is(a.ide-btn, .ide-btn > .wp-block-button__link) { display:inline-flex; align-items:center; gap:10px; font-family:var(--sans); font-weight:700; font-size:.93rem; line-height:1.4; letter-spacing:.02em; padding:14px 26px; border-radius:999px; text-decoration:none; border:1px solid transparent; transition:transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease; cursor:pointer; box-shadow:none; width:auto; } .ide :is(a.ide-btn, .ide-btn > .wp-block-button__link):hover { transform:translateY(-1px); } .ide :is(a.ide-btn--arrow, .ide-btn--arrow > .wp-block-button__link)::after { content:''; width:16px; height:16px; flex:none; background:currentColor; -webkit-mask:var(--ide-arrow) center/contain no-repeat; mask:var(--ide-arrow) center/contain no-repeat; transition:transform .25s ease; } .ide :is(a.ide-btn--arrow, .ide-btn--arrow > .wp-block-button__link):hover::after { transform:translateX(3px); } .ide :is(a.ide-btn--primary, .ide-btn--primary > .wp-block-button__link) { background:var(--btn); color:var(--on-bordo); } .ide :is(a.ide-btn--primary, .ide-btn--primary > .wp-block-button__link):hover { background:var(--btn-hover); color:var(--on-bordo); } .ide :is(a.ide-btn--ghost, .ide-btn--ghost > .wp-block-button__link) { background:transparent; border-color:var(--gold); color:var(--title); } .ide :is(a.ide-btn--ghost, .ide-btn--ghost > .wp-block-button__link):hover { background:color-mix(in srgb, var(--gold) 12%, transparent); color:var(--title); } .ide :is(a.ide-btn--gold, .ide-btn--gold > .wp-block-button__link) { background:#D9B98A; color:#3E141D; } .ide :is(a.ide-btn--gold, .ide-btn--gold > .wp-block-button__link):hover { background:#E6CBA2; color:#3E141D; } .ide :is(a.ide-btn--lg, .ide-btn--lg > .wp-block-button__link) { padding:17px 32px; font-size:1rem; } /* ---------- 4. Cabeçalho ---------- */ .ide .ide-top { position:sticky; top:env(safe-area-inset-top, 0px); z-index:50; background:color-mix(in srgb, var(--ground) 90%, transparent); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid var(--line); } .admin-bar.ide .ide-top { top:32px; } @media (max-width:782px) { .admin-bar.ide .ide-top { top:0; } } .ide .ide-nav { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:12px; } .ide .ide-brand { display:flex; align-items:center; gap:12px; text-decoration:none; } .ide .ide-brand .ide-mark { font-family:var(--serif); font-weight:600; font-size:2rem; line-height:1; color:var(--title); letter-spacing:-.02em; display:flex; align-items:flex-end; gap:2px; } .ide .ide-brand .ide-mark svg { color:var(--sage); margin-bottom:6px; } .ide .ide-brand .ide-brand-name { font-family:var(--caps); font-size:.7rem; letter-spacing:.16em; line-height:1.35; color:var(--ink-soft); border-left:1px solid var(--gold); padding-left:12px; } .ide .ide-links { display:flex; font-size:.9rem; } .ide .ide-links ul { display:flex; gap:26px; list-style:none; margin:0; padding:0; } .ide .ide-links li { margin:0; } .ide .ide-links a { text-decoration:none; color:var(--ink-soft); position:relative; } .ide .ide-links a::after { content:''; position:absolute; left:0; right:0; bottom:-3px; height:1px; background:var(--gold); transform:scaleX(0); transition:transform .3s ease; transform-origin:left; } .ide .ide-links a:hover, .ide .ide-links .current-menu-item > a { color:var(--title); } .ide .ide-links a:hover::after, .ide .ide-links .current-menu-item > a::after { transform:scaleX(1); } .ide .ide-nav-end { display:flex; align-items:center; gap:10px; } .ide .ide-menu-toggle { display:none; width:44px; height:44px; border-radius:50%; border:1px solid var(--line); background:transparent; color:var(--title); cursor:pointer; padding:0; place-items:center; } .ide .ide-menu-toggle:hover { border-color:var(--gold); background:transparent; color:var(--title); } .ide .ide-menu-toggle span, .ide .ide-menu-toggle span::before, .ide .ide-menu-toggle span::after { display:block; width:18px; height:1.5px; background:currentColor; position:relative; transition:transform .3s ease, background .3s ease; } .ide .ide-menu-toggle span::before, .ide .ide-menu-toggle span::after { content:''; position:absolute; left:0; } .ide .ide-menu-toggle span::before { top:-6px; } .ide .ide-menu-toggle span::after { top:6px; } .ide .ide-top.is-open .ide-menu-toggle span { background:transparent; } .ide .ide-top.is-open .ide-menu-toggle span::before { transform:translateY(6px) rotate(45deg); } .ide .ide-top.is-open .ide-menu-toggle span::after { transform:translateY(-6px) rotate(-45deg); } @media (max-width: 900px) { .ide .ide-links { display:none; } .ide .ide-menu-toggle { display:grid; } .ide .ide-top.is-open .ide-links { display:block; position:absolute; left:0; right:0; top:100%; background:var(--ground); border-bottom:1px solid var(--line); box-shadow:var(--shadow); } .ide .ide-top.is-open .ide-links ul { flex-direction:column; gap:0; max-width:1140px; margin:0 auto; padding:8px clamp(16px, 4vw, 40px) 18px; } .ide .ide-top.is-open .ide-links li a { display:block; padding:12px 0; border-bottom:1px solid var(--line); font-family:var(--serif); font-size:1.3rem; color:var(--title); } .ide .ide-top.is-open .ide-links li a::after { display:none; } } @media (max-width: 480px) { .ide .ide-nav a.ide-btn { padding:10px 16px; font-size:.82rem; white-space:nowrap; } .ide .ide-brand .ide-brand-name { display:none; } } /* ---------- 5. HOME — hero ---------- */ .ide .ide-hero { padding-block:clamp(40px, 7vw, 92px) clamp(56px, 8vw, 104px); position:relative; overflow:hidden; background:linear-gradient(115deg, var(--paper) 0%, var(--paper) 38%, var(--ground) 100%); } .ide .ide-hero::before { content:''; position:absolute; right:-10%; top:-20%; width:60%; aspect-ratio:1; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--rose) 22%, transparent), transparent); pointer-events:none; } .ide .ide-hero-grid { position:relative; display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(28px, 5vw, 72px); align-items:center; } .ide .ide-hero .ide-sign { font-family:var(--caps); font-size:.78rem; letter-spacing:.22em; color:var(--gold); text-transform:uppercase; line-height:1.68; } .ide .ide-hero .ide-sign-sub { font-family:var(--serif); font-style:italic; letter-spacing:0; text-transform:none; font-size:1.08rem; color:var(--sage); margin-top:4px; line-height:1.68; } .ide .ide-hero h1 { font-size:clamp(2.35rem, 5.2vw, 4.1rem); margin:24px 0 22px; letter-spacing:-.005em; font-weight:500; } .ide .ide-hero h1 em { font-style:italic; color:var(--em); } .ide .ide-hero p.ide-lead { font-size:1.12rem; color:var(--ink-soft); max-width:33em; margin:0 0 32px; } .ide .ide-medallion { position:relative; justify-self:center; width:min(440px, 100%); max-width:100%; aspect-ratio:1; border-radius:50%; margin:0; box-shadow:0 0 0 8px var(--paper), 0 30px 60px -30px rgba(91,31,43,.55); } .ide .ide-medallion::before { content:''; position:absolute; inset:-16px; border-radius:50%; border:1px solid var(--gold); opacity:.5; } .ide .ide-medallion::after { content:''; position:absolute; inset:-32px; border-radius:50%; border:1px solid var(--gold); opacity:.18; } .ide .ide-medallion img { width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; } @media (max-width: 860px) { .ide .ide-hero-grid { grid-template-columns:1fr; } .ide .ide-medallion { width:min(320px, 82%); order:-1; margin-top:12px; } } @keyframes ide-rise { from { transform:translateY(14px); opacity:.001; } to { transform:none; opacity:1; } } .ide .ide-rise { animation:ide-rise .9s cubic-bezier(.2,.7,.2,1) both; } .ide .ide-rise-2 { animation-delay:.08s; } .ide .ide-rise-3 { animation-delay:.16s; } .ide .ide-rise-4 { animation-delay:.24s; } /* ---------- 6. Seções ---------- */ .ide .ide-block { padding-block:clamp(64px, 9vw, 120px); } .ide .ide-head { display:grid; gap:16px; margin-bottom:clamp(32px, 5vw, 56px); max-width:40em; } .ide .ide-head h2 { font-size:clamp(2rem, 4.2vw, 3.1rem); } .ide .ide-head p { color:var(--ink-soft); } .ide .ide-head--center { margin-inline:auto; text-align:center; justify-items:center; } /* O que é o IDE */ .ide .ide-about-ide { background:var(--paper); border-block:1px solid var(--line); } .ide .ide-oque-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(28px, 6vw, 88px); align-items:start; } .ide .ide-oque-grid h2 { font-size:clamp(2rem, 4.2vw, 3.1rem); margin-top:16px; } .ide .ide-oque-grid .ide-big { font-family:var(--serif); font-size:clamp(1.35rem, 2.4vw, 1.7rem); line-height:1.4; color:var(--title); margin-bottom:22px; } .ide .ide-text p + p { margin-top:14px; } .ide .ide-text p { color:var(--ink-soft); max-width:36em; } .ide ul.ide-dims { display:flex; flex-wrap:wrap; gap:8px 10px; margin-top:26px; list-style:none; padding:0; } .ide ul.ide-dims li { font-size:.84rem; padding:6px 14px; border-radius:999px; border:1px solid var(--line); background:var(--ground); color:var(--ink); margin:0; line-height:1.68; } @media (max-width: 860px) { .ide .ide-oque-grid { grid-template-columns:1fr; } } /* Pilares */ .ide .ide-pillars { display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .ide .ide-pillars > article, .ide .ide-pillars > .wp-block-group { padding:36px 28px 34px; display:grid; gap:14px; align-content:start; transition:background .3s ease; } .ide .ide-pillars > * + * { border-left:1px solid var(--line); } .ide .ide-pillars > *:hover { background:var(--paper); } .ide .ide-pillars .ide-ic { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; border:1px solid color-mix(in srgb, var(--gold) 55%, transparent); color:var(--em); } .ide .ide-pillars h3 { font-family:var(--caps); font-size:1rem; letter-spacing:.24em; font-weight:600; } .ide .ide-pillars p { color:var(--ink-soft); font-size:.98rem; } .ide .ide-pillars .ide-num { font-family:var(--serif); font-size:2.4rem; line-height:1; color:var(--gold); font-weight:500; } .ide .ide-pillars--weeks h3 { font-family:var(--serif); font-size:1.5rem; letter-spacing:0; text-transform:none; } @media (max-width: 960px) { .ide .ide-pillars { grid-template-columns:1fr 1fr; } .ide .ide-pillars > *:nth-child(3) { border-left:0; } .ide .ide-pillars > *:nth-child(n+3) { border-top:1px solid var(--line); } } @media (max-width: 560px) { .ide .ide-pillars { grid-template-columns:1fr; } .ide .ide-pillars > * + * { border-left:0; border-top:1px solid var(--line); } .ide .ide-pillars > * { padding-inline:4px !important; } } /* Jornada (faixa bordô) */ .ide .ide-jornada { background:var(--bordo); color:var(--on-bordo); position:relative; overflow:hidden; } .ide .ide-jornada::before { content:''; position:absolute; left:-12%; bottom:-40%; width:55%; aspect-ratio:1; border-radius:50%; background:radial-gradient(closest-side, rgba(201,163,160,.18), transparent); pointer-events:none; } .ide .ide-j-grid { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:clamp(36px, 6vw, 88px); align-items:center; } .ide .ide-mock { position:relative; height:clamp(340px, 42vw, 460px); max-width:100%; } .ide .ide-mock .ide-stage { position:absolute; inset:14% 0 0 0; border-radius:50% 50% 18px 18px / 38% 38% 18px 18px; background:linear-gradient(180deg, rgba(231,228,226,.16), rgba(231,228,226,.05)); border:1px solid rgba(217,185,138,.35); } .ide .ide-book { position:absolute; aspect-ratio:3/4.3; border-radius:3px 10px 10px 3px; display:flex; flex-direction:column; padding:22px 18px 20px; font-family:var(--serif); line-height:1.68; } .ide .ide-book.ide-front { width:min(230px, 52%); left:22%; bottom:8%; background:radial-gradient(120% 60% at 50% 0%, #A0525F 0%, #702638 45%, #3E141D 100%); color:#fff; box-shadow:inset 7px 0 0 rgba(0,0,0,.22), 0 0 0 1px rgba(217,185,138,.35), 0 30px 50px -18px rgba(0,0,0,.7); transform:rotate(-3deg); transition:transform .5s cubic-bezier(.2,.7,.2,1); } .ide .ide-book.ide-back { width:min(200px, 45%); left:48%; bottom:14%; background:linear-gradient(165deg, #FBF6F0, #EFE4D8); box-shadow:inset 6px 0 0 rgba(0,0,0,.25), 0 24px 40px -18px rgba(0,0,0,.6); transform:rotate(6deg); transition:transform .5s cubic-bezier(.2,.7,.2,1); } .ide .ide-mock:hover .ide-book.ide-front { transform:rotate(-5deg) translateY(-6px); } .ide .ide-mock:hover .ide-book.ide-back { transform:rotate(9deg) translateX(8px); } .ide .ide-book .k { font-family:var(--caps); font-size:.56rem; letter-spacing:.28em; color:#B58A3A; text-align:center; } .ide .ide-book .rule { height:1px; background:#B58A3A; opacity:.6; margin:10px 18% 0; } .ide .ide-book .t { margin-top:auto; text-align:center; font-size:clamp(1.3rem, 2.4vw, 1.75rem); line-height:.95; font-weight:600; } .ide .ide-book .t em { display:block; font-style:italic; font-weight:500; color:#E3C590; } .ide .ide-book .s { text-align:center; font-size:.72rem; font-style:italic; color:#F2DCD6; margin-top:10px; line-height:1.3; } .ide .ide-book .leaf { color:#D9B98A; margin:14px auto 0; display:block; } .ide .ide-book .foot { font-family:var(--caps); text-align:center; font-size:.5rem; letter-spacing:.3em; color:#D9B98A; margin-top:14px; } .ide .ide-book.ide-back .k { color:#702638; } .ide .ide-book.ide-back .lines { margin-top:auto; display:grid; gap:7px; } .ide .ide-book.ide-back .lines i { display:block; height:1px; background:rgba(91,31,43,.22); } .ide .ide-book.ide-back .lines i:nth-child(odd) { width:80%; } .ide .ide-j-copy .ide-eyebrow { color:var(--bordo-accent); } .ide .ide-j-copy h2, .ide .ide-j-copy h1 { color:var(--on-bordo); font-size:clamp(2.2rem, 4.6vw, 3.4rem); font-weight:500; margin:18px 0 6px; } .ide .ide-j-copy h2 em, .ide .ide-j-copy h1 em { font-style:italic; color:var(--rose); } .ide .ide-j-copy .ide-sub { font-family:var(--serif); font-size:1.35rem; font-style:italic; color:var(--bordo-accent); margin-bottom:22px; line-height:1.4; } .ide .ide-j-copy p.ide-desc { color:color-mix(in srgb, var(--on-bordo) 82%, transparent); max-width:32em; } .ide ul.ide-meta { display:flex; flex-wrap:wrap; gap:0; margin:28px 0 32px; padding:0; list-style:none; border-top:1px solid rgba(217,185,138,.3); } .ide ul.ide-meta li { padding:16px 26px 0 0; margin:0 26px 0 0; font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; color:var(--bordo-accent); line-height:1.68; } .ide ul.ide-meta li + li { padding-left:26px; border-left:1px solid rgba(217,185,138,.3); } .ide ul.ide-meta li strong { display:block; font-family:var(--serif); font-size:2rem; font-weight:500; line-height:1; color:var(--on-bordo); letter-spacing:0; margin-bottom:0; } @media (max-width: 860px) { .ide .ide-j-grid { grid-template-columns:1fr; } .ide .ide-mock { order:-1; } .ide ul.ide-meta li { margin-right:18px; padding-right:18px; } .ide ul.ide-meta li + li { padding-left:18px; } } /* Para quem */ .ide .ide-forwho { background:linear-gradient(180deg, var(--ground), var(--paper)); } .ide .ide-forwho-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(28px, 6vw, 88px); align-items:start; } .ide .ide-forwho-grid .ide-head { position:sticky; top:110px; margin-bottom:0; } .ide ul.ide-who { list-style:none; margin:0; padding:0; } .ide ul.ide-who li { display:grid; grid-template-columns:28px 1fr; gap:18px; align-items:baseline; padding:22px 0; margin:0; border-bottom:1px solid var(--line); font-family:var(--serif); font-size:clamp(1.3rem, 2.4vw, 1.7rem); line-height:1.3; color:var(--title); transition:padding .3s ease; } .ide ul.ide-who li::before { content:''; width:22px; height:14px; background:var(--sage); -webkit-mask:var(--ide-leaf) center/contain no-repeat; mask:var(--ide-leaf) center/contain no-repeat; transform:translateY(2px); } .ide ul.ide-who li:first-child { border-top:1px solid var(--line); } .ide ul.ide-who li:hover { padding-left:8px; } @media (max-width: 860px) { .ide .ide-forwho-grid { grid-template-columns:1fr; } .ide .ide-forwho-grid .ide-head { position:static; } } /* Conteúdos (revista) */ .ide .ide-conteudos { background:var(--paper); border-block:1px solid var(--line); } .ide .ide-conteudos .ide-head { max-width:none; display:flex; justify-content:space-between; align-items:end; gap:20px; flex-wrap:wrap; } .ide .ide-conteudos .ide-head-title { display:grid; gap:14px; } .ide .ide-conteudos .ide-head h2 { font-family:var(--caps); font-weight:500; letter-spacing:.08em; font-size:clamp(1.6rem, 3.4vw, 2.5rem); } .ide .ide-mag { display:grid; grid-template-columns:1.3fr 1fr 1fr; grid-template-rows:auto auto; gap:clamp(16px, 2.4vw, 28px); } .ide .ide-post { display:grid; gap:12px; align-content:start; text-decoration:none; transition:opacity .35s ease; position:relative; } .ide .ide-post .ide-cover { border-radius:14px; aspect-ratio:4/3; max-width:100%; position:relative; overflow:hidden; display:grid; place-items:center; } .ide .ide-post .ide-cover svg { width:44%; height:auto; transition:transform .6s cubic-bezier(.2,.7,.2,1); } .ide .ide-post:hover .ide-cover svg { transform:scale(1.06) rotate(-2deg); } .ide .ide-post .ide-cat { font-family:var(--caps); font-size:.68rem; letter-spacing:.24em; color:var(--gold); text-transform:uppercase; } .ide .ide-post h3 { font-size:1.4rem; line-height:1.2; } .ide .ide-post h3 a { text-decoration:none; color:inherit; } .ide .ide-post h3 a::after { content:''; position:absolute; inset:0; } .ide .ide-post:hover h3 { color:var(--em); } .ide .ide-post p { color:var(--ink-soft); font-size:.95rem; } .ide .ide-post.ide-lead-post { grid-row:span 2; } .ide .ide-post.ide-lead-post .ide-cover { aspect-ratio:4/4.4; } .ide .ide-post.ide-lead-post h3 { font-size:clamp(1.7rem, 2.8vw, 2.2rem); } .ide .c1 { background:linear-gradient(160deg, #702638, #5B1F2B); color:#D9B98A; } .ide .c2 { background:#E9DCCB; color:#52665A; } .ide .c3 { background:#C9A3A0; color:#5B1F2B; } .ide .c4 { background:#52665A; color:#F7F0E8; } .ide .c5 { background:#EFE4D8; color:#B58A3A; } .ide .ide-cats { display:flex; flex-wrap:wrap; gap:8px; } .ide .ide-cats :is(button, a) { font:inherit; font-family:var(--sans); font-size:.84rem; line-height:1.5; padding:7px 15px; border-radius:999px; border:1px solid var(--line); background:var(--ground); color:var(--ink); cursor:pointer; transition:all .25s ease; text-decoration:none; } .ide .ide-cats :is(button, a):hover { border-color:var(--gold); background:var(--ground); color:var(--ink); } .ide .ide-cats button[aria-pressed="true"], .ide .ide-cats a.is-active { background:var(--btn); border-color:var(--btn); color:var(--on-bordo); } :root[data-theme="dark"] .ide .ide-cats button[aria-pressed="true"] { color:#2A1016; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ide .ide-cats button[aria-pressed="true"], :root:not([data-theme="light"]) .ide .ide-cats a.is-active { color:#2A1016; } } .ide .ide-post.dim { opacity:.28; } .ide .ide-soon { margin-top:26px; font-size:.86rem; color:var(--ink-soft); font-style:italic; } @media (max-width: 900px) { .ide .ide-mag { grid-template-columns:1fr 1fr; } .ide .ide-post.ide-lead-post { grid-column:span 2; grid-row:auto; } .ide .ide-post.ide-lead-post .ide-cover { aspect-ratio:16/9; } } @media (max-width: 560px) { .ide .ide-mag { grid-template-columns:1fr; } .ide .ide-post.ide-lead-post { grid-column:auto; } } /* Quem conduz (Priscila) */ .ide .ide-priscila-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(28px, 6vw, 88px); align-items:center; } .ide .ide-portrait { aspect-ratio:4/5; max-width:100%; border-radius:220px 220px 20px 20px; background:linear-gradient(170deg, var(--deep), color-mix(in srgb, var(--rose) 45%, var(--deep))); position:relative; overflow:hidden; display:grid; place-items:center; } .ide .ide-portrait::before { content:''; position:absolute; inset:14px; border-radius:210px 210px 12px 12px; border:1px solid color-mix(in srgb, var(--gold) 60%, transparent); pointer-events:none; z-index:1; } .ide .ide-portrait img { width:100%; height:100%; object-fit:cover; } .ide .ide-portrait .ph { text-align:center; display:grid; gap:10px; justify-items:center; color:var(--title); padding:24px; } .ide .ide-portrait .ph b { font-family:var(--serif); font-size:4.2rem; font-weight:500; line-height:1; } .ide .ide-portrait .ph small { font-family:var(--caps); font-size:.66rem; letter-spacing:.28em; color:var(--ink-soft); } .ide .ide-priscila-grid h2 { font-size:clamp(2rem, 4.2vw, 3rem); margin:16px 0 4px; } .ide .ide-priscila-grid .ide-role { font-family:var(--serif); font-style:italic; font-size:1.3rem; color:var(--em); margin-bottom:22px; line-height:1.4; } .ide .ide-priscila-grid p.ide-bio { color:var(--ink-soft); max-width:36em; } .ide .ide-priscila-grid p.ide-bio + p.ide-bio { margin-top:14px; } .ide ul.ide-creds { list-style:none; margin:26px 0 0; padding:0; display:grid; gap:0; max-width:36em; } .ide ul.ide-creds li { display:grid; grid-template-columns:22px 1fr; gap:14px; padding:13px 0; margin:0; border-top:1px solid var(--line); font-size:.96rem; } .ide ul.ide-creds li::before { content:''; width:7px; height:7px; margin-top:.62em; background:var(--gold); transform:rotate(45deg); justify-self:center; } @media (max-width: 860px) { .ide .ide-priscila-grid { grid-template-columns:1fr; } .ide .ide-portrait { max-width:340px; } } /* Contato */ .ide .ide-contact { text-align:center; padding-top:0; } .ide .ide-contact--top { padding-top:clamp(64px, 9vw, 120px); } .ide .ide-contact .ide-box { box-shadow:0 24px 50px -34px rgba(91,31,43,.35); border:1px solid var(--line); border-radius:24px; padding:clamp(32px, 6vw, 64px) clamp(20px, 5vw, 64px); background:var(--paper); display:grid; gap:18px; justify-items:center; } .ide .ide-contact h2 { font-size:clamp(2rem, 4vw, 2.8rem); } .ide .ide-contact p { color:var(--ink-soft); max-width:34em; } .ide .ide-channels { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 14px; margin-top:8px; } .ide .ide-chan { display:flex; align-items:center; gap:10px; padding:10px 10px 10px 18px; border:1px solid var(--line); border-radius:999px; background:var(--ground); font-size:.92rem; max-width:100%; text-decoration:none; } .ide .ide-chan--plain { padding-right:18px; } .ide .ide-chan small { font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); } .ide .ide-chan strong { font-weight:700; overflow-wrap:anywhere; } .ide .ide-copy { font:inherit; font-family:var(--sans); font-size:.76rem; font-weight:700; background:none; border:1px solid var(--line); color:var(--ink); border-radius:999px; padding:5px 12px; cursor:pointer; line-height:1.5; } .ide .ide-copy:hover { border-color:var(--gold); background:none; color:var(--ink); } /* ---------- 7. Rodapé ---------- */ .ide .ide-footer { background:var(--bordo); color:var(--on-bordo); padding-block:56px 36px; font-size:.9rem; line-height:1.68; } .ide .ide-foot-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:36px; align-items:start; } .ide .ide-foot-brand { display:grid; gap:10px; } .ide .ide-foot-brand .m { font-family:var(--serif); font-size:3rem; line-height:1; color:var(--on-bordo); } .ide .ide-foot-brand .n { font-family:var(--caps); letter-spacing:.2em; font-size:.8rem; } .ide .ide-foot-brand .s { font-family:var(--serif); font-style:italic; font-size:1.15rem; color:var(--bordo-accent); } .ide .ide-footer nav ul { display:grid; grid-template-columns:1fr 1fr; gap:10px 28px; list-style:none; margin:0; padding:0; } .ide .ide-footer nav li { margin:0; } .ide .ide-footer nav a { text-decoration:none; opacity:.85; color:var(--on-bordo); } .ide .ide-footer nav a:hover { opacity:1; color:var(--bordo-accent); } .ide .ide-footer .ide-legal-note { margin-top:40px; padding-top:22px; border-top:1px solid rgba(217,185,138,.28); font-size:.78rem; opacity:.78; line-height:1.6; } @media (max-width: 640px) { .ide .ide-foot-grid { grid-template-columns:1fr; } } /* ===================================================================== 8. PÁGINAS INTERNAS (Sobre, Jornadas, Conteúdos, Contato, Jurídicas) ===================================================================== */ .ide .ide-page-hero { padding-block:clamp(56px, 8vw, 104px) clamp(48px, 7vw, 88px); position:relative; overflow:hidden; background:linear-gradient(115deg, var(--paper) 0%, var(--paper) 38%, var(--ground) 100%); border-bottom:1px solid var(--line); } .ide .ide-page-hero::before { content:''; position:absolute; right:-10%; top:-30%; width:55%; aspect-ratio:1; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--rose) 22%, transparent), transparent); pointer-events:none; } .ide .ide-page-hero > .ide-wrap { position:relative; display:grid; gap:0; } .ide .ide-page-hero h1 { font-size:clamp(2.35rem, 5vw, 3.9rem); font-weight:500; margin:22px 0 18px; max-width:15em; letter-spacing:-.005em; } .ide .ide-page-hero h1 em { font-style:italic; color:var(--em); } .ide .ide-page-hero p.ide-lead { font-size:1.12rem; color:var(--ink-soft); max-width:36em; } /* Texto corrido (Sobre) */ .ide .ide-prose { max-width:44em; } .ide .ide-prose p { color:var(--ink-soft); } .ide .ide-prose p + p { margin-top:14px; } .ide .ide-note { margin-top:26px; padding:18px 22px; border-left:2px solid var(--gold); background:color-mix(in srgb, var(--gold) 7%, transparent); color:var(--ink-soft); font-size:.95rem; border-radius:0 12px 12px 0; } /* Citação em destaque */ .ide .ide-quote { background:var(--bordo); color:var(--on-bordo); text-align:center; position:relative; overflow:hidden; } .ide .ide-quote::before { content:''; position:absolute; right:-12%; top:-40%; width:50%; aspect-ratio:1; border-radius:50%; background:radial-gradient(closest-side, rgba(201,163,160,.18), transparent); pointer-events:none; } .ide .ide-quote > .ide-wrap { position:relative; display:grid; gap:22px; justify-items:center; } .ide .ide-quote p.ide-quote-text { font-family:var(--serif); font-style:italic; font-size:clamp(1.6rem, 3.4vw, 2.4rem); line-height:1.3; max-width:24em; color:var(--on-bordo); } .ide .ide-quote .ide-eyebrow { color:var(--bordo-accent); } .ide .ide-quote .ide-sprig { color:var(--bordo-accent); } /* Catálogo de Jornadas */ .ide .ide-catalog { display:grid; grid-template-columns:repeat(3, 1fr); gap:clamp(16px, 2.4vw, 28px); } .ide .ide-card { background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:28px 26px 30px; display:grid; gap:12px; align-content:start; transition:transform .3s ease, box-shadow .3s ease; } .ide .ide-card:hover { transform:translateY(-3px); box-shadow:var(--shadow); } .ide .ide-card .ide-card-tag { font-family:var(--caps); font-size:.66rem; letter-spacing:.24em; color:var(--gold); text-transform:uppercase; } .ide .ide-card h3 { font-size:1.55rem; line-height:1.15; } .ide .ide-card h3 em { font-style:italic; color:var(--em); } .ide .ide-card p { color:var(--ink-soft); font-size:.96rem; } .ide .ide-card .ide-card-ic { width:48px; height:48px; border-radius:50%; display:grid; place-items:center; border:1px solid color-mix(in srgb, var(--gold) 55%, transparent); color:var(--em); margin-bottom:6px; } .ide .ide-card--soon { background:transparent; border-style:dashed; } .ide .ide-card--soon:hover { transform:none; box-shadow:none; } .ide .ide-card .ide-card-soon { font-size:.8rem; font-style:italic; color:var(--sage); } @media (max-width: 900px) { .ide .ide-catalog { grid-template-columns:1fr 1fr; } } @media (max-width: 560px) { .ide .ide-catalog { grid-template-columns:1fr; } } /* Conteúdos — lista dinâmica de posts (bloco Loop de Consulta) */ .ide .ide-query .wp-block-post-template { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:clamp(16px, 2.4vw, 28px); list-style:none; margin:0; padding:0; } .ide .ide-query .wp-block-post-template > li { display:grid; gap:12px; align-content:start; margin:0; position:relative; } .ide .ide-query .wp-block-post-template > li:first-child { grid-row:span 2; } .ide .ide-query .wp-block-post-featured-image { margin:0; border-radius:14px; overflow:hidden; aspect-ratio:4/3; background:linear-gradient(160deg, #702638, #5B1F2B); } .ide .ide-query .wp-block-post-template > li:first-child .wp-block-post-featured-image { aspect-ratio:4/4.4; } .ide .ide-query .wp-block-post-featured-image img { width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1); } .ide .ide-query li:hover .wp-block-post-featured-image img { transform:scale(1.04); } .ide .ide-query .wp-block-post-terms { font-family:var(--caps); font-size:.68rem; letter-spacing:.24em; color:var(--gold); text-transform:uppercase; } .ide .ide-query .wp-block-post-terms a { text-decoration:none; color:var(--gold); } .ide .ide-query .wp-block-post-title { font-family:var(--serif); font-size:1.4rem; line-height:1.2; color:var(--title); margin:0; } .ide .ide-query .wp-block-post-template > li:first-child .wp-block-post-title { font-size:clamp(1.7rem, 2.8vw, 2.2rem); } .ide .ide-query .wp-block-post-title a { text-decoration:none; color:inherit; } .ide .ide-query li:hover .wp-block-post-title { color:var(--em); } .ide .ide-query .wp-block-post-excerpt { color:var(--ink-soft); font-size:.95rem; margin:0; } .ide .ide-query .wp-block-post-excerpt__excerpt { margin:0; } .ide .ide-query .wp-block-post-excerpt__more-text { margin-top:8px; } .ide .ide-query .wp-block-post-excerpt__more-link { color:var(--em); font-weight:700; font-size:.88rem; } .ide .ide-query .wp-block-post-date { font-size:.8rem; color:var(--ink-soft); } .ide .ide-query .wp-block-query-pagination { margin-top:40px; gap:14px; justify-content:center; font-family:var(--sans); } .ide .ide-query .wp-block-query-pagination a { color:var(--title); } .ide .ide-query .wp-block-query-no-results p { color:var(--ink-soft); font-style:italic; } @media (max-width: 900px) { .ide .ide-query .wp-block-post-template { grid-template-columns:1fr 1fr; } .ide .ide-query .wp-block-post-template > li:first-child { grid-column:span 2; grid-row:auto; } .ide .ide-query .wp-block-post-template > li:first-child .wp-block-post-featured-image { aspect-ratio:16/9; } } @media (max-width: 560px) { .ide .ide-query .wp-block-post-template { grid-template-columns:1fr; } .ide .ide-query .wp-block-post-template > li:first-child { grid-column:auto; } } /* Páginas jurídicas */ .ide .ide-legal-wrap { padding-block:clamp(48px, 7vw, 96px); } .ide .ide-legal-card { max-width:820px; margin-inline:auto; background:var(--paper); border:1px solid var(--line); border-radius:24px; padding:clamp(28px, 5vw, 60px); box-shadow:0 24px 50px -34px rgba(91,31,43,.35); } .ide .ide-legal-card h2 { font-size:clamp(1.5rem, 2.6vw, 1.9rem); margin:36px 0 12px; } .ide .ide-legal-card h2:first-child { margin-top:0; } .ide .ide-legal-card p, .ide .ide-legal-card li { color:var(--ink-soft); } .ide .ide-legal-card p + p { margin-top:12px; } .ide .ide-legal-card ul { margin:10px 0 0; padding-left:1.2em; } .ide .ide-legal-card li + li { margin-top:6px; } .ide .ide-legal-card a { color:var(--em); } .ide .ide-legal-card .ide-updated { font-size:.85rem; font-style:italic; margin-bottom:24px; } /* 9. (a página de vendas tem paleta própria — ver seção 11) */ /* Barra fixa (celular) */ .ide .ide-sticky { position:fixed; left:0; right:0; bottom:0; z-index:40; display:none; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px)); background:color-mix(in srgb, var(--paper) 94%, transparent); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-top:1px solid var(--line); box-shadow:0 -12px 30px -20px rgba(91,31,43,.4); } .ide .ide-sticky .ide-sticky-price { font-family:var(--serif); font-size:1.25rem; color:var(--title); line-height:1.1; } .ide .ide-sticky .ide-sticky-price small { display:block; font-family:var(--sans); font-size:.7rem; color:var(--ink-soft); letter-spacing:.06em; } .ide .ide-sticky .ide-btn > .wp-block-button__link { padding:11px 20px; font-size:.86rem; white-space:nowrap; } @media (max-width: 760px) { .ide .ide-sticky.is-visible { display:flex; } body.ide.ide-has-sticky { padding-bottom:76px; } } /* ===================================================================== 10. Posts, arquivos e demais páginas do GeneratePress ===================================================================== */ body.ide:not(.ide-fullpage) .site.grid-container { max-width:1140px; background:transparent; } body.ide:not(.ide-fullpage) .site-content { padding-block:clamp(40px, 6vw, 80px); } .ide .inside-article, .ide .separate-containers .inside-article, .ide .one-container .container, .ide .separate-containers .page-header, .ide .comments-area, .ide .inside-page-header { background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:24px; } .ide .inside-article { padding:clamp(28px, 5vw, 60px); } .ide .entry-header .entry-title, .ide .page-header .page-title { font-family:var(--serif); font-weight:500; color:var(--title); font-size:clamp(2rem, 4.4vw, 3.1rem); line-height:1.1; } .ide .entry-title a { color:var(--title); text-decoration:none; } .ide .entry-title a:hover { color:var(--em); } .ide .entry-meta, .ide .entry-meta a, .ide .cat-links a, .ide .tags-links a { color:var(--gold); font-family:var(--caps); font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; text-decoration:none; } .ide .entry-content { color:var(--ink); } .ide .entry-content p { color:var(--ink-soft); } .ide .entry-content :is(h2, h3, h4) { font-family:var(--serif); color:var(--title); font-weight:600; line-height:1.15; } .ide .entry-content a { color:var(--em); } .ide .entry-content blockquote { border-left:2px solid var(--gold); font-family:var(--serif); font-style:italic; font-size:1.3rem; color:var(--title); background:transparent; } .ide .post-image img, .ide .featured-image img { border-radius:14px; } .ide .read-more, .ide .paging-navigation a, .ide .nav-links a { color:var(--em); font-weight:700; } .ide .site-main > * { margin-bottom:28px; } .ide button:not(.ide-menu-toggle):not(.ide-copy):not([data-cat]), .ide input[type="submit"] { background:var(--btn); color:var(--on-bordo); border-radius:999px; font-family:var(--sans); font-weight:700; } .ide input[type="text"], .ide input[type="email"], .ide input[type="url"], .ide input[type="search"], .ide textarea { background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:12px; } .ide .widget-area .widget { background:var(--paper); border:1px solid var(--line); border-radius:20px; } /* ===================================================================== 11. PÁGINA DE VENDAS "COMEÇA EM MIM" — paleta própria "Amanhecer" Só a apresentação do e-book fica em vinho (liga com o e-book); o resto da página usa uma paleta de lançamento, diferente do site institucional. ===================================================================== */ .ide .ide-cm { --cm-bg:#FFF9F4; --cm-blush:#FCEEE6; --cm-peach:#F6D5C4; --cm-coral:#D65F48; --cm-coral-d:#B8472F; --cm-teal:#1E4D4A; --cm-teal-2:#2A6460; --cm-mint:#E6F1ED; --cm-honey:#E3A64B; --cm-ink:#2A1F22; --cm-soft:#6B5E60; --cm-line:#EFE1D8; --cm-wine:#5B1F2B; color-scheme:light; background:var(--cm-bg); color:var(--cm-ink); } .ide .ide-cm :is(h1,h2,h3) { color:var(--cm-ink); } .ide .ide-cm h2 { font-size:clamp(1.9rem, 3.8vw, 2.8rem); font-weight:500; line-height:1.12; } .ide .ide-cm h2 em { font-style:italic; color:var(--cm-coral); } .ide .ide-cm .ide-cm-center { text-align:center; margin-inline:auto; } .ide .ide-cm .ide-cm-sec { padding-block:clamp(56px, 8vw, 96px); } .ide .ide-cm .ide-cm-label { font-family:var(--sans); font-weight:700; font-size:.74rem; letter-spacing:.22em; text-transform:uppercase; color:var(--cm-coral); margin-bottom:14px; } .ide .ide-cm .ide-cm-label--center { text-align:center; } .ide .ide-cm .ide-cm-sub { color:var(--cm-soft); max-width:34em; margin-top:12px; } /* Botões da página de vendas (coral) */ .ide .ide-cm .ide-cm-btn { margin:0; } .ide .ide-cm .ide-cm-btn > .wp-block-button__link { display:inline-flex; align-items:center; justify-content:center; gap:10px; font-family:var(--sans); font-weight:700; font-size:.98rem; letter-spacing:.01em; padding:16px 30px; border-radius:14px; border:2px solid var(--cm-coral); background:var(--cm-coral); color:#fff; text-decoration:none; box-shadow:0 14px 28px -14px rgba(214,95,72,.7); transition:transform .2s ease, background .2s ease, box-shadow .2s ease; } .ide .ide-cm .ide-cm-btn > .wp-block-button__link:hover { background:var(--cm-coral-d); border-color:var(--cm-coral-d); transform:translateY(-2px); color:#fff; } .ide .ide-cm .ide-cm-btn--outline > .wp-block-button__link { background:#fff; color:var(--cm-coral-d); box-shadow:none; } .ide .ide-cm .ide-cm-btn--outline > .wp-block-button__link:hover { background:var(--cm-blush); color:var(--cm-coral-d); } .ide .ide-cm .ide-cm-btn--light > .wp-block-button__link { background:#F4B9A6; border-color:#F4B9A6; color:#3E141D; box-shadow:0 16px 30px -14px rgba(0,0,0,.55); } .ide .ide-cm .ide-cm-btn--light > .wp-block-button__link:hover { background:#FFD2C3; border-color:#FFD2C3; color:#3E141D; } /* 1. Apresentação (vinho — ligação com o e-book) */ .ide .ide-cm-hero { background:radial-gradient(120% 90% at 85% 10%, #7A2E40 0%, #5B1F2B 45%, #3E141D 100%); color:#F7F0E8; padding-block:clamp(48px, 7vw, 88px); position:relative; overflow:hidden; } .ide .ide-cm-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px, 5vw, 64px); align-items:center; } .ide .ide-cm-hero .ide-cm-kicker { display:inline-block; font-family:var(--sans); font-weight:700; font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:#FFD2C3; border:1px solid rgba(255,210,195,.45); border-radius:999px; padding:6px 14px; } .ide .ide-cm-hero h1 { color:#fff; font-size:clamp(3rem, 7vw, 5.2rem); font-weight:500; line-height:1; margin:22px 0 18px; } .ide .ide-cm-hero h1 em { display:block; font-style:italic; color:#F4B9A6; } .ide .ide-cm-hero .ide-cm-lead { font-size:1.18rem; color:rgba(247,240,232,.88); max-width:28em; margin-bottom:28px; } .ide .ide-cm-hero .ide-cm-hero-note { margin-top:14px; font-size:.84rem; color:rgba(247,240,232,.6); } @media (max-width: 860px) { .ide .ide-cm-hero-grid { grid-template-columns:1fr; } .ide .ide-cm-hero .ide-mock { order:-1; height:300px; } } /* 2. Faixa de números */ .ide .ide-cm-strip { background:var(--cm-blush); border-bottom:1px solid var(--cm-line); } .ide ul.ide-cm-facts { list-style:none; margin:0; padding:22px 0; display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; } .ide ul.ide-cm-facts li { margin:0; text-align:center; font-size:.82rem; letter-spacing:.06em; color:var(--cm-soft); line-height:1.3; } .ide ul.ide-cm-facts li + li { border-left:1px solid var(--cm-peach); } .ide ul.ide-cm-facts li strong { display:block; font-family:var(--serif); font-size:2.3rem; font-weight:600; color:var(--cm-coral); line-height:1; margin-bottom:4px; } @media (max-width: 560px) { .ide ul.ide-cm-facts { grid-template-columns:1fr 1fr; row-gap:18px; } .ide ul.ide-cm-facts li:nth-child(3) { border-left:0; } } /* 3. Para você que… */ .ide .ide-cm-intro-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px, 6vw, 80px); align-items:center; } .ide ul.ide-cm-ticks { list-style:none; margin:0; padding:0; display:grid; gap:12px; } .ide ul.ide-cm-ticks li { margin:0; position:relative; padding:14px 18px 14px 52px; background:#fff; border:1px solid var(--cm-line); border-radius:14px; color:var(--cm-ink); } .ide ul.ide-cm-ticks li::before { content:'✓'; position:absolute; left:14px; top:50%; transform:translateY(-50%); width:26px; height:26px; border-radius:50%; background:var(--cm-mint); color:var(--cm-teal); display:grid; place-items:center; font-weight:700; font-size:.85rem; } @media (max-width: 860px) { .ide .ide-cm-intro-grid { grid-template-columns:1fr; } } /* 4. O caminho */ .ide .ide-cm-path { background:var(--cm-mint); } .ide ol.ide-cm-weeks { list-style:none; counter-reset:cmw; margin:40px 0 0; padding:0; display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; position:relative; } .ide ol.ide-cm-weeks li { counter-increment:cmw; margin:0; background:#fff; border-radius:18px; padding:26px 22px; color:var(--cm-soft); font-size:.95rem; box-shadow:0 18px 36px -28px rgba(30,77,74,.6); position:relative; } .ide ol.ide-cm-weeks li::before { content:'Semana ' counter(cmw); display:block; font-family:var(--sans); font-weight:700; font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; color:var(--cm-teal-2); margin-bottom:10px; } .ide ol.ide-cm-weeks li strong { display:block; font-family:var(--serif); font-size:1.45rem; line-height:1.15; color:var(--cm-ink); font-weight:600; margin-bottom:6px; } .ide .ide-cm .ide-cm-orar { margin:28px auto 0; text-align:center; max-width:40em; color:var(--cm-teal); background:rgba(255,255,255,.6); border:1px dashed rgba(30,77,74,.35); border-radius:999px; padding:12px 22px; font-size:.95rem; } @media (max-width: 900px) { .ide ol.ide-cm-weeks { grid-template-columns:1fr 1fr; } } @media (max-width: 520px) { .ide ol.ide-cm-weeks { grid-template-columns:1fr; } .ide .ide-cm .ide-cm-orar { border-radius:16px; } } /* 5. Quadro da oferta (ordem do checkout Kiwify) */ .ide .ide-cm-offer { background:linear-gradient(180deg, var(--cm-bg) 0%, var(--cm-blush) 100%); scroll-margin-top:80px; } .ide .ide-cm-board { max-width:860px; margin:40px auto 0; background:#fff; border-radius:26px; border:1px solid var(--cm-line); box-shadow:0 40px 80px -50px rgba(42,31,34,.55); overflow:hidden; } .ide .ide-cm .ide-cm-board-head { background:var(--cm-teal); color:#fff; font-family:var(--sans); font-weight:700; font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; padding:14px 28px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; } .ide .ide-cm .ide-cm-board-head span { font-weight:500; letter-spacing:.08em; text-transform:none; color:#BFE0D6; font-size:.82rem; } .ide .ide-cm-row { display:grid; grid-template-columns:64px 1fr auto; gap:20px; align-items:center; padding:20px 28px; border-bottom:1px solid var(--cm-line); } .ide .ide-cm-row--star { background:linear-gradient(90deg, #FFF4E3, #FFFBF5); border-left:4px solid var(--cm-honey); padding-left:24px; border-bottom:0; } .ide .ide-cm-row h3 { font-family:var(--serif); font-size:1.35rem; line-height:1.15; font-weight:600; } .ide .ide-cm-row p { color:var(--cm-soft); font-size:.92rem; line-height:1.5; } .ide .ide-cm .ide-cm-tag { font-family:var(--sans); font-weight:700; font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; color:var(--cm-teal-2); margin-bottom:2px; } .ide .ide-cm-row--star .ide-cm-tag { color:#A86F12; } .ide .ide-cm-row--bump .ide-cm-tag { color:var(--cm-coral); } .ide .ide-cm .ide-cm-price { font-family:var(--serif); font-size:1.9rem; font-weight:600; color:var(--cm-ink); white-space:nowrap; line-height:1; text-align:right; } .ide .ide-cm-row--star .ide-cm-price { color:var(--cm-coral); font-size:2.2rem; } .ide .ide-cm-row--bump .ide-cm-price { font-size:1.55rem; color:var(--cm-coral-d); } .ide .ide-cm-thumb { width:64px; height:80px; display:grid; place-items:center; } .ide .ide-cm-thumb .ide-minibook { width:54px; padding:6px 4px; transform:rotate(-4deg); } .ide .ide-cm-thumb .ide-minibook .t { font-size:.5rem; } .ide .ide-cm-thumb .ide-minibook--stack { box-shadow:inset 4px 0 0 rgba(0,0,0,.22), 5px -4px 0 -1px #F3E6D8, 10px -8px 0 -2px #E3A64B, 0 14px 22px -12px rgba(0,0,0,.55); } .ide ul.ide-cm-bonus { list-style:none; margin:0; padding:4px 28px 18px 112px; background:linear-gradient(90deg, #FFF4E3, #FFFBF5); border-left:4px solid var(--cm-honey); border-bottom:1px solid var(--cm-line); display:grid; gap:0; } .ide ul.ide-cm-bonus li { margin:0; display:block; position:relative; padding:10px 96px 10px 0; border-top:1px dashed #EAD3B0; font-size:.9rem; color:var(--cm-soft); } .ide ul.ide-cm-bonus li strong { color:var(--cm-ink); } .ide ul.ide-cm-bonus li em { position:absolute; right:0; top:9px; font-style:normal; font-family:var(--sans); font-weight:700; font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--cm-teal); background:var(--cm-mint); border-radius:999px; padding:4px 10px; } .ide .ide-cm-cta { background:var(--cm-teal); padding:28px; display:grid; gap:14px; justify-items:center; } .ide .ide-cm .ide-cm-cta-buttons { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; } .ide .ide-cm .ide-cm-cta .ide-cm-btn--outline > .wp-block-button__link { background:transparent; color:#fff; border-color:rgba(255,255,255,.55); } .ide .ide-cm .ide-cm-cta .ide-cm-btn--outline > .wp-block-button__link:hover { background:rgba(255,255,255,.1); color:#fff; } .ide .ide-cm .ide-cm-safe { color:#BFE0D6; font-size:.84rem; text-align:center; } @media (max-width: 620px) { .ide .ide-cm-row { grid-template-columns:48px 1fr; padding:18px 18px; gap:14px; } .ide .ide-cm-row--star { padding-left:14px; } .ide .ide-cm .ide-cm-price { grid-column:2; text-align:left; } .ide .ide-cm-thumb { width:48px; height:64px; } .ide .ide-cm-thumb .ide-minibook { width:44px; } .ide ul.ide-cm-bonus { padding:4px 18px 16px 18px; } .ide ul.ide-cm-bonus li { padding-right:0; } .ide ul.ide-cm-bonus li em { position:static; display:inline-block; margin-left:6px; } .ide .ide-cm .ide-cm-board-head { padding:12px 18px; } .ide .ide-cm .ide-cm-cta-buttons, .ide .ide-cm .ide-cm-cta-buttons .ide-cm-btn, .ide .ide-cm .ide-cm-cta-buttons .wp-block-button__link { width:100%; } } /* 6. Autora + perguntas */ .ide .ide-cm-faq { background:#fff; border-block:1px solid var(--cm-line); } .ide .ide-cm-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(24px, 5vw, 64px); align-items:start; } .ide .ide-cm-author { background:var(--cm-blush); border-radius:22px; padding:28px; display:grid; gap:8px; } .ide .ide-cm-author h3 { font-size:1.7rem; } .ide .ide-cm-author p:not(.ide-cm-label) { color:var(--cm-soft); font-size:.94rem; } .ide .ide-cm-questions details { border-bottom:1px solid var(--cm-line); } .ide .ide-cm-questions summary { cursor:pointer; list-style:none; padding:18px 40px 18px 0; font-family:var(--serif); font-size:1.3rem; color:var(--cm-ink); position:relative; } .ide .ide-cm-questions summary::-webkit-details-marker { display:none; } .ide .ide-cm-questions summary::after { content:'+'; position:absolute; right:4px; top:50%; transform:translateY(-50%); width:28px; height:28px; border-radius:50%; background:var(--cm-blush); color:var(--cm-coral); display:grid; place-items:center; font-family:var(--sans); font-size:1.1rem; transition:transform .3s ease; } .ide .ide-cm-questions details[open] summary::after { transform:translateY(-50%) rotate(45deg); } .ide .ide-cm-questions details > :not(summary) { padding:0 0 18px; color:var(--cm-soft); } @media (max-width: 860px) { .ide .ide-cm-faq { background:#fff; border-block:1px solid var(--cm-line); } .ide .ide-cm-faq-grid { grid-template-columns:1fr; } } /* Barra fixa no celular (paleta da página de vendas) */ .ide .ide-cm .ide-cm-sticky { background:rgba(255,249,244,.96); border-top-color:var(--cm-line); } .ide .ide-cm .ide-cm-sticky .ide-sticky-price { color:var(--cm-ink); } .ide .ide-cm .ide-cm-sticky .ide-cm-btn > .wp-block-button__link { padding:11px 18px; font-size:.86rem; } /* Mini capas dos e-books (quadro da oferta) */ .ide .ide-minibook { aspect-ratio:3/4.3; border-radius:2px 6px 6px 2px; display:flex; flex-direction:column; justify-content:flex-end; text-align:center; font-family:var(--serif); color:#fff; background:radial-gradient(120% 60% at 50% 0%, #A0525F 0%, #702638 45%, #3E141D 100%); box-shadow:inset 4px 0 0 rgba(0,0,0,.22), 0 0 0 1px rgba(217,185,138,.35), 0 14px 22px -12px rgba(0,0,0,.55); line-height:1.05; } .ide .ide-minibook .t { font-weight:600; } .ide .ide-minibook .t em { display:block; font-style:italic; font-weight:500; color:#E3C590; } .ide .ide-minibook--sage { background:radial-gradient(120% 60% at 50% 0%, #6E8577 0%, #52665A 50%, #33423A 100%); } .ide .ide-minibook--cream { background:linear-gradient(165deg, #FBF6F0, #EFE4D8); color:#5B1F2B; box-shadow:inset 4px 0 0 rgba(0,0,0,.15), 0 14px 22px -12px rgba(0,0,0,.4); } .ide .ide-minibook--cream .t em { color:#702638; } /* Páginas intermediárias: por dentro de cada material (bônus e order bumps) */ .ide .ide-cm-materials { background:#fff; border-top:1px solid var(--cm-line); } .ide .ide-cm-bumps { background:linear-gradient(180deg, var(--cm-blush) 0%, #FFF3EC 100%); } .ide .ide-cm-items { display:grid; gap:20px; margin-top:40px; } .ide .ide-cm-items--2 { grid-template-columns:1fr 1fr; } .ide .ide-cm-items--3 { grid-template-columns:repeat(3, 1fr); } .ide .ide-cm-item { display:grid; grid-template-columns:120px 1fr; gap:22px; align-items:start; align-content:start; background:var(--cm-bg); border:1px solid var(--cm-line); border-radius:22px; padding:26px; } .ide .ide-cm-bumps .ide-cm-item { background:#fff; grid-template-columns:1fr; gap:16px; box-shadow:0 24px 44px -34px rgba(184,71,47,.55); } .ide .ide-cm-cover { background:linear-gradient(160deg, var(--cm-blush), var(--cm-peach)); border-radius:16px; height:150px; display:grid; place-items:center; } .ide .ide-cm-materials .ide-cm-cover { background:linear-gradient(160deg, var(--cm-mint), #CFE3DC); } .ide .ide-cm-bumps .ide-cm-cover { height:170px; } .ide .ide-cm-cover .ide-minibook { width:86px; padding:10px 7px; justify-content:space-between; transform:rotate(-4deg); } .ide .ide-cm-cover .ide-minibook .k { font-family:var(--caps); font-size:.34rem; letter-spacing:.14em; text-transform:uppercase; color:#D9B98A; } .ide .ide-cm-cover .ide-minibook .t { font-size:.78rem; margin-top:auto; } .ide .ide-cm-cover .ide-minibook .foot { font-family:var(--caps); font-size:.3rem; letter-spacing:.2em; color:#D9B98A; margin-top:6px; } .ide .ide-minibook--cream .k, .ide .ide-minibook--cream .foot { color:#B58A3A !important; } .ide .ide-minibook--rose { background:radial-gradient(120% 60% at 50% 0%, #E0B9B5 0%, #C9A3A0 45%, #8E5D5F 100%); } .ide .ide-minibook--rose .t em { color:#FFF1E6; } .ide .ide-minibook--honey { background:radial-gradient(120% 60% at 50% 0%, #E9C789 0%, #B58A3A 50%, #7A5A22 100%); } .ide .ide-minibook--honey .t em { color:#FFF4DE; } .ide .ide-minibook--honey .k, .ide .ide-minibook--honey .foot, .ide .ide-minibook--rose .k, .ide .ide-minibook--rose .foot { color:#FFF1E6; } .ide .ide-cm-item h3 { font-family:var(--serif); font-size:1.45rem; line-height:1.15; font-weight:600; margin:2px 0 8px; } .ide .ide-cm-item-text > p:not([class]) { color:var(--cm-soft); font-size:.94rem; } .ide ul.ide-cm-inside { list-style:none; margin:14px 0 0; padding:0; display:grid; gap:7px; } .ide ul.ide-cm-inside li { margin:0; position:relative; padding-left:22px; font-size:.9rem; color:var(--cm-ink); line-height:1.45; } .ide ul.ide-cm-inside li::before { content:''; position:absolute; left:4px; top:.5em; width:7px; height:7px; border-radius:50%; background:var(--cm-teal-2); } .ide .ide-cm-bumps ul.ide-cm-inside li::before { background:var(--cm-coral); } .ide .ide-cm .ide-cm-item-foot { display:inline-block; margin-top:16px; font-family:var(--sans); font-weight:700; font-size:.8rem; letter-spacing:.04em; color:var(--cm-ink); background:#fff; border:1px solid var(--cm-line); border-radius:999px; padding:7px 14px; } .ide .ide-cm .ide-cm-item-foot.is-bonus { color:var(--cm-teal); background:var(--cm-mint); border-color:transparent; } .ide .ide-cm .ide-cm-item-foot.is-bump { color:#fff; background:var(--cm-coral); border-color:transparent; } @media (max-width: 980px) { .ide .ide-cm-items--3 { grid-template-columns:1fr 1fr; } } @media (max-width: 820px) { .ide .ide-cm-items--2 { grid-template-columns:1fr; } } @media (max-width: 620px) { .ide .ide-cm-items--3 { grid-template-columns:1fr; } .ide .ide-cm-item { grid-template-columns:1fr; padding:20px; } .ide .ide-cm-cover { height:140px; } } /* ===================================================================== 12. Textos, categorias, busca e 404 (templates do tema, em português) ===================================================================== */ .ide .ide-page-hero .ide-eyebrow a { color:inherit; text-decoration:none; } .ide .ide-post-hero h1 { max-width:18em; } .ide .ide-post-meta { color:var(--ink-soft); font-size:.92rem; } .ide .ide-article-wrap { padding-top:clamp(40px, 6vw, 72px); } .ide .ide-article-cover { max-width:900px; margin:0 auto clamp(32px, 5vw, 56px); border-radius:20px; overflow:hidden; aspect-ratio:16/8; } .ide .ide-article-cover img { width:100%; height:100%; object-fit:cover; display:block; } .ide .ide-article { max-width:700px; margin-inline:auto; font-size:1.08rem; line-height:1.8; color:var(--ink); } .ide .ide-article > * + * { margin-top:1.1em; } .ide .ide-article p { color:var(--ink); } .ide .ide-article :is(h2, h3) { font-family:var(--serif); color:var(--title); line-height:1.15; margin-top:1.6em; } .ide .ide-article h2 { font-size:2rem; } .ide .ide-article h3 { font-size:1.55rem; } .ide .ide-article a { color:var(--em); } .ide .ide-article blockquote { border-left:2px solid var(--gold); padding-left:22px; font-family:var(--serif); font-style:italic; font-size:1.35rem; color:var(--title); } .ide .ide-article ul, .ide .ide-article ol { padding-left:1.3em; } .ide .ide-post-nav { max-width:900px; margin:clamp(40px, 6vw, 64px) auto 0; display:grid; grid-template-columns:1fr 1fr; gap:16px; } .ide .ide-post-nav a { display:grid; gap:4px; padding:20px 22px; border:1px solid var(--line); border-radius:16px; background:var(--paper); text-decoration:none; font-family:var(--serif); font-size:1.2rem; color:var(--title); line-height:1.25; } .ide .ide-post-nav a:hover { border-color:var(--gold); } .ide .ide-post-nav small { font-family:var(--sans); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); } .ide .ide-post-nav__next { text-align:right; grid-column:2; } .ide .ide-article-back { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:40px; } @media (max-width: 640px) { .ide .ide-post-nav { grid-template-columns:1fr; } .ide .ide-post-nav__next { grid-column:auto; text-align:left; } } .ide .ide-empty { color:var(--ink-soft); font-style:italic; } .ide .ide-pagination { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:40px; } .ide .ide-pagination .page-numbers { padding:8px 14px; border:1px solid var(--line); border-radius:999px; text-decoration:none; color:var(--title); background:var(--paper); } .ide .ide-pagination .page-numbers.current { background:var(--btn); color:var(--on-bordo); border-color:var(--btn); } .ide .ide-search { display:flex; gap:10px; max-width:520px; margin-top:26px; } .ide .ide-search input[type="search"] { flex:1; min-width:0; padding:12px 18px; border:1px solid var(--line); border-radius:999px; background:var(--paper); color:var(--ink); font:inherit; font-size:.95rem; } .ide .ide-search button { padding:12px 22px; border:0; border-radius:999px; background:var(--btn); color:var(--on-bordo); font-family:var(--sans); font-weight:700; cursor:pointer; } .ide .ide-404 .ide-actions { margin-top:28px; display:flex; gap:12px; flex-wrap:wrap; } .ide .screen-reader-text { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; } /* ===================================================================== 13. Imagens reais (v1.0.2): logo na faixa "Jornada", capa 3D na página de vendas e bloco da Priscila sem espaço para foto ===================================================================== */ .ide .ide-jornada-logo { position:relative; justify-self:center; width:min(420px, 100%); margin:0; aspect-ratio:1; } .ide .ide-jornada-logo img { width:100%; height:100%; object-fit:cover; display:block; border-radius:28px; box-shadow:0 0 0 1px rgba(217,185,138,.45), 0 34px 60px -30px rgba(0,0,0,.75); } .ide .ide-jornada-logo::before { content:''; position:absolute; inset:-16px; border-radius:40px; border:1px solid rgba(217,185,138,.45); pointer-events:none; } .ide .ide-jornada-logo::after { content:''; position:absolute; inset:-32px; border-radius:52px; border:1px solid rgba(217,185,138,.18); pointer-events:none; } @media (max-width: 860px) { .ide .ide-jornada-logo { width:min(320px, 82%); order:-1; margin-block:18px; } } .ide .ide-cm-book3d { position:relative; justify-self:center; width:min(400px, 100%); margin:0; } .ide .ide-cm-book3d img { width:100%; height:auto; display:block; border-radius:26px; box-shadow:0 0 0 1px rgba(255,210,195,.35), 0 40px 70px -34px rgba(0,0,0,.8); } .ide .ide-cm-book3d::before { content:''; position:absolute; inset:-14px; border-radius:36px; border:1px solid rgba(255,210,195,.35); pointer-events:none; } @media (max-width: 860px) { .ide .ide-cm-book3d { width:min(300px, 78%); order:-1; margin:28px auto 8px; } } .ide .ide-cm-cover--img img { height:132px; width:auto; display:block; border-radius:6px; filter:drop-shadow(0 12px 16px rgba(0,0,0,.25)); } .ide .ide-cm-thumb--img img { width:auto; height:78px; display:block; border-radius:4px; box-shadow:0 10px 18px -10px rgba(0,0,0,.55); } .ide .ide-cm-thumb--stack img { box-shadow:5px -4px 0 -1px #F3E6D8, 10px -8px 0 -2px #E3A64B, 0 12px 20px -10px rgba(0,0,0,.55); } .ide .ide-priscila-grid.ide-priscila-solo { grid-template-columns:1fr; max-width:820px; }