/* GENERAL */
.titulo-principal { font-family: 'Playfair Display', serif; font-size: 3rem; font-weight: 800; background: linear-gradient(45deg, #0d6efd, #003d99); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; }
.subrayado-decorativo { width: 60px; height: 4px; background: #0d6efd; margin: 0 auto 20px; border-radius: 2px; }

/* REFLEXIONES */
#seccion-fondo-reflexion { background-size: cover; background-position: center; background-attachment: fixed; padding: 40px 15px; min-height: 100vh; }
#inicio-reflexion { max-width: 1000px; background: rgba(255, 255, 255, 0.96); margin: 0 auto; }
.contenedor-app { display: flex; }
.contenedor-libreta { background: #fdfcf0; border: 1px solid #e0e0e0; border-top: 3px solid #0d6efd; padding: 15px; border-radius: 4px; }
#libreta-textarea { width: 100%; border: none; background: transparent; background-image: linear-gradient(#e1e1e1 1px, transparent 1px); background-size: 100% 1.6em; line-height: 1.6em; resize: vertical; min-height: 100px; }

/* DIRECTORIO */
#suite-directorio-root .table thead { background-color: #003d99 !important; color: white !important; }
.transition-card { transition: transform 0.3s ease; }
.transition-card:hover { transform: translateY(-5px); }

/* RESPONSIVE */
@media (max-width: 992px) { .contenedor-app { flex-direction: column; } .col-izquierda { order: 2; } .col-derecha { order: 1; } }