.headerpic-programs{position:relative;height:250px;display:flex;align-items:center;justify-content:center;color:rgb(255,255,255);font-size:50px;font-weight:bolder;overflow:hidden;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/Images/brgyheaderpic.JPG) no-repeat 50%/cover;background-position:center 55%;margin-bottom:50px}.TitlePage-programs{transform:translateY(-20px);opacity:0;animation:slideDown 1s ease .3s forwards;display:flex;justify-content:center}.TitlePage-programs p{font-size:40px;color:#214666;text-shadow:1px 1px 3px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2)}.aboutus-image-programs{width:110px;height:auto;object-fit:contain;opacity:0;transform:scale(.8);animation:fadeInLogo .8s ease .8s forwards}@keyframes fadeInLogo{to{opacity:1;transform:scale(1)}}.main-container-programs{height:100%;width:100%;background-image:url(/Images/bghome.jpg)}.programs-section-programs{display:grid;grid-template-columns:repeat(2,1fr);gap:3.5rem;padding:3rem 10rem;align-items:stretch}.programs-header{text-align:center;margin:3rem 170px 2rem;padding:50px 1rem 0}.programs-title{font-size:2.5rem;font-weight:700;color:#214666;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem;animation:slideDown 1s ease .3s forwards;transform:translateY(-50px);opacity:0}@keyframes slideDown{to{transform:translateY(0);opacity:1}}.programs-title:after,.programs-title:before{content:"";flex:1;border-top:1px solid #ccc}.programs-underline{width:100px;height:4px;background-color:#DF7426;margin:.5rem auto 1.5rem;border-radius:5px}@media (max-width:1024px) and (min-width:769px){.programs-header{margin:2rem auto 1.5rem;padding:0 2rem}.programs-title{font-size:2rem;gap:.5rem}.programs-title:after,.programs-title:before{flex:0.5}.programs-section-programs{grid-template-columns:repeat(2,1fr);gap:2rem;padding:2rem 3rem}.programs-card-programs{padding:.8rem}.programs-image-programs{height:200px}}@media (max-width:768px){.programs-header{margin:1.5rem auto 1rem;padding:15 1rem}.programs-title{font-size:1.6rem;flex-direction:column;gap:.3rem}.programs-title:after,.programs-title:before{display:none}.programs-section-programs{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.programs-card-programs{padding:.8rem}.programs-image-programs{height:180px}.programs-title-programs{font-size:1.2rem}.programs-desc-programs{font-size:.9rem;height:auto}}.programs-card-programs{background:white;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;height:600px;padding:1rem;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.08)}.programs-card-programs:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.programs-title-programs{font-size:1.5rem;font-weight:700;color:#214666;text-align:center}.programs-image-programs{width:100%;height:280px;object-fit:cover;border-radius:2px;margin-top:1rem;margin-bottom:1rem;box-shadow:0 4px 12px rgba(0,0,0,.2)}.programs-date-programs{font-size:16px;color:#DF7426;font-weight:700;margin-bottom:1rem}.programs-desc-programs{font-size:.95rem;color:#444;font-weight:400;line-height:1.4;text-align:justify;height:150px;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.programs-card-footer{display:flex;justify-content:flex-end;margin-top:1rem}.read-more-link{color:#0066cc;text-decoration:underline;cursor:pointer;font-weight:500;font-size:14px;transition:color .2s ease}.read-more-link:hover{color:#374151}.popup-overlay-program{position:fixed;top:13%;right:-3px;background:#777575;color:white;width:440px;height:50px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1002;text-align:center;font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:10px solid #403f3e}.popup-overlay-program.show{animation:slideIn .5s ease-out}.popup-overlay-program.hide{animation:slideOut .5s ease-out}.popup-program{display:flex;align-items:center;justify-content:center;gap:20px}.icon-alert{width:27px;height:27px}@keyframes slideIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(16px)}}.popup-overlay-program.error{background:#ad3b3b;border-left-color:#7e2929}@media (max-width:1024px){.headerpic-programs{height:120px;font-size:23px;background-position:center 50%}}@media (max-width:768px){.headerpic-programs{height:120px;font-size:23px;background-position:center 50%}}