:root{--ink:#302b2d;--muted:#756e70;--paper:#fbf8f3;--accent:#80628c;--accent2:#cbb8cc;--line:#e8e1da;--danger:#b24b55;--shadow:0 18px 55px rgba(55,40,45,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#f5f3f1}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding:.72rem 1rem;border:1px solid #d8d0ca;border-radius:12px;background:#fff;color:#443e40;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.wide{width:100%}.notice{padding:12px 14px;border-radius:12px;margin:0 0 16px}.notice.error{background:#ffe7e9;color:#862e38}.notice.success{background:#e8f7ee;color:#246b3c}label{display:grid;gap:7px;font-weight:600;color:#4d4648}input,textarea,select{width:100%;border:1px solid #dcd4ce;border-radius:10px;padding:11px 12px;background:#fff;color:#302b2d;outline:none}input:focus,textarea:focus,select:focus{border-color:#9a7fa4;box-shadow:0 0 0 3px rgba(128,98,140,.12)}small{font-weight:400;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-2{grid-column:1/-1}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.04)}.panel h2{margin:12px 0 0}.admin-body{min-height:100vh}.admin-top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px clamp(16px,4vw,46px);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.admin-top>div{display:grid}.admin-top span{font-size:.8rem;color:var(--muted)}.admin-top nav{display:flex;align-items:center;gap:10px}.admin-wrap{max-width:1240px;margin:0 auto;padding:34px 22px 70px}.admin-wrap.narrow{max-width:920px}.page-head h1{margin:0 0 6px}.page-head p{margin:0 0 25px;color:var(--muted)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.wedding-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 32px rgba(0,0,0,.045)}.wedding-card h2{margin:10px 0 5px;font-family:Georgia,serif}.slug{color:var(--accent);word-break:break-word}.status{position:absolute;right:18px;top:18px;font-size:.75rem;padding:5px 8px;border-radius:999px}.status.on{background:#e9f7ee;color:#2f7a48}.status.off{background:#eee;color:#777}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem;margin:18px 0}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.empty{background:#fff;border:1px dashed #cfc5bf;border-radius:18px;padding:40px;text-align:center}.login-card,.setup-card{width:min(92vw,520px);margin:7vh auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.login-card form{display:grid;gap:15px}.brand-mark{font-size:2rem}.setup-body{min-height:100vh;padding:20px}.setup-card{width:min(94vw,760px);margin:4vh auto}.gallery-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.gallery-admin figure{margin:0}.gallery-admin img{aspect-ratio:1;object-fit:cover;border-radius:10px}.gallery-admin a{display:block;font-size:.8rem;color:var(--danger);margin-top:5px}
/* Editor */.editor-body{height:100vh;overflow:hidden;background:#e9e7e5}.editor-top{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:#fff;border-bottom:1px solid #ddd;position:relative;z-index:30}.editor-top>div{display:flex;align-items:center;gap:12px}.editor-top #saveState{font-size:.82rem;color:var(--muted)}.editor-layout{height:calc(100vh - 64px);display:grid;grid-template-columns:230px minmax(0,1fr) 285px}.toolbox,.properties{background:#fff;padding:16px;overflow:auto}.toolbox{border-right:1px solid #ddd}.properties{border-left:1px solid #ddd}.toolbox h3,.properties h3{margin:8px 0 12px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-grid button,.upload-tool,.layers button,.prop-actions button{border:1px solid #ddd;background:#fff;border-radius:9px;padding:9px;cursor:pointer;text-align:left}.upload-tool{display:block}.layers{display:grid;gap:6px}.layers button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layers button.active{border-color:var(--accent);background:#f4eef7}.canvas-area{overflow:auto;padding:24px;background:radial-gradient(circle at center,#f6f6f6,#dfddda);min-width:0}.canvas-help{text-align:center;color:#706b69;font-size:.82rem}.design-canvas{position:relative;margin:0 auto;box-shadow:0 14px 40px rgba(0,0,0,.18);overflow:hidden;touch-action:none}.canvas-el{position:absolute;display:flex;align-items:center;justify-content:center;white-space:pre-wrap;overflow:hidden;cursor:move;user-select:none;touch-action:none}.canvas-el img{width:100%;height:100%;object-fit:cover;pointer-events:none}.canvas-el.selected{outline:2px solid #5d8dff;outline-offset:1px}.resize-handle{position:absolute;width:18px;height:18px;right:-2px;bottom:-2px;background:#fff;border:3px solid #5d8dff;border-radius:50%;cursor:nwse-resize}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.properties label{margin:10px 0;font-size:.84rem}.prop-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.prop-actions .danger{color:#a72b3c}.tokens{margin-top:24px}.tokens code{display:block;background:#f3f0ed;border-radius:6px;padding:5px 7px;margin:5px 0;font-size:.78rem}.canvas-area #canvasViewport{min-width:0;margin:auto;max-width:900px}
/* Public */.public-body{background:#fff;color:#2e292b}.gate{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#f7f1e7,#fff);display:grid;place-items:center;overflow:hidden;padding:20px}.gate-inner{width:min(92vw,820px);display:grid;place-items:center}.envelope{position:relative;width:min(88vw,650px);height:min(70vh,600px);display:grid;place-items:center;perspective:1200px}.env-back{position:absolute;left:8%;right:8%;bottom:4%;height:58%;background:#c9b5c7;border-radius:12px;box-shadow:0 30px 60px rgba(60,40,60,.2)}.env-back:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 49.5%,rgba(255,255,255,.34) 50%),linear-gradient(225deg,transparent 49.5%,rgba(255,255,255,.28) 50%)}.env-front{position:absolute;left:8%;right:8%;bottom:4%;height:42%;background:linear-gradient(160deg,#cdb9cc,#bca5bb);clip-path:polygon(0 0,50% 70%,100% 0,100% 100%,0 100%);z-index:4;border-radius:0 0 12px 12px}.card-float{position:absolute;z-index:3;top:0;width:70%;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .6s}.wax-seal{position:absolute;z-index:6;bottom:24%;left:50%;transform:translate(-50%,50%);width:112px;height:112px;border-radius:50%;border:9px double rgba(81,58,88,.5);background:radial-gradient(circle at 35% 30%,#d6c7d5,#9f84a2 70%);color:#4e3856;font-family:Georgia,serif;font-size:18px;box-shadow:0 6px 16px rgba(0,0,0,.25);cursor:pointer}.gate.opening .card-float{transform:translateY(-55%) scale(.92);opacity:.05}.gate.opening .wax-seal{transform:translate(-50%,50%) scale(.2);opacity:0;transition:.45s}.standalone-card{width:min(92vw,700px);text-align:center}.open-fallback{margin-top:16px}.public-design-wrap{position:relative;margin:0 auto;overflow:visible}.public-design{position:absolute;left:0;top:0;overflow:hidden;box-shadow:0 12px 30px rgba(30,20,30,.12)}.pub-el{position:absolute;box-sizing:border-box}.pub-el.text{display:flex;align-items:center;justify-content:center;white-space:pre-wrap;line-height:1.08;padding:4px}.pub-el.image img{width:100%;height:100%;object-fit:cover}.pub-el.button{cursor:pointer;pointer-events:auto;box-shadow:0 8px 18px rgba(0,0,0,.16)}.invitation{background:#fff}.hero{min-height:92vh;background-image:linear-gradient(rgba(29,24,27,.32),rgba(29,24,27,.52)),var(--hero,linear-gradient(135deg,#d9c9d8,#f5ede1));background-size:cover;background-position:center;display:grid;place-items:center;padding:32px;text-align:center;color:#fff}.hero-overlay{max-width:800px}.hero-overlay>p:first-child{text-transform:uppercase;letter-spacing:.4em}.hero h1{font:italic clamp(3.2rem,10vw,7.5rem)/.9 Georgia,serif;margin:20px 0}.hero h1 span{font-size:.55em}.date-big{display:inline-block;margin-top:22px;padding:10px 20px;border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7);letter-spacing:.15em}.section{max-width:1080px;margin:0 auto;padding:90px 24px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--accent);font-size:.78rem}.section h2{font:italic clamp(2.2rem,6vw,4rem) Georgia,serif;margin:12px 0}.lead{max-width:760px;margin:0 auto;font:1.2rem/1.9 Georgia,serif;color:#635d5f}.countdown-section{background:#f8f4ef;max-width:none}.countdown{display:flex;justify-content:center;gap:clamp(12px,5vw,60px);flex-wrap:wrap}.countdown div{min-width:90px}.countdown b{display:block;font:3rem Georgia,serif}.countdown span{text-transform:uppercase;font-size:.72rem;letter-spacing:.13em}.places,.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.places article,.details-grid article{padding:35px;border:1px solid #eee5de;border-radius:18px;background:#fff}.places .icon{font-size:2rem;color:var(--accent)}.photo-grid{columns:3 240px;column-gap:12px}.photo{border:0;padding:0;margin:0 0 12px;background:none;cursor:zoom-in;width:100%;break-inside:avoid}.photo img{width:100%;border-radius:12px}.rsvp{max-width:680px}.rsvp form{display:grid;gap:14px;text-align:left;background:#faf7f4;padding:25px;border-radius:18px}.response-choices{display:flex;gap:16px;flex-wrap:wrap}.response-choices label{display:flex;align-items:center;gap:8px}.response-choices input{width:auto}.whatsapp-btn{display:inline-block;margin-top:20px;color:#236b44}.music-btn{position:fixed;right:18px;bottom:18px;z-index:30;width:52px;height:52px;border-radius:50%;border:0;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.15);font-size:1.3rem;cursor:pointer}footer{text-align:center;padding:50px 20px;background:#f6f0ea;font-family:Georgia,serif}.lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:30px}.lightbox[hidden]{display:none}.lightbox img{max-height:88vh;max-width:92vw;object-fit:contain}.lightbox button{position:absolute;right:18px;top:12px;background:none;border:0;color:#fff;font-size:3rem;cursor:pointer}#rsvpMsg.ok{color:#2c7545}#rsvpMsg.bad{color:#a33}
@media(max-width:900px){.editor-layout{grid-template-columns:190px minmax(0,1fr) 240px}.tool-grid{grid-template-columns:1fr}.editor-top strong{display:none}.places,.details-grid{grid-template-columns:1fr}}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-top{align-items:flex-start}.admin-top nav{flex-wrap:wrap;justify-content:flex-end}.admin-wrap{padding:22px 14px 50px}.panel{padding:16px}.editor-body{height:auto;overflow:auto}.editor-top{height:auto;min-height:60px;position:sticky;top:0;flex-wrap:wrap}.editor-layout{height:auto;display:flex;flex-direction:column}.toolbox{order:1;border:0;border-bottom:1px solid #ddd;overflow:visible}.canvas-area{order:2;padding:12px;min-height:420px}.properties{order:3;border:0;border-top:1px solid #ddd;overflow:visible}.tool-grid{grid-template-columns:repeat(4,minmax(86px,1fr));overflow:auto;padding-bottom:5px}.tool-grid button,.upload-tool{white-space:nowrap}.layers{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-height:140px;overflow:auto}.envelope{height:min(72vh,520px)}.card-float{width:78%}.wax-seal{width:92px;height:92px;font-size:15px}.section{padding:65px 18px}.countdown{gap:18px}.countdown div{min-width:70px}.countdown b{font-size:2.2rem}.photo-grid{columns:2 130px}.hero{min-height:86vh}.response-choices{display:grid}.login-card,.setup-card{padding:22px;margin-top:3vh}}
@media(max-width:420px){.editor-top{padding:8px}.editor-top .btn{padding:.55rem .7rem;font-size:.84rem}.toolbox,.properties{padding:12px}.tool-grid{grid-template-columns:repeat(4,100px)}.gate{padding:8px}.envelope{width:98vw;height:68vh}.env-back,.env-front{left:2%;right:2%}.card-float{width:82%}.hero{padding:20px}.hero h1{font-size:3rem}.section{padding:54px 14px}.places article,.details-grid article{padding:24px 16px}.countdown div{min-width:62px}.countdown b{font-size:1.8rem}.countdown span{font-size:.62rem}.photo-grid{columns:2 110px}}

/* ===== v1.3 Editor visual renovado ===== */
.editor-body{background:#f0efed}
.editor-top-v2{height:72px;padding:10px 16px 10px 20px;box-shadow:0 2px 14px rgba(38,28,34,.05)}
.editor-brand{display:flex!important;align-items:center;gap:12px!important}.editor-brand>div{display:grid;gap:2px}.editor-brand small{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#8a8285}.editor-brand strong{font-family:Georgia,serif;font-size:1.05rem}.editor-back{width:36px;height:36px;border:1px solid #e2deda;border-radius:10px;display:grid;place-items:center;background:#fff;font-size:1.2rem}.editor-top-actions{display:flex!important;align-items:center;gap:8px!important}.save-state{padding:6px 9px;border-radius:999px;background:#f4f2f0;color:#746d70!important}.save-state.dirty{background:#fff1d8;color:#8c6319!important}
.editor-layout-v2{height:calc(100vh - 72px);grid-template-columns:275px minmax(420px,1fr) 310px;background:#eceae8}.toolbox-v2,.properties-v2{padding:0;background:#fff}.toolbox-v2{border-right:1px solid #e6e1de}.properties-v2{border-left:1px solid #e6e1de}.editor-section{padding:17px 16px;border-bottom:1px solid #eee9e6}.editor-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:12px}.editor-section-title>span{font-weight:750;font-size:.93rem}.editor-section-title small{font-size:.68rem;color:#928a8d;text-align:right}
.tool-grid-v2{grid-template-columns:1fr 1fr;gap:8px}.tool-grid-v2 button,.tool-grid-v2 .upload-tool{min-height:72px;border:1px solid #e4dfdc;border-radius:13px;background:#fcfbfa;padding:11px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;transition:.16s ease}.tool-grid-v2 button:hover,.tool-grid-v2 .upload-tool:hover{transform:translateY(-1px);border-color:#b7a2bf;background:#faf6fb}.tool-grid-v2 b{font-size:1.25rem;color:#745c7d}.tool-grid-v2 span{font-size:.76rem;font-weight:650;color:#5f585b}
.dynamic-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dynamic-grid button{border:1px solid #e4dfdc;background:#fff;border-radius:999px;padding:8px 10px;font-size:.75rem;color:#5f565a;cursor:pointer}.dynamic-grid button:hover{border-color:#a98bb3;background:#f8f2fa;color:#6f4c79}
.template-list{display:grid;gap:8px}.template-list>button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #e5dfdc;background:#fff;border-radius:12px;padding:8px;text-align:left;cursor:pointer}.template-list>button:hover{border-color:#b99fc1;background:#fbf8fc}.template-list>button>span:last-child{display:grid;gap:2px}.template-list b{font-size:.82rem}.template-list small{font-size:.68rem;color:#8d8587}.template-thumb{width:42px;height:52px;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);flex:none}.template-thumb.classic{background:linear-gradient(90deg,#f8f0df 0 45%,#80628c 45% 47%,#f8f0df 47%)}.template-thumb.minimal{background:linear-gradient(#fffdf8 0 30%,#55474f 30% 34%,#fffdf8 34% 70%,#6e5964 70% 80%,#fffdf8 80%)}.template-thumb.romantic{background:radial-gradient(circle at 50% 78%,#a06f78 0 12%,transparent 13%),#f9eee9}.color-row{display:flex!important;align-items:center;justify-content:space-between;gap:10px;font-size:.8rem}.color-row input{width:48px;height:34px;padding:2px;border-radius:9px}.layers-section{padding-bottom:24px}.layers-v2{display:grid;gap:6px}.layers-v2 .layer-row{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid transparent;border-radius:10px;background:#fff;text-align:left;min-width:0}.layers-v2 .layer-row:hover{background:#f7f4f6}.layers-v2 .layer-row.active{border-color:#bfa9c6;background:#f8f2fa}.layer-icon{width:30px;height:30px;border-radius:8px;background:#f1edef;display:grid;place-items:center;color:#745b7e;flex:none}.layer-copy{display:grid;min-width:0}.layer-copy b,.layer-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-copy b{font-size:.75rem}.layer-copy small{font-size:.65rem;color:#968e91}.layers-empty{font-size:.74rem;color:#928a8d;margin:0}
.canvas-area-v2{padding:0;background:#e9e7e4;display:grid;grid-template-rows:50px minmax(0,1fr) auto}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:#f8f7f6;border-bottom:1px solid #dcd8d5;color:#766e71;font-size:.76rem}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls button{border:1px solid #d9d4d1;background:#fff;border-radius:8px;height:30px;min-width:30px;padding:0 8px;cursor:pointer}.zoom-controls span{min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.canvas-viewport-v2{position:relative;overflow:auto;display:block;min-height:0;padding:26px}.canvas-viewport-v2:before{content:"";display:block;width:var(--canvas-w,800px);height:var(--canvas-h,1000px);margin:0 auto}.canvas-viewport-v2 .design-canvas{position:absolute;top:26px;left:50%;margin:0;transform-origin:top left;translate:-50% 0;border-radius:2px}.canvas-help{margin:0;padding:9px 14px;background:#f8f7f6;border-top:1px solid #dcd8d5;color:#847d7f}
.properties-v2{padding:18px 16px}.empty-properties{text-align:center;padding:70px 18px;color:#8d8588}.empty-properties-icon{width:46px;height:46px;margin:0 auto 12px;border-radius:14px;background:#f3eef4;display:grid;place-items:center;color:#795f83;font-size:1.4rem}.empty-properties h3{margin:0 0 6px;font-size:1rem}.empty-properties p{margin:0;font-size:.78rem}.properties-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.properties-head small{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#9a9295}.properties-head h3{margin:3px 0 0}.icon-danger{width:34px;height:34px;border:1px solid #f0d6d9;border-radius:9px;background:#fff6f7;color:#a84250;cursor:pointer}.property-group{border-top:1px solid #eee9e6;padding-top:13px;margin-top:14px}.property-group h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#847c7f;margin:0 0 8px}.properties-v2 label{font-size:.76rem;margin:8px 0}.properties-v2 input,.properties-v2 textarea,.properties-v2 select{padding:9px 10px;border-radius:9px}.properties-v2 input[type=color]{height:38px;padding:3px}.properties-v2 small{font-size:.67rem}.prop-actions-v2{margin-top:16px}.prop-actions-v2 button{font-size:.74rem;text-align:center}.editor-tip{margin-top:20px;border:1px solid #e8dfea;background:#faf6fb;border-radius:12px;padding:12px}.editor-tip strong{font-size:.78rem;color:#6d5575}.editor-tip p{font-size:.71rem;line-height:1.45;color:#766f72;margin:5px 0 0}
.editor-open-button{box-shadow:0 7px 20px rgba(82,59,88,.18)}

/* Apertura más robusta */
.envelope{cursor:pointer;outline:none}.envelope:focus-visible{outline:3px solid rgba(128,98,140,.35);outline-offset:8px;border-radius:18px}.env-front,.env-back{pointer-events:none}.card-float{pointer-events:auto}.pub-el.button{z-index:20!important}.tap-hint{position:absolute;z-index:7;bottom:8%;left:50%;transform:translateX(-50%);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#776479;background:rgba(255,255,255,.78);backdrop-filter:blur(6px);padding:7px 11px;border-radius:999px;pointer-events:none;white-space:nowrap}.gate.opening{animation:gateFade .65s ease forwards}.gate.opening .card-float{transform:translateY(-45%) scale(.96);opacity:.12}.gate.opening .env-front{transform:translateY(10px);opacity:.4;transition:.5s ease}.gate.opening .tap-hint{opacity:0;transition:.2s}@keyframes gateFade{0%,60%{opacity:1}100%{opacity:0}}

@media(max-width:1050px){.editor-layout-v2{grid-template-columns:245px minmax(360px,1fr) 280px}}
@media(max-width:820px){.editor-top-v2{height:auto;min-height:68px;align-items:flex-start;flex-wrap:wrap}.editor-top-actions{width:100%;justify-content:flex-end}.editor-layout-v2{height:auto;display:flex;flex-direction:column}.toolbox-v2{order:1;border-right:0;border-bottom:1px solid #ddd;overflow:visible}.canvas-area-v2{order:2;height:70vh;min-height:560px}.properties-v2{order:3;border-left:0;border-top:1px solid #ddd;overflow:visible}.editor-section{padding:13px 14px}.tool-grid-v2{grid-template-columns:repeat(4,minmax(100px,1fr));overflow:auto}.tool-grid-v2 button,.tool-grid-v2 .upload-tool{min-height:62px}.dynamic-grid{display:flex;overflow:auto;padding-bottom:4px}.dynamic-grid button{white-space:nowrap}.template-list{grid-template-columns:repeat(3,minmax(150px,1fr));overflow:auto}.layers-v2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:150px;overflow:auto}.canvas-viewport-v2{padding:18px}.canvas-viewport-v2 .design-canvas{top:18px}.properties-v2{padding:16px}.empty-properties{padding:26px}.editor-tip{margin-bottom:20px}}
@media(max-width:560px){.editor-top-v2{padding:8px 10px}.editor-brand small{display:none}.editor-brand strong{font-size:.9rem}.editor-top-actions{gap:5px}.editor-top-actions .btn{font-size:.76rem;min-height:36px;padding:.55rem .65rem}.save-state{display:none}.tool-grid-v2{grid-template-columns:repeat(4,92px)}.canvas-area-v2{height:62vh;min-height:490px}.canvas-toolbar>span{display:none}.canvas-toolbar{justify-content:flex-end}.canvas-help{font-size:.7rem}.two{grid-template-columns:1fr 1fr}.tap-hint{bottom:5%;font-size:.68rem}.wax-seal{width:86px;height:86px}}

/* ===== v2.0 · Constructor por secciones + invitación editorial ===== */
:root{--wine:#6f566f;--wine-dark:#4f3b50;--cream:#f7f1e8;--cream-2:#efe5da;--rose:#d8c3c9;--gold:#b89b70;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Montserrat",Arial,sans-serif;--script:"Parisienne",cursive}
.public-body{font-family:var(--sans);background:#fffaf6;color:#3c3538;overflow-x:hidden}.public-body.cover-active{overflow:hidden}.public-body .btn{font-family:var(--sans)}
.gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 20%,#fffdf9 0,#f7efe5 56%,#eee1d3 100%);overflow:hidden;transition:opacity .5s ease,visibility .5s ease}.gate-ambient{position:absolute;inset:-20%;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9),transparent 28%),radial-gradient(circle at 82% 72%,rgba(204,181,192,.24),transparent 30%);filter:blur(2px);pointer-events:none}.gate-inner{position:relative;z-index:2;width:min(96vw,760px);display:grid;place-items:center}.gate.is-gone{opacity:0;visibility:hidden;pointer-events:none}.envelope{position:relative;width:min(92vw,620px);height:min(72vh,580px);cursor:pointer;perspective:1400px;outline:none}.env-shadow{position:absolute;left:12%;right:12%;bottom:4%;height:16%;background:rgba(77,55,69,.2);filter:blur(24px);border-radius:50%;transform:scaleY(.45)}.env-back{position:absolute;left:7%;right:7%;bottom:8%;height:56%;background:linear-gradient(145deg,#d8c5d3,#c4a9c0);border-radius:18px;box-shadow:0 28px 58px rgba(66,44,62,.18)}.env-back:before,.env-back:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.env-back:before{background:linear-gradient(135deg,transparent 49.4%,rgba(255,255,255,.34) 50%),linear-gradient(225deg,transparent 49.4%,rgba(255,255,255,.26) 50%)}.env-flap{position:absolute;left:7%;right:7%;bottom:36%;height:30%;z-index:5;transform-origin:top center;background:linear-gradient(155deg,#eadce7,#cbb3c8);clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .62s cubic-bezier(.2,.75,.25,1),opacity .5s}.env-front{position:absolute;left:7%;right:7%;bottom:8%;height:41%;z-index:6;background:linear-gradient(160deg,#ccb4c9,#baa1b7);clip-path:polygon(0 0,50% 69%,100% 0,100% 100%,0 100%);border-radius:0 0 18px 18px;pointer-events:none}.card-float{position:absolute;z-index:4;left:50%;top:2%;width:66%;transform:translateX(-50%);transition:transform .9s cubic-bezier(.18,.78,.2,1),opacity .7s}.public-design-wrap{position:relative;margin:0 auto;overflow:visible}.public-design{position:absolute;left:0;top:0;overflow:hidden;border:0!important;box-shadow:0 18px 38px rgba(61,43,55,.17)}.pub-el{position:absolute;box-sizing:border-box}.pub-el.text{display:flex;align-items:center;justify-content:center;white-space:pre-wrap;line-height:1.05;padding:4px}.pub-el.image img{width:100%;height:100%;object-fit:cover}.pub-el.button{cursor:pointer;pointer-events:auto;box-shadow:0 8px 20px rgba(77,55,69,.18)}.wax-seal{position:absolute;z-index:9;bottom:22%;left:50%;transform:translate(-50%,50%);width:104px;height:104px;border-radius:50%;border:7px double rgba(90,63,84,.44);background:radial-gradient(circle at 32% 27%,#ddcbd7,#a98ba6 70%);color:#fff;box-shadow:0 8px 24px rgba(58,39,55,.25);display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer;transition:transform .5s ease,opacity .4s}.wax-seal span{font-size:22px;line-height:1}.wax-seal small{color:#fff;text-transform:uppercase;letter-spacing:.16em;font-size:.62rem}.gate-hint{margin:14px 0 0;color:#765f6f;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;text-align:center}.gate.is-opening .env-flap{transform:rotateX(178deg);z-index:2}.gate.is-opening .card-float{transform:translate(-50%,-52%) scale(1.02)}.gate.is-opening .env-front{transition:transform .7s ease .18s;transform:translateY(10%)}.gate.is-opening .wax-seal{transform:translate(-50%,50%) scale(.2);opacity:0}.gate.is-opening{animation:gateExit 1.05s ease forwards}@keyframes gateExit{0%,64%{opacity:1}100%{opacity:0}}.standalone-card{width:min(94vw,660px);text-align:center}.open-fallback{margin-top:18px}
.invitation{position:relative;background:#fffaf6;min-height:100vh}.wedding-hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;color:#fff;background-image:linear-gradient(rgba(34,25,31,.26),rgba(34,25,31,.48)),var(--hero,linear-gradient(145deg,#c6afbd,#7d6475));background-size:cover;background-position:center;overflow:hidden}.wedding-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 35%,rgba(0,0,0,.22));pointer-events:none}.hero-vignette{position:absolute;inset:0;box-shadow:inset 0 0 150px rgba(25,18,22,.22)}.hero-content{position:relative;z-index:2;width:min(92vw,920px);padding:60px 18px}.kicker,.section-kicker{margin:0 0 18px;font:500 .72rem/1 var(--sans);letter-spacing:.32em;text-transform:uppercase}.wedding-hero h1{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(4rem,11vw,8.8rem);line-height:.78;text-shadow:0 10px 30px rgba(0,0,0,.15)}.wedding-hero h1 span{display:block}.wedding-hero h1 i{display:block;font:400 clamp(2.4rem,5vw,4rem)/1 var(--script);margin:.18em 0;color:#f1dfd7}.hero-phrase{max-width:650px;margin:34px auto 0;font:400 clamp(1rem,2vw,1.25rem)/1.75 var(--serif)}.hero-date{display:inline-block;margin-top:25px;padding:10px 18px;border-top:1px solid rgba(255,255,255,.56);border-bottom:1px solid rgba(255,255,255,.56);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.scroll-cue{margin-top:70px;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;opacity:.88}.scroll-cue b{display:block;margin-top:8px;font-size:1.2rem;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(7px)}}
.section-inner{width:min(1120px,92vw);margin:0 auto}.story-section{padding:clamp(78px,10vw,140px) 20px;text-align:center;background:#fffaf6}.intro-section{background:#fff}.ornament{font-family:var(--serif);font-size:2rem;color:var(--gold);margin-bottom:18px}.story-section .section-kicker,.events-section .section-kicker,.gallery-section .section-kicker,.media-section .section-kicker,.detail-feature .section-kicker,.rsvp-section .section-kicker{color:#8c6f76}.story-section h2,.events-section h2,.gallery-section h2,.media-section h2,.detail-feature h2,.rsvp-section h2,.image-caption h2{margin:0 auto 20px;font:400 clamp(2.7rem,7vw,5.2rem)/.96 var(--serif);max-width:900px;color:#473b40}.editorial-copy{max-width:720px;margin:0 auto;font:400 clamp(1.18rem,2.2vw,1.45rem)/1.9 var(--serif);color:#6a5e62}.signature-script{margin-top:34px;font:400 clamp(2.2rem,5vw,3.4rem)/1 var(--script);color:#8a6477}
.countdown-band{padding:72px 20px;background:linear-gradient(135deg,#745a6f,#4d3b4a);color:#fff;text-align:center}.countdown-band .section-kicker{color:#eadce2}.countdown{display:flex;justify-content:center;gap:clamp(14px,5vw,70px);flex-wrap:wrap}.countdown div{min-width:90px}.countdown b{display:block;font:400 clamp(2.6rem,6vw,4.8rem)/1 var(--serif)}.countdown span{display:block;margin-top:7px;font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.media-section{padding:clamp(75px,10vw,125px) 20px;background:#f0e7de;text-align:center}.video-frame{position:relative;overflow:hidden;width:min(100%,960px);aspect-ratio:16/9;margin:34px auto 0;background:#1d171b;border-radius:24px;box-shadow:0 30px 70px rgba(61,45,55,.18)}.video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.media-caption{margin:16px auto 0;max-width:700px;color:#786b70;font:italic 1.05rem var(--serif)}.media-error{padding:20px;background:#fff4f4;border-radius:14px}
.events-section{padding:clamp(78px,10vw,130px) 20px;background:#fff;text-align:center}.event-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}.event-cards article{position:relative;padding:54px 32px 38px;border:1px solid #eadfd8;background:#fffaf7;overflow:hidden}.event-number{position:absolute;top:14px;right:18px;font:400 3.2rem/1 var(--serif);color:#eadfdc}.event-icon{font-size:1.8rem;color:#8a6477}.event-cards h3{margin:14px 0 12px;font:400 2.2rem var(--serif)}.event-cards strong{font:500 1.1rem var(--sans)}.event-cards p{color:#766b6e;line-height:1.7}.event-time{letter-spacing:.15em;text-transform:uppercase}.btn.elegant{margin-top:10px;background:transparent;border:1px solid #8d7280;border-radius:999px;color:#684f5b}
.gallery-section{padding:clamp(78px,10vw,130px) 20px;background:#f6efe8;text-align:center}.wedding-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:90px;gap:12px;margin-top:40px}.photo{border:0;padding:0;background:none;overflow:hidden;cursor:zoom-in;border-radius:2px}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.photo:hover img{transform:scale(1.035)}.photo-0{grid-column:span 7;grid-row:span 5}.photo-1{grid-column:span 5;grid-row:span 3}.photo-2{grid-column:span 5;grid-row:span 2}.photo-3{grid-column:span 4;grid-row:span 3}.photo-4{grid-column:span 4;grid-row:span 3}.photo:nth-child(n+6){grid-column:span 4;grid-row:span 3}
.detail-feature{min-height:560px;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;background:#fff}.detail-feature.reverse{grid-template-columns:1.3fr 1fr;background:#eee4dc}.detail-feature>div:not(.detail-art){padding:clamp(48px,8vw,110px);max-width:720px}.detail-feature.reverse>div:not(.detail-art){order:1;margin-left:auto}.detail-feature.reverse .detail-art{order:2}.detail-art{min-height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#d8c4cc,#a88699);font:400 clamp(5rem,14vw,10rem) var(--serif);color:rgba(255,255,255,.82)}.detail-feature.reverse .detail-art{background:linear-gradient(145deg,#bba98f,#e0d4c1)}.detail-feature p{font:400 1.2rem/1.85 var(--serif);color:#6d6266}
.rsvp-section{padding:clamp(80px,10vw,135px) 20px;background:linear-gradient(180deg,#fffaf6,#f2e8df);text-align:center}.rsvp-card{width:min(760px,94vw);margin:0 auto;padding:clamp(28px,5vw,58px);background:#fff;border:1px solid #eadfd9;box-shadow:0 22px 60px rgba(78,57,66,.09)}.rsvp-card>p{color:#7b6e72}.rsvp-card form{display:grid;gap:15px;margin-top:30px;text-align:left}.rsvp-card label{font-size:.76rem;letter-spacing:.05em}.rsvp-card input,.rsvp-card textarea{border-radius:0;border:0;border-bottom:1px solid #d9cbc6;background:#fff;padding:13px 4px}.rsvp-card input:focus,.rsvp-card textarea:focus{box-shadow:none;border-bottom-color:#7d637e}.response-choices{display:flex;gap:22px;flex-wrap:wrap;padding:8px 0}.response-choices label{display:flex;align-items:center;gap:8px}.response-choices input{width:auto}.whatsapp-btn{display:inline-block;margin-top:20px;color:#516f5f;text-decoration:underline;text-underline-offset:4px}.wide{width:100%}#rsvpMsg.ok{color:#2c7545;margin-top:8px}#rsvpMsg.bad{color:#a33;margin-top:8px}
.full-image-section{position:relative;min-height:70vh;overflow:hidden}.full-image-section>img{width:100%;height:70vh;object-fit:cover}.image-caption{position:absolute;left:clamp(18px,6vw,80px);bottom:clamp(18px,6vw,70px);max-width:620px;background:rgba(255,250,246,.88);backdrop-filter:blur(10px);padding:28px}.image-caption h2{font-size:clamp(2.2rem,5vw,4rem);margin:0 0 8px}.image-caption p{margin:0;font-family:var(--serif);font-size:1.1rem}.ornamental-divider{padding:50px 20px;text-align:center;background:#fffaf6}.ornamental-divider span{font:400 2rem var(--serif);color:#aa8a98}
.wedding-footer{padding:82px 20px;text-align:center;background:#4d3b4a;color:#f7eee9}.footer-monogram{font:400 clamp(3rem,8vw,5.4rem) var(--serif)}.footer-monogram span{font-family:var(--script);color:#d9c3cb}.wedding-footer p{opacity:.78}.wedding-footer strong{font-family:var(--serif);font-size:1.4rem;font-weight:400}.music-btn{position:fixed;right:18px;bottom:18px;z-index:120;width:50px;height:50px;border:0;border-radius:50%;background:#fff;color:#6f566f;box-shadow:0 12px 30px rgba(50,35,45,.15);cursor:pointer}.music-btn.playing{background:#6f566f;color:#fff}.lightbox{position:fixed;inset:0;z-index:10000;background:rgba(20,16,18,.94);display:grid;place-items:center;padding:24px}.lightbox[hidden]{display:none}.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:16px;top:10px;border:0;background:none;color:#fff;font-size:3rem;cursor:pointer}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}

/* Builder de contenido */
.builder-body{margin:0;height:100vh;overflow:hidden;background:#eeece9;color:#393335;font-family:Inter,system-ui,sans-serif}.builder-top{height:72px;background:#fff;border-bottom:1px solid #e4dfdb;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;position:relative;z-index:20}.builder-title{display:flex;align-items:center;gap:10px}.builder-title>div{display:grid}.builder-title small{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#958c8f}.builder-title strong{font-family:Georgia,serif}.builder-actions{display:flex;align-items:center;gap:8px}.icon-btn{min-width:36px;height:36px;border:1px solid #ded9d6;background:#fff;border-radius:10px;display:inline-grid;place-items:center;padding:0 10px;cursor:pointer}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.danger-soft{color:#aa4e58;border-color:#f0d8da}.builder-shell{height:calc(100vh - 72px);display:grid;grid-template-columns:265px minmax(420px,1fr) 330px}.builder-library,.builder-preview{background:#fff;overflow:auto}.builder-library{border-right:1px solid #e4dfdb;padding:18px 16px}.builder-preview{border-left:1px solid #e4dfdb;padding:16px}.library-head h3,.preview-head h3{margin:0 0 6px}.library-head p{margin:0 0 18px;color:#7f7779;font-size:.78rem;line-height:1.45}.block-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px}.block-palette button{border:1px solid #e4dfdc;background:#fff;border-radius:12px;padding:11px 8px;display:grid;place-items:center;gap:3px;cursor:pointer}.block-palette button:hover{border-color:#aa8eaa;background:#faf6fa}.block-palette span{font-size:1.25rem;color:#775c77}.block-palette b{font-size:.76rem}.block-palette small{font-size:.63rem;color:#92898c;text-align:center}.builder-note{margin-top:18px;padding:14px;border-radius:14px;background:#f6f1f6;border:1px solid #e7dde8}.builder-note p{font-size:.72rem;line-height:1.45;color:#776e72}.builder-stage{overflow:auto;padding:24px;background:#efedea}.stage-head{max-width:850px;margin:0 auto 16px;display:flex;justify-content:space-between;align-items:end;gap:16px}.stage-head h2{margin:0;font-size:1.3rem}.stage-head p{margin:4px 0 0;color:#80787b;font-size:.78rem}.stage-head>span{font-size:.72rem;color:#8f8789}.section-list{max-width:850px;margin:0 auto;display:grid;gap:10px}.builder-section{background:#fff;border:1px solid #e3dedb;border-radius:15px;box-shadow:0 3px 12px rgba(0,0,0,.025);overflow:hidden}.builder-section.is-disabled{opacity:.58}.section-summary{min-height:70px;padding:10px 12px;display:flex;align-items:center;gap:8px}.drag-handle{border:0;background:none;color:#a69ea0;font-size:1.15rem;cursor:grab}.section-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#f2edf2;color:#725772;flex:none}.section-name{display:grid;min-width:0;flex:1}.section-name small{text-transform:uppercase;letter-spacing:.09em;font-size:.61rem}.section-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem}.switch{display:inline-flex;align-items:center}.switch input{display:none}.switch span{width:38px;height:22px;border-radius:999px;background:#d4cecb;position:relative;transition:.2s}.switch span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:#80628c}.switch input:checked+span:after{transform:translateX(16px)}.section-editor{padding:16px;border-top:1px solid #eee9e6;background:#fcfbfa;display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-editor[hidden]{display:none}.section-editor label{font-size:.73rem}.section-editor textarea{resize:vertical}.section-editor label:has(textarea),.section-editor label:has(.upload-row){grid-column:1/-1}.section-actions{grid-column:1/-1;display:flex;justify-content:flex-end}.btn.small{min-height:34px;padding:.45rem .7rem;font-size:.72rem}.upload-row{display:flex;gap:8px}.upload-row input{flex:1}.upload-status{display:block;margin-top:5px}.builder-empty{padding:60px 20px;text-align:center;background:#fff;border:1px dashed #cbc2be;border-radius:18px}.builder-empty>span{font-size:2rem;color:#80628c}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.phone-frame{width:100%;aspect-ratio:9/17.6;border:9px solid #252124;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 20px 45px rgba(46,38,42,.16)}.phone-frame iframe{width:100%;height:100%;border:0;background:#fff}.preview-help{font-size:.68rem;color:#8e8588;text-align:center}.save-state{padding:6px 9px;border-radius:999px;background:#f4f2f0;color:#746d70}.save-state.dirty{background:#fff1d8;color:#8c6319}

/* Botón constructor en dashboard */
.wedding-card .card-actions .btn.builder-link{background:#f3edf4;border-color:#d9c8dd;color:#684f70}

@media(max-width:1100px){.builder-shell{grid-template-columns:235px minmax(360px,1fr)}.builder-preview{display:none}.editor-layout-v2{grid-template-columns:240px minmax(360px,1fr) 280px}}
@media(max-width:820px){.public-body.cover-active{overflow:hidden}.envelope{width:96vw;height:66vh}.card-float{width:78%}.gate-hint{font-size:.64rem}.wax-seal{width:88px;height:88px}.event-cards{grid-template-columns:1fr}.detail-feature,.detail-feature.reverse{grid-template-columns:1fr;min-height:0}.detail-art,.detail-feature.reverse .detail-art{min-height:280px;order:0}.detail-feature>div:not(.detail-art),.detail-feature.reverse>div:not(.detail-art){order:1;padding:55px 24px}.wedding-gallery{grid-auto-rows:65px}.builder-body{height:auto;overflow:auto}.builder-top{height:auto;min-height:70px;position:sticky;top:0;flex-wrap:wrap}.builder-actions{width:100%;justify-content:flex-end}.builder-shell{height:auto;display:flex;flex-direction:column}.builder-library{order:1;border-right:0;border-bottom:1px solid #ddd;overflow:visible}.block-palette{display:flex;overflow:auto;padding-bottom:5px}.block-palette button{min-width:112px}.builder-stage{order:2;overflow:visible;padding:16px}.builder-preview{display:none}.section-summary{flex-wrap:wrap}.section-name{min-width:150px}.section-editor{grid-template-columns:1fr}.section-editor label:has(textarea),.section-editor label:has(.upload-row){grid-column:auto}}
@media(max-width:560px){.gate{padding:8px}.envelope{height:61vh}.env-back,.env-front,.env-flap{left:3%;right:3%}.card-float{width:84%}.gate-hint{margin-top:7px}.wedding-hero{min-height:94svh}.hero-content{padding:42px 16px}.wedding-hero h1{font-size:clamp(3.4rem,20vw,6rem)}.hero-phrase{font-size:1rem}.scroll-cue{margin-top:45px}.story-section{padding:70px 18px}.countdown-band{padding:52px 14px}.countdown{gap:10px}.countdown div{min-width:68px}.countdown b{font-size:2.5rem}.countdown span{font-size:.56rem}.media-section,.events-section,.gallery-section,.rsvp-section{padding:68px 14px}.video-frame{border-radius:12px}.event-cards article{padding:44px 20px 28px}.wedding-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:8px}.photo,.photo-0,.photo-1,.photo-2,.photo-3,.photo-4,.photo:nth-child(n+6){grid-column:auto;grid-row:auto}.photo:first-child{grid-column:1/-1;grid-row:span 2}.detail-art{min-height:220px}.rsvp-card{padding:28px 18px}.response-choices{display:grid;gap:10px}.builder-top{padding:8px}.builder-title small{display:none}.builder-actions .save-state{display:none}.builder-actions .btn{font-size:.74rem;padding:.55rem .65rem;min-height:36px}.builder-library{padding:12px}.library-head p,.builder-note{display:none}.builder-stage{padding:12px}.stage-head{align-items:start}.stage-head p{display:none}.section-summary{gap:6px;padding:9px}.section-summary .icon-btn{min-width:32px;padding:0 7px}.section-summary [data-edit]{min-width:58px}.section-name{min-width:120px}.upload-row{display:grid}.wedding-footer{padding:65px 18px}}
.template-thumb.editorial{background:linear-gradient(#f7f0e7 0 18%,#4f4047 18% 25%,#f7f0e7 25% 38%,#a17f8d 38% 42%,#f7f0e7 42% 58%,#4f4047 58% 65%,#f7f0e7 65% 82%,#6f566f 82% 92%,#f7f0e7 92%)}