:root{font-family:Arial,Helvetica,sans-serif;color:#243d33;background:#f6f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #b07c44;outline-offset:4px}header{max-width:1280px;margin:auto;padding:32px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #deded3}.brand{font-family:Georgia,serif;letter-spacing:4px;font-size:25px}.brand span{display:block;font:9px Arial;letter-spacing:3px;margin-top:8px}.nav{font-size:13px}main{max-width:1280px;margin:auto;padding:65px 48px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:3px;margin-bottom:26px}h1{font-family:Georgia,serif;font-size:clamp(48px,5.4vw,78px);line-height:1.07;letter-spacing:-3px;font-weight:400;margin:0 0 26px}h1 em{color:#997142}.intro>p{font-size:16px;line-height:1.8;color:#687168;max-width:380px}.cta{display:flex;max-width:250px;justify-content:space-between;align-items:center;background:#243d33;color:white;padding:19px 23px;border-radius:4px;margin:30px 0 44px;font-size:14px}.details{display:flex;flex-wrap:wrap;gap:13px;font-size:11px;color:#657266}.note{border-top:1px solid #deded3;margin-top:50px;padding-top:20px;font-size:10px;letter-spacing:2px;color:#8a704d}.note span{display:block;letter-spacing:0;font-size:12px;color:#687168;margin-top:9px}.chat{background:#fff;border:1px solid #dedfd7;border-radius:20px;overflow:hidden;box-shadow:0 22px 70px #263b3210;min-width:0;scroll-margin-top:20px}.chat-head{display:flex;align-items:center;gap:12px;background:#243d33;color:white;padding:22px}.avatar{border:1px solid #ffffff4d;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font:24px Georgia;flex-shrink:0}h2{font-size:15px;font-weight:500;margin:0 0 6px}.chat-head p{font-size:10px;margin:0;color:#d1dbd4;line-height:1.5}.chat-head button{margin-left:auto;background:transparent;border:1px solid #ffffff4d;border-radius:50%;width:34px;height:34px;color:white;font-size:22px;flex-shrink:0}.messages{height:315px;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px;display:flex;flex-direction:column;gap:15px}.bubble{padding:14px 16px;border-radius:14px 14px 14px 3px;background:#f1f3ee;font-size:14px;line-height:1.65;max-width:90%;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}.bubble.user{background:#243d33;color:white;align-self:flex-end;border-radius:14px 14px 3px 14px}.bubble a{text-decoration:underline;text-underline-offset:3px}.pending{color:#6e796f}.suggestions{padding:0 20px 15px;display:flex;gap:7px;flex-wrap:wrap}.suggestions button{border:1px solid #d9dfd6;background:white;color:#3a5042;padding:9px 11px;border-radius:18px;font-size:10px}.suggestions button:hover{background:#f1f3ee}form{display:flex;gap:10px;padding:12px;margin:0 18px;border:1px solid #dde1d8;border-radius:12px;align-items:center}textarea{width:100%;border:0;resize:none;padding:9px 4px;line-height:1.4;max-height:100px;color:#243d33;background:white;font-size:14px}#send{border:0;border-radius:8px;background:#243d33;color:white;font-size:23px;width:39px;height:39px;flex-shrink:0}button:disabled{cursor:wait;opacity:.5}.disclaimer{font-size:10px;text-align:center;color:#7a8179;line-height:1.6;margin:13px 12px 18px}.error{font-size:12px;color:#9a392d;background:#fff2ec;margin:0 18px 12px;padding:12px;border-radius:8px}footer{max-width:1280px;padding:22px 48px;margin:auto;display:flex;justify-content:space-between;border-top:1px solid #deded3;color:#768074;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:850px){main{gap:30px;padding:40px 24px}header{padding:25px 24px}h1{font-size:53px}.note{margin-top:30px}.details{line-height:1.7}}@media(max-width:640px){header{padding:22px 20px}.brand{font-size:20px}.nav{font-size:10px}main{grid-template-columns:1fr;padding:36px 20px;gap:32px}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:54px}.intro>p{font-size:14px}.cta{margin:24px 0}.note{display:none}.chat-head{padding:18px}.messages{height:320px;height: min(45dvh, 360px);min-height:230px}footer{padding:20px;gap:15px;font-size:9px}footer span:last-child{display:none}textarea{font-size:16px}}
[hidden]{display:none!important}

/* Chat como única vista de la página. */
body{min-height:100vh;min-height:100dvh}
main{display:flex;justify-content:center;align-items:center;max-width:none;min-height:100vh;min-height:100dvh;padding:24px}
.chat{width:100%;max-width:640px;display:flex;flex-direction:column;height: min(850px, calc(100dvh - 48px));min-height:450px}
.messages{height:auto;min-height:180px;flex:1}
@media(max-width:640px){main{padding:0;align-items:stretch}.chat{max-width:none;height:100dvh;min-height:360px;border:0;border-radius:0;box-shadow:none}.messages{height:auto;min-height:140px}.chat-head{padding-top:max(18px,env(safe-area-inset-top))}.disclaimer{padding-bottom:env(safe-area-inset-bottom)}}

/* Match the online store's navy, white and green palette. */
:root{color:#111724;background:#fafafa}body{background:#fafafa}.chat{border-color:#e4e6e8;border-radius:4px;box-shadow:0 14px 50px #11172408}.chat-head,.bubble.user,#send{background:#111724}.bubble{background:#f3f5f5}.chat-head p{color:#c0c5ce}textarea{color:#111724}.avatar{font-family:Arial,Helvetica,sans-serif}.demo-back{position:absolute;top:18px;left:24px;font-size:12px;z-index:2;padding:8px 0;color:#59616a}.demo-back:hover{text-decoration:underline}main{padding-top:60px}.chat{height:min(850px,calc(100dvh - 84px))}a:focus-visible,button:focus-visible,textarea:focus-visible{outline-color:#16ae80}@media(max-width:640px){.demo-back{position:static;display:block;padding:16px 20px;background:#fff;border-bottom:1px solid #e8e8e8}main{padding:0;min-height:0;flex:1}body{display:flex;flex-direction:column}.chat{height:calc(100dvh - 47px);min-height:360px}}