body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .topbar {
      background: #142843;
      color: #fff;
      font-size: 0.9rem;
      padding: 5px 0;
    }

    .hero {
      background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url('../images/slide1.jpeg') center/cover;
      color: #fff;
      padding: 120px 0;
      text-align: center;
	  border-bottom:6px solid #E48312;
    }
    .hero-contacto {
      background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url('../images/slide-contacto.jpg') center/cover;
      color: #fff;
      padding: 130px 0;
      text-align: center;
	   border-bottom:6px solid #E48312;
    }
    .hero-blog {
      background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url('../images/slide-blog.webp') center/cover;
      color: #fff;
      padding: 130px 0;
      text-align: center;
	   border-bottom:6px solid #E48312;
    }
    .hero-nosotros {
      background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url('../images/slide-nosotros.jpg') center/cover;
      color: #fff;
      padding: 130px 0;
      text-align: center;
	   border-bottom:6px solid #E48312;
    }
    .hero-venta {
      background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url('../images/rskcs01.jpg') center/cover;
      color: #fff;
      padding: 130px 0;
      text-align: center;
	   border-bottom:6px solid #E48312;
    }
    .hero-servicios{
      background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)), url('../images/slide-servicios.jpg') center/cover;
      color: #fff;
      padding: 130px 0;
      text-align: center;
	   border-bottom:6px solid #E48312;
    }
    .section-title {
      font-weight: bold;
      margin-bottom: 20px;
    }
    footer {
      background: #142843;
      color: #fff;
      padding: 30px 0;
    }
    .value-icon {
      font-size: 3rem;
      color: #0d6efd;
      margin-bottom: 15px;
    }
    .services i {
      font-size: 2.5rem;
      color: #0d6efd;
      margin-bottom: 15px;
    }

    #contacto .card {
      border-radius: 15px;
      background-color: #ffffff;
    }
    #contacto .btn-primary:hover {
      background-color: #0056b3;
      transform: translateY(-2px);
      box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    }
    #contacto .form-control:focus {
      border-color: #0d6efd;
      box-shadow: 0 0 8px rgba(13,110,253,0.3);
    }
    footer {
      background: #142843;
      color: #fff;
      padding: 30px 0;
    }

.text-primary{
	color:#142843 !important;
}
.btn-primary, .bg-primary{
	background: #142843 !important;
}


.blog-card { border-radius: 15px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: all 0.3s; background: #fff; }
.blog-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.blog-card img { height: 200px; object-fit: cover; width: 100%; }
.category-btns .btn { margin-right: 10px; margin-bottom: 10px; }
.pagination .page-link { border-radius: 50px; }

    .service-section {
      background: #fff;
      padding: 60px 0;
      border-radius: 15px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      margin-bottom: 40px;
      transition: transform 0.3s, box-shadow 0.3s;
    }
    .service-section:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    }
    .service-section i {
      font-size: 3rem;
      color: #0d6efd;
      margin-bottom: 15px;
    }
	.linea1{
		border-bottom:6px solid #E48312;
	}
	.linea2{
		border-bottom:20px solid #BD582C;
	}
	
    .ver-blog, .ver-blog p, .ver-blog .p1, .ver-blog li{
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 16px !important;
        line-height: 120% !important;
    }
    .ver-blog .s1 {
        color:#000 !important;
    }
    .ver-blog a{
      text-decoration: underline !important;
    text-decoration-color: #000 !important;
    }
	
	/* Altura general del slide */
.hero1 .carousel-item img {
  object-fit: cover; /* rellena el espacio sin deformarse */
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
.gal-repuestos .col-md-3{
 width: 20% !important;
}
}
/* Para móviles */
@media (max-width: 767px) {
  .hero1 .carousel-item {
    height: 50vh; /* más alto (ajusta 60vh, 70vh, 80vh según quieras) */
  }
  .hero1 .carousel-item img {
    height: 50vh; /* imagen ocupa todo el slide */
  }
}
@media (min-width: 1200px) {
    .h2, h2 {
        font-size: 3rem !important;
    }
}


.ver-blog .cuerpo-blog, .ver-blog .cuerpo-blog li, .ver-blog .cuerpo-blog p{
    display:inline-block;
    line-height:120% !important;
    font-size: 14pt !important;
    text-align:justify !important;
}.ver-blog .cuerpo-blog li{
    padding-top:10px;
}
.ver-blog .cuerpo-blog h3, .ver-blog .cuerpo-blog h4{
 margin:15px 0 !important;   
}

.ver-blog .img-blog-left {
  float: left;
  max-width: 300px;
  margin: 0 20px 15px 0;
  border-radius: 8px;
}

#back_to_top {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease;
}

#back_to_top:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
}