/* ============================================================
   LO QUE VENÍA DE css/editor.css
   ============================================================
   Reglas responsive que vivían en la hoja del módulo, mezcladas con las del
   escritorio. Se mueven enteras y sin tocar su contenido ni sus anchos: el
   cambio es de archivo, no de comportamiento.

   Van al principio a propósito. La hoja del módulo se carga antes que esta,
   así que en un empate ganaba lo que ya había aquí. Poniéndolas encima se
   conserva ese orden y ninguna regla cambia de bando.
   ============================================================ */

/*
 * La hoja deja de imitar al papel: en un teléfono los márgenes de un
 * documento real se comen la mitad del ancho y no queda sitio para
 * escribir.
 */
@media screen and (max-width: 768px) {
    .editor-hoja {
        padding: 0;
    }

    .editor-area {
        max-width: none;
        min-height: 0;
        padding: 16px;
        box-shadow: none;
        font-size: 14px;
    }

    .editor-barra {
        padding: 5px 6px;
        gap: 2px;
    }

    .editor-grupo {
        padding: 0 3px;
    }
}