/* CRECE 24/7 experience — additive stylesheet; does not alter the original chat service. */
:root{--exp-ink:#f4f9f8;--exp-mint:#65e4be;--exp-stroke:#255363;--exp-glass:#102b39;}
.experience-body{background:radial-gradient(ellipse 950px 700px at 12% -10%,#164b4a 0%,transparent 58%),radial-gradient(ellipse 700px 700px at 96% 30%,#0a4a43 0%,transparent 70%),#06131e;color:var(--exp-ink);}
.layout{max-width:1320px;width:calc(100% - 72px)}
.experience-top{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:20px}.experience-top nav{display:flex;gap:22px;align-items:center}.experience-top nav a{font-size:13px;font-weight:650;color:#c6dfdf;text-decoration:none}.experience-top nav a:hover{color:var(--exp-mint)}
.experience-main{padding:64px 0 32px}.experience-intro{display:flex;align-items:end;justify-content:space-between;gap:42px;margin-bottom:35px}.experience-intro h1{font-size:clamp(36px,4.4vw,65px);line-height:1.08;letter-spacing:-2.8px;margin:17px 0 18px}.experience-intro h1 em{color:var(--exp-mint)}.experience-intro p{margin:0;max-width:680px;color:#b5d0d5;font-size:16px;line-height:1.7}.alive-dot{display:inline-block;width:8px;height:8px;background:#64e4be;border-radius:50%;box-shadow:0 0 0 5px #65e4be18;margin-right:8px}.intro-side{min-width:260px;display:grid;gap:15px;padding:20px 0 7px;color:#86b7b6;font-size:10px;letter-spacing:1.6px;font-weight:750;border-left:1px solid #215464;padding-left:25px}
.experience-grid{display:grid;grid-template-columns:minmax(310px,.84fr) minmax(480px,1.16fr);gap:24px;align-items:stretch}.avatar-panel,.ai-panel{border:1px solid var(--exp-stroke);border-radius:22px;background:linear-gradient(145deg,#0c2837,#0a202d);box-shadow:0 36px 96px #010e1990;overflow:hidden}.avatar-panel{display:flex;flex-direction:column}.avatar-top,.ai-panel-heading{padding:25px 28px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-label{display:block;font-size:10px;font-weight:750;letter-spacing:1.7px;color:#75d0b8;margin-bottom:7px}.avatar-top h2,.ai-panel-heading h2{font-size:25px;margin:0;letter-spacing:-.7px}.identity-badge{font-size:11px;color:#c0e6dc;background:#114b44;border:1px solid #2b7869;padding:8px 10px;border-radius:99px;white-space:nowrap}
.person-switch{display:flex;gap:7px;margin:0 27px 17px}.person-switch button{flex:1;min-width:0;text-align:center;border:1px solid #416874;background:#0b2431;color:#d3e7e7;border-radius:11px;padding:12px 8px;font-size:12px;font-weight:700;white-space:normal}.person-switch .selected{border-color:#69e3bc;background:#144a42;color:#e2fff4}.person-switch .selected span{color:#78eec9}.person-switch button:disabled{opacity:.57;cursor:not-allowed}.soon{display:block;font-weight:500;font-size:10px;margin-top:4px;color:#b9d0d3}
.portrait{background:#071a26;margin:0 27px;border-radius:14px;position:relative;overflow:hidden;min-height:300px;border:1px solid #265464}.portrait video{display:block;max-height:485px;min-height:340px;object-fit:cover;object-position:50% 28%;width:100%;height:100%;aspect-ratio:640/792;background:#071a26}.video-glow{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -100px 70px -55px #061521}.portrait-caption{position:absolute;left:13px;bottom:14px;max-width:calc(100% - 26px);font-size:10px;letter-spacing:1.15px;background:#061b23e8;color:#e5f9f6;border:1px solid #3d8c7e;border-radius:999px;padding:9px 12px;font-weight:800}
.person-actions{display:flex;gap:10px;padding:17px 27px 0}.person-actions button{border-radius:10px;cursor:pointer;min-height:42px;padding:10px 14px;font-weight:700;font-size:13px}.watch-btn{flex:1;background:#66e2bd;color:#082822;border:1px solid transparent}.watch-btn:hover{background:#8af8d7}.pause-btn{background:#123443;border:1px solid #3c7475;color:#d6edec}.pause-btn:disabled{opacity:.4;cursor:not-allowed}.truth-note{padding:4px 27px 26px;font-size:12px;line-height:1.7;color:#a1c6ca;margin-top:auto}.truth-note strong{color:#d9f7f1}
.ai-panel{display:flex;flex-direction:column}.ai-panel-heading{padding-bottom:8px}.assistant-seal{color:#6df8cc;display:grid;place-items:center;font-size:27px;border-radius:14px;background:#145443;width:50px;height:50px;flex:none}.panel-help{padding:0 28px 15px;color:#b5cdd0;font-size:13px;line-height:1.6;margin:0}.connection-line{display:flex;align-items:center;gap:10px;margin:0 26px 17px;background:#0a3541;border:1px solid #255969;padding:12px 14px;border-radius:11px;color:#c4e7e1;font-size:12px;min-height:45px}.status-indicator{flex:none;width:8px;height:8px;border-radius:100%;background:#5bd4af;box-shadow:0 0 0 4px #5bd4af18}
.conversation{flex:1;max-height:450px;min-height:210px;padding:25px;margin:0 25px 24px;border:1px solid #214755;border-radius:16px;background:#071f2a}.bubble{font-size:13px}.compose-panel{border-top:1px solid #275968;padding:22px 26px 18px}.suggestion-label{letter-spacing:1px;font-size:10px}.suggestions button{font-size:12px}.question-label{display:block;font-weight:700;font-size:12px;margin:7px 0 8px}.form textarea{min-height:92px}.actions #send{border-radius:10px}.security-status{margin-top:5px}.experience-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0 40px;font-size:12px;line-height:1.7;color:#a6c3c7}.experience-footer p{max-width:790px}.experience-footer a{text-decoration:none;flex:none;font-weight:800;color:#76e5c4}.experience-footer a:hover{text-decoration:underline}
@media(max-width:1100px){.layout{width:calc(100% - 44px)}.experience-grid{grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr)}.experience-intro{align-items:start}.intro-side{display:none}.avatar-top h2,.ai-panel-heading h2{font-size:22px}.portrait video{max-height:410px}}
@media(max-width:800px){.layout{width:calc(100% - 28px)}.experience-top{min-height:66px}.experience-main{padding:40px 0 20px}.experience-intro{margin-bottom:25px}.experience-intro h1{letter-spacing:-1.5px}.experience-grid{grid-template-columns:1fr}.portrait{max-width:560px;margin:0 auto;width:calc(100% - 48px)}.portrait video{height:330px;min-height:330px;object-position:50% 25%;aspect-ratio:16/10}.person-actions{max-width:610px;width:100%;margin:0 auto}.truth-note{margin-top:4px}.conversation{max-height:370px;min-height:220px}.experience-footer{align-items:start;flex-direction:column}}
@media(max-width:460px){.experience-intro h1{font-size:35px;line-height:1.14}.experience-intro p{font-size:14px}.experience-top .brand{font-size:18px}.experience-top nav{gap:10px}.experience-top nav a{font-size:11px}.avatar-top,.ai-panel-heading{padding:19px 17px 14px}.avatar-top h2,.ai-panel-heading h2{font-size:20px}.person-switch{margin:0 15px 12px}.person-switch button{font-size:11px;padding:10px 5px}.portrait{width:calc(100% - 30px)}.portrait video{height:310px;min-height:310px}.person-actions{padding:12px 15px 0}.truth-note{padding:0 17px 16px}.panel-help{padding:0 17px 15px}.connection-line{margin:0 17px 14px}.conversation{padding:14px;margin:0 15px 15px}.compose-panel{padding:15px}.suggestions{gap:6px}.suggestions button{padding:9px}.experience-footer{padding-bottom:25px}.remaining{margin:0}.actions{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Commercial handoff — honest availability, explicit human assistance, no transcript sharing. */
.connection-line[data-state="checking"] .status-indicator{background:#efc070;box-shadow:0 0 0 4px #efc0701c}
.connection-line[data-state="offline"]{background:#38272b;border-color:#805e5f;color:#ffe1d1}
.connection-line[data-state="offline"] .status-indicator{background:#efac90;box-shadow:0 0 0 4px #efac901c}
.service-fallback:not([hidden]){display:block;margin:-7px 26px 17px;padding:13px 15px;border-radius:10px;background:#3a292d;color:#fce4dd;font-size:12px;line-height:1.6}
.nav-proposal{padding:11px 14px;background:#164d45;border:1px solid #4eb89d;border-radius:999px;color:#c8ffeb!important;white-space:nowrap}
.nav-proposal:hover{background:#236e5c}
.human-handoff{margin-top:20px;background:linear-gradient(125deg,#113b40,#0a2738);border:1px solid #2a766e;border-radius:17px;padding:22px}
.handoff-head{display:flex;align-items:center;gap:10px}
.human-mark{display:grid;place-items:center;width:28px;height:28px;color:#072b28;background:#67e4be;border-radius:9px;font-size:20px;flex:none}
.handoff-head .mini-label{margin:0}
.human-handoff h3{margin:14px 0 8px;font-size:21px;line-height:1.25;color:#effff9;letter-spacing:-.4px}
.human-handoff p{margin:0;color:#bad6d5;font-size:13px;line-height:1.6}
.handoff-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.handoff-actions a{display:inline-flex;align-items:center;justify-content:center;padding:13px 16px;border-radius:10px;font-size:12px;font-weight:800;text-decoration:none;min-height:44px;gap:6px}
.handoff-primary{background:#65e4be;color:#053328!important}
.handoff-primary:hover{background:#8af9d8}
.handoff-secondary{border:1px solid #4d8590;color:#e0f6f4!important;background:#112b37}
.handoff-secondary:hover{background:#214450}
.human-handoff .handoff-privacy{font-size:11px;color:#9ebec3;margin-top:14px}
@media(max-width:800px){.experience-top nav .nav-proposal{display:none}}
@media(max-width:460px){.service-fallback:not([hidden]){margin-left:17px;margin-right:17px}.human-handoff{padding:18px}.handoff-actions{flex-direction:column;align-items:stretch}.handoff-actions a{width:100%}}

/* 2026-11-06 · Dictado opcional y accesible. El proveedor del navegador puede procesar audio. */
.voice-entry{margin:9px 0 18px;border:1px solid #28736c;border-radius:14px;padding:15px 16px;background:#092c35}
.voice-entry-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.voice-entry-row>div{flex:1;min-width:160px;display:grid;gap:3px}
.voice-entry-row strong{font-size:14px;color:#eafff7}
.voice-entry-row span:not(button span){color:#b5d4d1;font-size:12px}
.voice-start,.voice-stop{border:1px solid #69e4bf;border-radius:10px;padding:11px 13px;min-height:44px;background:#67e4be;color:#063429;font-weight:800;font-size:12px;cursor:pointer}
.voice-start[disabled]{cursor:not-allowed;opacity:.5}
.voice-start[aria-pressed="true"]{background:#d49d76;border-color:#ffd0aa;color:#2b201a}
.voice-stop{background:#163e46;color:#d6fff1;border-color:#447b7d}
.voice-stop[hidden]{display:none}
.voice-status{font-size:12px;color:#e0fbf5;margin:10px 0 6px;min-height:15px;line-height:1.4}
.voice-privacy{font-size:10px;line-height:1.5;color:#a8c9c9;margin:0}
@media(max-width:460px){.voice-entry{padding:13px}.voice-entry-row>div{flex-basis:100%}.voice-start{flex:1}}

/* Formulario de cualificación comercial, sin backend ni transferencia automática. */
.proposal-section{scroll-margin-top:85px;margin:40px 0 10px;padding:32px 34px;border-radius:23px;border:1px solid #28635e;background:radial-gradient(ellipse at 100% 0%,#164c48 0%,transparent 48%),linear-gradient(155deg,#0b2932,#0a1a28);box-shadow:0 36px 88px #010b1560}
.proposal-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:23px}
.proposal-heading h2{max-width:850px;font-size:clamp(25px,2.8vw,38px);letter-spacing:-1.4px;line-height:1.15;margin:6px 0 10px}
.proposal-heading h2 em{color:#65e4be;font-style:normal}.proposal-heading p{color:#bbd5d6;max-width:720px;margin:0;font-size:14px;line-height:1.6}.proposal-step{flex:none;color:#8ecbbf;font-size:10px;letter-spacing:1.2px;font-weight:750}
.proposal-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:25px;align-items:stretch}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start;padding:2px}.quote-field{min-width:0}.quote-field:nth-child(3),.quote-field:nth-child(4){grid-column:span 2}
.quote-field label{display:block;margin:0 0 8px;font-size:13px;color:#f1faf7;font-weight:750}.quote-field label span{font-weight:500;color:#99b9bd}
.quote-field select,.quote-field textarea{width:100%;box-sizing:border-box;min-height:48px;background:#08222e;border-radius:11px;border:1px solid #477779;color:#e7fff8;padding:12px 13px;font:inherit;font-size:13px;outline-offset:3px}.quote-field select:focus,.quote-field textarea:focus{outline:2px solid #65e4be}.quote-field textarea{resize:vertical;min-height:72px}.quote-field select option{background:#0b2631;color:#eefbf8}.quote-hint{font-size:11px;color:#a4c5c7;line-height:1.5;margin:6px 0}
.quote-summary{border:1px solid #386f6d;background:#092631;border-radius:16px;padding:22px;display:flex;flex-direction:column}.summary-top{display:flex;justify-content:space-between;align-items:center}.summary-lock{display:grid;place-items:center;background:#1f675a;color:#bffff0;border-radius:10px;width:34px;height:34px}.quote-summary h3{font-size:22px;line-height:1.25;margin:4px 0 8px;letter-spacing:-.4px}.summary-context{font-size:12px;line-height:1.6;color:#a9cccc;margin:0 0 13px}.quote-summary pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#061a26;border:1px solid #2d5e62;border-radius:11px;min-height:126px;padding:14px;color:#d5f7ee;font-size:12px;line-height:1.6;margin:0}.quote-status{color:#b8d5d3;font-size:11px;line-height:1.6;margin:13px 0}.quote-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.quote-whatsapp,.quote-copy{display:inline-flex;align-items:center;justify-content:center;padding:13px 14px;border-radius:10px;font:inherit;font-weight:800;font-size:12px;min-height:44px;cursor:pointer;text-decoration:none}.quote-whatsapp{background:#65e4be;color:#092d27!important;flex:1}.quote-whatsapp[aria-disabled="true"]{background:#355458;color:#b5c8c9!important;cursor:not-allowed}.quote-copy{background:#163743;border:1px solid #478183;color:#e4f9f3}.quote-copy:disabled{opacity:.45;cursor:not-allowed}.quote-summary .quote-privacy{color:#a0c1c1;font-size:10px;line-height:1.6;margin:15px 0 0}
@media(max-width:920px){.proposal-layout{grid-template-columns:1fr}.proposal-heading{align-items:start}.proposal-step{display:none}}
@media(max-width:620px){.proposal-section{padding:23px 17px;margin-top:26px}.quote-form{grid-template-columns:1fr}.quote-field:nth-child(n){grid-column:1}.quote-summary{padding:17px}.quote-buttons{flex-direction:column}.quote-whatsapp,.quote-copy{width:100%}}