/* FUENTES */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Signika:wght@600&display=swap');

:root {
    --turquesa: #00C9B7;
    --fucsia: #AA115C;
    --coral: #FF6E80;
    --naranja: #F9AB3A;
    --texto: #4F4F4F;
    --blanco: #FFFFFF;
}

body {
    margin: 0;
    padding: 0;
    background-color: #f0f2f5; /* Un gris muy tenue para resaltar el contenedor blanco */
    font-family: 'Noto Sans', sans-serif;
    color: var(--texto);
}

/* CONTENEDOR DE 1200px */
.container-marlene {
    width: 1200px;
    margin: 0 auto;
    background-color: var(--blanco);
    min-height: 100vh;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/* HEADER CON LOGO */
.header-marlene {
    padding: 20px;
    text-align: center;
    border-bottom: 5px solid var(--turquesa);
    background-color: var(--blanco);
}

.logo-institucional {
    max-width: 250px;
    margin-bottom: 10px;
}

h1.siglas {
    font-family: 'Signika', sans-serif;
    color: var(--fucsia);
    margin: 0;
    font-size: 2.5rem;
}

.nombre-completo {
    font-family: 'Signika', sans-serif;
    font-size: 1.1rem;
    color: var(--texto);
    letter-spacing: 1px;
}

/* MENÚ */
.navbar {
    background-color: var(--fucsia);
    padding: 10px 0;
    text-align: center;
}

.navbar a {
    color: white;
    text-decoration: none;
    margin: 0 20px;
    font-weight: bold;
}

.navbar a:hover {
    color: var(--naranja);
}

/* CONTENIDO */
main {
    padding: 40px;
}