*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:"Exo 2";src:url(/assets/exo2-latin-CQ1lLIdm.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/roboto-latin-ccAYIvAh.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--azul:#006cb5;--azul-oscuro:#00507f;--cielo:#6cc0f5;--papel:#f4f7fa;--papel-2:#e7eef5;--blanco:#fff;--noche:#04182a;--noche-2:#0a2740;--tinta:#0a1a2a;--tinta-2:#44546a;--claro:#eef4f9;--claro-2:#a9bccd;--linea:#0a1a2a1f;--linea-oscura:#eef4f924;--borde-campo:#7a8a9c;--error:#b42318;--exito:#117a42;--sombra:0 2px 6px #04182a0d, 0 28px 56px -28px #04182a61;--sombra-flotante:0 16px 32px -12px #04182a8c;--f-titulo:"Exo 2", "Segoe UI", sans-serif;--f-texto:Roboto, system-ui, sans-serif;--f-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--tap:3rem;--brand:var(--azul);--brand-dark:var(--azul-oscuro);--brand-light:#e1edf7;--brand-muted:var(--papel);--bg:var(--papel);--surface:var(--blanco);--border:var(--linea);--border-focus:var(--azul);--text-primary:var(--tinta);--text-secondary:var(--tinta-2);--text-muted:#5f6e80;--green-bg:#e6f4ec;--green-fg:var(--exito);--red-bg:#fdecea;--red-fg:var(--error);--shadow-sm:var(--sombra);--shadow-md:var(--sombra-flotante);--radius-sm:8px;--radius-md:14px;--radius-lg:16px;--nav-h:4.6rem}body{font-family:var(--f-texto);background:var(--bg);color:var(--text-primary);min-height:100vh;line-height:1.5;transition:background .4s,color .4s}h1,.drop-title,.picker-title,.nav-tab,.btn,.preset-chip,.presets-label{font-family:var(--f-titulo)}nav{border-bottom:1px solid var(--border);height:var(--nav-h);z-index:100;background:#ffffffed;justify-content:space-between;align-items:center;padding:0 clamp(16px,4vw,40px);transition:background .4s,border-color .4s;display:flex;position:sticky;top:0}.logo img{width:auto;height:44px;display:block}.nav-pills{background:var(--brand-muted);border-radius:999px;gap:4px;padding:4px;transition:background .4s;display:flex}.nav-tab{cursor:pointer;min-height:2.5rem;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;padding:0 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.nav-tab.active{background:var(--azul);color:#fff}.nav-tab:hover:not(.active){color:var(--text-primary);background:var(--surface)}.page{display:none}.page.active{display:block;overflow:hidden}main{max-width:900px;margin:0 auto;padding:clamp(24px,5vw,48px) clamp(16px,4vw,32px);overflow:hidden}.page-header{margin-bottom:28px}.page-header h1{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.3rem);font-weight:700;line-height:1.2}.page-header p{color:var(--text-secondary);max-width:540px;font-size:1rem;line-height:1.6}.dropzone{background:var(--surface);border:2px dashed var(--borde-campo);border-radius:var(--radius-lg);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:clamp(48px,8vw,80px) 24px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--brand);background:var(--brand-muted)}.dropzone.drag-over{border-color:var(--brand);background:var(--brand-light);border-style:solid}.dropzone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.hexagono{color:#fff;background:var(--azul);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;width:4rem;height:4.5rem;margin-bottom:20px;display:grid}.hexagono .ico{width:28px;height:28px}.drop-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px;font-size:1.2rem;font-weight:700}.drop-hint{color:var(--text-secondary);font-size:.9rem}.drop-cta{background:var(--brand-light);min-height:2.25rem;color:var(--brand-dark);pointer-events:none;border-radius:999px;align-items:center;margin-top:18px;padding:0 1rem;font-size:.9rem;font-weight:600;display:inline-flex}.image-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 14px;transition:background .4s,opacity .2s;display:flex}.image-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);flex-shrink:0;width:48px;height:48px}.image-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:13.5px;font-weight:600;overflow:hidden}.image-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;display:flex}.image-size{color:var(--text-muted);font-size:11.5px;font-family:var(--f-mono)}.badge{letter-spacing:.01em;border-radius:20px;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:600;transition:background .4s,color .4s}.badge-pending{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.badge-done{background:var(--green-bg);color:var(--green-fg)}.badge-error{background:var(--red-bg);color:var(--red-fg)}.badge-processing{background:var(--brand-light);color:var(--brand);animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.remove-btn{cursor:pointer;color:var(--text-secondary);width:var(--tap);height:var(--tap);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.remove-btn .ico{width:20px;height:20px}.remove-btn:hover{background:var(--red-bg);color:var(--red-fg)}.seo-section{border-top:1px solid var(--border);gap:8px;width:100%;margin-top:10px;padding-top:10px;display:grid}.seo-field{flex-direction:column;gap:2px;display:flex}.seo-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:700}.seo-value{color:var(--text-primary);background:var(--bg);font-size:12.5px;font-family:var(--f-mono);word-break:break-word;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:6px;padding:5px 8px;transition:background .15s;display:flex}.seo-value:hover{background:var(--brand-light)}.seo-copy{color:var(--brand);font-size:.75rem;font-weight:600;font-family:var(--f-titulo);flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.seo-copy .ico{width:14px;height:14px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.quality-control{color:var(--text-secondary);align-items:center;gap:8px;margin-left:auto;font-size:12.5px;display:flex}.quality-control input[type=range]{accent-color:var(--brand);width:80px}.quality-control strong{color:var(--brand);text-align:right;min-width:30px}.btn{min-height:var(--tap);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:transform .35s var(--ease), background-color .25s, color .25s, border-color .25s;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.4rem;font-size:1rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn .ico{flex:none;width:18px;height:18px}.btn:active{transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--azul);color:#fff}.btn-primary:hover:not(:disabled){background:var(--azul-oscuro)}.btn-secundario{border-color:var(--text-primary);color:var(--text-primary);background:0 0}.btn-secundario:hover:not(:disabled){background:var(--text-primary);color:var(--bg)}.btn-suave{background:var(--papel-2);color:var(--tinta)}.btn-suave:hover:not(:disabled){background:var(--azul);color:#fff}.btn-sm{min-height:2.25rem;padding:0 .9rem;font-size:.875rem}.btn-icono{width:var(--tap);flex:none;padding:0}.btn-full{width:100%}.editor-layout{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.editor-left{flex-direction:column;gap:16px;display:flex}.editor-picker{background:var(--surface);border:2px dashed var(--borde-campo);border-radius:var(--radius-lg);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:48px 24px;transition:border-color .2s,background .2s;display:flex;position:relative}.editor-picker:hover{border-color:var(--brand);background:var(--brand-muted)}.editor-picker.has-image{border-style:solid;padding:0;overflow:hidden}.editor-picker input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.editor-picker img{object-fit:cover;border-radius:calc(var(--radius-lg) - 2px);width:100%;height:240px;display:block}.picker-title{color:var(--text-primary);margin-bottom:4px;font-size:1.1rem;font-weight:700}.picker-hint{color:var(--text-muted);font-size:13px}.presets-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:18px;transition:background .4s}.presets-label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700}.presets-list{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.preset-chip{background:var(--surface);border:2px solid var(--brand-light);min-height:2.5rem;color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;padding:0 1rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:relative;overflow:hidden}.preset-chip:hover{border-color:var(--brand)}.preset-chip.active{background:var(--azul);border-color:var(--azul);color:#fff}.prompt-textarea{resize:vertical;border:1px solid var(--borde-campo);border-radius:var(--radius-sm);width:100%;min-height:100px;font-size:1rem;font-family:var(--f-texto);color:var(--text-primary);background:var(--bg);outline:none;margin-bottom:12px;padding:12px 14px;line-height:1.5;transition:border-color .15s,box-shadow .15s,background .4s,color .4s}.prompt-textarea:focus{border-color:var(--border-focus);background:var(--surface);box-shadow:0 0 0 3px #006cb51a}.prompt-textarea::placeholder{color:var(--text-muted)}.editor-result{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:32px 24px;transition:background .4s;display:flex;position:relative;overflow:hidden}.result-placeholder{color:var(--text-muted);font-size:14px}.result-image-wrap{width:100%}.result-image-wrap img{border-radius:calc(var(--radius-lg) - 2px);width:100%;display:block}.result-meta{text-align:left;flex-direction:column;gap:8px;width:100%;margin-top:16px;display:flex}.result-meta-row{flex-direction:column;gap:3px;display:flex}.result-meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10.5px;font-weight:700}.result-meta-value{color:var(--text-primary);background:var(--bg);font-size:13px;font-family:var(--f-mono);word-break:break-word;border-radius:6px;padding:7px 10px;transition:background .4s,color .4s}.result-loading{border-radius:var(--radius-lg);background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--brand-light);border-top-color:var(--brand);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-loading p{color:var(--brand);font-size:13px;font-weight:600}.result-actions{justify-content:center;gap:8px;width:100%;margin-top:16px;display:flex}.hidden{display:none!important}.toast-stack{top:calc(var(--nav-h) + 14px);z-index:9997;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;right:clamp(14px,4vw,28px)}.toast{background:var(--surface);max-width:min(360px,100vw - 28px);color:var(--text-primary);border-left:3px solid var(--green-fg);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);align-items:center;gap:9px;padding:10px 13px;font-size:13px;font-weight:600;display:inline-flex}.toast-dot{background:var(--green-fg);width:8px;height:8px;box-shadow:0 0 0 4px var(--green-bg);border-radius:50%;flex-shrink:0}.compare-wrap{border-radius:calc(var(--radius-lg) - 2px);background:var(--bg);-webkit-user-select:none;user-select:none;cursor:ew-resize;width:100%;box-shadow:inset 0 0 0 1px var(--border);position:relative;overflow:hidden}.compare-wrap img{pointer-events:none;width:100%;height:auto;display:block}.compare-after{width:50%;position:absolute;inset:0;overflow:hidden}.compare-after img{object-fit:cover;width:100%;height:100%}.compare-line{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,0 0 18px #006cb573}.compare-handle{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;box-shadow:var(--shadow-md);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-handle:before,.compare-handle:after{content:"";border-top:2px solid var(--brand);border-left:2px solid var(--brand);width:7px;height:7px;position:absolute;top:50%}.compare-handle:before{left:10px;transform:translateY(-50%)rotate(-45deg)}.compare-handle:after{right:10px;transform:translateY(-50%)rotate(135deg)}.compare-label{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#04182ab8;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700;position:absolute;top:10px}.compare-label-before{left:10px}.compare-label-after{right:10px}@media (width<=680px){.editor-layout{grid-template-columns:1fr}.editor-result{min-height:260px}}@media (width<=500px){.nav-tab{padding:0 .8rem;font-size:.85rem}.logo img{height:34px}.image-card{gap:10px;padding:10px 12px}.image-thumb{width:42px;height:42px}.presets-list{gap:6px}}@media (width>=501px) and (width<=768px){.image-thumb{width:44px;height:44px}}.verificacion{z-index:10000;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.aviso-ia{color:var(--text-secondary);margin-top:12px;font-size:.85rem;line-height:1.5}.aviso-ia a{color:var(--brand);font-weight:600}.aviso-ia a:hover{color:var(--brand-dark)}.pie{background:var(--noche);color:var(--claro-2);margin-top:clamp(48px,8vw,96px)}.pie-dentro{flex-wrap:wrap;align-items:center;gap:8px 24px;max-width:900px;margin:0 auto;padding:32px clamp(16px,4vw,32px);display:flex}.pie-marca{min-height:var(--tap);align-items:center;display:inline-flex}.pie-marca img{width:auto;height:36px;display:block}.pie-texto{flex:220px;font-size:.9rem}.pie a{color:var(--claro)}.pie a:hover{color:var(--cielo)}.pie-legal{flex-wrap:wrap;gap:0 20px;font-size:.9rem;list-style:none;display:flex}.pie-legal a{min-height:var(--tap);align-items:center;text-decoration:none;display:inline-flex}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.prompt-textarea:focus-visible{outline:3px solid var(--brand);outline-offset:1px}.dropzone:focus-visible,.editor-picker:focus-visible{outline-offset:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.saltar{z-index:10002;min-height:var(--tap);background:var(--azul);color:#fff;font-family:var(--f-titulo);border-radius:999px;align-items:center;padding:0 1.2rem;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;top:-100px;left:16px}.saltar:focus{top:12px}main:focus{outline:none}.campo-etiqueta{font-family:var(--f-titulo);color:var(--text-primary);margin-bottom:6px;font-size:.95rem;font-weight:600;display:block}.campo-ayuda{color:var(--text-secondary);text-align:right;margin:-6px 0 12px;font-size:.8rem}.mensaje-error{color:var(--red-fg);margin-bottom:10px;font-size:.9rem;font-weight:500}.mensaje-error--item{margin:4px 0 0;font-size:.85rem}button.seo-value{text-align:left;border:none;width:100%;min-height:2.25rem;font-size:.85rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-header p{max-width:62ch}.dropzone--compacta{text-align:left;flex-direction:row;justify-content:flex-start;gap:16px;padding:16px 20px}.dropzone--compacta .hexagono{flex:none;width:2.6rem;height:2.9rem;margin-bottom:0}.dropzone--compacta .hexagono .ico{width:20px;height:20px}.dropzone--compacta .drop-title{margin-bottom:2px;font-size:1.05rem}.dropzone--compacta .drop-cta{flex:none;margin:0 0 0 auto}.lote{margin-top:32px}.lote-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:12px;display:flex}.lote-cabecera h2{font-family:var(--f-titulo);font-size:1.3rem;font-weight:700}.lote-cabecera .quality-control{min-height:var(--tap);margin-left:0}.lote-cabecera .quality-control input[type=range]{width:120px}.actions{margin:0 0 16px}.image-list{margin-top:0;list-style:none}.image-info{flex:1;min-width:0}.image-toggle{margin-top:8px}.ahorro{color:var(--green-fg);font-weight:700}.ahorro--mas{color:var(--text-secondary);font-weight:500}.toast{animation:toast-entra .3s var(--ease)}.toast--sale{opacity:0;transition:opacity .25s,transform .25s;transform:translateY(-8px)}@keyframes toast-entra{0%{opacity:0;transform:translateY(-12px)}}@media (width<=680px){.dropzone--compacta .drop-cta,.dropzone--compacta .drop-hint{display:none}.actions{z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);gap:8px;margin:0 -16px 16px;position:sticky;bottom:0;box-shadow:0 -8px 16px -12px #04182a59}.actions .btn{flex:auto;padding:0 1rem}.actions .btn-primary{flex-basis:100%}}.aviso-exito{border-left:3px solid var(--green-fg);border-radius:var(--radius-sm);background:var(--green-bg);color:var(--text-primary);align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 14px;font-size:.9rem;line-height:1.5;display:flex}.aviso-exito .ico{width:18px;height:18px;color:var(--green-fg);flex:none;margin-top:2px}.aviso-exito a{color:var(--brand);font-weight:600}.aviso-exito a:hover{color:var(--brand-dark)}.result-actions+.aviso-exito{text-align:left;margin-top:16px}.dudas{justify-content:center;margin-top:40px;display:flex}.btn-dudas{text-decoration:none}.btn-dudas .ico{width:20px;height:20px}