/* Theme Name: Gi Clinic Theme URI: https://giclinicbc.com.br Author: utech.cx Author URI: https://utech.cx Description: Tema institucional da Gi Clinic — medicina e nutrição de precisão. 100% editável pelo painel via Carbon Fields, com dois estilos visuais (Classic e Noir) alternáveis. Requer os plugins gratuitos sugeridos na ativação. Version: 1.0.0 Requires at least: 6.0 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: giclinic */ /* ============================================================ 1. TOKENS DE PALETA — alternados por estilo (Classic / Noir) O atributo data-gc-style é definido no a partir da Página de Opções (Configurações Gi Clinic → Estilo do site). ============================================================ */ :root, html[data-gc-style="classic"]{ --gc-bg:#F4EFE7; --gc-surface:#FFFFFF; --gc-surface-2:#ECE4D7; --gc-surface-3:#EFE8DC; --gc-text:#1C1A16; --gc-text-2:#5C564B; --gc-text-3:#8A857A; --gc-heading:#1C1A16; --gc-accent:#A07D44; --gc-gold-light:#E7CF9C; --gc-line:rgba(28,26,22,.12); --gc-line-2:rgba(28,26,22,.08); --gc-footer:#0F0E0C; --gc-footer-text:rgba(247,244,238,.62); --gc-footer-muted:rgba(247,244,238,.4); --gc-on-accent:#ffffff; --gc-header-bg:rgba(244,239,231,.55); --gc-header-bg-scrolled:rgba(244,239,231,.92); --gc-grad:linear-gradient(135deg,#C2A059,#A07D44 60%,#86652F); --gc-grad-soft:linear-gradient(135deg,#E0C593,#B89263 55%,#9A7842); } html[data-gc-style="noir"]{ --gc-bg:#0C0C0D; --gc-surface:#141316; --gc-surface-2:#17161a; --gc-surface-3:#1d1c20; --gc-text:#FBF9F4; --gc-text-2:#B8B2A6; --gc-text-3:#8A857A; --gc-heading:#FBF9F4; --gc-accent:#C9A86A; --gc-gold-light:#E7CF9C; --gc-line:rgba(255,255,255,.12); --gc-line-2:rgba(255,255,255,.07); --gc-footer:#0F0E10; --gc-footer-text:rgba(247,244,238,.62); --gc-footer-muted:rgba(247,244,238,.4); --gc-on-accent:#141316; --gc-header-bg:rgba(12,12,13,.55); --gc-header-bg-scrolled:rgba(12,12,13,.92); --gc-grad:linear-gradient(135deg,#C2A059,#A07D44 60%,#86652F); --gc-grad-soft:linear-gradient(135deg,#E0C593,#B89263 55%,#9A7842); } /* ============================================================ 2. BASE (do design original) ============================================================ */ *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--gc-bg);color:var(--gc-text);font-family:'Jost',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden} img{display:block;max-width:100%} a{color:inherit;text-decoration:none} ::selection{background:var(--gc-accent);color:#fff} @keyframes kenburns{0%{transform:scale(1.05)}100%{transform:scale(1.16)}} @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}} @keyframes haloPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}} a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gc-accent);outline-offset:2px} @media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}} .skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#1C1A16;color:#fff;padding:14px 22px;border-radius:0 0 6px 0;font:500 13px/1 'Jost',sans-serif} .skip-link:focus{left:0} /* ============================================================ 3. UTILITÁRIOS DE LAYOUT / RESPONSIVIDADE Substituem a lógica JS de resize do export original por CSS. ============================================================ */ .gc-split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0} .gc-split--gap{gap:clamp(20px,3vw,44px)} .gc-split--gap48{gap:48px;align-items:start} .gc-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(20px,3vw,44px)} .gc-grid-2{display:grid;grid-template-columns:1fr 1fr} .gc-mobile-only{display:none} .gc-desktop-only{display:flex} /* Exames avançados — imagem fixa 50% + painel scroll */ .gc-exam-fixed{position:fixed;top:0;left:0;width:50%;height:100vh;overflow:hidden;z-index:0} .gc-exam-panel{position:relative;z-index:1;margin-left:50%;min-height:100vh} @media (max-width:900px){ .gc-split,.gc-grid-3,.gc-grid-2{grid-template-columns:1fr} .gc-split--gap48{gap:32px} .gc-desktop-only{display:none !important} .gc-mobile-only{display:flex !important} .gc-exam-fixed{position:relative;width:100%;height:clamp(300px,60vw,460px)} .gc-exam-panel{margin-left:0;min-height:auto} /* consultorias: imagem sempre acima do texto no mobile */ .gc-stackcard{grid-template-columns:1fr !important} .gc-stackcard .gc-stackcard__img{order:-1} } /* Carrossel de equipe */ .gc-team-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px} .gc-team-track::-webkit-scrollbar{display:none} /* Reveal on scroll (definido/animado via JS main.js) */ [data-reveal]{will-change:opacity,transform} /* ============================================================ 4. CONTEÚDO RICO (corpo do post) — herda a tipografia do design ============================================================ */ .gc-richtext{font:300 17px/1.8 'Jost';color:var(--gc-text-2)} .gc-richtext h2{font:300 clamp(26px,3.4vw,44px)/1.15 'Cormorant Garamond';color:var(--gc-heading);margin:44px 0 18px} .gc-richtext h3{font:400 clamp(22px,2.6vw,30px)/1.2 'Cormorant Garamond';color:var(--gc-heading);margin:34px 0 14px} .gc-richtext p{margin:0 0 22px} .gc-richtext a{color:var(--gc-accent);text-decoration:underline} .gc-richtext ul,.gc-richtext ol{margin:0 0 22px;padding-left:22px} .gc-richtext li{margin:0 0 10px} .gc-richtext img{width:100%;height:auto;border-radius:6px;margin:26px 0} .gc-richtext blockquote{margin:34px 0;padding:22px 28px;border-left:3px solid var(--gc-accent);background:var(--gc-surface-2);font:italic 300 clamp(20px,2.6vw,28px)/1.5 'Cormorant Garamond';color:var(--gc-heading)} .gc-richtext figure{margin:26px 0} .gc-richtext figcaption{margin-top:8px;font:300 13px/1.5 'Jost';color:var(--gc-text-3);text-align:center} /* WYSIWYG dos campos Carbon Fields (headline do hero, modal etc.) */ .gc-inline-rich p{margin:0} .gc-inline-rich em{font-style:italic;color:var(--gc-gold-light)} /* ============================================================ 5. COMPONENTES DIVERSOS ============================================================ */ /* Logos de planos: cinza no Classic, clareados no Noir */ .gc-plan-logo{opacity:.6;filter:grayscale(1);transition:opacity .35s ease,transform .35s ease} .gc-plan-logo:hover{opacity:1;transform:translateY(-2px)} html[data-gc-style="noir"] .gc-plan-logo{filter:grayscale(1) brightness(0) invert(1);opacity:.7} /* Cards de especialidade — hover */ [data-gc-spec]{will-change:transform} [data-gc-spec]:hover{transform:scale(1.045) translateY(-6px);box-shadow:0 34px 70px -28px rgba(28,26,22,.5);z-index:3} /* Paginação nativa do WP */ .pagination .nav-links,.navigation .nav-links{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center} .pagination .page-numbers,.navigation .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--gc-line);border-radius:40px;color:var(--gc-text-2);font:500 12px/1 'Jost'} .pagination .page-numbers.current,.navigation .page-numbers.current{background:var(--gc-grad);color:#fff;border-color:transparent} /* Ajuste do container de opções do Carbon Fields (largura dos campos) */ .gc-team-track article img{backface-visibility:hidden}