/* Oculta el texto por si quedara en alguna plantilla */
.header-area .main-nav .logo h4,
.header-area .main-nav .logo h4 span {
  display: none !important;
}

/* Tamaño y comportamiento del logo como imagen */
.header-area .main-nav .logo {
  display: flex;
  align-items: center;
  line-height: 0;         /* evita huecos verticales */
}

.header-area .main-nav .logo img.brand-logo {
  height: 100px !important;  /* ⇦ AUMENTA tamaño del logo */
  width: auto !important;
  max-height: none !important;
  display: block !important;
}

/* Responsivo */
@media (max-width: 991px) {
  .header-area .main-nav .logo img.brand-logo {
    height: 60px !important;
  }
}

/* ===== Fondo fijo con degradado azul oscuro ===== */
html, body { height: 100%; }

body{
  position: relative;
  background: transparent !important;
}

body::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  background:
    /* Overlay azul MUY oscuro */
    linear-gradient(
      to bottom,
      rgba(6, 24, 58, 0.93),
      rgba(6, 24, 58, 0.93)
    ),
    /* Imagen de fondo */
    url("../images/baner.jpg") center center / cover no-repeat;
  will-change: transform;
  transform: translateZ(0);
}
/* === Servicios: colores solicitados === */
#services .section-heading h2 { color: #fff; }

/* Forzamos blanco para las partes que el template pintaba con otros colores */
#services .section-heading h2 em,
#services .section-heading h2 span {
  color: #fff !important;
  font-style: normal; /* quita cursiva si la tuviera */
}

/* “Nuestro” y “con la” en rojo */
#services .section-heading h2 .text-red {
  color: #e53935 !important; /* ajusta el tono si quieres */
}

/* Párrafo en blanco */
#services .section-heading p { color: #fff !important; }

/* Textos de barras y porcentajes en blanco */
#services .progress-skill-bar h4,
#services .progress-skill-bar span {
  color: #fff !important;
}

/* Colorea en blanco todos los textos de la lista derecha del blog */
.right-list ul li .left-content,
.right-list ul li .left-content span,
.right-list ul li .left-content h4,
.right-list ul li .left-content p {
  color: #fff !important;
}

.right-list ul li .left-content a h4:hover {
  color: #ffd700 !important; /* opcional: cambia de color al pasar el mouse */
}

/* Texto en blanco para el encabezado de publicaciones y noticias */
.section-heading h2,
.section-heading h2 em,
.section-heading h2 span {
  color: #ffffff !important;
}