: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:.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 .3s ease,color .3s ease;}.pilar.activo,.pilar[aria-pressed="true"],.pilar:hover,.pilar:focus{background-color:var(--color-principal);color:white;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 rgba(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:white;border-radius:12px;}.nav-link::after{content:" ▾";font-size:12px;}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:white;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:white;border:none;border-radius:8px;font-size:var(--tamano-reset-button);cursor:pointer;transition:background-color .3s ease,transform .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,rgba(20,22,36,.4),rgba(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:white;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 .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:#FFFFFF;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:#FFFFFF;}.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 rgba(0,0,0,.1);padding:16px;gap:16px;text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow .3s ease;}.post-card:hover,.post-card:focus{box-shadow:0 4px 8px rgba(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:white;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 .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 .3s ease,color .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;}