/* 1. TEXTO GENERAL (Para el blog, párrafos y listas) */
body {
    font-family: 'Andika', sans-serif; /* Fuente limpia y legible */
    background-color: #ff66dd; /* Fondo crema suave */
    color: #2b2b2b;            /* Letras gris oscuro */
    max-width: 800px;          /* Centra el diseño */
    margin: 0 auto;            
    padding: 20px;
    line-height: 1.6;          
}

/* 2. SÓLO PARA LOS TÍTULOS (Aquí se queda atrapada Emilys Candy) */
h1, h2, h3 {
    font-family: 'Emilys Candy', serif; 
    color: #4a5759;            /* Tono verde/grisáceo */
    font-weight: normal;       
    letter-spacing: 1px;       
    text-align: center;
}

/* 3. BARRA DE NAVEGACIÓN (Los enlaces de arriba) */
nav {
    text-align: center;
    margin: 20px 0;
}

nav a {
    color: #4a5759;
    text-decoration: none; 
    font-weight: bold;
    padding: 0 10px;
}

nav a:hover {
    color: #dedbd2;
    background-color: #4a5759; 
}

/* 4. LAS CASILLAS DE LAS SECCIONES */
section {
    background-color: #ffbff1; /* Fondo rosa claro*/
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;        /* Bordes redondeados */
    box-shadow: 2px 2px 10px rgba(0,0,0,0.05); 
}

/* 5. DISEÑO DE LAS ENTRADAS DEL BLOG */
.entrada {
    border-left: 4px solid #b0c4b1; 
    padding-left: 15px;
    margin-top: 15px;
}

.fecha {
    font-size: 0.85em;
    color: #7a7a7a;
    font-style: italic;
}

/* 6. PIE DE PÁGINA */
footer {
    text-align: center;
    font-size: 0.9em;
    color: #7a7a7a;
    margin-top: 40px;
}