.mi-caja {
  font-family: 'Segoe UI', sans-serif;
  color: #2c3e50;
  line-height: 1.6;
  
  border: 1px solid #dcdde1;
  border-radius: 8px; /* Esquinas suaves */
  padding: 20px;      /* Espacio interno */
  box-shadow: 2px 2px 10px rgba(0,0,0,0.1); /* Sombra sutil */
}

a { color: rgb(245, 73, 39); }

p { 
	color: rgb(245, 73, 39); 
  width: 250px;
	border-left: 10px solid rgb(245, 73, 39); /* Solo borde grueso a la izquierda */
    border-bottom: 1px solid #ddd;          /* Línea fina abajo */
    border-radius: 15 px 15px 0;           /* Solo redondea el lado derecho */
    padding: 20px;
    background-color: #f9f9f9;
    font-size:50px;
}

/* Eliminamos estilos por defecto de la lista */
.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #020024;
    background: linear-gradient(180deg,rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
    display: flex;            /* Alinea los elementos en fila */
    justify-content: center;  /* Centra el menú horizontalmente */
}

/* Estilo de cada item del menú */
.menu li {
    /* Opcional: puedes dar espacio entre botones aquí */
}

/* Estilo de los enlaces */
.menu li a {
    display: block;           /* Hace que todo el área sea clickeable */
    color: white;
    text-decoration: none;    /* Quita el subrayado */
    padding: 20px 25px;       /* Espaciado interno */
    transition: background 0.5s;
}

/* Efecto al pasar el ratón */
.menu li a:hover {
    background-color: rgb(159, 148, 255);
    color: #ffffff;
}
body {
    margin: 0;
    padding: 10;
    min-height: 100vh; /* 100% de la altura de la ventana */
    background: #020024;
    background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 39%, rgba(0, 176, 212, 1) 46%, rgba(0, 37, 107, 1) 54%);
    background-attachment: fixed; /* Mantiene el fondo quieto al hacer scroll */
} 

h1 {
    color: rgb(201, 252, 255);
    background: #020024;
    background: radial-gradient(circle,rgba(2, 0, 36, 1) 0%, rgba(197, 196, 255, 1) 24%, rgba(9, 9, 121, 1) 46%, rgba(0, 176, 212, 1) 64%, rgba(0, 37, 107, 1) 100%);
}