/*
Theme Name: Elemento H1
Theme URI: https://elementoh1.com.br
Author: Elemento H1
Description: Tema de blocos da Elemento H1. Identidade do manual da marca (Tinta, Off-white, Latão), fontes Fraunces, Source Sans 3 e IBM Plex Mono hospedadas no próprio tema, modo escuro automático e padrões de bloco para Home e Diagnóstico Comercial.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 0.1.0
License: GPL-2.0-or-later
Text Domain: elemento-h1
*/
/* Tokens do manual da marca. Para trocar uma cor, altere aqui E em theme.json (paleta do editor). */
:root{--eh-bg:#F4F2EC;--eh-surface:#FBFAF7;--eh-surface-2:#ECE9E1;--eh-border:#DDD8CC;--eh-text:#1E2B3C;--eh-text-2:#5E5A52;--eh-primary:#1E2B3C;--eh-primary-hover:#2C3E55;--eh-on-primary:#F4F2EC;--eh-accent:#A8742A;--eh-accent-text:#7E5418;--eh-focus:#A8742A;--eh-success:#2F5D50;--eh-danger:#9B2C2C;--eh-band:#1E2B3C;--eh-on-band:#F4F2EC;--eh-on-band-2:#B4BAC4;--eh-band-line:#8D95A1;--eh-band-accent:#A8742A;}
@media (prefers-color-scheme:dark){:root{--eh-bg:#121A24;--eh-surface:#1A2533;--eh-surface-2:#223043;--eh-border:#33445C;--eh-text:#F4F2EC;--eh-text-2:#B4BAC4;--eh-primary:#F4F2EC;--eh-primary-hover:#FFFFFF;--eh-on-primary:#1E2B3C;--eh-accent:#C8944A;--eh-accent-text:#D9A862;--eh-focus:#D9A862;--eh-success:#6FB59C;--eh-danger:#E58A80;--eh-band:#223043;--eh-band-accent:#C8944A;}html:root,html body{--wp--preset--color--bg:#121A24;--wp--preset--color--surface:#1A2533;--wp--preset--color--surface-2:#223043;--wp--preset--color--border:#33445C;--wp--preset--color--text:#F4F2EC;--wp--preset--color--text-2:#B4BAC4;--wp--preset--color--primary:#F4F2EC;--wp--preset--color--primary-hover:#FFFFFF;--wp--preset--color--on-primary:#1E2B3C;--wp--preset--color--accent:#C8944A;--wp--preset--color--accent-text:#D9A862;--wp--preset--color--focus:#D9A862;--wp--preset--color--success:#6FB59C;--wp--preset--color--danger:#E58A80;--wp--preset--color--band:#223043;--wp--preset--color--band-accent:#C8944A;}}
body{margin:0;-webkit-font-smoothing:antialiased}
.wp-site-blocks{padding:0}
:where(.wp-site-blocks) > *{margin-block-start:0;margin-block-end:0}
a{text-decoration:none}a:hover{text-decoration:underline}
.has-accent-text-color{color:var(--eh-accent-text) !important}
.sym-d,.sym-n{display:none}.sym-n{display:inline-flex}
@media (prefers-color-scheme:dark){.sym-l{display:none !important}.sym-d{display:inline-flex !important}}
.eh-in{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
.eh-sec{border-block:0}
.eh-sec > .eh-in{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px)}
.eh-alt{background:var(--eh-surface-2);border-block:1px solid var(--eh-border)}
.eh-band{background:var(--eh-band);color:var(--eh-on-band)}
.eh-band h1,.eh-band h2,.eh-band h3{color:var(--eh-on-band)}
.eh-band .eh-lbl,.eh-band .eh-micro,.eh-band .eh-lead,.eh-band .eh-body,.eh-band .eh-step-p{color:var(--eh-on-band-2)}
.eh-lbl{margin:0 0 16px;font-family:var(--wp--preset--font-family--ibm-plex-mono,'IBM Plex Mono',ui-monospace,monospace);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--eh-text-2)}
.eh-acc{color:var(--eh-accent-text)}
.eh-sm{font-size:16px}
.eh-h1{margin:0;font-size:clamp(34px,5.6vw,68px);line-height:1.04}
.eh-h2{margin:0;max-width:800px;font-size:clamp(30px,3.8vw,46px);line-height:1.1}
.eh-lead{margin:22px 0 0;max-width:760px;font-size:20px;line-height:1.55}
.eh-body{margin:16px 0 0;max-width:760px;font-size:17px;line-height:1.6;color:var(--eh-text-2)}
.eh-mt{margin-top:32px}
.eh-micro{margin:20px 0 0;font-family:var(--wp--preset--font-family--ibm-plex-mono,'IBM Plex Mono',ui-monospace,monospace);font-size:13px;letter-spacing:.04em;color:var(--eh-text-2)}
.eh-link{margin:0;font-weight:600}
.eh-num{margin:0;font-family:var(--wp--preset--font-family--ibm-plex-mono,'IBM Plex Mono',ui-monospace,monospace);font-size:13px;letter-spacing:.1em;color:var(--eh-accent-text)}
.eh-band .eh-num{color:var(--eh-band-accent)}
/* botões */
.wp-block-buttons{gap:14px 24px;margin:0}
.wp-block-buttons.eh-mt{margin-top:32px}
.wp-block-button__link{display:inline-flex;align-items:center;min-height:48px;box-sizing:border-box;border:1.5px solid var(--eh-primary);text-decoration:none !important;transition:background .15s,color .15s,border-color .15s}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--eh-text);border:1.5px solid var(--eh-primary)}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--eh-primary);color:var(--eh-on-primary)}
.wp-block-button__link:focus-visible,.wp-block-navigation a:focus-visible,summary:focus-visible{outline:2px solid var(--eh-focus);outline-offset:3px}
.eh-btn-inv>.wp-block-button__link{background:var(--eh-on-band);color:var(--eh-band);border-color:var(--eh-on-band)}
.eh-btn-inv>.wp-block-button__link:hover{background:#fff;color:var(--eh-band)}
.eh-btn-wa>.wp-block-button__link{background:#25D366;border-color:#25D366;color:#0B1F14}
.eh-btn-wa>.wp-block-button__link:hover{background:#1FB855;border-color:#1FB855;color:#0B1F14}
/* cabeçalho */
.eh-header{border-bottom:1px solid var(--eh-border);background:var(--eh-bg)}
.eh-header-in{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-top:18px;padding-bottom:18px}
.eh-logo{display:inline-flex;align-items:center;gap:12px;color:var(--eh-text);text-decoration:none !important}
.eh-wm{font-family:var(--wp--preset--font-family--fraunces,Fraunces,Georgia,serif);font-weight:600;letter-spacing:-.01em;color:inherit;line-height:1}
.eh-wm sub{font-size:.62em;color:var(--eh-accent-text);margin-left:1px;vertical-align:baseline;position:relative;top:.16em}
.eh-nav{margin-left:auto;margin-right:8px}
.eh-nav{--wp--style--block-gap:32px}
.eh-nav .wp-block-navigation__container,.eh-nav.wp-block-navigation .wp-block-navigation__container{gap:8px 32px}
.eh-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:20px;align-items:flex-start}
.eh-nav .wp-block-navigation-item__content{font-weight:600;font-size:16px;color:var(--eh-text);padding:6px 0}
.eh-nav .wp-block-navigation-item__content:hover{color:var(--eh-accent-text);text-decoration:none}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--eh-bg);color:var(--eh-text)}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{color:var(--eh-text)}
@media(max-width:781px){
  .eh-header-in{padding-top:14px;padding-bottom:14px;gap:10px;flex-wrap:wrap !important}
  .eh-header .eh-logo{flex:1 1 auto}
  .eh-nav{margin-left:0;margin-right:0}
  .eh-header-cta{order:3;width:100%}
  .eh-header-cta .wp-block-button{width:100%}
  .eh-header-cta .wp-block-button__link{width:100%;justify-content:center}
  .eh-logo .eh-wm{font-size:20px !important}.eh-logo svg{width:34px;height:34px}
  .eh-header-cta .wp-block-button__link{padding:8px 12px;min-height:44px;font-size:14px}
}
/* hero */
.eh-hero-in{display:flex;flex-wrap:wrap;align-items:center;gap:40px 56px;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(32px,4vw,56px)}
.eh-hero-txt{flex:1 1 500px;min-width:0}
.eh-hero-art{flex:0 1 380px;width:100%;max-width:380px;min-width:0}
.eh-hero-art svg{display:block;width:100%;height:auto}
.eh-hero-simple .eh-in{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(32px,4vw,56px)}
.eh-hero .eh-lbl{margin-bottom:22px}
.eh-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:34px}
@media(max-width:781px){.eh-hero-art{max-width:170px}.eh-hero-in{padding-top:32px;padding-bottom:24px}}
/* grades e cartões */
.eh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin-top:44px}
.eh-grid.eh-wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}
.eh-card{background:var(--eh-surface);border:1px solid var(--eh-border);border-radius:2px;padding:28px}
.eh-card-t{margin:14px 0 0;font-size:23px;line-height:1.2}
.eh-card .eh-num + .eh-card-t{margin-top:14px}
.eh-card > .eh-card-t:first-child{margin-top:0}
.eh-card-p{margin:12px 0 0;font-size:17px;line-height:1.6;color:var(--eh-text-2)}
.eh-price{margin:12px 0 0;font-family:var(--wp--preset--font-family--fraunces,Fraunces,Georgia,serif);font-weight:600;font-size:44px;line-height:1.1;color:var(--eh-text)}
.eh-price .eh-per{font-size:20px}
.eh-callout{margin-top:28px;max-width:820px;border-left:3px solid var(--eh-accent);padding:6px 0 6px 22px}
.eh-callout .eh-lbl{margin:0}
.eh-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px 28px;margin-top:44px}
.eh-step{border-top:1px solid var(--eh-band-line);padding-top:20px}
.eh-step-t{margin:10px 0 0;font-size:22px;line-height:1.25}
.eh-step-p{margin:12px 0 0;font-size:17px;line-height:1.6;color:var(--eh-on-band-2)}
.eh-split{display:flex;flex-wrap:wrap;gap:40px 64px}
.eh-split.eh-center{align-items:center}
.eh-col{flex:1 1 460px;min-width:0}.eh-col-s{flex:1 1 340px}
.eh-chips{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.eh-chips li{border:1px solid var(--eh-border);background:var(--eh-bg);padding:7px 12px;font-size:16px;border-radius:2px}
.eh-chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.eh-chk li{display:flex;gap:14px;align-items:flex-start;font-size:18px;line-height:1.5}
.eh-chk li:before{content:'';flex:none;width:18px;height:18px;margin-top:4px;border:1.5px solid var(--eh-accent-text);border-radius:2px;background:linear-gradient(var(--eh-accent-text),var(--eh-accent-text)) 3px 7px/3px 5px no-repeat,linear-gradient(var(--eh-accent-text),var(--eh-accent-text)) 7px 3px/2px 9px no-repeat}
.eh-photo{max-width:340px}
.eh-photo-ph{margin:0;aspect-ratio:4/5;border:1.5px dashed var(--eh-text-2);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;box-sizing:border-box;background:var(--eh-surface);color:var(--eh-text-2);font-family:var(--wp--preset--font-family--ibm-plex-mono,'IBM Plex Mono',ui-monospace,monospace);font-size:13px;letter-spacing:.06em}
.eh-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
/* FAQ */
.eh-faq{margin-top:36px;max-width:860px;border-top:1px solid var(--eh-border)}
.wp-block-details{border-bottom:1px solid var(--eh-border);padding:20px 0}
.wp-block-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-family:var(--wp--preset--font-family--fraunces,Fraunces,Georgia,serif);font-size:21px;font-weight:600;color:var(--eh-text)}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:'+';font-family:var(--wp--preset--font-family--ibm-plex-mono,'IBM Plex Mono',ui-monospace,monospace);color:var(--eh-accent-text)}
.wp-block-details[open] summary::after{content:'–'}
.wp-block-details p{margin:14px 0 0;font-size:17px;line-height:1.65;color:var(--eh-text-2)}
.eh-form-wrap{margin-top:36px}
/* rodapé */
.eh-footer{background:var(--eh-band);color:var(--eh-on-band-2)}
.eh-footer .eh-in{padding-top:56px;padding-bottom:32px}
.eh-foot-cols{display:flex;flex-wrap:wrap;gap:40px}
.eh-foot-col{flex:1 1 160px;min-width:0}.eh-foot-brand{flex:1 1 300px}
.eh-footer .eh-logo{color:var(--eh-on-band);gap:14px}.eh-footer .eh-wm sub{color:var(--eh-band-accent)}
.eh-foot-tag{margin:12px 0 0;font-weight:600;font-size:16px;color:var(--eh-on-band-2)}
.eh-footer .eh-lbl{color:var(--eh-on-band-2);margin-bottom:14px;font-size:12px}
.eh-foot-brand .eh-lbl{margin:6px 0 0}
.eh-foot-p{margin:16px 0 0;font-size:15px;line-height:1.7}
.eh-foot-links{margin:0;font-size:15px;line-height:2.1;color:var(--eh-on-band)}
.eh-footer a{color:var(--eh-on-band)}
.eh-foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;font-size:13px}
.eh-foot-small{margin:0;font-size:13px}.eh-foot-small a{color:var(--eh-on-band-2)}
.eh-wa{display:inline-flex;align-items:center;min-height:48px;box-sizing:border-box;padding:14px 24px;margin-bottom:16px;border-radius:2px;background:#25D366;color:#0B1F14 !important;font-weight:600;font-size:16px;text-decoration:none !important}
.eh-wa:hover{background:#1FB855}
.eh-hero-art-s{flex:0 1 200px;max-width:200px}
@media(max-width:781px){.eh-hero-art-s{display:none}}
.eh-grid.eh-g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.eh-blog-q .eh-grid{margin-top:44px}
.eh-article{padding-top:48px;padding-bottom:64px}
@media(max-width:781px){body{font-size:17px}.eh-in{padding-left:20px;padding-right:20px}.eh-card{padding:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none !important}}