body {
    font-size: 10px;
    color: #020122;    
    font-family: 'Courier New', Courier, monospace  ;
    
    background-color: #cad6d6;
  }

  .code-block {
    background-color: #e21919;
            border: 1px solid #ddd;
            border-radius: 0.25rem;
            padding: 15px;
            margin-bottom: 20px;
            font-family: 'Courier New', monospace;
}

body {
    /*margin: 0;  Eliminamos el margen por defecto del body */
    font-family: Arial, sans-serif; /* Establecemos una fuente base */
    background-color: #f4f4f4; /* Color de fondo general */
    color: #1b1a1a; /* Color de texto general */
}

header {
    background-color: #b42c7b; /* Color de fondo para el encabezado */
    padding: 10px 0; /* Relleno superior e inferior */
    position: sticky;  /*Hacemos que el header sea pegajoso */
    top: 0; /* Se pega en la parte superior */
    z-index: 1000; /* Aseguramos que esté por encima de otros elementos */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Sombra sutil */
    border: 4px solid #000000;
}
.menu-principal ul {
    list-style-type: none; /* Quitamos los puntos de la lista */
    margin: 0; /* Quitamos márgenes por defecto de la lista */
    padding: 0; /* Quitamos relleno por defecto de la lista */
    text-align: center; /* Centramos los elementos del menú */
}

.menu-principal ul li {
    display: inline-block; /* Colocamos los elementos en línea */
}


.menu-principal ul li a {
    display: block; /* Hacemos que el enlace ocupe todo el espacio del li */
    padding: 15px 25px; /* Relleno interno para cada enlace (más espacio clickeable) */
    text-decoration: none; /* Quitamos el subrayado de los enlaces */
    color: #111111; /* Color del texto de los enlaces */
    font-weight: bold; /* Texto en negrita */
    background-color: #ca7ea8;
    
}
.foto-perfil {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid #ca7ea8(19, 17, 17);
    object-fit: cover;
    margin-bottom: 5px;
}
img {
    overflow-clip-margin: content-box;
    overflow: clip;
}
h1 {
display: block;
    text-align: center;
    font-size: large;
    font-family: 'Times New Roman', Times, serif
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}
h3 {
    display: block;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: xx-large;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
} /*Todos los titulos con h3 */
h2 {
    display: block;
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: x-large;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
} /*todos los titulos con h2 */
.hero {
    text-align: center;
    background: linear-gradient(#d48be4, #8d9bd5);
    padding: 40px 20px;
    position: relative;
    background-color: #ca7ea8;
    background-image: url(img/fondo2.jpg);
    object-fit: cover;
    background-size: contain;
    
}
section ul li {
   display: block;
    text-align: center;
    font-family: Verdana
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate; 
} /* Los textos de la foja academica */

body {
    background-color: #ca7ea8;
}