:root{--forest:#275B31;--forest2:#174522;--lime:#C7D533;--gold:#FDC536;--orange:#EB5C30;--cream:#fffdf6;--ink:#1c3425;--muted:#67756a;--line:#e4e9de;--shadow:0 16px 55px #1a2d1d20;--radius:22px}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Exo,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#dae4cf;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app{height:100dvh;min-height:640px;display:flex;flex-direction:column;overflow:hidden}.topbar{z-index:4;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:88px;padding:8px 22px 8px 18px;background:#fffefa;border-bottom:1px solid #e4e8de;box-shadow:0 4px 18px #1f422411}.brand-group{display:flex;align-items:center;min-width:330px;gap:17px}.official-logo{display:block;object-fit:contain;width:164px;height:69px}.brand-divider{height:47px;width:1px;background:#d7dbd1}.alma-wordmark{display:flex;flex-direction:column;justify-content:center;line-height:1}.alma-wordmark strong{font-size:36px;letter-spacing:-2px;font-weight:900;color:var(--forest)}.period{color:var(--orange)}.alma-wordmark small{font-size:9px;letter-spacing:2px;font-weight:850;margin-top:6px}.top-status{display:flex;flex-wrap:wrap;gap:8px}.pill{border-radius:100px;padding:9px 12px;font-size:11px;font-weight:850;white-space:nowrap;letter-spacing:.2px}.pill.demo{background:#fff1e6;color:#ab562c;border:1px solid #f4d2bc}.pill.live{background:#edf7da;color:var(--forest);border:1px solid #c2d7a5}.pill.neutral{background:#f3f5f0;color:#57725c;border:1px solid #e2e7dc}.store-widget{display:flex;align-items:center;gap:10px;min-width:220px;justify-content:flex-end}.store-pin{font-size:28px;color:var(--orange);font-weight:bold}.store-widget>span:nth-child(2){display:flex;flex-direction:column}.store-widget small{font-size:9px;color:#75857a;letter-spacing:1.25px;font-weight:850}.store-widget b{font-size:13px}.date-line{font-size:11px;color:#87918b;border-left:1px solid #e1e6df;padding-left:12px;margin-left:8px;white-space:nowrap}
.layout{display:grid;grid-template-columns:84px minmax(500px,1fr) 356px;flex:1;min-height:0}.rail{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:10px;background:#fffefa;border-right:1px solid #e7ede3;padding:13px 9px 17px;z-index:2}.rail-top{display:flex;flex-direction:column;gap:10px}.rail-btn{border:0;background:transparent;color:#67716a;min-height:76px;border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:background .2s,transform .2s}.rail-btn span{font-size:29px;line-height:1}.rail-btn small{font-size:10px;font-weight:800}.rail-btn:hover,.rail-btn.active{background:var(--forest);color:white;transform:translateY(-1px)}.rail-btn.active{box-shadow:0 6px 16px #275b3144}.rail-bottom{margin-top:auto}
.world{min-width:0;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:46% 54%;grid-template-rows:auto minmax(200px,1fr) minmax(205px,33%);padding:24px 23px 22px 20px;gap:14px}.field-bg{position:absolute;inset:0;background-image:url('campo.svg');background-size:cover;background-position:center 53%;z-index:-3}.field-tint{position:absolute;inset:0;background:linear-gradient(90deg,#122c1a3d 0%,#25542e1a 45%,#1c3b242e 100%),linear-gradient(0deg,#163e2577 0%,transparent 44%);z-index:-2}.intro-floating{grid-column:1/3;grid-row:1;align-self:start;position:relative;z-index:3;text-shadow:0 1px 22px #fffbd6aa}.kicker{font-size:10px;letter-spacing:1.4px;font-weight:900;color:var(--forest);background:#fff8e3b8;padding:7px 10px;border-radius:8px}.intro-floating h1{font-size:clamp(25px,3vw,47px);letter-spacing:-1.9px;line-height:1.04;margin:15px 0 5px;color:#fff;text-shadow:0 2px 17px #08230aa0}.intro-floating h1 em{font-style:normal;color:var(--gold)}.intro-floating p{color:#fff;font-size:13px;font-weight:650;text-shadow:0 1px 7px #25431b;margin:9px 0;max-width:600px}.avatar-stage{grid-column:1;grid-row:2/4;position:absolute;left:-30px;bottom:3px;width:min(560px,110%);height:93%;pointer-events:none;z-index:1;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(0 14px 18px #15371677)}.alma-portrait{display:block;max-width:100%;width:auto;height:100%;overflow:visible;transform-origin:bottom center;animation:avatar-breath 5s ease-in-out infinite}.avatar-body{transform-origin:center bottom;animation:avatar-rock 8s ease-in-out infinite}.eyes{transform-box:fill-box;transform-origin:center;animation:eye-blink 7.7s infinite}.avatar-stage.is-speaking .mouth-closed{opacity:0}.avatar-stage .mouth-open{opacity:0;transform-box:fill-box;transform-origin:center;transform:scaleY(.15)}.avatar-stage.is-speaking .mouth-open{opacity:1;animation:talk-mouth .21s ease-in-out infinite alternate}@keyframes talk-mouth{from{transform:scaleY(.35)}to{transform:scaleY(1.14)}}@keyframes eye-blink{0%,44%,47%,90%,100%{transform:scaleY(1)}45%,46%,91%{transform:scaleY(.13)}}@keyframes avatar-breath{50%{transform:translateY(-6px)}}@keyframes avatar-rock{50%{transform:rotate(.7deg)}}.avatar-name{position:absolute;bottom:2px;left:28px;background:#103a29c9;backdrop-filter:blur(12px);color:white;border:1px solid #ffffff3c;border-radius:24px;display:flex;gap:9px;align-items:center;padding:10px 16px;box-shadow:0 5px 25px #02170d44}.avatar-indicator{width:10px;height:10px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #c7d53328}.avatar-name span:last-child{display:flex;flex-direction:column}.avatar-name b{font-size:13px;letter-spacing:1.4px}.avatar-name small{font-size:10px;color:#e5f4df}
.conversation{grid-column:2;grid-row:2;z-index:2;display:flex;flex-direction:column;align-self:stretch;min-height:0;max-height:360px;border:1px solid #fff8f1a6;border-radius:22px;background:#fffffff0;backdrop-filter:blur(15px);box-shadow:var(--shadow);padding:15px;overflow:hidden}.chat-head{display:flex;align-items:center;gap:7px;color:#4b6c50;letter-spacing:.6px;font-size:10px;font-weight:850}.mini-dot{width:8px;height:8px;background:var(--lime);border-radius:50%}.chat-head button{margin-left:auto;background:transparent;border:0;color:#51704d;font-size:11px;font-weight:800}.chat-bubbles{display:flex;flex-direction:column;gap:9px;overflow-y:auto;min-height:100px;flex:1;padding:12px 4px 8px;scrollbar-width:thin}.bubble{border-radius:17px;padding:11px 14px;max-width:96%;align-self:flex-start;background:#f2f7eb;line-height:1.42;border:1px solid #e7f0db;font-size:13px}.bubble b{display:block;font-size:10px;color:var(--forest);letter-spacing:1px;margin-bottom:4px}.bubble p{margin:0;white-space:pre-line}.bubble.client{align-self:flex-end;background:#e3f0e2;border-color:#d2e4cf}.bubble.client b{color:#6d7b65}.voice-strip{display:flex;align-items:center;gap:12px;background:#164a36;color:#fff;border-radius:15px;padding:9px 14px;min-height:58px}.voice-live-circle{font-size:19px}.voice-strip>div:last-child{display:flex;flex-direction:column;gap:2px}.voice-strip strong{font-size:12px}.voice-strip small{font-size:10px;color:#cfe5d4}.voice-waves{display:flex;align-items:center;gap:3px;height:30px}.voice-waves i{display:block;background:#a6d8b8;width:3px;height:7px;border-radius:8px}.voice-strip.listening .voice-waves i,.voice-strip.speaking .voice-waves i{animation:voicewave .55s ease-in-out infinite alternate}.voice-strip .voice-waves i:nth-child(2),.voice-strip .voice-waves i:nth-child(5){animation-delay:.2s}.voice-strip .voice-waves i:nth-child(3),.voice-strip .voice-waves i:nth-child(7){animation-delay:.4s}@keyframes voicewave{to{height:28px}}
.products{grid-column:2;grid-row:3;display:flex;flex-direction:column;min-height:0;border-radius:20px;border:1px solid #fff9f0af;background:#fffffff2;box-shadow:var(--shadow);padding:13px 14px 14px;backdrop-filter:blur(15px);z-index:2}.products-head{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:11px}.products-head>div:first-child{display:flex;flex-direction:column}.products-head strong{font-size:14px}.products-head small{color:var(--muted);font-size:10px;margin:3px 0 0 20px}.accent-dash{background:var(--orange);height:4px;width:13px;display:inline-block;border-radius:2px;margin-right:6px;vertical-align:middle}.product-search-wrap{display:flex;align-items:center;border:1px solid #dce6d6;border-radius:100px;background:white;padding:6px 8px;gap:5px;max-width:44%}.product-search-wrap input{border:0;outline:0;font-size:11px;width:136px;min-width:0}.product-search-wrap span{font-size:18px;color:#6a8467}.product-cards{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;min-height:0;height:100%;padding:0 1px 3px;scrollbar-width:thin}.product-card{flex:0 0 146px;min-width:0;display:flex;flex-direction:column;border:1px solid #e6ecdf;border-radius:14px;background:#fff;overflow:hidden;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 8px 25px #275b3124;transform:translateY(-2px)}.product-art{height:53px;display:grid;place-items:center;background:linear-gradient(135deg,#f1f4e8,#fbf5dd);font-size:31px}.product-card .p-body{display:flex;flex-direction:column;gap:3px;flex:1;padding:8px 10px}.p-body strong{font-size:11px;line-height:1.18;min-height:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-body small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-body .p-price{margin-top:auto;font-weight:900;font-size:13px;color:var(--forest)}.p-body button{border:0;border-radius:7px;background:var(--forest);color:white;font-size:11px;font-weight:800;padding:7px}.p-body button:hover{background:#387b3d}.empty-products{display:flex;align-items:center;justify-content:center;color:#738775;min-height:110px;width:100%;font-size:12px}
.cart{display:flex;flex-direction:column;min-height:0;background:#fffefa;z-index:3;box-shadow:-9px 0 30px #1c352519;border-left:1px solid #dde8d6}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:24px 20px 13px}.cart-header small{font-size:10px;font-weight:900;color:var(--orange);letter-spacing:1.2px}.cart-header h2{margin:4px 0 0;font-size:25px;letter-spacing:-1px}.cart-header h2 span{color:var(--forest)}.cart-clear{border:0;background:none;color:#79867e;font-size:11px}.cart-context{font-size:11px;color:#6f7d71;line-height:1.4;padding:0 20px 14px;border-bottom:1px solid var(--line)}.cart-list{padding:10px 17px;flex:1;overflow-y:auto;scrollbar-width:thin}.cart-empty{height:100%;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:#7d8e7a}.cart-empty span{font-size:53px}.cart-empty b{color:var(--forest);font-size:14px}.cart-empty small{max-width:210px;line-height:1.5}.cart-row{display:grid;grid-template-columns:54px 1fr auto;gap:9px;border-bottom:1px solid #edf0e7;padding:13px 0}.cart-icon{height:52px;width:52px;border-radius:13px;background:#f1f5e9;display:grid;place-items:center;font-size:26px}.cart-name{font-size:11px;font-weight:850;line-height:1.25}.cart-sku{font-size:9px;color:var(--muted);margin-top:4px}.cart-unit{font-size:12px;color:var(--forest);font-weight:900;margin-top:4px}.cart-controls{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:4px}.qty-controls{display:flex;align-items:center;gap:4px;background:#f3f5ef;padding:3px;border-radius:8px}.qty-controls button{border:0;background:white;box-shadow:0 1px 2px #0001;width:23px;height:25px;border-radius:5px;color:var(--forest);font-weight:900}.qty-controls span{font-size:12px;min-width:17px;text-align:center;font-weight:850}.cart-line-total{font-size:11px;font-weight:800}.cart-bottom{background:#fffefa;border-top:1px solid #e6ebdf;padding:16px 20px 20px;box-shadow:0 -7px 18px #19351908}.totals-row{display:flex;justify-content:space-between;color:#627569;font-size:12px;margin-bottom:10px}.totals-row b{color:var(--ink)}.grand-total{border-radius:14px;background:linear-gradient(90deg,#e4f0de,#f1f7e8);padding:14px;display:flex;justify-content:space-between;align-items:center;margin:14px 0 13px}.grand-total span{font-weight:850;font-size:13px}.grand-total small{display:block;font-size:9px;font-weight:500;color:#6b866e;margin-top:5px}.grand-total strong{font-size:21px;color:var(--forest)}.cta{width:100%;padding:13px;border-radius:11px;border:0;font-weight:900;font-size:13px;min-height:44px}.cta.primary{background:var(--forest);color:white;box-shadow:0 4px 12px #275b312d}.cta.secondary{background:var(--lime);color:var(--forest2);margin-top:8px}.cta.outline{background:#fff;color:var(--forest);border:1px solid #cadbc9}.cta:hover{filter:brightness(1.05)}.cart-disclaimer{font-size:10px;text-align:center;line-height:1.4;color:#8b815e;margin:12px 0 0}
.commandbar{z-index:4;display:flex;gap:12px;align-items:center;background:#fffffff9;min-height:98px;padding:11px 19px;border-top:1px solid #e0e6d7;box-shadow:0 -7px 26px #293d2426}.talk-button{border:0;border-radius:15px;background:var(--forest);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:90px;height:72px;box-shadow:0 6px 12px #275b3133}.talk-button.active{background:var(--orange);animation:talkpulse 1.3s infinite}.mic-icon{font-size:29px}.talk-button b{font-size:11px}.tool-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:54px;height:65px;border:0;background:transparent;color:#556a58}.tool-button span{font-size:25px;width:40px;height:40px;border:1px solid #dfe5dc;background:#f4f6f1;border-radius:50%;display:grid;place-items:center}.tool-button small{font-size:10px}@keyframes talkpulse{50%{box-shadow:0 0 0 8px #eb5c3044}}.prompt-area{flex:1;min-width:0;padding-left:15px;border-left:1px solid #e0e4dd}.prompt-hint{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.prompt-hint b{font-size:11px}.prompt-hint span{font-size:9px;color:#839182}.suggestions{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.suggestions button{background:#f9faf6;border:1px solid #e1e5dd;padding:9px 13px;border-radius:100px;font-size:10px;white-space:nowrap;font-weight:700;color:#496448}.suggestions button:hover{background:#edf5e5}.type-form{display:flex;gap:5px;border:1px solid #dce5d7;border-radius:100px;background:white;min-width:186px;max-width:230px;padding:5px}.type-form input{border:0;background:none;outline:0;min-width:0;width:100%;padding:7px;font-size:11px}.type-form button{background:var(--forest);border:0;color:white;border-radius:50%;width:31px;min-width:31px}.toast{position:fixed;left:50%;bottom:117px;transform:translateX(-50%) translateY(10px);z-index:20;background:var(--ink);color:white;padding:12px 18px;border-radius:13px;font-size:12px;opacity:0;pointer-events:none;transition:.23s;box-shadow:var(--shadow)}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast.error{background:#8b3e25}
.modal-backdrop,.monitor-backdrop{display:none;position:fixed;inset:0;background:#0d251bbb;z-index:30;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open,.monitor-backdrop.open{display:flex}.modal{width:min(700px,100%);max-height:92vh;overflow:auto;background:white;border-radius:24px;box-shadow:0 30px 100px #0005;padding:25px}.modal-top{display:flex;justify-content:space-between;border-bottom:1px solid #e5e9e1;padding-bottom:15px;margin-bottom:15px}.modal-top small{font-size:10px;letter-spacing:1.5px;color:var(--orange);font-weight:900}.modal-top h2{font-size:26px;margin:5px 0}.xbtn{border:0;background:#f3f5f0;color:#60705e;border-radius:50%;height:37px;width:37px;font-size:16px}.doc-flag{background:#fff4e5;border:1px solid #f4d3a5;color:#8f6637;border-radius:9px;padding:10px 12px;font-size:12px;line-height:1.5;margin:10px 0}.doc-flag.ok{background:#edf7e8;border-color:#c5e0b9;color:#356338}.doc-grid{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin:15px 0}.doc-grid span{display:flex;flex-direction:column;gap:4px;color:#67816b}.doc-grid strong{font-size:13px;color:var(--ink)}.doc-table{width:100%;border-collapse:collapse;font-size:12px}.doc-table th,.doc-table td{padding:12px 8px;border-bottom:1px solid #e6ecdf;text-align:left}.doc-table th{color:#5c7461;font-size:10px}.doc-table td:nth-child(n+2),.doc-table th:nth-child(n+2){text-align:right}.doc-sum{padding:14px 0;display:flex;justify-content:space-between;color:var(--forest);font-size:18px;font-weight:900}.modal-actions{display:flex;gap:10px;margin-top:16px}.modal-actions .cta{width:auto;flex:1}.monitor-backdrop{justify-content:flex-end;padding:0}.monitor{height:100%;width:min(440px,100%);overflow-y:auto;background:#fffefa;padding:36px 28px;box-shadow:-10px 0 70px #0003}.monitor>.xbtn{float:right}.monitor h2{font-size:32px}.monitor .kicker{background:#eef3e8}.metric-card{border:1px solid #e2e9de;border-radius:15px;margin:9px 0;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.metric-card b{font-size:15px}.monitor-warning{padding:14px;border-radius:13px;background:#fff4e8;color:#865b2e;font-size:11px;line-height:1.6}
@media(min-height:880px){.world{grid-template-rows:98px minmax(250px,1fr) minmax(235px,35%)}.conversation{max-height:430px}.product-art{height:80px}.product-card{flex-basis:162px}.rail-btn{min-height:85px}.commandbar{min-height:112px}}
@media(max-width:1320px){.layout{grid-template-columns:72px minmax(450px,1fr) 313px}.brand-group{min-width:270px}.official-logo{width:132px}.alma-wordmark strong{font-size:30px}.alma-wordmark small{font-size:8px}.top-status{gap:4px}.store-widget{min-width:140px}.date-line{display:none}.rail-btn{min-height:66px}.rail-btn span{font-size:24px}.world{padding:14px;gap:10px}.products{padding:11px}.product-card{flex-basis:124px}.cart-header{padding:18px 15px 10px}.cart-bottom{padding:12px 15px}.intro-floating h1{font-size:31px}.avatar-stage{left:-62px;width:119%}.cart-list{padding:10px}.commandbar{gap:7px;padding:8px}.type-form{min-width:160px}}
@media(max-width:1000px){.app{height:auto;min-height:100dvh;overflow:auto}.layout{grid-template-columns:66px minmax(0,1fr);min-height:850px}.cart{grid-column:2;grid-row:2;min-height:440px;max-height:650px}.world{min-height:640px}.rail{grid-row:1/3}.topbar{flex-wrap:wrap}.top-status{order:3;width:100%;justify-content:center}.store-widget{min-width:0}.commandbar{position:sticky;bottom:0;min-height:92px}.prompt-area{display:none}.type-form{flex:1;max-width:unset}.avatar-stage{width:95%;left:-28px}}
@media(max-width:600px){.topbar{padding:6px 10px;min-height:72px;gap:5px}.official-logo{width:104px;height:57px}.brand-group{gap:8px;min-width:0}.brand-divider{height:31px}.alma-wordmark strong{font-size:27px}.alma-wordmark small{font-size:7px;letter-spacing:.3px}.store-widget{display:none}.pill{font-size:9px;padding:6px}.layout{display:block}.rail{position:sticky;top:0;flex-direction:row;padding:5px;z-index:5;overflow-x:auto}.rail-top{flex-direction:row;flex:1;justify-content:space-around;gap:2px}.rail-btn{min-width:58px;min-height:54px;padding:4px}.rail-btn span{font-size:19px}.rail-btn small{font-size:9px}.rail-bottom{margin:0}.world{min-height:790px;display:flex;flex-direction:column;gap:10px;padding:12px}.intro-floating{min-height:114px}.intro-floating h1{font-size:29px;margin:8px 0}.intro-floating p{font-size:11px;max-width:290px}.avatar-stage{position:absolute;top:132px;left:-70px;width:290px;height:400px;bottom:auto;z-index:1}.avatar-name{left:75px;bottom:3px}.conversation{align-self:flex-end;width:calc(100% - 130px);margin-top:12px;min-height:340px;height:340px;padding:10px}.bubble{font-size:11px;padding:8px}.products{margin-top:20px;min-height:208px;height:220px;z-index:2}.product-cards{height:170px}.product-card{flex-basis:137px}.product-art{height:50px}.cart{min-height:400px;max-height:600px}.commandbar{padding:6px;gap:2px;min-height:74px}.talk-button{min-width:65px;height:57px}.mic-icon{font-size:21px}.tool-button{min-width:39px;height:60px}.tool-button span{height:31px;width:31px;font-size:18px}.tool-button small{font-size:8px}.type-form{min-width:100px}.type-form input{font-size:10px}.modal-backdrop{padding:8px}.modal{padding:14px;border-radius:15px}.doc-table th,.doc-table td{padding:8px 4px;font-size:10px}}
@media print{.app,.toast,.monitor-backdrop,.modal-top,.modal-actions{display:none!important}.modal-backdrop{display:block;position:static;background:white;padding:0}.modal{width:100%;box-shadow:none;max-height:none;overflow:visible}.doc-flag{border:1px solid #a79e89}}
/* El SVG del avatar conserva su boca original; se anima como un solo grupo. */
.avatar-stage .mouth{transform-box:fill-box;transform-origin:center center}
.avatar-stage.is-speaking .mouth{animation:talk-mouth .24s ease-in-out infinite alternate}


/* v2.1 - direccion creativa: avatar fotografico, campo real, burbujas y canasta tactil */
.layout{grid-template-columns:112px minmax(520px,1fr) 350px}
.rail{padding:12px 10px;box-shadow:2px 0 16px #12372409}
.rail-btn{min-height:80px;gap:7px;border-radius:14px}
.rail-btn small{font-size:11px}
.world{grid-template-columns:42% 58%;grid-template-rows:96px minmax(210px,1fr) minmax(225px,35%);padding:16px 24px 24px 16px;gap:12px}
.field-bg{background-image:url('campo-fotografico.jpg');background-position:center center;background-size:cover;filter:brightness(.87) saturate(1.12);transform:scale(1.045)}
.field-tint{background:linear-gradient(90deg,#15381e4b 0%,#0b36192a 48%,#23461a19 100%),linear-gradient(0deg,#12392170 0%,transparent 35%,#fff7e00d 80%)}
.intro-floating{max-width:480px;pointer-events:none;margin-left:5px}
.intro-floating .kicker{display:inline-block;background:#fffef1ee;color:var(--forest);font-size:9px;letter-spacing:1.2px;box-shadow:0 2px 8px #041e1225}
.intro-floating h1{font-size:clamp(23px,2.55vw,36px);margin:10px 0 4px;text-shadow:0 3px 14px #05200ecc}
.intro-floating h1 em{color:#ffe186}
.intro-floating p{font-size:12px;color:white;max-width:400px;font-weight:750}
.avatar-stage{width:43%;min-width:350px;left:-26px;height:calc(100% - 65px);bottom:-14px;align-items:flex-end;justify-content:center;z-index:1;filter:drop-shadow(0 12px 18px #0c251c66)}
.avatar-stage .alma-portrait{width:auto;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:bottom;transform-origin:bottom 45%;animation:photo-breathe 5.5s ease-in-out infinite;will-change:transform;filter:saturate(1.035) contrast(1.025)}
.avatar-stage.is-speaking .alma-portrait{animation:photo-speaking 1.65s ease-in-out infinite}
@keyframes photo-breathe{0%,100%{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-4px) rotate(.15deg)}}
@keyframes photo-speaking{0%,100%{transform:translateY(0) rotate(-.3deg)}30%{transform:translateY(-3px) rotate(.25deg)}60%{transform:translateY(-1px) rotate(-.15deg)}}
.avatar-name{left:30px;bottom:55px;padding:11px 15px;backdrop-filter:blur(9px);background:#10482fdb;z-index:2}
.conversation{border:0;background:transparent;backdrop-filter:none;box-shadow:none;padding:0 4px 10px 0;border-radius:0;min-height:0;max-height:none;align-self:stretch;overflow:visible}
.chat-head{color:white;text-shadow:0 1px 7px #10351d;font-size:10px;padding:4px 0 0 6px}
.chat-head button{background:#ffffffdf;border-radius:20px;padding:4px 10px;color:var(--forest)}
.chat-bubbles{padding:9px 6px 8px;gap:13px;overflow-y:auto;min-height:85px;max-height:280px;scrollbar-width:none}
.bubble{max-width:82%;font-size:14px;line-height:1.45;background:white;border:0;border-radius:20px;padding:13px 17px;box-shadow:0 10px 22px #091a173d;position:relative}
.bubble.alma{align-self:flex-start;margin-left:0}
.bubble.alma::before{content:'';position:absolute;left:-8px;bottom:18px;width:18px;height:18px;background:#fff;transform:rotate(45deg);border-radius:2px}
.bubble.client{align-self:flex-end;background:#e3f1f7;border:0;margin-right:4px}
.bubble.client::after{content:'';position:absolute;right:-8px;bottom:18px;width:18px;height:18px;background:#e3f1f7;transform:rotate(45deg);border-radius:2px}
.bubble b{font-size:9px;color:#386b3d}
.bubble.client b{color:#3d687a}
.voice-strip{position:absolute;bottom:38px;left:28px;width:min(380px,39%);min-height:96px;z-index:5;border-radius:28px;background:linear-gradient(120deg,#0c422af4,#0f6044ee);border:1px solid #d6eddb77;box-shadow:0 15px 40px #071d1880;padding:17px 20px;gap:15px;backdrop-filter:blur(12px)}
.voice-live-circle{font-size:29px}
.voice-waves{height:46px;gap:4px}
.voice-waves i{height:11px;width:4px;background:#5bf6d7;box-shadow:0 0 9px #52f9d972}
.voice-strip.listening .voice-waves i,.voice-strip.speaking .voice-waves i{animation-duration:.45s}
.voice-strip strong{font-size:14px}.voice-strip small{font-size:11px}
.products{margin-top:auto;min-height:0;background:#fffcfaF7;border:1px solid #ffffffcb;border-radius:19px;box-shadow:0 14px 36px #14271255;padding:13px 13px 14px}
.products-head strong{font-size:15px;color:var(--forest2)}
.product-card{flex:0 0 148px;border:1px solid #e1e7de;border-radius:13px}
.product-art{height:86px;background:#f6f8f3;position:relative;overflow:hidden}
.product-art .pack-photo{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.product-art .demo-photo-badge{position:absolute;top:4px;left:5px;background:#fff9;border-radius:3px;padding:2px 4px;color:#57715b;font-size:7px;letter-spacing:.6px;font-weight:800}
.cart{background:white}
.cart-header{padding:24px 20px 14px}
.cart-header h2{font-size:24px}
.cart-bottom{background:white}
.grand-total{background:linear-gradient(100deg,#e0f0e6,#f1f7e9)}
.cta.primary{background:linear-gradient(105deg,#0a673d,#275B31);min-height:49px}
.cta.secondary{background:linear-gradient(105deg,#98cf83,#c7d533);min-height:49px}
.commandbar{background:#fffefa;min-height:106px;padding:12px 19px}
.talk-button{border-radius:18px;min-width:86px;height:76px;background:linear-gradient(130deg,#087043,#275B31)}
.suggestions button{font-size:11px;background:#fff;border-color:#dde7dd}
@media(min-height:880px){.world{grid-template-rows:100px minmax(270px,1fr) minmax(245px,36%)}.product-card{flex-basis:163px}.product-art{height:100px}.chat-bubbles{max-height:340px}.voice-strip{bottom:33px}}
@media(max-width:1320px){.layout{grid-template-columns:88px minmax(450px,1fr) 320px}.rail-btn{min-height:70px}.world{grid-template-columns:41% 59%;padding:13px;gap:8px}.avatar-stage{left:-32px;min-width:330px;width:44%;height:calc(100% - 35px)}.voice-strip{left:13px;width:40%;padding:12px;min-height:75px}.voice-strip strong{font-size:12px}.products{padding:10px}.bubble{font-size:12px;padding:10px 13px}.avatar-name{left:12px}.product-card{flex-basis:130px}.product-art{height:77px}}
@media(max-width:1000px){.layout{grid-template-columns:65px minmax(0,1fr)}.world{grid-template-rows:85px 290px 232px;min-height:665px}.avatar-stage{width:38%;min-width:330px;height:calc(100% - 40px)}.voice-strip{width:36%;min-height:66px;bottom:20px}.chat-bubbles{max-height:245px}.cart{min-height:410px}.products{grid-column:2;grid-row:3}}
@media(max-width:600px){.layout{display:block}.rail{padding:6px}.world{min-height:775px;display:flex;flex-direction:column;padding:12px;gap:10px}.intro-floating{min-height:85px}.intro-floating .kicker{font-size:7px}.intro-floating h1{font-size:25px;margin:7px 0 3px}.intro-floating p{font-size:10px}.avatar-stage{width:224px;min-width:224px;height:400px;position:absolute;top:106px;left:-36px;bottom:auto}.avatar-name{left:35px;bottom:17px;padding:7px 9px}.avatar-name small{display:none}.avatar-name b{font-size:11px}.conversation{align-self:flex-end;width:calc(100% - 128px);margin-top:15px;min-height:300px;height:325px;max-height:325px;padding:0;z-index:2}.chat-head{font-size:8px}.chat-head button{font-size:9px;padding:3px 5px}.chat-bubbles{max-height:280px;padding:8px 0 4px 0;gap:8px}.bubble{font-size:10px;max-width:100%;border-radius:14px;padding:9px}.bubble b{font-size:8px}.voice-strip{position:relative;order:99;left:auto;bottom:auto;width:100%;min-height:64px;padding:9px 12px;border-radius:15px}.products{margin-top:20px;height:260px;min-height:260px;z-index:3}.product-cards{height:200px}.product-art{height:75px}.product-card{flex-basis:132px}.top-status{gap:3px}.pill{font-size:8px;padding:5px}.cart{margin-top:0}.commandbar{min-height:78px}.talk-button{min-width:66px;height:62px}.type-form{min-width:110px}}

.cart-icon .pack-photo{width:100%;height:100%;object-fit:contain}.cart-icon .demo-photo-badge{display:none}
/* El encabezado identifica a ALMA; ocultamos la etiqueta superpuesta al retrato. */
.avatar-name{display:none}
@media(min-width:1001px){.avatar-stage{top:80px;bottom:auto;height:calc(100% - 75px);left:-32px}}
@media(min-width:1001px) and (max-width:1320px){.avatar-stage{top:84px;bottom:auto;height:calc(100% - 80px);left:-43px}}
@media(min-width:1001px){.avatar-stage{grid-column:auto;grid-row:auto;top:80px;bottom:auto;height:calc(100% - 80px)}}

/* ALMA v2.2: mensaje claro si el sitio no es seguro */
.voice-warning {background:rgba(255,247,227,.96);color:#80380a;border:1px solid #e9b166;border-radius:12px;padding:10px 14px;font:600 12px/1.45 Exo,'Segoe UI',sans-serif;max-width:580px;margin:8px 4px;box-shadow:0 4px 18px #0002;}
.voice-warning[hidden]{display:none!important;}