.productos-section { min-height: 100vh; padding: 50px 0 4rem; background: linear-gradient(180deg, #fff 0%, #f3f7fa 100%); }
.productos-section.productos-con-fondo { background-size: cover; background-position: center top; background-attachment: fixed; background-repeat: no-repeat; }
.productos-container { position: relative; }
.productos-heading { margin-bottom: 2rem !important; }
.catalogo-controles { background: #fff; border: 1px solid #dce6ec; border-radius: 18px; padding: 1.25rem; margin-bottom: 2rem; box-shadow: 0 10px 30px rgba(20, 53, 80, .06); }
.catalogo-resultado { min-height: 1.5rem; margin-top: .8rem; color: #52616d; }
.catalogo-estado { padding: 4rem 1rem; color: #536573; }
.catalogo-estado > i { display: block; font-size: 2.5rem; color: #163f83; margin-bottom: 1rem; }
.catalogo-error { max-width: 620px; margin: 0 auto; text-align: center; background: #fff; border: 1px solid #dce6ec; border-radius: 20px; }
.producto-card { height: 100%; overflow: hidden; border: 1px solid rgba(188, 198, 204, .65); border-radius: 18px; background: #fff; box-shadow: 0 12px 28px rgba(30, 58, 78, .08); transition: transform .2s ease, box-shadow .2s ease; }
.producto-card:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(30, 58, 78, .14); }
.producto-media { position: relative; height: 250px; background: #f6f8fa; }
.producto-media .carousel, .producto-media .carousel-inner, .producto-media .carousel-item { height: 100%; }
.producto-media img { width: 100%; height: 100%; object-fit: contain; padding: .75rem; }
.producto-placeholder { height: 100%; display: grid; place-content: center; gap: .45rem; text-align: center; color: #8a99a5; border: 1px dashed #cfd9e0; margin: .75rem; border-radius: 14px; background: #fff; }
.producto-placeholder i { font-size: 3rem; margin-bottom: .65rem; }
.producto-placeholder span { font-weight: 700; letter-spacing: .02em; }
.producto-card-body { display: flex; flex-direction: column; min-height: 285px; padding: 1.25rem; }
.producto-marca { color: #60717d; font-size: .86rem; text-transform: uppercase; letter-spacing: .04em; }
.producto-nombre { font-size: 1.15rem; font-weight: 700; color: #17232c; margin: .25rem 0 .75rem; }
.producto-descripcion { color: #53636f; font-size: .93rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.producto-caracteristicas { padding-left: 1rem; color: #485966; font-size: .88rem; }
.producto-precio { margin-top: auto; font-size: 1.55rem; font-weight: 800; color: #163f83; }
.producto-disponible { color: #247a47; font-size: .88rem; font-weight: 700; }
.producto-detalles-btn { margin-top: 1rem; align-self: flex-start; }
.producto-nombre-boton { border: 0; padding: 0; background: none; color: inherit; font: inherit; text-align: left; }
.producto-nombre-boton:hover { color: #163f83; text-decoration: underline; }
.productos-paginacion { margin-top: 2rem; }
.productos-paginacion .page-link { color: #163f83; }
.productos-paginacion .active .page-link { background: #163f83; border-color: #163f83; color: #fff; }
.producto-detalle .producto-media { height: min(50vh, 440px); border-radius: 12px; overflow: hidden; }
.producto-detalle .producto-descripcion { display: block; overflow: visible; }
.producto-detalle .producto-precio { margin: 1rem 0; }
.producto-detalle .producto-caracteristicas { padding-left: 1.2rem; font-size: .95rem; }
.producto-media .carousel-control-prev-icon, .producto-media .carousel-control-next-icon { background-color: rgba(22, 63, 131, .72); border-radius: 50%; background-size: 55%; }
@media (max-width: 575px) { .producto-media { height: 220px; } .catalogo-controles { padding: 1rem; } }