*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d0d0d;--bg2: #141414;--yellow: #ffde59;--accent: #c8a96e;--text: #f8f8f8;--sub: #d4d4d4;--dim: #888888;--border: #2a2a2a}@font-face{font-family:Josefin Sans;src:url(/fonts/plantillas/JosefinSans-VariableFont_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Josefin Sans;src:url(/fonts/plantillas/JosefinSans-Italic-VariableFont_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:italic;font-display:swap}html,body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}#main-nav{flex-shrink:0}.site-footer{flex-shrink:0;margin-top:auto;border-top:1px solid var(--border)}.footer-inner{max-width:1280px;margin:0 auto;padding:1.75rem 2.5rem;text-align:center}.site-footer p{font-size:.68rem;font-weight:300;color:var(--dim);letter-spacing:.06em}.site-footer a{color:var(--dim);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--sub)}.screen{display:none;flex:1}.screen.active{display:flex;flex-direction:column}nav{border-bottom:1px solid var(--border)}.nav-inner{max-width:1280px;margin:0 auto;width:100%;padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center}.logo img{height:26px;opacity:.9}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4rem 2.5rem;max-width:1200px;margin:0 auto;width:100%}.hero-tag{font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--sub);margin-bottom:2rem}.hero h1{font-weight:700;font-size:clamp(2rem,6vw,3.8rem);line-height:1.06;letter-spacing:-.03em;margin-bottom:1.25rem;color:var(--text)}.hero-sub{font-size:1.05rem;font-weight:300;color:var(--sub);line-height:1.8;max-width:560px;margin-bottom:3rem}.hero-sub strong{color:var(--text);font-weight:300}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;background:var(--yellow);color:#0a0a0a;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 1.75rem;border:none;cursor:pointer;transition:background .2s;text-decoration:none;font-family:inherit}.btn-primary:hover{background:#fff}.hero-meta{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;gap:3rem}.hero-stat{display:flex;flex-direction:column;gap:.25rem}.hero-stat-n{font-weight:300;font-size:1.35rem;color:var(--text)}.hero-stat-l{font-size:.65rem;font-weight:300;color:var(--sub);letter-spacing:.12em;text-transform:uppercase}.capture-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;padding:3rem 2.5rem;max-width:800px;margin:0 auto;width:100%}.capture-tag{font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--sub);margin-bottom:1.5rem}.capture-title{font-weight:300;font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:.75rem;color:var(--text)}.capture-sub{font-size:.88rem;font-weight:300;color:var(--sub);line-height:1.75;margin-bottom:2.5rem}.field-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.field{display:flex;flex-direction:column;gap:.5rem}.field label{font-size:.65rem;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}.field input,.field select{background:transparent;border:none;border-bottom:1px solid var(--border);padding:.65rem 0;font-size:.92rem;font-weight:300;font-family:Inter,sans-serif;color:var(--text);outline:none;transition:border-color .2s;width:100%;-webkit-appearance:none;appearance:none}.field input::placeholder{color:var(--dim)}.field input:focus,.field select:focus{border-bottom-color:#fff6}.field select{cursor:pointer;color:var(--sub)}.field select option{background:#1a1a1a;color:var(--text)}.phone-input-wrap{display:flex;align-items:center;border-bottom:1px solid var(--border);transition:border-color .2s}.phone-input-wrap:focus-within{border-bottom-color:#fff6}.phone-prefix{display:flex;align-items:center;gap:.35rem;cursor:pointer;padding:.65rem .6rem .65rem 0;white-space:nowrap;font-size:.92rem;font-weight:300;color:var(--sub);border-right:1px solid var(--border);margin-right:.6rem;position:relative}.phone-prefix select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;border:none!important;border-bottom:none!important}.phone-prefix-arrow{font-size:.55rem;color:var(--dim)}.phone-input-wrap input{border-bottom:none!important;padding-left:0;flex:1}.field-error{font-size:.65rem;color:#e05050;font-weight:300;margin-top:.25rem;display:none}.capture-submit{background:var(--yellow);color:#0a0a0a;font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 2rem;border:none;cursor:pointer;transition:background .2s;width:100%;font-family:inherit}.capture-submit:hover{background:#fff}.capture-submit:disabled{opacity:.4;cursor:not-allowed}.capture-note{font-size:.65rem;font-weight:300;color:var(--dim);margin-top:1rem;line-height:1.6}.chooser-wrap{flex:1;padding:3rem 2.5rem;max-width:1100px;margin:0 auto;width:100%}.chooser-tag{font-size:.65rem;font-weight:300;letter-spacing:.25em;text-transform:uppercase;color:var(--sub);margin-bottom:1.25rem}.chooser-title{font-weight:300;font-size:clamp(1.4rem,4vw,2.2rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--text)}.chooser-sub{font-size:.88rem;font-weight:300;color:var(--sub);line-height:1.75;margin-bottom:2.5rem}.chooser-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.chooser-card{display:flex;flex-direction:column;background:#111;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .2s;font-family:inherit;text-align:left;color:inherit;padding:0}.chooser-card:hover{border-color:var(--accent);transform:translateY(-3px)}.chooser-preview{height:180px;display:flex;position:relative;overflow:hidden}.chooser-preview-split{flex-direction:column}.chooser-preview-split .half-bw,.chooser-preview-split .half-color{flex:1;display:flex;align-items:center;justify-content:center}.chooser-preview-split .half-bw{background:#1a1a1a}.chooser-preview-split .half-color{background:#2d2419}.chooser-preview-split .txt-bw{font-family:Josefin Sans,sans-serif;font-style:italic;font-weight:300;color:#ffffff8c;font-size:.72rem;letter-spacing:1px;text-align:center;line-height:1.3}.chooser-preview-split .txt-color{font-family:Josefin Sans,sans-serif;font-weight:700;color:#fff;font-size:.78rem;letter-spacing:1px;text-align:center;line-height:1.3}.chooser-preview-libre{background:#1a1500;align-items:flex-end;justify-content:flex-start;padding:1.5rem}.chooser-preview-libre .txt-libre{font-family:Josefin Sans,sans-serif;font-style:italic;font-weight:300;color:var(--accent);font-size:.95rem;letter-spacing:1px;line-height:1.25}.chooser-card-body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.chooser-card-title{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--text)}.chooser-card-desc{font-size:.85rem;font-weight:300;color:var(--sub);line-height:1.6}.chooser-card-cta{margin-top:.5rem;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:700}.editor-back{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--dim);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;padding:1.5rem 2.5rem 0;cursor:pointer;font-family:inherit;font-weight:300;transition:color .2s;align-self:flex-start}.editor-back:hover{color:var(--accent)}#screen-editor-split,#screen-editor-libre{font-family:Josefin Sans,sans-serif}#screen-editor-split .field-label,#screen-editor-libre .field-label,#screen-editor-split .preview-label,#screen-editor-libre .preview-label{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:#cbd5e1;margin-bottom:10px;font-weight:300}.editor-layout{display:flex;gap:60px;padding:32px 40px 60px;max-width:1100px;margin:0 auto;align-items:flex-start;width:100%}.editor-panel{flex:1;display:flex;flex-direction:column;gap:28px;min-width:0}#splitCanvas{display:block;border-radius:8px;width:405px;height:506px;max-width:100%}.canvas-wrap{flex:0 0 auto;position:sticky;top:32px;align-self:flex-start}.btn{font-family:Josefin Sans,sans-serif;font-size:.65rem;letter-spacing:3px;text-transform:uppercase;font-weight:700;padding:14px 28px;border-radius:4px;cursor:pointer;transition:all .2s;border:none}.btn.btn-primary{background:var(--accent);color:#0a0a0a;letter-spacing:3px;font-size:.65rem;text-transform:uppercase;padding:14px 28px}.btn.btn-primary:hover{background:#dfc080}.btn-download{margin-top:16px;width:100%}.upload-zone{border:1px dashed #333;border-radius:8px;padding:36px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative;display:block}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:#0f0f0f}.upload-zone.loaded{border-style:solid;border-color:#2a2a2a}.upload-icon{font-size:2rem;margin-bottom:10px}.upload-hint{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);line-height:1.8}.upload-hint b{color:var(--text);font-weight:700}.phrase-block{display:flex;flex-direction:column}.phrase-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-bw{background:#555}.dot-col{background:var(--accent)}#screen-editor-split textarea,#screen-editor-libre textarea{width:100%;background:#111;border:1px solid #1f1f1f;border-radius:8px;padding:14px 16px;color:var(--text);font-family:Josefin Sans,sans-serif;font-size:.95rem;letter-spacing:1px;line-height:1.5;resize:none;height:80px;transition:border-color .2s}#screen-editor-split textarea:focus,#screen-editor-libre textarea:focus{outline:none;border-color:var(--accent)}#screen-editor-split textarea::placeholder,#screen-editor-libre textarea::placeholder{color:#333}.empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#2a2a2a;pointer-events:none;border-radius:8px}.empty-icon{font-size:3rem}.empty-text{font-size:.6rem;letter-spacing:4px;text-transform:uppercase}#screen-editor-libre .layout{display:flex;flex-direction:column;padding:20px 16px 60px;gap:24px;width:100%}#screen-editor-libre .canvas-wrap{width:100%}#screen-editor-libre .canvas-inner{position:relative;display:block;width:100%}#libreCanvas{display:block;border-radius:8px;width:100%;height:auto;box-shadow:none;outline:none}@media(min-width:860px){#screen-editor-libre .layout{flex-direction:row;align-items:flex-start;gap:60px;padding:32px 40px 60px;max-width:1100px;margin:0 auto}#screen-editor-libre .canvas-wrap{flex:0 0 405px;width:405px;position:sticky;top:32px;align-self:flex-start}#screen-editor-libre .canvas-inner{display:inline-block;width:auto}#libreCanvas{width:405px;height:506px}#libreBtnDownload{min-width:405px}}.panel{flex:1;display:flex;flex-direction:column;gap:28px;min-width:0}.toggle-row{display:flex;gap:0}.toggle-btn{flex:1;padding:11px 0;font-family:Josefin Sans,sans-serif;font-size:.6rem;letter-spacing:3px;text-transform:uppercase;font-weight:700;background:#111;border:1px solid #1f1f1f;color:var(--dim);cursor:pointer;transition:all .2s}.toggle-btn:first-child{border-radius:4px 0 0 4px}.toggle-btn:last-child{border-radius:0 4px 4px 0;border-left:none}.toggle-btn.active{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.color-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.color-swatch{width:44px;height:44px;border-radius:6px;border:1px solid #333;cursor:pointer;overflow:hidden;position:relative;flex-shrink:0}.color-swatch input{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);cursor:pointer;opacity:0}.color-value{font-size:.7rem;letter-spacing:2px;color:var(--dim);font-weight:300}.color-chip{display:flex;align-items:center;gap:8px;cursor:pointer}.color-chip input[type=color]{width:32px;height:32px;border:1px solid #1f1f1f;border-radius:6px;padding:2px;background:#111;cursor:pointer}.color-chip label{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--dim);cursor:pointer}.color-hint{font-size:.75rem;letter-spacing:1px;color:#aaa;margin-top:6px}.color-hint code{color:var(--accent);background:#1a1500;padding:1px 4px;border-radius:3px;font-family:monospace}.font-select{width:100%;background:#111;border:1px solid #1f1f1f;border-radius:8px;padding:10px 14px;color:var(--text);font-size:.85rem;letter-spacing:1px;cursor:pointer;appearance:none;font-family:Josefin Sans,sans-serif;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s}.font-select:focus{outline:none;border-color:var(--accent)}.font-select option{background:#111}.size-row{display:flex;gap:6px}.size-btn{flex:1;padding:9px 4px;font-family:Josefin Sans,sans-serif;font-size:.75rem;letter-spacing:1px;background:#111;border:1px solid #1f1f1f;color:var(--dim);cursor:pointer;border-radius:4px;transition:all .15s}.size-btn:hover{border-color:#444;color:var(--text)}.size-btn.active{border-color:var(--accent);color:var(--accent);background:#1a1500}.pos-grid{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);gap:6px}.pos-btn{width:36px;height:36px;background:#111;border:1px solid #1f1f1f;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pos-btn:after{content:"";width:8px;height:8px;border-radius:50%;background:#333;transition:background .15s}.pos-btn:hover{border-color:#444}.pos-btn:hover:after{background:#666}.pos-btn.active{border-color:var(--accent);background:#1a1500}.pos-btn.active:after{background:var(--accent)}.align-row,.sep-row{display:flex;gap:6px}.align-btn{flex:1;padding:10px 0;font-family:Josefin Sans,sans-serif;font-size:.85rem;background:#111;border:1px solid #1f1f1f;color:var(--dim);cursor:pointer;border-radius:4px;transition:all .15s}.align-btn:hover{border-color:#444;color:var(--text)}.align-btn.active{border-color:var(--accent);color:var(--accent);background:#1a1500}.vig-row{display:flex;gap:6px;flex-wrap:wrap}.vig-btn{padding:8px 10px;font-family:Josefin Sans,sans-serif;font-size:.9rem;background:#111;border:1px solid #1f1f1f;color:var(--dim);cursor:pointer;border-radius:4px;transition:all .15s;min-width:38px;text-align:center}.vig-btn:hover{border-color:#444;color:var(--text)}.vig-btn.active{border-color:var(--accent);color:var(--accent);background:#1a1500}.vig-intensity{display:flex;align-items:center;gap:10px;margin-top:10px}.vig-intensity input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer;height:4px}.vig-intensity span{font-size:.65rem;letter-spacing:2px;color:var(--dim);min-width:32px;text-align:right}.firma-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.firma-check{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.firma-label{font-size:.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--dim);cursor:pointer}#screen-editor-libre input[type=text]{width:100%;background:#111;border:1px solid #1f1f1f;border-radius:8px;padding:12px 16px;color:var(--text);font-family:Josefin Sans,sans-serif;font-size:.85rem;letter-spacing:1px;transition:border-color .2s}#screen-editor-libre input[type=text]:focus{outline:none;border-color:var(--accent)}#screen-editor-libre input[type=text]::placeholder{color:#333}#libreBtnDownload{width:100%;font-family:Josefin Sans,sans-serif;font-size:.65rem;letter-spacing:3px;text-transform:uppercase;font-weight:700;padding:16px;background:var(--accent);color:#0a0a0a;border:none;border-radius:4px;cursor:pointer;transition:background .2s;margin-top:12px}#libreBtnDownload:hover{background:#dfc080}#libreBtnDownload:disabled{background:#2a2a2a;color:#555;cursor:not-allowed}@media(max-width:800px){.editor-layout{flex-direction:column;padding:24px 20px 40px;gap:32px}.canvas-wrap{width:100%;position:static}#splitCanvas{width:100%;height:auto;aspect-ratio:4 / 5}.editor-back{padding:1rem 1.5rem 0}}@media(max-width:600px){nav{padding:1.25rem 1.5rem}.nav-inner{padding:0}.hero,.capture-wrap,.chooser-wrap{padding:2rem 1.5rem}.hero-meta{flex-wrap:wrap;gap:1.5rem}.chooser-grid{grid-template-columns:1fr}}@font-face{font-family:Cal Sans;src:url(/fonts/CalSans-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}.hero h1{font-family:Cal Sans,sans-serif!important;font-weight:600!important;letter-spacing:-.03em!important}.hero-h1-soft{font-family:Cal Sans,sans-serif;font-weight:600;opacity:.55}.hero-h1-gold{font-family:Cal Sans,sans-serif;font-weight:600;color:#f5c842}