/* 1. Importamos fuentes elegantes desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:wght@300;400;500&display=swap');

/* Reset básico para mejor control de espacios */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif; /* Fuente limpia para el cuerpo */
}

body {
    /* Fondo crema/lino suave en lugar del gris oscuro */
    background-color: #fdf6e3; 
    color: #4a4a4a;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 20px;
}

.contenedor {
    background-color: rgb(255, 255, 255);
    padding: 40px; /* Más espacio interno para que el texto "respire" */
    width: 100%;
    max-width: 750px; /* Evita que se estire demasiado a los lados en pantallas grandes */
    margin: auto;
    border-radius: 20px; /* Bordes más redondeados y delicados */
    
    /* Sombra muy sutil con un ligero tono cálido (Rose Gold) */
    box-shadow: 0 10px 30px rgba(224, 172, 147, 0.15); 
}

/* --- Mejoras extras para los textos y enlaces de tus páginas --- */

/* Estilo elegante para el título "Bienvenidos a mi Página Web" */
h1 {
    font-family: 'Lora', serif; /* Fuente con serifas, muy de revista estética */
    color: #2c2c2c;
    font-size: 2.2rem;
    margin-bottom: 20px;
    font-weight: 500;
}

/* Para la línea divisoria horizontal debajo del título (si usas un <hr>) */
hr {
    border: 0;
    height: 1px;
    background-color: #e0ac93; /* Línea color oro rosa sutil */
    opacity: 0.3;
    margin-bottom: 25px;
}

/* Estilo para los párrafos (Lorem Ipsum) */
p {
    color: #6b6b6b;
    line-height: 1.7; /* Mayor espacio entre líneas para que sea cómodo de leer */
    margin-bottom: 25px;
}

/* Estilo para la lista de enlaces */
ul {
    list-style: none; /* Quitamos los puntos negros genéricos */
}

li {
    margin-bottom: 12px;
}

/* Estilo para los enlaces de los michis */
a {
    display: inline-block;
    color: #c69c9c; /* Rosa viejo / Malva suave en vez del azul/morado de siempre */
    text-decoration: none;
    font-weight: 500;
    font-size: 1.05rem;
    transition: all 0.3s ease; /* Transición suave para el efecto hover */
}

/* Efecto cuando pasas el mouse por encima de los links */
a:hover {
    color: #a87b7b; /* Se oscurece un poquito */
    transform: translateX(5px); /* Se mueve sutilmente a la derecha */
}