/* Identidad compartida con eTradie: Roboto, azul institucional, superficies claras y acentos naranja. */
:root{--et-primary:#2A3B6E;--et-ink:#1A2236;--et-soft:#5B667E;--et-bg:#F5F7FB;--et-line:#E4E9F2;--et-grid-header-bg:#2A3B6E}
body.et-site,body.et-site-legacy,body.et-site-configurator{background:var(--et-bg);font-family:Roboto,Arial,sans-serif;color:var(--et-ink)}
.et-site-header{background:#fff!important;border-bottom:1px solid var(--et-line);box-shadow:0 2px 8px #2A3B6E06}
.et-site-header .et-site-nav{min-height:72px;gap:22px}
.et-site-header .et-site-logo img{width:148px;max-height:44px}
.et-site-header .et-site-desktop a{color:var(--et-primary);font-size:14px;font-weight:600;padding-block:10px}
.et-site-header .et-site-desktop a:hover{color:#22305C;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.et-site-header .et-site-button{min-height:40px;padding:9px 16px;box-shadow:none}
.et-site-header .et-site-menu summary{color:var(--et-primary);border-color:var(--et-line);background:#F9FAFD;gap:8px;min-height:40px}
.et-site-header .et-site-menu[open] summary{background:#EAEEFB;border-color:#E4E9F2}
.et-site-header .et-site-menu nav{top:48px;border-color:var(--et-line);box-shadow:0 8px 22px #2A3B6E14}
.et-site-header .et-site-menu nav a{color:var(--et-primary);border-radius:7px}
.et-site-header .et-site-menu nav a:hover{background:#EAEEFB}
.et-site-header :focus-visible{outline:3px solid #FF5F00;outline-offset:3px}
.et-site-header summary svg,.et-site-header .et-site-demo svg{width:17px;height:17px;flex:none;display:block}
.et-site-button{gap:8px;box-shadow:none;border-radius:8px}
.et-site-button.et-site-secondary{border-color:#E4E9F2;background:#fff;color:var(--et-primary)!important}
.et-site-button.et-site-secondary:hover{background:#EAEEFB;border-color:#2A3B6E66}
.et-site-hero{padding-top:44px;padding-bottom:48px;border-bottom:1px solid #FF5F00}
.et-site-hero::after{display:none}
.et-site-section{background:var(--et-bg);padding-block:44px}
.et-site-muted{background:#F5F7FB}
.et-site-section>.et-site-container>h2,.et-guide-section>h2{border-left:3px solid #FF5F00;padding-left:12px}
.et-site-card,.et-blog-card,.et-resource-card,.card-lite,.impact-card,.step-card,.use-card,.objection-card,.seo-card,.testimonial-card,.proof-card,.demo-outcome-card,.result-card,.benefit-card,.problem-card,.addon-card,.industry-card,.support-card{background:#fff;border:1px solid var(--et-line);border-radius:12px;box-shadow:0 2px 5px #2A3B6E09}
.et-site-card h3,.et-blog-card h3,.et-resource-card h3{color:var(--et-primary)}
.et-site-card:focus-within,.et-blog-card:focus-within,.et-resource-card:focus-within{border-color:#2A3B6E66}
.et-site-icon{width:46px;height:46px;border-radius:11px;border:1px solid #E4E9F2;background:#EAEEFB;color:var(--et-primary);box-shadow:none}
.et-site-icon svg{width:25px;height:25px}
.et-site-icon .et-icon-accent{stroke:#FF5F00}
.et-site-card>.et-site-icon{margin-bottom:16px}
.et-site-flow a{background:#fff;border:1px solid var(--et-line);border-top:3px solid var(--et-primary);border-radius:12px;box-shadow:0 2px 5px #2A3B6E09}
.et-site-flow .et-site-icon{background:#EAEEFB;border-color:#E4E9F2;border-radius:10px}
.et-site-faq details{background:#fff;border:1px solid var(--et-line);box-shadow:0 1px 3px #2A3B6E05;border-radius:10px}
.et-site-faq summary{color:var(--et-primary)}
.et-site-window{border-color:var(--et-line);box-shadow:0 2px 8px #2A3B6E0A}
.et-resource-cover{background:#F9FAFD;border-bottom-color:var(--et-line)}
.et-resource-content{padding:24px}
.et-resource-card h3{font-size:24px}
.et-resource-category{color:var(--et-primary)!important;background:#EAEEFB;border:1px solid #E4E9F2;border-radius:6px;padding:4px 8px;align-self:flex-start;max-width:100%;letter-spacing:0}
.et-blog-card{padding:26px}.et-blog-card h3{font-size:24px}
.et-guide-copy{background:#fff;border:1px solid var(--et-line);border-radius:12px;padding:30px}
.et-guide-toc{border-color:var(--et-line);border-radius:12px;box-shadow:0 2px 5px #2A3B6E09;top:94px}
.et-guide-toc h2{color:var(--et-primary)}
.et-guide-related,.et-guide-cta{background:#F5F7FB;border-color:var(--et-line);border-radius:12px}
.et-site-legacy .section-padding{background:var(--et-bg);padding-top:44px;padding-bottom:44px}
.et-site-legacy .form-control{border-color:#E4E9F2;border-radius:8px;background:#fff;color:var(--et-ink)}
.et-site-legacy .form-control:focus{border-color:#2A3B6E66;box-shadow:0 0 0 3px #2A3B6E12}
.et-site-legacy table thead,.et-site table thead{background:var(--et-grid-header-bg);color:#fff}
.et-site-legacy table thead tr,.et-site table thead tr{background:transparent}
.et-site-legacy table thead th,.et-site table thead th{background:var(--et-grid-header-bg);color:#fff;border-color:#ffffff22}
.et-site-footer{border-top-width:3px}
@media(max-width:1100px){.et-site-header .et-site-nav{gap:14px}.et-site-header .et-site-desktop{gap:12px}.et-site-header .et-site-logo img{width:132px}}
@media(max-width:700px){.et-site-header .et-site-nav{min-height:64px;gap:8px}.et-site-header .et-site-logo img{width:116px}.et-site-header .et-site-button{padding:8px 12px;font-size:13px}.et-site-header .et-site-menu summary{padding:8px 10px;font-size:13px}.et-site-header summary svg{width:16px;height:16px}.et-site-hero{padding-top:30px;padding-bottom:34px}.et-site-section{padding-block:32px}.et-guide-copy{padding:22px}.et-guide-toc{position:static}.et-blog-card,.et-resource-content{padding:22px}.et-resource-card h3,.et-blog-card h3{font-size:23px}.et-site-icon{width:44px;height:44px}.et-site-header .et-site-demo{gap:6px}}
@media(max-width:370px){.et-site-header .et-site-logo img{width:100px}.et-site-header .et-site-demo svg{display:none}.et-site-header .et-site-button{padding-inline:10px}.et-site-header .et-site-menu summary{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.et-site-card,.et-blog-card,.et-resource-card,.et-site-button{transition:none}}

.et-site main h1,.et-site main h2,.et-site main h3{color:var(--et-primary)}
.et-site main .et-site-hero h1,.et-site main .et-site-hero h2,.et-site main .et-site-hero h3{color:#fff}
