.pub-card {
  background:rgba(255,255,255,0.5);
  -webkit-backdrop-filter:blur(30px) saturate(200%);
  backdrop-filter:blur(30px) saturate(200%);
  border:1px solid rgba(255,255,255,.65);
  border-radius:1.25rem;
  overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.05), 0 10px 15px rgba(0,0,0,.06), 0 30px 45px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .35s cubic-bezier(.16,1,.3,1);
  padding:1rem 1rem 1rem;
  display:flex;
  flex-direction:column;
  height:100%;
}
.pub-card:active { transform:scale(.98); }
@media (min-width:601px){
@media (hover:hover) and (pointer:fine) and (min-width:601px) {
  .pub-card:hover { transform:scale(1.01) translateY(-6px); box-shadow:0 2px 4px rgba(0,0,0,.06), 0 16px 24px rgba(0,136,118,.09), 0 40px 60px rgba(0,136,118,.12); }
}
}

.pub-portada { width:100%; aspect-ratio:3/4; object-fit:contain; background:rgba(89,178,166,.06); border-radius:1.25rem; display:block; }
/* con solo dos publicaciones, la rejilla auto-fit las estiraría a lo ancho */
.pub-grid { grid-template-columns:repeat(2,1fr); }
@media(max-width:700px){ .pub-grid { grid-template-columns:1fr; } }
.pub-body { padding:2.75rem 1.5rem 1.5rem; flex:1; display:flex; flex-direction:column; }
.pub-body .tag { align-self:flex-start; margin-bottom:.85rem; }
.pub-body h3 { font-family:var(--title); font-size:1.35rem; font-weight:400; color:var(--text); margin-bottom:.75rem; line-height:1.35; }
.pub-body p { font-size:1rem; color:var(--text-muted); line-height:1.7; margin-bottom:64px; }
.pub-body a:not(.btn-primary) { font-size:.85rem; font-weight:600; color:var(--green-dark); text-decoration:none; display:inline-flex; align-items:center; gap:.35rem; transition:gap .2s; margin-top:auto; align-self:flex-start; }
@media (min-width:601px){
.pub-body a:not(.btn-primary):hover { gap:.6rem; }
}

.pub-body .btn-primary { align-self:center; margin-top:auto; }

.bloque-icon { width:84px; height:84px; border-radius:12px; background:rgba(89,178,166,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.85); display:flex; align-items:center; justify-content:center; margin:0 auto 1.75rem; }
.bloque-icon svg { width:42px; height:42px; color:var(--green-dark); }
#back-link { position:fixed; top:5.5rem; left:2rem; z-index:999; display:inline-flex; align-items:center; gap:.4rem; color:var(--green-dark); font-size:.85rem; font-weight:600; text-decoration:none; transition:gap .2s; }
@media (min-width:601px){
#back-link:hover { gap:.65rem; }
}


/* Escritorio: aire de la seccion de manuales y del boton de cierre. */
@media(min-width:1441px){
  #content #manuales .section-header { margin-bottom:calc(3rem - 16px); }
  #content #manuales .body-text { max-width:980px !important; }
  #content #manuales .pub-grid { margin-top:calc(2.5rem + 40px) !important; }
  #content .two-col .btn-outline { margin-top:40px; }
}

/* Movil: tarjetas con los tamanos ya establecidos en el resto de la web. */
@media(max-width:600px){
  #content .pub-body h3{ font-size:19.8px; }
  #content .pub-body p{ font-size:15px; }
}