/* Clariance Patrimonial: shared identity for the website and conversation. */
:root,html[data-palette]{--ink:#202923;--brand:#123d32;--accent:#176b50;--accent-soft:#edf3ee;--paper:#f7f5ef;--warm:#eee9de;--muted:#526158;--line:#d4ded5;--highlight:#b69a63;--champagne:#b69a63}
.brand,h1,h2,h3,.sim-title{color:var(--brand)}
.brand-icon,.panel-bar{background:var(--brand)}
.hero .line{background:var(--champagne)}
.conversion-hero{background:var(--brand);border-bottom:1px solid var(--champagne)}
.conversion-hero .hero-copy h1{color:#fff}
.conversion-hero .hero-copy h1 em{color:#e4d3b2}
.conversion-hero .hero-copy .eyebrow{color:#e4d3b2}
.conversion-hero .hero-copy .lead,.conversion-hero .hero-copy .micro{color:#e1e9e3}
.conversion-hero .hero-copy .button.secondary{border-color:#d5e1d8;color:#fff}
.conversion-hero .hero-copy .button:not(.secondary){border-color:#d5e1d8}
.conversion-hero .hero-copy .button.secondary:hover{background:#ffffff12}
.conversion-hero .sim-card{background:#fff;border-top-color:var(--champagne)}
.about-monogram{background:var(--brand);color:#e4d3b2;border-top:2px solid var(--champagne)}
.about-monogram span{color:#e1e9e3}
.steps article{border-top-color:var(--champagne)}
.handoff-dialog::backdrop{background:#123d3299}
.palette-control{display:none}
.chat-app{background:var(--paper);color:var(--ink)}
.header{background:var(--brand)}
.avatar{background:#e4d3b2;color:var(--brand)}
.messages{background:radial-gradient(circle at 2px 2px,#b69a631a 1px,transparent 0) 0 0/22px 22px,var(--paper)}
.bubble.user{background:#e2efe6}
.bubble-author,.suggestions button,.chat-menu a,.chat-menu button,.chat-menu select,.bottom-actions button{color:var(--accent)}
#send,#whatsapp-link{background:var(--accent)}
#chat-form,.privacy,.bottom-actions{background:#eee9de}
.privacy,.bubble time,.date-label{color:var(--muted)}
.suggestions button{border-color:#bdcfc1}
button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--accent)}
.conversion-hero .hero-copy a:focus-visible,.conversion-hero .hero-copy button:focus-visible{outline-color:#e4d3b2}
.credit-range{margin:-4px 0 24px;min-width:0}
.credit-range label{font-size:13px;color:var(--brand);display:block;margin-bottom:8px}
.credit-range input[type=range]{appearance:none;-webkit-appearance:none;width:100%;min-height:44px;margin:0;cursor:pointer;background:transparent;accent-color:var(--accent)}
.credit-range input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0 var(--range-fill,0%),#d4ded5 var(--range-fill,0%) 100%)}
.credit-range input::-moz-range-track{height:6px;border-radius:999px;background:#d4ded5}
.credit-range input::-moz-range-progress{height:6px;background:var(--accent);border-radius:999px}
.credit-range input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 1px var(--accent);margin-top:-10px}
.credit-range input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 1px var(--accent)}
.range-bounds{display:flex;justify-content:space-between;gap:12px;color:var(--brand);font-size:12px;font-weight:600}
.credit-range p{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.money-input.credit-display{position:relative;justify-content:center;height:100px;min-height:100px;margin-top:8px;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:text}
.credit-display>span{position:absolute;top:8px;left:0;width:100%;text-align:center;font-size:12px;color:var(--muted)}
.conversion-hero .credit-display #sim-value{width:100%;text-align:center;font-size:var(--credit-size,30px);font-weight:850;letter-spacing:-1px;color:transparent;caret-color:var(--brand);padding:10px 0 0;line-height:1.4}
.lava-number{display:none}
.credit-display .lava-number{position:absolute;inset:24px 8px 8px;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:var(--credit-size,30px);font-weight:850;letter-spacing:-1px;white-space:nowrap;line-height:1.4;color:var(--brand);transition:font-size 220ms ease}
.lava-number svg{display:block;width:var(--lava-width);height:auto;max-width:100%;overflow:visible;transition:width 220ms ease}
.lava-blob{transform-box:view-box;transform-origin:center;animation:lava-rise 4s ease-in-out infinite alternate;animation-play-state:paused}
.lava-b{animation-name:lava-fall;animation-duration:5s;animation-delay:-2s}
.lava-c{animation-duration:3.7s;animation-delay:-1.5s}
.lava-d{animation-name:lava-fall;animation-duration:4.6s;animation-delay:-3s}
.credit-display.lava-moving .lava-blob{animation-play-state:running}
.credit-display:focus-within .lava-number{visibility:hidden}
.conversion-hero .credit-display #sim-value:focus{color:var(--brand)}
@keyframes lava-rise{0%{transform:translate(0,45px) scale(.85,1.25)}50%{transform:translate(30px,-15px) scale(1.18,.8)}100%{transform:translate(-20px,-95px) scale(.9,1.3)}}
@keyframes lava-fall{0%{transform:translate(0,-35px) scale(1.15,.8)}50%{transform:translate(-35px,30px) scale(.75,1.3)}100%{transform:translate(20px,85px) scale(1.25,.75)}}
@media(prefers-reduced-motion:reduce){.credit-display .lava-number,.lava-number svg,.lava-blob{animation:none!important;transition:none!important}.lava-blob{display:none}}
@media(forced-colors:active){.credit-display .lava-number{background:none;color:CanvasText}.conversion-hero .credit-display #sim-value{color:CanvasText}.credit-display .lava-number{display:none}}