:root{--azul:#1c3fd6;--azul-oscuro:#142c99;--rojo:#d6291c;--blanco:#fff;--fondo:#f4f4f2;--texto:#23262b;--texto-suave:#6b6f76;--linea:#e1e0dc;--radio:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fondo);color:var(--texto);font-family:Segoe UI,system-ui,sans-serif}.topbar{background:var(--blanco);border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.brand{font-size:1.3rem;font-weight:700}.brand .abc{color:var(--azul)}.brand .forros{color:var(--rojo)}.brand-sub{color:var(--texto-suave);margin-top:2px;font-size:.8rem}.hero{max-width:1100px;margin:0 auto;padding:36px 28px 8px}.hero h1{margin:0 0 6px;font-size:1.8rem}.hero p{color:var(--texto-suave);margin:0}.layout{align-items:flex-start;gap:28px;max-width:1100px;margin:0 auto;padding:24px 28px 80px;display:flex}.product-grid{flex-wrap:wrap;flex:auto;gap:18px;min-width:0;display:flex}.product-card{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);flex:calc(50% - 9px);min-width:260px;overflow:hidden}.product-media{background:var(--azul);height:110px}.product-body{padding:16px 18px 18px}.product-body h3{margin:0 0 4px;font-size:1.05rem}.product-body .desc{color:var(--texto-suave);margin:0 0 14px;font-size:.85rem}.mini-field{margin-bottom:10px}.mini-field label{color:var(--texto-suave);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:.72rem;font-weight:600;display:block}.mini-select{border:1.5px solid var(--linea);background:var(--fondo);width:100%;color:var(--texto);border-radius:8px;padding:8px 10px;font-size:.88rem}.add-row{gap:8px;margin-top:12px;display:flex}.qty-mini{border:1.5px solid var(--linea);border-radius:8px;align-items:center;gap:8px;padding:2px 4px;display:flex}.qty-mini button{cursor:pointer;width:28px;height:28px;color:var(--texto-suave);background:0 0;border:none;font-size:1rem}.qty-mini span{text-align:center;min-width:16px;font-weight:600}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-azul{background:var(--azul);color:var(--blanco);flex:1}.btn-azul:hover:not(:disabled){background:var(--azul-oscuro)}.btn-rojo{background:var(--rojo);color:var(--blanco);width:100%;margin-top:16px}.cart-panel{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);flex:0 0 320px;padding:22px;position:sticky;top:24px}.cart-panel h3{margin:0 0 4px}.cart-count{color:var(--texto-suave);margin-bottom:16px;font-size:.78rem}.cart-empty{color:var(--texto-suave);text-align:center;border:1.5px dashed var(--linea);border-radius:10px;padding:20px 0;font-size:.85rem}.cart-item{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:flex-start;gap:10px;padding:12px 0;font-size:.85rem;display:flex}.cart-item .ci-main{font-weight:600}.cart-item .ci-sub{color:var(--texto-suave);margin-top:2px;font-size:.78rem}.cart-item .ci-x{color:var(--rojo);cursor:pointer;background:0 0;border:none;font-size:.8rem}.cart-total{justify-content:space-between;padding-top:14px;font-weight:700;display:flex}.field{margin-top:16px}.field label{margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.field textarea{resize:vertical;border:1.5px solid var(--linea);background:var(--fondo);width:100%;min-height:64px;color:var(--texto);border-radius:8px;padding:10px;font-family:inherit;font-size:.88rem}.confirm{text-align:center;max-width:480px;margin:0 auto;padding:60px 28px}.confirm-badge{background:var(--azul);width:60px;height:60px;color:var(--blanco);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:1.6rem;display:flex}.confirm p{color:var(--texto-suave)}.error-box{border:1px solid var(--rojo);color:#7a1610;background:#fdecea;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.85rem}@media (width<=760px){.layout{flex-direction:column}.cart-panel{flex-basis:auto;width:100%;position:static}.product-card{flex-basis:100%}}