#boletines-sopyme{
  font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#333;
}
.boletines-wrapper{padding:40px 0 0;}
.boletines-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;}
.boletines-title{font-family:"Arvo","Poppins",system-ui,sans-serif;font-size:2rem;margin:0;}
.boletines-filters{display:flex;flex-wrap:wrap;gap:10px;}
.boletin-filter-btn{
  border:1px solid #0073aa;background:#fff;color:#0073aa;
  padding:8px 14px;font-size:.95rem;cursor:pointer;border-radius:4px;
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.boletin-filter-btn:hover{background:#0073aa;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);}
.boletin-filter-btn.active{background:#0073aa;color:#fff;}
.boletines-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;
}
@media(max-width:768px){
  .boletines-grid{grid-template-columns:1fr;}
}
.boletin-card{
  border:1px solid #e0e0e0;border-radius:6px;padding:16px 18px 18px;
  background:#fafafa;display:flex;flex-direction:column;gap:10px;
  cursor:pointer;transition:box-shadow .2s ease,transform .1s ease,border-color .2s ease;
}
.boletin-card:hover{
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  transform:translateY(-1px);border-color:#d0d0d0;
}
.boletin-meta{
  font-size:.85rem;color:#777;display:flex;flex-wrap:wrap;
  gap:6px;align-items:center;
}
.boletin-fecha{font-weight:500;}
.boletin-fuente{font-style:italic;}
.boletin-card-title{
  margin:0;font-size:1.1rem;
  font-family:"Raleway","Poppins",system-ui,sans-serif;
}
.boletin-resumen{margin:6px 0 10px;font-size:.95rem;line-height:1.5;}
.boletin-read-btn{
  align-self:flex-start;border:none;background:#0073aa;color:#fff;
  padding:6px 12px;border-radius:4px;font-size:.9rem;cursor:pointer;
  transition:background-color .2s ease,box-shadow .2s ease;
}
.boletin-read-btn:hover{background:#005f8a;box-shadow:0 2px 6px rgba(0,0,0,.15);}
.boletines-empty{margin-top:20px;font-size:.95rem;color:#777;text-align:center;}
.boletines-pagination{
  margin-top:28px;display:flex;justify-content:center;align-items:center;
  gap:10px;flex-wrap:wrap;
}
.boletin-page-btn,.boletin-page-number{
  border-radius:4px;border:1px solid #0073aa;background:#fff;color:#0073aa;
  padding:5px 10px;font-size:.9rem;cursor:pointer;
  transition:background-color .2s ease,color .2s ease;
}
.boletin-page-btn:disabled,.boletin-page-number:disabled{opacity:.5;cursor:default;}
.boletin-page-btn:hover:not(:disabled),.boletin-page-number:hover:not(:disabled){
  background:#0073aa;color:#fff;
}
.boletin-page-number.active{background:#0073aa;color:#fff;}
.boletin-modal-overlay{
  display:flex;justify-content:center;align-items:center;
  background:rgba(0,0,0,.45);
}
.boletin-modal-open{overflow:hidden;}
.boletin-modal{
  background:#fff;border-radius:8px;max-width:800px;width:90%;
  max-height:90vh;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.2);
  display:flex;flex-direction:column;
}
.boletin-modal-close{
  position:absolute;top:10px;right:12px;border:none;background:transparent;
  font-size:1.6rem;cursor:pointer;line-height:1;color:#666;
}
.boletin-modal-close:hover{color:#000;}
.boletin-modal-body{padding:22px 24px 20px;overflow-y:auto;}
.boletin-modal-meta{
  display:flex;flex-wrap:wrap;gap:10px;font-size:.85rem;color:#777;margin-bottom:8px;
}
.boletin-modal-fecha{font-weight:500;}
.boletin-modal-fuente{font-style:italic;}
.boletin-modal-titulo{
  font-family:"Raleway","Poppins",system-ui,sans-serif;
  margin:0 0 12px;font-size:1.4rem;
}
.boletin-modal-contenido{font-size:.98rem;line-height:1.6;}
.boletin-modal-contenido p{margin-bottom:.75em;}
.boletin-modal-contenido ul,.boletin-modal-contenido ol{padding-left:1.4em;}
.boletin-modal-contenido strong{font-weight:600;}
