:root{--paper:#f4e2b8;--paper-light:#fff2cf;--paper-dark:#e3c98f;--ink:#242319;--red:#922c1f;--red-dark:#641a14;--green:#445322;--green-dark:#283314;--gold:#d69a2d;--line:#573a1c5c;--shadow:0 15px 45px #2a1b0a33}*{box-sizing:border-box}html{background:#201b13}body{color:var(--ink);background:#201b13;margin:0;font-family:Georgia,Times New Roman,serif}button,input,textarea{font:inherit}button{cursor:pointer}body:before,.splash-screen:before,.phone-app:before{content:"";pointer-events:none;opacity:.28;mix-blend-mode:multiply;z-index:100;background-image:radial-gradient(circle at 15% 20%,#63411c38 0 1px,#0000 1.5px),radial-gradient(circle at 65% 75%,#63411c26 0 1px,#0000 1.5px);background-size:17px 19px,23px 27px;position:fixed;inset:0}.splash-screen{background:radial-gradient(circle at 50% 20%,#ffffff8c,#0000 36%),linear-gradient(#f8e9bf 0%,#efd49a 100%);place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.splash-screen:after{content:"";border:3px solid var(--green);box-shadow:inset 0 0 0 5px var(--paper), inset 0 0 0 7px var(--red);pointer-events:none;border-radius:30px;position:absolute;inset:18px}.splash-inner{text-align:center;z-index:2;width:min(92vw,430px);padding:30px 22px;position:relative}.hello{color:var(--red);letter-spacing:-4px;text-shadow:2px 3px #5a28142e;font-size:clamp(54px,14vw,82px);font-style:italic;font-weight:900;animation:.65s cubic-bezier(.19,.89,.3,1.3) both helloIn}.mascot-stage{place-items:center;height:315px;margin-top:-5px;animation:3.2s both mascotVanish;display:grid;position:relative}.mascot-image{object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.04)saturate(1.05);transform-origin:52% 88%;border-radius:45%;width:230px;height:auto;animation:1.25s ease-in-out 2 mascotWave}.spark{color:var(--red);font-weight:900;animation:1s ease-in-out infinite alternate sparkle;position:absolute}.spark-1{font-size:28px;top:50px;left:50px}.spark-2{font-size:24px;animation-delay:.2s;top:80px;right:55px}.spark-3{font-size:35px;animation-delay:.4s;bottom:48px;right:60px}.brand-reveal{opacity:0;flex-direction:column;align-items:center;margin-top:-248px;animation:3.2s cubic-bezier(.2,.9,.25,1.2) both brandReveal;display:flex;transform:scale(.25)rotate(-8deg)}.brand-surco{color:var(--red);letter-spacing:-4px;text-shadow:2px 3px #d8b77a;font-size:76px;font-style:italic;font-weight:900;line-height:.82}.brand-semillas{color:var(--green);font-size:39px;font-style:italic;font-weight:900;line-height:1.05}.tiny-strawberry{margin-top:7px;font-size:27px}.loading-copy{color:var(--green-dark);margin-top:33px;font-weight:800}.loading-bar{border:2px solid var(--green);background:#ffffff4d;border-radius:999px;width:170px;height:12px;margin:9px auto 0;padding:2px}.loading-bar span{border-radius:inherit;background:var(--red);height:100%;animation:3s ease-in-out both loading;display:block}@keyframes helloIn{0%{opacity:0;transform:translateY(-30px)rotate(-5deg)scale(.7)}to{opacity:1;transform:none}}@keyframes mascotWave{0%,to{transform:rotate(-2deg)translateY(0)}25%{transform:rotate(4deg)translateY(-8px)}55%{transform:rotate(-3deg)translateY(3px)}75%{transform:rotate(3deg)translateY(-5px)}}@keyframes mascotVanish{0%,48%{opacity:1;transform:scale(1)}62%,to{opacity:0;transform:scale(.15)rotate(360deg)}}@keyframes brandReveal{0%,52%{opacity:0;transform:scale(.25)rotate(-8deg)}68%,to{opacity:1;transform:scale(1)rotate(0)}}@keyframes sparkle{0%{opacity:.3;transform:scale(.7)rotate(-10deg)}to{opacity:1;transform:scale(1.15)rotate(10deg)}}@keyframes loading{0%{width:4%}to{width:100%}}.app-shell{background:#1d1912;justify-content:center;min-height:100dvh;display:flex}.phone-app{width:min(100%,460px);min-height:100dvh;box-shadow:var(--shadow);background:radial-gradient(circle at 30% 15%,#ffffff73,#0000 24%),linear-gradient(#faebc3 0%,#f3dfad 100%);padding-bottom:88px;position:relative;overflow-x:hidden}.phone-app:after{content:"";pointer-events:none;z-index:0;border:1.5px solid #4453227a;border-radius:22px;width:min(100% - 24px,436px);position:fixed;top:86px;bottom:84px;left:50%;transform:translate(-50%)}.topbar{z-index:20;min-height:74px;padding:max(14px, env(safe-area-inset-top)) 18px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6e5bceb;border-bottom:2px solid #44532259;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand-mini{align-items:center;gap:8px;display:flex}.brand-mini-fruit{filter:drop-shadow(0 2px #371e0a26);font-size:30px}.brand-mini div{flex-direction:column;line-height:.8;display:flex}.brand-mini strong{color:var(--red);font-size:28px;font-style:italic}.brand-mini small{color:var(--green);margin-top:6px;margin-left:9px;font-size:14px;font-weight:900}.quote-badge{color:var(--paper-light);background:var(--green);border:2px solid var(--green-dark);border-radius:999px;padding:8px 10px;font-size:13px;font-weight:900;box-shadow:inset 0 -2px #00000026}.screen-content{z-index:2;padding:18px 22px 30px;animation:.3s both screenIn;position:relative}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ornament{text-align:center;color:var(--green);letter-spacing:4px;margin-top:2px;font-size:20px}h1{text-align:center;color:var(--red);letter-spacing:-1px;text-shadow:1px 2px #552c1021;margin:3px 0 0;font-size:37px;font-style:italic;font-weight:900;line-height:1}.subtitle{text-align:center;color:var(--green);margin:5px 0 22px;font-size:16px;font-style:italic;font-weight:900}.form-stack{gap:15px;display:grid}label>span,.label-title{color:#262116;margin:0 0 6px 3px;font-size:18px;font-weight:900;display:block}.field-wrap{border:2px solid var(--green);background:#fff7db9e;border-radius:14px;align-items:center;gap:8px;min-height:52px;padding:4px 10px;display:flex;box-shadow:inset 0 1px #ffffffb3,0 2px #5135131a}.field-wrap i{border:2px solid var(--green-dark);width:34px;height:34px;color:var(--green-dark);background:#d8b65c;border-radius:50%;flex:0 0 34px;place-items:center;font-style:normal;font-weight:900;display:grid}.field-wrap input{color:#282217;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px;font-weight:700}.field-wrap input::placeholder,textarea::placeholder{color:#8e8267}.strong-field input{font-size:25px;font-weight:900}.locked strong{font-size:24px}.locked em{color:var(--paper-light);background:var(--red);border-radius:999px;margin-left:auto;padding:5px 8px;font-size:11px;font-style:normal;font-weight:900}textarea{resize:vertical;border:2px solid var(--green);color:#282217;background:#fff7db9e;border-radius:14px;outline:none;width:100%;min-height:86px;padding:12px;font-size:15px;font-weight:700}.vat-block{margin-top:2px}.vat-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vat-row button{border:2px solid var(--green);height:48px;color:var(--green-dark);background:#fff7dbad;border-radius:999px;font-size:21px;font-weight:900;box-shadow:inset 0 -2px #00000012}.vat-row button.active{color:var(--paper-light);box-shadow:inset 0 2px 0 #ffffff2e, 0 3px 0 var(--green-dark);background:linear-gradient(#596a2e,#3e4c21);transform:translateY(-1px)}.totals-card{border-top:2px dotted #67441b80;border-bottom:2px solid var(--red);background:#fff7db5c;margin:22px 0 18px}.totals-card>div{justify-content:space-between;gap:20px;padding:11px 10px;font-size:17px;display:flex}.totals-card b{white-space:nowrap}.tax-line{color:var(--red)}.grand-total{background:#f2cf74;border-top:1px solid #573a1c47;font-weight:900;font-size:22px!important}.primary-btn{border:3px solid var(--red-dark);color:#fff2cf;text-shadow:0 2px #531a12;background:linear-gradient(#ae3c29,#852619);border-radius:15px;width:100%;min-height:60px;font-size:23px;font-weight:900;box-shadow:inset 0 3px #ffffff2b,0 5px #5c1812,0 9px 17px #421d0f2e}.primary-btn:active{transform:translateY(3px);box-shadow:inset 0 2px #ffffff1f,0 2px #5c1812}.bottom-ornament{text-align:center;color:var(--green);letter-spacing:7px;margin:22px 0 0}.bottom-nav{z-index:30;width:min(100%,460px);min-height:76px;padding:8px 10px max(8px, env(safe-area-inset-bottom));border-top:2px solid var(--green);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5e2b8f7;grid-template-columns:repeat(3,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#695c43;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:5px;font-size:12px;font-weight:900;display:flex}.bottom-nav button span{font-size:22px;line-height:1}.bottom-nav button.active{background:var(--green);color:#fff1cc;box-shadow:inset 0 2px #ffffff1f}.history-screen{padding-bottom:35px}.history-list{gap:12px;display:grid}.history-card,.client-card,.empty-card{border:2px solid var(--green);background:#fff7dba8;border-radius:17px;padding:14px;box-shadow:0 4px #4036181c}.history-head{color:var(--red);justify-content:space-between;align-items:center;font-size:13px;display:flex}.history-card h3{margin:8px 0 2px;font-size:20px}.history-card p{color:#6b6049;margin:0 0 7px;font-size:13px}.history-card>strong{color:var(--green-dark);font-size:22px}.history-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.history-actions button,.client-card button{border:2px solid var(--green);min-height:36px;color:var(--green-dark);background:#f4d88e;border-radius:999px;font-weight:900}.empty-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;display:flex}.empty-fruit{font-size:55px}.empty-card span{color:#73684f}.client-card{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.client-icon{font-size:34px}.client-card div{flex-direction:column;gap:2px;min-width:0;display:flex}.client-card div b{font-size:17px}.client-card small{text-overflow:ellipsis;color:#6b6049;overflow:hidden}.client-card button{padding:6px 12px}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18120ab8;place-items:end center;display:grid;position:fixed;inset:0}.quote-modal{border:3px solid var(--green);background:radial-gradient(circle at 50% 0,#ffffff61,#0000 31%),#f6e3b6;border-bottom:0;border-radius:26px 26px 0 0;width:min(100%,460px);max-height:94dvh;padding:24px 22px 28px;animation:.34s cubic-bezier(.2,.75,.2,1.1) both modalIn;position:relative;overflow-y:auto;box-shadow:0 -20px 50px #00000059}@keyframes modalIn{0%{transform:translateY(100%)}to{transform:none}}.close-modal{border:2px solid var(--red-dark);background:var(--red);color:#fff0ca;border-radius:50%;width:36px;height:36px;font-size:25px;line-height:1;position:absolute;top:12px;right:12px}.modal-rays{text-align:center;color:var(--red);letter-spacing:2px;margin-top:6px;font-size:27px;font-weight:900}.quote-modal h2{text-align:center;color:var(--green);margin:-3px 0 16px;font-size:33px;font-style:italic}.paper-preview{border:5px double var(--green);background:#fff0c7;border-radius:15px;min-height:330px;padding:17px;position:relative;box-shadow:inset 0 0 25px #64461814,0 6px #3e2f1326}.preview-brand{color:var(--red);flex-direction:column;font-size:29px;font-style:italic;line-height:.75;display:flex}.preview-brand small{color:var(--green);margin:7px 0 0 11px;font-size:15px;font-weight:900}.preview-number{flex-direction:column;align-items:flex-end;font-size:11px;display:flex;position:absolute;top:17px;right:17px}.preview-number b{font-size:13px}.preview-meta{flex-direction:column;gap:4px;margin:20px 0 13px;font-size:11px;display:flex}.preview-table{border:1px solid #6a613c}.preview-row{grid-template-columns:1.5fr .55fr .8fr;font-size:10px;display:grid}.preview-row span{border-right:1px solid #6a613c;padding:7px 5px}.preview-row span:last-child{text-align:right;border-right:0}.preview-row.head{background:#edd28a;border-bottom:1px solid #6a613c;font-weight:900}.preview-totals{flex-direction:column;align-items:flex-end;gap:6px;margin-top:16px;font-size:12px;display:flex}.preview-totals span{justify-content:space-between;width:170px;display:flex}.preview-totals strong{color:var(--red);border-top:1px solid var(--red);padding-top:5px;font-size:17px}.preview-seal{border:2px dashed var(--green);border-radius:50%;place-items:center;width:49px;height:49px;font-size:26px;display:grid;position:absolute;bottom:18px;left:20px;transform:rotate(-8deg)}.modal-actions{gap:10px;margin-top:17px;display:grid}.modal-actions button{color:#fff2d2;border:3px solid #2b2211a6;border-radius:13px;min-height:52px;font-size:17px;font-weight:900;box-shadow:inset 0 2px #ffffff29,0 4px #31231247}.modal-actions .red{background:var(--red)}.modal-actions .green{background:var(--green)}.modal-actions .gold{color:#251c0e;background:#c8891f}.mascot-thumb{text-align:right;margin-top:11px;font-size:36px}@media (min-width:700px){.phone-app{border:9px solid #0e0e0d;border-radius:34px;min-height:calc(100dvh - 44px);margin:22px 0;overflow:hidden}.bottom-nav{border-radius:0 0 25px 25px;bottom:22px}.phone-app:after{top:112px;bottom:110px}.quote-modal{border-bottom:3px solid var(--green);border-radius:26px;margin-bottom:22px}}