:root{--bg-color:#faf6f0;--panel-bg:#fff;--panel-border:#eae3d2;--accent-color:#8b1e2e;--accent-glow:#8b1e2e14;--text-primary:#2d2424;--text-secondary:#7c6a6a;--success-color:#2e7d32;--warning-color:#d84315;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}button{cursor:pointer;transition:all var(--transition-speed) ease;font-family:var(--font-sans);background:0 0;border:none;outline:none}input,select,textarea{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;border-radius:8px;padding:.75rem 1rem;box-shadow:0 2px 4px #00000005}input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);background:#ffffffd9;box-shadow:0 10px 30px #8b1e2e0a}.mono{font-family:var(--font-mono);letter-spacing:-.02em}.app-container{flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;padding:0 1.5rem;display:flex}.app-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:3rem;padding:2rem 0;display:flex}.logo-section{align-items:center;gap:1rem;display:flex}.logo-section h1{letter-spacing:.15em;color:var(--accent-color);font-size:1.4rem;font-weight:700}.dim{color:var(--text-secondary);font-weight:300}.accent-icon{color:var(--accent-color);filter:drop-shadow(0 2px 4px var(--accent-glow))}.status-badge{color:var(--success-color);letter-spacing:.1em;background:#2e7d321a;border:1px solid #2e7d3233;border-radius:100px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.view-header{margin-bottom:2.5rem}.view-header h2{color:var(--accent-color);align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.75rem;display:flex}.view-header p{color:var(--text-secondary);font-size:1rem}.capture-form{border-radius:20px;flex-direction:column;gap:2.5rem;padding:2.5rem;display:flex;box-shadow:0 20px 50px #8b1e2e0d}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.input-group{flex-direction:column;gap:.6rem;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.pattern-selector h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;display:grid}.pattern-card{background:var(--panel-bg);border:1px solid var(--panel-border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pattern-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.pattern-card.active{border-color:var(--accent-color);background:var(--accent-glow);box-shadow:0 10px 30px #8b1e2e0f}.pattern-preview{border:1px solid var(--panel-border);background:#fdfdfd;border-radius:6px;width:100%;height:80px}.pattern-card span{color:var(--text-secondary);font-size:.75rem;font-weight:600}.pattern-card.active span{color:var(--accent-color)}.pattern-1{background:repeating-linear-gradient(45deg,#faf6f0,#faf6f0 8px,#eae3d2 8px 16px)}.pattern-2{background-color:#faf6f0;background-image:radial-gradient(circle,#8b1e2e 15%,#0000 15%),radial-gradient(circle,#8b1e2e 15%,#0000 15%);background-position:0 0,12px 12px;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.pattern-3{background-color:#faf6f0;background-image:linear-gradient(#8b1e2e0d 1px,#0000 1px),linear-gradient(90deg,#8b1e2e0d 1px,#0000 1px);background-size:15px 15px}.pattern-4{background-color:#faf6f0;background-image:linear-gradient(135deg,#eae3d2 25%,#0000 25%),linear-gradient(225deg,#eae3d2 25%,#0000 25%),linear-gradient(315deg,#eae3d2 25%,#0000 25%),linear-gradient(45deg,#eae3d2 25%,#0000 25%);background-position:-15px 0,-15px 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.pattern-5{background:conic-gradient(#faf6f0 .25turn,#eae3d2 .25turn .5turn,#faf6f0 .5turn .75turn,#eae3d2 .75turn) 0 0/30px 30px}.pattern-6{background:#faf6f0;border:4px double #8b1e2e;position:relative}.btn-primary{background:var(--accent-color);color:#fff;letter-spacing:.1em;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:1.25rem 2.5rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 14px #8b1e2e33}.btn-primary:active{box-shadow:none;transform:translateY(2px)}.btn-primary:hover:not(:active){transform:translateY(-2px);box-shadow:0 8px 25px #8b1e2e4d}.btn-secondary{border:1px solid var(--panel-border);color:var(--text-secondary);background:0 0;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}.btn-secondary:hover{color:var(--accent-color);border-color:var(--accent-color);background:var(--accent-glow)}.fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.flex-center{justify-content:center;align-items:center;display:flex}.scanline{display:none}.results-grid{grid-template-columns:1.4fr 1fr;gap:3rem;display:grid}@media (width<=900px){.results-grid{grid-template-columns:1fr}}.pattern-selector-carousel{flex-direction:column;gap:1.25rem;margin-top:1.5rem;display:flex}.pattern-selector-carousel h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.carousel-main-container{border:1px solid var(--panel-border);background:#fff6;border-radius:16px;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;position:relative;box-shadow:inset 0 2px 4px #00000003}.carousel-nav-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-secondary);width:46px;height:46px;transition:all var(--transition-speed) ease;z-index:10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #8b1e2e0f}.carousel-nav-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:scale(1.05);box-shadow:0 8px 20px #8b1e2e40}.carousel-preview-wrapper{aspect-ratio:2400/1650;border:2px solid var(--panel-border);width:100%;max-width:440px;transition:border-color var(--transition-speed) ease;background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 35px #8b1e2e1a}.carousel-preview-wrapper:hover{border-color:var(--accent-color)}.carousel-main-image{object-fit:contain;width:100%;height:100%;display:block}.carousel-caption{color:#fff;text-align:center;background:linear-gradient(#0000 0%,#0006 30%,#000000d9 100%);padding:1.75rem 1rem 1rem;position:absolute;bottom:0;left:0;right:0}.carousel-caption h4{letter-spacing:.05em;text-shadow:0 1px 3px #0009;margin:0;font-size:1.15rem;font-weight:700}.carousel-thumbnails-strip{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.carousel-thumb-card{border:2px solid var(--panel-border);cursor:pointer;width:72px;height:49.5px;transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #00000008}.carousel-thumb-card:hover{border-color:var(--accent-color);transform:translateY(-2px)}.carousel-thumb-card.active{border-color:var(--accent-color);transform:scale(1.08)translateY(-2px);box-shadow:0 4px 12px #8b1e2e2e}.carousel-thumb-card img{object-fit:cover;width:100%;height:100%;display:block}.print-only-plantilla{display:none}@media print{body.printing-plantilla{background:#fff!important;margin:0!important;padding:0!important}body.printing-plantilla #root,body.printing-plantilla .app-container,body.printing-plantilla .results-container,body.printing-plantilla header,body.printing-plantilla main,body.printing-plantilla footer,body.printing-plantilla .login-page,body.printing-plantilla .adm-page{display:none!important}body.printing-plantilla .print-only-plantilla{z-index:9999999!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;top:0!important;left:0!important}body.printing-plantilla .print-only-plantilla img{object-fit:contain!important;width:100%!important;height:100%!important}}