/* ===== CORPORACION KLMH ===== */

:root{
  --rojo:#e30613;
  --negro:#111111;
  --gris:#f4f4f4;
}

/* Encabezado */
header,
.navbar,
.site-header{
  background: #111111 !important;
}

/* Menú */
.navbar a,
.menu a,
nav a{
  color:#ffffff !important;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
}

.navbar a:hover,
.menu a:hover,
nav a:hover{
  color:#e30613 !important;
}

/* Hero principal */
.hero,
.banner,
.cover{
  position:relative;
}

.hero::before,
.banner::before,
.cover::before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
}

/* Títulos */
h1{
  font-size:52px;
  font-weight:800;
  text-transform:uppercase;
}

h2{
  font-size:36px;
  font-weight:800;
  color:#111111;
  text-transform:uppercase;
}

h2:after{
  content:"";
  display:block;
  width:90px;
  height:5px;
  background:#e30613;
  margin-top:12px;
}

/* Botones */
.btn,
button,
input[type=submit]{
  background:#e30613 !important;
  border:2px solid #e30613 !important;
  color:#fff !important;
  font-weight:700;
  text-transform:uppercase;
  padding:14px 30px;
  transition:.3s;
}

.btn:hover,
button:hover,
input[type=submit]:hover{
  background:#111111 !important;
  border-color:#111111 !important;
}

/* Tarjetas de servicios */
.card,
.service-box,
.box{
  border:none;
  border-top:5px solid #e30613;
  box-shadow:0 5px 20px rgba(0,0,0,.08);
  transition:.3s;
}

.card:hover,
.service-box:hover,
.box:hover{
  transform:translateY(-8px);
}

/* Secciones alternadas */
section:nth-child(even){
  background:#f7f7f7;
}

/* Footer */
footer{
  background:#111111 !important;
  color:#fff;
}

footer a{
  color:#e30613 !important;
}