body { font-family: "Lato", Helvetica, Arial, sans-serif; color: #333; }
.site-header { background: #fff; border-bottom: 3px solid #d9232d; }
.site-header .navbar { margin: 0; border: 0; background: transparent; }
.navbar-brand { height: auto; padding: 8px 15px; }
.navbar-brand img { height: 60px; }
.navbar-default .navbar-nav > li > a { text-transform: uppercase; font-size: 13px; color: #333; }
.navbar-default .navbar-nav > li > a.pedido-link { color: #d9232d; font-weight: bold; }
.hero { background: #222; color: #fff; padding: 70px 0; text-align: center; }
.hero h1 { font-weight: 700; text-transform: uppercase; font-size: 30px; }
.seccion { padding-top: 25px; padding-bottom: 25px; }
.seccion h2 { text-transform: uppercase; font-size: 22px; border-bottom: 2px solid #d9232d; display: inline-block; padding-bottom: 6px; margin-bottom: 20px; }
.razones { text-align: center; }
.razones .fa { font-size: 40px; color: #d9232d; }
.cat-box { display: block; padding: 24px 12px; margin-bottom: 15px; background: #f3f3f3; text-align: center; font-weight: bold; color: #222; text-transform: uppercase; }
.cat-box small { display: block; font-weight: normal; color: #777; text-transform: none; }
.cat-box:hover { background: #d9232d; color: #fff; text-decoration: none; }
.cat-box:hover small { color: #fff; }
.tarjeta { border: 1px solid #e5e5e5; padding: 12px; margin-bottom: 20px; text-align: center; min-height: 290px; }
.tarjeta .foto { display: block; height: 130px; line-height: 130px; }
.tarjeta img { max-height: 130px; max-width: 100%; }
.tarjeta h4 { margin: 10px 0 4px; }
.tarjeta .desc { font-size: 12px; color: #666; min-height: 34px; }
.sin-foto { color: #ccc; font-size: 56px; }
.sin-foto.grande { font-size: 120px; }
.lista-filtro { list-style: none; padding: 0; max-height: 330px; overflow-y: auto; }
.lista-filtro li a { display: block; padding: 4px 0; color: #333; }
.buscar { margin-bottom: 20px; }
.marcas li a { display: inline-block; padding: 4px 10px; border: 1px solid #ddd; margin-bottom: 6px; color: #333; }
.tabla-pedido td.qty { width: 110px; }
.site-footer { background: #222; color: #bbb; padding: 30px 0 10px; margin-top: 30px; }
.site-footer h4 { color: #fff; font-size: 15px; text-transform: uppercase; }
.site-footer a { color: #ddd; }
.site-footer .copy { text-align: center; margin-top: 20px; font-size: 12px; }
.texto h3 { text-transform: uppercase; font-size: 16px; margin-top: 24px; }
.form-group input, .form-group textarea, .form-group select { width: 100%; padding: 6px 10px; border: 1px solid #ccc; border-radius: 3px; }
.errorlist { color: #d9232d; list-style: none; padding: 0; margin: 0 0 4px; }
.descarga { padding: 14px 0; border-bottom: 1px solid #eee; }
.descarga .fa { color: #d9232d; font-size: 22px; margin-right: 6px; }
.descarga .btn { margin-left: 12px; }

/* Banners del inicio */
.banners { background: #222; }
.banners .carousel-inner > .item > a, .banners .carousel-inner > .item > picture { display: block; }
.banners img { display: block; width: 100%; height: auto; }
.banners .carousel-control { background-image: none; width: 8%; opacity: .6; }
.banners .carousel-control .fa { position: absolute; top: 50%; margin-top: -15px; font-size: 30px; }
.banners .carousel-control.left .fa { left: 25%; }
.banners .carousel-control.right .fa { right: 25%; }
/* Menu Pedido destacado */
.navbar-default .navbar-nav > li > a.pedido-link { background: #d9232d; color: #fff; font-weight: 700; border-radius: 4px; margin: 8px 0 8px 14px; padding: 9px 18px; box-shadow: 0 2px 6px rgba(217,35,45,.45); }
.navbar-default .navbar-nav > li > a.pedido-link:hover, .navbar-default .navbar-nav > li > a.pedido-link:focus { background: #b51a23; color: #fff; }
@media (max-width: 767px) { .navbar-default .navbar-nav > li > a.pedido-link { margin: 8px 15px; text-align: center; } }

/* Pagina de pedido: todos los productos visibles, solo codigo y piezas */
.barra-resumen { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 2px solid #d9232d; padding: 8px 4px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; font-weight: 700; }
.indice-pedido { font-size: 12px; line-height: 1.9; }
.indice-pedido a { white-space: nowrap; }
.grupo-pedido { margin-bottom: 16px; scroll-margin-top: 60px; }
.grupo-pedido h4 { background: #f3f3f3; padding: 6px 10px; border-left: 4px solid #d9232d; margin: 0 0 8px; font-size: 15px; text-transform: uppercase; }
.rejilla-pedido { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 6px; }
.item-pedido { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin: 0; padding: 3px 6px; border: 1px solid #e3e3e3; background: #fff; font-weight: 400; }
.item-pedido .cod { font-size: 12px; font-weight: 700; line-height: 1.15; overflow-wrap: anywhere; }
.item-pedido input { flex: none; width: 54px; padding: 2px 4px; text-align: center; border: 1px solid #ccc; border-radius: 3px; }
.item-pedido:focus-within { border-color: #d9232d; }
.item-pedido.lleno { background: #fff1f1; border-color: #d9232d; }
.titulo-datos { margin-top: 30px; scroll-margin-top: 60px; }