body {
margin: 0;
font-family: Arial, sans-serif;
height: 100vh;
overflow: auto; / Evitar el scroll global */
}

.logo {
    background-color: rgba(22,34,57,0.95);
    height: 80px;
    position: fixed;
    z-index: 12;
    width: 100%;
    top: 0;


    float: left;
    line-height: 80px;
    padding-left: 60px;
}

.logo a {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    text-decoration: none;
}

.logo a em {
    font-style: normal;
    color: #f5a425;
}

/* Barra de navegación */
.navbar {
  background-color: rgba(0, 0, 255, 0.8); /* Azul con opacidad ajustable */
  color: white;
  padding: 15px;
  text-align: right;
  position: relative;
  z-index: 1000; /* Asegura que la barra esté encima del contenido */
  margin-top: 80px; /* Baja la barra de navegación con un margen superior de 20px */
}

.container {
  display: flex;
  justify-content: space-between; /* Asegura que haya espacio entre las columnas */
  margin-left: 10%; /* Espacio del 10% desde el margen izquierdo */
  margin-right: 10%; /* Espacio del 10% desde el margen derecho */
}

.column-left, .column-right {
  margin-top: 85px;
  width: 45%; /* Las columnas ocupan el 45% del contenedor */
  font-size: 18px;
}

.column-left {
  margin-right: 5%; /* Espacio del 5% entre las columnas */
}

hr {
    border: none; /* Elimina el borde predeterminado */
    height: 2px; /* Establece el grosor deseado */
    background-color: rgba(22,34,57,0.99); /* Opcional: le da un color a la línea */
  }

/* Footer */

footer {
    background-color: #152036;
    text-align: center;
}

footer p {
    margin-bottom: 0px;
    padding: 25px 0px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

footer p a,
footer p a:hover {
    color: #f5a425;
    text-decoration: none;
}