.productos-section{background:var(--gray-50);min-height:80vh;padding:40px 0}.page-header{background:#fff;border-bottom:1px solid var(--gray-200);margin-bottom:30px;padding:30px 0}.page-title{align-items:center;color:var(--gray-800);display:flex;font-size:2.5rem;font-weight:700;gap:var(--spacing-sm);margin-bottom:10px}.page-title i{color:var(--primary-color)}.page-subtitle{color:var(--gray-600);font-size:1.1rem;margin-bottom:0}.productos-container{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:30px}.productos-header{align-items:center;border-bottom:2px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.productos-count{align-items:center;color:var(--gray-700);display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-sm)}.productos-count .badge{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 15px}.productos-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.producto-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);overflow:hidden;padding:25px;position:relative;transition:all var(--transition-normal)}.producto-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.producto-card:before{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.producto-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.producto-nombre{color:var(--gray-800);flex:1;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0;margin-right:var(--spacing-sm)}.producto-precio{color:var(--success-color);font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.producto-organizacion{align-items:center;background:var(--gray-50);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-md);display:flex;margin-bottom:15px;padding:8px 12px}.producto-organizacion i{color:var(--primary-color);font-size:.9rem;margin-right:8px}.producto-organizacion span{color:var(--gray-700);font-size:.9rem;font-weight:500}.producto-descripcion{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--gray-600);display:-webkit-box;font-size:.95rem;line-height:1.5;margin-bottom:15px;overflow:hidden}.producto-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.producto-stock{align-items:center;color:var(--gray-700);display:flex;font-size:.9rem}.producto-stock i{color:var(--success-color);margin-right:5px}.producto-unidad{background:var(--gray-200);border-radius:var(--border-radius-sm);color:var(--gray-700);font-size:.8rem;font-weight:500;padding:4px 8px}.producto-categoria{align-items:center;color:var(--gray-500);display:flex;font-size:.85rem}.producto-categoria i{color:var(--gray-400);margin-right:5px}.producto-status{position:absolute;right:15px;top:15px}.status-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-activo{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:var(--success-color)}.status-inactivo{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--danger-color)}.productos-empty-state{color:var(--gray-500);padding:60px 20px;text-align:center}.productos-empty-state i{color:var(--gray-300);font-size:4rem;margin-bottom:20px}.productos-empty-state h3{color:var(--gray-600);font-size:1.5rem;margin-bottom:10px}.productos-empty-state p{font-size:1.1rem;margin-bottom:0}.productos-filters{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:25px;padding:20px}.productos-search{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.productos-search .form-control{flex:1;min-width:250px}.productos-search .form-select{min-width:150px}.productos-loading{padding:60px 20px;text-align:center}.productos-loading .spinner-border{color:var(--primary-color);height:3rem;width:3rem}@media (max-width:768px){.productos-grid{grid-template-columns:1fr}.productos-header{align-items:flex-start;flex-direction:column;gap:15px}.page-title{font-size:2rem}.productos-container{padding:20px}.producto-header{align-items:flex-start;flex-direction:column;gap:10px}.producto-nombre{margin-bottom:5px;margin-right:0}.productos-search{align-items:stretch;flex-direction:column}.productos-search .form-control,.productos-search .form-select{min-width:auto}}@media (max-width:480px){.page-header,.productos-section{padding:20px 0}.productos-container{padding:15px}.producto-card{padding:20px}}.producto-card{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.producto-card:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.producto-card[tabindex="0"]{cursor:pointer}.producto-card[tabindex="0"]:hover{background:var(--gray-50)}@media print{.productos-section{background:#fff;padding:0}.producto-card,.productos-container{border:1px solid var(--gray-300);box-shadow:none}.producto-card{break-inside:avoid}.producto-card:hover{transform:none}}