.navbar-default {
	background-color: #020c1b;
	border-color: #233554;
	border-radius: 0;
	border-width: 0 0 1px;
}

.navbar-default .navbar-toggle {
	border-color: #64ffda;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #64ffda;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-brand {
	padding: 15px;
	font-weight: bold;
}

body { /* aleja al menu statico */
  padding-top: 70px;
  background-color: #0a192f; /* Dark navy blue */
  color: #e6f1ff; /* Light blue text for contrast */
}
.footer {
  background-color: #020c1b; /* Darker navy blue */
  color: #a8b2d1; /* Soft blue-gray text */
}
.features .glyphicon {
 font-size: 32px;
 color: #64ffda; /* Teal accent color for icons */
}

/* Additional dark theme elements */
.navbar-default {
    background-color: #020c1b; /* Darker navy blue */
    border-color: #233554;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
    color: #e6f1ff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-nav > li > a:hover {
    color: #64ffda; /* Teal accent for hover */
}

.well {
    background-color: #112240; /* Medium dark blue */
    border-color: #233554;
    color: #e6f1ff;
}

.panel {
    background-color: #112240;
    border-color: #233554;
}

.panel-default > .panel-heading {
    background-color: #020c1b;
    border-color: #233554;
    color: #e6f1ff;
}

blockquote {
    border-left: 5px solid #64ffda; /* Teal accent */
    color: #ccd6f6;
}

.btn-primary {
    background-color: #0a192f;
    border-color: #64ffda;
    color: #64ffda;
}

.btn-primary:hover {
    background-color: #64ffda;
    border-color: #64ffda;
    color: #0a192f;
}

.btn-info {
    background-color: #112240;
    border-color: #64ffda;
    color: #64ffda;
}

.btn-info:hover {
    background-color: #64ffda;
    border-color: #64ffda;
    color: #0a192f;
}

/* nosotros.html -- espaciado e interlineado*/

#nosotros-content h4 {
	margin-bottom: 1.8rem;
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

#nosotros-content p {
	margin-bottom: 1.2rem;
	line-height: 1.6;
	transition: margin 0.3s ease;
}

#nosotros-content ul {
	margin: 1.5rem 0;
}

#nosotros-content li {
	margin-bottom: 0.8rem ;
}

.beneficios-lista {
    text-align: left;
}

#cont-asesoramiento {
  background-color: #112240;
  border-color: #f5f6f7;
  margin-top: 1.5em;
  padding: 1.5em;
  border-radius: 0.5em;
}

.list-servicios {
  list-style-type: none;
  text-align: left;
  padding: 1.5em 0.5em 1.5em 2em;
  margin: 0 0.5em 0.5em 9em;
}

#servicio {
  /* background-color: #020c1b; */
  padding: 2em 0 2em 0;
}

#mantenimiento {
  /* background-color: #020c1b; */
  padding: 2em 0 5em 0;
  margin-bottom: 5em;
}
#servicio h3,
#mantenimiento h3 {
  color: #64ffda;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5em;
}

.p-cont {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

#soluciones-img {
  /* background-color: #020c1b; */
  padding: 2em 0 5em 0;
}
#soluciones-text_right {
  /* background-color: #020c1b; */
  padding: 5em 1em 0 0;
}
#soluciones-text_left {
  /* background-color: #020c1b; */
  padding: 5em 0 0 1em;
}
#soluciones-lista-right {
  /* background-color: #020c1b; */
  padding: 0em 0em 5em 1em;
}

#soluciones-lista-left {
  /* background-color: #020c1b; */
  padding: 0em 1em 5em 0em;
}

#lista-sin-puntos {
  list-style-type: none;
}

#lista-sin-puntos > li {
  line-height: 1.5em; /* ajusta la altura de la línea para que los glifos y el texto estén alineados */
}

#lista-sin-puntos > li i {
  vertical-align: middle; /* alinea los glifos verticalmente en el medio */
}

#lista-sin-puntos > li a, #lista-sin-puntos > li span {
  vertical-align: middle; /* alinea el texto del email y la numeración del teléfono verticalmente en el medio */
}

.img-rocket {
  padding: 0 0 0 5em;
  transform: rotate(+35deg) scale(0.65);
  filter: grayscale(100%);
}
.img-rocket:hover {
  transform: rotate(+35deg) scale(0.75);
  filter: grayscale(0%);
  transition: transform 0.3s ease, filter 0.3s ease;
}

.img-rh {
  margin: 10em 0 0 4em;
  border-radius: 0.3em;
  border: 0.1em solid #cf0707;
}

.img-rh:hover {
  transform: scale(1.1);
  filter: grayscale(0%);
  transition: transform 0.3s ease, filter 0.3s ease;
}

.img-dollarBag {
  margin: 10em 0 0 4em;
  transform: scale(1.2);
}

.img-dollarBag:hover {
  transform: rotate(-15deg) scale(1.5);
  filter: grayscale(0%);
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Css soporte tecnico*/
/* .soporte {}

.tel-support {}

.mail-support {} */

.versalitas {
  font-size: 1.2em;
  font-style: small-caps;
}

div.mail-support > p > a > button {
  margin: 1.6em 0 0 0 !important;
}

.docs-support-tittle {
  padding-top: 1em;
}

.docs-support-paragraph {
  margin-bottom: 6em;
  padding-bottom: 3em;
}

.docs-support-paragraph > strong, i {
  font-size: larger;
  font-weight: bold;
}
/* END Css soporte tecnico*/


/* Css Instalación de sistemas*/
div.beneficios-install > h2 {
  margin-bottom: 1.4em;
}
.well-install {
  background-color: #020c1b;
  border-color: #233554;
  color: #e6f1ff;
  margin-top: 5em;
  margin-bottom: 21em;
}

.contact-install > a > button {
  margin: 1.6em 0.3em 0.3em 0.4em !important;
} 

/* END Css Instalación de sistemas*/