/* RESET */
html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-family: Arial, sans-serif;
}

/* FONDO */
body {
  background: url("fondo2.png") repeat;
}

/* ===== VENTANA PRINCIPAL ===== */
.main-window {
  width: 1050px;
  margin: 40px auto;
  background: #101E66;
  border: 4px solid #000;
  border-radius: 60px;
  padding: 20px;
}

/* BLANCO INTERNO */
.main-inner {
  background: white;
  border-radius: 45px;
  padding: 25px;
}

/* HEADER */
.header {
  height: 200px;
  background: url("fondo.png") center / cover no-repeat;
  border: 3px solid #000;
  border-radius: 30px;
  margin-bottom: 20px;
}

/* LAYOUT */
.layout {
  display: grid;
  grid-template-columns: 200px 1fr 200px;
  gap: 15px;
}

/* ===== CAJAS ===== */
.box {
  background: #101E66;
  border: 3px solid #000;
  border-radius: 20px;
  padding: 10px;
}

.box-inner {
  background: white;
  border-radius: 15px;
  padding: 12px;
}

/* TITULOS */
h1 {
  margin: 0;
  padding: 10px;
}

h2 {
  margin-top: 0;
  font-size: 14px;
  background: #1017dc;
  color: white;
  padding: 5px;
  border-radius: 8px;
}

/* LISTA */
ul {
  list-style: none;
  padding: 0;
}

li {
  padding: 5px;
  border-bottom: 1px dashed #aaa;
}