@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--primary: #FF5B41;--primary-hover: #e54a32;--secondary: #0234AB;--secondary-hover: #012a8a;--bg-main: #F8FAFC;--bg-white: #ffffff;--text-dark: #0F172A;--text-muted: #64748B;--border-light: #E2E8F0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-dark);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.main-header{position:sticky;top:0;width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;border-bottom:1px solid var(--border-light)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--secondary);letter-spacing:-.5px}.logo-icon{flex-shrink:0;transition:transform .3s ease}.brand:hover .logo-icon{transform:rotate(-10deg) scale(1.1)}.nav-actions{display:flex;gap:1.5rem;align-items:center}.btn-ghost{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .3s ease}.btn-ghost:hover{color:var(--secondary)}.btn-premium{background:var(--secondary);color:#fff;padding:.75rem 1.75rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0234ab26;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;outline:none}.btn-premium:hover{background:var(--secondary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #0234ab40}.btn-outline{border:2px solid var(--secondary);color:var(--secondary);padding:.7rem 1.7rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-outline:hover{background:var(--secondary);color:#fff}.hero{padding:6rem 5% 4rem;text-align:center;background:linear-gradient(180deg,#fff 0%,var(--bg-main) 100%)}.hero-tag{display:inline-block;background:#eff6ff;color:var(--secondary);padding:.5rem 1.25rem;border-radius:100px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid #DBEAFE}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--text-dark);line-height:1.1;margin-bottom:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:700px;margin:0 auto 3rem}.hero-btns{display:flex;gap:1.25rem;justify-content:center}.stats-section{padding:3rem 5%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.stat-card{background:var(--bg-white);padding:2rem;border-radius:12px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.stat-value{display:block;font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.stat-label{color:var(--text-muted);font-weight:500;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.benefits-section{padding:6rem 5%;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-desc{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.benefit-list{list-style:none}.benefit-item{margin-bottom:2rem;display:flex;gap:1.25rem}.benefit-num{flex-shrink:0;width:40px;height:40px;background:var(--secondary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-heading)}.benefit-content h4{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:.5rem}.benefit-content p{color:var(--text-muted)}.benefit-visual{background:var(--bg-white);padding:2rem;border-radius:24px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.visual-placeholder{width:100%;height:300px;background:#f1f5f9;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:600}.features-container{padding:4rem 5% 8rem;max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--bg-white);padding:3rem 2rem;border-radius:16px;border:1px solid var(--border-light);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--secondary)}.feature-card h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:1rem;color:var(--secondary)}.feature-card p{color:var(--text-muted)}.main-footer{padding:4rem 5% 2rem;background:var(--bg-white);border-top:1px solid var(--border-light);text-align:center}.footer-nav{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem}.footer-nav a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .3s ease}.footer-nav a:hover{color:var(--secondary)}.copy{color:var(--text-muted);font-size:.875rem;border-top:1px solid var(--border-light);padding-top:2rem}@media(max-width:768px){.benefits-grid{grid-template-columns:1fr;gap:2rem}.hero-btns{flex-direction:column;align-items:stretch}.hero-title{font-size:2.5rem}}.imagenes-existentes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:20px}.imagen-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.imagen-card-thumb{height:120px;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center}.imagen-card-thumb img{width:100%;height:100%;object-fit:cover}.imagen-card-info{padding:8px;font-size:.85rem}.imagen-desc{margin:0 0 5px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-link-peligro{color:#ef4444;background:#fee2e2;border:1px solid #fecaca;padding:4px 10px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;font-weight:500;margin-top:5px}.btn-link-peligro:hover{background:#ef4444;color:#fff;border-color:#ef4444}.nueva-imagen-fila{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:1rem;box-shadow:0 4px 10px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nueva-imagen-fila:hover{border-color:#3b82f6;box-shadow:0 6px 16px #3b82f61a;transform:translateY(-2px)}.preview-thumb{width:60px;height:60px;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.preview-thumb img{width:100%;height:100%;object-fit:cover}.preview-inputs{display:flex;flex-direction:column;justify-content:center}.badge-nueva{font-size:.6rem;font-weight:800;background:#3b82f6;color:#fff;padding:2px 8px;border-radius:4px;width:fit-content;margin-bottom:6px;letter-spacing:.5px}.nombre-archivo{font-size:.75rem;color:#94a3b8;margin-top:4px;font-family:monospace}.control-campo{border:1px solid #e2e8f0!important;border-radius:8px!important;padding:8px 12px!important;font-size:.9rem!important;transition:border-color .2s;width:100%}.control-campo:focus{border-color:#3b82f6!important;outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn-eliminar-lote{color:#94a3b8;font-size:1.25rem;padding:8px;border-radius:8px;transition:all .2s}.btn-eliminar-lote:hover{background:#fee2e2;color:#ef4444}.boton-icono{background:none;border:none;font-weight:700;color:#6b7280;cursor:pointer}.texto-vacio{color:#9ca3af;font-style:italic;text-align:center;padding:20px;border:1px dashed #e5e7eb;border-radius:8px}.subtarjeta-info-grupo{display:flex;align-items:center;gap:12px}.contador-imagenes{font-size:.75rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:999px}.contador-imagenes.limite-alcanzado{color:#ef4444;background:#fee2e2}.boton-deshabilitado{opacity:.5;cursor:not-allowed!important;pointer-events:none}