html,body{height:100%;margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.hero{background:#e9ecef;padding:60px 20px;text-align:center}.hero h1{font-size:3em;margin-bottom:10px}.hero p{font-size:1.2em;color:#555}.section{padding:40px;max-width:1200px;margin:0 auto}.section h2{font-size:2em;border-bottom:2px solid #ccc;padding-bottom:15px;margin-bottom:25px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-top:20px}.article{background:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.article h3{font-size:1.5em;margin-top:0}.article iframe{border-radius:8px}.sidebar{background:#fff;padding:25px;box-shadow:0 4px 6px #0000001a}.sidebar h4{font-size:1.3em;margin-top:0;border-bottom:1px solid #eee;padding-bottom:10px}footer{background:#1a1a1a;color:#fff;padding:30px;text-align:center;margin-top:40px}footer a{color:#aaa;text-decoration:none;margin:0 10px}footer a:hover{color:#fff;text-decoration:underline}#NoticiaDescripcion{text-align:justify;color:#555;margin-bottom:20px}#fotoAutor{background-color:#ccc}#tituloNoticia{text-align:center;margin-bottom:20px}#noticiaCuerpo{text-align:justify;margin-bottom:20px;margin-top:20px}.landing-container{width:100%;max-width:900px;margin:0 auto;padding:30px 20px;font-family:Inter,sans-serif}.hero{text-align:center;margin:60px 0}.hero-title{font-size:3rem;font-weight:700;margin-bottom:10px}.hero-subtitle{font-size:1.25rem;color:#555}.section-title{font-size:1.8rem;font-weight:600;margin-bottom:20px;text-align:left}.notas-grid{display:grid;grid-template-columns:1fr;gap:25px}@media(min-width:768px){.notas-grid{grid-template-columns:repeat(3,1fr)}}.nota-card{border:1px solid #eaeaea;border-radius:10px;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.nota-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000000f}.nota-img{width:100%;height:160px;object-fit:cover;background:#f5f5f5}.placeholder{background:#ddd}.nota-content{padding:15px}.nota-title{font-size:1.1rem;font-weight:600;margin-bottom:10px}.nota-description{color:#666;font-size:.95rem;line-height:1.4rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh;background:#f0f4ff}.sidebar{position:fixed;top:0;left:0;height:100%;width:250px;display:flex;overflow-x:hidden;flex-direction:column;background:#1f1f1f;padding:25px 20px;transition:all .4s ease}.section{margin-left:320px;margin-right:20px;padding:10px;transition:all .4s ease}.sidebar .sidebar-header{display:flex;align-items:center}.sidebar .sidebar-header img{width:40px}.sidebar .sidebar-header h2{color:#fff;font-size:1.25rem;font-weight:600;white-space:nowrap;margin-left:23px}.sidebar .sidebar-header a{text-decoration:none;cursor:pointer}.sidebar-links h4{color:#fff;font-weight:500;white-space:nowrap;margin:10px 0;position:relative}.sidebar-links .menu-separator{position:absolute;left:0;top:50%;width:100%;height:1px;transform:scaleX(1);transform:translateY(-50%);background:#2b3035;transform-origin:right;transition-delay:.2s}.sidebar:hover .sidebar-links .menu-separator{transition-delay:0s;transform:scaleX(0)}.sidebar-links{list-style:none;margin-top:20px;padding:0;overflow-y:auto;scrollbar-width:none}.sidebar-links::-webkit-scrollbar{display:none}.sidebar-links li a{display:flex;align-items:center;gap:0 20px;color:#fff;font-weight:500;white-space:nowrap;padding:15px 10px;text-decoration:none;transition:.2s ease}.sidebar-links li a:hover{color:#161a2d;background:#fff;border-radius:4px}.sidebar-links li a i{font-size:1.25rem;color:#fff}.sidebar-links li a:hover i{color:#161a2d}.user-account{margin-top:auto;padding:12px 10px;margin-left:-10px;background:#fff;border-radius:4px}.user-profile{display:flex;align-items:center;color:#161a2d}.user-profile i{width:42px;height:42px;font-size:2rem;line-height:42px;border-radius:50%;border:2px solid #fff}.user-profile h3{font-size:1rem;margin:auto 0;font-weight:600}.user-profile span{font-size:.775rem;font-weight:600}.user-detail{margin-left:23px;white-space:nowrap}.Logo{height:30px;margin-right:10px}