/* FUENTES Y TITULOS */
.cabecera-app { text-align: center; padding: 20px 0 10px 0; }
.titulo-principal {
    font-family: 'Playfair Display', serif;
    font-size: 3rem; font-weight: 800; letter-spacing: -1px;
    background: linear-gradient(45deg, #0d6efd, #003d99);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    margin-bottom: 5px; text-transform: uppercase;
}
.subrayado-decorativo { width: 60px; height: 4px; background: #0d6efd; margin: 0 auto 20px; border-radius: 2px; }

/* FONDO Y CONTENEDOR PRINCIPAL */
#seccion-fondo-reflexion {
    background-size: cover; background-position: center; background-attachment: fixed;
    padding: 40px 15px; border-radius: 15px; min-height: 100vh;
}
#inicio-reflexion {
    max-width: 1000px; background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3) !important; margin: 0 auto;
}
.contenedor-app { display: flex; flex-direction: row; }

/* TEXTOS DE LA REFLEXIÓN */
.resaltado { background-color: #fff3cd; padding: 0 2px; border-radius: 3px; font-weight: bold; color: #856404; }
#ref-texto1, #ref-texto2 { color: #2c3e50 !important; text-align: justify; }
#ref-texto1 { font-size: 1.2rem; border-left: 4px solid #0d6efd !important; padding-left: 15px; }
#ref-texto2 { font-size: 1.1rem; line-height: 1.8; }
.contenedor-referencia { text-align: right; margin-top: 10px; width: 100%; }

/* LIBRETA DIGITAL */
.contenedor-libreta {
    background: #fdfcf0; border: 1px solid #e0e0e0; border-top: 3px solid #0d6efd;
    padding: 15px; margin-top: 20px; border-radius: 4px; box-shadow: inset 0 0 5px rgba(0,0,0,0.05);
}
.titulo-libreta { font-size: 0.8rem; font-weight: bold; color: #444; text-transform: uppercase; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
#libreta-textarea {
    width: 100%; border: none; background: transparent; line-height: 1.6em; font-size: 0.95rem; color: #333;
    background-image: linear-gradient(#e1e1e1 1px, transparent 1px); background-size: 100% 1.6em;
    resize: vertical; min-height: 120px; padding: 0;
}
#libreta-textarea:focus { outline: none; }
.status-guardado { font-size: 0.8rem; color: #28a745; display: none; font-weight: bold; }

/* FAVORITOS Y BUSCADOR */
#listaFavoritos { max-height: 200px; overflow-y: auto; }
.fav-item { cursor: pointer; font-size: 0.85rem; border-bottom: 1px solid #eee !important; transition: background 0.2s; padding: 10px; }
.fav-item:hover { background: rgba(13, 110, 253, 0.05); }

/* TOAST MESSAGE */
#toast-msg { 
    position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); 
    background: #2c3e50; color: #fff; padding: 12px 25px; border-radius: 50px; 
    display: none; z-index: 9999; box-shadow: 0 4px 15px rgba(0,0,0,0.3); 
}

/* ADAPTABILIDAD MÓVIL */
@media (max-width: 992px) {
    .contenedor-app { flex-direction: column; }
    .titulo-principal { font-size: 2.2rem; }
    .col-derecha { order: 1; width: 100% !important; }
    .col-izquierda { order: 2; width: 100% !important; background-color: rgba(248, 249, 250, 0.9); border-top: 1px solid #ddd; }
}