Advertisement

LATEST
Viral na kabayong kinaladkad habang nakatali sa truck, nailigtas at nasa maayos nang kalagayan Bagong automated fare collection system, inilunsad sa LRT-2 Pangulong Marcos Jr., tumaas ang satisfaction rating sa pinakabagong SWS survey Tennis star Alex Eala, nagbabalik Pilipinas Iba’t ibang pagkilos, isinagawa bilang pagsuporta sa ika-10 anibersaryo ng Arbitral Ruling kaugnay sa West Philippine Sea Sen. Villanueva, nanawagan na paigtingin ang kahandaan ng pamahalaan sa mga sakuna Lacson, sinita ang ‘pattern’ na pagpapaospital ng mga personalidad na nahaharap sa aresto at reklamo Meralco, may dagdag-singil ngayong buwan Water level sa Angat Dam, patuloy na bumababa sa kabila ng mga pag-ulan — PDRRMO Pilipinas, umakyat ang ranking sa Muslim-friendly destinations sa mundo Viral na kabayong kinaladkad habang nakatali sa truck, nailigtas at nasa maayos nang kalagayan Bagong automated fare collection system, inilunsad sa LRT-2 Pangulong Marcos Jr., tumaas ang satisfaction rating sa pinakabagong SWS survey Tennis star Alex Eala, nagbabalik Pilipinas Iba’t ibang pagkilos, isinagawa bilang pagsuporta sa ika-10 anibersaryo ng Arbitral Ruling kaugnay sa West Philippine Sea Sen. Villanueva, nanawagan na paigtingin ang kahandaan ng pamahalaan sa mga sakuna Lacson, sinita ang ‘pattern’ na pagpapaospital ng mga personalidad na nahaharap sa aresto at reklamo Meralco, may dagdag-singil ngayong buwan Water level sa Angat Dam, patuloy na bumababa sa kabila ng mga pag-ulan — PDRRMO Pilipinas, umakyat ang ranking sa Muslim-friendly destinations sa mundo
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; }

Metro Manila

ADVERTISEMENT