Advertisement

LATEST
JIL COLLEGES FOUNDATION UNVEILS GEN. JOSE T. ALMONTE CENTER FOR LEADERSHIP DPWH Davao chief, ipina-subpoena ng NBI hinggil sa 51 na flood control project Mapayapa umanong rally sa Metro Manila, naitala ng NCRPO Grupong Manibela, muling humirit ng P2 dagdag-pasahe sa jeepney DOE, umamin na walang agarang solusyon sa power crisis sa Visayas Piso, muling humina sa P62.78 kontra dolyar Pinoy barista, wagi sa isang coffee barista championship sa UAE Pamilya ni late Ateneo player Divine Adili, bumisita sa Pilipinas ₱200-thousand, ipinamahagi sa bawat barangay sa Laguna TUCP, pinagpapaliwanag ang DOLE hinggil sa bagong wage order para sa dagdag-sahod sa NCR JIL COLLEGES FOUNDATION UNVEILS GEN. JOSE T. ALMONTE CENTER FOR LEADERSHIP DPWH Davao chief, ipina-subpoena ng NBI hinggil sa 51 na flood control project Mapayapa umanong rally sa Metro Manila, naitala ng NCRPO Grupong Manibela, muling humirit ng P2 dagdag-pasahe sa jeepney DOE, umamin na walang agarang solusyon sa power crisis sa Visayas Piso, muling humina sa P62.78 kontra dolyar Pinoy barista, wagi sa isang coffee barista championship sa UAE Pamilya ni late Ateneo player Divine Adili, bumisita sa Pilipinas ₱200-thousand, ipinamahagi sa bawat barangay sa Laguna TUCP, pinagpapaliwanag ang DOLE hinggil sa bagong wage order para sa dagdag-sahod sa NCR
html.archive, body.archive{ margin:0!important; padding:0!important; background:#fff; } body.archive #page, body.archive .site, body.archive .site-content, body.archive .content-area{ margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; max-width:100%!important; background:#fff!important; } /* Typography */ body.archive, .arch-wrap, .card-body{ font-family:'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } /* Wrapper */ .arch-wrap{ max-width:1200px; margin:0 auto; padding:32px 16px; } /* Header */ .arch-header{ margin:0 0 16px; } .arch-title{ margin:.1rem 0 .35rem; font-weight:800; line-height:1.15; letter-spacing:.01em; font-size:clamp(1.6rem,2.8vw,2.2rem); color:#0d0d0d; } .arch-desc{ color:#555; margin:4px 0 0; } /* Grid */ .cards{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; } @media (max-width:1100px){ .cards{ grid-template-columns:repeat(3,1fr); } } @media (max-width:820px){ .cards{ grid-template-columns:repeat(2,1fr); } } @media (max-width:520px){ .cards{ grid-template-columns:1fr; } } /* Card */ .card{ display:grid; grid-template-rows:auto 1fr; background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:18px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.06); transition:transform .18s, box-shadow .18s; } .card:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.1); } /* Media 16:9 */ .card-media{ position:relative; display:block; aspect-ratio:16/9; background:#eee; overflow:hidden; } .card-media img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; } .card:hover .card-media img{ transform:scale(1.03); } /* Body */ .card-body{ padding:14px 16px 16px; display:flex; flex-direction:column; gap:.55rem; } .card-title{ margin:0; line-height:1.25; font-weight:700; font-size:clamp(1.02rem,1.9vw,1.15rem); letter-spacing:.01em; text-transform:uppercase; } .card-title a{ color:#0f172a; text-decoration:none; } .card-title a:hover{ color:#FF8C00; } .card-ex{ margin:0; color:#333; line-height:1.55; font-size:.95rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .card-meta{ margin-top:auto; font-size:.82rem; color:#667085; } /* Pagination (styled) */ .arch-pager{ margin:28px 0 6px; display:flex; justify-content:center; } .arch-pager .navigation.pagination{ margin:0; } .arch-pager .nav-links{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; } .arch-pager .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 12px; border:1px solid rgba(0,0,0,.12); border-radius:10px; background:#fff; color:#0f172a; text-decoration:none; font-weight:700; font-size:.95rem; line-height:1; transition:color .15s, border-color .15s, transform .15s, box-shadow .15s; } .arch-pager .page-numbers:hover{ color:#FF8C00; border-color:#FF8C00; transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.08); } .arch-pager .page-numbers.current{ background:#FF8C00; border-color:#FF8C00; color:#fff; cursor:default; box-shadow:0 6px 18px rgba(255,140,0,.28); } .arch-pager .page-numbers.dots{ border:none; background:transparent; box-shadow:none; transform:none; color:#667085; padding:0 6px; min-width:auto; }

MANIBELA

ADVERTISEMENT