:root{--verde:#1a7a5e;--verde-claro:#e8f7f3;--verde-medio:#4caf8e;--amarillo:#f5a623;--amarillo-claro:#fff8ed;--rojo-suave:#e05c5c;--gris-fondo:#f7f6f3;--gris-borde:#e2e0db;--gris-texto:#7a7870;--negro:#1a1916;--blanco:#fff;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--radio:14px;--radio-sm:8px;--sombra:0 2px 12px rgba(0,0,0,.07)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--gris-fondo);color:var(--negro);min-height:100vh;-webkit-font-smoothing:antialiased}.nav{background:var(--negro);padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-logo{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--blanco);letter-spacing:-.5px}.nav-logo span{color:var(--verde-medio)}.nav-links{display:flex;gap:4px}.nav-link{font-family:var(--font-body);font-size:13px;color:hsla(0,0%,100%,.6);text-decoration:none;padding:6px 12px;border-radius:20px;transition:all .2s;font-weight:400}.nav-link.active,.nav-link:hover{background:hsla(0,0%,100%,.1);color:var(--blanco)}.page{max-width:480px;margin:0 auto;padding:24px 16px 100px}.card{background:var(--blanco);border-radius:var(--radio);border:1px solid var(--gris-borde);padding:20px;box-shadow:var(--sombra)}.card+.card{margin-top:12px}.page-title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--negro);letter-spacing:-.5px;line-height:1.2;margin-bottom:4px}.page-sub{font-size:14px;color:var(--gris-texto);margin-bottom:20px;line-height:1.5}.btn-primary{background:var(--verde);color:var(--blanco);border:none;border-radius:var(--radio-sm);padding:14px 20px;font-family:var(--font-body);font-size:15px;font-weight:500;width:100%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:#155f49;transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--verde);border:1.5px solid var(--verde);border-radius:var(--radio-sm);padding:12px 20px;font-family:var(--font-body);font-size:14px;font-weight:500;width:100%;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--verde-claro)}.input-label{font-size:12px;font-weight:500;color:var(--gris-texto);letter-spacing:.3px;margin-bottom:6px;display:block;text-transform:uppercase}.input-field{width:100%;border:1.5px solid var(--gris-borde);border-radius:var(--radio-sm);padding:11px 14px;font-family:var(--font-body);font-size:15px;color:var(--negro);background:var(--gris-fondo);transition:border-color .2s;outline:none}.input-field:focus{border-color:var(--verde);background:var(--blanco)}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.pill-verde{background:var(--verde-claro);color:var(--verde)}.pill-amarillo{background:var(--amarillo-claro);color:#b87a1a}.pill-gris{background:var(--gris-fondo);color:var(--gris-texto);border:1px solid var(--gris-borde)}.divider{border:none;border-top:1px solid var(--gris-borde);margin:16px 0}.result-box{background:var(--verde-claro);border:1.5px solid var(--verde-medio);border-radius:var(--radio);padding:16px 20px}.result-label{font-size:12px;color:var(--verde);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.result-num{font-family:var(--font-display);font-size:36px;font-weight:800;color:var(--verde);line-height:1.1}.step-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--gris-borde)}.step-item:last-child{border-bottom:none}.step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;margin-top:1px}.step-dot-done{background:var(--verde);color:var(--blanco)}.step-dot-active{background:var(--amarillo);color:var(--blanco)}.step-dot-pending{background:var(--gris-fondo);color:var(--gris-texto);border:1.5px solid var(--gris-borde)}.step-title{font-size:14px;font-weight:500;color:var(--negro)}.step-desc{font-size:12px;color:var(--gris-texto);margin-top:2px;line-height:1.4}.avatar{width:48px;height:48px;border-radius:50%;background:var(--verde);justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--blanco);flex-shrink:0}.avatar,.product-row{display:flex;align-items:center}.product-row{justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--gris-borde)}.product-row:last-child{border-bottom:none}.product-name{font-size:14px;font-weight:500}.product-price{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--verde)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--blanco);border-top:1px solid var(--gris-borde);display:flex;padding:8px 0 16px;z-index:100}.bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;padding:6px 0;color:var(--gris-texto);font-size:10px;font-weight:500;transition:color .2s}.bottom-nav-item.active{color:var(--verde)}.bottom-nav-icon{font-size:20px;line-height:1}.accent-strip{background:var(--verde);color:var(--blanco);border-radius:var(--radio);padding:16px 20px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.accent-strip-title{font-family:var(--font-display);font-size:18px;font-weight:800}.accent-strip-sub{font-size:13px;opacity:.8;margin-top:2px}.field-group{margin-bottom:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s ease both}.fade-up-1{animation-delay:.05s}.fade-up-2{animation-delay:.1s}.fade-up-3{animation-delay:.15s}.fade-up-4{animation-delay:.2s}.fade-up-5{animation-delay:.25s}