:root{--ink:#151515;--paper:#fff;--cream:#f6f1ea;--cream2:#ece2d6;--soft:#fbf9f6;--muted:#706a62;--line:#e4ddd4;--green:#61745c;--shadow:0 28px 80px rgba(44,34,23,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}[hidden]{display:none!important}
.demo-banner{background:#151515;color:#fff;text-align:center;padding:8px 16px;font-size:11px;letter-spacing:.06em}.demo-banner span{display:inline-block;width:6px;height:6px;background:#91af86;border-radius:50%;margin-right:7px}
.site-header{height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,5vw,74px);border-bottom:1px solid rgba(0,0,0,.07);position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;justify-self:start}.brand img{width:128px;height:58px;object-fit:contain}.nav{display:flex;gap:31px;font-size:13px;color:#4e4943}.nav a:hover{opacity:.55}.header-actions{justify-self:end;display:flex;gap:9px;align-items:center}.admin-link{background:none;border:0;padding:11px;font-size:12px;color:#8a8279;text-decoration:underline;text-underline-offset:3px}
.button,.button-secondary{border:0;border-radius:999px;padding:15px 23px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:13px;transition:.22s ease}.button{background:#151515;color:#fff;box-shadow:0 9px 24px rgba(0,0,0,.13)}.button:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(0,0,0,.17)}.button-secondary{background:#fff;border:1px solid var(--line)}.button-accent{background:#514a42}.button-small{min-height:42px;padding:11px 18px}.full{width:100%}.text-link{font-size:13px;font-weight:600;padding:10px 3px;border-bottom:1px solid #bbb2a7}.eyebrow{margin:0 0 16px;font-size:11px;letter-spacing:.18em;font-weight:700;color:#827a70}
.hero{min-height:735px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(50px,8vw,125px);padding:75px clamp(22px,6vw,95px) 86px;background:linear-gradient(135deg,#fff 0%,#fff 48%,#f9f5ef 100%)}.hero-copy{max-width:720px}.hero h1{font-size:clamp(56px,6.15vw,94px);line-height:.97;letter-spacing:-.058em;font-weight:500;margin:0 0 27px}.hero h1 em,.manifesto em{font-family:'Playfair Display',serif;font-weight:500}.hero-text{font-size:18px;line-height:1.72;color:var(--muted);max-width:635px;margin:0 0 33px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.trust-row{display:flex;gap:45px;border-top:1px solid var(--line);margin-top:52px;padding-top:27px;max-width:610px}.trust-row div{display:flex;flex-direction:column;gap:3px}.trust-row strong{font-size:19px}.trust-row span{font-size:11px;color:var(--muted)}
.hero-visual{min-height:565px;position:relative;display:grid;place-items:center}.hero-orb{position:absolute;width:490px;height:490px;border-radius:50%;background:#e9ddcf;right:3%;top:30px;box-shadow:inset 0 0 100px rgba(255,255,255,.6)}.editor-card{width:min(410px,88vw);background:rgba(255,255,255,.94);padding:19px;border-radius:30px;border:1px solid rgba(255,255,255,.88);box-shadow:var(--shadow);z-index:2}.editor-top,.editor-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.09em}.editor-top b{font-weight:500;letter-spacing:0;color:#666}.editor-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#819778;margin-right:5px}.editor-stage{height:395px;margin:16px 0;background:linear-gradient(145deg,#f5efe7,#e9dfd2);border-radius:22px;position:relative;display:grid;place-items:center;overflow:hidden}.stage-shadow{position:absolute;bottom:51px;width:185px;height:20px;background:rgba(74,55,34,.10);filter:blur(8px);border-radius:50%}.sculpt{width:170px;height:218px;background:#efe8dd;border-radius:78px 78px 52px 52px;position:relative;z-index:2;box-shadow:inset -16px -17px 30px rgba(86,67,45,.08),inset 12px 10px 22px rgba(255,255,255,.78)}.sculpt .e1,.sculpt .e2{position:absolute;width:55px;height:55px;background:#efe8dd;border-radius:50%;top:-16px}.sculpt .e1{left:9px}.sculpt .e2{right:9px}.sculpt-face{position:absolute;top:65px;width:100%;display:flex;justify-content:center;gap:38px}.sculpt-face i{width:8px;height:8px;border-radius:50%;background:#38322d}.sculpt-face b{position:absolute;top:24px;width:19px;height:13px;background:#5f554d;border-radius:50%}.sculpt-body{position:absolute;left:32px;right:32px;bottom:24px;height:58px;border-radius:50%;border:1px solid rgba(81,63,43,.12)}.float-pill{position:absolute;z-index:4;background:#fff;padding:10px 15px 10px 10px;border:1px solid #ece3d8;border-radius:999px;font-size:11px;font-weight:600;box-shadow:0 14px 38px rgba(54,40,24,.10);display:flex;align-items:center;gap:8px}.float-pill b{background:#171717;color:#fff;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:9px}.fp1{left:0;top:92px}.fp2{right:-10px;top:260px}.fp3{left:5%;bottom:75px}
.manifesto{padding:120px 22px;text-align:center;background:#171717;color:#fff}.manifesto span{display:block;color:#aaa39a;margin-bottom:12px;font-size:15px}.manifesto h2{font-size:clamp(40px,4.8vw,70px);line-height:1.08;letter-spacing:-.035em;margin:0;font-weight:500}.manifesto h2 em{color:#e9ded2}
.section{padding:116px clamp(22px,6vw,94px)}.section-heading{max-width:750px;margin-bottom:52px}.section-heading h2,.includes h2,.final-cta h2{font-size:clamp(39px,4.3vw,61px);line-height:1.06;letter-spacing:-.04em;margin:0 0 18px}.section-heading>p:last-child,.includes-intro>p:last-child{font-size:16px;line-height:1.68;color:var(--muted);margin:0}.centered{text-align:center;margin-left:auto;margin-right:auto}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid article{padding:25px 25px 32px 0;margin-right:25px;border-right:1px solid var(--line)}.process-grid article:last-child{margin-right:0;border-right:0}.process-grid article>span{font-size:10px;letter-spacing:.12em;color:#928a81}.process-icon{width:45px;height:45px;border-radius:50%;background:#f4efe9;display:grid;place-items:center;margin:34px 0 23px;font-size:17px}.process-grid h3{font-size:19px;margin:0 0 12px}.process-grid p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}
.includes{padding-top:20px}.includes-card{background:var(--cream);padding:clamp(35px,5vw,70px);border-radius:36px;display:grid;grid-template-columns:1.1fr 1.15fr .62fr;gap:55px}.includes-intro h2{margin-bottom:18px}.include-list{border-top:1px solid #d8cec2}.include-list>div{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:18px 0;border-bottom:1px solid #d8cec2}.include-list span{font-size:10px;color:#958b80}.include-list p{font-size:13px;line-height:1.5;color:#5f5952;margin:0}.include-list strong{color:#1b1b1b}.price-box{padding-left:12px}.price-box small{font-size:10px;letter-spacing:.13em;font-weight:700}.price-box strong{font-size:52px;display:block;letter-spacing:-.055em;margin:10px 0 3px}.price-box strong i{font-style:normal;font-size:12px;letter-spacing:0}.price-box p{font-size:12px;color:var(--muted);margin:0}
.creator-section{padding:115px clamp(12px,4vw,65px);background:var(--soft)}.app-shell{max-width:1180px;margin:0 auto;background:#fff;border:1px solid #e9e2d9;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:255px 1fr;box-shadow:0 32px 85px rgba(48,37,25,.08)}.app-sidebar{background:#171717;color:#fff;padding:31px 27px;display:flex;flex-direction:column}.sidebar-title{padding-bottom:28px;border-bottom:1px solid #333}.sidebar-title small{display:block;font-size:9px;letter-spacing:.18em;color:#928e89;margin-bottom:7px}.sidebar-title strong{font-size:19px}.app-steps{list-style:none;margin:32px 0;padding:0;display:flex;flex-direction:column;gap:22px}.app-steps li{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start;color:#787571}.app-steps li>span{width:27px;height:27px;border:1px solid #484642;border-radius:50%;display:grid;place-items:center;font-size:10px}.app-steps li div{display:flex;flex-direction:column;gap:3px}.app-steps b{font-size:12px;font-weight:500}.app-steps small{font-size:9px}.app-steps li.active{color:#fff}.app-steps li.active>span{background:#fff;color:#171717;border-color:#fff}.sidebar-price{margin-top:auto;border-top:1px solid #333;padding-top:22px;display:flex;flex-direction:column}.sidebar-price span{font-size:9px;color:#989590;letter-spacing:.1em}.sidebar-price strong{font-size:20px;margin:4px 0}.sidebar-price small{font-size:10px;color:#8c8883}
.app-main{min-height:720px}.app-panel{display:none;padding:clamp(31px,5vw,58px)}.app-panel.active{display:block}.app-head{max-width:700px;margin-bottom:31px}.app-head>span{font-size:9px;letter-spacing:.16em;color:#8b8278;font-weight:700}.app-head h3{font-size:34px;letter-spacing:-.035em;margin:8px 0 10px}.app-head p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.choice-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;min-height:225px;transition:.2s;display:flex;flex-direction:column}.choice-card:hover,.choice-card.selected{border-color:#171717;box-shadow:0 15px 38px rgba(40,32,23,.08);transform:translateY(-2px)}.choice-card.selected{background:#fbf9f6}.choice-symbol{width:42px;height:42px;background:var(--cream);border-radius:50%;display:grid;place-items:center;font-size:17px;margin-bottom:24px}.choice-card b{font-size:17px}.choice-card p{font-size:13px;color:var(--muted);line-height:1.6;flex:1}.choice-card>span{font-size:11px;font-weight:700}.mode-area{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.field small{font-weight:400;color:#8a837b;font-size:10px}.field input,.field select,.field textarea{border:1px solid #ddd5cb;background:#fff;border-radius:13px;padding:13px 14px;outline:none;font-weight:400;font-size:14px}.field input,.field select{height:49px}.field textarea{min-height:132px;resize:vertical;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{border-color:#777068;box-shadow:0 0 0 3px rgba(76,67,57,.06)}.upload-box{border:1px dashed #bdb2a6;background:#faf8f5;border-radius:18px;padding:17px;display:flex;gap:17px;align-items:center;cursor:pointer;margin-bottom:18px}.upload-box input{display:none}.upload-preview{width:105px;height:88px;border-radius:13px;background:#eee7de;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-preview span{font-size:25px;color:#827a71}.upload-box b{font-size:13px}.upload-box p{font-size:11px;color:var(--muted);margin:5px 0}.upload-box small{font-size:9px;color:#989087}.segmented-label{font-size:11px;font-weight:600;margin:18px 0 8px}.segmented{display:flex;gap:8px;flex-wrap:wrap}.segmented button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-size:11px}.segmented button.selected{background:#171717;color:#fff;border-color:#171717}.info-callout{display:flex;gap:11px;background:#f5f0e9;border-radius:15px;padding:14px;margin-top:16px}.info-callout span{font-size:17px}.info-callout p{font-size:11px;line-height:1.55;margin:0;color:#655e56}.example-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.example-chips span{font-size:10px;color:#888076;align-self:center}.example-chips button{border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:999px;font-size:9px;color:#625b54}.app-actions{display:flex;justify-content:space-between;gap:10px;margin-top:28px;flex-wrap:wrap}.app-actions.end{justify-content:flex-end}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full-span{grid-column:1/-1}.input-suffix{position:relative}.input-suffix input{width:100%;padding-right:78px}.input-suffix span{position:absolute;right:13px;top:15px;font-size:10px;color:#817970}.price-summary{display:flex;align-items:center;gap:20px;background:var(--cream);border-radius:17px;padding:20px;margin-top:24px}.price-summary div{display:flex;flex-direction:column;gap:5px}.price-summary small{font-size:8px;letter-spacing:.12em;color:#827b73}.price-summary strong{font-size:18px}.price-summary>span{color:#a69d93}.price-total{margin-left:auto}.price-total strong{font-size:25px!important}
.ai-status{display:flex;align-items:center;gap:15px;background:#f7f3ed;border-radius:16px;padding:16px;margin-bottom:20px}.ai-status b{display:block;font-size:12px;margin-bottom:3px}.ai-status span{display:block;font-size:10px;color:#776f66;line-height:1.45}.spinner{width:30px;height:30px;border:2px solid #d9cfc3;border-top-color:#1a1a1a;border-radius:50%;animation:spin .9s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.proposal-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.proposal-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;text-align:left;transition:.2s;position:relative}.proposal-card:hover,.proposal-card.selected{border-color:#171717;box-shadow:0 14px 35px rgba(37,30,22,.08);transform:translateY(-2px)}.proposal-art{height:245px;border-radius:13px;background:linear-gradient(145deg,#f3ede5,#e8ded1);display:grid;place-items:center;position:relative;overflow:hidden}.proposal-no{position:absolute;left:13px;top:13px;background:#fff;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;z-index:4}.proposal-info{display:flex;justify-content:space-between;align-items:center;padding:13px 5px 3px}.proposal-info b{font-size:12px}.proposal-info span{font-size:9px;color:#8b8379}.selected-banner{display:flex;gap:10px;align-items:center;background:#edf2eb;border-radius:14px;padding:13px 15px;margin-top:17px}.selected-banner>span{width:24px;height:24px;background:#62785f;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px}.selected-banner p{font-size:11px;color:#535d50;margin:0}.selected-banner i{font-style:normal}
.art-figure{position:relative;width:115px;height:150px;border-radius:56px 56px 38px 38px;background:#e9e0d4;box-shadow:inset -12px -13px 25px rgba(74,59,42,.08),inset 8px 8px 15px rgba(255,255,255,.75);z-index:2;transition:.3s}.art-figure:before,.art-figure:after{content:'';position:absolute;background:inherit}.variant-1:before,.variant-1:after{width:43px;height:43px;border-radius:50%;top:-13px}.variant-1:before{left:5px}.variant-1:after{right:5px}.variant-2{border-radius:48% 48% 38% 38%;width:110px;height:155px}.variant-2:before,.variant-2:after{width:30px;height:70px;border-radius:70% 70% 30% 30%;top:-43px}.variant-2:before{left:12px;transform:rotate(-8deg)}.variant-2:after{right:12px;transform:rotate(8deg)}.variant-3{width:125px;height:143px;border-radius:45% 45% 37% 37%}.variant-3:before,.variant-3:after{width:54px;height:39px;border-radius:50%;top:1px}.variant-3:before{left:-26px;transform:rotate(20deg)}.variant-3:after{right:-26px;transform:rotate(-20deg)}.variant-4{width:116px;height:150px;border-radius:44px 44px 34px 34px}.variant-4:before{width:12px;height:42px;top:-34px;left:52px;border-radius:8px}.art-face{position:absolute;left:0;right:0;top:48px;display:flex;justify-content:center;gap:27px}.art-face i{width:6px;height:6px;background:#39332e;border-radius:50%}.art-face b{position:absolute;top:19px;width:15px;height:9px;background:#635950;border-radius:50%}.art-detail{position:absolute;bottom:22px;left:26px;right:26px;height:39px;border:1px solid rgba(80,61,42,.14);border-radius:50%}.proposal-art.painted .art-figure{background:#d8bda4}.proposal-art.painted .art-detail{background:#b6c1a9;border:0}.proposal-art.painted .variant-2{background:#e5d5c4}.proposal-art.painted .variant-3{background:#cbb798}.proposal-art.painted .variant-4{background:#d9c1a6}
.design-workbench{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.workbench-preview,.adjust-panel{border:1px solid var(--line);border-radius:19px;padding:17px}.preview-tabs{display:flex;background:#f4f0ea;border-radius:999px;padding:4px;width:max-content;max-width:100%;margin-bottom:14px}.preview-tabs button{border:0;background:transparent;padding:8px 13px;border-radius:999px;font-size:9px}.preview-tabs button.selected{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}.large-proposal{height:370px;background:linear-gradient(145deg,#f4eee6,#e8ded2);border-radius:15px;display:grid;place-items:center;overflow:hidden}.large-proposal .proposal-art{height:100%;width:100%;border-radius:0}.large-proposal .art-figure{transform:scale(1.55)}.design-meta{display:flex;justify-content:space-between;gap:7px;margin-top:12px}.design-meta span{font-size:8px;color:#8b837a}.design-meta b{color:#332f2a}.adjust-count{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:17px}.adjust-count span{font-size:8px;letter-spacing:.12em;color:#8b837a}.adjust-count strong{font-size:11px}.change-history{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.change-history small{font-size:8px;letter-spacing:.12em;color:#8c847b}.change-history p{font-size:10px;color:#756d64;line-height:1.5}.change-history ol{padding-left:18px;font-size:10px;color:#665f57;line-height:1.5}.lock-note{display:flex;gap:9px;background:#f4f0e9;border-radius:13px;padding:12px;margin-top:13px}.lock-note p{font-size:9px;line-height:1.45;margin:0;color:#716960}
.final-design-card{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden}.final-art{min-height:375px;background:linear-gradient(145deg,#f1ebe3,#e6dbce);display:grid;place-items:center}.final-art .proposal-art{height:100%;width:100%;border-radius:0}.final-art .art-figure{transform:scale(1.45)}.final-info{padding:27px}.tag{font-size:8px;letter-spacing:.15em;color:#877f76}.tag i{font-style:normal}.final-info h4{font-size:25px;margin:8px 0 19px}.final-info dl{margin:0}.final-info dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}.final-info dt{color:#817970}.final-info dd{margin:0;font-weight:600;text-align:right}.approval-box{display:flex;gap:10px;background:#f0f4ef;border-radius:13px;padding:12px;margin-top:18px}.approval-box>span{width:24px;height:24px;background:#657a61;color:#fff;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:10px}.approval-box p{font-size:9px;line-height:1.5;margin:0;color:#596255}.contact-card{margin-top:20px;background:#f9f7f3;border-radius:18px;padding:22px;display:grid;grid-template-columns:.7fr 1.3fr;gap:28px}.contact-card h4{margin:0 0 5px;font-size:16px}.contact-card p{font-size:10px;color:#817970;margin:0}.form-grid.compact{gap:11px}.success-panel{text-align:center;padding-top:90px!important}.success-icon{width:65px;height:65px;border-radius:50%;background:#657a61;color:#fff;display:grid;place-items:center;margin:0 auto 22px;font-size:24px}.success-panel h3{font-family:'Playfair Display',serif;font-size:43px;margin:0 0 12px}.success-panel>p:not(.eyebrow){max-width:610px;margin:0 auto;color:var(--muted);line-height:1.6;font-size:13px}.request-number{margin:27px auto 17px;background:#f5f0e9;border-radius:999px;padding:11px 18px;width:max-content;font-size:10px}.request-number strong{font-size:12px}.order-lines{max-width:610px;margin:0 auto;border:1px solid var(--line);border-radius:15px;overflow:hidden}.order-lines>div{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--line);font-size:10px}.order-lines>div:last-child{border-bottom:0}.success-actions{display:flex;justify-content:center;gap:9px;margin-top:22px;flex-wrap:wrap}
.inspiration{padding-top:105px}.inspiration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.inspire-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;padding-bottom:24px}.mini-stage{height:300px;display:grid;place-items:center}.stage-one{background:#eee3d6}.stage-two{background:#e6e3de}.stage-three{background:#e2d5ca}.mini-sculpt{width:100px;height:126px;border-radius:45px;background:#f0e8de;box-shadow:0 20px 35px rgba(59,43,28,.12);position:relative;display:grid;place-items:center}.bunny:before,.bunny:after{content:'';position:absolute;width:27px;height:65px;background:#f0e8de;border-radius:60% 60% 25% 25%;top:-46px}.bunny:before{left:15px}.bunny:after{right:15px}.cross{font-size:34px}.pet:before,.pet:after{content:'';position:absolute;width:40px;height:35px;background:#f0e8de;border-radius:50%;top:-10px}.pet:before{left:-5px}.pet:after{right:-5px}.inspire-card>span{font-size:8px;letter-spacing:.14em;color:#8e867d;display:block;margin:20px 22px 7px}.inspire-card h3{margin:0 22px;font-size:17px;line-height:1.3}
.faq-list{border-top:1px solid var(--line);max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';font-size:18px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;line-height:1.65;color:var(--muted);max-width:700px;margin:13px 0 0}.final-cta{margin:0 18px 18px;background:#171717;color:#fff;padding:102px 25px;text-align:center;border-radius:31px}.final-cta .eyebrow{color:#aaa299}.final-cta h2{margin:0 auto 28px;max-width:850px;font-family:'Playfair Display',serif;font-weight:500}.button-light{background:#fff;color:#171717}footer{padding:43px clamp(22px,6vw,90px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);font-size:10px;color:#817970}footer img{width:110px;height:48px;object-fit:contain}footer p{margin:0;justify-self:center}footer span{justify-self:end}.mobile-cta{display:none}
.admin-overlay{position:fixed;inset:0;background:#f6f3ef;z-index:200;overflow:auto}.admin-shell{min-height:100vh}.admin-header{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,58px);position:sticky;top:0;z-index:2}.admin-header>div{display:flex;align-items:center;gap:18px}.admin-header img{width:100px;height:45px;object-fit:contain}.admin-header span{font-size:10px;color:#817970}.admin-header button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:10px}.admin-body{padding:34px clamp(18px,5vw,70px) 80px;max-width:1400px;margin:auto}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-stats>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.admin-stats span{font-size:9px;color:#8a8279}.admin-stats strong{display:block;font-size:26px;margin-top:4px}.admin-toolbar{display:flex;justify-content:space-between;align-items:end;margin:42px 0 18px;gap:18px}.admin-toolbar h2{font-size:32px;margin:0;letter-spacing:-.03em}.admin-orders{display:flex;flex-direction:column;gap:14px}.empty-admin{text-align:center;background:#fff;border:1px dashed #d7cfc5;border-radius:20px;padding:70px 20px}.empty-admin>span{font-size:28px;color:#a89f95}.empty-admin h3{font-size:19px}.empty-admin p{font-size:11px;color:#817970}.admin-order{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden}.order-head{padding:16px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:10px}.order-head>div{display:flex;align-items:center;gap:12px}.order-head b{font-size:13px}.order-head small{font-size:9px;color:#8a8279}.status-chip{border-radius:999px;padding:6px 9px;font-size:8px;background:#f2eee8}.status-chip.approved{background:#edf4eb;color:#4c6248}.status-chip.changes{background:#fff0d8;color:#785f31}.status-chip.rejected{background:#f7e7e5;color:#7b4d48}.order-customer{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 19px;border-bottom:1px solid var(--line);gap:12px}.order-customer div{display:flex;flex-direction:column;gap:3px}.order-customer span{font-size:8px;color:#8b837a}.order-customer b{font-size:10px}.admin-design{padding:19px;display:grid;grid-template-columns:170px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--line)}.admin-thumb{height:155px;background:linear-gradient(145deg,#f2ece4,#e5dbcf);border-radius:13px;display:grid;place-items:center;overflow:hidden}.admin-thumb .art-figure{transform:scale(.78)}.design-data h4{margin:0 0 8px;font-size:15px}.design-data p{font-size:9px;color:#766e65;margin:3px 0}.design-data b{color:#28231f}.design-actions{display:flex;flex-direction:column;gap:7px}.design-actions button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px;font-size:9px;white-space:nowrap}.design-actions .approve{background:#1b1b1b;color:#fff;border-color:#1b1b1b}.order-footer{padding:16px 19px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.order-footer strong{font-size:17px}.quote-ready{background:#f2f5ef;border-radius:13px;padding:10px 13px;font-size:9px;color:#586452}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#171717;color:#fff;border-radius:999px;padding:11px 16px;font-size:10px;z-index:300;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.nav{display:none}.site-header{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr}.hero-copy{max-width:800px}.hero-visual{min-height:520px}.process-grid{grid-template-columns:1fr 1fr}.includes-card{grid-template-columns:1fr 1fr}.price-box{grid-column:1/-1;padding:0}.app-shell{grid-template-columns:210px 1fr}.inspiration-grid{grid-template-columns:1fr 1fr}.admin-design{grid-template-columns:140px 1fr}.design-actions{grid-column:1/-1;flex-direction:row}.order-customer{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.demo-banner{font-size:9px}.site-header{height:66px;padding:0 15px}.brand img{width:93px;height:42px}.admin-link{display:none}.button-small{font-size:11px;padding:9px 13px;min-height:40px}.hero{padding:44px 18px 61px;gap:28px}.hero h1{font-size:clamp(43px,12.5vw,54px);line-height:1}.hero-text{font-size:15px;line-height:1.62}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:12px}.hero-actions .button{width:100%}.text-link{text-align:center;border:0}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:31px;padding-top:21px}.trust-row strong{font-size:16px}.trust-row span{font-size:9px;line-height:1.35}.hero-visual{min-height:390px}.hero-orb{width:310px;height:310px;top:30px}.editor-card{width:min(330px,94vw);padding:14px;border-radius:23px}.editor-stage{height:285px;border-radius:16px}.sculpt{transform:scale(.82)}.float-pill{display:none}.manifesto{padding:72px 18px}.manifesto span{font-size:12px}.manifesto h2{font-size:clamp(35px,9.5vw,45px)}.section{padding:73px 18px}.section-heading{margin-bottom:33px}.section-heading h2,.includes h2{font-size:clamp(34px,9vw,44px)}.section-heading>p:last-child{font-size:14px}.process-grid{grid-template-columns:1fr}.process-grid article{margin:0;border-right:0;border-bottom:1px solid var(--line);padding:22px 0 26px}.process-icon{margin:20px 0 14px}.includes{padding:0 12px 73px}.includes-card{grid-template-columns:1fr;padding:29px 20px;border-radius:23px;gap:28px}.price-box strong{font-size:45px}.creator-section{padding:72px 8px}.creator-section>.section-heading{padding:0 10px}.app-shell{display:block;border-radius:23px}.app-sidebar{padding:14px 14px 0;background:#171717;position:sticky;top:66px;z-index:20}.sidebar-title,.sidebar-price{display:none}.app-steps{margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.app-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding-bottom:11px}.app-steps li>span{width:26px;height:26px}.app-steps li div small{display:none}.app-steps b{font-size:8px}.app-main{min-height:0}.app-panel{padding:26px 16px 31px}.app-head{margin-bottom:23px}.app-head h3{font-size:28px;line-height:1.08}.app-head p{font-size:12px}.choice-grid{grid-template-columns:1fr;gap:11px}.choice-card{min-height:0;padding:19px}.choice-symbol{margin-bottom:13px}.choice-card p{margin-bottom:14px}.upload-box{display:grid;grid-template-columns:82px 1fr;padding:12px;gap:12px}.upload-preview{width:82px;height:80px}.field input,.field select,.field textarea{font-size:16px}.field textarea{min-height:130px}.form-grid{grid-template-columns:1fr;gap:14px}.price-summary{gap:10px;display:grid;grid-template-columns:1fr auto 1fr;position:relative}.price-summary .price-total{grid-column:1/-1;margin:5px 0 0;border-top:1px solid #d8cec2;padding-top:12px}.app-actions{display:grid;grid-template-columns:1fr;width:100%}.app-actions .button,.app-actions .button-secondary{width:100%}.app-actions .button{order:1}.app-actions .button-secondary{order:2}.proposal-grid{grid-template-columns:1fr;gap:11px}.proposal-art{height:270px}.design-workbench{grid-template-columns:1fr}.large-proposal{height:340px}.design-meta{flex-wrap:wrap}.final-design-card{grid-template-columns:1fr}.final-art{min-height:310px}.contact-card{grid-template-columns:1fr;gap:16px}.success-panel{padding-top:65px!important}.success-panel h3{font-size:36px}.inspiration-grid{grid-template-columns:1fr}.mini-stage{height:260px}.final-cta{margin:0 8px 12px;padding:65px 18px;border-radius:23px}.final-cta h2{font-size:41px}footer{grid-template-columns:1fr;gap:12px;text-align:center;padding:35px 18px}footer img,footer p,footer span{justify-self:center}.mobile-cta{display:block;position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:100}.mobile-cta a{height:54px;background:#171717;color:#fff;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;box-shadow:0 15px 35px rgba(0,0,0,.23)}.admin-header{height:65px;padding:0 14px}.admin-header img{width:86px}.admin-header span{display:none}.admin-stats{grid-template-columns:1fr 1fr}.admin-toolbar{align-items:start;flex-direction:column}.admin-toolbar h2{font-size:26px}.admin-order{border-radius:15px}.order-head{align-items:start}.order-head>div{flex-direction:column;align-items:start;gap:3px}.order-customer{grid-template-columns:1fr 1fr}.admin-design{grid-template-columns:105px 1fr;padding:14px;gap:13px}.admin-thumb{height:120px}.admin-thumb .art-figure{transform:scale(.62)}.design-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.design-actions .approve{grid-column:1/-1}.order-footer{align-items:start;flex-direction:column}.toast{bottom:82px;max-width:90%;text-align:center}}

/* Entrega provisional y popularidad de aromas */
.delivery-estimate{display:flex;gap:14px;align-items:flex-start;background:#f8f5f0;border:1px solid #e6ded4;border-radius:17px;padding:17px 18px;margin-top:23px}.delivery-icon{width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#fff;border:1px solid #ded5ca;display:grid;place-items:center;font-size:16px}.delivery-estimate>div:last-child{display:flex;flex-direction:column;gap:3px}.delivery-estimate small{font-size:8px;letter-spacing:.13em;color:#877f76;font-weight:700}.delivery-estimate strong{font-size:17px}.delivery-estimate p{margin:4px 0 0;font-size:10px;line-height:1.55;color:#6d655d}.delivery-estimate p b{color:#28231f}.timing-warning{background:#fff0d8;border-radius:10px;padding:9px 10px!important;color:#745c32!important;margin-top:8px!important}.timing-warning.ok{background:#edf4eb;color:#50614d!important}
@media(max-width:760px){.delivery-estimate{padding:15px 14px}.delivery-estimate strong{font-size:16px}}


.reference-mini{position:absolute;left:12px;bottom:12px;width:78px;background:rgba(255,255,255,.95);border:1px solid rgba(40,35,31,.08);border-radius:10px;padding:5px;z-index:5;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.reference-mini span{display:block;font-size:6px;letter-spacing:.12em;color:#756d64;margin:0 0 4px 1px;font-weight:700}
.reference-mini img{display:block;width:100%;height:62px;object-fit:cover;border-radius:7px}
.demo-design-tag{position:absolute;right:11px;top:11px;z-index:5;background:#fff7df;color:#7a6328;border:1px solid #ead9a3;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:700;letter-spacing:.08em}
.generated-art{display:block!important;padding:0!important;overflow:hidden;position:relative}.real-proposal-media{width:100%;height:100%;min-height:270px;display:grid;place-items:center;background:#f7f3ee}.real-proposal-media img{width:100%;height:100%;max-height:430px;object-fit:contain;display:block}.ai-placeholder{min-height:300px;display:grid;place-items:center;color:#777}.reference-mini{z-index:3}


/* ===== LÚMEA MOBILE FIX 2026-08-24 ===== */
@media (max-width: 760px) {

  .app-shell {
    display: block !important;
    overflow: visible !important;
  }

  .app-sidebar {
    position: static !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .app-sidebar .sidebar-title,
  .app-sidebar .sidebar-price {
    display: none !important;
  }

  .app-steps {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 8px 16px !important;
    gap: 2px !important;
  }

  .app-steps li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 7px !important;
    padding: 0 !important;
  }

  .app-steps li > span {
    margin: 0 auto !important;
  }

  .app-steps li div {
    text-align: center !important;
  }

  .app-steps li div b {
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .app-steps li div small {
    display: none !important;
  }

  .app-main {
    position: relative !important;
    padding-top: 0 !important;
  }

  .app-panel {
    padding-top: 0 !important;
  }

  .app-head {
    padding-top: 28px !important;
  }

  .app-head h3 {
    margin-top: 6px !important;
    line-height: 1.02 !important;
    font-size: clamp(32px, 9vw, 42px) !important;
  }

  .choice-grid {
    grid-template-columns: 1fr !important;
  }

  /* Toda el área de subida abre Fotos / Archivos */
  .upload-box {
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    min-height: 170px !important;
  }

  #referenceImage {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0.001 !important;
    cursor: pointer !important;
    z-index: 20 !important;
  }
}

/* ===== LÚMEA PROPUESTAS VERTICALES 4:5 ===== */

.proposal-art{
  width:100%;
  height:auto !important;
  aspect-ratio:4 / 5;
  background:#f7f4ef;
}

.generated-art{
  aspect-ratio:4 / 5;
  width:100%;
}

.real-proposal-media{
  width:100%;
  height:100% !important;
  min-height:0 !important;
  aspect-ratio:4 / 5;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  overflow:hidden;
}

.real-proposal-media img{
  width:100%;
  height:100%;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center;
  padding:10px;
}

.large-proposal{
  width:min(100%,520px);
  height:auto !important;
  aspect-ratio:4 / 5;
  margin-left:auto;
  margin-right:auto;
  background:#fff;
}

.large-proposal .proposal-art{
  aspect-ratio:4 / 5;
}

.final-art{
  min-height:0 !important;
  aspect-ratio:4 / 5;
  background:#fff;
}

.final-art .proposal-art{
  aspect-ratio:4 / 5;
}

@media(max-width:760px){
  .proposal-grid{
    grid-template-columns:1fr !important;
  }

  .proposal-card{
    max-width:430px;
    width:100%;
    margin:0 auto;
  }

  .proposal-art,
  .generated-art,
  .real-proposal-media{
    aspect-ratio:4 / 5;
  }

  .large-proposal{
    width:100%;
    aspect-ratio:4 / 5;
  }
}


/* ===== AJUSTE: menos zoom en propuestas ===== */
.real-proposal-media{
  padding: 0 !important;
}

.real-proposal-media img{
  width: auto !important;
  height: auto !important;
  max-width: 82% !important;
  max-height: 82% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  margin: auto !important;
}

.large-proposal .real-proposal-media img,
.final-art .real-proposal-media img{
  max-width: 84% !important;
  max-height: 84% !important;
}

.proposal-art,
.generated-art,
.real-proposal-media,
.large-proposal,
.final-art{
  overflow: hidden !important;
}


/* ===== LÚMEA: MINIATURA COMPLETA SIN ZOOM ===== */

.proposal-card .proposal-art,
.proposal-card .generated-art,
.proposal-card .real-proposal-media{
  width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 5 !important;
  background:#fff !important;
  overflow:hidden !important;
}

.proposal-card .real-proposal-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}

.proposal-card .real-proposal-media img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  scale:1 !important;
}

/* Vista grande también siempre completa */
.large-proposal .real-proposal-media img,
.final-art .real-proposal-media img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  padding:22px !important;
}


/* ===== LÚMEA · EXPLICACIÓN DEL FORMATO DE LA VELA ===== */

.design-format-note{
  margin-top:18px;
  padding:18px 20px;
  border:1px solid #e4ddd4;
  border-radius:17px;
  background:#faf8f5;
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.format-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  background:#171717;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
}

.design-format-note small{
  display:block;
  margin-bottom:4px;
  font-size:8px;
  letter-spacing:.15em;
  font-weight:700;
  color:#8a8178;
}

.design-format-note strong{
  display:block;
  font-family:'Playfair Display',serif;
  font-size:18px;
  font-weight:500;
  margin-bottom:6px;
}

.design-format-note p{
  margin:0;
  font-size:11px;
  line-height:1.65;
  color:#70685f;
}

.design-format-note p b{
  color:#38322d;
  font-weight:600;
}

.design-meta{
  flex-wrap:wrap;
}

@media(max-width:760px){
  .design-format-note{
    padding:16px 14px;
    gap:11px;
  }

  .design-format-note strong{
    font-size:17px;
  }

  .design-format-note p{
    font-size:11px;
    line-height:1.6;
  }

  .design-meta{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:9px 14px !important;
  }
}


/* ======================================================
   LÚMEA · FLUJO SIMPLE 4 PASOS
   ====================================================== */

/* El CTA flotante ya no aparece en celular */
@media(max-width:760px){
  body{
    padding-bottom:0 !important;
  }

  .mobile-cta{
    display:none !important;
  }

  .toast{
    bottom:25px !important;
  }

  .app-steps{
    grid-template-columns:repeat(4,1fr) !important;
  }
}

/* Llamado final fuerte, sin botón ni enlace */
.lead-next-step{
  max-width:610px;
  margin:25px auto 0 !important;
  padding:25px 24px;
  border-radius:22px;
  background:#171717;
  color:#fff;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:16px;
  text-align:left;
  box-shadow:0 20px 45px rgba(0,0,0,.18);
}

.lead-next-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#171717;
  font-size:20px;
  font-weight:700;
}

.lead-next-step strong{
  display:block;
  color:#fff;
  font-size:16px;
  line-height:1.25;
  letter-spacing:.04em;
  margin:0 0 9px;
}

.lead-instagram{
  display:block;
  color:#fff;
  font-family:'Playfair Display',serif;
  font-size:30px;
  line-height:1.1;
  margin:0 0 13px;
}

.lead-next-step p{
  color:#f1ece6 !important;
  font-size:13px !important;
  line-height:1.65 !important;
  margin:0 0 13px !important;
}

.lead-next-step p b{
  color:#fff;
}

.lead-next-step small{
  display:block;
  color:#bdb6ae;
  font-size:10px;
  line-height:1.55;
}

@media(max-width:760px){
  .lead-next-step{
    grid-template-columns:1fr;
    padding:23px 19px;
    border-radius:19px;
  }

  .lead-next-icon{
    width:38px;
    height:38px;
  }

  .lead-next-step strong{
    font-size:15px;
  }

  .lead-instagram{
    font-size:29px;
  }

  .lead-next-step p{
    font-size:13px !important;
  }
}


/* ========================================================
   LÚMEA · AROMAS MÚLTIPLES
   ======================================================== */

.aroma-choices{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  padding:13px;
  border:1px solid #ddd5cb;
  border-radius:15px;
  background:#fff;
}

.aroma-choice{
  border:1px solid #ddd5cb;
  background:#f9f7f3;
  border-radius:999px;
  padding:10px 14px;
  font-size:11px;
  transition:.18s ease;
}

.aroma-choice small{
  margin-left:5px;
  font-size:7px;
  opacity:.65;
}

.aroma-choice.selected{
  background:#171717;
  color:#fff;
  border-color:#171717;
}

@media(max-width:760px){
  .aroma-choices{
    gap:8px;
    padding:11px;
  }

  .aroma-choice{
    padding:11px 13px;
    font-size:12px;
  }
}


/* ========================================================
   PANEL DE CONTROL LÚMEA
   ======================================================== */

.admin-stats-control{
  grid-template-columns:
    repeat(4,minmax(0,1fr));
}

.admin-stats-control strong{
  font-size:21px;
}

.quote-admin-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:15px;
}

.sale-badge,
.lost-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:8px 13px;
  border-radius:999px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
}

.sale-badge{
  background:#eaf4e7;
  color:#476142;
}

.lost-badge{
  background:#f4ece9;
  color:#7b534b;
}

.danger-button{
  color:#8b4941;
  border-color:#e5cbc7;
}

.audit-panel{
  margin-top:42px;
  padding:25px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
}

.audit-title{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  padding-bottom:17px;
  border-bottom:1px solid var(--line);
}

.audit-title h3{
  margin:0;
  font-size:23px;
}

.audit-title>small{
  max-width:320px;
  color:#817970;
  font-size:9px;
  line-height:1.5;
  text-align:right;
}

.audit-row{
  display:grid;
  grid-template-columns:
    1fr 1fr auto;
  align-items:center;
  gap:18px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
}

.audit-row:last-child{
  border-bottom:0;
}

.audit-row>div{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.audit-row strong{
  font-size:11px;
}

.audit-row span,
.audit-row small{
  font-size:9px;
  color:#817970;
}

.audit-restore{
  min-height:36px;
  padding:7px 11px;
  font-size:9px;
}

.audit-empty{
  padding:25px 0 5px;
  color:#817970;
  font-size:10px;
}

@media(max-width:760px){
  .admin-stats-control{
    grid-template-columns:1fr 1fr;
  }

  .admin-stats-control strong{
    font-size:17px;
  }

  .quote-admin-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .quote-admin-actions .button,
  .quote-admin-actions .button-secondary{
    width:100%;
  }

  .audit-panel{
    padding:18px 14px;
  }

  .audit-title{
    display:block;
  }

  .audit-title>small{
    display:block;
    text-align:left;
    margin-top:8px;
  }

  .audit-row{
    grid-template-columns:1fr;
    gap:8px;
  }
}



/* ========================================================
   SELECTOR DE PAQUETERÍA · PANEL LÚMEA
   ======================================================== */

.shipping-choice-panel{
  margin-top:18px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#faf8f5;
}

.shipping-choice-head{
  margin-bottom:16px;
}

.shipping-choice-head h4{
  margin:2px 0 5px;
  font-size:18px;
}

.shipping-choice-head p{
  margin:0;
  color:#756e67;
  font-size:10px;
}

.shipping-choice-grid{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:10px;
}

.shipping-rate-card{
  padding:15px;
  border:1px solid #ddd5cc;
  border-radius:14px;
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:9px;
}

.shipping-rate-card>div:first-child{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.shipping-rate-card strong{
  font-size:13px;
}

.shipping-rate-card span{
  font-size:9px;
  color:#817970;
}

.shipping-rate-price{
  font-size:24px;
  font-weight:700;
  line-height:1;
}

.shipping-rate-card small{
  color:#817970;
  font-size:9px;
}

.shipping-rate-card button{
  width:100%;
  margin-top:auto;
}

.shipping-choice-note{
  display:block;
  margin-top:13px;
  color:#817970;
  font-size:9px;
}

@media(max-width:900px){
  .shipping-choice-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .shipping-choice-panel{
    padding:15px;
  }

  .shipping-choice-grid{
    grid-template-columns:1fr;
  }

  .shipping-rate-card{
    padding:16px;
  }

  .shipping-rate-price{
    font-size:26px;
  }
}



/* ======================================================
   REVISIÓN DE CÓDIGO POSTAL
   ====================================================== */

.postal-review{
  margin:16px 0 4px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.postal-review-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.postal-review-copy>span{
  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  color:#817970;
}

.postal-review-copy>strong{
  font-size:14px;
}

.postal-review-copy small{
  font-size:10px;
  color:#756e67;
}

.postal-review-control{
  display:flex;
  align-items:flex-end;
  gap:8px;
}

.postal-review-control label{
  display:flex;
  flex-direction:column;
  gap:5px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.06em;
}

.postal-review-control input{
  width:120px;
  height:40px;
  padding:0 12px;
  border:1px solid #d6d0c9;
  border-radius:9px;
  background:#fff;
  font-size:16px;
  font-weight:700;
  letter-spacing:.08em;
}

.postal-review-control input:disabled{
  background:#f2efeb;
  color:#817970;
}

.postal-locked{
  max-width:170px;
  font-size:9px;
  line-height:1.3;
  color:#817970;
}

.shipping-destination{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid #ddd5cc;
  border-radius:10px;
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.shipping-destination span{
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
  color:#817970;
}

.shipping-destination strong{
  font-size:11px;
}

@media(max-width:700px){
  .postal-review{
    align-items:stretch;
    flex-direction:column;
  }

  .postal-review-control{
    align-items:stretch;
    flex-direction:column;
  }

  .postal-review-control input{
    width:100%;
  }

  .postal-review-control button{
    width:100%;
  }
}



/* ======================================================
   CAJAS ESTÁNDAR LÚMEA
   ====================================================== */

.standard-box-display{
  min-width:210px;
  padding:11px 13px;
  border:1px solid #ddd5cc;
  border-radius:10px;
  background:#faf8f5;
  display:flex;
  flex-direction:column;
  gap:3px;
}

.standard-box-display>span,
.shipping-package-used>span{
  font-size:8px;
  font-weight:700;
  letter-spacing:.12em;
  color:#817970;
}

.standard-box-display>strong{
  font-size:14px;
}

.standard-box-display small{
  font-size:9px;
  line-height:1.35;
  color:#756e67;
}

.shipping-package-used{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid #ddd5cc;
  border-radius:10px;
  background:#fff;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.shipping-package-used strong{
  font-size:11px;
  line-height:1.35;
}

.shipping-package-used small{
  font-size:9px;
  color:#817970;
}

@media(max-width:700px){
  .standard-box-display{
    width:100%;
    min-width:0;
  }
}



/* ===== LÚMEA · CONFIANZA Y LEGAL ===== */

.trust-band{
  max-width:1180px;
  margin:60px auto 55px;
  padding:0 24px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.trust-band>div{
  min-height:98px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#faf8f5;
  display:flex;
  align-items:center;
  gap:14px;
}

.trust-check{
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:50%;
  background:#171717;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:11px;
}

.trust-band p{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.trust-band strong{
  font-size:12px;
}

.trust-band small{
  font-size:9px;
  line-height:1.45;
  color:#817970;
}

.site-footer{
  display:block;
  padding:0;
  border-top:1px solid var(--line);
  color:#817970;
  font-size:10px;
}

.footer-main{
  padding:54px clamp(22px,6vw,90px);
  display:grid;
  grid-template-columns:1fr 1.2fr .7fr;
  gap:70px;
  align-items:start;
}

.footer-identity img{
  width:125px !important;
  height:58px !important;
  object-fit:contain;
  justify-self:auto !important;
  margin-bottom:10px;
}

.footer-identity p,
.footer-info p{
  margin:0;
  font-size:11px;
  line-height:1.65;
  color:#706a62;
  justify-self:auto !important;
}

.footer-identity span{
  display:block;
  margin-top:7px;
  font-size:9px;
  justify-self:auto !important;
}

.footer-info strong{
  display:block;
  color:#171717;
  font-size:12px;
  margin-bottom:10px;
}

.footer-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}

.footer-links a{
  color:#45413d;
  font-size:10px;
  border-bottom:1px solid #d8d1c9;
  padding-bottom:3px;
}

.footer-links a:hover{
  color:#000;
  border-color:#000;
}

.footer-bottom{
  min-height:58px;
  padding:18px clamp(22px,6vw,90px);
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}

.footer-bottom span{
  justify-self:auto !important;
  font-size:9px;
}

/* Páginas legales */

.legal-page{
  min-height:100vh;
  background:#fbfaf8;
}

.legal-header{
  height:78px;
  padding:0 clamp(20px,6vw,80px);
  background:#fff;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.legal-brand{
  font-family:'Playfair Display',serif;
  font-size:22px;
  color:#171717;
}

.legal-back{
  font-size:11px;
  font-weight:600;
}

.legal-content{
  max-width:820px;
  margin:0 auto;
  padding:80px 22px 100px;
}

.legal-content .eyebrow{
  margin-bottom:13px;
}

.legal-content h1{
  margin:0 0 16px;
  font-family:'Playfair Display',serif;
  font-size:clamp(42px,6vw,68px);
  line-height:1;
  font-weight:500;
  letter-spacing:-.035em;
}

.legal-updated{
  color:#817970;
  font-size:10px;
  margin:0 0 55px;
}

.legal-section{
  padding:27px 0;
  border-top:1px solid var(--line);
}

.legal-section h2{
  margin:0 0 12px;
  font-size:18px;
}

.legal-section p,
.legal-section li{
  color:#625c55;
  font-size:12px;
  line-height:1.75;
}

.legal-section ul{
  padding-left:19px;
}

.legal-highlight{
  padding:20px;
  margin:20px 0;
  background:#f1ece5;
  border-radius:15px;
  color:#4c4640;
  font-size:11px;
  line-height:1.7;
}

.legal-footer{
  display:block;
  padding:30px 22px;
  border-top:1px solid var(--line);
  text-align:center;
  font-size:9px;
  color:#817970;
}

.legal-footer a{
  text-decoration:underline;
  text-underline-offset:3px;
}

@media(max-width:760px){

  .trust-band{
    grid-template-columns:1fr;
    margin:45px auto 40px;
    padding:0 14px;
  }

  .trust-band>div{
    min-height:84px;
  }

  .footer-main{
    grid-template-columns:1fr;
    gap:30px;
    padding:43px 22px 36px;
    text-align:left;
  }

  .site-footer img,
  .site-footer p,
  .site-footer span{
    justify-self:auto !important;
  }

  .footer-links{
    align-items:flex-start;
  }

  .footer-bottom{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:20px 22px;
  }

  .legal-header{
    height:68px;
  }

  .legal-content{
    padding-top:56px;
  }
}


/* ===== LÚMEA · TRABAJOS REALES ===== */

.real-work{
  background:#fff;
  padding-top:105px;
  padding-bottom:105px;
}

.real-work-heading{
  max-width:none;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  align-items:end;
  gap:70px;
}

.real-work-heading>div{max-width:720px}

.real-work-heading>p{
  max-width:520px;
  margin:0 0 7px;
  font-size:14px;
  line-height:1.75;
  color:var(--muted);
}

.real-work-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.real-work-card{
  margin:0;
  position:relative;
  min-height:470px;
  border-radius:22px;
  overflow:hidden;
  background:#f4f0ea;
}

.real-work-card img{
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease;
}

.real-work-card:hover img{transform:scale(1.025)}

.real-work-card:after{
  content:'';
  position:absolute;
  inset:35% 0 0;
  background:linear-gradient(to bottom,transparent,rgba(0,0,0,.58));
  pointer-events:none;
}

.real-work-card figcaption{
  position:absolute;
  z-index:2;
  left:20px;
  right:20px;
  bottom:19px;
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:15px;
}

.real-work-card figcaption strong{
  font-size:12px;
  font-weight:600;
}

.real-work-card figcaption span{
  font-size:9px;
  opacity:.82;
  text-align:right;
}

.real-work-proof{
  margin-top:18px;
  padding:22px 0 0;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

.real-work-proof div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.real-work-proof strong{font-size:12px}

.real-work-proof span{
  font-size:9px;
  line-height:1.55;
  color:var(--muted);
}

@media(max-width:1000px){
  .real-work-heading{
    grid-template-columns:1fr;
    gap:12px;
  }
  .real-work-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .real-work{
    padding-top:75px;
    padding-bottom:75px;
  }

  .real-work-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .real-work-card{min-height:470px}

  .real-work-proof{
    grid-template-columns:1fr;
    gap:17px;
  }
}


/* ===== LÚMEA · PORTADA PROMO ===== */

.promo-hero{
  max-width:1240px;
  margin:0 auto;
  padding:34px 24px 30px;
  display:grid;
  grid-template-columns:minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap:34px;
  align-items:center;
}

.promo-hero-copy{
  padding:22px 0;
}

.promo-kicker{
  margin:0 0 12px;
  letter-spacing:.25em;
  font-size:11px;
  color:#766c62;
}

.promo-hero h1{
  margin:0 0 12px;
  font-family:'Playfair Display', serif;
  font-size:clamp(48px, 7vw, 92px);
  line-height:.95;
  color:#3b2e22;
  font-weight:500;
}

.promo-subtitle{
  max-width:560px;
  margin:0 0 18px;
  color:#5d544c;
  font-size:15px;
  line-height:1.75;
}

.promo-benefits{
  list-style:none;
  padding:0;
  margin:0 0 18px;
  display:grid;
  gap:11px;
}

.promo-benefits li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:17px;
  color:#3b2e22;
}

.promo-benefits li::before{
  content:'';
  width:10px;
  height:10px;
  border-radius:50%;
  background:#c9a56b;
  flex:0 0 10px;
}

.promo-note{
  max-width:520px;
  margin:0 0 24px;
  padding:14px 16px;
  border-radius:14px;
  background:#f4ede3;
  color:#6c6158;
  font-size:13px;
  line-height:1.65;
}

.promo-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.promo-btn-primary,
.promo-btn-secondary{
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:600;
}

.promo-btn-primary{
  background:#26201b;
  color:#fff;
}

.promo-btn-secondary{
  background:#fff;
  color:#26201b;
  border:1px solid #ddd3c7;
}

.promo-hero-visual{
  min-width:0;
}

.promo-carousel{
  position:relative;
  background:#f8f4ee;
  border:1px solid #e7ddd0;
  border-radius:28px;
  padding:18px 18px 50px;
  box-shadow:0 22px 48px rgba(68,49,31,.08);
}

.promo-slides{
  position:relative;
  min-height:580px;
}

.promo-slide{
  display:none;
  margin:0;
}

.promo-slide.is-active{
  display:block;
}

.promo-slide img{
  width:100%;
  height:580px;
  object-fit:cover;
  object-position:center;
  border-radius:22px;
  display:block;
}

.promo-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  width:42px;
  height:42px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.92);
  color:#3b2e22;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.promo-prev{ left:28px; }
.promo-next{ right:28px; }

.promo-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
}

.promo-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  border:none;
  background:#d4c8bc;
  cursor:pointer;
}

.promo-dot.is-active{
  background:#7f6547;
}

@media(max-width:1000px){
  .promo-hero{
    grid-template-columns:1fr;
    gap:18px;
    padding-top:20px;
  }

  .promo-hero-copy{
    padding:10px 0 0;
  }

  .promo-slides{
    min-height:480px;
  }

  .promo-slide img{
    height:480px;
  }
}

@media(max-width:640px){
  .promo-hero{
    padding:16px 14px 20px;
  }

  .promo-subtitle{
    font-size:14px;
  }

  .promo-benefits li{
    font-size:15px;
  }

  .promo-cta-row{
    flex-direction:column;
  }

  .promo-btn-primary,
  .promo-btn-secondary{
    width:100%;
  }

  .promo-carousel{
    padding:12px 12px 42px;
    border-radius:22px;
  }

  .promo-slides{
    min-height:390px;
  }

  .promo-slide img{
    height:390px;
    border-radius:16px;
  }

  .promo-prev{ left:18px; }
  .promo-next{ right:18px; }

  .promo-arrow{
    width:38px;
    height:38px;
    font-size:28px;
  }
}