body{margin:0;font-family:sans-serif;background-color:#f5f7fa}.homepage-container{min-height:100vh;background:linear-gradient(135deg,#023047b3,#219ebcb3),url(/assets/wave1-BLHSRBIj.jpg) no-repeat center center fixed;background-size:cover;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:50;box-shadow:0 2px 4px #0000001a;height:100%;width:100%}header{background-color:#023047;color:#fff;text-align:center;padding:auto;font-family:Georgia,Times New Roman,serif;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;box-shadow:0 4px 6px #00000026}.iconos{margin-right:10px;color:#fff;font-size:3}.navbar{background-color:#03045e;padding:10px 20px;color:#caf0f8}.content-container{padding:30px}.posts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.filter-form{display:flex;flex-wrap:wrap;gap:25px;margin-bottom:30px;background:#ffffff0d;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 20px #000}.filter-form .filter-item{display:flex;flex-direction:column;min-width:160px;flex:1}.filter-form label{font-size:14px;font-weight:600;margin-bottom:5px;color:#caf0f8}.filter-form input,.filter-form select{padding:10px;border:1px solid #00b4d8;border-radius:10px;background-color:#fff;color:#03045e;font-size:.95rem;outline:none;transition:border .3s ease}.filter-form input:focus,.filter-form select:focus{border-color:#0077b6}.filter-form button{padding:10px 30px;background-color:#0077b6;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;color:#fff;transition:background .3s ease,color .3s ease}.filter-form button:hover{background-color:#00b4d8;color:#03045e}.post_preview{display:flex;flex-direction:column;align-items:flex-start;padding:20px;border-radius:15px;background:#ffffff1a;box-shadow:0 8px 24px #03045e66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;color:#caf0f8}.post_preview:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0077b680}.post_preview_title{font-family:Georgia,serif;font-weight:700;font-size:1.5rem;color:#fff;margin-bottom:8px;text-shadow:0 0 6px rgba(0,0,0,.3)}.post_preview_course{font-size:1.1rem;font-weight:600;color:#90e0ef;margin-bottom:5px}.post_preview_dueDate{font-size:.95rem;font-weight:500;color:#ffb347}.onePostView_container{background:linear-gradient(135deg,#023047b3,#219ebcb3),url(/assets/wave1-BLHSRBIj.jpg) no-repeat center center fixed;background-size:cover;min-height:100vh;padding:40px 20px}.post-view{max-width:800px;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.post-view h1{color:#001f3f;font-size:2rem;margin-bottom:10px}.post-view h2{color:#0074d9;font-size:1.5rem;margin-bottom:20px}.post-view p{line-height:1.6;color:#333}.comments-section{margin-top:40px;border-top:1px solid #ccc;padding-top:20px}.comments-section h3{margin-bottom:10px;color:#001f3f}.comment{padding:10px;border-bottom:1px solid #eee}.comment p{margin:5px 0}.comment span{font-size:12px;color:#777}.comment-form{margin-top:20px}.comment-form div{margin-bottom:15px}.comment-form label{display:block;margin-bottom:5px;color:#333}.comment-form input,.comment-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}.comment-form button{padding:10px 20px;background-color:#001f3f;color:#fff;border:none;border-radius:4px;cursor:pointer}.comment-form button:hover{background-color:#036}