@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#182331;--muted:#78818e;--line:#e8ebee;--surface:#fff;--bg:#f7f8fa;--coral:#ed785e;--navy:#182b39;--mint:#c7eedf;--lilac:#dfd8f6;--shadow:0 16px 42px rgba(28,43,57,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#app{display:flex;min-height:100vh}.rail{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 18px 20px;z-index:10}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;font:800 24px 'Manrope';letter-spacing:-1.5px;color:var(--ink);padding:0 12px;margin:0 0 53px;text-align:left}.brand-mark{width:31px;height:31px;border-radius:10px;background:var(--coral);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 20px 'Manrope';transform:rotate(-7deg);box-shadow:3px 4px 0 #fbd6c9}.brand-dot{color:var(--coral)}.rail-label,.overline,.editor-label{font:800 10px 'Manrope';letter-spacing:1.4px;color:#a0a8b1}.rail-label{padding:0 13px;margin-bottom:13px}.rail-link{width:100%;border:0;background:transparent;color:#596573;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:12px;font-weight:700;text-align:left;margin:2px 0}.rail-link:hover,.rail-link.active{background:#f2f6f5;color:#1c584d}.nav-icon{display:inline-flex;width:20px;justify-content:center;font:700 21px Arial}.rail-spacer{flex:1}.privacy-note{background:#eff8f3;border-radius:16px;padding:17px 15px;display:grid;gap:7px;color:#316456;font-size:12px;line-height:1.45}.privacy-note strong{font:800 12px 'Manrope'}.privacy-icon{font-size:20px}.rail-help{border:0;background:transparent;text-align:left;color:#6e7a86;font-size:12px;font-weight:700;margin:14px 4px 0;padding:8px}.main{margin-left:238px;min-width:0;flex:1}.topbar{height:78px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:20px}.breadcrumb{font-size:13px;color:#8a94a0;font-weight:700}.breadcrumb span{padding:0 8px;color:#c4cbd1}.top-actions{display:flex;align-items:center;gap:18px}.private-pill{color:#23765c;background:#eaf7ef;padding:8px 12px;border-radius:999px;font:800 11px 'Manrope'}.private-pill span{font-size:9px;margin-right:4px}.btn{border:0;border-radius:11px;padding:11px 17px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn-dark{background:var(--navy);color:#fff;box-shadow:0 5px 11px rgba(24,43,57,.13)}.btn-dark:hover{background:#29485b}.btn-white{background:#fff;color:#183344;box-shadow:0 8px 20px rgba(20,40,42,.12)}.btn-white span{font-size:17px}.btn-ghost{background:transparent;color:#fff}.btn-outline{border:1px solid #d8dee2;background:#fff;color:#253844}.mobile-brand{display:none}.view{max-width:1440px;margin:0 auto}.home-view{padding:34px 48px 70px}.home-hero{height:321px;border-radius:23px;background:linear-gradient(110deg,#173c3d 2%,#235355 70%,#2d6762 100%);position:relative;overflow:hidden;display:flex;align-items:center;box-shadow:var(--shadow)}.home-hero:after{content:"";position:absolute;width:470px;height:470px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:11%;top:-52%}.hero-copy{position:relative;z-index:2;padding-left:57px;max-width:570px}.eyebrow{color:#c8eddb;font:800 10px 'Manrope';letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.eyebrow-dot{width:6px;height:6px;background:#efb17b;border-radius:50%}.hero-copy h1,.tools-heading h1{font:800 clamp(32px,3vw,47px)/1.13 'Manrope';letter-spacing:-2px;margin:16px 0 12px;color:#fff}.hero-copy h1 em,.tools-heading h1 em{font-style:normal;color:#bce5d2}.hero-copy p{font-size:13.5px;line-height:1.7;color:#d0e6e1;max-width:510px;margin:0 0 25px}.hero-actions{display:flex;gap:10px}.hero-art{position:absolute;right:30px;bottom:-47px;width:385px;height:330px;transform:rotate(-6deg)}.art-sheet{position:absolute;width:243px;height:330px;border-radius:7px;background:#fff;box-shadow:0 14px 35px rgba(0,0,0,.12)}.art-back{left:95px;top:27px;transform:rotate(13deg);background:#e8e7dc}.art-front{left:55px;top:0;padding:28px 25px}.art-kicker{width:58px;height:6px;background:#f4ba9a;border-radius:4px;margin-bottom:18px}.art-title{height:10px;width:80%;background:#283e47;border-radius:3px;margin-bottom:7px}.art-title.short{width:53%;margin-bottom:20px}.art-line{height:5px;background:#dbe1df;border-radius:4px;margin-bottom:7px}.art-line.medium{width:70%}.art-line.short{width:55%}.art-photo{height:88px;border-radius:6px;background:linear-gradient(135deg,#eed9c6,#b8d7c4);margin:18px 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:44px}.art-cursor{position:absolute;right:-11px;top:70px;background:#f8b58a;color:#243941;padding:9px 12px;border-radius:9px;font-size:13px;box-shadow:0 6px 13px rgba(0,0,0,.15)}.art-cursor span{font-weight:800}.art-bubble{position:absolute;z-index:3;background:#fff;border-radius:11px;display:grid;place-items:center;color:#254e4e;box-shadow:0 6px 20px rgba(0,0,0,.12)}.art-bubble-one{width:47px;height:47px;left:7px;top:110px;font:800 17px Georgia}.art-bubble-two{width:35px;height:35px;right:0;bottom:50px;font-size:20px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:39px 0 20px}.section-head.lower{margin-top:41px}.section-head h2{font:800 23px 'Manrope';letter-spacing:-.8px;margin:7px 0 0}.text-link{border:0;background:none;color:#397967;font-weight:800;font-size:12px;padding:7px 0}.text-link span{margin-left:6px;font-size:17px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.quick-card{border:1px solid #edf0f1;background:#fff;border-radius:17px;padding:19px;min-height:164px;text-align:left;display:flex;flex-direction:column;gap:13px;position:relative;box-shadow:0 8px 18px rgba(40,50,61,.025);transition:transform .2s,box-shadow .2s}.quick-card:hover,.feature-card:hover,.tool-card:hover{transform:translateY(-3px);box-shadow:0 16px 29px rgba(27,41,54,.09)}.quick-icon,.card-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font:700 22px Arial}.coral{background:#fde5dc;color:#dc6e52}.blue{background:#e0eafa;color:#5275ba}.mint{background:#dff1e8;color:#398c6c}.lilac{background:#ebe6f8;color:#7159af}.amber{background:#fff0d8;color:#c38a2e}.rose{background:#fae5ed;color:#bd6f89}.quick-card strong{font:800 13px 'Manrope';display:block;line-height:1.35}.quick-card small{display:block;color:#8a95a0;font-size:11px;margin-top:5px;line-height:1.35}.quick-card b{position:absolute;right:18px;top:20px;color:#a6b1b6;font-size:15px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #edf0f1;border-radius:14px;padding:16px;text-align:left;transition:transform .2s,box-shadow .2s}.feature-card strong{display:block;font:800 12px 'Manrope';margin-bottom:5px}.feature-card small{color:#8e9aa3;font-size:11px}.feature-card>span:last-child{margin-left:auto;color:#98a5ad}
.tools-view{padding:36px 48px 80px}.tools-heading{min-height:220px;background:#eaf1ed;border-radius:22px;padding:39px 45px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.tools-heading .overline{color:#498673}.tools-heading h1{color:#1e4142;margin:13px 0}.tools-heading h1 em{color:#e18b6d}.tools-heading p{max-width:610px;color:#6a8280;font-size:13px;line-height:1.6;margin:0}.tools-art{position:absolute;right:60px;top:-84px;font:350px Arial;color:#d3e7dc;transform:rotate(-13deg)}.tools-controls{margin:30px 0 21px;display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}.searchbox{width:290px;background:#fff;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:7px;padding:0 13px;color:#81908d}.searchbox span{font-size:24px}.searchbox input{height:39px;border:0;outline:none;width:100%;font-size:12px;background:transparent}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #e0e5e5;background:#fff;border-radius:999px;padding:9px 12px;font-weight:700;color:#758382;font-size:11px}.chip.selected{background:#1d4d4c;color:#fff;border-color:#1d4d4c}.category-head{display:flex;align-items:center;gap:11px;margin:30px 0 16px}.category-head h2{font:800 17px 'Manrope';margin:0}.category-head span{background:#e5ebe9;border-radius:999px;padding:4px 8px;color:#687d78;font-size:10px;font-weight:800}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card{min-height:142px;background:#fff;border:1px solid #e9eeee;border-radius:16px;padding:18px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s;position:relative}.tool-card .card-icon{width:38px;height:38px;font-size:18px;margin-bottom:13px}.tool-card strong{font:800 12.5px 'Manrope';margin-bottom:5px}.tool-card small{font-size:11px;color:#829198;line-height:1.45;padding-right:9px}.tool-status{position:absolute;right:13px;top:15px;color:#2f8064;background:#e9f7ee;font:800 9px 'Manrope';padding:5px 7px;border-radius:99px}.tool-card.soon .tool-status{background:#f5f2ea;color:#a18a64}.empty-search{padding:45px 0;color:#8d9ba2;text-align:center}
.editor-view{max-width:none;height:calc(100vh - 78px);display:flex;flex-direction:column;overflow:hidden;background:#f2f4f5}.editor-top{height:67px;flex:none;background:#fff;border-bottom:1px solid var(--line);padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.editor-top-left,.editor-top-right{display:flex;align-items:center;gap:12px}.icon-button{border:0;background:#f4f6f6;border-radius:9px;width:34px;height:34px;font-size:21px;color:#586b6e}.editor-label{font-size:9px;letter-spacing:1px}.file-name{border:0;background:none;font:800 15px 'Manrope';color:var(--ink);width:min(330px,35vw);outline:none;padding:0}.file-badge{font:800 9px 'Manrope';letter-spacing:.5px;border-radius:5px;background:#eef2f1;color:#607a74;padding:5px 7px}.editor-top-right .btn{padding:9px 13px;font-size:11px}.editor-toolbar{height:50px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 22px;border-bottom:1px solid var(--line);flex:none}.toolbar-group{display:flex;align-items:center;gap:4px}.tool-button{border:0;background:none;border-radius:7px;padding:7px 8px;color:#586971;font-size:17px;font-weight:700;display:flex;align-items:center;gap:6px}.tool-button span{font-size:11px;font-weight:700}.tool-button:hover,.tool-button.active{background:#e8f5ee;color:#256e58}.toolbar-divider{height:22px;width:1px;background:#e3e8e9;margin:0 8px}.toolbar-spacer{flex:1}.zoom-controls{border:1px solid #e6ebeb;border-radius:8px;display:flex;align-items:center;gap:4px;height:30px}.zoom-controls button{border:0;background:none;width:27px;color:#50616b;font-size:17px}.zoom-controls span{font-size:10px;font-weight:800;color:#5e7076;min-width:45px;text-align:center}.editor-body{min-height:0;flex:1;display:grid;grid-template-columns:152px minmax(0,1fr) 220px}.pages-panel,.properties-panel{background:#fff;overflow:auto}.pages-panel{border-right:1px solid var(--line);padding:17px 13px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;font:800 12px 'Manrope';margin-bottom:14px}.panel-title-row button{border:0;background:#f0f5f3;color:#3b7763;border-radius:6px;width:25px;height:25px;font-size:17px}.pages-list{display:grid;gap:12px}.page-thumb{border:2px solid #e7ecee;border-radius:7px;background:#fff;width:100%;height:137px;position:relative;overflow:hidden;display:grid;place-items:center;color:#9aa6ab;box-shadow:0 3px 7px rgba(35,45,55,.04)}.page-thumb.active{border-color:#e98d73}.page-thumb .mini-sheet{width:68px;height:94px;background:linear-gradient(#e3e8e7 0 0) 8px 12px/50px 4px no-repeat,linear-gradient(#e3e8e7 0 0) 8px 22px/42px 3px no-repeat,linear-gradient(#e3e8e7 0 0) 8px 30px/50px 3px no-repeat,linear-gradient(#dce9e6 0 0) 8px 42px/50px 25px no-repeat,#fff;box-shadow:0 2px 8px #d4dddd}.page-thumb span{position:absolute;left:6px;bottom:5px;background:#fff;border-radius:3px;padding:2px 5px;font-size:10px;font-weight:800}.page-actions{margin-top:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.page-actions button{border:1px solid #e7ebec;border-radius:5px;background:#fff;color:#667b81;height:27px}.canvas-wrap{overflow:auto;position:relative;padding:30px 42px 70px;background:#f2f4f5}.canvas-intro{text-align:center;color:#8c999b;font-size:11px;margin-bottom:19px}.pages-stage{display:flex;flex-direction:column;align-items:center;gap:28px}.paper{width:794px;min-height:1123px;height:1123px;position:relative;background:white;box-shadow:0 15px 42px rgba(34,47,57,.13);transform-origin:top center;flex:none;overflow:hidden}.paper.pdf-page{height:auto}.pdf-background{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pdf-text,.floating-text{position:absolute;display:block;border:1px solid transparent;outline:none;min-width:8px;white-space:pre-wrap;overflow-wrap:anywhere;padding:0;line-height:1.05;cursor:text;z-index:2}.pdf-text{color:transparent}.pdf-text:hover{border-color:rgba(40,139,110,.55)}.pdf-text:focus,.pdf-text.changed{color:var(--text-color,#222);background:var(--cover-color,#fff)}.pdf-text.selected,.floating-object.selected{outline:1.5px solid #e9856d!important;outline-offset:2px}.pdf-text:focus{border-color:#e9856d}.floating-object{position:absolute;z-index:5;min-width:34px;min-height:22px;cursor:move}.floating-text{font:20px Arial,sans-serif;color:#26353c;padding:5px;cursor:text}.floating-image{position:absolute;width:220px;min-width:30px;min-height:30px;resize:both;overflow:hidden}.floating-image img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.floating-shape{width:150px;height:90px;background:#d7ede5;border:2px solid #55a888;resize:both;overflow:hidden}.object-handle{position:absolute;right:-9px;top:-12px;z-index:20;border-radius:5px;padding:2px 5px;background:#ec8a6b;color:#fff;font-size:11px;line-height:1;cursor:grab;display:none;user-select:none}.floating-object:hover .object-handle,.floating-object.selected .object-handle{display:block}.docx-content{position:relative;padding:74px 82px;width:100%;min-height:100%;outline:none;font:16px/1.55 Arial,sans-serif;overflow-wrap:anywhere}.docx-content h1{font-size:32px}.docx-content h2{font-size:24px}.docx-content img{max-width:100%;height:auto}.docx-content table{border-collapse:collapse}.docx-content td,.docx-content th{border:1px solid #cdd7d7;padding:5px}.sample-title{font:700 38px/1.15 'Manrope';letter-spacing:-1.6px;color:#203b40;margin-bottom:15px}.sample-label{color:#dc856a;font:800 11px 'Manrope';letter-spacing:2px;margin-bottom:20px}.sample-body{font:16px/1.7 'DM Sans';color:#445258}.sample-rule{border:0;border-top:1px solid #e1e9e6;margin:30px 0}.sample-sign{font:800 15px 'Manrope';margin-top:50px}.properties-panel{border-left:1px solid var(--line);padding:19px 17px}.properties-header{display:grid;gap:8px;margin-bottom:19px}.properties-header span{font:800 9px 'Manrope';letter-spacing:1.2px;color:#a3adb0}.properties-header strong{font:800 15px 'Manrope'}.property-group{padding:14px 0;border-top:1px solid #eef0f0}.property-group h3{font:800 11px 'Manrope';margin:0 0 12px}.property-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0}.property-row label{font-size:11px;color:#687a7e}.property-row input[type=number],.property-row select,.property-row input[type=text]{width:83px;padding:7px 7px;border:1px solid #dce4e4;border-radius:6px;background:#fff;color:#263940;font-size:11px;outline:none}.property-row input[type=color]{border:0;background:none;width:31px;height:31px;padding:0}.prop-hint{color:#8c9a9e;font-size:11px;line-height:1.55}.property-actions{display:flex;gap:6px}.property-actions button{flex:1;background:#fff;border:1px solid #e1e7e7;border-radius:6px;padding:7px 4px;color:#53686e;font-weight:700;font-size:11px}.property-actions button:hover{background:#f1f7f4}.editor-footer{height:30px;background:#fff;border-top:1px solid #e6ebeb;flex:none;padding:0 17px;display:flex;justify-content:space-between;align-items:center;color:#93a0a3;font-size:10px}.toast{position:fixed;z-index:200;left:50%;bottom:25px;transform:translate(-50%,20px);background:#18383a;color:#fff;padding:12px 17px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 10px 30px #19383a35;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(450px,90vw);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.app-dialog{border:0;border-radius:19px;padding:0;background:#fff;color:var(--ink);width:min(540px,calc(100vw - 32px));box-shadow:0 30px 90px #172e3440}.app-dialog::backdrop{background:#142d3980}.dialog-head{padding:20px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font:800 18px 'Manrope';margin:0}.dialog-head button{border:0;background:#f0f3f3;border-radius:7px;width:28px;height:28px;font-size:20px;color:#627076}.dialog-content{padding:22px 23px 25px}.dialog-content p{font-size:13px;color:#687981;line-height:1.6;margin:0 0 16px}.dialog-content .form-row{display:grid;gap:6px;margin:13px 0}.dialog-content label{font-size:11px;font-weight:800;color:#52666a}.dialog-content input,.dialog-content select{width:100%;padding:10px 11px;border:1px solid #dfe6e5;border-radius:8px;outline:none}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-note{background:#f3f8f5;border-radius:8px;padding:10px;color:#5e7a70;font-size:11px;line-height:1.5}
@media(max-width:1200px){.home-view,.tools-view{padding-left:30px;padding-right:30px}.topbar{padding:0 30px}.quick-grid{grid-template-columns:repeat(2,1fr)}.featured-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.hero-art{right:-20px;opacity:.82}.editor-body{grid-template-columns:125px minmax(0,1fr) 195px}.toolbar-group .tool-button span{display:none}}
@media(max-width:780px){.rail{display:none}.main{margin-left:0}.topbar{height:65px;padding:0 17px}.mobile-brand{display:flex;align-items:center;gap:8px;font:800 19px 'Manrope'}.mobile-brand .brand-mark{width:25px;height:25px;font-size:16px}.breadcrumb,.private-pill{display:none}.top-actions .btn{padding:9px;font-size:11px}.home-view,.tools-view{padding:20px 17px 50px}.home-hero{min-height:310px;height:auto}.hero-copy{padding:29px;max-width:none}.hero-copy h1{font-size:34px}.hero-art{opacity:.23;right:-120px;pointer-events:none}.quick-grid,.featured-grid,.tool-grid{grid-template-columns:1fr 1fr}.tools-heading{padding:29px;min-height:0}.tools-heading h1{font-size:30px}.tools-art{display:none}.searchbox{width:100%}.editor-view{height:calc(100vh - 65px)}.editor-top{padding:0 12px}.editor-top-right .btn-outline{display:none}.file-name{width:130px;font-size:12px}.editor-toolbar{padding:0 8px;overflow:auto}.editor-body{grid-template-columns:minmax(0,1fr)}.pages-panel,.properties-panel{display:none}.canvas-wrap{padding:20px 10px 60px}.paper{zoom:.4!important}.canvas-intro{font-size:10px}}

/* Mantener visible el PDF original al seleccionar texto sin modificarlo. */
.pdf-text:focus:not(.changed){color:transparent;background:transparent;caret-color:var(--text-color,#26353c)}
.pdf-text.changed{color:transparent;background:transparent;caret-color:var(--text-color,#26353c);-webkit-text-stroke:0}
.pdf-text.changed::after{content:attr(data-patch-text);position:absolute;left:var(--patch-left,0px);top:0;display:block;min-width:var(--patch-width,0px);min-height:1.05em;background:var(--cover-color,#fff);color:var(--text-color,#26353c);font:inherit;letter-spacing:inherit;white-space:pre;overflow:visible;-webkit-text-stroke:var(--text-stroke,0px) var(--text-color,#26353c);pointer-events:none}
@media(max-width:520px){.quick-grid,.featured-grid,.tool-grid{grid-template-columns:1fr}.quick-card{min-height:0;flex-direction:row;align-items:center;padding:14px}.quick-card b{display:none}.section-head h2{font-size:19px}.section-head{align-items:center}.text-link{font-size:10px}.hero-actions{flex-direction:column;align-items:flex-start}.home-hero{min-height:335px}.tools-controls{display:block}.filter-chips{margin-top:13px}}
.home-actions-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.app-dialog.merge-dialog-open{width:min(980px,calc(100vw - 28px));max-height:94dvh;overflow:hidden}
.merge-dialog-open #dialogBody{max-height:calc(94dvh - 76px);overflow:auto;overscroll-behavior:contain}
.merge-dialog-open .dialog-content{padding:18px 22px 22px}
.merge-workspace{display:grid;gap:14px}
.merge-intro{margin:0!important}
.merge-progress{padding:10px 12px;border-radius:9px;background:#f1f7f4;color:#266b56;font-size:12px;font-weight:700}
.merge-files-head,.merge-pages-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.merge-files-head>strong,.merge-pages-head strong{font:800 13px 'Manrope';color:#273c40}
.merge-files-head .btn,.merge-bulk-actions .btn{padding:8px 11px;font-size:11px}
.merge-file-list{display:flex;flex-wrap:wrap;gap:8px;max-height:112px;overflow:auto}
.merge-file-row{min-width:min(250px,100%);max-width:calc(50% - 5px);display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #e5ebea;border-radius:10px;background:#fbfcfc}
.merge-file-icon{flex:none;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#fff0eb;color:#b4583e;font:800 9px 'Manrope'}
.merge-file-name{min-width:0;flex:1;display:grid;gap:2px}
.merge-file-name strong,.merge-page-caption small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.merge-file-name strong{font-size:11px;color:#33494c}
.merge-file-name small{font-size:10px;color:#829093}
.merge-remove-file{flex:none;width:29px;height:29px;border:0;border-radius:7px;background:#f3f5f5;color:#718184;font-size:19px;cursor:pointer}
.merge-pages-head{padding-top:4px}
.merge-pages-head>div:first-child{display:grid;gap:3px}
.merge-pages-head small{font-size:10px;color:#829093}
.merge-bulk-actions{display:flex;gap:6px}
.merge-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;max-height:min(46vh,440px);overflow:auto;padding:2px 4px 6px 2px;overscroll-behavior:contain}
.merge-page-card{min-width:0;padding:7px;border:1px solid #e2e9e8;border-radius:10px;background:#fff;box-shadow:0 2px 7px rgba(29,54,57,.04);cursor:grab;transition:border-color .15s,opacity .15s,transform .15s}
.merge-page-card:hover{border-color:#9ecdb9}
.merge-page-card.is-excluded{opacity:.55;background:#f4f5f5}
.merge-page-card.is-dragging{opacity:.35;transform:scale(.97)}
.merge-preview{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:.72;overflow:hidden;border-radius:6px;background:linear-gradient(135deg,#f2f5f4,#e7eceb);color:#8b9998;font-size:10px}
.merge-preview>img{width:100%;height:100%;object-fit:contain;background:#fff}
.merge-page-check{position:absolute;left:5px;top:5px;display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #dce5e1;border-radius:6px;background:rgba(255,255,255,.96);color:#33534b;font-size:9px;font-weight:800;cursor:pointer}
.merge-page-check input{width:13px;height:13px;margin:0;accent-color:#258363}
.merge-page-caption{display:grid;gap:3px;padding:7px 1px 5px}
.merge-page-caption strong{font:800 10px 'Manrope';color:#34494b}
.merge-page-caption small{font-size:9px;color:#829093}
.merge-page-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.merge-page-actions button{min-height:32px;border:1px solid #e6ebea;border-radius:6px;background:#fff;color:#5e7074;font-size:14px;cursor:pointer;touch-action:manipulation}
.merge-page-actions button:hover{background:#eff7f3;color:#17634f}
.merge-output-label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#52666a}
.merge-output-label>span{display:flex;align-items:center;gap:7px}
.merge-output-label input{min-width:0;flex:1;padding:10px 11px;border:1px solid #dfe6e5;border-radius:8px;outline:none}
.merge-output-label b{font-size:11px;color:#78888a}
.merge-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:4px;border-top:1px solid #edf0ef}
.merge-footer>span{max-width:50%;font-size:10px;line-height:1.45;color:#829093}
.merge-footer .dialog-actions{margin:10px 0 0;flex:none}
.merge-footer .btn:disabled{cursor:not-allowed;opacity:.48}
.merge-empty{grid-column:1/-1;margin:0!important;padding:14px;border:1px dashed #dbe4e1;border-radius:9px;color:#829093;font-size:11px;text-align:center}
@media(max-width:700px){.app-dialog.merge-dialog-open{width:calc(100vw - 16px);max-height:96dvh;border-radius:15px}.merge-dialog-open #dialogBody{max-height:calc(96dvh - 67px)}.merge-dialog-open .dialog-head{padding:14px 15px}.merge-dialog-open .dialog-content{padding:13px 14px 16px}.merge-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:42dvh}.merge-page-card{padding:5px}.merge-file-row{max-width:100%;min-width:min(100%,260px)}.merge-file-list{max-height:100px}.merge-footer{align-items:flex-start;flex-direction:column;gap:4px}.merge-footer>span{max-width:none}.merge-footer .dialog-actions{width:100%;justify-content:flex-end}.merge-page-actions button{min-height:38px}.merge-pages-head{align-items:flex-start}.merge-bulk-actions{flex-wrap:wrap;justify-content:flex-end}.merge-bulk-actions .btn{padding:7px 8px;font-size:10px}}
@media(max-width:420px){.merge-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.merge-pages-head{display:grid}.merge-bulk-actions{justify-content:flex-start}.merge-file-row{width:100%}.merge-files-head .btn{padding:7px 9px}}
.home-actions-grid .quick-card{min-height:164px;flex-direction:column;align-items:flex-start;padding:19px;user-select:none}
.home-actions-grid .quick-card:focus-visible{outline:3px solid #74ae98;outline-offset:3px}
@media(max-width:1200px){.home-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.home-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-actions-grid .quick-card{min-height:160px;flex-direction:column;align-items:flex-start;padding:13px}.home-actions-grid .quick-icon{width:38px;height:38px}.home-actions-grid .quick-card strong{font-size:12px}.home-actions-grid .quick-card small{font-size:10px}}

/* Ilustración original de bienvenida, con el texto siempre en HTML accesible. */
.home-hero{height:390px;background:#0c1532;isolation:isolate}
.home-hero::before{content:"";position:absolute;inset:0;background:url('assets/hero-documents-v3.png') center 54%/cover no-repeat;z-index:-2}
.home-hero::after{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,rgba(7,13,31,.88) 0%,rgba(7,13,31,.71) 32%,rgba(7,13,31,.18) 65%,rgba(7,13,31,.04) 100%);z-index:-1}
.hero-copy{max-width:660px;padding-left:51px}
.hero-copy h1{font-size:clamp(30px,3vw,45px);line-height:1.11;margin:14px 0 13px}
.hero-copy h1 em{color:#ffcca6}
.hero-copy p{color:#e4e8f0;max-width:470px}
.eyebrow{color:#ffdfb8}
.eyebrow-dot{background:#ffc066}
.canvas-intro{display:flex;align-items:center;gap:12px;max-width:540px;margin:0 auto 20px;background:#fff;border:1px solid #e7ebee;border-radius:11px;padding:6px 11px 6px 6px;text-align:left;box-shadow:0 5px 12px rgba(32,46,58,.04)}
.canvas-intro img{width:78px;height:54px;flex:none;object-fit:cover;object-position:72% center;border-radius:7px}
.canvas-intro div{display:grid;gap:3px}
.canvas-intro strong{font:800 11px 'Manrope';color:#334653}
.canvas-intro span{font-size:10px;color:#879397;line-height:1.35}
@media(max-width:780px){.home-hero{min-height:440px;height:auto;align-items:flex-start}.home-hero::before{background-position:72% center}.home-hero::after{background:linear-gradient(180deg,rgba(7,13,31,.91) 0%,rgba(7,13,31,.81) 43%,rgba(7,13,31,.16) 100%)}.hero-copy{padding:30px 27px 165px;max-width:none}.hero-copy h1{font-size:clamp(28px,7vw,36px)}.hero-copy p{max-width:520px;margin-bottom:17px}.canvas-intro{max-width:310px}.canvas-intro img{width:53px;height:50px}}

/* Pantalla de entrada */
body.welcome-active{overflow:hidden}
.welcome-screen{position:relative;isolation:isolate;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:96px 22px;color:#fff;background:#101a36;overflow:hidden}
.welcome-screen::before{content:"";position:absolute;inset:0;background:url('assets/hero-documents-v3.png') center center/cover no-repeat;z-index:-2}
.welcome-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,28,.27),rgba(5,10,28,.1) 45%,rgba(5,10,28,.65));z-index:-1}
.welcome-top{position:absolute;z-index:1;top:27px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between}
.welcome-brand{display:flex;align-items:center;gap:9px;font:800 22px 'Manrope';letter-spacing:-.8px}
.welcome-brand .brand-mark{width:30px;height:30px;font-size:19px}
.welcome-top-note{font:800 10px 'Manrope';letter-spacing:2px;color:#e8e1e6}
.welcome-center{position:relative;z-index:1;width:min(680px,100%);padding:43px 34px 46px;text-align:center;background:rgba(8,14,34,.69);border:1px solid rgba(255,255,255,.16);border-radius:23px;box-shadow:0 25px 80px rgba(0,0,0,.23);backdrop-filter:blur(7px)}
.welcome-eyebrow{font:800 11px 'Manrope';letter-spacing:2.1px;color:#ffe0af}
.welcome-center h1{font:800 clamp(34px,4.4vw,63px)/1.12 'Manrope';letter-spacing:-2.8px;margin:17px 0 14px;text-shadow:0 3px 20px rgba(0,0,0,.25)}
.welcome-center h1 em{font-style:normal;color:#ffc997}
.welcome-center p{font-size:15px;line-height:1.6;color:#e0e3ec;margin:0 auto 28px;max-width:520px}
.welcome-enter{border:0;border-radius:13px;background:#fff;color:#192d42;padding:6px 14px 6px 23px;min-width:216px;min-height:60px;font:800 14px 'Manrope';box-shadow:0 10px 25px rgba(0,0,0,.19);display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:transform .18s,background .18s;cursor:pointer}
.welcome-enter:hover{transform:translateY(-2px);background:#ffdfbf}
.welcome-enter-label{font-size:14px;font-weight:800;letter-spacing:.4px}
.welcome-writer{position:relative;display:block;width:49px;height:40px;flex:none}
.welcome-writer i{position:absolute;display:block;box-sizing:border-box}
.welcome-writer .writer-hair{width:17px;height:17px;left:3px;top:4px;background:#33293c;border-radius:8px 9px 5px 6px;transform:rotate(-15deg);z-index:3}
.welcome-writer .writer-head{width:15px;height:15px;left:7px;top:8px;background:#e9ad80;border-radius:7px;z-index:4}
.welcome-writer .writer-body{width:24px;height:19px;left:1px;top:21px;background:#6b88b4;border-radius:9px 8px 3px 3px;z-index:2}
.welcome-writer .writer-paper{width:23px;height:28px;right:0;top:10px;background:#fff8e8;border:2px solid #bc9f82;border-radius:3px;transform:rotate(7deg);z-index:1;box-shadow:1px 2px 2px #3344}
.welcome-writer .writer-line{height:1.5px;background:#83a2bd;right:4px;z-index:2;transform:rotate(7deg)}
.welcome-writer .writer-line.one{width:12px;top:19px}.welcome-writer .writer-line.two{width:10px;top:24px}
.welcome-writer .writer-arm{width:19px;height:6px;left:17px;top:24px;background:#e9ad80;border-radius:5px;transform:rotate(-19deg);z-index:5}
.welcome-writer .writer-pencil{width:3px;height:18px;left:33px;top:13px;background:#ed9156;border-radius:2px;transform:rotate(26deg);z-index:6;border-bottom:3px solid #4b3a39}
.welcome-bottom{position:absolute;z-index:1;bottom:26px;left:0;right:0;text-align:center;color:#d8d6e1;font-size:11px;font-weight:700;letter-spacing:.3px}
@media(max-width:780px){.welcome-screen::before{background-position:74% center}.welcome-top{top:20px;left:20px;right:20px}.welcome-top-note{font-size:8px;letter-spacing:1px}.welcome-center{padding:30px 20px 34px}.welcome-center h1{font-size:clamp(32px,8vw,47px);letter-spacing:-1.9px}.welcome-center p{font-size:13px}}
.floating-image{resize:none;touch-action:none;cursor:grab;user-select:none}
.floating-image.dragging{cursor:grabbing}
.floating-image img{user-select:none;-webkit-user-drag:none}
.floating-image .resize-handle{position:absolute;z-index:25;right:1px;bottom:1px;width:17px;height:17px;background:#f4a17f;border:2px solid #fff;border-radius:4px 0 0 0;box-shadow:0 0 0 1px #d67356;cursor:nwse-resize;touch-action:none;display:none}
.floating-image .resize-handle::after{content:'';position:absolute;right:3px;bottom:3px;width:6px;height:6px;border-right:2px solid #fff;border-bottom:2px solid #fff}
.floating-image:hover .resize-handle,.floating-image.selected .resize-handle{display:block}
.aspect-control{display:flex;align-items:center;gap:7px;color:#687a7e;font-size:11px;cursor:pointer;margin-top:10px}
.aspect-control input{accent-color:#317660}
.pdf-patches{position:absolute;inset:0;z-index:1;pointer-events:none}
.pdf-text.changed::after{content:none!important}

#mobileProperties{display:none}
.properties-header #closeMobileProperties{display:none}
@media(max-width:780px){
  .editor-view{height:calc(100dvh - 65px);min-height:420px}
  .editor-top{height:60px;padding:0 8px;gap:5px}
  .editor-top-left,.editor-top-right{gap:5px}
  .editor-top-left .icon-button{width:31px;height:34px;flex:none}
  .editor-label,.file-badge{display:none}
  .file-name{width:clamp(90px,31vw,150px);font-size:11px;text-overflow:ellipsis}
  .editor-top-right .btn{padding:8px 9px;font-size:10px}
  .editor-toolbar{height:48px;padding:0 6px;gap:3px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .editor-toolbar::-webkit-scrollbar{display:none}
  .tool-button{min-height:40px;padding:8px 9px;white-space:nowrap;touch-action:manipulation}
  .toolbar-divider{margin:0 3px;flex:none}
  .toolbar-group{flex:none}
  .zoom-controls{flex:none}
  #mobileProperties{display:flex;flex:none}
  .editor-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}
  .canvas-wrap{order:1;flex:1;min-height:0;width:100%;padding:12px 10px 16px;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}
  .pages-stage{width:100%;min-width:0;align-items:center;gap:14px}
  .paper{zoom:var(--paper-zoom,40%)!important;transform:none;transform-origin:top center;max-width:none}
  .pages-panel{order:2;display:flex;align-items:center;gap:8px;flex:none;height:78px;overflow:hidden;padding:6px 8px;border-right:0;border-top:1px solid var(--line)}
  .pages-panel .panel-title-row{display:none}
  .pages-list{display:flex;align-items:center;gap:7px;min-width:0;flex:1;height:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:2px;scrollbar-width:thin}
  .page-thumb{width:48px;height:60px;min-width:48px;flex:none;border-width:2px}
  .page-thumb .mini-sheet{transform:scale(.48)}
  .page-thumb span{font-size:9px}
  .page-actions{display:flex;flex:none;gap:4px;margin:0}
  .page-actions button{width:34px;height:38px;font-size:16px;touch-action:manipulation}
  .properties-panel{display:block;position:fixed;z-index:60;left:8px;right:8px;bottom:calc(29px + env(safe-area-inset-bottom));max-height:min(52dvh,420px);overflow:auto;padding:12px 16px 20px;border:1px solid #dbe4e2;border-radius:17px 17px 10px 10px;box-shadow:0 -12px 40px rgba(23,42,45,.2);transform:translateY(calc(110% + 35px));transition:transform .22s ease;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .editor-view.mobile-properties-open .properties-panel{transform:translateY(0)}
  .properties-header{position:sticky;top:-12px;z-index:2;background:#fff;padding:7px 0 11px;grid-template-columns:1fr auto;align-items:center}
  .properties-header span{grid-column:1}
  .properties-header strong{grid-column:1}
  .properties-header #closeMobileProperties{display:block;grid-column:2;grid-row:1/3;width:38px;height:38px;border:0;border-radius:10px;background:#f0f4f2;color:#45635a;font-size:22px}
  .property-row input[type=number],.property-row select,.property-row input[type=text]{width:min(48vw,170px);min-height:40px;font-size:16px}
  .property-row input[type=color]{width:42px;height:42px}
  .property-actions button{min-height:42px;font-size:14px}
  .editor-footer{height:29px;flex:none;padding:0 9px;font-size:9px}
  .app-dialog{max-height:92dvh;overflow:auto}
  .dialog-head{padding:14px 16px}
  .dialog-content{padding:16px}
  .dialog-content input,.dialog-content select{min-height:44px;font-size:16px}
  .dialog-actions{flex-wrap:wrap}
  .dialog-actions .btn{min-height:44px;flex:1}
  .redact-canvas-wrap{max-height:48dvh;overflow:auto;display:flex;justify-content:center;background:#eff2f1;border-radius:9px;padding:6px}
  #redactCanvas{display:block;width:auto;max-width:100%;max-height:46dvh;height:auto;touch-action:none;border:1px solid #cfd9d6}
  .redact-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px}
  .redact-controls label{display:flex;align-items:center;gap:5px;font-size:12px}
  .redact-controls input{width:70px;min-height:38px;padding:5px}
  .redact-controls .btn{min-height:40px;padding:7px 12px}
}
@media(max-width:390px){
  .file-name{width:82px}
  .editor-top-right .btn{padding:7px;font-size:9px}
  .tool-button{padding:7px}
  .page-actions{gap:2px}
  .page-actions button{width:30px}
}
.welcome-top-tools{display:flex;align-items:center;gap:16px}
.language-select{min-height:36px;padding:0 30px 0 11px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.14);color:#fff;font:700 11px 'Manrope';outline:none;cursor:pointer}
.language-select option{color:#20333b;background:#fff}
.top-actions .language-select{border-color:#dce5e2;background:#fff;color:#31584d}
@media(max-width:780px){.welcome-top-tools{gap:8px}.welcome-top-note{display:none}.language-select{min-height:34px;font-size:10px;padding-left:8px;padding-right:24px}.top-actions{gap:7px}.top-actions .language-select{max-width:84px}}
/* Home actions move into the compact workspace rail; Dino Run fills their former space. */
.rail{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d8e3df transparent}
.brand{margin-bottom:34px}
.rail-label{margin-bottom:8px}
.rail-link{padding-top:9px;padding-bottom:9px}
.rail-actions{margin:12px 0 12px;min-height:0;flex-shrink:0}
.rail-actions-heading{padding:0 10px 5px;color:#9aa6ab;font:800 9px 'Manrope';letter-spacing:1.35px}
.rail-action-list{display:grid;gap:1px;max-height:min(40vh,320px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7e3df transparent}
.rail-action{width:100%;border:0;border-radius:7px;background:transparent;color:#51616a;text-align:left;padding:5px 10px;font:650 11px/1.3 'DM Sans',Arial,sans-serif}
.rail-action:hover,.rail-action:focus-visible{background:#eff7f3;color:#17634f;outline:none}
.privacy-note{padding:13px 12px}
.home-hero{margin-bottom:28px}
.dino-panel{background:#fff;border:1px solid #e9edef;border-radius:19px;padding:22px;box-shadow:0 12px 30px rgba(31,48,60,.05)}
.dino-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}
.dino-panel-head h2{font:800 24px 'Manrope';letter-spacing:-.6px;margin:5px 0}
.dino-panel-head p{margin:0;color:#788690;font-size:12px;line-height:1.5}
.dino-score{min-width:94px;padding:9px 12px;border-radius:12px;background:#eff7f3;color:#1d715b;text-align:center}
.dino-score span{display:block;font:800 8px 'Manrope';letter-spacing:1.1px;color:#829b91}
.dino-score strong{display:block;font:800 19px 'Manrope';letter-spacing:1px;margin-top:3px}
.dino-stage{height:290px;position:relative;overflow:hidden;border-radius:15px;background:#1d2a4b;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)}
#dinoCanvas{width:100%;height:100%;display:block;touch-action:manipulation;cursor:pointer;outline:none}
#dinoCanvas:focus-visible{box-shadow:inset 0 0 0 3px #f5bf7d}
.dino-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center;color:#fff;background:linear-gradient(90deg,rgba(13,25,45,.44),rgba(13,25,45,.15));pointer-events:none;padding:20px}
.dino-overlay strong{font:800 clamp(18px,2vw,25px) 'Manrope';text-shadow:0 2px 8px rgba(0,0,0,.3)}
.dino-overlay span{font-size:12px;color:#ecf3ed;text-shadow:0 1px 5px rgba(0,0,0,.3)}
.dino-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:15px;color:#839097;font-size:11px}
.dino-control{border:0;border-radius:9px;background:#183445;color:#fff;padding:10px 15px;font:800 11px 'Manrope';white-space:nowrap}
.dino-control:hover{background:#28615b}
.mobile-action-menu{display:none}
@media(max-height:820px) and (min-width:781px){.rail-actions{margin-top:8px;margin-bottom:8px}.rail-action-list{max-height:35vh}.privacy-note{padding:10px 12px;gap:5px}.rail-help{margin-top:8px}}
@media(max-width:780px){
  .rail{display:none}
  .mobile-action-menu{display:block;position:relative;flex:0 0 auto}
  .mobile-action-menu>summary{list-style:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce5e2;border-radius:9px;background:#fff;color:#31584d;font-size:17px;cursor:pointer}
  .mobile-action-menu>summary::-webkit-details-marker{display:none}
  .mobile-action-list{position:absolute;right:0;top:calc(100% + 8px);z-index:25;width:min(260px,calc(100vw - 28px));max-height:68vh;overflow:auto;padding:8px;background:#fff;border:1px solid #e6ece9;border-radius:13px;box-shadow:0 14px 34px rgba(23,43,54,.18)}
  .mobile-action-list .rail-action{padding:9px 11px;font-size:12px}
  .top-actions #topUpload{font-size:0;gap:0;padding:8px 10px}
  .top-actions #topUpload::before{content:'＋';font-size:18px}
  .dino-panel{padding:16px}
  .dino-stage{height:245px}
  .dino-panel-foot{align-items:flex-start}
}
@media(max-width:520px){.dino-panel-head h2{font-size:21px}.dino-panel-head p{max-width:250px;font-size:11px}.dino-stage{height:225px}.dino-panel-foot{font-size:10px}.dino-control{padding:9px 11px}}

/* Identidad caricaturesca de Edita.easy */
.brand,.mobile-brand,.welcome-brand,.brand-name,.brand-mark{font-family:'Baloo 2','Trebuchet MS',sans-serif}
.brand,.mobile-brand,.welcome-brand{letter-spacing:-.45px}
.brand-name{font-weight:800;letter-spacing:-.35px;line-height:1;text-shadow:0 1px 0 rgba(237,120,94,.13)}
.welcome-brand .brand-name{font-size:25px;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.mobile-brand .brand-name{font-size:20px}
.brand-mark{position:relative;border:2px solid rgba(255,255,255,.96);border-radius:9px 12px 9px 11px;box-shadow:3px 4px 0 #fbd6c9,0 1px 0 rgba(24,35,49,.08)}
.brand-mark::after{content:'✦';position:absolute;top:-9px;right:-8px;color:#ffd166;font:800 10px/1 'Baloo 2','Trebuchet MS',sans-serif;-webkit-text-stroke:.45px #fff;transform:rotate(13deg)}
.welcome-brand .brand-mark{width:33px;height:33px;font-size:20px}