body.es-page { --es-ink:#17251f; --es-muted:#46564e; --es-accent:#245c45; --es-paper:#f4f2ec; color:var(--es-ink); background:var(--es-paper); font-family:Arial,Helvetica,sans-serif; line-height:1.55; min-width:320px; }
body.es-page *,body.es-page *::before,body.es-page *::after { box-sizing:border-box; }
body.es-page .wrap { width:min(100% - 2rem,70rem); margin-inline:auto; }
body.es-page .es-sample-banner { display:block; padding:.65rem 1rem; text-align:center; color:#fff; background:#213b31; font-weight:700; }
body.es-page .td-top { background:#fff; border-bottom:1px solid #d7ddd8; }
body.es-page .td-nav { min-height:4.5rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
body.es-page .td-logo { color:var(--es-ink); font-size:1.05rem; font-weight:800; text-decoration:none; }
body.es-page .es-coming { background:#f5d56e; color:#302707; border-radius:999px; padding:.35rem .7rem; font-weight:800; white-space:nowrap; }
body.es-page .td-hero { padding:clamp(2rem,6vw,4.5rem) 0; background:#e4ebe4; }
body.es-page .td-hero-copy { max-width:70rem; }
body.es-page h1 { max-width:17ch; margin:.35rem 0 .8rem; font-size:clamp(2.1rem,6vw,4.1rem); line-height:1.08; letter-spacing:-.035em; }
body.es-page h2 { margin:.2rem 0 1rem; font-size:clamp(1.35rem,3vw,1.8rem); line-height:1.2; }
body.es-page h3 { margin:.5rem 0; font-size:1.15rem; }
body.es-page p:not(.cb-txt) { color:var(--es-muted); }
body.es-page .eyebrow { margin:0; color:var(--es-accent); font-size:.78rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
body.es-page .td-badges { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin-top:1.1rem; }
body.es-page .badge,body.es-page .badge-sample { display:inline-block; padding:.2rem .55rem; border-radius:999px; font-size:.72rem; font-weight:800; line-height:1.5; }
body.es-page .badge { background:#dce5dd; color:#203d2e; }
body.es-page .badge-sample { background:#f5d56e; color:#302707; }
body.es-page .es-layout { display:grid; gap:1rem; padding-block:1.5rem 5rem; align-items:start; }
body.es-page .es-tool { min-width:0; padding:clamp(1rem,3vw,1.5rem); background:#fff; border:1px solid #d5ddd7; border-radius:.8rem; box-shadow:0 8px 24px rgb(23 37 31 / 6%); }
body.es-page .td-form { display:grid; gap:.6rem; }
body.es-page label { color:var(--es-ink); font-size:.94rem; font-weight:700; }
body.es-page input,body.es-page select { width:100%; min-height:2.9rem; padding:.65rem .75rem; border:1px solid #66766c; border-radius:.35rem; background:#fff; color:#17251f; font:inherit; }
body.es-page input:focus,body.es-page select:focus,body.es-page button:focus-visible { outline:3px solid #ce9d21; outline-offset:2px; }
body.es-page .btn { display:inline-flex; min-height:2.9rem; align-items:center; justify-content:center; padding:.7rem 1rem; border:2px solid var(--es-accent); border-radius:.4rem; background:var(--es-accent); color:#fff; font:inherit; font-weight:800; text-align:center; text-decoration:none; cursor:pointer; }
body.es-page .btn:hover { background:#17442f; border-color:#17442f; }
body.es-page .es-disclaimer { margin:.3rem 0 0; font-size:.83rem; }
body.es-page .es-result { margin-top:1.2rem; padding:1rem; border-left:4px solid #987100; background:#fff8dc; }
body.es-page .es-result p { margin:.45rem 0 0; }
body.es-page .es-result .es-range { color:#17251f; font-size:1.2rem; font-weight:800; }
body.es-page .td-steps > p { margin-bottom:1rem; }
body.es-page .es-consultation { margin-top:1rem; padding-top:1rem; border-top:1px solid #d5ddd7; }
body.es-page .es-consultation[hidden],body.es-page .es-chat-box[hidden] { display:none; }
body.es-page .es-consultation .td-small { font-size:.87rem; }
body.es-page .es-confirmation { min-height:1.5rem; color:#17442f; font-weight:700; }
body.es-page .es-concrete-mark { display:block; width:100%; height:4rem; margin-top:1.2rem; border-radius:.4rem; background:repeating-linear-gradient(135deg,#d2d4cf 0 12px,#e6e6e1 12px 24px); }
body.es-page .es-chat-box { position:absolute; right:0; bottom:calc(100% + .6rem); width:min(22rem,calc(100vw - 2rem)); padding:1rem; border:1px solid #63736a; border-radius:.6rem; background:#fff; box-shadow:0 8px 28px rgb(0 0 0 / 20%); }
body.es-page .es-chat-box .td-log { max-height:12rem; overflow:auto; }
body.es-page .es-chat-box .td-log p { overflow-wrap:anywhere; }
body.es-page .es-chat-box .td-chat-form { display:grid; gap:.5rem; }
body.es-page .td-chat { position:fixed; z-index:20; right:1rem; bottom:1rem; display:flex; flex-direction:column; align-items:flex-end; }
body.es-page .td-chat-open { min-height:2.9rem; padding:.55rem .8rem; border:2px solid #173d2d; border-radius:999px; background:#173d2d; color:#fff; font:inherit; font-weight:800; cursor:pointer; }
html.cb-open body.es-page .td-chat {display:none}
body.es-page .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (min-width:48rem) { body.es-page .es-layout { grid-template-columns:minmax(0,1.45fr) minmax(17rem,.8fr); gap:1.25rem; padding-block:2rem 5rem; } body.es-page .td-hero { padding-block:5rem; } }

body.es-page .cb .cb-txt{color:#F8FAFC}
