/* ============================================================
   RESPONSIVE — reglas adicionales para los componentes nuevos
   (las secciones originales conservan sus media queries propias)
============================================================ */
@media(max-width:960px){
  .docs-grid{grid-template-columns:1fr 1fr}
  .docs-grid .dropzone:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .topbar .wrap{min-height:44px;gap:.6rem}
  .redes a{width:32px;height:32px}
  .idiomas{font-size:.74rem}
}
@media(max-width:600px){
  .docs-grid{grid-template-columns:1fr}
  .docs-grid .dropzone{min-height:150px}
  .doc-ejemplo{flex-direction:column;text-align:center}
  .sol-nav{flex-wrap:wrap}
  .sol-nav .btn{flex:1 1 100%}
}