:root{--color-principal:#032A53;--color-secundario:#f8f8f8;--color-texto:#0A0C1C;--color-texto-secundario:#97989F;--color-hover:#e0e0e0;--color-fondo:#FFFFFF;--color-borde:#E8E8EA;--color-paginacion:#f5f5f5;--color-paginacion-hover:#e0e0e0;--color-paginacion-activa:#032A53;--color-boton-reset-hover:#e0e0e0;--tamano-h1:3.1rem;--tamano-h1-movil:2rem;--tamano-texto-info:1.2rem;--tamano-texto-info-movil:1rem;--tamano-boton:16px;--tamano-link:18px;--tamano-paginacion:14px;--tamano-reset-button:16px;--tamano-featured-title:24px;--tamano-featured-category:14px;--tamano-featured-meta:16px;--tamano-featured-title-movil:1.6rem;--tamano-featured-category-movil:0.9rem}*,*::before,*::after{box-sizing:border-box}body{font-family:'Work Sans',sans-serif;margin:0;padding:0;background-color:var(--color-fondo);color:var(--color-texto)}.h1-articulos{text-align:center;font-size:var(--tamano-h1);color:var(--color-principal);margin:20px 0;font-weight:800;text-transform:uppercase}.filter-container{display:none;flex-direction:column;align-items:center;padding:10px}.pilares{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;width:100%;max-width:300px}.pilar{padding:10px 15px;background-color:var(--color-secundario);color:var(--color-principal);border:none;border-radius:8px;font-size:var(--tamano-boton);cursor:pointer;transition:background-color 0.3s ease,color 0.3s ease}.pilar.activo,.pilar[aria-pressed="true"],.pilar:hover,.pilar:focus{background-color:var(--color-principal);color:#fff;outline:none}.subcategoria-dropdown{width:100%;max-width:300px;padding:0 10px;margin-bottom:20px}.subcategoria-dropdown select{width:100%;padding:10px;font-size:16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f5f5f5;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%2397979F" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer}.subcategoria-dropdown select:focus{outline:none;border-color:var(--color-principal);box-shadow:0 0 5px rgb(3 42 83 / .5)}.nav-pilares{display:flex;justify-content:center;padding:10px 0;align-items:center}.nav-pilares ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}.nav-item{position:relative;margin:0 15px}.nav-link{text-decoration:none;color:var(--color-principal);font-size:var(--tamano-link);padding:5px 10px;cursor:pointer}.nav-link:hover,.nav-link.active,.nav-item:hover .nav-link{background-color:var(--color-principal);color:#fff;border-radius:12px}.nav-link::after{content:" ▾";font-size:12px}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #e0e0e0;padding:10px;border-radius:8px;z-index:1000;min-width:200px;max-height:300px;overflow-y:auto}#grid-placeholder{scroll-margin-top:50px}.nav-item:hover .dropdown-menu{display:block}.dropdown-menu label{display:flex;align-items:center;margin-bottom:5px;cursor:pointer;padding:5px;border-radius:4px}.dropdown-menu label:hover{background-color:#f0f0f0}.dropdown-menu input[type="checkbox"]{margin:0}.dropdown-menu label span{margin-left:8px}.reset-filters{margin-left:30px;padding:8px 16px;background-color:var(--color-principal);color:#fff;border:none;border-radius:8px;font-size:var(--tamano-reset-button);cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease}.reset-filters:hover{background-color:var(--color-boton-reset-hover);color:#333}button:focus{background-color:var(--color-principal)}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;max-width:1100px;margin:0 auto}#featured-post-container{position:relative;width:calc(100% - 4%);max-width:1055px;margin:40px auto;border-radius:12px;overflow:hidden;box-sizing:border-box}.featured-post{position:relative;width:100%;height:250px;border-radius:12px;overflow:hidden}.featured-post-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.featured-post::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgb(20 22 36 / .4),rgb(20 22 36 / .4));z-index:2}.featured-post-content{position:absolute;bottom:15px;left:40px;padding:20px;width:calc(100% - 80px);display:flex;flex-direction:column;gap:16px;z-index:3}.featured-post-category{background-color:var(--color-principal);color:#fff;padding:0 10px;border-radius:16px;font-size:var(--tamano-featured-category);font-family:'Work Sans',sans-serif;font-weight:500;text-decoration:none;text-transform:capitalize;transition:background-color 0.3s ease;align-self:flex-start}.featured-post-category:hover{background-color:var(--color-hover)}.featured-post-title-link{text-decoration:none;color:inherit}.featured-post-title-link:hover{text-decoration:none}.featured-post-title{font-family:'Montserrat',sans-serif;font-size:var(--tamano-featured-title);font-weight:600;line-height:1.2;color:#FFF;margin:0 0 10px 0;text-transform:uppercase}.featured-post-meta{display:flex;flex-direction:row;align-items:center;gap:20px;font-family:'Work Sans',sans-serif;font-size:var(--tamano-featured-meta);color:#FFF}.featured-post-author,.featured-post-date{display:inline-block;font-size:var(--tamano-featured-meta)}.post-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;border:1px solid var(--color-borde);border-radius:12px;overflow:hidden;background:var(--color-fondo);box-shadow:0 2px 5px rgb(0 0 0 / .1);padding:16px;gap:16px;text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow 0.3s ease}.post-card:hover,.post-card:focus{box-shadow:0 4px 8px rgb(0 0 0 / .15);outline:none}.post-card-top{display:flex;flex-direction:column;gap:10px}.post-card-image{width:100%;height:169px;overflow:hidden;border-radius:6px}.post-card-image img{width:100%;height:100%;object-fit:cover}.post-card-title-link{text-decoration:none;color:inherit}.post-card-title-link:hover{text-decoration:none}.post-card-title{font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;line-height:1.2;color:var(--color-texto);margin:0 0 10px 0}.post-card-category{display:inline-block;background-color:var(--color-principal);color:#fff;padding:4px 10px;border-radius:16px;font-size:14px;font-family:'Work Sans',sans-serif;font-weight:500;text-decoration:none;align-self:flex-start;text-transform:capitalize;transition:background-color 0.3s ease}.post-card-category:hover{background-color:var(--color-boton-reset-hover);color:#333}.post-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-card-author,.post-card-date{font-family:'Work Sans',sans-serif;font-size:14px;color:var(--color-texto-secundario)}.pagination{text-align:center;margin:20px 0}.pagination ul{list-style:none;padding:0;justify-content:center;flex-wrap:wrap}.pagination li{display:inline-block;margin:0 5px}.pagination a,.pagination span{display:block;padding:8px 12px;background-color:var(--color-paginacion);color:#333;text-decoration:none;border-radius:12px;transition:background-color 0.3s ease,color 0.3s ease}.pagination a:hover{background-color:var(--color-paginacion-hover)}.pagination .active a,.pagination .active span{background-color:var(--color-paginacion-activa);color:#fff}@media (max-width:768px){.h1-articulos{font-size:var(--tamano-h1-movil);margin:15px 0}.nav-pilares{display:none}.filter-container{display:flex}.post-grid{grid-template-columns:1fr;padding:10px;max-width:100%}.reset-filters{display:none}#featured-post-container{width:calc(100% - 4%);max-width:100%;margin:20px 10px}.featured-post{height:auto;min-height:205px}.featured-post-content{bottom:10px;left:10px;right:10px;padding:5px;gap:10px;width:auto}.featured-post-title{font-size:16px;line-height:1.2}.featured-post-category{font-size:12px}.featured-post-meta{flex-direction:column;align-items:flex-start;gap:0}.featured-post-author,.featured-post-date{font-size:14px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}