/* Fondo completo tipo webcore */
body {
  margin: 0;
  padding: 0;
  background-image: url("SD180.JPG");
  background-size: cover;      /* que cubra toda la pantalla */
  background-attachment: fixed;/* que no se mueva al hacer scroll */
  background-position: center;
  font-family: "Courier New", monospace;
  color: white;
  text-align: center;
}

/* GRILLA DE 3 COLUMNAS */
.layout {
    display: grid;
    grid-template-columns: 20px 250px 20px 1fr 20px;
    margin-top: 50px;
}


/* Rectángulos laterales */
.lado {
    background-color: rgba(0, 0, 0, 0.75);
    padding: 20px;
    border: 2px solid rgb(121, 37, 37);
    grid-column: 2; 
}

/* Centro */
.centro {
    grid-column: 4;
    background-color: rgba(0, 0, 0, 0.75);
    padding: 40px;
    text-align: center;
    border: 2px solid white;
}

/* Imagen centrada */
.center-image {
  display: block;
  margin: 30px auto;
  max-width: 80%;
  height: auto;
}

/* Links estilo antiguo */
a {
  color: orange;
}

a:hover {
  color: orangered;
}