body {
    font-family: Arial, sans-serif;
    margin: 0;
    background-color: #ffffff;
}

/* Encabezado */
 /* ======== ESTILOS GENERALES ======== */
    body {
      background-color: #f8f9fa;
      font-family: "Segoe UI", Arial, sans-serif;
      color: #333;
    }

    /* ======== ENCABEZADO ======== */
    header {
      background-color: #660000 !important;
      border-bottom: 4px solid #660000;
      padding: 15px 20px;

      /* ❗ Hace que todo quede en una sola línea */
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    header img {
      width: 80px;
      height: auto;
    }

    header h1 {
      color: #fbf8f8ff;
      background-color: #600000ff;
      font-weight: bold;
      margin: 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      white-space: nowrap;  /* evita que se haga doble línea */
    }

/* Menú de navegación */
nav {
    text-align:center;
    display: flex;
    justify-content: center;
    background-color: #6e0d0d;
}
nav a {
      text-align:center;
    color: black;
    padding: 15px 40px;
    text-decoration: none;
    font-weight: bold;
    background-color: #8b1c1c;
    margin: 5px;
    border-radius: 5px;
}
nav a:hover {
      text-align:center;
    background-color: #a62a2a;
}


/* Pie de página */
footer {
    background-color: #6a1b1b;
    color: white;
    text-align: center;
    padding: 20px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



footer .redes {
    margin-top: 10px;
}

footer .redes a {
    margin: 0 10px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
}

footer .redes img {
    width: 16px;   /* 👈 tamaño super pequeño */
    height: 16px;  /* 👈 tamaño super pequeño */
    margin-right: 5px;
    vertical-align: middle;
}
 h1 {
      color: #000000ff;
      font-weight: 700;
      letter-spacing: 1px;
    }